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

package/dist/web-types.json

@@ -9,7 +9,7 @@
         {
           "name": "db-button",
           "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/button/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/button/properties",
           "attributes": [
             {
               "name": "id",
@@ -38,7 +38,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -59,7 +59,7 @@
             {
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-              "value": { "type": "\"full\" | \"auto\"" }
+              "value": { "type": "\"full\" | \"auto\" | string" }
             },
             {
               "name": "variant",
@@ -135,7 +135,7 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -156,7 +156,7 @@
               {
                 "name": "width",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-                "type": "\"full\" | \"auto\""
+                "type": "\"full\" | \"auto\" | string"
               },
               {
                 "name": "variant",
@@ -205,7 +205,7 @@
         {
           "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",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/notification/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/notification/properties",
           "attributes": [
             {
               "name": "id",
@@ -236,7 +236,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -331,7 +331,7 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -391,7 +391,7 @@
         {
           "name": "db-badge",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/badge/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/badge/properties",
           "attributes": [
             {
               "name": "placement",
@@ -490,7 +490,7 @@
         {
           "name": "db-brand",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/brand/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/brand/properties",
           "attributes": [
             {
               "name": "hide-logo",
@@ -499,7 +499,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -530,7 +530,7 @@
               { "name": "hideLogo", "description": "", "type": "boolean" },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -560,7 +560,7 @@
         {
           "name": "db-card",
           "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/card/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/card/properties",
           "attributes": [
             {
               "name": "id",
@@ -586,7 +586,7 @@
               "name": "spacing",
               "description": "The spacing attribute changes the padding of the component.",
               "value": {
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               }
             }
           ],
@@ -617,7 +617,7 @@
               {
                 "name": "spacing",
                 "description": "The spacing attribute changes the padding of the component.",
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               }
             ],
             "events": [{ "name": "onClick", "type": "any" }]
@@ -626,7 +626,7 @@
         {
           "name": "db-infotext",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/infotext/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/infotext/properties",
           "attributes": [
             {
               "name": "id",
@@ -640,7 +640,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -682,7 +682,7 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -712,7 +712,7 @@
         {
           "name": "db-checkbox",
           "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/checkbox/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/checkbox/properties",
           "attributes": [
             {
               "name": "id",
@@ -917,7 +917,7 @@
         {
           "name": "db-divider",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/divider/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/divider/properties",
           "attributes": [
             {
               "name": "id",
@@ -942,7 +942,7 @@
             {
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-              "value": { "type": "\"full\" | \"auto\"" }
+              "value": { "type": "\"full\" | \"auto\" | string" }
             },
             {
               "name": "classname",
@@ -977,7 +977,7 @@
               {
                 "name": "width",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-                "type": "\"full\" | \"auto\""
+                "type": "\"full\" | \"auto\" | string"
               },
               {
                 "name": "className",
@@ -991,7 +991,7 @@
         {
           "name": "db-drawer",
           "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - default slot\n- **drawerHeader** - Slot for changing the header of the drawer.",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/drawer/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/drawer/properties",
           "attributes": [
             {
               "name": "open",
@@ -1024,13 +1024,13 @@
               "name": "spacing",
               "description": "The spacing attribute changes the padding of the component.",
               "value": {
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               }
             },
             {
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-              "value": { "type": "\"full\" | \"auto\"" }
+              "value": { "type": "\"full\" | \"auto\" | string" }
             },
             {
               "name": "direction",
@@ -1091,12 +1091,12 @@
               {
                 "name": "spacing",
                 "description": "The spacing attribute changes the padding of the component.",
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               },
               {
                 "name": "width",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-                "type": "\"full\" | \"auto\""
+                "type": "\"full\" | \"auto\" | string"
               },
               {
                 "name": "direction",
@@ -1125,7 +1125,7 @@
         {
           "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",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/header/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header/properties",
           "attributes": [
             {
               "name": "id",
@@ -1222,7 +1222,7 @@
         {
           "name": "db-icon",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/icon/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/icon/properties",
           "attributes": [
             {
               "name": "id",
@@ -1236,7 +1236,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -1271,7 +1271,7 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -1294,7 +1294,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",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/input/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/input/properties",
           "attributes": [
             {
               "name": "id",
@@ -1382,12 +1382,12 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
               "name": "icon-after",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -1464,6 +1464,11 @@
               "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": "aria-described-by",
+              "description": "Overwrites auto handling for aria-describedby.",
+              "value": { "type": "string" }
+            },
             {
               "name": "message-icon",
               "description": "Set/overwrite icon for helper message for form components",
@@ -1565,12 +1570,12 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
                 "name": "iconAfter",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -1643,6 +1648,11 @@
                 "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": "ariaDescribedBy",
+                "description": "Overwrites auto handling for aria-describedby.",
+                "type": "string"
+              },
               {
                 "name": "messageIcon",
                 "description": "Set/overwrite icon for helper message for form components",
@@ -1668,7 +1678,7 @@
         {
           "name": "db-link",
           "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/link/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/link/properties",
           "attributes": [
             {
               "name": "id",
@@ -1846,7 +1856,7 @@
         {
           "name": "db-page",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **header** - The slot can be used for React to set a header.\n- **footer** - The slot can be used for React to set a footer.",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/page/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/page/properties",
           "attributes": [
             {
               "name": "fade-in",
@@ -1872,6 +1882,11 @@
               "name": "classname",
               "description": "React specific for adding className to the component.",
               "value": { "type": "string" }
+            },
+            {
+              "name": "main-class",
+              "description": "Adds `class` to `<main>` element",
+              "value": { "type": "string" }
             }
           ],
           "slots": [
@@ -1913,6 +1928,11 @@
                 "description": "React specific for adding className to the component.",
                 "type": "string"
               },
+              {
+                "name": "mainClass",
+                "description": "Adds `class` to `<main>` element",
+                "type": "string"
+              },
               { "name": "fontsLoaded", "type": "boolean" }
             ],
             "events": []
@@ -1921,7 +1941,7 @@
         {
           "name": "db-radio",
           "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/radio/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/radio/properties",
           "attributes": [
             {
               "name": "id",
@@ -2063,7 +2083,7 @@
         {
           "name": "db-section",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/section/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/section/properties",
           "attributes": [
             {
               "name": "id",
@@ -2079,7 +2099,7 @@
               "name": "spacing",
               "description": "The spacing attribute changes the padding of the component.",
               "value": {
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               }
             },
             {
@@ -2107,7 +2127,7 @@
               {
                 "name": "spacing",
                 "description": "The spacing attribute changes the padding of the component.",
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               },
               {
                 "name": "width",
@@ -2122,7 +2142,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",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/select/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/select/properties",
           "attributes": [
             {
               "name": "id",
@@ -2185,7 +2205,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -2220,6 +2240,11 @@
                 "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
               }
             },
+            {
+              "name": "multiple",
+              "description": "Enable multiple select -> use DBCustomSelect/db-custom-select for a better look",
+              "value": { "type": "boolean" }
+            },
             {
               "name": "options",
               "description": "If you don't/can't use children/slots you can pass in the options as an array.",
@@ -2307,7 +2332,7 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -2340,6 +2365,11 @@
                 "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
                 "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
               },
+              {
+                "name": "multiple",
+                "description": "Enable multiple select -> use DBCustomSelect/db-custom-select for a better look",
+                "type": "boolean"
+              },
               {
                 "name": "options",
                 "description": "If you don't/can't use children/slots you can pass in the options as an array.",
@@ -2377,7 +2407,7 @@
         {
           "name": "db-switch",
           "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/switch/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/switch/properties",
           "attributes": [
             {
               "name": "id",
@@ -2449,12 +2479,12 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
               "name": "icon-after",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -2541,12 +2571,12 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
                 "name": "iconAfter",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -2567,7 +2597,7 @@
         {
           "name": "db-tab-item",
           "description": "\n---\n\n\n### **Events:**\n - **onChange**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tab-item/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tab-item/properties",
           "attributes": [
             {
               "name": "active",
@@ -2587,12 +2617,12 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
               "name": "icon-after",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -2648,12 +2678,12 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
                 "name": "iconAfter",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -2694,8 +2724,8 @@
         },
         {
           "name": "db-tag",
-          "description": "\n---\n\n\n### **Events:**\n - **onRemove**\n\n### **Slots:**\n - **children** - default slot\n- **content** - Default slot which is used to pass in additional content.",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tag/properties",
+          "description": "\n---\n\n\n### **Events:**\n - **remove**\n\n### **Slots:**\n - **children** - default slot\n- **content** - Default slot which is used to pass in additional content.",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tag/properties",
           "attributes": [
             {
               "name": "disabled",
@@ -2731,7 +2761,7 @@
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -2772,7 +2802,7 @@
               "description": "Default slot which is used to pass in additional content."
             }
           ],
-          "events": [{ "name": "onRemove", "type": "any" }],
+          "events": [{ "name": "remove", "type": "any" }],
           "js": {
             "properties": [
               { "name": "disabled", "description": "", "type": "boolean" },
@@ -2803,7 +2833,7 @@
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -2838,13 +2868,13 @@
               },
               { "name": "initialized", "type": "boolean" }
             ],
-            "events": [{ "name": "onRemove", "type": "any" }]
+            "events": [{ "name": "remove", "type": "any" }]
           }
         },
         {
           "name": "db-textarea",
           "description": "\n---\n\n\n### **Events:**\n - **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/textarea/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/textarea/properties",
           "attributes": [
             {
               "name": "id",
@@ -3147,7 +3177,7 @@
         {
           "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",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/navigation-item/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item/properties",
           "attributes": [
             {
               "name": "sub-navigation-expanded",
@@ -3167,11 +3197,11 @@
             {
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-              "value": { "type": "\"full\" | \"auto\"" }
+              "value": { "type": "\"full\" | \"auto\" | string" }
             },
             {
               "name": "icon",
-              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
               "value": { "type": "IconTypes" }
             },
             {
@@ -3233,11 +3263,11 @@
               {
                 "name": "width",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-                "type": "\"full\" | \"auto\""
+                "type": "\"full\" | \"auto\" | string"
               },
               {
                 "name": "icon",
-                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
                 "type": "IconTypes"
               },
               {
@@ -3283,8 +3313,8 @@
         },
         {
           "name": "db-accordion-item",
-          "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **headline** - TODO: Add description for slotHeadline",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/accordion-item/properties",
+          "description": "\n---\n\n\n### **Events:**\n - **onToggle**\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": [
             {
               "name": "id",
@@ -3293,7 +3323,8 @@
             },
             {
               "name": "default-open",
-              "value": { "type": "DBAccordionItemProps[\"defaultOpen\"]" }
+              "description": "Initial state for the accordion item",
+              "value": { "type": "string" }
             },
             {
               "name": "classname",
@@ -3302,11 +3333,13 @@
             },
             {
               "name": "disabled",
-              "value": { "type": "DBAccordionItemProps[\"disabled\"]" }
+              "description": "The disabled attribute can be set to keep a user from clicking on the element.",
+              "value": { "type": "string" }
             },
             {
               "name": "headline-plain",
-              "value": { "type": "DBAccordionItemProps[\"headlinePlain\"]" }
+              "description": "Title of the accordion-item as plain text",
+              "value": { "type": "string" }
             },
             {
               "name": "text",
@@ -3318,7 +3351,7 @@
             { "name": "children", "description": "default slot" },
             {
               "name": "headline",
-              "description": "TODO: Add description for slotHeadline"
+              "description": "Title of the accordion-item as slot"
             }
           ],
           "events": [{ "name": "onToggle", "type": "any" }],
@@ -3331,7 +3364,7 @@
               },
               {
                 "name": "defaultOpen",
-                "type": "DBAccordionItemProps[\"defaultOpen\"]"
+                "description": "Initial state for the accordion item"
               },
               {
                 "name": "className",
@@ -3340,11 +3373,11 @@
               },
               {
                 "name": "disabled",
-                "type": "DBAccordionItemProps[\"disabled\"]"
+                "description": "The disabled attribute can be set to keep a user from clicking on the element."
               },
               {
                 "name": "headlinePlain",
-                "type": "DBAccordionItemProps[\"headlinePlain\"]"
+                "description": "Title of the accordion-item as plain text"
               },
               {
                 "name": "text",
@@ -3360,7 +3393,7 @@
         {
           "name": "db-accordion",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/accordion/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/accordion/properties",
           "attributes": [
             {
               "name": "id",
@@ -3448,7 +3481,7 @@
         {
           "name": "db-navigation",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/navigation/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation/properties",
           "attributes": [
             {
               "name": "id",
@@ -3493,7 +3526,7 @@
         {
           "name": "db-popover",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **trigger** - The trigger to open the popover e.g. a button",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/popover/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/popover/properties",
           "attributes": [
             {
               "name": "id",
@@ -3509,7 +3542,7 @@
               "name": "spacing",
               "description": "The spacing attribute changes the padding of the component.",
               "value": {
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               }
             },
             {
@@ -3540,9 +3573,7 @@
             {
               "name": "placement",
               "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-              "value": {
-                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
-              }
+              "value": { "type": "\"undefined\" | \"undefined\"" }
             }
           ],
           "slots": [
@@ -3568,7 +3599,7 @@
               {
                 "name": "spacing",
                 "description": "The spacing attribute changes the padding of the component.",
-                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\" | string"
               },
               {
                 "name": "gap",
@@ -3598,7 +3629,7 @@
               {
                 "name": "placement",
                 "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+                "type": "\"undefined\" | \"undefined\""
               },
               { "name": "initialized", "type": "boolean" },
               { "name": "isExpanded", "type": "boolean" }
@@ -3609,7 +3640,7 @@
         {
           "name": "db-tooltip",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tooltip/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/properties",
           "attributes": [
             {
               "name": "id",
@@ -3645,9 +3676,7 @@
             {
               "name": "placement",
               "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-              "value": {
-                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
-              }
+              "value": { "type": "\"undefined\" | \"undefined\"" }
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
@@ -3688,7 +3717,7 @@
               {
                 "name": "placement",
                 "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+                "type": "\"undefined\" | \"undefined\""
               },
               { "name": "_id" },
               { "name": "initialized", "type": "boolean" }
@@ -3699,7 +3728,7 @@
         {
           "name": "db-tab-list",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tab-list/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tab-list/properties",
           "attributes": [
             {
               "name": "id",
@@ -3734,7 +3763,7 @@
         {
           "name": "db-tab-panel",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tab-panel/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tab-panel/properties",
           "attributes": [
             {
               "name": "classname",
@@ -3788,7 +3817,7 @@
         {
           "name": "db-tabs",
           "description": "\n---\n\n\n### **Events:**\n - **onIndexChange**\n- **onTabSelect**\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tabs/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tabs/properties",
           "attributes": [
             {
               "name": "id",
@@ -3833,12 +3862,12 @@
             {
               "name": "alignment",
               "description": "Define the content alignment in full width",
-              "value": { "type": "\"start\" | \"center\"" }
+              "value": { "type": "\"start\" | \"center\" | string" }
             },
             {
               "name": "width",
               "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-              "value": { "type": "\"full\" | \"auto\"" }
+              "value": { "type": "\"full\" | \"auto\" | string" }
             },
             {
               "name": "tabs",
@@ -3896,12 +3925,12 @@
               {
                 "name": "alignment",
                 "description": "Define the content alignment in full width",
-                "type": "\"start\" | \"center\""
+                "type": "\"start\" | \"center\" | string"
               },
               {
                 "name": "width",
                 "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-                "type": "\"full\" | \"auto\""
+                "type": "\"full\" | \"auto\" | string"
               },
               {
                 "name": "tabs",
@@ -3924,7 +3953,7 @@
         {
           "name": "db-stack",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/stack/properties",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/stack/properties",
           "attributes": [
             {
               "name": "id",
@@ -4020,6 +4049,728 @@
             ],
             "events": []
           }
+        },
+        {
+          "name": "db-custom-select-list",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-list/properties",
+          "attributes": [
+            { "name": "multiple", "value": { "type": "boolean" } },
+            { "name": "label", "value": { "type": "string" } },
+            {
+              "name": "id",
+              "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": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "multiple", "type": "boolean" },
+              { "name": "label", "type": "string" },
+              {
+                "name": "id",
+                "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": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-custom-select-list-item",
+          "description": "\n---\n\n\n### **Events:**\n - **onChange**\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": [
+            {
+              "name": "id",
+              "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": "is-group-title",
+              "description": "If the item is a group title (only text)",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-divider",
+              "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)",
+              "value": { "type": "\"checkbox\" | \"radio\"" }
+            },
+            {
+              "name": "checked",
+              "description": "Define the radio or checkbox elements checked state",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "group-title",
+              "description": "Set the title of a group of items - disables radio/checkbox behavior",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "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" }
+            },
+            {
+              "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" }
+            },
+            {
+              "name": "value",
+              "description": "The value property is to receive results from the native form element.",
+              "value": { "type": "any" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [{ "name": "onChange", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "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": "isGroupTitle",
+                "description": "If the item is a group title (only text)"
+              },
+              {
+                "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)",
+                "type": "\"checkbox\" | \"radio\""
+              },
+              {
+                "name": "checked",
+                "description": "Define the radio or checkbox elements checked state",
+                "type": "boolean"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "groupTitle",
+                "description": "Set the title of a group of items - disables radio/checkbox behavior",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "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"
+              },
+              {
+                "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"
+              },
+              {
+                "name": "value",
+                "description": "The value property is to receive results from the native form element.",
+                "type": "any"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              { "name": "_id" },
+              { "name": "hasDivider", "type": "boolean" }
+            ],
+            "events": [{ "name": "onChange", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-custom-select-dropdown",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-dropdown/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "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": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "width",
+              "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nFull: Based on the size of the form-field\nAuto: Based on the size of the largest list item",
+              "value": { "type": "\"fixed\" | \"auto\" | \"full\" | string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "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": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "width",
+                "description": "Changes the behavior of the dropdown with.\nDefault: fixed 328px\nFull: Based on the size of the form-field\nAuto: Based on the size of the largest list item",
+                "type": "\"fixed\" | \"auto\" | \"full\" | string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-custom-select",
+          "description": "\n---\n\n\n### **Events:**\n - **onSelect**\n- **onAmountChange**\n- **onDropdownToggle**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "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": "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": "message",
+              "description": "Optional helper message for form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-message",
+              "description": "Enables or disables the visibility of the message.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "show-no-results",
+              "description": "Dropdown - enable no options infotext",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "multiple",
+              "description": "Enables CustomSelect",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "show-select-all",
+              "description": "Forces select all checkbox (only for multiple).",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "show-search",
+              "description": "Forces search in header.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "values",
+              "description": "Initial value for multi select",
+              "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" }
+            },
+            {
+              "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.",
+              "value": { "type": "CustomSelectOptionType[]" }
+            },
+            {
+              "name": "selected-type",
+              "description": "Change the selected type for values shown in multi select",
+              "value": { "type": "\"amount\" | \"text\" | \"tag\"" }
+            },
+            {
+              "name": "amount-text",
+              "description": "Optional: if select-type=\"amount\" change the shown text",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "select-all-label",
+              "description": "Select all checkbox label",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "de-select-all-label",
+              "description": "Deselect all checkbox label",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "remove-tags-texts",
+              "description": "Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users",
+              "value": { "type": "string[]" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "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": "variant",
+              "description": "Change the variant of the label to float or hidden",
+              "value": { "type": "\"above\" | \"floating\"" }
+            },
+            {
+              "name": "placement",
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "value": {
+                "type": "\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+              }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "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" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "form",
+              "description": "Associates the control with a form element",
+              "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" }
+            },
+            {
+              "name": "open",
+              "description": "Programmatically open the dropdown. May differ if you don't use onDropdownToggle.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "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'" }
+            },
+            {
+              "name": "search-label",
+              "description": "Search label",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "search-placeholder",
+              "description": "Search placeholder",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-loading",
+              "description": "Dropdown - enable loading infotext and spinner",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "no-results-text",
+              "description": "Dropdown - hint if there are no options",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "loading-text",
+              "description": "Dropdown - hint if data has to be loaded",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "mobile-close-button-text",
+              "description": "Change the button text for mobile close",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-clear-selection",
+              "description": "Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "clear-selection-label",
+              "description": "Label for the clear selection button",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Text that appears in the form control when it has no value set",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message-icon",
+              "description": "Set/overwrite icon for helper message for form components",
+              "value": { "type": "IconTypes" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onSelect", "type": "any" },
+            { "name": "onAmountChange", "type": "any" },
+            { "name": "onDropdownToggle", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "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": "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": "message",
+                "description": "Optional helper message for form components",
+                "type": "string"
+              },
+              {
+                "name": "showMessage",
+                "description": "Enables or disables the visibility of the message.",
+                "type": "boolean"
+              },
+              {
+                "name": "showNoResults",
+                "description": "Dropdown - enable no options infotext",
+                "type": "boolean"
+              },
+              {
+                "name": "multiple",
+                "description": "Enables CustomSelect",
+                "type": "boolean"
+              },
+              {
+                "name": "showSelectAll",
+                "description": "Forces select all checkbox (only for multiple).",
+                "type": "boolean"
+              },
+              {
+                "name": "showSearch",
+                "description": "Forces search in header.",
+                "type": "boolean"
+              },
+              {
+                "name": "values",
+                "description": "Initial value for multi select",
+                "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"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
+              {
+                "name": "options",
+                "description": "You should pass in the options as an array.",
+                "type": "CustomSelectOptionType[]"
+              },
+              {
+                "name": "selectedType",
+                "description": "Change the selected type for values shown in multi select",
+                "type": "\"amount\" | \"text\" | \"tag\""
+              },
+              {
+                "name": "amountText",
+                "description": "Optional: if select-type=\"amount\" change the shown text",
+                "type": "string"
+              },
+              {
+                "name": "selectAllLabel",
+                "description": "Select all checkbox label",
+                "type": "string"
+              },
+              {
+                "name": "deSelectAllLabel",
+                "description": "Deselect all checkbox label",
+                "type": "string"
+              },
+              {
+                "name": "removeTagsTexts",
+                "description": "Optional: if you use selectedType=tag and options, you need to set the removeTagsTexts for screen reader users",
+                "type": "string[]"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "width",
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\" | string"
+              },
+              {
+                "name": "variant",
+                "description": "Change the variant of the label to float or hidden",
+                "type": "\"above\" | \"floating\""
+              },
+              {
+                "name": "placement",
+                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "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"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              {
+                "name": "form",
+                "description": "Associates the control with a form element",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              {
+                "name": "open",
+                "description": "Programmatically open the dropdown. May differ if you don't use onDropdownToggle.",
+                "type": "boolean"
+              },
+              {
+                "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'"
+              },
+              {
+                "name": "searchLabel",
+                "description": "Search label",
+                "type": "string"
+              },
+              {
+                "name": "searchPlaceholder",
+                "description": "Search placeholder",
+                "type": "string"
+              },
+              {
+                "name": "showLoading",
+                "description": "Dropdown - enable loading infotext and spinner",
+                "type": "boolean"
+              },
+              {
+                "name": "noResultsText",
+                "description": "Dropdown - hint if there are no options",
+                "type": "string"
+              },
+              {
+                "name": "loadingText",
+                "description": "Dropdown - hint if data has to be loaded",
+                "type": "string"
+              },
+              {
+                "name": "mobileCloseButtonText",
+                "description": "Change the button text for mobile close",
+                "type": "string"
+              },
+              {
+                "name": "showClearSelection",
+                "description": "Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.",
+                "type": "boolean"
+              },
+              {
+                "name": "clearSelectionLabel",
+                "description": "Label for the clear selection button",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Text that appears in the form control when it has no value set",
+                "type": "string"
+              },
+              {
+                "name": "messageIcon",
+                "description": "Set/overwrite icon for helper message for form components",
+                "type": "IconTypes"
+              },
+              { "name": "_name" },
+              { "name": "_id" },
+              { "name": "_messageId" },
+              { "name": "_validMessageId" },
+              { "name": "_invalidMessageId" },
+              { "name": "_selectId" },
+              { "name": "_labelId" },
+              { "name": "_summaryId" },
+              { "name": "_placeholderId" },
+              { "name": "_infoTextId" },
+              { "name": "_validity", "type": "string" },
+              { "name": "_descByIds", "type": "string" },
+              { "name": "_selectedLabels", "type": "string" },
+              { "name": "_selectedLabelsId" },
+              { "name": "_voiceOverFallback", "type": "string" },
+              { "name": "_selectedOptions", "type": "array" },
+              { "name": "selectAllEnabled", "type": "boolean" },
+              { "name": "searchEnabled", "type": "boolean" },
+              { "name": "amountOptions", "type": "number" },
+              { "name": "_values", "type": "array" },
+              { "name": "_options", "type": "array" },
+              { "name": "_hasNoOptions", "type": "boolean" },
+              { "name": "_internalChangeTimestamp", "type": "number" },
+              { "name": "_externalChangeTimestamp", "type": "number" },
+              { "name": "selectAllChecked", "type": "boolean" },
+              { "name": "selectAllIndeterminate", "type": "boolean" }
+            ],
+            "events": [
+              { "name": "onSelect", "type": "any" },
+              { "name": "onAmountChange", "type": "any" },
+              { "name": "onDropdownToggle", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-custom-select-form-field",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/custom-select-form-field/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "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": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "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": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
         }
       ]
     }