@sbb-esta/lyne-elements-dev 4.13.0-dev.1780293195 → 4.13.0-dev.1780308350

package/custom-elements.json

@@ -11281,6 +11281,20 @@
                 "module": "core/mixins/form-associated-input-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "isSelected",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedInputMixin",
+                "module": "core/mixins/form-associated-input-mixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "preparePastedText",
@@ -30138,6 +30152,48 @@
               ],
               "description": "Validate input against the defined RegExps."
             },
+            {
+              "kind": "method",
+              "name": "_toTime",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Time | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "Date | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isSameTime",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "time1",
+                  "type": {
+                    "text": "Time | null"
+                  }
+                },
+                {
+                  "name": "time2",
+                  "type": {
+                    "text": "Time | null"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_updateValueDateFormat",
@@ -30437,6 +30493,20 @@
                 "module": "core/mixins/form-associated-input-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "isSelected",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedInputMixin",
+                "module": "core/mixins/form-associated-input-mixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_requiresEmptyPatch",
@@ -60695,30 +60765,32 @@
     },
     {
       "kind": "javascript-module",
-      "path": "container/container/container.component.js",
+      "path": "container/sticky-bar/sticky-bar.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays its content with the default page spacing.",
-          "name": "SbbContainerElement",
+          "description": "A container that sticks to the bottom of the page if slotted into `sbb-container`.",
+          "name": "SbbStickyBarElement",
           "cssProperties": [
             {
-              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
-              "name": "--sbb-page-spacing-padding"
+              "description": "Block padding of the sticky bar.",
+              "name": "--sbb-sticky-bar-padding-block",
+              "default": "var(--sbb-spacing-responsive-xs)"
+            },
+            {
+              "description": "Define an additional area where the sticky bar overlaps the following content on the bottom. This area becomes visible when the sticky bar transitions from sticky to the normal document flow.",
+              "name": "--sbb-sticky-bar-bottom-overlapping-height",
+              "default": "0px"
+            },
+            {
+              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable.",
+              "name": "--sbb-sticky-bar-z-index"
             }
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add anything to the container.",
+              "description": "Use the unnamed slot to add content to the sticky bar.",
               "name": ""
-            },
-            {
-              "description": "The slot used by the sbb-sticky-bar component.",
-              "name": "sticky-bar"
-            },
-            {
-              "description": "The slot used to slot an `sbb-image` to use as background.",
-              "name": "image"
             }
           ],
           "members": [
@@ -60731,7 +60803,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-container'",
+              "default": "'sbb-sticky-bar'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -60739,39 +60811,499 @@
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ beforestick: 'beforestick', stick: 'stick', beforeunstick: 'beforeunstick', unstick: 'unstick', }",
               "type": {
-                "text": "boolean"
+                "text": "{\n    beforestick: 'beforestick',\n    stick: 'stick',\n    beforeunstick: 'beforeunstick',\n    unstick: 'unstick',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "attribute": "expanded",
+              "default": "null",
+              "description": "Color of the container, like transparent, white etc.",
+              "attribute": "color",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "backgroundExpanded",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'m' | 's'"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "attribute": "background-expanded",
+              "description": "Size of the container.",
+              "default": "'m' / 's' (lean)",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "color",
+              "name": "_state",
+              "privacy": "private",
+              "description": "The state of the component.",
               "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+                "text": "StickyState"
+              },
+              "default": "'sticky'"
+            },
+            {
+              "kind": "field",
+              "name": "_stateInternal",
+              "type": {
+                "text": "StickyState"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_intersector",
+              "type": {
+                "text": "HTMLSpanElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_observer",
+              "privacy": "private",
+              "default": "new IntersectionController(this, { // Although `this` is observed, we have to postpone observing // into firstUpdated() to achieve a correct initial state. target: null, callback: (entries) => this._detectStickyState(entries[0]), })"
+            },
+            {
+              "kind": "method",
+              "name": "_isZeroAnimationDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_detectStickyState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
+              "parameters": [
+                {
+                  "name": "entry",
+                  "type": {
+                    "text": "IntersectionObserverEntry"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "stick",
               "privacy": "public",
-              "default": "'white'",
-              "description": "Color of the container, like transparent, white etc.",
-              "attribute": "color",
-              "reflects": true
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Animates from normal content flow position to `position: sticky`."
+            },
+            {
+              "kind": "method",
+              "name": "unstick",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Animates `position: sticky` to normal content flow position."
+            },
+            {
+              "kind": "method",
+              "name": "_stickyCallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_unstickyCallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onAnimationEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "AnimationEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchBeforeStickEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchBeforeUnStickEvent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_updatePromise",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_updateResolve",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "startUpdate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "completeUpdate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbUpdateSchedulerMixin",
+                "module": "core/mixins/update-scheduler-mixin.js"
+              }
+            },
+            {
+              "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"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "stick",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits when the animation from normal content flow to `position: sticky` ends."
+            },
+            {
+              "name": "unstick",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits when the animation from `position: sticky` to normal content flow ends."
+            },
+            {
+              "name": "beforestick",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits when the animation from normal content flow to `position: sticky` starts. Can be canceled."
+            },
+            {
+              "name": "beforeunstick",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits when the animation from `position: sticky` to normal content flow starts. Can be canceled."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
+              },
+              "default": "null",
+              "description": "Color of the container, like transparent, white etc.",
+              "fieldName": "color"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'m' | 's'"
+              },
+              "description": "Size of the container.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbUpdateSchedulerMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-sticky-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbStickyBarElement",
+          "declaration": {
+            "name": "SbbStickyBarElement",
+            "module": "container/sticky-bar/sticky-bar.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "container/container/container.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays its content with the default page spacing.",
+          "name": "SbbContainerElement",
+          "cssProperties": [
+            {
+              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
+              "name": "--sbb-page-spacing-padding"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add anything to the container.",
+              "name": ""
+            },
+            {
+              "description": "The slot used by the sbb-sticky-bar component.",
+              "name": "sticky-bar"
+            },
+            {
+              "description": "The slot used to slot an `sbb-image` to use as background.",
+              "name": "image"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-container'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "attribute": "expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "backgroundExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "attribute": "background-expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+              },
+              "privacy": "public",
+              "default": "'white'",
+              "description": "Color of the container, like transparent, white etc.",
+              "attribute": "color",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -61819,468 +62351,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "container/sticky-bar/sticky-bar.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A container that sticks to the bottom of the page if slotted into `sbb-container`.",
-          "name": "SbbStickyBarElement",
-          "cssProperties": [
-            {
-              "description": "Block padding of the sticky bar.",
-              "name": "--sbb-sticky-bar-padding-block",
-              "default": "var(--sbb-spacing-responsive-xs)"
-            },
-            {
-              "description": "Define an additional area where the sticky bar overlaps the following content on the bottom. This area becomes visible when the sticky bar transitions from sticky to the normal document flow.",
-              "name": "--sbb-sticky-bar-bottom-overlapping-height",
-              "default": "0px"
-            },
-            {
-              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable.",
-              "name": "--sbb-sticky-bar-z-index"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add content to the sticky bar.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-sticky-bar'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ beforestick: 'beforestick', stick: 'stick', beforeunstick: 'beforeunstick', unstick: 'unstick', }",
-              "type": {
-                "text": "{\n    beforestick: 'beforestick',\n    stick: 'stick',\n    beforeunstick: 'beforeunstick',\n    unstick: 'unstick',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
-              },
-              "privacy": "public",
-              "default": "null",
-              "description": "Color of the container, like transparent, white etc.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'m' | 's'"
-              },
-              "privacy": "public",
-              "description": "Size of the container.",
-              "default": "'m' / 's' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_state",
-              "privacy": "private",
-              "description": "The state of the component.",
-              "type": {
-                "text": "StickyState"
-              },
-              "default": "'sticky'"
-            },
-            {
-              "kind": "field",
-              "name": "_stateInternal",
-              "type": {
-                "text": "StickyState"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_intersector",
-              "type": {
-                "text": "HTMLSpanElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_observer",
-              "privacy": "private",
-              "default": "new IntersectionController(this, { // Although `this` is observed, we have to postpone observing // into firstUpdated() to achieve a correct initial state. target: null, callback: (entries) => this._detectStickyState(entries[0]), })"
-            },
-            {
-              "kind": "method",
-              "name": "_isZeroAnimationDuration",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_detectStickyState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "entry",
-                  "type": {
-                    "text": "IntersectionObserverEntry"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "stick",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Animates from normal content flow position to `position: sticky`."
-            },
-            {
-              "kind": "method",
-              "name": "unstick",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Animates `position: sticky` to normal content flow position."
-            },
-            {
-              "kind": "method",
-              "name": "_stickyCallback",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_unstickyCallback",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onAnimationEnd",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "AnimationEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_dispatchBeforeStickEvent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_dispatchBeforeUnStickEvent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_updatePromise",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_updateResolve",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "startUpdate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "completeUpdate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "getUpdateComplete",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbUpdateSchedulerMixin",
-                "module": "core/mixins/update-scheduler-mixin.js"
-              }
-            },
-            {
-              "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"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "stick",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits when the animation from normal content flow to `position: sticky` ends."
-            },
-            {
-              "name": "unstick",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits when the animation from `position: sticky` to normal content flow ends."
-            },
-            {
-              "name": "beforestick",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits when the animation from normal content flow to `position: sticky` starts. Can be canceled."
-            },
-            {
-              "name": "beforeunstick",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits when the animation from `position: sticky` to normal content flow starts. Can be canceled."
-            }
-          ],
-          "attributes": [
-            {
-              "name": "color",
-              "type": {
-                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
-              },
-              "default": "null",
-              "description": "Color of the container, like transparent, white etc.",
-              "fieldName": "color"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'m' | 's'"
-              },
-              "description": "Size of the container.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbUpdateSchedulerMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-sticky-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbStickyBarElement",
-          "declaration": {
-            "name": "SbbStickyBarElement",
-            "module": "container/sticky-bar/sticky-bar.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "core/base-elements/action-base-element.js",
@@ -73197,6 +73267,16 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "isSelected",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "preparePastedText",
@@ -73835,6 +73915,16 @@
                 "module": "core/mixins/form-associated-mixin.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "isSelected",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "preparePastedText",
@@ -77919,6 +78009,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",
@@ -78316,26 +78426,6 @@
         }
       ]
     },
-    {
-      "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": "datepicker/common/datepicker-button.js",
@@ -131320,20 +131410,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "toggle/toggle-option/toggle-option.component.js",
+      "path": "toggle/toggle/toggle.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a toggle option within a `sbb-toggle`.",
-          "name": "SbbToggleOptionElement",
+          "description": "It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.",
+          "name": "SbbToggleElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the label of the toggle option.",
+              "description": "Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.",
               "name": ""
-            },
-            {
-              "description": "Slot used to render the `sbb-icon`.",
-              "name": "icon"
             }
           ],
           "members": [
@@ -131346,7 +131432,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-toggle-option'",
+              "default": "'sbb-toggle'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -131361,18 +131447,41 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'radio'"
+              "default": "'radiogroup'"
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ change: 'change', }",
+              "type": {
+                "text": "{\n    change: 'change',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "even",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Whether the toggle-option is checked.",
-              "attribute": "checked",
+              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
+              "attribute": "even",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm'"
+              },
+              "privacy": "public",
+              "description": "Size variant, either m or s.",
+              "default": "'m' / 's' (lean)",
+              "attribute": "size",
               "reflects": true
             },
             {
@@ -131382,22 +131491,53 @@
                 "text": "(T = string) | null"
               },
               "privacy": "public",
-              "default": "null",
-              "description": "Value of toggle-option.",
-              "attribute": "value"
+              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_toggle",
+              "name": "_fallbackValue",
               "type": {
-                "text": "SbbToggleElement | null"
+                "text": "T | null"
               },
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "SbbToggleOptionElement<T>[]"
+              },
+              "privacy": "public",
+              "description": "The child instances of sbb-toggle-option as an array.",
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "_uncheckOtherOptions",
+              "name": "_readFormData",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "formData",
+                  "type": {
+                    "text": "FormData"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateToggle",
               "privacy": "private",
               "return": {
                 "type": {
@@ -131407,7 +131547,25 @@
             },
             {
               "kind": "method",
-              "name": "_handleDisabledChange",
+              "name": "_valueChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "T | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateDisabled",
               "privacy": "private",
               "return": {
                 "type": {
@@ -131423,17 +131581,44 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Called on user interaction (click or keyboard)"
             },
             {
               "kind": "method",
-              "name": "_verifyTabindex",
+              "name": "_handleKeyDown",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_selectAndFocusOption",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "SbbToggleOptionElement<T> | undefined"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -131481,68 +131666,317 @@
             },
             {
               "kind": "field",
-              "name": "iconName",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "description": "Returns the form owner of this element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
               "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",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "willValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_validityStates",
+              "privacy": "private",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderIconSlot",
+              "name": "checkValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasDisabledAncestor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateFormValue",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
+                }
+              },
+              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "FormRestoreState"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setValidityFlag",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "classname",
-                  "optional": true,
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "flagValue",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags[T]"
+                  }
                 }
               ],
+              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderIconName",
+              "name": "removeValidityFlag",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_renderIconName",
+              "name": "validate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "To be called whenever the current element needs to be validated.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "shouldValidate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey | undefined"
+                  }
+                }
+              ],
+              "description": "Whether validation should be run on a property change with the given name.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
@@ -131653,30 +132087,38 @@
           ],
           "events": [
             {
+              "name": "change",
               "type": {
-                "text": "InputEvent"
+                "text": "Event"
               },
-              "description": "The input event fires when the value has been changed as a direct result of a user action.",
-              "name": "input"
+              "description": "The change event is fired when the user modifies the element's value.\nUnlike the input event, the change event is not necessarily fired\nfor each alteration to an element's value."
             }
           ],
           "attributes": [
             {
-              "name": "checked",
+              "name": "even",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the toggle-option is checked.",
-              "fieldName": "checked"
+              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
+              "fieldName": "even"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm'"
+              },
+              "description": "Size variant, either m or s.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size"
             },
             {
               "name": "value",
+              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
               "type": {
                 "text": "T | null"
               },
-              "default": "null",
-              "description": "Value of toggle-option.",
               "fieldName": "value"
             },
             {
@@ -131693,16 +132135,15 @@
               }
             },
             {
-              "name": "icon-name",
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "fieldName": "iconName",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             }
           ],
@@ -131712,15 +132153,15 @@
               "module": "core/mixins.js"
             },
             {
-              "name": "SbbIconNameMixin",
-              "module": "icon.js"
+              "name": "SbbFormAssociatedMixin",
+              "module": "core/mixins.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-toggle-option",
+          "tagName": "sbb-toggle",
           "customElement": true,
           "classGenerics": "T = string"
         }
@@ -131728,26 +132169,30 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbToggleOptionElement",
+          "name": "SbbToggleElement",
           "declaration": {
-            "name": "SbbToggleOptionElement",
-            "module": "toggle/toggle-option/toggle-option.component.js"
+            "name": "SbbToggleElement",
+            "module": "toggle/toggle/toggle.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "toggle/toggle/toggle.component.js",
+      "path": "toggle/toggle-option/toggle-option.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.",
-          "name": "SbbToggleElement",
+          "description": "It displays a toggle option within a `sbb-toggle`.",
+          "name": "SbbToggleOptionElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.",
+              "description": "Use the unnamed slot to add content to the label of the toggle option.",
               "name": ""
+            },
+            {
+              "description": "Slot used to render the `sbb-icon`.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -131760,7 +132205,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-toggle'",
+              "default": "'sbb-toggle-option'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -131775,41 +132220,18 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'radiogroup'"
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ change: 'change', }",
-              "type": {
-                "text": "{\n    change: 'change',\n  }"
-              }
+              "default": "'radio'"
             },
             {
               "kind": "field",
-              "name": "even",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
-              "attribute": "even",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'s' | 'm'"
-              },
-              "privacy": "public",
-              "description": "Size variant, either m or s.",
-              "default": "'m' / 's' (lean)",
-              "attribute": "size",
+              "description": "Whether the toggle-option is checked.",
+              "attribute": "checked",
               "reflects": true
             },
             {
@@ -131819,53 +132241,22 @@
                 "text": "(T = string) | null"
               },
               "privacy": "public",
-              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "null",
+              "description": "Value of toggle-option.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "_fallbackValue",
+              "name": "_toggle",
               "type": {
-                "text": "T | null"
+                "text": "SbbToggleElement | null"
               },
               "privacy": "private",
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "SbbToggleOptionElement<T>[]"
-              },
-              "privacy": "public",
-              "description": "The child instances of sbb-toggle-option as an array.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_readFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<T>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "formData",
-                  "type": {
-                    "text": "FormData"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
-              "name": "_updateToggle",
+              "name": "_uncheckOtherOptions",
               "privacy": "private",
               "return": {
                 "type": {
@@ -131875,25 +132266,7 @@
             },
             {
               "kind": "method",
-              "name": "_valueChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "T | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_updateDisabled",
+              "name": "_handleDisabledChange",
               "privacy": "private",
               "return": {
                 "type": {
@@ -131909,44 +132282,17 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Called on user interaction (click or keyboard)"
-            },
-            {
-              "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_selectAndFocusOption",
+              "name": "_verifyTabindex",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "SbbToggleOptionElement<T> | undefined"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "field",
@@ -131994,317 +132340,68 @@
             },
             {
               "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "public",
-              "description": "Returns the form owner of this element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
+              "name": "iconName",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "willValidate",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_validityStates",
-              "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false",
-              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasDisabledAncestor",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "FormRestoreState"
-                }
-              },
+              "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": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
+              "name": "renderIconSlot",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
               "parameters": [
                 {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
+                  "name": "classname",
                   "optional": true,
                   "type": {
-                    "text": "ValidityStateFlags[T]"
-                  }
-                }
-              ],
-              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "To be called whenever the current element needs to be validated.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
+              "name": "renderIconName",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "string"
                 }
               },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "PropertyKey | undefined"
-                  }
-                }
-              ],
-              "description": "Whether validation should be run on a property change with the given name.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_setInternalValidity",
+              "name": "_renderIconName",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
@@ -132415,38 +132512,30 @@
           ],
           "events": [
             {
-              "name": "change",
               "type": {
-                "text": "Event"
+                "text": "InputEvent"
               },
-              "description": "The change event is fired when the user modifies the element's value.\nUnlike the input event, the change event is not necessarily fired\nfor each alteration to an element's value."
+              "description": "The input event fires when the value has been changed as a direct result of a user action.",
+              "name": "input"
             }
           ],
           "attributes": [
             {
-              "name": "even",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
-              "fieldName": "even"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'s' | 'm'"
-              },
-              "description": "Size variant, either m or s.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size"
+              "description": "Whether the toggle-option is checked.",
+              "fieldName": "checked"
             },
             {
               "name": "value",
-              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
               "type": {
                 "text": "T | null"
               },
+              "default": "null",
+              "description": "Value of toggle-option.",
               "fieldName": "value"
             },
             {
@@ -132463,15 +132552,16 @@
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "icon-name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "fieldName": "iconName",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             }
           ],
@@ -132481,15 +132571,15 @@
               "module": "core/mixins.js"
             },
             {
-              "name": "SbbFormAssociatedMixin",
-              "module": "core/mixins.js"
+              "name": "SbbIconNameMixin",
+              "module": "icon.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-toggle",
+          "tagName": "sbb-toggle-option",
           "customElement": true,
           "classGenerics": "T = string"
         }
@@ -132497,10 +132587,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbToggleElement",
+          "name": "SbbToggleOptionElement",
           "declaration": {
-            "name": "SbbToggleElement",
-            "module": "toggle/toggle/toggle.component.js"
+            "name": "SbbToggleOptionElement",
+            "module": "toggle/toggle-option/toggle-option.component.js"
           }
         }
       ]
@@ -133056,15 +133146,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "train/train-wagon/train-wagon.component.js",
+      "path": "train/train-formation/train-formation.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a train compartment within a `sbb-train` component.",
-          "name": "SbbTrainWagonElement",
+          "description": "It displays a train composition, acting as a container for one or more `sbb-train` component.",
+          "name": "SbbTrainFormationElement",
+          "cssProperties": [
+            {
+              "description": "Defines the inline padding inside the horizontal scrolling area.",
+              "name": "--sbb-train-formation-padding-inline",
+              "default": "0px"
+            }
+          ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add one or more `sbb-icon` for meta-information of the `sbb-train-wagon`.",
+              "description": "Use the unnamed slot to add 'sbb-train' elements to the `sbb-train-formation`.",
               "name": ""
             }
           ],
@@ -133078,35 +133175,12 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-train-wagon'",
+              "default": "'sbb-train-formation'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ sectorchange: 'sectorchange', }",
-              "type": {
-                "text": "{\n    sectorchange: 'sectorchange',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "| 'wagon'\n    | 'wagon-end-left'\n    | 'wagon-end-right'\n    | 'couchette'\n    | 'sleeping'\n    | 'restaurant'\n    | 'locomotive'\n    | 'closed'"
-              },
-              "privacy": "public",
-              "default": "'wagon'",
-              "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
-              "attribute": "type",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "listChildLocalNames",
@@ -133116,7 +133190,7 @@
               "privacy": "protected",
               "readonly": true,
               "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
-              "default": "['sbb-icon']",
+              "default": "['sbb-train']",
               "inheritedFrom": {
                 "name": "SbbNamedSlotListMixin",
                 "module": "core/mixins/named-slot-list-mixin.js"
@@ -133124,71 +133198,24 @@
             },
             {
               "kind": "field",
-              "name": "occupancy",
-              "type": {
-                "text": "SbbOccupancy | null"
-              },
-              "privacy": "public",
-              "default": "null",
-              "description": "Occupancy of a wagon.",
-              "attribute": "occupancy"
-            },
-            {
-              "kind": "field",
-              "name": "sector",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "Sector in which the wagon stops.",
-              "attribute": "sector",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "blockedPassage",
-              "type": {
-                "text": "'previous' | 'next' | 'both' | 'none'"
-              },
-              "privacy": "public",
-              "default": "'none'",
-              "description": "Accessibility text for blocked passages of the wagon.",
-              "attribute": "blocked-passage"
-            },
-            {
-              "kind": "field",
-              "name": "wagonClass",
-              "type": {
-                "text": "'1' | '2' | null"
-              },
-              "privacy": "public",
-              "default": "null",
-              "description": "Class label",
-              "attribute": "wagon-class"
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "view",
               "type": {
-                "text": "string"
+                "text": "'side' | 'top'"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "Wagon number",
-              "attribute": "label",
+              "default": "'side'",
+              "description": "Whether the view of the wagons is from side or top perspective.",
+              "attribute": "view",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "additionalAccessibilityText",
+              "name": "_sectors",
               "type": {
-                "text": "string"
+                "text": "AggregatedSector[]"
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "Additional accessibility text which will be appended to the end.",
-              "attribute": "additional-accessibility-text"
+              "privacy": "private",
+              "default": "[]"
             },
             {
               "kind": "field",
@@ -133198,23 +133225,22 @@
             },
             {
               "kind": "method",
-              "name": "_sectorChanged",
+              "name": "_readSectors",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_typeLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
                 }
-              }
+              ]
             },
             {
               "kind": "field",
@@ -133416,67 +133442,13 @@
           ],
           "attributes": [
             {
-              "name": "type",
-              "type": {
-                "text": "| 'wagon'\n    | 'wagon-end-left'\n    | 'wagon-end-right'\n    | 'couchette'\n    | 'sleeping'\n    | 'restaurant'\n    | 'locomotive'\n    | 'closed'"
-              },
-              "default": "'wagon'",
-              "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
-              "fieldName": "type"
-            },
-            {
-              "name": "occupancy",
-              "type": {
-                "text": "SbbOccupancy | null"
-              },
-              "default": "null",
-              "description": "Occupancy of a wagon.",
-              "fieldName": "occupancy"
-            },
-            {
-              "name": "sector",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Sector in which the wagon stops.",
-              "fieldName": "sector"
-            },
-            {
-              "name": "blocked-passage",
-              "type": {
-                "text": "'previous' | 'next' | 'both' | 'none'"
-              },
-              "default": "'none'",
-              "description": "Accessibility text for blocked passages of the wagon.",
-              "fieldName": "blockedPassage"
-            },
-            {
-              "name": "wagon-class",
-              "type": {
-                "text": "'1' | '2' | null"
-              },
-              "default": "null",
-              "description": "Class label",
-              "fieldName": "wagonClass"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Wagon number",
-              "fieldName": "label"
-            },
-            {
-              "name": "additional-accessibility-text",
+              "name": "view",
               "type": {
-                "text": "string"
+                "text": "'side' | 'top'"
               },
-              "default": "''",
-              "description": "Additional accessibility text which will be appended to the end.",
-              "fieldName": "additionalAccessibilityText"
+              "default": "'side'",
+              "description": "Whether the view of the wagons is from side or top perspective.",
+              "fieldName": "view"
             }
           ],
           "mixins": [
@@ -133489,39 +133461,32 @@
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-train-wagon",
+          "tagName": "sbb-train-formation",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTrainWagonElement",
+          "name": "SbbTrainFormationElement",
           "declaration": {
-            "name": "SbbTrainWagonElement",
-            "module": "train/train-wagon/train-wagon.component.js"
+            "name": "SbbTrainFormationElement",
+            "module": "train/train-formation/train-formation.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "train/train-formation/train-formation.component.js",
+      "path": "train/train-wagon/train-wagon.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a train composition, acting as a container for one or more `sbb-train` component.",
-          "name": "SbbTrainFormationElement",
-          "cssProperties": [
-            {
-              "description": "Defines the inline padding inside the horizontal scrolling area.",
-              "name": "--sbb-train-formation-padding-inline",
-              "default": "0px"
-            }
-          ],
+          "description": "It displays a train compartment within a `sbb-train` component.",
+          "name": "SbbTrainWagonElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add 'sbb-train' elements to the `sbb-train-formation`.",
+              "description": "Use the unnamed slot to add one or more `sbb-icon` for meta-information of the `sbb-train-wagon`.",
               "name": ""
             }
           ],
@@ -133535,12 +133500,35 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-train-formation'",
+              "default": "'sbb-train-wagon'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ sectorchange: 'sectorchange', }",
+              "type": {
+                "text": "{\n    sectorchange: 'sectorchange',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "| 'wagon'\n    | 'wagon-end-left'\n    | 'wagon-end-right'\n    | 'couchette'\n    | 'sleeping'\n    | 'restaurant'\n    | 'locomotive'\n    | 'closed'"
+              },
+              "privacy": "public",
+              "default": "'wagon'",
+              "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
+              "attribute": "type",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "listChildLocalNames",
@@ -133550,7 +133538,7 @@
               "privacy": "protected",
               "readonly": true,
               "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
-              "default": "['sbb-train']",
+              "default": "['sbb-icon']",
               "inheritedFrom": {
                 "name": "SbbNamedSlotListMixin",
                 "module": "core/mixins/named-slot-list-mixin.js"
@@ -133558,24 +133546,71 @@
             },
             {
               "kind": "field",
-              "name": "view",
+              "name": "occupancy",
               "type": {
-                "text": "'side' | 'top'"
+                "text": "SbbOccupancy | null"
               },
               "privacy": "public",
-              "default": "'side'",
-              "description": "Whether the view of the wagons is from side or top perspective.",
-              "attribute": "view",
+              "default": "null",
+              "description": "Occupancy of a wagon.",
+              "attribute": "occupancy"
+            },
+            {
+              "kind": "field",
+              "name": "sector",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Sector in which the wagon stops.",
+              "attribute": "sector",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_sectors",
+              "name": "blockedPassage",
               "type": {
-                "text": "AggregatedSector[]"
+                "text": "'previous' | 'next' | 'both' | 'none'"
               },
-              "privacy": "private",
-              "default": "[]"
+              "privacy": "public",
+              "default": "'none'",
+              "description": "Accessibility text for blocked passages of the wagon.",
+              "attribute": "blocked-passage"
+            },
+            {
+              "kind": "field",
+              "name": "wagonClass",
+              "type": {
+                "text": "'1' | '2' | null"
+              },
+              "privacy": "public",
+              "default": "null",
+              "description": "Class label",
+              "attribute": "wagon-class"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Wagon number",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "additionalAccessibilityText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Additional accessibility text which will be appended to the end.",
+              "attribute": "additional-accessibility-text"
             },
             {
               "kind": "field",
@@ -133585,22 +133620,23 @@
             },
             {
               "kind": "method",
-              "name": "_readSectors",
+              "name": "_sectorChanged",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "optional": true,
-                  "type": {
-                    "text": "Event"
-                  }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_typeLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
                 }
-              ]
+              }
             },
             {
               "kind": "field",
@@ -133802,13 +133838,67 @@
           ],
           "attributes": [
             {
-              "name": "view",
+              "name": "type",
               "type": {
-                "text": "'side' | 'top'"
+                "text": "| 'wagon'\n    | 'wagon-end-left'\n    | 'wagon-end-right'\n    | 'couchette'\n    | 'sleeping'\n    | 'restaurant'\n    | 'locomotive'\n    | 'closed'"
               },
-              "default": "'side'",
-              "description": "Whether the view of the wagons is from side or top perspective.",
-              "fieldName": "view"
+              "default": "'wagon'",
+              "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
+              "fieldName": "type"
+            },
+            {
+              "name": "occupancy",
+              "type": {
+                "text": "SbbOccupancy | null"
+              },
+              "default": "null",
+              "description": "Occupancy of a wagon.",
+              "fieldName": "occupancy"
+            },
+            {
+              "name": "sector",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Sector in which the wagon stops.",
+              "fieldName": "sector"
+            },
+            {
+              "name": "blocked-passage",
+              "type": {
+                "text": "'previous' | 'next' | 'both' | 'none'"
+              },
+              "default": "'none'",
+              "description": "Accessibility text for blocked passages of the wagon.",
+              "fieldName": "blockedPassage"
+            },
+            {
+              "name": "wagon-class",
+              "type": {
+                "text": "'1' | '2' | null"
+              },
+              "default": "null",
+              "description": "Class label",
+              "fieldName": "wagonClass"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Wagon number",
+              "fieldName": "label"
+            },
+            {
+              "name": "additional-accessibility-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Additional accessibility text which will be appended to the end.",
+              "fieldName": "additionalAccessibilityText"
             }
           ],
           "mixins": [
@@ -133821,17 +133911,17 @@
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-train-formation",
+          "tagName": "sbb-train-wagon",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTrainFormationElement",
+          "name": "SbbTrainWagonElement",
           "declaration": {
-            "name": "SbbTrainFormationElement",
-            "module": "train/train-formation/train-formation.component.js"
+            "name": "SbbTrainWagonElement",
+            "module": "train/train-wagon/train-wagon.component.js"
           }
         }
       ]