@sbb-esta/lyne-elements-dev 4.12.1-dev.1778029146 → 4.12.1-dev.1778065339

package/custom-elements.json

@@ -129271,12 +129271,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",
@@ -129287,88 +129287,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"
-                }
+              "name": "_routeIcon",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "borderless",
+              "type": {
+                "text": "boolean"
               },
+              "privacy": "public",
+              "default": "true",
+              "description": "Whether to display the form field without a border.",
+              "attribute": "borderless",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "size",
+              "name": "floatingLabel",
               "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 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": "field",
-              "name": "loading",
+              "name": "width",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "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": "'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": "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": "size",
+              "type": {
+                "text": "string"
               },
-              "description": "Override this method to render the component template.",
+              "privacy": "public",
+              "description": "Size variant, either l, m or s.",
+              "default": "'l'",
+              "attribute": "size",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             },
             {
@@ -129389,631 +129384,584 @@
             },
             {
               "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, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "attribute": "error-space",
               "reflects": true,
               "inheritedFrom": {
-                "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.",
+              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
+              "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": "_hintElements",
               "type": {
-                "text": "array"
+                "text": "Element[]"
               },
               "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot.",
               "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": "_input",
               "type": {
-                "text": "string"
+                "text": "HTMLInputElement | HTMLSelectElement | HTMLElement | null"
               },
-              "privacy": "public",
+              "privacy": "private",
+              "default": "null",
+              "description": "Reference to the slotted input element.",
               "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": "_label",
               "type": {
-                "text": "SbbButtonType"
+                "text": "HTMLLabelElement"
               },
-              "attribute": "type",
+              "privacy": "private",
+              "description": "Reference to the slotted label elements.",
               "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": "inputElement",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "HTMLInputElement | HTMLSelectElement | HTMLElement | null"
               },
               "privacy": "public",
-              "description": "The `<form>` element to associate the button with.",
+              "description": "Returns the input element.",
+              "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",
+              "name": "label",
               "type": {
-                "text": "string"
+                "text": "HTMLLabelElement | null"
               },
-              "privacy": "private",
-              "default": "''",
+              "privacy": "public",
+              "description": "Reference to the slotted label.",
+              "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": "_handleButtonClick",
+              "name": "_language",
               "privacy": "private",
+              "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": "method",
-              "name": "_requestSubmit",
+              "kind": "field",
+              "name": "_formFieldAttributeObserver",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement"
-                  }
-                }
-              ],
+              "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": "field",
-              "name": "_formKeyDown",
+              "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.",
+              "name": "_previousType",
               "type": {
-                "text": "string"
+                "text": "string | null"
               },
-              "attribute": "name",
+              "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": "validity",
-              "type": {
-                "text": "ValidityState"
+              "kind": "method",
+              "name": "_handleWrapperClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
+              "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": "validationMessage",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "_isElementFocusExcluded",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "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,
+              "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": "willValidate",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_onSlotLabelChange",
+              "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,
               "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": "_onSlotInputChange",
               "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "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": "formDisabled",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_assignSlots",
+              "privacy": "private",
+              "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"
                 }
               },
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onSlotErrorChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "parameters": [
                 {
-                  "name": "name",
+                  "name": "event",
                   "type": {
-                    "text": "PropertyKey | undefined"
+                    "text": "Event"
                   }
                 }
               ],
-              "description": "Whether validation should be run on a property change with the given name.",
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.",
               "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": "_onSlotHintChange",
               "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-hint> 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": "_assignAriaDescribedByElements",
               "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"
               }
             },
             {
@@ -130122,184 +130070,184 @@
               }
             }
           ],
-          "events": [
-            {
-              "type": {
-                "text": "Event"
-              },
-              "description": "The change event is fired on the associated inputs when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
-              "name": "change"
-            },
-            {
-              "type": {
-                "text": "InputEvent"
-              },
-              "description": "The input event fires on the associated inputs when the value has been changed as a direct result of a user action.",
-              "name": "input"
-            }
-          ],
           "superclass": {
-            "name": "SbbSecondaryButtonElement",
-            "module": "button.pure.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, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "fieldName": "errorSpace",
               "inheritedFrom": {
-                "name": "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.",
+              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
+              "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",
+              "default": "false",
+              "description": "Whether the label should float. If activated, the placeholder of the input is hidden.",
+              "fieldName": "floatingLabel",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "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"
+              }
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
               }
             }
           ],
           "cssProperties": [
             {
-              "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"
               }
             }
           ]
@@ -130308,22 +130256,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",
@@ -130334,681 +130282,733 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-timetable-form-field'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_routeIcon",
-              "type": {
-                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "'sbb-timetable-form-swap-button'"
             },
             {
               "kind": "field",
-              "name": "borderless",
-              "type": {
-                "text": "boolean"
-              },
-              "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": "_languageController",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
             },
             {
-              "kind": "field",
-              "name": "floatingLabel",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_invertFieldValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "default": "true",
-              "description": "Whether the label should float. If activated, the placeholder of the input is hidden.",
-              "attribute": "floating-label",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
+              "description": "Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events"
             },
             {
-              "kind": "field",
-              "name": "width",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
-              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "string"
+                "text": "SbbButtonSize"
               },
               "privacy": "public",
               "description": "Size variant, either l, m or s.",
-              "default": "'l'",
+              "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": "negative",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
+              "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": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbButtonCommonElementMixin",
+                "module": "button/common/button-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_excludedFocusElements",
-              "type": {
-                "text": "array"
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "['button', 'sbb-popover', 'sbb-option', 'sbb-chip']",
+              "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"
               }
             },
             {
               "kind": "field",
-              "name": "_floatingLabelSupportedInputElements",
+              "name": "negative",
               "type": {
-                "text": "array"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'select', 'textarea', 'sbb-select', ]",
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_floatingLabelSupportedInputTypes",
+              "name": "iconName",
               "type": {
-                "text": "array"
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_renderIconName",
               "privacy": "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, hint or text-counter.\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.",
-              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
-              "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": "field",
-              "name": "_errorElements",
-              "type": {
-                "text": "Element[]"
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "It is used internally to get the `error` slot.",
+              "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": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_hintElements",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
               "type": {
-                "text": "Element[]"
+                "text": "array"
               },
               "privacy": "private",
-              "default": "[]",
-              "description": "It is used internally to get the `hint` 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": "field",
-              "name": "_previousType",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
-                "text": "string | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null",
+              "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": "_handleWrapperClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
+              "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": "_isElementFocusExcluded",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "validationMessage",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
+              "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": "_onSlotLabelChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "willValidate",
+              "type": {
+                "text": "boolean"
               },
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_onSlotInputChange",
+              "kind": "field",
+              "name": "_validityStates",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "It is used internally to assign the attributes of `<input>` to `_id` and `_input` and to observe the native readonly and disabled attributes.",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
               "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",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "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"
                 }
               },
-              "inheritedFrom": {
-                "name": "SbbFormFieldElement",
-                "module": "form-field/form-field/form-field.component.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_isInputEmpty",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
+              "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": "_isInputValueEmpty",
-              "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": "_onSlotErrorChange",
-              "privacy": "private",
+              "name": "shouldValidate",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "name",
                   "type": {
-                    "text": "Event"
+                    "text": "PropertyKey | undefined"
                   }
                 }
               ],
-              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-error> instances.",
+              "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": "_onSlotHintChange",
+              "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-hint> 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": "_assignAriaDescribedByElements",
+              "kind": "field",
+              "name": "_removeActiveMarker",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEventOnSpaceKeyup",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "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"
               }
             },
             {
@@ -131117,13 +131117,55 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the associated inputs when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires on the associated inputs when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            }
+          ],
           "superclass": {
-            "name": "SbbFormFieldElement",
-            "module": "form-field.pure.js"
+            "name": "SbbSecondaryButtonElement",
+            "module": "button.pure.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": {
@@ -131138,163 +131180,121 @@
               }
             },
             {
-              "name": "error-space",
+              "name": "icon-name",
               "type": {
-                "text": "'none' | 'reserve'"
+                "text": "string"
               },
-              "default": "'none'",
-              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
-              "fieldName": "errorSpace",
+              "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.",
-              "deprecated": "Set the (optional) label text manually. Will be removed with next major version.",
-              "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"
-              }
-            },
-            {
-              "description": "Use this slot to render an error.",
-              "name": "error",
-              "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 `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
-              "name": "hint",
+              "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"
               }
             }
           ]
@@ -131303,10 +131303,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"
           }
         }
       ]
@@ -132679,247 +132679,45 @@
               "description": "Renders list and list slots for slotted children or a number of list slots\ncorresponding to the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
               "inheritedFrom": {
                 "name": "SbbNamedSlotListMixin",
-                "module": "core/mixins/named-slot-list-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "listSlotEntries",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "SbbNamedSlotProperties[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "listItemAttributes",
-                  "type": {
-                    "text": "{\n      localNameVisualOnly?: string[];\n    }"
-                  }
-                }
-              ],
-              "description": "Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;\nits length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
-              "inheritedFrom": {
-                "name": "SbbNamedSlotListMixin",
-                "module": "core/mixins/named-slot-list-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderHiddenSlot",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "description": "Returns a hidden slot, which is intended as the children change detection.\nWhen an element without a slot attribute is slotted to the element, it triggers\nthe slotchange event, which can be used to assign it to the appropriate named slot.",
-              "inheritedFrom": {
-                "name": "SbbNamedSlotListMixin",
-                "module": "core/mixins/named-slot-list-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": "direction-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "General label for \"driving direction\".",
-              "fieldName": "directionLabel"
-            },
-            {
-              "name": "direction-label-level",
-              "type": {
-                "text": "SbbTitleLevel"
-              },
-              "default": "'6'",
-              "description": "Heading level of the direction label, used for screen readers.",
-              "fieldName": "directionLabelLevel"
-            },
-            {
-              "name": "station",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Label for the destination station of the train.",
-              "fieldName": "station"
-            },
-            {
-              "name": "accessibility-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Accessibility label for additional information regarding the leaving direction of the train.",
-              "fieldName": "accessibilityLabel"
-            },
-            {
-              "name": "direction",
-              "type": {
-                "text": "'left' | 'right'"
-              },
-              "default": "'left'",
-              "description": "Controls the direction indicator to show the arrow left or right. Default is left.",
-              "fieldName": "direction"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbNamedSlotListMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-train",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbTrainElement",
-          "declaration": {
-            "name": "SbbTrainElement",
-            "module": "train/train/train.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "train/train-blocked-passage/train-blocked-passage.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It visually displays a blocked passage between train wagons.",
-          "name": "SbbTrainBlockedPassageElement",
-          "members": [
+                "module": "core/mixins/named-slot-list-mixin.js"
+              }
+            },
             {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "listSlotEntries",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "SbbNamedSlotProperties[]"
+                }
               },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-train-blocked-passage'",
+              "parameters": [
+                {
+                  "name": "listItemAttributes",
+                  "type": {
+                    "text": "{\n      localNameVisualOnly?: string[];\n    }"
+                  }
+                }
+              ],
+              "description": "Returns an array of SbbNamedSlotProperties, which holds the list slot names and the hidden property;\nits length corresponds to the number of matched children or the `data-ssr-child-count` attribute value.\n\nThis is a possible optimization for SSR, as in an SSR Lit environment\nother elements are not available, but might be available in the meta\nframework wrapper (like e.g. React). This allows to provide the number of\nchildren to be passed via the `data-ssr-child-count` attribute value.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbNamedSlotListMixin",
+                "module": "core/mixins/named-slot-list-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderHiddenSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Returns a hidden slot, which is intended as the children change detection.\nWhen an element without a slot attribute is slotted to the element, it triggers\nthe slotchange event, which can be used to assign it to the appropriate named slot.",
+              "inheritedFrom": {
+                "name": "SbbNamedSlotListMixin",
+                "module": "core/mixins/named-slot-list-mixin.js"
               }
             },
             {
@@ -133028,21 +132826,74 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "direction-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "General label for \"driving direction\".",
+              "fieldName": "directionLabel"
+            },
+            {
+              "name": "direction-label-level",
+              "type": {
+                "text": "SbbTitleLevel"
+              },
+              "default": "'6'",
+              "description": "Heading level of the direction label, used for screen readers.",
+              "fieldName": "directionLabelLevel"
+            },
+            {
+              "name": "station",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Label for the destination station of the train.",
+              "fieldName": "station"
+            },
+            {
+              "name": "accessibility-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessibility label for additional information regarding the leaving direction of the train.",
+              "fieldName": "accessibilityLabel"
+            },
+            {
+              "name": "direction",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'left'",
+              "description": "Controls the direction indicator to show the arrow left or right. Default is left.",
+              "fieldName": "direction"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNamedSlotListMixin",
+              "module": "core/mixins.js"
+            }
+          ],
           "superclass": {
             "name": "SbbElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-train-blocked-passage",
+          "tagName": "sbb-train",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTrainBlockedPassageElement",
+          "name": "SbbTrainElement",
           "declaration": {
-            "name": "SbbTrainBlockedPassageElement",
-            "module": "train/train-blocked-passage/train-blocked-passage.component.js"
+            "name": "SbbTrainElement",
+            "module": "train/train/train.component.js"
           }
         }
       ]
@@ -133379,6 +133230,155 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "train/train-blocked-passage/train-blocked-passage.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It visually displays a blocked passage between train wagons.",
+          "name": "SbbTrainBlockedPassageElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-train-blocked-passage'",
+              "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"
+              },
+              "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-train-blocked-passage",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbTrainBlockedPassageElement",
+          "declaration": {
+            "name": "SbbTrainBlockedPassageElement",
+            "module": "train/train-blocked-passage/train-blocked-passage.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "train/train-wagon/train-wagon.component.js",