@sbb-esta/lyne-elements-dev 4.7.0-dev.1773823547 → 4.8.0-dev.1773828081

package/custom-elements.json

@@ -120017,6 +120017,218 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-container/sidebar-container.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
+          "name": "SbbSidebarContainerElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-sidebar-container'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sidebars",
+              "type": {
+                "text": "SbbSidebarElement[]"
+              },
+              "privacy": "public",
+              "description": "The sidebar children.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `start` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `end` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_forcedClosedSidebars",
+              "privacy": "private",
+              "default": "new WeakSet<SbbSidebarElement>()"
+            },
+            {
+              "kind": "method",
+              "name": "_handleWidthChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_calculateSpaceState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-sidebar-container",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSidebarContainerElement",
+          "declaration": {
+            "name": "SbbSidebarContainerElement",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
@@ -121039,15 +121251,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-container/sidebar-container.component.js",
+      "path": "sidebar/sidebar-content/sidebar-content.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
-          "name": "SbbSidebarContainerElement",
+          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
+          "name": "SbbSidebarContentElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
+              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
               "name": ""
             }
           ],
@@ -121061,7 +121273,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-sidebar-container'",
+              "default": "'sbb-sidebar-content'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -121069,244 +121281,32 @@
             },
             {
               "kind": "field",
-              "name": "sidebars",
+              "name": "_hydrationRequired",
               "type": {
-                "text": "SbbSidebarElement[]"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "The sidebar children.",
-              "readonly": true
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "start",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `start` position.",
-              "readonly": true
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "end",
+              "name": "_resolveHydration",
               "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `end` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_forcedClosedSidebars",
-              "privacy": "private",
-              "default": "new WeakSet<SbbSidebarElement>()"
-            },
-            {
-              "kind": "method",
-              "name": "_handleWidthChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_calculateSpaceState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-sidebar-container",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSidebarContainerElement",
-          "declaration": {
-            "name": "SbbSidebarContainerElement",
-            "module": "sidebar/sidebar-container/sidebar-container.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-content/sidebar-content.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
-          "name": "SbbSidebarContentElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-sidebar-content'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
+                "text": "(hydrationRequired: boolean) => void"
               },
               "privacy": "private",
               "inheritedFrom": {
@@ -122901,300 +122901,45 @@
     },
     {
       "kind": "javascript-module",
-      "path": "table/table-wrapper/table-wrapper.component.js",
+      "path": "stepper/stepper/stepper.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Wraps a table to enhance its functionality.",
-          "name": "SbbTableWrapperElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add the table.",
-              "name": ""
-            }
-          ],
+          "description": "",
+          "name": "SbbStepChangeEvent",
           "members": [
             {
               "kind": "field",
-              "name": "elementName",
+              "name": "selectedIndex",
               "type": {
-                "text": "string"
+                "text": "number | null"
               },
               "privacy": "public",
-              "static": true,
               "readonly": true,
-              "default": "'sbb-table-wrapper'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
+              "description": "The index of the newly selected step.",
+              "default": "selectedIndex"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "previousIndex",
               "type": {
-                "text": "string"
+                "text": "number | null"
               },
               "privacy": "public",
-              "static": true,
               "readonly": true,
-              "default": "'section'"
+              "description": "The index of the previously selected step.",
+              "default": "previousIndex"
             },
             {
               "kind": "field",
-              "name": "focusable",
+              "name": "selectedStep",
               "type": {
-                "text": "boolean"
+                "text": "SbbStepElement | null"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the table wrapper is focusable.",
-              "attribute": "focusable",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "_updateScrollbarClass",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_checkHorizontalScrollbarOffset",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Calculates whether the table is horizontally scrolled and adds the\ncorresponding class `sbb-table-wrapper-offset-${none | left | right | both}`"
-            },
-            {
-              "kind": "method",
-              "name": "_calculateScrollOffset",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "'none' | 'left' | 'right' | 'both'"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "focusable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the table wrapper is focusable.",
-              "fieldName": "focusable"
-            },
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-table-wrapper",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbTableWrapperElement",
-          "declaration": {
-            "name": "SbbTableWrapperElement",
-            "module": "table/table-wrapper/table-wrapper.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "stepper/stepper/stepper.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SbbStepChangeEvent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "selectedIndex",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The index of the newly selected step.",
-              "default": "selectedIndex"
-            },
-            {
-              "kind": "field",
-              "name": "previousIndex",
-              "type": {
-                "text": "number | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The index of the previously selected step.",
-              "default": "previousIndex"
-            },
-            {
-              "kind": "field",
-              "name": "selectedStep",
-              "type": {
-                "text": "SbbStepElement | null"
-              },
-              "privacy": "public",
-              "readonly": true,
-              "description": "The newly selected step element.",
-              "default": "selectedStep"
+              "readonly": true,
+              "description": "The newly selected step element.",
+              "default": "selectedStep"
             },
             {
               "kind": "field",
@@ -123787,38 +123532,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "tabs/common/styles.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "tabGroupCommonStyles",
-          "declaration": {
-            "name": "default",
-            "module": "./tab-group-common.scss?lit&inline"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "tabLabelCommonStyles",
-          "declaration": {
-            "name": "default",
-            "module": "./tab-label-common.scss?lit&inline"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "tabs/tab/tab.component.js",
-      "declarations": [
+      "path": "table/table-wrapper/table-wrapper.component.js",
+      "declarations": [
         {
           "kind": "class",
-          "description": "Combined with a `sbb-tab-group` and `sbb-tab-label`, it displays a tab's content.",
-          "name": "SbbTabElement",
+          "description": "Wraps a table to enhance its functionality.",
+          "name": "SbbTableWrapperElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to provide content.",
+              "description": "Use the unnamed slot to add the table.",
               "name": ""
             }
           ],
@@ -123832,7 +123554,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-tab'",
+              "default": "'sbb-table-wrapper'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -123846,53 +123568,66 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "'tabpanel'"
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
               "readonly": true,
-              "default": "{ active: 'active', }",
-              "type": {
-                "text": "{\n    active: 'active',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_tabContentResizeObserver",
-              "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabContentElementResize(), })"
+              "default": "'section'"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "focusable",
               "type": {
-                "text": "SbbTabLabelElement | null"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "The `sbb-tab-label` associated with the tab.",
-              "readonly": true
+              "default": "false",
+              "description": "Whether the table wrapper is focusable.",
+              "attribute": "focusable",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "group",
-              "type": {
-                "text": "SbbTabGroupElement | null"
-              },
-              "privacy": "public",
-              "description": "Get the parent `sbb-tab-group`.",
-              "readonly": true
+              "kind": "method",
+              "name": "_updateScrollbarClass",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "_onTabContentElementResize",
+              "name": "_checkHorizontalScrollbarOffset",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "description": "Calculates whether the table is horizontally scrolled and adds the\ncorresponding class `sbb-table-wrapper-offset-${none | left | right | both}`"
+            },
+            {
+              "kind": "method",
+              "name": "_calculateScrollOffset",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "'none' | 'left' | 'right' | 'both'"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             },
             {
@@ -124001,45 +123736,89 @@
               }
             }
           ],
-          "events": [
+          "attributes": [
             {
+              "name": "focusable",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "The `active` event fires when the sbb-tab has been activated via user selection on the sbb-tab-label.",
-              "name": "active"
+              "default": "false",
+              "description": "Whether the table wrapper is focusable.",
+              "fieldName": "focusable"
+            },
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core/mixins.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-tab",
+          "tagName": "sbb-table-wrapper",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTabElement",
+          "name": "SbbTableWrapperElement",
           "declaration": {
-            "name": "SbbTabElement",
-            "module": "tabs/tab/tab.component.js"
+            "name": "SbbTableWrapperElement",
+            "module": "table/table-wrapper/table-wrapper.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "tabs/tab-group/tab-group.component.js",
+      "path": "tabs/common/styles.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tabGroupCommonStyles",
+          "declaration": {
+            "name": "default",
+            "module": "./tab-group-common.scss?lit&inline"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tabLabelCommonStyles",
+          "declaration": {
+            "name": "default",
+            "module": "./tab-label-common.scss?lit&inline"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "tabs/tab/tab.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays one or more tabs, each one with a label and some content.",
-          "name": "SbbTabGroupElement",
+          "description": "Combined with a `sbb-tab-group` and `sbb-tab-label`, it displays a tab's content.",
+          "name": "SbbTabElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.",
+              "description": "Use the unnamed slot to provide content.",
               "name": ""
             }
           ],
@@ -124053,7 +123832,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-tab-group'",
+              "default": "'sbb-tab'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -124061,76 +123840,297 @@
             },
             {
               "kind": "field",
-              "name": "events",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
               "privacy": "public",
               "static": true,
-              "readonly": true,
-              "default": "{ tabchange: 'tabchange', }",
-              "type": {
-                "text": "{\n    tabchange: 'tabchange',\n  }"
-              }
+              "default": "'tabpanel'"
             },
             {
               "kind": "field",
-              "name": "_tabGroupElement",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ active: 'active', }",
               "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
+                "text": "{\n    active: 'active',\n  }"
+              }
             },
             {
               "kind": "field",
-              "name": "_tabGroupResizeObserver",
+              "name": "_tabContentResizeObserver",
               "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabGroupElementResize(), })"
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabContentElementResize(), })"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "label",
               "type": {
-                "text": "'s' | 'l' | 'xl'"
+                "text": "SbbTabLabelElement | null"
               },
               "privacy": "public",
-              "description": "Size variant, either s, l or xl.",
-              "default": "'l' / 's' (lean)",
-              "attribute": "size"
+              "description": "The `sbb-tab-label` associated with the tab.",
+              "readonly": true
             },
             {
               "kind": "field",
-              "name": "initialSelectedIndex",
+              "name": "group",
               "type": {
-                "text": "number"
+                "text": "SbbTabGroupElement | null"
               },
               "privacy": "public",
-              "default": "0",
-              "description": "Sets the initial tab. If it matches a disabled tab or exceeds the length of\nthe tab group, the first enabled tab will be selected.",
-              "attribute": "initial-selected-index"
+              "description": "Get the parent `sbb-tab-group`.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_onTabContentElementResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "field",
-              "name": "fixedHeight",
+              "name": "_hydrationRequired",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.\nIt enables controlling the height on the `sbb-tab-group` element.\nThe content becomes scrollable on overflow.",
-              "attribute": "fixed-height",
-              "reflects": true
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "labels",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
               "type": {
-                "text": "SbbTabLabelElement[]"
+                "text": "(hydrationRequired: boolean) => void"
               },
-              "privacy": "public",
-              "description": "Gets the slotted `sbb-tab-label`s.",
-              "readonly": true
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "tabs",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The `active` event fires when the sbb-tab has been activated via user selection on the sbb-tab-label.",
+              "name": "active"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-tab",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbTabElement",
+          "declaration": {
+            "name": "SbbTabElement",
+            "module": "tabs/tab/tab.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "tabs/tab-group/tab-group.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays one or more tabs, each one with a label and some content.",
+          "name": "SbbTabGroupElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-tab-group'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ tabchange: 'tabchange', }",
+              "type": {
+                "text": "{\n    tabchange: 'tabchange',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_tabGroupElement",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_tabGroupResizeObserver",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabGroupElementResize(), })"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'s' | 'l' | 'xl'"
+              },
+              "privacy": "public",
+              "description": "Size variant, either s, l or xl.",
+              "default": "'l' / 's' (lean)",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "initialSelectedIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "public",
+              "default": "0",
+              "description": "Sets the initial tab. If it matches a disabled tab or exceeds the length of\nthe tab group, the first enabled tab will be selected.",
+              "attribute": "initial-selected-index"
+            },
+            {
+              "kind": "field",
+              "name": "fixedHeight",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.\nIt enables controlling the height on the `sbb-tab-group` element.\nThe content becomes scrollable on overflow.",
+              "attribute": "fixed-height",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "labels",
+              "type": {
+                "text": "SbbTabLabelElement[]"
+              },
+              "privacy": "public",
+              "description": "Gets the slotted `sbb-tab-label`s.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "tabs",
               "type": {
                 "text": "SbbTabElement[]"
               },
@@ -128065,12 +128065,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js",
+      "path": "timetable-form/timetable-form-field/timetable-form-field.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.\nWhen placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.",
-          "name": "SbbTimetableFormSwapButtonElement",
+          "description": "Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.",
+          "name": "SbbTimetableFormFieldElement",
           "members": [
             {
               "kind": "field",
@@ -128081,88 +128081,83 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
+              "default": "'sbb-timetable-form-field'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-timetable-form-swap-button'"
+              }
             },
             {
               "kind": "field",
-              "name": "_languageController",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            },
-            {
-              "kind": "method",
-              "name": "_invertFieldValues",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events"
-            },
-            {
-              "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "name": "_routeIcon",
+              "type": {
+                "text": "boolean"
               },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "borderless",
               "type": {
-                "text": "SbbButtonSize"
+                "text": "boolean"
               },
               "privacy": "public",
-              "description": "Size variant, either l, m or s.",
-              "default": "'l' / 's' (lean)",
-              "attribute": "size",
+              "default": "true",
+              "description": "Whether to display the form field without a border.",
+              "attribute": "borderless",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "floatingLabel",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
-              "attribute": "loading",
+              "default": "true",
+              "description": "Whether the label should float. If activated, the placeholder of the input is hidden.",
+              "attribute": "floating-label",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string"
               },
-              "description": "Override this method to render the component template.",
+              "privacy": "public",
+              "default": "'collapse'",
+              "description": "Defines the width of the component:\n- `default`: the component has defined width and min-width;\n- `collapse`: the component adapts itself to its inner input content.",
+              "attribute": "width",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Size variant, either l, m or s.",
+              "default": "'l'",
+              "attribute": "size",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
@@ -128183,631 +128178,533 @@
             },
             {
               "kind": "field",
-              "name": "iconName",
+              "name": "_excludedFocusElements",
               "type": {
-                "text": "string"
+                "text": "array"
               },
-              "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",
+              "privacy": "private",
+              "readonly": true,
+              "default": "['button', 'sbb-popover', 'sbb-option', 'sbb-chip']",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "method",
-              "name": "renderIconSlot",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "_floatingLabelSupportedInputElements",
+              "type": {
+                "text": "array"
               },
-              "parameters": [
-                {
-                  "name": "classname",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
+              "privacy": "private",
+              "readonly": true,
+              "default": "[ 'input', 'select', 'textarea', 'sbb-select', ]",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_renderIconName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "_floatingLabelSupportedInputTypes",
+              "type": {
+                "text": "array"
               },
+              "privacy": "private",
+              "readonly": true,
+              "default": "[ 'email', 'number', 'password', 'search', 'tel', 'text', 'url', ]",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "disabledInteractive",
+              "name": "errorSpace",
               "type": {
-                "text": "boolean"
+                "text": "'none' | 'reserve'"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "attribute": "disabled-interactive",
+              "default": "'none'",
+              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "attribute": "error-space",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Whether the component is disabled.",
-              "default": "false",
+              "name": "optional",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "disabled",
-              "reflects": true,
+              "privacy": "public",
+              "default": "false",
+              "description": "Indicates whether the input is optional.",
+              "attribute": "optional",
               "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "#disabled",
-              "privacy": "private",
+              "name": "hiddenLabel",
               "type": {
                 "text": "boolean"
               },
+              "privacy": "public",
               "default": "false",
+              "description": "Whether to visually hide the label. If hidden, screen readers will still read it.",
+              "attribute": "hidden-label",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "method",
-              "name": "isDisabledExternally",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "_errorElements",
+              "type": {
+                "text": "Element[]"
               },
-              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `error` slot.",
               "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "name": "_input",
               "type": {
-                "text": "array"
+                "text": "HTMLInputElement | HTMLSelectElement | HTMLElement | null"
               },
               "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "default": "null",
+              "description": "Reference to the slotted input element.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_label",
               "type": {
-                "text": "string"
+                "text": "HTMLLabelElement"
               },
-              "privacy": "public",
+              "privacy": "private",
+              "description": "Reference to the slotted label elements.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              },
-              "default": "''",
-              "description": "Value of the form element.",
-              "attribute": "value"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
             },
             {
               "kind": "field",
-              "name": "type",
-              "privacy": "public",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
+              "name": "inputElement",
               "type": {
-                "text": "SbbButtonType"
+                "text": "HTMLInputElement | HTMLSelectElement | HTMLElement | null"
               },
-              "attribute": "type",
+              "privacy": "public",
+              "description": "Returns the input element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "label",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "HTMLLabelElement | null"
               },
               "privacy": "public",
-              "description": "The `<form>` element to associate the button with.",
+              "description": "Reference to the slotted label.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              },
-              "attribute": "form"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_formId",
-              "type": {
-                "text": "string"
-              },
+              "name": "_language",
               "privacy": "private",
-              "default": "''",
+              "default": "new SbbLanguageController(this)",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "_handleButtonClick",
+              "name": "_formFieldAttributeObserver",
               "privacy": "private",
+              "description": "Listens to the changes on `readonly` and `disabled` attributes of `<input>`.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_requestSubmit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_formKeyDown",
+              "kind": "field",
+              "name": "_inputFormAbortController",
               "privacy": "private",
+              "default": "new AbortController()",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "_control",
               "type": {
-                "text": "boolean"
+                "text": "SbbFormFieldElementControl | null"
               },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
+              "privacy": "private",
+              "default": "null",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "_handleWrapperClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "attribute": "name",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
+              "kind": "method",
+              "name": "_isElementFocusExcluded",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "_onSlotLabelChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "willValidate",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_onSlotInputChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
-              "readonly": true,
+              "description": "It is used internally to assign the attributes of `<input>` to `_id` and `_input` and to observe the native readonly and disabled attributes.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_validityStates",
+              "kind": "method",
+              "name": "_assignSlots",
               "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"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "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"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
+              "name": "_connectInputElement",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "'changed' | 'no-input' | 'unchanged'"
                 }
               },
-              "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"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
+              "name": "_syncLabelInputReferences",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
+              "name": "_isInputElement",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "input",
                   "type": {
-                    "text": "string"
+                    "text": "Element"
                   }
                 }
               ],
-              "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"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "name": "_readInputState",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
+              "name": "_registerInputFormListener",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
+              "name": "_patchInputValue",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "FormRestoreState"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
-              "privacy": "protected",
+              "name": "_unpatchInputValue",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "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": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
+              "name": "_checkAndUpdateInputEmpty",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "validate",
-              "privacy": "protected",
+              "name": "_isInputEmpty",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "To be called whenever the current element needs to be validated.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
-              "privacy": "protected",
+              "name": "_isInputValueEmpty",
+              "privacy": "private",
               "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"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "_setInternalValidity",
+              "name": "_onSlotErrorChange",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "ElementInternals['role']"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'button'",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_preventScrollOnSpaceKeydown",
-              "privacy": "private",
-              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
               "parameters": [
                 {
-                  "description": "The origin event.",
-                  "name": "event"
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
                 }
               ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_removeActiveMarker",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_dispatchClickEventOnSpaceKeyup",
+              "kind": "method",
+              "name": "_assignErrorMessageElements",
               "privacy": "private",
-              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
-              "parameters": [
-                {
-                  "description": "The origin event.",
-                  "name": "event"
+              "return": {
+                "type": {
+                  "text": "void"
                 }
-              ],
+              },
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_dispatchClickEvent",
-              "privacy": "private",
+              "kind": "method",
+              "name": "reset",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Manually reset the form field. Currently, this only resets the floating label.",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maybeDisabled",
-              "type": {
-                "text": "boolean | undefined"
+              "kind": "method",
+              "name": "clear",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "protected",
-              "readonly": true,
+              "description": "Manually clears the input value. It only works for inputs, selects are not supported.",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maybeDisabledInteractive",
-              "type": {
-                "text": "boolean | undefined"
+              "kind": "method",
+              "name": "_syncNegative",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "protected",
-              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
+              "name": "_syncSize",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
@@ -128917,167 +128814,174 @@
             }
           ],
           "superclass": {
-            "name": "SbbSecondaryButtonElement",
-            "module": "button/secondary-button.js"
+            "name": "SbbFormFieldElement",
+            "module": "form-field.pure.js"
           },
-          "tagName": "sbb-timetable-form-swap-button",
+          "tagName": "sbb-timetable-form-field",
           "customElement": true,
           "attributes": [
             {
-              "name": "size",
+              "name": "negative",
               "type": {
-                "text": "SbbButtonSize"
+                "text": "boolean"
               },
-              "description": "Size variant, either l, m or s.",
-              "default": "'l' / 's' (lean)",
-              "fieldName": "size",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
               "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             },
             {
-              "name": "loading",
+              "name": "error-space",
               "type": {
-                "text": "boolean"
+                "text": "'none' | 'reserve'"
               },
-              "default": "false",
-              "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
-              "fieldName": "loading",
+              "default": "'none'",
+              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "fieldName": "errorSpace",
               "inheritedFrom": {
-                "name": "SbbButtonCommonElementMixin",
-                "module": "button/common/button-common.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "negative",
+              "name": "optional",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
+              "description": "Indicates whether the input is optional.",
+              "fieldName": "optional",
               "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "icon-name",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "'l' | 'm' | 's'"
               },
-              "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",
+              "description": "Size variant, either l, m or s.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "disabled-interactive",
+              "name": "borderless",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "fieldName": "disabledInteractive",
+              "description": "Whether to display the form field without a border.",
+              "fieldName": "borderless",
               "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "disabled",
-              "description": "Whether the component is disabled.",
-              "default": "false",
+              "name": "width",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'collapse'"
               },
-              "fieldName": "disabled",
+              "default": "'default'",
+              "description": "Defines the width of the component:\n- `default`: the component has defined width and min-width;\n- `collapse`: the component adapts itself to its inner input content.",
+              "fieldName": "width",
               "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "value",
+              "name": "hidden-label",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "Value of the form element.",
-              "fieldName": "value",
+              "default": "false",
+              "description": "Whether to visually hide the label. If hidden, screen readers will still read it.",
+              "fieldName": "hiddenLabel",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "type",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
+              "name": "floating-label",
               "type": {
-                "text": "SbbButtonType"
+                "text": "boolean"
               },
-              "fieldName": "type",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+              "default": "false",
+              "description": "Whether the label should float. If activated, the placeholder of the input is hidden.",
+              "fieldName": "floatingLabel",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use this slot to render an input/select or a supported non-native element.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "form",
-              "description": "The `<form>` element to associate the button with.",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "fieldName": "form",
+              "description": "Use this slot to render a label.",
+              "name": "label",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name",
+              "description": "Use this slot to render an icon on the left side of the input.",
+              "name": "prefix",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
-            }
-          ],
-          "slots": [
+            },
             {
-              "description": "Use the unnamed slot to add content to the secondary-button.",
-              "name": "",
+              "description": "Use this slot to render an icon on the right side of the input.",
+              "name": "suffix",
               "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
-              "description": "Slot used to display the icon, if one is set.",
-              "name": "icon",
+              "description": "Use this slot to render an error.",
+              "name": "error",
               "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             }
           ],
           "cssProperties": [
             {
-              "description": "The delay before the loading animation starts, when setting the button into loading state.",
-              "name": "--sbb-button-loading-delay",
-              "default": "300ms",
+              "description": "To override the focus outline offset,",
+              "name": "--sbb-form-field-outline-offset",
               "inheritedFrom": {
-                "name": "SbbSecondaryButtonElement",
-                "module": "button/secondary-button/secondary-button.component.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
+            {
+              "description": "To override the z-index of the focus underline effect,",
+              "name": "--sbb-form-field-focus-underline-z-index",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             }
           ]
@@ -129086,22 +128990,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTimetableFormSwapButtonElement",
+          "name": "SbbTimetableFormFieldElement",
           "declaration": {
-            "name": "SbbTimetableFormSwapButtonElement",
-            "module": "timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js"
+            "name": "SbbTimetableFormFieldElement",
+            "module": "timetable-form/timetable-form-field/timetable-form-field.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "timetable-form/timetable-form-field/timetable-form-field.component.js",
+      "path": "timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.",
-          "name": "SbbTimetableFormFieldElement",
+          "description": "An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.\nWhen placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.",
+          "name": "SbbTimetableFormSwapButtonElement",
           "members": [
             {
               "kind": "field",
@@ -129112,83 +129016,88 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-timetable-form-field'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              }
+              },
+              "default": "'sbb-timetable-form-swap-button'"
             },
             {
               "kind": "field",
-              "name": "_routeIcon",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "_languageController",
               "privacy": "private",
-              "default": "false"
+              "default": "new SbbLanguageController(this)"
             },
             {
-              "kind": "field",
-              "name": "borderless",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_invertFieldValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events"
+            },
+            {
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "privacy": "public",
-              "default": "true",
-              "description": "Whether to display the form field without a border.",
-              "attribute": "borderless",
-              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "floatingLabel",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "SbbButtonSize"
               },
               "privacy": "public",
-              "default": "true",
-              "description": "Whether the label should float. If activated, the placeholder of the input is hidden.",
-              "attribute": "floating-label",
+              "description": "Size variant, either l, m or s.",
+              "default": "'l' / 's' (lean)",
+              "attribute": "size",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
               }
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "'collapse'",
-              "description": "Defines the width of the component:\n- `default`: the component has defined width and min-width;\n- `collapse`: the component adapts itself to its inner input content.",
-              "attribute": "width",
+              "default": "false",
+              "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
+              "attribute": "loading",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "public",
-              "description": "Size variant, either l, m or s.",
-              "default": "'l'",
-              "attribute": "size",
-              "reflects": true,
+              "description": "Override this method to render the component template.",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -129209,533 +129118,631 @@
             },
             {
               "kind": "field",
-              "name": "_excludedFocusElements",
+              "name": "iconName",
               "type": {
-                "text": "array"
+                "text": "string"
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "['button', 'sbb-popover', 'sbb-option', 'sbb-chip']",
+              "privacy": "public",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "attribute": "icon-name",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_floatingLabelSupportedInputElements",
-              "type": {
-                "text": "array"
+              "kind": "method",
+              "name": "renderIconSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'select', 'textarea', 'sbb-select', ]",
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_floatingLabelSupportedInputTypes",
-              "type": {
-                "text": "array"
-              },
+              "kind": "method",
+              "name": "_renderIconName",
               "privacy": "private",
-              "readonly": true,
-              "default": "[ 'email', 'number', 'password', 'search', 'tel', 'text', 'url', ]",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "errorSpace",
+              "name": "disabledInteractive",
               "type": {
-                "text": "'none' | 'reserve'"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
-              "attribute": "error-space",
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "attribute": "disabled-interactive",
               "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "optional",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
-              "default": "false",
-              "description": "Indicates whether the input is optional.",
-              "attribute": "optional",
+              "attribute": "disabled",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "hiddenLabel",
+              "name": "#disabled",
+              "privacy": "private",
               "type": {
                 "text": "boolean"
               },
-              "privacy": "public",
               "default": "false",
-              "description": "Whether to visually hide the label. If hidden, screen readers will still read it.",
-              "attribute": "hidden-label",
-              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_errorElements",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
               "type": {
-                "text": "Element[]"
+                "text": "array"
               },
               "privacy": "private",
-              "default": "[]",
-              "description": "It is used internally to get the `error` slot.",
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_input",
+              "name": "value",
               "type": {
-                "text": "HTMLInputElement | HTMLSelectElement | HTMLElement | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null",
-              "description": "Reference to the slotted input element.",
+              "privacy": "public",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "default": "''",
+              "description": "Value of the form element.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "_label",
+              "name": "type",
+              "privacy": "public",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
               "type": {
-                "text": "HTMLLabelElement"
+                "text": "SbbButtonType"
               },
-              "privacy": "private",
-              "description": "Reference to the slotted label elements.",
+              "attribute": "type",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "inputElement",
+              "name": "form",
               "type": {
-                "text": "HTMLInputElement | HTMLSelectElement | HTMLElement | null"
+                "text": "HTMLFormElement | null"
               },
               "privacy": "public",
-              "description": "Returns the input element.",
-              "readonly": true,
+              "description": "The `<form>` element to associate the button with.",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "attribute": "form"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "_formId",
               "type": {
-                "text": "HTMLLabelElement | null"
+                "text": "string"
               },
-              "privacy": "public",
-              "description": "Reference to the slotted label.",
-              "readonly": true,
+              "privacy": "private",
+              "default": "''",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_language",
+              "name": "_handleButtonClick",
               "privacy": "private",
-              "default": "new SbbLanguageController(this)",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_formFieldAttributeObserver",
+              "kind": "method",
+              "name": "_requestSubmit",
               "privacy": "private",
-              "description": "Listens to the changes on `readonly` and `disabled` attributes of `<input>`.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_inputFormAbortController",
+              "name": "_formKeyDown",
               "privacy": "private",
-              "default": "new AbortController()",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_control",
+              "name": "formAssociated",
               "type": {
-                "text": "SbbFormFieldElementControl | null"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "null",
+              "privacy": "public",
+              "static": true,
+              "default": "true",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleWrapperClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_isElementFocusExcluded",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
+              "privacy": "public",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_onSlotLabelChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_onSlotInputChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "willValidate",
+              "type": {
+                "text": "boolean"
               },
-              "description": "It is used internally to assign the attributes of `<input>` to `_id` and `_input` and to observe the native readonly and disabled attributes.",
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_assignSlots",
+              "kind": "field",
+              "name": "_validityStates",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_connectInputElement",
-              "privacy": "private",
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "'changed' | 'no-input' | 'unchanged'"
+                  "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_syncLabelInputReferences",
-              "privacy": "private",
+              "name": "reportValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_isInputElement",
-              "privacy": "private",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "input",
+                  "name": "message",
                   "type": {
-                    "text": "Element"
+                    "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_readInputState",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_registerInputFormListener",
-              "privacy": "private",
+              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_patchInputValue",
-              "privacy": "private",
+              "name": "formState",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "FormRestoreState"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_unpatchInputValue",
-              "privacy": "private",
+              "name": "setValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_checkAndUpdateInputEmpty",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_isInputEmpty",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
+              "description": "To be called whenever the current element needs to be validated.",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_isInputValueEmpty",
-              "privacy": "private",
+              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_onSlotErrorChange",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ElementInternals['role']"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'button'",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_preventScrollOnSpaceKeydown",
+              "privacy": "private",
+              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
               "parameters": [
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
+                  "description": "The origin event.",
+                  "name": "event"
                 }
               ],
-              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "kind": "field",
+              "name": "_removeActiveMarker",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEventOnSpaceKeyup",
+              "privacy": "private",
+              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
+              "parameters": [
+                {
+                  "description": "The origin event.",
+                  "name": "event"
                 }
-              },
+              ],
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "reset",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Manually reset the form field. Currently, this only resets the floating label.",
+              "kind": "field",
+              "name": "_dispatchClickEvent",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "clear",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
               },
-              "description": "Manually clears the input value. It only works for inputs, selects are not supported.",
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_syncNegative",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
               },
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_syncSize",
-              "privacy": "private",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -129845,12 +129852,38 @@
             }
           ],
           "superclass": {
-            "name": "SbbFormFieldElement",
-            "module": "form-field.pure.js"
+            "name": "SbbSecondaryButtonElement",
+            "module": "button/secondary-button.js"
           },
-          "tagName": "sbb-timetable-form-field",
+          "tagName": "sbb-timetable-form-swap-button",
           "customElement": true,
           "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbButtonSize"
+              },
+              "description": "Size variant, either l, m or s.",
+              "default": "'l' / 's' (lean)",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
+              }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button indicates a loading state.\nThe animation kicks in after a delay of 300ms, configurable with --sbb-button-loading-delay CSS variable.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
+              }
+            },
             {
               "name": "negative",
               "type": {
@@ -129865,154 +129898,121 @@
               }
             },
             {
-              "name": "error-space",
+              "name": "icon-name",
               "type": {
-                "text": "'none' | 'reserve'"
+                "text": "string"
               },
-              "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
-              "fieldName": "errorSpace",
+              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "name": "optional",
+              "name": "disabled-interactive",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether the input is optional.",
-              "fieldName": "optional",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "fieldName": "disabledInteractive",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "name": "size",
+              "name": "disabled",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "type": {
-                "text": "'l' | 'm' | 's'"
+                "text": "boolean"
               },
-              "description": "Size variant, either l, m or s.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "name": "borderless",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether to display the form field without a border.",
-              "fieldName": "borderless",
+              "default": "''",
+              "description": "Value of the form element.",
+              "fieldName": "value",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "name": "width",
+              "name": "type",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
               "type": {
-                "text": "'default' | 'collapse'"
+                "text": "SbbButtonType"
               },
-              "default": "'default'",
-              "description": "Defines the width of the component:\n- `default`: the component has defined width and min-width;\n- `collapse`: the component adapts itself to its inner input content.",
-              "fieldName": "width",
+              "fieldName": "type",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "name": "hidden-label",
+              "name": "form",
+              "description": "The `<form>` element to associate the button with.",
               "type": {
-                "text": "boolean"
+                "text": "HTMLFormElement | null"
               },
-              "default": "false",
-              "description": "Whether to visually hide the label. If hidden, screen readers will still read it.",
-              "fieldName": "hiddenLabel",
+              "fieldName": "form",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "name": "floating-label",
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the label should float. If activated, the placeholder of the input is hidden.",
-              "fieldName": "floatingLabel",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             }
           ],
           "slots": [
             {
-              "description": "Use this slot to render an input/select or a supported non-native element.",
+              "description": "Use the unnamed slot to add content to the secondary-button.",
               "name": "",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
-            },
-            {
-              "description": "Use this slot to render a label.",
-              "name": "label",
-              "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
-            },
-            {
-              "description": "Use this slot to render an icon on the left side of the input.",
-              "name": "prefix",
-              "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
-            },
-            {
-              "description": "Use this slot to render an icon on the right side of the input.",
-              "name": "suffix",
-              "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbSecondaryButtonElement",
+                "module": "button/secondary-button/secondary-button.component.js"
               }
             },
             {
-              "description": "Use this slot to render an error.",
-              "name": "error",
+              "description": "Slot used to display the icon, if one is set.",
+              "name": "icon",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbSecondaryButtonElement",
+                "module": "button/secondary-button/secondary-button.component.js"
               }
             }
           ],
           "cssProperties": [
             {
-              "description": "To override the focus outline offset,",
-              "name": "--sbb-form-field-outline-offset",
-              "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
-            },
-            {
-              "description": "To override the z-index of the focus underline effect,",
-              "name": "--sbb-form-field-focus-underline-z-index",
+              "description": "The delay before the loading animation starts, when setting the button into loading state.",
+              "name": "--sbb-button-loading-delay",
+              "default": "300ms",
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbSecondaryButtonElement",
+                "module": "button/secondary-button/secondary-button.component.js"
               }
             }
           ]
@@ -130021,10 +130021,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTimetableFormFieldElement",
+          "name": "SbbTimetableFormSwapButtonElement",
           "declaration": {
-            "name": "SbbTimetableFormFieldElement",
-            "module": "timetable-form/timetable-form-field/timetable-form-field.component.js"
+            "name": "SbbTimetableFormSwapButtonElement",
+            "module": "timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js"
           }
         }
       ]