@db-ux/wc-core-components 2.0.0-0-custom-select-16b8cce → 2.0.0

package/dist/web-types.json

@@ -8,7 +8,7 @@
       "elements": [
         {
           "name": "db-button",
-          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/button/properties",
           "attributes": [
             {
@@ -29,7 +29,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -44,7 +44,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "size",
@@ -71,13 +71,18 @@
             {
               "name": "no-text",
               "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "name",
               "description": "The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.",
               "value": { "type": "string" }
             },
+            {
+              "name": "form",
+              "description": "Associates the control with a form element",
+              "value": { "type": "string" }
+            },
             {
               "name": "value",
               "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
@@ -105,7 +110,12 @@
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [{ "name": "onClick", "type": "any" }],
+          "events": [
+            {
+              "name": "click",
+              "type": "EventEmitter<\n    Parameters<Required<DBButtonProps>[\"onClick\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -126,7 +136,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
@@ -141,7 +151,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "size",
@@ -166,13 +176,18 @@
               {
                 "name": "noText",
                 "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "name",
                 "description": "The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.",
                 "type": "string"
               },
+              {
+                "name": "form",
+                "description": "Associates the control with a form element",
+                "type": "string"
+              },
               {
                 "name": "value",
                 "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
@@ -199,12 +214,17 @@
                 "type": "string"
               }
             ],
-            "events": [{ "name": "onClick", "type": "any" }]
+            "events": [
+              {
+                "name": "click",
+                "type": "EventEmitter<\n    Parameters<Required<DBButtonProps>[\"onClick\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
           "name": "db-notification",
-          "description": "\n---\n\n\n### **Events:**\n - **onClose**\n\n### **Slots:**\n - **children** - default slot\n- **image** - The slotImage can be set instead of an icon.\n- **link** - The slotLink can be set for non overlay-notifications",
+          "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - default slot\n- **image** - The slotImage can be set instead of an icon.\n- **link** - The slotLink can be set for non overlay-notifications",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/notification/properties",
           "attributes": [
             {
@@ -242,7 +262,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "link-variant",
@@ -257,7 +277,7 @@
             {
               "name": "show-headline",
               "description": "Enables or disables the visibility of the headline.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "text",
@@ -272,12 +292,12 @@
             {
               "name": "show-timestamp",
               "description": "Enables or disables the visibility of the timestamp.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "closeable",
               "description": "The closeable attribute shows/hides the close button on the top right.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "close-button-id",
@@ -301,7 +321,12 @@
               "description": "The slotLink can be set for non overlay-notifications"
             }
           ],
-          "events": [{ "name": "onClose", "type": "any" }],
+          "events": [
+            {
+              "name": "close",
+              "type": "EventEmitter<\n    Parameters<Required<DBNotificationProps>[\"onClose\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -337,7 +362,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "linkVariant",
@@ -352,7 +377,7 @@
               {
                 "name": "showHeadline",
                 "description": "Enables or disables the visibility of the headline.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "text",
@@ -367,12 +392,12 @@
               {
                 "name": "showTimestamp",
                 "description": "Enables or disables the visibility of the timestamp.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "closeable",
                 "description": "The closeable attribute shows/hides the close button on the top right.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "closeButtonId",
@@ -385,7 +410,12 @@
                 "type": "string"
               }
             ],
-            "events": [{ "name": "onClose", "type": "any" }]
+            "events": [
+              {
+                "name": "close",
+                "type": "EventEmitter<\n    Parameters<Required<DBNotificationProps>[\"onClose\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -424,8 +454,8 @@
             },
             {
               "name": "emphasis",
-              "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
-              "value": { "type": "\"undefined\" | \"origin\"" }
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
             },
             {
               "name": "label",
@@ -469,8 +499,8 @@
               },
               {
                 "name": "emphasis",
-                "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
-                "type": "\"undefined\" | \"origin\""
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
               },
               {
                 "name": "label",
@@ -505,7 +535,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "id",
@@ -536,7 +566,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "id",
@@ -559,7 +589,7 @@
         },
         {
           "name": "db-card",
-          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/card/properties",
           "attributes": [
             {
@@ -591,7 +621,12 @@
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [{ "name": "onClick", "type": "any" }],
+          "events": [
+            {
+              "name": "click",
+              "type": "EventEmitter<\n    Parameters<Required<DBCardProps>[\"onClick\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -620,7 +655,12 @@
                 "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               }
             ],
-            "events": [{ "name": "onClick", "type": "any" }]
+            "events": [
+              {
+                "name": "click",
+                "type": "EventEmitter<\n    Parameters<Required<DBCardProps>[\"onClick\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -658,7 +698,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "text",
@@ -698,7 +738,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "text",
@@ -711,7 +751,7 @@
         },
         {
           "name": "db-checkbox",
-          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n- **blur**\n- **focus**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox/properties",
           "attributes": [
             {
@@ -719,6 +759,11 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "message",
               "description": "Optional helper message for form components",
@@ -727,41 +772,33 @@
             {
               "name": "show-message",
               "description": "Enables or disables the visibility of the message.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "indeterminate",
               "description": "Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "checked",
               "description": "Define the radio or checkbox elements checked state",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
             },
-            { "name": "change", "value": { "type": "functiontype" } },
             {
               "name": "validation",
               "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
               "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
             },
-            {
-              "name": "invalid-message",
-              "description": "Helper message for invalid form components",
-              "value": { "type": "string" }
-            },
             {
               "name": "required",
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "valid-message",
-              "description": "Helper message for valid form components",
-              "value": { "type": "string" }
+              "value": { "type": "boolean | string" }
             },
-            { "name": "blur", "value": { "type": "functiontype" } },
-            { "name": "focus", "value": { "type": "functiontype" } },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -775,7 +812,7 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "name",
@@ -785,7 +822,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "value",
@@ -805,9 +842,18 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onChange", "type": "any" },
-            { "name": "onBlur", "type": "any" },
-            { "name": "onFocus", "type": "any" }
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "blur",
+              "type": "EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onBlur\"]>[number]\n  > | void"
+            },
+            {
+              "name": "focus",
+              "type": "EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onFocus\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -816,6 +862,11 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
               {
                 "name": "message",
                 "description": "Optional helper message for form components",
@@ -824,41 +875,33 @@
               {
                 "name": "showMessage",
                 "description": "Enables or disables the visibility of the message.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "indeterminate",
                 "description": "Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "checked",
                 "description": "Define the radio or checkbox elements checked state",
-                "type": "boolean"
+                "type": "boolean | string"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
               },
-              { "name": "change", "type": "functiontype" },
               {
                 "name": "validation",
                 "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
                 "type": "\"invalid\" | \"valid\" | \"no-validation\""
               },
-              {
-                "name": "invalidMessage",
-                "description": "Helper message for invalid form components",
-                "type": "string"
-              },
               {
                 "name": "required",
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
-              },
-              {
-                "name": "validMessage",
-                "description": "Helper message for valid form components",
-                "type": "string"
+                "type": "boolean | string"
               },
-              { "name": "blur", "type": "functiontype" },
-              { "name": "focus", "type": "functiontype" },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -872,7 +915,7 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "name",
@@ -882,7 +925,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "value",
@@ -904,13 +947,23 @@
               { "name": "_messageId" },
               { "name": "_validMessageId" },
               { "name": "_invalidMessageId" },
+              { "name": "_invalidMessage" },
               { "name": "_descByIds", "type": "string" },
               { "name": "_voiceOverFallback", "type": "string" }
             ],
             "events": [
-              { "name": "onChange", "type": "any" },
-              { "name": "onBlur", "type": "any" },
-              { "name": "onFocus", "type": "any" }
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onBlur\"]>[number]\n  > | void"
+              },
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBCheckboxProps>[\"onFocus\"]>[number]\n  > | void"
+              }
             ]
           }
         },
@@ -996,7 +1049,7 @@
             {
               "name": "open",
               "description": "The open attribute opens or closes the drawer based on the state.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "backdrop",
@@ -1040,7 +1093,7 @@
             {
               "name": "rounded",
               "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "close-button-id",
@@ -1060,13 +1113,18 @@
               "description": "Slot for changing the header of the drawer."
             }
           ],
-          "events": [{ "name": "close", "type": "any" }],
+          "events": [
+            {
+              "name": "close",
+              "type": "EventEmitter<\n    Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
                 "name": "open",
                 "description": "The open attribute opens or closes the drawer based on the state.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "backdrop",
@@ -1106,7 +1164,7 @@
               {
                 "name": "rounded",
                 "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "closeButtonId",
@@ -1119,12 +1177,17 @@
                 "type": "string"
               }
             ],
-            "events": [{ "name": "close", "type": "any" }]
+            "events": [
+              {
+                "name": "close",
+                "type": "EventEmitter<\n    Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
           "name": "db-header",
-          "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **metaNavigation** - Slot to pass in a meta navigation.\nDesktop: Above the regular header\nMobile: Inside the drawer\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown seperated by divider at the end of the header\nMobile: Shown inside the drawer at the bottom.\n- **brand** - Slot to pass in the DBBrand component\n- **primaryAction** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the brand",
+          "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - default slot\n- **metaNavigation** - Slot to pass in a meta navigation.\nDesktop: Above the regular header\nMobile: Inside the drawer\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown seperated by divider at the end of the header\nMobile: Shown inside the drawer at the bottom.\n- **brand** - Slot to pass in the DBBrand component\n- **primaryAction** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the brand",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header/properties",
           "attributes": [
             {
@@ -1135,12 +1198,12 @@
             {
               "name": "force-mobile",
               "description": "Forces the header to use mobile layout for desktop as well.\nYou should only use this setting if you really can't provide a smaller navigation.\nOverwrite size of the drawer with '--db-drawer-max-width: xxx'",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "drawer-open",
               "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "classname",
@@ -1179,7 +1242,12 @@
               "description": "Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the brand"
             }
           ],
-          "events": [{ "name": "onToggle", "type": "any" }],
+          "events": [
+            {
+              "name": "toggle",
+              "type": "EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -1190,12 +1258,12 @@
               {
                 "name": "forceMobile",
                 "description": "Forces the header to use mobile layout for desktop as well.\nYou should only use this setting if you really can't provide a smaller navigation.\nOverwrite size of the drawer with '--db-drawer-max-width: xxx'",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "drawerOpen",
                 "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "className",
@@ -1216,7 +1284,12 @@
               { "name": "initialized", "type": "boolean" },
               { "name": "forcedToMobile", "type": "boolean" }
             ],
-            "events": [{ "name": "onToggle", "type": "any" }]
+            "events": [
+              {
+                "name": "toggle",
+                "type": "EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -1293,7 +1366,7 @@
         },
         {
           "name": "db-input",
-          "description": "\n---\n\n\n### **Events:**\n - **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**\n- **blur**\n- **focus**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/input/properties",
           "attributes": [
             {
@@ -1301,6 +1374,11 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "data-list-id",
               "description": "Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.",
@@ -1314,39 +1392,37 @@
             {
               "name": "show-message",
               "description": "Enables or disables the visibility of the message.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "value",
               "description": "The value property is to receive results from the native form element.",
               "value": { "type": "any" }
             },
-            { "name": "input", "value": { "type": "functiontype" } },
-            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "validation",
               "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
               "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
             },
-            {
-              "name": "invalid-message",
-              "description": "Helper message for invalid form components",
-              "value": { "type": "string" }
-            },
             {
               "name": "required",
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "min-length",
               "description": "Minimum length (number of characters) of value",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "max-length",
               "description": "Maximum length (number of characters) of value",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "pattern",
@@ -1354,12 +1430,10 @@
               "value": { "type": "string" }
             },
             {
-              "name": "valid-message",
-              "description": "Helper message for valid form components",
-              "value": { "type": "string" }
+              "name": "data-list",
+              "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
+              "value": { "type": "string[] | ValueLabelType[]" }
             },
-            { "name": "blur", "value": { "type": "functiontype" } },
-            { "name": "focus", "value": { "type": "functiontype" } },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -1373,12 +1447,12 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "icon",
@@ -1415,13 +1489,23 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "step",
               "description": "Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",
               "value": { "type": "number | string" }
             },
+            {
+              "name": "maxlength",
+              "description": "Maximum length (number of characters) of value",
+              "value": { "type": "number | string" }
+            },
+            {
+              "name": "minlength",
+              "description": "Minimum length (number of characters) of value",
+              "value": { "type": "number | string" }
+            },
             {
               "name": "max",
               "description": "Maximum value",
@@ -1435,7 +1519,12 @@
             {
               "name": "read-only",
               "description": "The disabled attribute can be set to keep a user from edit on the form element",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "readonly",
+              "description": "The disabled attribute can be set to keep a user from edit on the form element",
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "form",
@@ -1457,12 +1546,7 @@
             {
               "name": "autofocus",
               "description": "Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "data-list",
-              "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
-              "value": { "type": "string[] | ValueLabelType[]" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "aria-described-by",
@@ -1477,10 +1561,22 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onInput", "type": "any" },
-            { "name": "onChange", "type": "any" },
-            { "name": "onBlur", "type": "any" },
-            { "name": "onFocus", "type": "any" }
+            {
+              "name": "input",
+              "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onInput\"]>[number]\n  > | void"
+            },
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "blur",
+              "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onBlur\"]>[number]\n  > | void"
+            },
+            {
+              "name": "focus",
+              "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -1489,6 +1585,11 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
               {
                 "name": "dataListId",
                 "description": "Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.",
@@ -1502,39 +1603,37 @@
               {
                 "name": "showMessage",
                 "description": "Enables or disables the visibility of the message.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "value",
                 "description": "The value property is to receive results from the native form element.",
                 "type": "any"
               },
-              { "name": "input", "type": "functiontype" },
-              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
               {
                 "name": "validation",
                 "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
                 "type": "\"invalid\" | \"valid\" | \"no-validation\""
               },
-              {
-                "name": "invalidMessage",
-                "description": "Helper message for invalid form components",
-                "type": "string"
-              },
               {
                 "name": "required",
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "minLength",
                 "description": "Minimum length (number of characters) of value",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "maxLength",
                 "description": "Maximum length (number of characters) of value",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "pattern",
@@ -1542,12 +1641,10 @@
                 "type": "string"
               },
               {
-                "name": "validMessage",
-                "description": "Helper message for valid form components",
-                "type": "string"
+                "name": "dataList",
+                "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
+                "type": "string[] | ValueLabelType[]"
               },
-              { "name": "blur", "type": "functiontype" },
-              { "name": "focus", "type": "functiontype" },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -1561,12 +1658,12 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "icon",
@@ -1601,13 +1698,23 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "step",
                 "description": "Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",
                 "type": "number | string"
               },
+              {
+                "name": "maxlength",
+                "description": "Maximum length (number of characters) of value",
+                "type": "number | string"
+              },
+              {
+                "name": "minlength",
+                "description": "Minimum length (number of characters) of value",
+                "type": "number | string"
+              },
               {
                 "name": "max",
                 "description": "Maximum value",
@@ -1621,7 +1728,12 @@
               {
                 "name": "readOnly",
                 "description": "The disabled attribute can be set to keep a user from edit on the form element",
-                "type": "boolean"
+                "type": "boolean | string"
+              },
+              {
+                "name": "readonly",
+                "description": "The disabled attribute can be set to keep a user from edit on the form element",
+                "type": "boolean | string"
               },
               {
                 "name": "form",
@@ -1641,12 +1753,7 @@
               {
                 "name": "autofocus",
                 "description": "Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)",
-                "type": "boolean"
-              },
-              {
-                "name": "dataList",
-                "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
-                "type": "string[] | ValueLabelType[]"
+                "type": "boolean | string"
               },
               {
                 "name": "ariaDescribedBy",
@@ -1662,22 +1769,35 @@
               { "name": "_messageId" },
               { "name": "_validMessageId" },
               { "name": "_invalidMessageId" },
+              { "name": "_invalidMessage" },
               { "name": "_dataListId" },
               { "name": "_descByIds", "type": "string" },
               { "name": "_value", "type": "string" },
               { "name": "_voiceOverFallback", "type": "string" }
             ],
             "events": [
-              { "name": "onInput", "type": "any" },
-              { "name": "onChange", "type": "any" },
-              { "name": "onBlur", "type": "any" },
-              { "name": "onFocus", "type": "any" }
+              {
+                "name": "input",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onInput\"]>[number]\n  > | void"
+              },
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onBlur\"]>[number]\n  > | void"
+              },
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n  > | void"
+              }
             ]
           }
         },
         {
           "name": "db-link",
-          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/link/properties",
           "attributes": [
             {
@@ -1720,12 +1840,12 @@
             {
               "name": "disabled",
               "description": "Disables the link.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "selected",
               "description": "Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -1747,7 +1867,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "variant",
@@ -1766,7 +1886,12 @@
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [{ "name": "onClick", "type": "any" }],
+          "events": [
+            {
+              "name": "click",
+              "type": "EventEmitter<\n    Parameters<Required<DBLinkProps>[\"onClick\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -1807,12 +1932,12 @@
               {
                 "name": "disabled",
                 "description": "Disables the link.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "selected",
                 "description": "Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
@@ -1832,7 +1957,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "variant",
@@ -1850,7 +1975,12 @@
                 "type": "string"
               }
             ],
-            "events": [{ "name": "onClick", "type": "any" }]
+            "events": [
+              {
+                "name": "click",
+                "type": "EventEmitter<\n    Parameters<Required<DBLinkProps>[\"onClick\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -1861,7 +1991,7 @@
             {
               "name": "fade-in",
               "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "document-overflow",
@@ -1906,7 +2036,7 @@
               {
                 "name": "fadeIn",
                 "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "documentOverflow",
@@ -1940,7 +2070,7 @@
         },
         {
           "name": "db-radio",
-          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n- **blur**\n- **focus**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/radio/properties",
           "attributes": [
             {
@@ -1951,11 +2081,8 @@
             {
               "name": "checked",
               "description": "Define the radio or checkbox elements checked state",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
-            { "name": "change", "value": { "type": "functiontype" } },
-            { "name": "blur", "value": { "type": "functiontype" } },
-            { "name": "focus", "value": { "type": "functiontype" } },
             {
               "name": "size",
               "description": "The size attribute changes the font-size and other related sizes of the component.",
@@ -1964,7 +2091,7 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "classname",
@@ -1984,7 +2111,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             { "name": "describedbyid", "value": { "type": "string" } },
             {
@@ -1995,7 +2122,7 @@
             {
               "name": "required",
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -2005,9 +2132,18 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onChange", "type": "any" },
-            { "name": "onBlur", "type": "any" },
-            { "name": "onFocus", "type": "any" }
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "blur",
+              "type": "EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onBlur\"]>[number]\n  > | void"
+            },
+            {
+              "name": "focus",
+              "type": "EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onFocus\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -2019,11 +2155,8 @@
               {
                 "name": "checked",
                 "description": "Define the radio or checkbox elements checked state",
-                "type": "boolean"
+                "type": "boolean | string"
               },
-              { "name": "change", "type": "functiontype" },
-              { "name": "blur", "type": "functiontype" },
-              { "name": "focus", "type": "functiontype" },
               {
                 "name": "size",
                 "description": "The size attribute changes the font-size and other related sizes of the component.",
@@ -2032,7 +2165,7 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "className",
@@ -2052,7 +2185,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               { "name": "describedbyid", "type": "string" },
               {
@@ -2063,7 +2196,7 @@
               {
                 "name": "required",
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
@@ -2074,9 +2207,18 @@
               { "name": "_id" }
             ],
             "events": [
-              { "name": "onChange", "type": "any" },
-              { "name": "onBlur", "type": "any" },
-              { "name": "onFocus", "type": "any" }
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onBlur\"]>[number]\n  > | void"
+              },
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBRadioProps>[\"onFocus\"]>[number]\n  > | void"
+              }
             ]
           }
         },
@@ -2141,7 +2283,7 @@
         },
         {
           "name": "db-select",
-          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n- **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n- **input**\n- **change**\n- **blur**\n- **focus**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/select/properties",
           "attributes": [
             {
@@ -2149,6 +2291,11 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "message",
               "description": "Optional helper message for form components",
@@ -2157,37 +2304,28 @@
             {
               "name": "show-message",
               "description": "Enables or disables the visibility of the message.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "value",
               "description": "The value property is to receive results from the native form element.",
               "value": { "type": "any" }
             },
-            { "name": "input", "value": { "type": "functiontype" } },
-            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "validation",
               "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
               "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
             },
-            {
-              "name": "invalid-message",
-              "description": "Helper message for invalid form components",
-              "value": { "type": "string" }
-            },
             {
               "name": "required",
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
-            {
-              "name": "valid-message",
-              "description": "Helper message for valid form components",
-              "value": { "type": "string" }
-            },
-            { "name": "blur", "value": { "type": "functiontype" } },
-            { "name": "focus", "value": { "type": "functiontype" } },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -2201,7 +2339,7 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "icon",
@@ -2211,7 +2349,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -2221,7 +2359,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "name",
@@ -2263,11 +2401,26 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onClick", "type": "any" },
-            { "name": "onInput", "type": "any" },
-            { "name": "onChange", "type": "any" },
-            { "name": "onBlur", "type": "any" },
-            { "name": "onFocus", "type": "any" }
+            {
+              "name": "click",
+              "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void"
+            },
+            {
+              "name": "input",
+              "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void"
+            },
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "blur",
+              "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void"
+            },
+            {
+              "name": "focus",
+              "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -2276,6 +2429,11 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
               {
                 "name": "message",
                 "description": "Optional helper message for form components",
@@ -2284,37 +2442,28 @@
               {
                 "name": "showMessage",
                 "description": "Enables or disables the visibility of the message.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "value",
                 "description": "The value property is to receive results from the native form element.",
                 "type": "any"
               },
-              { "name": "input", "type": "functiontype" },
-              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
               {
                 "name": "validation",
                 "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
                 "type": "\"invalid\" | \"valid\" | \"no-validation\""
               },
-              {
-                "name": "invalidMessage",
-                "description": "Helper message for invalid form components",
-                "type": "string"
-              },
               {
                 "name": "required",
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
-              {
-                "name": "validMessage",
-                "description": "Helper message for valid form components",
-                "type": "string"
-              },
-              { "name": "blur", "type": "functiontype" },
-              { "name": "focus", "type": "functiontype" },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -2328,7 +2477,7 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "icon",
@@ -2338,7 +2487,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
@@ -2348,7 +2497,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "name",
@@ -2389,6 +2538,7 @@
               { "name": "_messageId" },
               { "name": "_validMessageId" },
               { "name": "_invalidMessageId" },
+              { "name": "_invalidMessage" },
               { "name": "_placeholderId", "type": "string" },
               { "name": "_descByIds", "type": "string" },
               { "name": "_value", "type": "string" },
@@ -2396,17 +2546,32 @@
               { "name": "_voiceOverFallback", "type": "string" }
             ],
             "events": [
-              { "name": "onClick", "type": "any" },
-              { "name": "onInput", "type": "any" },
-              { "name": "onChange", "type": "any" },
-              { "name": "onBlur", "type": "any" },
-              { "name": "onFocus", "type": "any" }
+              {
+                "name": "click",
+                "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void"
+              },
+              {
+                "name": "input",
+                "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void"
+              },
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void"
+              },
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void"
+              }
             ]
           }
         },
         {
           "name": "db-switch",
-          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n- **blur**\n- **focus**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/switch/properties",
           "attributes": [
             {
@@ -2417,15 +2582,12 @@
             {
               "name": "checked",
               "description": "Define the radio or checkbox elements checked state",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
-            { "name": "change", "value": { "type": "functiontype" } },
-            { "name": "blur", "value": { "type": "functiontype" } },
-            { "name": "focus", "value": { "type": "functiontype" } },
             {
               "name": "visual-aid",
               "description": "Add additional icons to indicate active/inactive state.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "size",
@@ -2435,7 +2597,7 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "emphasis",
@@ -2455,7 +2617,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "describedbyid",
@@ -2475,7 +2637,7 @@
             {
               "name": "required",
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "icon",
@@ -2495,9 +2657,18 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onChange", "type": "any" },
-            { "name": "onBlur", "type": "any" },
-            { "name": "onFocus", "type": "any" }
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "blur",
+              "type": "EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void"
+            },
+            {
+              "name": "focus",
+              "type": "EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -2509,15 +2680,12 @@
               {
                 "name": "checked",
                 "description": "Define the radio or checkbox elements checked state",
-                "type": "boolean"
+                "type": "boolean | string"
               },
-              { "name": "change", "type": "functiontype" },
-              { "name": "blur", "type": "functiontype" },
-              { "name": "focus", "type": "functiontype" },
               {
                 "name": "visualAid",
                 "description": "Add additional icons to indicate active/inactive state.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "size",
@@ -2527,7 +2695,7 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "emphasis",
@@ -2547,7 +2715,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "describedbyid",
@@ -2567,7 +2735,7 @@
               {
                 "name": "required",
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "icon",
@@ -2588,23 +2756,36 @@
               { "name": "_checked", "type": "boolean" }
             ],
             "events": [
-              { "name": "onChange", "type": "any" },
-              { "name": "onBlur", "type": "any" },
-              { "name": "onFocus", "type": "any" }
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onBlur\"]>[number]\n  > | void"
+              },
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBSwitchProps>[\"onFocus\"]>[number]\n  > | void"
+              }
             ]
           }
         },
         {
           "name": "db-tab-item",
-          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tab-item/properties",
           "attributes": [
             {
               "name": "active",
               "description": "If the tab is checked/active.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the element to group it.",
+              "value": { "type": "string" }
             },
-            { "name": "change", "value": { "type": "functiontype" } },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -2628,17 +2809,17 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "no-text",
               "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "controls",
@@ -2648,7 +2829,7 @@
             {
               "name": "checked",
               "description": "To control the component",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -2657,15 +2838,24 @@
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [{ "name": "onChange", "type": "any" }],
+          "events": [
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBTabItemProps>[\"onChange\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
                 "name": "active",
                 "description": "If the tab is checked/active.",
-                "type": "boolean"
+                "type": "boolean | string"
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the element to group it.",
+                "type": "string"
               },
-              { "name": "change", "type": "functiontype" },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -2689,17 +2879,17 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "noText",
                 "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "controls",
@@ -2709,17 +2899,23 @@
               {
                 "name": "checked",
                 "description": "To control the component",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
                 "description": "The label of the tab-item, if you don't want to use children.",
                 "type": "string"
               },
-              { "name": "initialized", "type": "boolean" },
-              { "name": "_selected", "type": "boolean" }
+              { "name": "_selected", "type": "boolean" },
+              { "name": "_name" },
+              { "name": "initialized", "type": "boolean" }
             ],
-            "events": [{ "name": "onChange", "type": "any" }]
+            "events": [
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBTabItemProps>[\"onChange\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -2730,7 +2926,7 @@
             {
               "name": "disabled",
               "description": "",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "remove-button",
@@ -2756,8 +2952,8 @@
             },
             {
               "name": "emphasis",
-              "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
-              "value": { "type": "\"undefined\" | \"origin\"" }
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
             },
             {
               "name": "icon",
@@ -2767,22 +2963,22 @@
             {
               "name": "show-check-state",
               "description": "Enable/Disable icon for checkbox/radio inside tag.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "no-text",
               "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "overflow",
               "description": "The overflow attribute sets a max-width and longer text will be dotted.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "text",
@@ -2802,10 +2998,19 @@
               "description": "Default slot which is used to pass in additional content."
             }
           ],
-          "events": [{ "name": "remove", "type": "any" }],
+          "events": [
+            {
+              "name": "remove",
+              "type": "EventEmitter<\n    Parameters<Required<DBTagProps>[\"remove\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
-              { "name": "disabled", "description": "", "type": "boolean" },
+              {
+                "name": "disabled",
+                "description": "",
+                "type": "boolean | string"
+              },
               {
                 "name": "removeButton",
                 "description": "The removeButton attribute shows the cancel button.",
@@ -2828,8 +3033,8 @@
               },
               {
                 "name": "emphasis",
-                "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
-                "type": "\"undefined\" | \"origin\""
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
               },
               {
                 "name": "icon",
@@ -2839,22 +3044,22 @@
               {
                 "name": "showCheckState",
                 "description": "Enable/Disable icon for checkbox/radio inside tag.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "noText",
                 "description": "Define the text next to the icon specified via the icon Property to get hidden.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "overflow",
                 "description": "The overflow attribute sets a max-width and longer text will be dotted.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "text",
@@ -2868,12 +3073,17 @@
               },
               { "name": "initialized", "type": "boolean" }
             ],
-            "events": [{ "name": "remove", "type": "any" }]
+            "events": [
+              {
+                "name": "remove",
+                "type": "EventEmitter<\n    Parameters<Required<DBTagProps>[\"remove\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
           "name": "db-textarea",
-          "description": "\n---\n\n\n### **Events:**\n - **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**\n- **blur**\n- **focus**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/textarea/properties",
           "attributes": [
             {
@@ -2881,6 +3091,11 @@
               "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
               "value": { "type": "string" }
             },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "message",
               "description": "Optional helper message for form components",
@@ -2889,47 +3104,38 @@
             {
               "name": "show-message",
               "description": "Enables or disables the visibility of the message.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "value",
               "description": "The value property is to receive results from the native form element.",
               "value": { "type": "any" }
             },
-            { "name": "input", "value": { "type": "functiontype" } },
-            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
             {
               "name": "validation",
               "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
               "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
             },
-            {
-              "name": "invalid-message",
-              "description": "Helper message for invalid form components",
-              "value": { "type": "string" }
-            },
             {
               "name": "required",
               "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "min-length",
               "description": "Minimum length (number of characters) of value",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "max-length",
               "description": "Maximum length (number of characters) of value",
-              "value": { "type": "number" }
-            },
-            {
-              "name": "valid-message",
-              "description": "Helper message for valid form components",
-              "value": { "type": "string" }
+              "value": { "type": "number | string" }
             },
-            { "name": "blur", "value": { "type": "functiontype" } },
-            { "name": "focus", "value": { "type": "functiontype" } },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -2943,7 +3149,7 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -2960,18 +3166,33 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "read-only",
               "description": "The disabled attribute can be set to keep a user from edit on the form element",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "readonly",
+              "description": "The disabled attribute can be set to keep a user from edit on the form element",
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "form",
               "description": "Associates the control with a form element",
               "value": { "type": "string" }
             },
+            {
+              "name": "maxlength",
+              "description": "Maximum length (number of characters) of value",
+              "value": { "type": "number | string" }
+            },
+            {
+              "name": "minlength",
+              "description": "Minimum length (number of characters) of value",
+              "value": { "type": "number | string" }
+            },
             {
               "name": "name",
               "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
@@ -3002,12 +3223,12 @@
             {
               "name": "rows",
               "description": "The number of visible text lines for the control. If it is specified, it must be a positive integer",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "cols",
               "description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "message-icon",
@@ -3017,10 +3238,22 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onInput", "type": "any" },
-            { "name": "onChange", "type": "any" },
-            { "name": "onBlur", "type": "any" },
-            { "name": "onFocus", "type": "any" }
+            {
+              "name": "input",
+              "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onInput\"]>[number]\n  > | void"
+            },
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "blur",
+              "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onBlur\"]>[number]\n  > | void"
+            },
+            {
+              "name": "focus",
+              "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onFocus\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -3029,6 +3262,11 @@
                 "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
                 "type": "string"
               },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
               {
                 "name": "message",
                 "description": "Optional helper message for form components",
@@ -3037,47 +3275,38 @@
               {
                 "name": "showMessage",
                 "description": "Enables or disables the visibility of the message.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "value",
                 "description": "The value property is to receive results from the native form element.",
                 "type": "any"
               },
-              { "name": "input", "type": "functiontype" },
-              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
               {
                 "name": "validation",
                 "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
                 "type": "\"invalid\" | \"valid\" | \"no-validation\""
               },
-              {
-                "name": "invalidMessage",
-                "description": "Helper message for invalid form components",
-                "type": "string"
-              },
               {
                 "name": "required",
                 "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "minLength",
                 "description": "Minimum length (number of characters) of value",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "maxLength",
                 "description": "Maximum length (number of characters) of value",
-                "type": "number"
-              },
-              {
-                "name": "validMessage",
-                "description": "Helper message for valid form components",
-                "type": "string"
+                "type": "number | string"
               },
-              { "name": "blur", "type": "functiontype" },
-              { "name": "focus", "type": "functiontype" },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -3091,7 +3320,7 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
@@ -3106,18 +3335,33 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "readOnly",
                 "description": "The disabled attribute can be set to keep a user from edit on the form element",
-                "type": "boolean"
+                "type": "boolean | string"
+              },
+              {
+                "name": "readonly",
+                "description": "The disabled attribute can be set to keep a user from edit on the form element",
+                "type": "boolean | string"
               },
               {
                 "name": "form",
                 "description": "Associates the control with a form element",
                 "type": "string"
               },
+              {
+                "name": "maxlength",
+                "description": "Maximum length (number of characters) of value",
+                "type": "number | string"
+              },
+              {
+                "name": "minlength",
+                "description": "Minimum length (number of characters) of value",
+                "type": "number | string"
+              },
               {
                 "name": "name",
                 "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
@@ -3146,12 +3390,12 @@
               {
                 "name": "rows",
                 "description": "The number of visible text lines for the control. If it is specified, it must be a positive integer",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "cols",
                 "description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "messageIcon",
@@ -3162,27 +3406,40 @@
               { "name": "_messageId" },
               { "name": "_validMessageId" },
               { "name": "_invalidMessageId" },
+              { "name": "_invalidMessage" },
               { "name": "_descByIds", "type": "string" },
               { "name": "_value", "type": "string" },
               { "name": "_voiceOverFallback", "type": "string" }
             ],
             "events": [
-              { "name": "onInput", "type": "any" },
-              { "name": "onChange", "type": "any" },
-              { "name": "onBlur", "type": "any" },
-              { "name": "onFocus", "type": "any" }
+              {
+                "name": "input",
+                "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onInput\"]>[number]\n  > | void"
+              },
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onBlur\"]>[number]\n  > | void"
+              },
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBTextareaProps>[\"onFocus\"]>[number]\n  > | void"
+              }
             ]
           }
         },
         {
           "name": "db-navigation-item",
-          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot\n- **subNavigation** - React-specific property to pass in a slot for sub-navigation",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot\n- **subNavigation** - React-specific property to pass in a slot for sub-navigation",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item/properties",
           "attributes": [
             {
               "name": "sub-navigation-expanded",
               "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "id",
@@ -3207,7 +3464,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "active",
@@ -3217,7 +3474,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "text",
@@ -3242,13 +3499,18 @@
               "description": "React-specific property to pass in a slot for sub-navigation"
             }
           ],
-          "events": [{ "name": "onClick", "type": "any" }],
+          "events": [
+            {
+              "name": "click",
+              "type": "EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
                 "name": "subNavigationExpanded",
                 "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "id",
@@ -3273,7 +3535,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "active",
@@ -3283,7 +3545,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "text",
@@ -3308,12 +3570,17 @@
               { "name": "subNavigationId" },
               { "name": "navigationItemSafeTriangle" }
             ],
-            "events": [{ "name": "onClick", "type": "any" }]
+            "events": [
+              {
+                "name": "click",
+                "type": "EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
           "name": "db-accordion-item",
-          "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **headline** - Title of the accordion-item as slot",
+          "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - default slot\n- **headline** - Title of the accordion-item as slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion-item/properties",
           "attributes": [
             {
@@ -3326,6 +3593,11 @@
               "description": "Initial state for the accordion item",
               "value": { "type": "string" }
             },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the element to group it.",
+              "value": { "type": "string" }
+            },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -3354,7 +3626,12 @@
               "description": "Title of the accordion-item as slot"
             }
           ],
-          "events": [{ "name": "onToggle", "type": "any" }],
+          "events": [
+            {
+              "name": "toggle",
+              "type": "EventEmitter<\n    Parameters<Required<DBAccordionItemProps>[\"onToggle\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -3366,6 +3643,11 @@
                 "name": "defaultOpen",
                 "description": "Initial state for the accordion item"
               },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the element to group it.",
+                "type": "string"
+              },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -3385,9 +3667,16 @@
                 "type": "string"
               },
               { "name": "_id" },
-              { "name": "_open", "type": "boolean" }
+              { "name": "_open", "type": "boolean" },
+              { "name": "_name" },
+              { "name": "initialized", "type": "boolean" }
             ],
-            "events": [{ "name": "onToggle", "type": "any" }]
+            "events": [
+              {
+                "name": "toggle",
+                "type": "EventEmitter<\n    Parameters<Required<DBAccordionItemProps>[\"onToggle\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -3415,6 +3704,11 @@
               "description": "The index of items which should be open when loading the accordion",
               "value": { "type": "number[]" }
             },
+            {
+              "name": "items",
+              "description": "Alternative to pass in a simple representation of accordion items",
+              "value": { "type": "DBAccordionItemDefaultProps[] | string" }
+            },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -3424,11 +3718,6 @@
               "name": "variant",
               "description": "Defines the display of the accordion and the items:\n\"divider\": with a dividing line between the items\n\"card\": w/o dividing line, but items are shown in the card variant",
               "value": { "type": "\"divider\" | \"card\"" }
-            },
-            {
-              "name": "items",
-              "description": "Alternative to pass in a simple representation of accordion items",
-              "value": { "type": "DBAccordionItemDefaultProps[] | string" }
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
@@ -3455,6 +3744,11 @@
                 "description": "The index of items which should be open when loading the accordion",
                 "type": "number[]"
               },
+              {
+                "name": "items",
+                "description": "Alternative to pass in a simple representation of accordion items",
+                "type": "DBAccordionItemDefaultProps[] | string"
+              },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
@@ -3465,11 +3759,6 @@
                 "description": "Defines the display of the accordion and the items:\n\"divider\": with a dividing line between the items\n\"card\": w/o dividing line, but items are shown in the card variant",
                 "type": "\"divider\" | \"card\""
               },
-              {
-                "name": "items",
-                "description": "Alternative to pass in a simple representation of accordion items",
-                "type": "DBAccordionItemDefaultProps[] | string"
-              },
               { "name": "_id" },
               { "name": "_name", "type": "string" },
               { "name": "initialized", "type": "boolean" },
@@ -3548,17 +3837,17 @@
             {
               "name": "gap",
               "description": "If the absolute element should have a gap between the parent element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "animation",
               "description": "Disable animation",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "open",
               "description": "Use open to disable the default hover/focus behavior to use it on click or other trigger.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "delay",
@@ -3604,17 +3893,17 @@
               {
                 "name": "gap",
                 "description": "If the absolute element should have a gap between the parent element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "animation",
                 "description": "Disable animation",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "open",
                 "description": "Use open to disable the default hover/focus behavior to use it on click or other trigger.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "delay",
@@ -3660,7 +3949,7 @@
             {
               "name": "animation",
               "description": "Disable animation",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "delay",
@@ -3672,7 +3961,7 @@
               "description": "Use fixed with for default max-width",
               "value": { "type": "\"auto\" | \"fixed\"" }
             },
-            { "name": "show-arrow", "value": { "type": "boolean" } },
+            { "name": "show-arrow", "value": { "type": "boolean | string" } },
             {
               "name": "placement",
               "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
@@ -3701,7 +3990,7 @@
               {
                 "name": "animation",
                 "description": "Disable animation",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "delay",
@@ -3713,7 +4002,7 @@
                 "description": "Use fixed with for default max-width",
                 "type": "\"auto\" | \"fixed\""
               },
-              { "name": "showArrow", "type": "boolean" },
+              { "name": "showArrow", "type": "boolean | string" },
               {
                 "name": "placement",
                 "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
@@ -3816,7 +4105,7 @@
         },
         {
           "name": "db-tabs",
-          "description": "\n---\n\n\n### **Events:**\n - **onIndexChange**\n- **onTabSelect**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **indexChange**\n- **tabSelect**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tabs/properties",
           "attributes": [
             {
@@ -3829,10 +4118,15 @@
               "description": "The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.",
               "value": { "type": "string" }
             },
+            {
+              "name": "tabs",
+              "description": "Provide simple tabs with label + text as content",
+              "value": { "type": "DBSimpleTabProps[] | string" }
+            },
             {
               "name": "arrow-scroll-distance",
               "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "orientation",
@@ -3852,7 +4146,7 @@
             {
               "name": "initial-selected-index",
               "description": "Default behavior is auto selecting the first tab, change selected tab by index",
-              "value": { "type": "number" }
+              "value": { "type": "number | string" }
             },
             {
               "name": "classname",
@@ -3868,17 +4162,18 @@
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
               "value": { "type": "\"full\" | \"auto\" | string" }
-            },
-            {
-              "name": "tabs",
-              "description": "Provide simple tabs with label + text as content",
-              "value": { "type": "DBSimpleTabProps[] | string" }
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onIndexChange", "type": "any" },
-            { "name": "onTabSelect", "type": "any" }
+            {
+              "name": "indexChange",
+              "type": "EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "tabSelect",
+              "type": "EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -3892,10 +4187,15 @@
                 "description": "The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.",
                 "type": "string"
               },
+              {
+                "name": "tabs",
+                "description": "Provide simple tabs with label + text as content",
+                "type": "DBSimpleTabProps[] | string"
+              },
               {
                 "name": "arrowScrollDistance",
                 "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "orientation",
@@ -3915,7 +4215,7 @@
               {
                 "name": "initialSelectedIndex",
                 "description": "Default behavior is auto selecting the first tab, change selected tab by index",
-                "type": "number"
+                "type": "number | string"
               },
               {
                 "name": "className",
@@ -3932,11 +4232,6 @@
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
                 "type": "\"full\" | \"auto\" | string"
               },
-              {
-                "name": "tabs",
-                "description": "Provide simple tabs with label + text as content",
-                "type": "DBSimpleTabProps[] | string"
-              },
               { "name": "_id" },
               { "name": "_name", "type": "string" },
               { "name": "initialized", "type": "boolean" },
@@ -3945,8 +4240,14 @@
               { "name": "scrollContainer", "type": "null" }
             ],
             "events": [
-              { "name": "onIndexChange", "type": "any" },
-              { "name": "onTabSelect", "type": "any" }
+              {
+                "name": "indexChange",
+                "type": "EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onIndexChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "tabSelect",
+                "type": "EventEmitter<\n    Parameters<Required<DBTabsProps>[\"onTabSelect\"]>[number]\n  > | void"
+              }
             ]
           }
         },
@@ -3999,7 +4300,7 @@
             {
               "name": "wrap",
               "description": "If the stack should wrap if parent is too small otherwise you get an overflow",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
@@ -4044,7 +4345,7 @@
               {
                 "name": "wrap",
                 "description": "If the stack should wrap if parent is too small otherwise you get an overflow",
-                "type": "boolean"
+                "type": "boolean | string"
               }
             ],
             "events": []
@@ -4090,7 +4391,7 @@
         },
         {
           "name": "db-custom-select-list-item",
-          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **change**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-list-item/properties",
           "attributes": [
             {
@@ -4108,7 +4409,6 @@
               "description": "Show a divider on the bottom of the list item for visual grouping (don't use it on every item)",
               "value": { "type": "string" }
             },
-            { "name": "change", "value": { "type": "functiontype" } },
             {
               "name": "type",
               "description": "Change the behavior of the item single(radio) or multiple(checkbox)",
@@ -4117,7 +4417,7 @@
             {
               "name": "checked",
               "description": "Define the radio or checkbox elements checked state",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "classname",
@@ -4137,7 +4437,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "name",
@@ -4147,7 +4447,7 @@
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "value",
@@ -4161,7 +4461,12 @@
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [{ "name": "onChange", "type": "any" }],
+          "events": [
+            {
+              "name": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -4177,7 +4482,6 @@
                 "name": "showDivider",
                 "description": "Show a divider on the bottom of the list item for visual grouping (don't use it on every item)"
               },
-              { "name": "change", "type": "functiontype" },
               {
                 "name": "type",
                 "description": "Change the behavior of the item single(radio) or multiple(checkbox)",
@@ -4186,7 +4490,7 @@
               {
                 "name": "checked",
                 "description": "Define the radio or checkbox elements checked state",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "className",
@@ -4206,7 +4510,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "name",
@@ -4216,7 +4520,7 @@
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "value",
@@ -4231,7 +4535,12 @@
               { "name": "_id" },
               { "name": "hasDivider", "type": "boolean" }
             ],
-            "events": [{ "name": "onChange", "type": "any" }]
+            "events": [
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -4280,7 +4589,7 @@
         },
         {
           "name": "db-custom-select",
-          "description": "\n---\n\n\n### **Events:**\n - **onSelect**\n- **onAmountChange**\n- **onDropdownToggle**\n\n### **Slots:**\n - **children** - default slot",
+          "description": "\n---\n\n\n### **Events:**\n - **amountChange**\n- **dropdownToggle**\n- **optionSelected**\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select/properties",
           "attributes": [
             {
@@ -4289,8 +4598,8 @@
               "value": { "type": "string" }
             },
             {
-              "name": "name",
-              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
               "value": { "type": "string" }
             },
             {
@@ -4301,7 +4610,7 @@
             {
               "name": "show-message",
               "description": "Enables or disables the visibility of the message.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "show-no-results",
@@ -4311,7 +4620,7 @@
             {
               "name": "multiple",
               "description": "Enables CustomSelect",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "show-select-all",
@@ -4333,21 +4642,6 @@
               "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
               "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
             },
-            {
-              "name": "invalid-message",
-              "description": "Helper message for invalid form components",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "required",
-              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "valid-message",
-              "description": "Helper message for valid form components",
-              "value": { "type": "string" }
-            },
             {
               "name": "options",
               "description": "You should pass in the options as an array.",
@@ -4364,13 +4658,18 @@
               "value": { "type": "string" }
             },
             {
-              "name": "select-all-label",
-              "description": "Select all checkbox label",
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
               "value": { "type": "string" }
             },
             {
-              "name": "de-select-all-label",
-              "description": "Deselect all checkbox label",
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "select-all-label",
+              "description": "Select all checkbox label",
               "value": { "type": "string" }
             },
             {
@@ -4384,7 +4683,7 @@
               "value": { "type": "string" }
             },
             {
-              "name": "width",
+              "name": "form-field-width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
               "value": { "type": "\"full\" | \"auto\" | string" }
             },
@@ -4403,7 +4702,7 @@
             {
               "name": "show-label",
               "description": "Enables/disables the visibility of the label",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "icon",
@@ -4413,7 +4712,7 @@
             {
               "name": "show-icon",
               "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "label",
@@ -4425,10 +4724,15 @@
               "description": "Associates the control with a form element",
               "value": { "type": "string" }
             },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
             {
               "name": "disabled",
               "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean" }
+              "value": { "type": "boolean | string" }
             },
             {
               "name": "open",
@@ -4438,7 +4742,7 @@
             {
               "name": "dropdown-width",
               "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nAuto: Based on the size of the form-field",
-              "value": { "type": "\"fixed\" | \"auto\" | \"full\" | 'string'" }
+              "value": { "type": "\"fixed\" | \"auto\" | \"full\" | string" }
             },
             {
               "name": "search-label",
@@ -4455,6 +4759,11 @@
               "description": "Dropdown - enable loading infotext and spinner",
               "value": { "type": "boolean" }
             },
+            {
+              "name": "aria-list-label",
+              "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
+              "value": { "type": "string" }
+            },
             {
               "name": "no-results-text",
               "description": "Dropdown - hint if there are no options",
@@ -4476,7 +4785,7 @@
               "value": { "type": "boolean" }
             },
             {
-              "name": "clear-selection-label",
+              "name": "clear-selection-text",
               "description": "Label for the clear selection button",
               "value": { "type": "string" }
             },
@@ -4493,9 +4802,18 @@
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
           "events": [
-            { "name": "onSelect", "type": "any" },
-            { "name": "onAmountChange", "type": "any" },
-            { "name": "onDropdownToggle", "type": "any" }
+            {
+              "name": "amountChange",
+              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n  > | void"
+            },
+            {
+              "name": "dropdownToggle",
+              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n  > | void"
+            },
+            {
+              "name": "optionSelected",
+              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void"
+            }
           ],
           "js": {
             "properties": [
@@ -4505,8 +4823,8 @@
                 "type": "string"
               },
               {
-                "name": "name",
-                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
                 "type": "string"
               },
               {
@@ -4517,7 +4835,7 @@
               {
                 "name": "showMessage",
                 "description": "Enables or disables the visibility of the message.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "showNoResults",
@@ -4527,7 +4845,7 @@
               {
                 "name": "multiple",
                 "description": "Enables CustomSelect",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "showSelectAll",
@@ -4549,21 +4867,6 @@
                 "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
                 "type": "\"invalid\" | \"valid\" | \"no-validation\""
               },
-              {
-                "name": "invalidMessage",
-                "description": "Helper message for invalid form components",
-                "type": "string"
-              },
-              {
-                "name": "required",
-                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
-                "type": "boolean"
-              },
-              {
-                "name": "validMessage",
-                "description": "Helper message for valid form components",
-                "type": "string"
-              },
               {
                 "name": "options",
                 "description": "You should pass in the options as an array.",
@@ -4580,13 +4883,18 @@
                 "type": "string"
               },
               {
-                "name": "selectAllLabel",
-                "description": "Select all checkbox label",
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
                 "type": "string"
               },
               {
-                "name": "deSelectAllLabel",
-                "description": "Deselect all checkbox label",
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean | string"
+              },
+              {
+                "name": "selectAllLabel",
+                "description": "Select all checkbox label",
                 "type": "string"
               },
               {
@@ -4600,7 +4908,7 @@
                 "type": "string"
               },
               {
-                "name": "width",
+                "name": "formFieldWidth",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
                 "type": "\"full\" | \"auto\" | string"
               },
@@ -4617,7 +4925,7 @@
               {
                 "name": "showLabel",
                 "description": "Enables/disables the visibility of the label",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "icon",
@@ -4627,7 +4935,7 @@
               {
                 "name": "showIcon",
                 "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "label",
@@ -4639,10 +4947,15 @@
                 "description": "Associates the control with a form element",
                 "type": "string"
               },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
               {
                 "name": "disabled",
                 "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean"
+                "type": "boolean | string"
               },
               {
                 "name": "open",
@@ -4652,7 +4965,7 @@
               {
                 "name": "dropdownWidth",
                 "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nAuto: Based on the size of the form-field",
-                "type": "\"fixed\" | \"auto\" | \"full\" | 'string'"
+                "type": "\"fixed\" | \"auto\" | \"full\" | string"
               },
               {
                 "name": "searchLabel",
@@ -4669,6 +4982,11 @@
                 "description": "Dropdown - enable loading infotext and spinner",
                 "type": "boolean"
               },
+              {
+                "name": "ariaListLabel",
+                "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
+                "type": "string"
+              },
               {
                 "name": "noResultsText",
                 "description": "Dropdown - hint if there are no options",
@@ -4690,7 +5008,7 @@
                 "type": "boolean"
               },
               {
-                "name": "clearSelectionLabel",
+                "name": "clearSelectionText",
                 "description": "Label for the clear selection button",
                 "type": "string"
               },
@@ -4704,11 +5022,11 @@
                 "description": "Set/overwrite icon for helper message for form components",
                 "type": "IconTypes"
               },
-              { "name": "_name" },
               { "name": "_id" },
               { "name": "_messageId" },
               { "name": "_validMessageId" },
               { "name": "_invalidMessageId" },
+              { "name": "_invalidMessage" },
               { "name": "_selectId" },
               { "name": "_labelId" },
               { "name": "_summaryId" },
@@ -4726,15 +5044,25 @@
               { "name": "_values", "type": "array" },
               { "name": "_options", "type": "array" },
               { "name": "_hasNoOptions", "type": "boolean" },
+              { "name": "_documentClickListenerCallbackId" },
               { "name": "_internalChangeTimestamp", "type": "number" },
-              { "name": "_externalChangeTimestamp", "type": "number" },
               { "name": "selectAllChecked", "type": "boolean" },
-              { "name": "selectAllIndeterminate", "type": "boolean" }
+              { "name": "selectAllIndeterminate", "type": "boolean" },
+              { "name": "satisfyReact" }
             ],
             "events": [
-              { "name": "onSelect", "type": "any" },
-              { "name": "onAmountChange", "type": "any" },
-              { "name": "onDropdownToggle", "type": "any" }
+              {
+                "name": "amountChange",
+                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onAmountChange\"]>[number]\n  > | void"
+              },
+              {
+                "name": "dropdownToggle",
+                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onDropdownToggle\"]>[number]\n  > | void"
+              },
+              {
+                "name": "optionSelected",
+                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectProps>[\"onOptionSelected\"]>[number]\n  > | void"
+              }
             ]
           }
         },