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

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",
@@ -115327,332 +115327,120 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "color",
-              "type": {
-                "text": "'white' | 'milk'"
-              },
-              "default": "'white'",
-              "description": "Background color of the sidebar. Either `white` or `milk`.",
-              "fieldName": "color"
-            },
-            {
-              "name": "mode",
-              "type": {
-                "text": "'side' | 'over'"
-              },
-              "default": "'side'",
-              "description": "Mode of the sidebar; one of 'side' or 'over'.",
-              "fieldName": "mode"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "'start' | 'end'"
-              },
-              "default": "'start'",
-              "description": "The side that the sidebar is attached to.",
-              "fieldName": "position"
-            },
-            {
-              "name": "opened",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
-              "fieldName": "opened"
-            },
-            {
-              "name": "focus-on-open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
-              "fieldName": "focusOnOpen"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbAnimationCompleteMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbOpenCloseBaseElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-sidebar",
-          "customElement": true,
-          "events": [
-            {
-              "name": "beforeopen",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component is opened.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "beforeclose",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "close",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component is closed.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSidebarElement",
-          "declaration": {
-            "name": "SbbSidebarElement",
-            "module": "sidebar/sidebar/sidebar.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-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"
-              }
-            }
-          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "'white' | 'milk'"
+              },
+              "default": "'white'",
+              "description": "Background color of the sidebar. Either `white` or `milk`.",
+              "fieldName": "color"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "'side' | 'over'"
+              },
+              "default": "'side'",
+              "description": "Mode of the sidebar; one of 'side' or 'over'.",
+              "fieldName": "mode"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "'start' | 'end'"
+              },
+              "default": "'start'",
+              "description": "The side that the sidebar is attached to.",
+              "fieldName": "position"
+            },
+            {
+              "name": "opened",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
+              "fieldName": "opened"
+            },
+            {
+              "name": "focus-on-open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
+              "fieldName": "focusOnOpen"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbAnimationCompleteMixin",
+              "module": "core/mixins.js"
+            }
+          ],
           "superclass": {
-            "name": "SbbElement",
+            "name": "SbbOpenCloseBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-sidebar-container",
-          "customElement": true
+          "tagName": "sbb-sidebar",
+          "customElement": true,
+          "events": [
+            {
+              "name": "beforeopen",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component is opened.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "name": "beforeclose",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "name": "close",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component is closed.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarContainerElement",
+          "name": "SbbSidebarElement",
           "declaration": {
-            "name": "SbbSidebarContainerElement",
-            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+            "name": "SbbSidebarElement",
+            "module": "sidebar/sidebar/sidebar.component.js"
           }
         }
       ]
@@ -116677,6 +116465,218 @@
         }
       ]
     },
+    {
+      "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
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSidebarContainerElement",
+          "declaration": {
+            "name": "SbbSidebarContainerElement",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "sidebar/sidebar-content/sidebar-content.component.js",