@sbb-esta/lyne-elements 4.9.0 → 4.10.0

package/custom-elements.json

@@ -306,7 +306,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "button/common.js"
+            "module": "button/common/button-common.js"
           }
         }
       ]
@@ -754,6 +754,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "core.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/a11y.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/base-elements.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/config.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/controllers.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/datetime.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/decorators.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/dom.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/eventing.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/i18n.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/interfaces.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/mixins.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/overlay.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "core/styles.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "date-input.pure.js",
@@ -1119,6 +1230,14 @@
             "module": "form-field/error/error.component.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "form-field/form-field/form-field.component.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1132,7 +1251,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "form-field/form-field/form-field.component.js"
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "form-field/hint/hint.component.js"
           }
         }
       ]
@@ -1554,7 +1681,23 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "link/common.js"
+            "module": "link/common/block-link-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "link/common/inline-link-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "link/common/link-common.js"
           }
         }
       ]
@@ -6417,62 +6560,6 @@
             "name": "*",
             "module": "button/common/button-common.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "buttonCommonStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/button-common.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buttonPrimaryStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/primary-button.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buttonSecondaryStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/secondary-button.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buttonAccentStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/accent-button.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buttonTransparentStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/transparent-button.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "miniButtonStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/mini-button-common.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "miniButtonLabelStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/mini-button-label-common.scss?lit&inline"
-          }
         }
       ]
     },
@@ -6713,14 +6800,6 @@
             "name": "*",
             "module": "calendar/common/calendar-cell-base-element.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "calendarCellBaseStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./common/calendar-cell-base-element.scss?lit&inline"
-          }
         }
       ]
     },
@@ -9324,205 +9403,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "chip-label/chip-label.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays brief and compact information.",
-          "name": "SbbChipLabelElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add content to the `sbb-chip-label`.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-chip-label'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'xxs' | 'xs' | 's'"
-              },
-              "privacy": "public",
-              "default": "'xxs'",
-              "description": "Size of the chip.",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "'milk' | 'charcoal' | 'white' | 'granite'"
-              },
-              "privacy": "public",
-              "default": "'milk'",
-              "description": "Color of the chip.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.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": "SbbElementInternalsMixin",
-                "module": "core/mixins/element-internals-mixin.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": "size",
-              "type": {
-                "text": "'xxs' | 'xs' | 's'"
-              },
-              "default": "'xxs'",
-              "description": "Size of the chip.",
-              "fieldName": "size"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "'milk' | 'charcoal' | 'white' | 'granite'"
-              },
-              "default": "'milk'",
-              "description": "Color of the chip.",
-              "fieldName": "color"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-chip-label",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbChipLabelElement",
-          "declaration": {
-            "name": "SbbChipLabelElement",
-            "module": "chip-label/chip-label.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "clock/clock.component.js",
@@ -9953,6 +9833,205 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "chip-label/chip-label.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays brief and compact information.",
+          "name": "SbbChipLabelElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add content to the `sbb-chip-label`.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-chip-label'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'xxs' | 'xs' | 's'"
+              },
+              "privacy": "public",
+              "default": "'xxs'",
+              "description": "Size of the chip.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "'milk' | 'charcoal' | 'white' | 'granite'"
+              },
+              "privacy": "public",
+              "default": "'milk'",
+              "description": "Color of the chip.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.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": "SbbElementInternalsMixin",
+                "module": "core/mixins/element-internals-mixin.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": "size",
+              "type": {
+                "text": "'xxs' | 'xs' | 's'"
+              },
+              "default": "'xxs'",
+              "description": "Size of the chip.",
+              "fieldName": "size"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "'milk' | 'charcoal' | 'white' | 'granite'"
+              },
+              "default": "'milk'",
+              "description": "Color of the chip.",
+              "fieldName": "color"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-chip-label",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbChipLabelElement",
+          "declaration": {
+            "name": "SbbChipLabelElement",
+            "module": "chip-label/chip-label.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "container/container.js",
@@ -10610,14 +10689,6 @@
             "name": "*",
             "module": "core/mixins/update-scheduler-mixin.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "panelCommonStyle",
-          "declaration": {
-            "name": "default",
-            "module": "./mixins/panel-common.scss?lit&inline"
-          }
         }
       ]
     },
@@ -10675,10 +10746,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "boxSizingStyles",
+          "name": "*",
           "declaration": {
-            "name": "default",
-            "module": "./styles/box-sizing.scss?lit&inline"
+            "name": "*",
+            "module": "core/styles/styles.js"
           }
         }
       ]
@@ -14396,6 +14467,7 @@
               "privacy": "public",
               "description": "Journey header size, either s, m or l.",
               "default": "'m' / 's' (lean)",
+              "deprecated": "Use visualLevel instead.",
               "attribute": "size",
               "reflects": true
             },
@@ -14608,6 +14680,7 @@
               },
               "description": "Journey header size, either s, m or l.",
               "default": "'m' / 's' (lean)",
+              "deprecated": "Use visualLevel instead.",
               "fieldName": "size"
             },
             {
@@ -24406,6 +24479,15 @@
               "attribute": "multiple",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "compareWith",
+              "type": {
+                "text": "(v1: T | null, v2: T | null) => boolean"
+              },
+              "privacy": "public",
+              "description": "Function used to compare option values."
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -37745,7 +37827,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledTabIndexActionMixin",
@@ -38429,7 +38511,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledInteractiveMixin",
@@ -38980,7 +39062,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -39929,7 +40011,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledTabIndexActionMixin",
@@ -40613,7 +40695,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledInteractiveMixin",
@@ -41164,7 +41246,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -41261,6 +41343,34 @@
       "kind": "javascript-module",
       "path": "button/common/button-common.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "buttonCommonStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "buttonPrimaryStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "buttonSecondaryStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "buttonAccentStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "buttonTransparentStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "miniButtonStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "miniButtonLabelStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -41771,6 +41881,62 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "buttonCommonStyle",
+          "declaration": {
+            "name": "buttonCommonStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buttonPrimaryStyle",
+          "declaration": {
+            "name": "buttonPrimaryStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buttonSecondaryStyle",
+          "declaration": {
+            "name": "buttonSecondaryStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buttonAccentStyle",
+          "declaration": {
+            "name": "buttonAccentStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buttonTransparentStyle",
+          "declaration": {
+            "name": "buttonTransparentStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "miniButtonStyle",
+          "declaration": {
+            "name": "miniButtonStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "miniButtonLabelStyle",
+          "declaration": {
+            "name": "miniButtonLabelStyle",
+            "module": "button/common/button-common.js"
+          }
+        },
         {
           "kind": "js",
           "name": "SbbButtonCommonElementMixinType",
@@ -44605,7 +44771,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledTabIndexActionMixin",
@@ -45289,7 +45455,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledInteractiveMixin",
@@ -45840,7 +46006,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -46789,7 +46955,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledTabIndexActionMixin",
@@ -47473,7 +47639,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledInteractiveMixin",
@@ -48024,7 +48190,7 @@
           "mixins": [
             {
               "name": "SbbButtonCommonElementMixin",
-              "module": "button/common.js"
+              "module": "button/common/button-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -48613,25 +48779,6 @@
               },
               "description": "Creates the array of weekdays."
             },
-            {
-              "kind": "method",
-              "name": "_createWeekNumbers",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "date",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "description": "Given a date, it returns the week numbers for the month the date belongs to.\nTODO: check if date-fns can be replaced with custom logic.\n\nSince the calculation is not simple (see https://en.wikipedia.org/wiki/Week#Numbering),\nthe date-fns library has been used this way:\nthe first and the last day of the month are calculated and then passed to the `eachWeekOfInterval` function,\nwhich returns an array containing the starting day of every ISO week of the month,\nconsidering Monday as the first day.\nThen, this array is mapped via the `getWeek` function, which returns the ISO week number for that date."
-            },
             {
               "kind": "method",
               "name": "_createWeekRows",
@@ -48735,6 +48882,24 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_getWeek",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_mapValueToISODate",
@@ -54159,6 +54324,10 @@
       "kind": "javascript-module",
       "path": "calendar/common/calendar-cell-base-element.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "calendarCellBaseStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -54870,6 +55039,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "calendarCellBaseStyle",
+          "declaration": {
+            "name": "calendarCellBaseStyle",
+            "module": "calendar/common/calendar-cell-base-element.js"
+          }
+        },
         {
           "kind": "js",
           "name": "SbbCalendarCellBaseElement",
@@ -55306,7 +55483,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbCardActionCommonElementMixin",
                 "module": "card/common/card-action-common.js"
@@ -56170,7 +56347,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbCardActionCommonElementMixin",
                 "module": "card/common/card-action-common.js"
@@ -56723,7 +56900,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]"
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
             {
               "kind": "field",
@@ -57512,6 +57689,10 @@
       "kind": "javascript-module",
       "path": "checkbox/common/checkbox-common.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "checkboxCommonStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -58893,8 +59074,8 @@
           "kind": "js",
           "name": "checkboxCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./checkbox-common.scss?lit&inline"
+            "name": "checkboxCommonStyle",
+            "module": "checkbox/common/checkbox-common.js"
           }
         },
         {
@@ -65962,6 +66143,72 @@
       "kind": "javascript-module",
       "path": "core/datetime/date-adapter.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "FORMAT_DATE",
+          "default": "/(0?[1-9]|[12][0-9]|3[01])[.,\\\\/\\-\\s](0?[1-9]|1[0-2])[.,\\\\/\\-\\s]([0-9]{1,4}$)?/"
+        },
+        {
+          "kind": "variable",
+          "name": "ISO8601_FORMAT_DATE",
+          "default": "/^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/"
+        },
+        {
+          "kind": "variable",
+          "name": "MONDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "1"
+        },
+        {
+          "kind": "variable",
+          "name": "TUESDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "2"
+        },
+        {
+          "kind": "variable",
+          "name": "WEDNESDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "3"
+        },
+        {
+          "kind": "variable",
+          "name": "THURSDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "4"
+        },
+        {
+          "kind": "variable",
+          "name": "FRIDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "5"
+        },
+        {
+          "kind": "variable",
+          "name": "SATURDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "6"
+        },
+        {
+          "kind": "variable",
+          "name": "SUNDAY",
+          "type": {
+            "text": "number"
+          },
+          "default": "0"
+        },
         {
           "kind": "variable",
           "name": "DAYS_PER_ROW",
@@ -66002,16 +66249,6 @@
           },
           "default": "24"
         },
-        {
-          "kind": "variable",
-          "name": "FORMAT_DATE",
-          "default": "/(0?[1-9]|[12][0-9]|3[01])[.,\\\\/\\-\\s](0?[1-9]|1[0-2])[.,\\\\/\\-\\s]([0-9]{1,4}$)?/"
-        },
-        {
-          "kind": "variable",
-          "name": "ISO8601_FORMAT_DATE",
-          "default": "/^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/"
-        },
         {
           "kind": "class",
           "description": "Abstract date functionality.\n\nAdapted from https://github.com/angular/components/blob/main/src/material/core/datetime/date-adapter.ts",
@@ -66619,57 +66856,113 @@
       "exports": [
         {
           "kind": "js",
-          "name": "DAYS_PER_ROW",
+          "name": "FORMAT_DATE",
           "declaration": {
-            "name": "DAYS_PER_ROW",
+            "name": "FORMAT_DATE",
             "module": "core/datetime/date-adapter.js"
           }
         },
         {
           "kind": "js",
-          "name": "MONTHS_PER_ROW",
+          "name": "ISO8601_FORMAT_DATE",
           "declaration": {
-            "name": "MONTHS_PER_ROW",
+            "name": "ISO8601_FORMAT_DATE",
             "module": "core/datetime/date-adapter.js"
           }
         },
         {
           "kind": "js",
-          "name": "YEARS_PER_ROW",
+          "name": "MONDAY",
           "declaration": {
-            "name": "YEARS_PER_ROW",
+            "name": "MONDAY",
             "module": "core/datetime/date-adapter.js"
           }
         },
         {
           "kind": "js",
-          "name": "MONTHS_PER_PAGE",
+          "name": "TUESDAY",
           "declaration": {
-            "name": "MONTHS_PER_PAGE",
+            "name": "TUESDAY",
             "module": "core/datetime/date-adapter.js"
           }
         },
         {
           "kind": "js",
-          "name": "YEARS_PER_PAGE",
+          "name": "WEDNESDAY",
           "declaration": {
-            "name": "YEARS_PER_PAGE",
+            "name": "WEDNESDAY",
             "module": "core/datetime/date-adapter.js"
           }
         },
         {
           "kind": "js",
-          "name": "FORMAT_DATE",
+          "name": "THURSDAY",
           "declaration": {
-            "name": "FORMAT_DATE",
+            "name": "THURSDAY",
             "module": "core/datetime/date-adapter.js"
           }
         },
         {
           "kind": "js",
-          "name": "ISO8601_FORMAT_DATE",
+          "name": "FRIDAY",
           "declaration": {
-            "name": "ISO8601_FORMAT_DATE",
+            "name": "FRIDAY",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SATURDAY",
+          "declaration": {
+            "name": "SATURDAY",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SUNDAY",
+          "declaration": {
+            "name": "SUNDAY",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DAYS_PER_ROW",
+          "declaration": {
+            "name": "DAYS_PER_ROW",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MONTHS_PER_ROW",
+          "declaration": {
+            "name": "MONTHS_PER_ROW",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "YEARS_PER_ROW",
+          "declaration": {
+            "name": "YEARS_PER_ROW",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "MONTHS_PER_PAGE",
+          "declaration": {
+            "name": "MONTHS_PER_PAGE",
+            "module": "core/datetime/date-adapter.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "YEARS_PER_PAGE",
+          "declaration": {
+            "name": "YEARS_PER_PAGE",
             "module": "core/datetime/date-adapter.js"
           }
         },
@@ -70044,6 +70337,14 @@
             "text": "Record<string, string>"
           },
           "default": "{ de: 'Folie', en: 'Slide', fr: 'Diapositive', it: 'Slide', }"
+        },
+        {
+          "kind": "variable",
+          "name": "i18nRemainingCharacters",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Zeichen übrig', en: 'characters remaining', fr: 'caractères restants', it: 'caratteri rimanenti', }"
         }
       ],
       "exports": [
@@ -70854,6 +71155,14 @@
             "name": "i18nSlide",
             "module": "core/i18n/i18n.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "i18nRemainingCharacters",
+          "declaration": {
+            "name": "i18nRemainingCharacters",
+            "module": "core/i18n/i18n.js"
+          }
         }
       ]
     },
@@ -76399,6 +76708,10 @@
       "kind": "javascript-module",
       "path": "core/mixins/panel-mixin.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "panelCommonStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -76520,6 +76833,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "panelCommonStyle",
+          "declaration": {
+            "name": "panelCommonStyle",
+            "module": "core/mixins/panel-mixin.js"
+          }
+        },
         {
           "kind": "js",
           "name": "SbbPanelMixinType",
@@ -77525,6 +77846,26 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "core/styles/styles.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "boxSizingStyles"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "boxSizingStyles",
+          "declaration": {
+            "name": "boxSizingStyles",
+            "module": "core/styles/styles.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/testing/event-spy.js",
@@ -77926,6 +78267,10 @@
       "kind": "javascript-module",
       "path": "datepicker/common/datepicker-button.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "datepickerButtonStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -79770,8 +80115,8 @@
           "kind": "js",
           "name": "datepickerButtonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./datepicker-button.scss?lit&inline"
+            "name": "datepickerButtonStyle",
+            "module": "datepicker/common/datepicker-button.js"
           }
         },
         {
@@ -86008,7 +86353,7 @@
           ],
           "superclass": {
             "name": "SbbSecondaryButtonElement",
-            "module": "button/secondary-button.js"
+            "module": "button.pure.js"
           },
           "tagName": "sbb-dialog-close-button",
           "customElement": true,
@@ -88257,6 +88602,10 @@
       "kind": "javascript-module",
       "path": "file-selector/common/file-selector-common.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "fileSelectorCommonStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -89897,8 +90246,8 @@
           "kind": "js",
           "name": "fileSelectorCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./file-selector-common.scss?lit&inline"
+            "name": "fileSelectorCommonStyle",
+            "module": "file-selector/common/file-selector-common.js"
           }
         },
         {
@@ -93370,6 +93719,10 @@
             {
               "description": "Use this slot to render an error.",
               "name": "error"
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint"
             }
           ],
           "members": [
@@ -93426,7 +93779,7 @@
               },
               "privacy": "public",
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "attribute": "error-space",
               "reflects": true
             },
@@ -93439,6 +93792,7 @@
               "privacy": "public",
               "default": "false",
               "description": "Indicates whether the input is optional.",
+              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
               "attribute": "optional"
             },
             {
@@ -93511,6 +93865,16 @@
               "default": "[]",
               "description": "It is used internally to get the `error` slot."
             },
+            {
+              "kind": "field",
+              "name": "_hintElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot."
+            },
             {
               "kind": "field",
               "name": "_input",
@@ -93773,7 +94137,26 @@
             },
             {
               "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "name": "_onSlotHintChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances."
+            },
+            {
+              "kind": "method",
+              "name": "_assignAriaDescribedByElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -93952,7 +94335,7 @@
                 "text": "'none' | 'reserve'"
               },
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "fieldName": "errorSpace"
             },
             {
@@ -93962,6 +94345,7 @@
               },
               "default": "false",
               "description": "Indicates whether the input is optional.",
+              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
               "fieldName": "optional"
             },
             {
@@ -94850,140 +95234,588 @@
     },
     {
       "kind": "javascript-module",
-      "path": "header/common/header-action-common.js",
+      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "SbbHeaderActionCommonElementMixinType",
+          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
+          "name": "SbbFormFieldTextCounterElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display a custom description text after the counter.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "expandFrom",
+              "name": "elementName",
               "type": {
-                "text": "SbbHorizontalFrom"
+                "text": "string"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-form-field-text-counter'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "iconName",
+              "name": "_remainingCharacters",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "kind": "method",
-              "name": "renderIconSlot",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | null"
               },
-              "parameters": [
-                {
-                  "name": "classname",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
+              "name": "_onInputUpdate",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_renderIconName",
+              "name": "_infoText",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "string"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabled",
+              "name": "negative",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabledInteractive",
+              "name": "formField",
               "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "SbbFormFieldElement | null"
               },
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
               "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "description": "Override this method to render the component template.",
+              "default": "null",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            },
+            {
+              "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": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          },
+          "tagName": "sbb-form-field-text-counter",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFormFieldTextCounterElement",
+          "declaration": {
+            "name": "SbbFormFieldTextCounterElement",
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/hint/hint.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays a hint message in the `sbb-form-field`.",
+          "name": "SbbHintElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display the hint message.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-hint'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_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"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-hint",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbHintElement",
+          "declaration": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "header/common/header-action-common.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbHeaderActionCommonElementMixinType",
+          "members": [
+            {
+              "kind": "field",
+              "name": "expandFrom",
+              "type": {
+                "text": "SbbHorizontalFrom"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_renderIconName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template.",
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -95145,7 +95977,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]"
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
             {
               "kind": "field",
@@ -95786,7 +96618,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbHeaderActionCommonElementMixin",
                 "module": "header/common/header-action-common.js"
@@ -96843,7 +97675,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbHeaderActionCommonElementMixin",
                 "module": "header/common/header-action-common.js"
@@ -99301,7 +100133,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, blockStyle]",
+              "default": "[super.styles, unsafeCSS(blockStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -99762,7 +100594,7 @@
           "mixins": [
             {
               "name": "SbbBlockLinkCommonElementMixin",
-              "module": "link/common.js"
+              "module": "link/common/block-link-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -99962,7 +100794,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, blockStyle]",
+              "default": "[super.styles, unsafeCSS(blockStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -100767,7 +101599,7 @@
           "mixins": [
             {
               "name": "SbbBlockLinkCommonElementMixin",
-              "module": "link/common.js"
+              "module": "link/common/block-link-common.js"
             },
             {
               "name": "SbbDisabledTabIndexActionMixin",
@@ -100952,7 +101784,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, blockStyle]",
+              "default": "[super.styles, unsafeCSS(blockStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -101264,7 +102096,7 @@
           "mixins": [
             {
               "name": "SbbBlockLinkCommonElementMixin",
-              "module": "link/common.js"
+              "module": "link/common/block-link-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -101369,7 +102201,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "style",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -101717,7 +102549,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, blockStyle]",
+              "default": "[super.styles, unsafeCSS(blockStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -101992,7 +102824,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "style",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -102219,7 +103051,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, inlineStyle]",
+              "default": "[super.styles, unsafeCSS(inlineStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -102582,7 +103414,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "style"
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
             {
               "kind": "field",
@@ -102720,7 +103552,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, inlineStyle]",
+              "default": "[super.styles, unsafeCSS(inlineStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -103115,7 +103947,7 @@
           "mixins": [
             {
               "name": "SbbInlineLinkCommonElementMixin",
-              "module": "link/common.js"
+              "module": "link/common/inline-link-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -103298,7 +104130,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, inlineStyle]",
+              "default": "[super.styles, unsafeCSS(inlineStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -104037,7 +104869,7 @@
           "mixins": [
             {
               "name": "SbbInlineLinkCommonElementMixin",
-              "module": "link/common.js"
+              "module": "link/common/inline-link-common.js"
             },
             {
               "name": "SbbDisabledTabIndexActionMixin",
@@ -104205,7 +105037,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style, inlineStyle]",
+              "default": "[super.styles, unsafeCSS(inlineStyle)]",
               "inheritedFrom": {
                 "name": "SbbLinkCommonElementMixin",
                 "module": "link/common/link-common.js"
@@ -104451,7 +105283,7 @@
           "mixins": [
             {
               "name": "SbbInlineLinkCommonElementMixin",
-              "module": "link/common.js"
+              "module": "link/common/inline-link-common.js"
             },
             {
               "name": "SbbDisabledMixin",
@@ -104522,6 +105354,10 @@
       "kind": "javascript-module",
       "path": "link-list/common/link-list-base.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "linkListBaseStyle"
+        },
         {
           "kind": "class",
           "description": "It displays a list of `sbb-block-link`.",
@@ -104878,8 +105714,8 @@
           "kind": "js",
           "name": "linkListBaseStyle",
           "declaration": {
-            "name": "default",
-            "module": "./link-list-base.scss?lit&inline"
+            "name": "linkListBaseStyle",
+            "module": "link-list/common/link-list-base.js"
           }
         },
         {
@@ -105242,7 +106078,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]"
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
             {
               "kind": "method",
@@ -106295,7 +107131,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbMenuActionCommonElementMixin",
                 "module": "menu/common/menu-action-common.js"
@@ -107189,7 +108025,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbMenuActionCommonElementMixin",
                 "module": "menu/common/menu-action-common.js"
@@ -109189,7 +110025,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]"
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
             },
             {
               "kind": "field",
@@ -110086,7 +110922,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbNavigationActionCommonElementMixin",
                 "module": "navigation/common/navigation-action-common.js"
@@ -110941,7 +111777,7 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[boxSizingStyles, style]",
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
               "inheritedFrom": {
                 "name": "SbbNavigationActionCommonElementMixin",
                 "module": "navigation/common/navigation-action-common.js"
@@ -117524,6 +118360,10 @@
       "kind": "javascript-module",
       "path": "radio-button/common/radio-button-common.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "radioButtonCommonStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -119316,8 +120156,8 @@
           "kind": "js",
           "name": "radioButtonCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./radio-button-common.scss?lit&inline"
+            "name": "radioButtonCommonStyle",
+            "module": "radio-button/common/radio-button-common.js"
           }
         },
         {
@@ -119341,50 +120181,59 @@
     {
       "kind": "javascript-module",
       "path": "sidebar/common/styles.js",
-      "declarations": [],
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "sidebarContainerCommonStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "sidebarContentCommonStyle"
+        },
+        {
+          "kind": "variable",
+          "name": "iconSidebarButtonCommonStyle"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "sidebarContainerCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./sidebar-container-common.scss?lit&inline"
+            "name": "sidebarContainerCommonStyle",
+            "module": "sidebar/common/styles.js"
           }
         },
         {
           "kind": "js",
           "name": "sidebarContentCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./sidebar-content-common.scss?lit&inline"
+            "name": "sidebarContentCommonStyle",
+            "module": "sidebar/common/styles.js"
           }
         },
         {
           "kind": "js",
           "name": "iconSidebarButtonCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./icon-sidebar-button-common.scss?lit&inline"
+            "name": "iconSidebarButtonCommonStyle",
+            "module": "sidebar/common/styles.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar/sidebar.component.js",
+      "path": "sidebar/sidebar-container/sidebar-container.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "This component corresponds to a sidebar that can be opened on the sidebar container.",
-          "name": "SbbSidebarElement",
+          "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 slot any content into the sidebar.",
+              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
               "name": ""
-            },
-            {
-              "description": "Use the title slot to add an <sbb-title>.",
-              "name": "title"
             }
           ],
           "members": [
@@ -119397,484 +120246,68 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
+              "default": "'sbb-sidebar-container'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-sidebar'"
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "'white' | 'milk'"
-              },
-              "privacy": "public",
-              "default": "'white'",
-              "description": "Background color of the sidebar. Either `white` or `milk`.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "'side' | 'over'"
-              },
-              "privacy": "public",
-              "default": "'side'",
-              "description": "Mode of the sidebar; one of 'side' or 'over'.",
-              "attribute": "mode",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "'start' | 'end'"
-              },
-              "privacy": "public",
-              "default": "'start'",
-              "description": "The side that the sidebar is attached to.",
-              "attribute": "position",
-              "reflects": true
+              }
             },
             {
               "kind": "field",
-              "name": "opened",
+              "name": "sidebars",
               "type": {
-                "text": "boolean"
+                "text": "SbbSidebarElement[]"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
-              "attribute": "opened",
-              "reflects": true
+              "description": "The sidebar children.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "focusOnOpen",
+              "name": "start",
               "type": {
-                "text": "boolean"
+                "text": "SbbSidebarElement | null"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
-              "attribute": "focus-on-open"
+              "description": "The sidebar child with the `start` position.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "container",
+              "name": "end",
               "type": {
-                "text": "SbbSidebarContainerElement | null"
+                "text": "SbbSidebarElement | null"
               },
               "privacy": "public",
-              "description": "Returns the SbbSidebarContainerElement where this sidebar is contained.",
-              "readonly": true,
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_container",
-              "type": {
-                "text": "SbbSidebarContainerElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_lastFocusedElement",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_focusTrapController",
-              "privacy": "private",
-              "default": "new SbbFocusTrapController(this)"
+              "description": "The sidebar child with the `end` position.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "_escapableOverlayController",
-              "privacy": "private",
-              "default": "new SbbEscapableOverlayController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "toggle",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Toggles the sidebar visibility."
-            },
-            {
-              "kind": "method",
-              "name": "open",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Opens the sidebar.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_isZeroAnimationDuration",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleOpening",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "close",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Closes the sidebar.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleClosing",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_takeFocus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "cedeFocus",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateSidebarWidth",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "oldPosition",
-                  "optional": true,
-                  "type": {
-                    "text": "this['position']"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_buildCssWidthVar",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "position",
-                  "default": "this.position"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isModeOver",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onTransitionEnd",
+              "name": "_forcedClosedSidebars",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "TransitionEvent"
-                  }
-                }
-              ]
+              "default": "new WeakSet<SbbSidebarElement>()"
             },
             {
               "kind": "method",
-              "name": "_detectScrolledState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isAnimating",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the component is currently animating.",
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "animationComplete",
-              "type": {
-                "text": "Promise<void>"
-              },
-              "privacy": "public",
-              "description": "Returns a promise which completes whenever an animation ends.\nWhen a new animation starts, a new Promise is returned.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_animationPromise",
-              "type": {
-                "text": "Promise<void>"
-              },
+              "name": "_handleWidthChange",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "startAnimation",
-              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stopAnimation",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Overriding stopAnimation() breaks functionality.",
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_enqueueAnimation",
+              "name": "_calculateSpaceState",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "Promise<void>"
                 }
               },
-              "inheritedFrom": {
-                "name": "SbbAnimationCompleteMixin",
-                "module": "core/mixins/animation-complete-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
-              "type": {
-                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
-              },
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "state",
-              "privacy": "protected",
-              "description": "The state of the component.",
-              "type": {
-                "text": "SbbOpenedClosedState"
-              },
-              "default": "'closed'",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_state",
-              "type": {
-                "text": "SbbOpenedClosedState"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Whether the element is open.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "escapeStrategy",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "The method which is called on escape key press. Defaults to calling close()",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchBeforeOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchBeforeCloseEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchCloseEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
+              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
             },
             {
               "kind": "field",
@@ -119982,120 +120415,21 @@
               }
             }
           ],
-          "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",
+            "name": "SbbElement",
             "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"
-              }
-            }
-          ]
+          "tagName": "sbb-sidebar-container",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarElement",
+          "name": "SbbSidebarContainerElement",
           "declaration": {
-            "name": "SbbSidebarElement",
-            "module": "sidebar/sidebar/sidebar.component.js"
+            "name": "SbbSidebarContainerElement",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
           }
         }
       ]
@@ -120962,7 +121296,7 @@
           ],
           "superclass": {
             "name": "SbbSecondaryButtonElement",
-            "module": "button/secondary-button.js"
+            "module": "button.pure.js"
           },
           "tagName": "sbb-sidebar-close-button",
           "customElement": true,
@@ -121120,218 +121454,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -121487,6 +121609,737 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar/sidebar.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This component corresponds to a sidebar that can be opened on the sidebar container.",
+          "name": "SbbSidebarElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to slot any content into the sidebar.",
+              "name": ""
+            },
+            {
+              "description": "Use the title slot to add an <sbb-title>.",
+              "name": "title"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "'sbb-sidebar'"
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "'white' | 'milk'"
+              },
+              "privacy": "public",
+              "default": "'white'",
+              "description": "Background color of the sidebar. Either `white` or `milk`.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'side' | 'over'"
+              },
+              "privacy": "public",
+              "default": "'side'",
+              "description": "Mode of the sidebar; one of 'side' or 'over'.",
+              "attribute": "mode",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "'start' | 'end'"
+              },
+              "privacy": "public",
+              "default": "'start'",
+              "description": "The side that the sidebar is attached to.",
+              "attribute": "position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "opened",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the sidebar is opened or closed.\nCan be used to initially set the opened state, where\nthe animation will be skipped.",
+              "attribute": "opened",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "focusOnOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the sidebar should focus the first focusable element automatically when opened.\nDefaults to false in when mode is set to `side`, otherwise defaults to true.\nIf explicitly enabled, focus will be moved into the sidebar in `side` mode as well.",
+              "attribute": "focus-on-open"
+            },
+            {
+              "kind": "field",
+              "name": "container",
+              "type": {
+                "text": "SbbSidebarContainerElement | null"
+              },
+              "privacy": "public",
+              "description": "Returns the SbbSidebarContainerElement where this sidebar is contained.",
+              "readonly": true,
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_container",
+              "type": {
+                "text": "SbbSidebarContainerElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_lastFocusedElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_focusTrapController",
+              "privacy": "private",
+              "default": "new SbbFocusTrapController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_escapableOverlayController",
+              "privacy": "private",
+              "default": "new SbbEscapableOverlayController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "toggle",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggles the sidebar visibility."
+            },
+            {
+              "kind": "method",
+              "name": "open",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Opens the sidebar.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_isZeroAnimationDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleOpening",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Closes the sidebar.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleClosing",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_takeFocus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "cedeFocus",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateSidebarWidth",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "oldPosition",
+                  "optional": true,
+                  "type": {
+                    "text": "this['position']"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_buildCssWidthVar",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "position",
+                  "default": "this.position"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isModeOver",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onTransitionEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "TransitionEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_detectScrolledState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isAnimating",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the component is currently animating.",
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "animationComplete",
+              "type": {
+                "text": "Promise<void>"
+              },
+              "privacy": "public",
+              "description": "Returns a promise which completes whenever an animation ends.\nWhen a new animation starts, a new Promise is returned.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_animationPromise",
+              "type": {
+                "text": "Promise<void>"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "startAnimation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stopAnimation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Overriding stopAnimation() breaks functionality.",
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_enqueueAnimation",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbAnimationCompleteMixin",
+                "module": "core/mixins/animation-complete-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
+              "type": {
+                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "privacy": "protected",
+              "description": "The state of the component.",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
+              "default": "'closed'",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_state",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether the element is open.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "escapeStrategy",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "The method which is called on escape key press. Defaults to calling close()",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchBeforeOpenEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchOpenEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchBeforeCloseEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchCloseEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "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": "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-title/sidebar-title.component.js",
@@ -123871,22 +124724,31 @@
     {
       "kind": "javascript-module",
       "path": "tabs/common/styles.js",
-      "declarations": [],
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "tabGroupCommonStyles"
+        },
+        {
+          "kind": "variable",
+          "name": "tabLabelCommonStyles"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
           "name": "tabGroupCommonStyles",
           "declaration": {
-            "name": "default",
-            "module": "./tab-group-common.scss?lit&inline"
+            "name": "tabGroupCommonStyles",
+            "module": "tabs/common/styles.js"
           }
         },
         {
           "kind": "js",
           "name": "tabLabelCommonStyles",
           "declaration": {
-            "name": "default",
-            "module": "./tab-label-common.scss?lit&inline"
+            "name": "tabLabelCommonStyles",
+            "module": "tabs/common/styles.js"
           }
         }
       ]
@@ -126676,6 +127538,10 @@
       "kind": "javascript-module",
       "path": "teaser-product/common/teaser-product-common.js",
       "declarations": [
+        {
+          "kind": "variable",
+          "name": "teaserProductCommonStyle"
+        },
         {
           "kind": "class",
           "description": "",
@@ -126995,8 +127861,8 @@
           "kind": "js",
           "name": "teaserProductCommonStyle",
           "declaration": {
-            "name": "default",
-            "module": "./teaser-product-common.scss?lit&inline"
+            "name": "teaserProductCommonStyle",
+            "module": "teaser-product/common/teaser-product-common.js"
           }
         },
         {
@@ -128309,7 +129175,7 @@
               },
               "privacy": "public",
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "attribute": "error-space",
               "reflects": true,
               "inheritedFrom": {
@@ -128326,6 +129192,7 @@
               "privacy": "public",
               "default": "false",
               "description": "Indicates whether the input is optional.",
+              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
               "attribute": "optional",
               "inheritedFrom": {
                 "name": "SbbFormFieldElement",
@@ -128362,6 +129229,20 @@
                 "module": "form-field/form-field/form-field.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_hintElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot.",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_input",
@@ -128720,7 +129601,30 @@
             },
             {
               "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "name": "_onSlotHintChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances.",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignAriaDescribedByElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -128922,7 +129826,7 @@
                 "text": "'none' | 'reserve'"
               },
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "fieldName": "errorSpace",
               "inheritedFrom": {
                 "name": "SbbFormFieldElement",
@@ -128936,6 +129840,7 @@
               },
               "default": "false",
               "description": "Indicates whether the input is optional.",
+              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
               "fieldName": "optional",
               "inheritedFrom": {
                 "name": "SbbFormFieldElement",
@@ -129048,6 +129953,14 @@
                 "name": "SbbFormFieldElement",
                 "module": "form-field/form-field/form-field.component.js"
               }
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
             }
           ],
           "cssProperties": [
@@ -129936,7 +130849,7 @@
           ],
           "superclass": {
             "name": "SbbSecondaryButtonElement",
-            "module": "button/secondary-button.js"
+            "module": "button.pure.js"
           },
           "tagName": "sbb-timetable-form-swap-button",
           "customElement": true,