@sbb-esta/lyne-elements-dev 4.7.0-dev.1773213760 → 4.7.0-dev.1773217409

package/custom-elements.json

@@ -63681,6 +63681,229 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/base.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/force-type.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "forceType",
+          "return": {
+            "type": {
+              "text": "PropertyDecorator"
+            }
+          },
+          "parameters": [
+            {
+              "name": "convert",
+              "optional": true,
+              "type": {
+                "text": "(v: unknown) => V"
+              }
+            }
+          ],
+          "description": "Decorator that forces the value of a property or getter/setter\nto the defined type."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "forceType",
+          "declaration": {
+            "name": "forceType",
+            "module": "core/decorators/force-type.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/get-override.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getOverride",
+          "parameters": [
+            {
+              "name": "callback",
+              "type": {
+                "text": "(instance: C, innerValue: V) => V"
+              }
+            }
+          ],
+          "description": "Decorator that overrides the underlying getter of the accessor."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getOverride",
+          "declaration": {
+            "name": "getOverride",
+            "module": "core/decorators/get-override.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/handle-distinct-change.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "handleDistinctChange",
+          "parameters": [
+            {
+              "name": "callback",
+              "type": {
+                "text": "(instance: C, newValue: V, oldValue: V | undefined) => void"
+              }
+            }
+          ],
+          "description": "Decorator that calls the given callback when the value\nof the associated property is changed."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "handleDistinctChange",
+          "declaration": {
+            "name": "handleDistinctChange",
+            "module": "core/decorators/handle-distinct-change.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/host-attributes.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "hostAttributes",
+          "parameters": [
+            {
+              "name": "attributes",
+              "type": {
+                "text": "Record<string, string | null>"
+              },
+              "description": "A record of attributes to apply to the element."
+            }
+          ],
+          "description": "Applies the given attributes to the related element.\nIf an empty string is passed as a value, the attribute will be set\nwithout value.",
+          "deprecated": "Will be removed with next major version."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "hostAttributes",
+          "declaration": {
+            "name": "hostAttributes",
+            "module": "core/decorators/host-attributes.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/id-reference.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "idReference",
+          "description": "Accessor decorator that resolves id references dynamically.\nIf a string is passed (e.g. from an attribute), it will be resolved to the element with that id.\nThis decorator observes the connected document fragment for changes to the id attribute\nand child elements and if any id reference is established or removed, it will\nupdate the associated property."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "idReference",
+          "declaration": {
+            "name": "idReference",
+            "module": "core/decorators/id-reference.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/omit-empty-converter.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "omitEmptyConverter",
+          "type": {
+            "text": "ComplexAttributeConverter"
+          },
+          "default": "{ toAttribute(value, type) { return ((type === String || type === undefined) && value === '') || (type === Number && isNaN(value as number)) ? null : defaultConverter.toAttribute!(value, type); }, }",
+          "description": "Converts empty values to null, which will not be rendered as attributes.\ne.g. for string properties, an empty value '' will not be rendered as an\nempty attribute, as would be the default with lit."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "omitEmptyConverter",
+          "declaration": {
+            "name": "omitEmptyConverter",
+            "module": "core/decorators/omit-empty-converter.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/decorators/plain-date.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "plainDateConverter",
+          "type": {
+            "text": "ComplexAttributeConverter"
+          },
+          "default": "{ toAttribute(value, _type) { const dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter; return dateAdapter.isValid(value) ? dateAdapter.toIso8601(value) : null; }, }",
+          "description": "Will convert date object values to ISO8601 formatted strings as attributes.\nShould be used together with the `plainDate` decorator."
+        },
+        {
+          "kind": "function",
+          "name": "plainDate",
+          "parameters": [
+            {
+              "name": "config",
+              "optional": true,
+              "type": {
+                "text": "SbbPlainDateConfiguration"
+              }
+            }
+          ],
+          "description": "Decorator that tries to deserialize the given value to a date object\nand adapts the getter to only return a copy of the internal value,\nin order to avoid outside manipulation of date objects."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "plainDateConverter",
+          "declaration": {
+            "name": "plainDateConverter",
+            "module": "core/decorators/plain-date.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "plainDate",
+          "declaration": {
+            "name": "plainDate",
+            "module": "core/decorators/plain-date.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/dom/animation.js",
@@ -64119,229 +64342,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/base.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/force-type.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "forceType",
-          "return": {
-            "type": {
-              "text": "PropertyDecorator"
-            }
-          },
-          "parameters": [
-            {
-              "name": "convert",
-              "optional": true,
-              "type": {
-                "text": "(v: unknown) => V"
-              }
-            }
-          ],
-          "description": "Decorator that forces the value of a property or getter/setter\nto the defined type."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "forceType",
-          "declaration": {
-            "name": "forceType",
-            "module": "core/decorators/force-type.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/get-override.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getOverride",
-          "parameters": [
-            {
-              "name": "callback",
-              "type": {
-                "text": "(instance: C, innerValue: V) => V"
-              }
-            }
-          ],
-          "description": "Decorator that overrides the underlying getter of the accessor."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getOverride",
-          "declaration": {
-            "name": "getOverride",
-            "module": "core/decorators/get-override.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/handle-distinct-change.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "handleDistinctChange",
-          "parameters": [
-            {
-              "name": "callback",
-              "type": {
-                "text": "(instance: C, newValue: V, oldValue: V | undefined) => void"
-              }
-            }
-          ],
-          "description": "Decorator that calls the given callback when the value\nof the associated property is changed."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "handleDistinctChange",
-          "declaration": {
-            "name": "handleDistinctChange",
-            "module": "core/decorators/handle-distinct-change.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/host-attributes.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "hostAttributes",
-          "parameters": [
-            {
-              "name": "attributes",
-              "type": {
-                "text": "Record<string, string | null>"
-              },
-              "description": "A record of attributes to apply to the element."
-            }
-          ],
-          "description": "Applies the given attributes to the related element.\nIf an empty string is passed as a value, the attribute will be set\nwithout value.",
-          "deprecated": "Will be removed with next major version."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "hostAttributes",
-          "declaration": {
-            "name": "hostAttributes",
-            "module": "core/decorators/host-attributes.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/id-reference.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "idReference",
-          "description": "Accessor decorator that resolves id references dynamically.\nIf a string is passed (e.g. from an attribute), it will be resolved to the element with that id.\nThis decorator observes the connected document fragment for changes to the id attribute\nand child elements and if any id reference is established or removed, it will\nupdate the associated property."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "idReference",
-          "declaration": {
-            "name": "idReference",
-            "module": "core/decorators/id-reference.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/omit-empty-converter.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "omitEmptyConverter",
-          "type": {
-            "text": "ComplexAttributeConverter"
-          },
-          "default": "{ toAttribute(value, type) { return ((type === String || type === undefined) && value === '') || (type === Number && isNaN(value as number)) ? null : defaultConverter.toAttribute!(value, type); }, }",
-          "description": "Converts empty values to null, which will not be rendered as attributes.\ne.g. for string properties, an empty value '' will not be rendered as an\nempty attribute, as would be the default with lit."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "omitEmptyConverter",
-          "declaration": {
-            "name": "omitEmptyConverter",
-            "module": "core/decorators/omit-empty-converter.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "core/decorators/plain-date.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "plainDateConverter",
-          "type": {
-            "text": "ComplexAttributeConverter"
-          },
-          "default": "{ toAttribute(value, _type) { const dateAdapter = readConfig().datetime?.dateAdapter ?? defaultDateAdapter; return dateAdapter.isValid(value) ? dateAdapter.toIso8601(value) : null; }, }",
-          "description": "Will convert date object values to ISO8601 formatted strings as attributes.\nShould be used together with the `plainDate` decorator."
-        },
-        {
-          "kind": "function",
-          "name": "plainDate",
-          "parameters": [
-            {
-              "name": "config",
-              "optional": true,
-              "type": {
-                "text": "SbbPlainDateConfiguration"
-              }
-            }
-          ],
-          "description": "Decorator that tries to deserialize the given value to a date object\nand adapts the getter to only return a copy of the internal value,\nin order to avoid outside manipulation of date objects."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "plainDateConverter",
-          "declaration": {
-            "name": "plainDateConverter",
-            "module": "core/decorators/plain-date.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "plainDate",
-          "declaration": {
-            "name": "plainDate",
-            "module": "core/decorators/plain-date.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "core/eventing/composed-path-has-attribute.js",
@@ -104267,176 +104267,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "navigation/common/navigation-action-common.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SbbNavigationActionCommonElementMixinType",
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "marker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "section",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "connectedSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | undefined"
-              },
-              "privacy": "public"
-            }
-          ]
-        },
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "SbbNavigationActionCommonElementMixin",
-          "members": [
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, style]"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "privacy": "public",
-              "description": "Action size variant, either s, m or l.",
-              "default": "'l' / 's' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "connectedSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | undefined"
-              },
-              "privacy": "public",
-              "description": "The section that is being controlled by the action, if any."
-            },
-            {
-              "kind": "field",
-              "name": "marker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "public",
-              "description": "The navigation marker in which the action is nested.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "section",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "public",
-              "description": "The section in which the action is nested.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_navigationMarker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_navigationSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "description": "Action size variant, either s, m or l.",
-              "default": "'l' / 's' (lean)",
-              "fieldName": "size"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass",
-              "type": {
-                "text": "T"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbNavigationActionCommonElementMixinType",
-          "declaration": {
-            "name": "SbbNavigationActionCommonElementMixinType",
-            "module": "navigation/common/navigation-action-common.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SbbNavigationActionCommonElementMixin",
-          "declaration": {
-            "name": "SbbNavigationActionCommonElementMixin",
-            "module": "navigation/common/navigation-action-common.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "mini-calendar/mini-calendar-month/mini-calendar-month.component.js",
@@ -104646,6 +104476,176 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "navigation/common/navigation-action-common.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbNavigationActionCommonElementMixinType",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "marker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "section",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "connectedSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | undefined"
+              },
+              "privacy": "public"
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "SbbNavigationActionCommonElementMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[boxSizingStyles, style]"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "privacy": "public",
+              "description": "Action size variant, either s, m or l.",
+              "default": "'l' / 's' (lean)",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "connectedSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | undefined"
+              },
+              "privacy": "public",
+              "description": "The section that is being controlled by the action, if any."
+            },
+            {
+              "kind": "field",
+              "name": "marker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "public",
+              "description": "The navigation marker in which the action is nested.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "section",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "public",
+              "description": "The section in which the action is nested.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_navigationMarker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_navigationSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "description": "Action size variant, either s, m or l.",
+              "default": "'l' / 's' (lean)",
+              "fieldName": "size"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbNavigationActionCommonElementMixinType",
+          "declaration": {
+            "name": "SbbNavigationActionCommonElementMixinType",
+            "module": "navigation/common/navigation-action-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbNavigationActionCommonElementMixin",
+          "declaration": {
+            "name": "SbbNavigationActionCommonElementMixin",
+            "module": "navigation/common/navigation-action-common.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "navigation/navigation/navigation.component.js",
@@ -114683,37 +114683,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/common/styles.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "sidebarContainerCommonStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./sidebar-container-common.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "sidebarContentCommonStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./sidebar-content-common.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "iconSidebarButtonCommonStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./icon-sidebar-button-common.scss?lit&inline"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "sidebar/sidebar/sidebar.component.js",
@@ -115447,212 +115416,31 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-container/sidebar-container.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
-          "name": "SbbSidebarContainerElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-sidebar-container'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "sidebars",
-              "type": {
-                "text": "SbbSidebarElement[]"
-              },
-              "privacy": "public",
-              "description": "The sidebar children.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "start",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `start` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "end",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `end` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_forcedClosedSidebars",
-              "privacy": "private",
-              "default": "new WeakSet<SbbSidebarElement>()"
-            },
-            {
-              "kind": "method",
-              "name": "_handleWidthChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_calculateSpaceState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-sidebar-container",
-          "customElement": true
-        }
-      ],
+      "path": "sidebar/common/styles.js",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarContainerElement",
+          "name": "sidebarContainerCommonStyle",
           "declaration": {
-            "name": "SbbSidebarContainerElement",
-            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+            "name": "default",
+            "module": "./sidebar-container-common.scss?lit&inline"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "sidebarContentCommonStyle",
+          "declaration": {
+            "name": "default",
+            "module": "./sidebar-content-common.scss?lit&inline"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "iconSidebarButtonCommonStyle",
+          "declaration": {
+            "name": "default",
+            "module": "./icon-sidebar-button-common.scss?lit&inline"
           }
         }
       ]
@@ -116679,15 +116467,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-content/sidebar-content.component.js",
+      "path": "sidebar/sidebar-container/sidebar-container.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
-          "name": "SbbSidebarContentElement",
+          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
+          "name": "SbbSidebarContainerElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
+              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
               "name": ""
             }
           ],
@@ -116701,12 +116489,69 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-sidebar-content'",
+              "default": "'sbb-sidebar-container'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "sidebars",
+              "type": {
+                "text": "SbbSidebarElement[]"
+              },
+              "privacy": "public",
+              "description": "The sidebar children.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `start` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `end` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_forcedClosedSidebars",
+              "privacy": "private",
+              "default": "new WeakSet<SbbSidebarElement>()"
+            },
+            {
+              "kind": "method",
+              "name": "_handleWidthChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_calculateSpaceState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
+            },
             {
               "kind": "field",
               "name": "_hydrationRequired",
@@ -116817,32 +116662,32 @@
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-sidebar-content",
+          "tagName": "sbb-sidebar-container",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarContentElement",
+          "name": "SbbSidebarContainerElement",
           "declaration": {
-            "name": "SbbSidebarContentElement",
-            "module": "sidebar/sidebar-content/sidebar-content.component.js"
+            "name": "SbbSidebarContainerElement",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-title/sidebar-title.component.js",
+      "path": "sidebar/sidebar-content/sidebar-content.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
-          "name": "SbbSidebarTitleElement",
+          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
+          "name": "SbbSidebarContentElement",
           "slots": [
             {
-              "description": "Use the unnamed slot for the content of the sidebar-title.",
+              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
               "name": ""
             }
           ],
@@ -116856,56 +116701,10 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
+              "default": "'sbb-sidebar-content'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-sidebar-title'"
-            },
-            {
-              "kind": "field",
-              "name": "level",
-              "type": {
-                "text": "SbbTitleLevel"
-              },
-              "privacy": "public",
-              "default": "'2'",
-              "description": "Title level",
-              "attribute": "level",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "visualLevel",
-              "type": {
-                "text": "SbbTitleLevel | null"
-              },
-              "privacy": "public",
-              "default": "'5'",
-              "description": "Visual level for the title.",
-              "attribute": "visual-level",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'heading'",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
               }
             },
             {
@@ -117014,64 +116813,36 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "level",
-              "type": {
-                "text": "SbbTitleLevel"
-              },
-              "default": "'2'",
-              "description": "Title level",
-              "fieldName": "level",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "name": "visual-level",
-              "type": {
-                "text": "SbbTitleLevel | null"
-              },
-              "default": "null",
-              "description": "Visual level for the title.",
-              "fieldName": "visualLevel",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            }
-          ],
           "superclass": {
-            "name": "SbbTitleBase",
-            "module": "title.js"
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
           },
-          "tagName": "sbb-sidebar-title",
+          "tagName": "sbb-sidebar-content",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarTitleElement",
+          "name": "SbbSidebarContentElement",
           "declaration": {
-            "name": "SbbSidebarTitleElement",
-            "module": "sidebar/sidebar-title/sidebar-title.component.js"
+            "name": "SbbSidebarContentElement",
+            "module": "sidebar/sidebar-content/sidebar-content.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "stepper/step/step.component.js",
+      "path": "sidebar/sidebar-title/sidebar-title.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with a `sbb-stepper`, it displays a step's content.",
-          "name": "SbbStepElement",
+          "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
+          "name": "SbbSidebarTitleElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to provide content.",
+              "description": "Use the unnamed slot for the content of the sidebar-title.",
               "name": ""
             }
           ],
@@ -117085,150 +116856,56 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-step'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              }
+              },
+              "default": "'sbb-sidebar-title'"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "level",
               "type": {
-                "text": "string"
+                "text": "SbbTitleLevel"
               },
               "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'tabpanel'"
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ validate: 'validate', resizechange: 'resizechange', }",
-              "type": {
-                "text": "{\n    validate: 'validate',\n    resizechange: 'resizechange',\n  }"
+              "default": "'2'",
+              "description": "Title level",
+              "attribute": "level",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
               }
             },
             {
               "kind": "field",
-              "name": "_stepResizeObserver",
-              "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "visualLevel",
               "type": {
-                "text": "SbbStepLabelElement | null"
+                "text": "SbbTitleLevel | null"
               },
               "privacy": "public",
-              "description": "The label of the step.",
-              "readonly": true,
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_label",
-              "type": {
-                "text": "SbbStepLabelElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
+              "default": "'5'",
+              "description": "Visual level for the title.",
+              "attribute": "visual-level",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
             },
             {
               "kind": "field",
-              "name": "stepper",
+              "name": "role",
               "type": {
-                "text": "SbbStepperElement | null"
+                "text": "string"
               },
               "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_previousOrientation",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
-            },
-            {
-              "kind": "method",
-              "name": "_isGoNextElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isGoPreviousElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onStepElementResize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_assignLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "static": true,
+              "default": "'heading'",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
               }
             },
             {
@@ -117337,30 +117014,49 @@
               }
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "validate",
+              "name": "level",
               "type": {
-                "text": "CustomEvent<SbbStepValidateEventDetails>"
+                "text": "SbbTitleLevel"
               },
-              "description": "The validate event is dispatched when a step change is triggered. Can be canceled to abort the step change."
+              "default": "'2'",
+              "description": "Title level",
+              "fieldName": "level",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            },
+            {
+              "name": "visual-level",
+              "type": {
+                "text": "SbbTitleLevel | null"
+              },
+              "default": "null",
+              "description": "Visual level for the title.",
+              "fieldName": "visualLevel",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
             }
           ],
           "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
+            "name": "SbbTitleBase",
+            "module": "title.js"
           },
-          "tagName": "sbb-step",
+          "tagName": "sbb-sidebar-title",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbStepElement",
+          "name": "SbbSidebarTitleElement",
           "declaration": {
-            "name": "SbbStepElement",
-            "module": "stepper/step/step.component.js"
+            "name": "SbbSidebarTitleElement",
+            "module": "sidebar/sidebar-title/sidebar-title.component.js"
           }
         }
       ]
@@ -118327,6 +118023,310 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "stepper/step/step.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Combined with a `sbb-stepper`, it displays a step's content.",
+          "name": "SbbStepElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to provide content.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-step'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'tabpanel'"
+            },
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ validate: 'validate', resizechange: 'resizechange', }",
+              "type": {
+                "text": "{\n    validate: 'validate',\n    resizechange: 'resizechange',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_stepResizeObserver",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "SbbStepLabelElement | null"
+              },
+              "privacy": "public",
+              "description": "The label of the step.",
+              "readonly": true,
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_label",
+              "type": {
+                "text": "SbbStepLabelElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "stepper",
+              "type": {
+                "text": "SbbStepperElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_previousOrientation",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
+            },
+            {
+              "kind": "method",
+              "name": "_isGoNextElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isGoPreviousElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onStepElementResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "validate",
+              "type": {
+                "text": "CustomEvent<SbbStepValidateEventDetails>"
+              },
+              "description": "The validate event is dispatched when a step change is triggered. Can be canceled to abort the step change."
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-step",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbStepElement",
+          "declaration": {
+            "name": "SbbStepElement",
+            "module": "stepper/step/step.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "stepper/stepper/stepper.component.js",