@sbb-esta/lyne-elements-dev 4.9.0-dev.1775050914 → 4.9.0-dev.1775058583

package/custom-elements.json

@@ -1230,6 +1230,14 @@
             "module": "form-field/error/error.component.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "form-field/form-field/form-field.component.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1243,7 +1251,15 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "form-field/form-field/form-field.component.js"
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "form-field/hint/hint.component.js"
           }
         }
       ]
@@ -36946,12 +36962,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "button/accent-button/accent-button.component.js",
+      "path": "button/accent-button-link/accent-button-link.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a button enhanced with the SBB Design in the 'accent' variant.",
-          "name": "SbbAccentButtonElement",
+          "description": "It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.",
+          "name": "SbbAccentButtonLinkElement",
           "cssProperties": [
             {
               "description": "The delay before the loading animation starts, when setting the button into loading state.",
@@ -36961,7 +36977,7 @@
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the accent-button.",
+              "description": "Use the unnamed slot to add content to the accent-button-link.",
               "name": ""
             },
             {
@@ -36979,7 +36995,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-accent-button'",
+              "default": "'sbb-accent-button-link'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -37176,479 +37192,151 @@
             },
             {
               "kind": "field",
-              "name": "_elementsOnWhichEnterPressTriggersSubmit",
-              "type": {
-                "text": "array"
-              },
-              "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
               "default": "''",
-              "description": "Value of the form element.",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "privacy": "public",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
-              "type": {
-                "text": "SbbButtonType"
-              },
-              "attribute": "type",
+              "description": "The href value you want to link to.",
+              "attribute": "href",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "target",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "LinkTargetType | string"
               },
               "privacy": "public",
-              "description": "The `<form>` element to associate the button with.",
-              "attribute": "form",
+              "default": "''",
+              "description": "Where to display the linked URL.",
+              "attribute": "target",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_formId",
+              "name": "rel",
               "type": {
                 "text": "string"
               },
-              "privacy": "private",
+              "privacy": "public",
               "default": "''",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "attribute": "rel",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_handleButtonClick",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_requestSubmit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_formKeyDown",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "download",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "static": true,
-              "default": "true",
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "attribute": "download",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "accessibilityLabel",
               "type": {
                 "text": "string"
               },
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
               "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
+              "default": "''",
+              "description": "This will be forwarded as aria-label to the inner anchor element.",
+              "attribute": "accessibility-label",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "accessibilityCurrent",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "willValidate",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
-              "readonly": true,
+              "default": "''",
+              "description": "This will be forwarded as aria-current to the inner anchor element.",
+              "attribute": "accessibility-current",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_validityStates",
-              "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "name": "language",
+              "privacy": "protected",
+              "default": "new SbbLanguageController(this)",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "formDisabled",
+              "name": "anchorRole",
               "type": {
-                "text": "boolean"
+                "text": "string | null"
               },
               "privacy": "protected",
-              "default": "false",
-              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
+              "readonly": true,
+              "default": "null",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "kind": "field",
+              "name": "_evaluateRelAttribute",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "FormRestoreState"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "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": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "description": "Removes the validity state flag entry and updates validity state.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "To be called whenever the current element needs to be validated.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
+              "name": "renderLink",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "TemplateResult"
                 }
               },
               "parameters": [
                 {
-                  "name": "name",
+                  "name": "renderContent",
                   "type": {
-                    "text": "PropertyKey | undefined"
+                    "text": "TemplateResult"
                   }
                 }
               ],
-              "description": "Whether validation should be run on a property change with the given name.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setInternalValidity",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "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"
-                }
-              ],
-              "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"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_dispatchClickEventOnSpaceKeyup",
-              "privacy": "private",
-              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
-              "parameters": [
-                {
-                  "description": "The origin event.",
-                  "name": "event"
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_dispatchClickEvent",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
@@ -37803,15 +37491,19 @@
               "module": "button/common/button-common.js"
             },
             {
-              "name": "SbbDisabledTabIndexActionMixin",
+              "name": "SbbDisabledInteractiveMixin",
+              "module": "core/mixins.js"
+            },
+            {
+              "name": "SbbDisabledMixin",
               "module": "core/mixins.js"
             }
           ],
           "superclass": {
-            "name": "SbbButtonBaseElement",
+            "name": "SbbLinkBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-accent-button",
+          "tagName": "sbb-accent-button-link",
           "customElement": true,
           "attributes": [
             {
@@ -37893,53 +37585,81 @@
               }
             },
             {
-              "name": "value",
+              "name": "href",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Value of the form element.",
-              "fieldName": "value",
+              "description": "The href value you want to link to.",
+              "fieldName": "href",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
-              "name": "type",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
+              "name": "target",
               "type": {
-                "text": "SbbButtonType"
+                "text": "LinkTargetType | string"
               },
-              "fieldName": "type",
+              "default": "''",
+              "description": "Where to display the linked URL.",
+              "fieldName": "target",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
-              "name": "form",
-              "description": "The `<form>` element to associate the button with.",
+              "name": "rel",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "string"
               },
-              "fieldName": "form",
+              "default": "''",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "fieldName": "rel",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "accessibility-label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name",
+              "default": "''",
+              "description": "This will be forwarded as aria-label to the inner anchor element.",
+              "fieldName": "accessibilityLabel",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "accessibility-current",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "This will be forwarded as aria-current to the inner anchor element.",
+              "fieldName": "accessibilityCurrent",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
               }
             }
           ]
@@ -37948,22 +37668,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbAccentButtonElement",
+          "name": "SbbAccentButtonLinkElement",
           "declaration": {
-            "name": "SbbAccentButtonElement",
-            "module": "button/accent-button/accent-button.component.js"
+            "name": "SbbAccentButtonLinkElement",
+            "module": "button/accent-button-link/accent-button-link.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "button/accent-button-link/accent-button-link.component.js",
+      "path": "button/accent-button/accent-button.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.",
-          "name": "SbbAccentButtonLinkElement",
+          "description": "It displays a button enhanced with the SBB Design in the 'accent' variant.",
+          "name": "SbbAccentButtonElement",
           "cssProperties": [
             {
               "description": "The delay before the loading animation starts, when setting the button into loading state.",
@@ -37973,7 +37693,7 @@
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the accent-button-link.",
+              "description": "Use the unnamed slot to add content to the accent-button.",
               "name": ""
             },
             {
@@ -37991,7 +37711,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-accent-button-link'",
+              "default": "'sbb-accent-button'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -38188,151 +37908,479 @@
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "type": {
+                "text": "array"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
               "default": "''",
-              "description": "The href value you want to link to.",
-              "attribute": "href",
-              "reflects": true,
+              "description": "Value of the form element.",
+              "attribute": "value",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "type",
+              "privacy": "public",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
               "type": {
-                "text": "LinkTargetType | string"
+                "text": "SbbButtonType"
+              },
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "Where to display the linked URL.",
-              "attribute": "target",
-              "reflects": true,
+              "description": "The `<form>` element to associate the button with.",
+              "attribute": "form",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "_formId",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
+              "privacy": "private",
               "default": "''",
-              "description": "The relationship of the linked URL as space-separated link types.",
-              "attribute": "rel",
-              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "download",
+              "name": "_handleButtonClick",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_requestSubmit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_formKeyDown",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the browser will show the download dialog on click.",
-              "attribute": "download",
-              "reflects": true,
+              "static": true,
+              "default": "true",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "accessibilityLabel",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
               "privacy": "public",
-              "default": "''",
-              "description": "This will be forwarded as aria-label to the inner anchor element.",
-              "attribute": "accessibility-label",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "accessibilityCurrent",
+              "name": "validationMessage",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "default": "''",
-              "description": "This will be forwarded as aria-current to the inner anchor element.",
-              "attribute": "accessibility-current",
+              "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": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "language",
-              "privacy": "protected",
-              "default": "new SbbLanguageController(this)",
+              "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": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "anchorRole",
+              "name": "_validityStates",
+              "privacy": "private",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formDisabled",
               "type": {
-                "text": "string | null"
+                "text": "boolean"
               },
               "privacy": "protected",
-              "readonly": true,
-              "default": "null",
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_evaluateRelAttribute",
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderLink",
+              "name": "updateFormValue",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
+                }
+              },
+              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "FormRestoreState"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setValidityFlag",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "renderContent",
+                  "name": "flag",
                   "type": {
-                    "text": "TemplateResult"
+                    "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": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "To be called whenever the current element needs to be validated.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "shouldValidate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey | undefined"
+                  }
+                }
+              ],
+              "description": "Whether validation should be run on a property change with the given name.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setInternalValidity",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "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"
+                }
+              ],
+              "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"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEventOnSpaceKeyup",
+              "privacy": "private",
+              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
+              "parameters": [
+                {
+                  "description": "The origin event.",
+                  "name": "event"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_dispatchClickEvent",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
@@ -38487,19 +38535,15 @@
               "module": "button/common/button-common.js"
             },
             {
-              "name": "SbbDisabledInteractiveMixin",
-              "module": "core/mixins.js"
-            },
-            {
-              "name": "SbbDisabledMixin",
+              "name": "SbbDisabledTabIndexActionMixin",
               "module": "core/mixins.js"
             }
           ],
           "superclass": {
-            "name": "SbbLinkBaseElement",
+            "name": "SbbButtonBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-accent-button-link",
+          "tagName": "sbb-accent-button",
           "customElement": true,
           "attributes": [
             {
@@ -38581,81 +38625,53 @@
               }
             },
             {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The href value you want to link to.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "LinkTargetType | string"
-              },
-              "default": "''",
-              "description": "Where to display the linked URL.",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "rel",
+              "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The relationship of the linked URL as space-separated link types.",
-              "fieldName": "rel",
+              "description": "Value of the form element.",
+              "fieldName": "value",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "name": "download",
+              "name": "type",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
               "type": {
-                "text": "boolean"
+                "text": "SbbButtonType"
               },
-              "default": "false",
-              "description": "Whether the browser will show the download dialog on click.",
-              "fieldName": "download",
+              "fieldName": "type",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "name": "accessibility-label",
+              "name": "form",
+              "description": "The `<form>` element to associate the button with.",
               "type": {
-                "text": "string"
+                "text": "HTMLFormElement | null"
               },
-              "default": "''",
-              "description": "This will be forwarded as aria-label to the inner anchor element.",
-              "fieldName": "accessibilityLabel",
+              "fieldName": "form",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "name": "accessibility-current",
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "This will be forwarded as aria-current to the inner anchor element.",
-              "fieldName": "accessibilityCurrent",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             }
           ]
@@ -38664,10 +38680,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbAccentButtonLinkElement",
+          "name": "SbbAccentButtonElement",
           "declaration": {
-            "name": "SbbAccentButtonLinkElement",
-            "module": "button/accent-button-link/accent-button-link.component.js"
+            "name": "SbbAccentButtonElement",
+            "module": "button/accent-button/accent-button.component.js"
           }
         }
       ]
@@ -60594,240 +60610,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "container/container/container.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays its content with the default page spacing.",
-          "name": "SbbContainerElement",
-          "cssProperties": [
-            {
-              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
-              "name": "--sbb-page-spacing-padding"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add anything to the container.",
-              "name": ""
-            },
-            {
-              "description": "The slot used by the sbb-sticky-bar component.",
-              "name": "sticky-bar"
-            },
-            {
-              "description": "The slot used to slot an `sbb-image` to use as background.",
-              "name": "image"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-container'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "attribute": "expanded",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "backgroundExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "attribute": "background-expanded",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
-              },
-              "privacy": "public",
-              "default": "'white'",
-              "description": "Color of the container, like transparent, white etc.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElementInternalsMixin",
-                "module": "core/mixins/element-internals-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "fieldName": "expanded"
-            },
-            {
-              "name": "background-expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "fieldName": "backgroundExpanded"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
-              },
-              "default": "'white'",
-              "description": "Color of the container, like transparent, white etc.",
-              "fieldName": "color"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-container",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbContainerElement",
-          "declaration": {
-            "name": "SbbContainerElement",
-            "module": "container/container/container.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "container/sticky-bar/sticky-bar.component.js",
@@ -61290,6 +61072,240 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "container/container/container.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays its content with the default page spacing.",
+          "name": "SbbContainerElement",
+          "cssProperties": [
+            {
+              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
+              "name": "--sbb-page-spacing-padding"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add anything to the container.",
+              "name": ""
+            },
+            {
+              "description": "The slot used by the sbb-sticky-bar component.",
+              "name": "sticky-bar"
+            },
+            {
+              "description": "The slot used to slot an `sbb-image` to use as background.",
+              "name": "image"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-container'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "attribute": "expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "backgroundExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "attribute": "background-expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+              },
+              "privacy": "public",
+              "default": "'white'",
+              "description": "Color of the container, like transparent, white etc.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElementInternalsMixin",
+                "module": "core/mixins/element-internals-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "background-expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "fieldName": "backgroundExpanded"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+              },
+              "default": "'white'",
+              "description": "Color of the container, like transparent, white etc.",
+              "fieldName": "color"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-container",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbContainerElement",
+          "declaration": {
+            "name": "SbbContainerElement",
+            "module": "container/container/container.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/a11y/arrow-navigation.js",
@@ -70310,6 +70326,14 @@
             "text": "Record<string, string>"
           },
           "default": "{ de: 'Folie', en: 'Slide', fr: 'Diapositive', it: 'Slide', }"
+        },
+        {
+          "kind": "variable",
+          "name": "i18nRemainingCharacters",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Zeichen übrig', en: 'characters remaining', fr: 'caractères restants', it: 'caratteri rimanenti', }"
         }
       ],
       "exports": [
@@ -71120,6 +71144,14 @@
             "name": "i18nSlide",
             "module": "core/i18n/i18n.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "i18nRemainingCharacters",
+          "declaration": {
+            "name": "i18nRemainingCharacters",
+            "module": "core/i18n/i18n.js"
+          }
         }
       ]
     },
@@ -93676,6 +93708,10 @@
             {
               "description": "Use this slot to render an error.",
               "name": "error"
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint"
             }
           ],
           "members": [
@@ -93732,7 +93768,7 @@
               },
               "privacy": "public",
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "attribute": "error-space",
               "reflects": true
             },
@@ -93818,6 +93854,16 @@
               "default": "[]",
               "description": "It is used internally to get the `error` slot."
             },
+            {
+              "kind": "field",
+              "name": "_hintElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot."
+            },
             {
               "kind": "field",
               "name": "_input",
@@ -94080,7 +94126,26 @@
             },
             {
               "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "name": "_onSlotHintChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances."
+            },
+            {
+              "kind": "method",
+              "name": "_assignAriaDescribedByElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -94259,7 +94324,7 @@
                 "text": "'none' | 'reserve'"
               },
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "fieldName": "errorSpace"
             },
             {
@@ -95156,6 +95221,454 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
+          "name": "SbbFormFieldTextCounterElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display a custom description text after the counter.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-form-field-text-counter'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_remainingCharacters",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "_onInputUpdate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_infoText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          },
+          "tagName": "sbb-form-field-text-counter",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFormFieldTextCounterElement",
+          "declaration": {
+            "name": "SbbFormFieldTextCounterElement",
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/hint/hint.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays a hint message in the `sbb-form-field`.",
+          "name": "SbbHintElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display the hint message.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-hint'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-hint",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbHintElement",
+          "declaration": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "header/common/header-action-common.js",
@@ -128651,7 +129164,7 @@
               },
               "privacy": "public",
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "attribute": "error-space",
               "reflects": true,
               "inheritedFrom": {
@@ -128705,6 +129218,20 @@
                 "module": "form-field/form-field/form-field.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_hintElements",
+              "type": {
+                "text": "Element[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "It is used internally to get the `hint` slot.",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_input",
@@ -129063,7 +129590,30 @@
             },
             {
               "kind": "method",
-              "name": "_assignErrorMessageElements",
+              "name": "_onSlotHintChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "It is used internally to set the aria-describedby attribute for the slotted input referencing available <sbb-hint> instances.",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignAriaDescribedByElements",
               "privacy": "private",
               "return": {
                 "type": {
@@ -129265,7 +129815,7 @@
                 "text": "'none' | 'reserve'"
               },
               "default": "'none'",
-              "description": "Whether to reserve space for an error message.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
+              "description": "Whether to reserve space for an error message, hint or text-counter.\n`none` does not reserve any space.\n`reserve` does reserve one row for an error message.",
               "fieldName": "errorSpace",
               "inheritedFrom": {
                 "name": "SbbFormFieldElement",
@@ -129392,6 +129942,14 @@
                 "name": "SbbFormFieldElement",
                 "module": "form-field/form-field/form-field.component.js"
               }
+            },
+            {
+              "description": "Use this slot to render an `<sbb-hint>` or an `<sbb-form-field-text-counter>` element.",
+              "name": "hint",
+              "inheritedFrom": {
+                "name": "SbbFormFieldElement",
+                "module": "form-field/form-field/form-field.component.js"
+              }
             }
           ],
           "cssProperties": [