@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell2-badc28f

package/dist/web-types.json

@@ -294,76 +294,6 @@
             "events": []
           }
         },
-        {
-          "name": "db-brand",
-          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/brand/properties",
-          "attributes": [
-            {
-              "name": "hide-logo",
-              "description": "",
-              "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 | 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" }
-            },
-            {
-              "name": "text",
-              "description": "Alternative for default slot/children.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "hideLogo", "description": "", "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 | 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"
-              },
-              {
-                "name": "text",
-                "description": "Alternative for default slot/children.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "db-button",
           "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot",
@@ -809,7 +739,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -917,12 +847,11 @@
               },
               {
                 "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"
+                "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": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
@@ -937,8 +866,7 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               {
                 "name": "messageIcon",
@@ -971,10 +899,20 @@
           }
         },
         {
-          "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",
+          "name": "db-control-panel-brand",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **additionalInformation** - Slot to add additional information most likely a DBBadge",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-brand/properties",
           "attributes": [
+            {
+              "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 | 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.",
@@ -986,15 +924,31 @@
               "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" }
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "additionalInformation",
+              "description": "Slot to add additional information most likely a DBBadge"
             }
           ],
-          "slots": [{ "name": "children", "description": "default slot" }],
           "events": [],
           "js": {
             "properties": [
+              {
+                "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 | 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.",
@@ -1006,18 +960,18 @@
                 "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"
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
               }
             ],
             "events": []
           }
         },
         {
-          "name": "db-custom-select-list-item",
-          "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",
+          "name": "db-tooltip",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/properties",
           "attributes": [
             {
               "name": "id",
@@ -1025,24 +979,9 @@
               "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": "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 | string" }
+              "name": "variant",
+              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+              "value": { "type": "\"description\" | \"label\"" }
             },
             {
               "name": "classname",
@@ -1050,48 +989,38 @@
               "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": "emphasis",
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
             },
             {
-              "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.",
+              "name": "animation",
+              "description": "Disable animation",
               "value": { "type": "boolean | 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": "delay",
+              "description": "Add a delay before showing the tooltip",
+              "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
             },
             {
-              "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-              "value": { "type": "boolean | string" }
+              "name": "width",
+              "description": "Use fixed with for default max-width",
+              "value": { "type": "\"auto\" | \"fixed\"" }
             },
             {
-              "name": "value",
-              "description": "The value property is to receive results from the native form element.",
-              "value": { "type": "any" }
+              "name": "show-arrow",
+              "description": "Show/Hides arrow",
+              "value": { "type": "boolean | string" }
             },
             {
-              "name": "label",
-              "description": "The label attribute specifies the caption of the form element.",
-              "value": { "type": "string" }
+              "name": "placement",
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "value": { "type": "\"undefined\" | \"undefined\"" }
             }
           ],
           "slots": [{ "name": "children", "description": "default slot" }],
-          "events": [
-            {
-              "name": "change",
-              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void"
-            }
-          ],
+          "events": [],
           "js": {
             "properties": [
               {
@@ -1100,22 +1029,9 @@
                 "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": "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 | string"
+                "name": "variant",
+                "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+                "type": "\"description\" | \"label\""
               },
               {
                 "name": "className",
@@ -1123,62 +1039,744 @@
                 "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": "emphasis",
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
               },
               {
-                "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.",
+                "name": "animation",
+                "description": "Disable animation",
                 "type": "boolean | 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": "delay",
+                "description": "Add a delay before showing the tooltip",
+                "type": "\"none\" | \"slow\" | \"fast\""
               },
               {
-                "name": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-                "type": "boolean | string"
+                "name": "width",
+                "description": "Use fixed with for default max-width",
+                "type": "\"auto\" | \"fixed\""
               },
               {
-                "name": "value",
-                "description": "The value property is to receive results from the native form element.",
-                "type": "any"
+                "name": "showArrow",
+                "description": "Show/Hides arrow",
+                "type": "boolean | string"
               },
               {
-                "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "name": "placement",
+                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"undefined\" | \"undefined\""
               },
               { "name": "_id" },
-              { "name": "hasDivider", "type": "boolean" }
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_documentScrollListenerCallbackId" },
+              { "name": "_observer" }
             ],
-            "events": [
-              {
-                "name": "change",
-                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void"
-              }
-            ]
+            "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",
+          "name": "db-control-panel-desktop",
+          "description": "\n---\n\n\n### **Events:**\n - **expandButtonTooltipFn**\n\n### **Slots:**\n - **children** - default slot\n- **brand** - Slot to pass in the DBControlPanelBrand component\n- **metaNavigation** - Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer\n- **primaryActions** - 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 control-panel-brand\n- **secondaryActions** - 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 control-panel-desktop\nMobile: Shown inside the drawer at the bottom.",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-desktop/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": "expanded",
+              "description": "Set the expanded/collapsed state initially for the left sidebar",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "expand-button-tooltip",
+              "description": "Set the tooltip for the expand/collapse button",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "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": "width",
+              "description": "Set max width for the component",
+              "value": {
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              }
+            },
+            {
+              "name": "orientation",
+              "description": "Change the orientation. Defaults to horizontal.",
+              "value": { "type": "\"horizontal\" | \"vertical\"" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "brand",
+              "description": "Slot to pass in the DBControlPanelBrand component"
+            },
+            {
+              "name": "metaNavigation",
+              "description": "Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer"
+            },
+            {
+              "name": "primaryActions",
+              "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 control-panel-brand"
+            },
+            {
+              "name": "secondaryActions",
+              "description": "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 control-panel-desktop\nMobile: Shown inside the drawer at the bottom."
+            }
+          ],
+          "events": [
+            {
+              "name": "expandButtonTooltipFn",
+              "type": "EventEmitter<\n    Parameters<\n      Required<DBControlPanelDesktopProps>[\"onExpandButtonTooltipFn\"]\n    >[number]\n  > | void"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "expanded",
+                "description": "Set the expanded/collapsed state initially for the left sidebar",
+                "type": "boolean | string"
+              },
+              {
+                "name": "expandButtonTooltip",
+                "description": "Set the tooltip for the expand/collapse button",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "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": "width",
+                "description": "Set max width for the component",
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              },
+              {
+                "name": "orientation",
+                "description": "Change the orientation. Defaults to horizontal.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              { "name": "_id" },
+              { "name": "_open", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "expandButtonTooltipFn",
+                "type": "EventEmitter<\n    Parameters<\n      Required<DBControlPanelDesktopProps>[\"onExpandButtonTooltipFn\"]\n    >[number]\n  > | void"
+              }
+            ]
+          }
+        },
+        {
+          "name": "db-control-panel-meta-navigation",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-meta-navigation/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": []
+          }
+        },
+        {
+          "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://design-system.deutschebahn.com/core-web/review/main/components/drawer/properties",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "The open attribute opens or closes the drawer based on the state.",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "position",
+              "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
+              "value": { "type": "\"fixed\" | \"absolute\"" }
+            },
+            {
+              "name": "backdrop",
+              "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
+              "value": {
+                "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Set the variant modal|inside. Defaults to modal.",
+              "value": { "type": "\"modal\" | \"inside\"" }
+            },
+            {
+              "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": "direction",
+              "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
+              "value": {
+                "type": "\"custom\" | \"left\" | \"right\" | \"up\" | \"down\""
+              }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing attribute changes the padding of the component.",
+              "value": {
+                "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\" | string" }
+            },
+            {
+              "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 | string" }
+            },
+            {
+              "name": "drawer-header-plain",
+              "description": "Text for changing the header of the drawer.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "close-button-id",
+              "description": "The closeButtonId attribute changes the id inside the close button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "close-button-text",
+              "description": "The closeButtonText attribute changes the text inside the close button.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "drawerHeader",
+              "description": "Slot for changing the header of the drawer."
+            }
+          ],
+          "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 | string"
+              },
+              {
+                "name": "position",
+                "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
+                "type": "\"fixed\" | \"absolute\""
+              },
+              {
+                "name": "backdrop",
+                "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
+                "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
+              },
+              {
+                "name": "variant",
+                "description": "Set the variant modal|inside. Defaults to modal.",
+                "type": "\"modal\" | \"inside\""
+              },
+              {
+                "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": "direction",
+                "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
+                "type": "\"custom\" | \"left\" | \"right\" | \"up\" | \"down\""
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing attribute changes the padding of the component.",
+                "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\" | string"
+              },
+              {
+                "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 | string"
+              },
+              {
+                "name": "drawerHeaderPlain",
+                "description": "Text for changing the header of the drawer.",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonId",
+                "description": "The closeButtonId attribute changes the id inside the close button.",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonText",
+                "description": "The closeButtonText attribute changes the text inside the close button.",
+                "type": "string"
+              },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "close",
+                "type": "EventEmitter<\n    Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n  > | void"
+              }
+            ]
+          }
+        },
+        {
+          "name": "db-control-panel-mobile",
+          "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 control-panel-desktop\nMobile: Inside the drawer\n- **secondaryActions** - 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 control-panel-desktop\nMobile: Shown inside the drawer at the bottom.\n- **flatIconNavigation** - Optional flat icon navigation for a mobile app look. Only visible by using variant=\"flat-icon\" as well.\n- **brand** - Slot to pass in the DBControlPanelBrand component\n- **primaryActions** - 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 control-panel-brand",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-mobile/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": "width",
+              "description": "Set max width for the component",
+              "value": {
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              }
+            },
+            {
+              "name": "position",
+              "description": "Change the position of the mobile content panel",
+              "value": { "type": "\"top\" | \"bottom\"" }
+            },
+            {
+              "name": "variant",
+              "description": "Change the variant of the mobile content panel",
+              "value": { "type": "\"drawer\" | \"flat-icon\"" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "drawer-headline-plain",
+              "description": "Text to pass in a headline for the drawer header.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "burger-menu-label",
+              "description": "This attribute sets the label for the burger menu button for mobile control-panel-desktops.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "metaNavigation",
+              "description": "Slot to pass in a meta navigation.\nDesktop: Above the regular control-panel-desktop\nMobile: Inside the drawer"
+            },
+            {
+              "name": "secondaryActions",
+              "description": "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 control-panel-desktop\nMobile: Shown inside the drawer at the bottom."
+            },
+            {
+              "name": "flatIconNavigation",
+              "description": "Optional flat icon navigation for a mobile app look. Only visible by using variant=\"flat-icon\" as well."
+            },
+            {
+              "name": "brand",
+              "description": "Slot to pass in the DBControlPanelBrand component"
+            },
+            {
+              "name": "primaryActions",
+              "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 control-panel-brand"
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": "EventEmitter<\n    Parameters<Required<DBControlPanelMobileProps>[\"onToggle\"]>[number]\n  > | void"
+            }
+          ],
+          "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": "width",
+                "description": "Set max width for the component",
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              },
+              {
+                "name": "position",
+                "description": "Change the position of the mobile content panel",
+                "type": "\"top\" | \"bottom\""
+              },
+              {
+                "name": "variant",
+                "description": "Change the variant of the mobile content panel",
+                "type": "\"drawer\" | \"flat-icon\""
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "drawerHeadlinePlain",
+                "description": "Text to pass in a headline for the drawer header.",
+                "type": "string"
+              },
+              {
+                "name": "burgerMenuLabel",
+                "description": "This attribute sets the label for the burger menu button for mobile control-panel-desktops.",
+                "type": "string"
+              },
+              { "name": "open", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "toggle",
+                "type": "EventEmitter<\n    Parameters<Required<DBControlPanelMobileProps>[\"onToggle\"]>[number]\n  > | void"
+              }
+            ]
+          }
+        },
+        {
+          "name": "db-control-panel-primary-actions",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-primary-actions/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": []
+          }
+        },
+        {
+          "name": "db-control-panel-secondary-actions",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-secondary-actions/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": []
+          }
+        },
+        {
+          "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-list-item",
+          "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": [
+            {
+              "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": "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 | string" }
+            },
+            {
+              "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 | 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 item.",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "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": "change",
+              "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void"
+            }
+          ],
+          "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": "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 | string"
+              },
+              {
+                "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 | 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": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
+                "type": "boolean | string"
+              },
+              {
+                "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."
+              },
+              { "name": "_id" },
+              { "name": "hasDivider", "type": "boolean" }
+            ],
+            "events": [
+              {
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void"
+              }
+            ]
+          }
+        },
+        {
+          "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",
@@ -1360,7 +1958,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -1569,8 +2167,7 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               {
                 "name": "fieldSizing",
@@ -1579,8 +2176,7 @@
               },
               {
                 "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"
+                "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": "type",
@@ -1599,7 +2195,7 @@
               },
               {
                 "name": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
@@ -1683,126 +2279,18 @@
                 "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-tooltip",
-          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/tooltip/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": "variant",
-              "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
-              "value": { "type": "\"description\" | \"label\"" }
-            },
-            {
-              "name": "placement",
-              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-              "value": { "type": "\"undefined\" | \"undefined\"" }
-            },
-            {
-              "name": "classname",
-              "description": "React specific for adding className to the component.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "emphasis",
-              "description": "The emphasis attribute divides in between a weak or strong importance.",
-              "value": { "type": "\"weak\" | \"strong\"" }
-            },
-            {
-              "name": "animation",
-              "description": "Disable animation",
-              "value": { "type": "boolean | string" }
-            },
-            {
-              "name": "delay",
-              "description": "Add a delay before showing the tooltip",
-              "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
-            },
-            {
-              "name": "width",
-              "description": "Use fixed with for default max-width",
-              "value": { "type": "\"auto\" | \"fixed\"" }
-            },
-            {
-              "name": "show-arrow",
-              "description": "Show/Hides arrow",
-              "value": { "type": "boolean | 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": "variant",
-                "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
-                "type": "\"description\" | \"label\""
-              },
-              {
-                "name": "placement",
-                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "type": "\"undefined\" | \"undefined\""
-              },
-              {
-                "name": "className",
-                "description": "React specific for adding className to the component.",
-                "type": "string"
-              },
-              {
-                "name": "emphasis",
-                "description": "The emphasis attribute divides in between a weak or strong importance.",
-                "type": "\"weak\" | \"strong\""
-              },
-              {
-                "name": "animation",
-                "description": "Disable animation",
-                "type": "boolean | string"
-              },
-              {
-                "name": "delay",
-                "description": "Add a delay before showing the tooltip",
-                "type": "\"none\" | \"slow\" | \"fast\""
-              },
-              {
-                "name": "width",
-                "description": "Use fixed with for default max-width",
-                "type": "\"auto\" | \"fixed\""
+                "name": "change",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onChange\"]>[number]\n  > | void"
               },
               {
-                "name": "showArrow",
-                "description": "Show/Hides arrow",
-                "type": "boolean | string"
+                "name": "blur",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onBlur\"]>[number]\n  > | void"
               },
-              { "name": "_id" },
-              { "name": "initialized", "type": "boolean" },
-              { "name": "_documentScrollListenerCallbackId" },
-              { "name": "_observer" }
-            ],
-            "events": []
+              {
+                "name": "focus",
+                "type": "EventEmitter<\n    Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -2136,7 +2624,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -2378,8 +2866,7 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               {
                 "name": "form",
@@ -2388,12 +2875,11 @@
               },
               {
                 "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"
+                "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": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
@@ -2598,283 +3084,22 @@
                 "type": "\"horizontal\" | \"vertical\""
               },
               {
-                "name": "emphasis",
-                "description": "The emphasis attribute divides in between a weak or strong importance.",
-                "type": "\"weak\" | \"strong\""
-              },
-              {
-                "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": "className",
-                "description": "React specific for adding className to the component.",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "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://design-system.deutschebahn.com/core-web/review/main/components/drawer/properties",
-          "attributes": [
-            {
-              "name": "open",
-              "description": "The open attribute opens or closes the drawer based on the state.",
-              "value": { "type": "boolean | string" }
-            },
-            {
-              "name": "position",
-              "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
-              "value": { "type": "\"fixed\" | \"absolute\"" }
-            },
-            {
-              "name": "backdrop",
-              "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
-              "value": {
-                "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
-              }
-            },
-            {
-              "name": "variant",
-              "description": "Set the variant modal|inside. Defaults to modal.",
-              "value": { "type": "\"modal\" | \"inside\"" }
-            },
-            {
-              "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": "direction",
-              "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
-              "value": { "type": "\"left\" | \"right\" | \"up\" | \"down\"" }
-            },
-            {
-              "name": "classname",
-              "description": "React specific for adding className to the component.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "spacing",
-              "description": "The spacing attribute changes the padding of the component.",
-              "value": {
-                "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\" | string" }
-            },
-            {
-              "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 | string" }
-            },
-            {
-              "name": "close-button-id",
-              "description": "The closeButtonId attribute changes the id inside the close button.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "close-button-text",
-              "description": "The closeButtonText attribute changes the text inside the close button.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            { "name": "children", "description": "default slot" },
-            {
-              "name": "drawerHeader",
-              "description": "Slot for changing the header of the drawer."
-            }
-          ],
-          "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 | string"
-              },
-              {
-                "name": "position",
-                "description": "The position attribute changes the css-position (fixed or absolute) of the drawer.\n\n- `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.\n- `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.",
-                "type": "\"fixed\" | \"absolute\""
-              },
-              {
-                "name": "backdrop",
-                "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
-                "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
-              },
-              {
-                "name": "variant",
-                "description": "Set the variant modal|inside. Defaults to modal.",
-                "type": "\"modal\" | \"inside\""
-              },
-              {
-                "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": "direction",
-                "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
-                "type": "\"left\" | \"right\" | \"up\" | \"down\""
-              },
-              {
-                "name": "className",
-                "description": "React specific for adding className to the component.",
-                "type": "string"
-              },
-              {
-                "name": "spacing",
-                "description": "The spacing attribute changes the padding of the component.",
-                "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\" | string"
-              },
-              {
-                "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 | string"
-              },
-              {
-                "name": "closeButtonId",
-                "description": "The closeButtonId attribute changes the id inside the close button.",
-                "type": "string"
-              },
-              {
-                "name": "closeButtonText",
-                "description": "The closeButtonText attribute changes the text inside the close button.",
-                "type": "string"
-              },
-              { "name": "initialized", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "close",
-                "type": "EventEmitter<\n    Parameters<Required<DBDrawerProps>[\"onClose\"]>[number]\n  > | void"
-              }
-            ]
-          }
-        },
-        {
-          "name": "db-header",
-          "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - default slot\n- **metaNavigation** - Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n- Desktop: Shown separated by divider at the end of the header\n- Mobile: 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.\n- Desktop: Shown next to the main-navigation\n- Mobile: Shown next to the brand",
-          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/header/properties",
-          "attributes": [
-            {
-              "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 | string" }
-            },
-            {
-              "name": "drawer-open",
-              "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
-              "value": { "type": "boolean | string" }
-            },
-            {
-              "name": "classname",
-              "description": "React specific for adding className to the component.",
-              "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": "width",
-              "description": "Set max width for the component",
-              "value": {
-                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
-              }
-            },
-            {
-              "name": "burger-menu-label",
-              "description": "This attribute sets the label for the burger menu button for mobile headers.",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            { "name": "children", "description": "default slot" },
-            {
-              "name": "metaNavigation",
-              "description": "Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer"
-            },
-            {
-              "name": "secondaryAction",
-              "description": "Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\n- Desktop: Shown separated by divider at the end of the header\n- Mobile: Shown inside the drawer at the bottom."
-            },
-            {
-              "name": "brand",
-              "description": "Slot to pass in the DBBrand component"
-            },
-            {
-              "name": "primaryAction",
-              "description": "Slot to pass one or more elements like DBButton (e.g. search) as primary action.\n- Desktop: Shown next to the main-navigation\n- Mobile: Shown next to the brand"
-            }
-          ],
-          "events": [
-            {
-              "name": "toggle",
-              "type": "EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "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 | string"
-              },
-              {
-                "name": "drawerOpen",
-                "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
-                "type": "boolean | string"
-              },
-              {
-                "name": "className",
-                "description": "React specific for adding className to the component.",
-                "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": "emphasis",
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
               },
               {
                 "name": "width",
-                "description": "Set max width for the component",
-                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\" | string"
               },
               {
-                "name": "burgerMenuLabel",
-                "description": "This attribute sets the label for the burger menu button for mobile headers.",
+                "name": "className",
+                "description": "React specific for adding className to the component.",
                 "type": "string"
-              },
-              { "name": "initialized", "type": "boolean" },
-              { "name": "forcedToMobile", "type": "boolean" }
-            ],
-            "events": [
-              {
-                "name": "toggle",
-                "type": "EventEmitter<\n    Parameters<Required<DBHeaderProps>[\"onToggle\"]>[number]\n  > | void"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -3104,11 +3329,24 @@
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation/properties",
           "attributes": [
+            {
+              "name": "variant",
+              "value": { "type": "\"popover\" | \"tree\"" }
+            },
+            {
+              "name": "arrow-scroll-distance",
+              "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
+              "value": { "type": "number | 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": "show-tree-line",
+              "value": { "type": "boolean | string" }
+            },
             {
               "name": "classname",
               "description": "React specific for adding className to the component.",
@@ -3119,28 +3357,131 @@
           "events": [],
           "js": {
             "properties": [
+              { "name": "variant", "type": "\"popover\" | \"tree\"" },
+              {
+                "name": "arrowScrollDistance",
+                "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
+                "type": "number | 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": "showTreeLine", "type": "boolean | string" },
               {
                 "name": "className",
                 "description": "React specific for adding className to the component.",
                 "type": "string"
               },
-              { "name": "_id" }
+              { "name": "showScrollLeft", "type": "boolean" },
+              { "name": "showScrollRight", "type": "boolean" },
+              { "name": "_shellDesktopPosition" },
+              { "name": "_subNavigationDesktopPosition" },
+              { "name": "_variant" },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_isSubNavigation", "type": "boolean" }
             ],
             "events": []
           }
         },
         {
           "name": "db-navigation-item",
-          "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",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **additionalInformation** - Slot to add additional information most likely a DBBadge",
           "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item/properties",
           "attributes": [
             {
-              "name": "sub-navigation-expanded",
+              "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": "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 | string" }
+            },
+            {
+              "name": "active",
+              "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "tooltip",
+              "description": "If you use DBShell with controlPanelDesktopPosition=\"left\" you need\nto add a tooltip for collapsed navigation",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "additionalInformation",
+              "description": "Slot to add additional information most likely a DBBadge"
+            }
+          ],
+          "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": "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 | string"
+              },
+              {
+                "name": "active",
+                "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
+                "type": "boolean | string"
+              },
+              {
+                "name": "tooltip",
+                "description": "If you use DBShell with controlPanelDesktopPosition=\"left\" you need\nto add a tooltip for collapsed navigation",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-navigation-item-group",
+          "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot\n- **additionalInformation** - Slot to add additional information most likely a DBBadge",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/navigation-item-group/properties",
+          "attributes": [
+            {
+              "name": "expanded",
               "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
               "value": { "type": "boolean | string" }
             },
@@ -3154,11 +3495,6 @@
               "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": "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.",
@@ -3174,19 +3510,14 @@
               "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
               "value": { "type": "boolean" }
             },
-            {
-              "name": "wrap",
-              "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
-              "value": { "type": "boolean | string" }
-            },
             {
               "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).",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
               "name": "text",
-              "description": "Alternative for default slot/children.",
+              "description": "Set the text for the navigation-item",
               "value": { "type": "string" }
             },
             {
@@ -3203,20 +3534,20 @@
           "slots": [
             { "name": "children", "description": "default slot" },
             {
-              "name": "subNavigation",
-              "description": "React-specific property to pass in a slot for sub-navigation"
+              "name": "additionalInformation",
+              "description": "Slot to add additional information most likely a DBBadge"
             }
           ],
           "events": [
             {
               "name": "click",
-              "type": "EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void"
+              "type": "EventEmitter<\n    Parameters<Required<DBNavigationItemGroupProps>[\"onClick\"]>[number]\n  > | void"
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "subNavigationExpanded",
+                "name": "expanded",
                 "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
                 "type": "boolean | string"
               },
@@ -3230,11 +3561,6 @@
                 "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": "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.",
@@ -3250,19 +3576,14 @@
                 "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
                 "type": "boolean"
               },
-              {
-                "name": "wrap",
-                "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
-                "type": "boolean | string"
-              },
               {
                 "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).",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
                 "name": "text",
-                "description": "Alternative for default slot/children.",
+                "description": "Set the text for the navigation-item",
                 "type": "string"
               },
               {
@@ -3275,18 +3596,18 @@
                 "description": "The backButtonText attribute changes the text inside the back button.",
                 "type": "string"
               },
-              { "name": "initialized", "type": "boolean" },
-              { "name": "hasAreaPopup", "type": "boolean" },
               { "name": "hasSubNavigation", "type": "boolean" },
               { "name": "isSubNavigationExpanded", "type": "boolean" },
               { "name": "autoClose", "type": "boolean" },
+              { "name": "hasPopup", "type": "boolean" },
+              { "name": "initialized", "type": "boolean" },
               { "name": "subNavigationId" },
               { "name": "navigationItemSafeTriangle" }
             ],
             "events": [
               {
                 "name": "click",
-                "type": "EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void"
+                "type": "EventEmitter<\n    Parameters<Required<DBNavigationItemGroupProps>[\"onClick\"]>[number]\n  > | void"
               }
             ]
           }
@@ -3414,162 +3735,77 @@
                 "type": "\"assertive\" | \"polite\" | \"off\""
               },
               {
-                "name": "semantic",
-                "description": "The semantic defines the default variants for most components.",
-                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
-              },
-              {
-                "name": "variant",
-                "description": "The variant attribute changes the styling of the notification.\n- The docked notifications are used e.g. between header and main content to show a global alert.\n- The standalone notifications are used  e.g. inside a form to show an alert for a specific field.\n- The overlay notifications are used for absolute and floating notifications like snackbars etc.",
-                "type": "\"docked\" | \"standalone\" | \"overlay\""
-              },
-              {
-                "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 | string"
-              },
-              {
-                "name": "linkVariant",
-                "description": "The linkVariant will be used if slotLink is set.",
-                "type": "\"block\" | \"inline\""
-              },
-              {
-                "name": "headline",
-                "description": "The headline attribute changes the text of the bold headline.",
-                "type": "string | any"
-              },
-              {
-                "name": "showHeadline",
-                "description": "Enables or disables the visibility of the headline.",
-                "type": "boolean | string"
-              },
-              {
-                "name": "text",
-                "description": "Alternative for default slot/children.",
-                "type": "string"
-              },
-              {
-                "name": "timestamp",
-                "description": "The timestamp attribute can be set for overlay notifications",
-                "type": "string"
-              },
-              {
-                "name": "showTimestamp",
-                "description": "Enables or disables the visibility of the timestamp.",
-                "type": "boolean | string"
-              },
-              {
-                "name": "closeable",
-                "description": "The closeable attribute shows/hides the close button on the top right.",
-                "type": "boolean | string"
-              },
-              {
-                "name": "closeButtonId",
-                "description": "The closeButtonId attribute changes the id inside the close button.",
-                "type": "string"
-              },
-              {
-                "name": "closeButtonText",
-                "description": "The closeButtonText attribute changes the text inside the close button.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "close",
-                "type": "EventEmitter<\n    Parameters<Required<DBNotificationProps>[\"onClose\"]>[number]\n  > | void"
-              }
-            ]
-          }
-        },
-        {
-          "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://design-system.deutschebahn.com/core-web/review/main/components/page/properties",
-          "attributes": [
-            {
-              "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 | string" }
-            },
-            {
-              "name": "document-overflow",
-              "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
-              "value": { "type": "\"hidden\" | \"auto\"" }
-            },
-            {
-              "name": "variant",
-              "description": "The variant=fixed uses flex-box to make header and footer static",
-              "value": { "type": "\"auto\" | \"fixed\"" }
-            },
-            {
-              "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": "main-class",
-              "description": "Adds `class` to `<main>` element",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            { "name": "children", "description": "default slot" },
-            {
-              "name": "header",
-              "description": "The slot can be used for React to set a header."
-            },
-            {
-              "name": "footer",
-              "description": "The slot can be used for React to set a footer."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "fadeIn",
-                "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
+                "name": "semantic",
+                "description": "The semantic defines the default variants for most components.",
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              },
+              {
+                "name": "variant",
+                "description": "The variant attribute changes the styling of the notification.\n- The docked notifications are used e.g. between header and main content to show a global alert.\n- The standalone notifications are used  e.g. inside a form to show an alert for a specific field.\n- The overlay notifications are used for absolute and floating notifications like snackbars etc.",
+                "type": "\"docked\" | \"standalone\" | \"overlay\""
+              },
+              {
+                "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 | string"
               },
               {
-                "name": "documentOverflow",
-                "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
-                "type": "\"hidden\" | \"auto\""
+                "name": "linkVariant",
+                "description": "The linkVariant will be used if slotLink is set.",
+                "type": "\"block\" | \"inline\""
               },
               {
-                "name": "variant",
-                "description": "The variant=fixed uses flex-box to make header and footer static",
-                "type": "\"auto\" | \"fixed\""
+                "name": "headline",
+                "description": "The headline attribute changes the text of the bold headline.",
+                "type": "string | any"
               },
               {
-                "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.",
+                "name": "showHeadline",
+                "description": "Enables or disables the visibility of the headline.",
+                "type": "boolean | string"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
                 "type": "string"
               },
               {
-                "name": "className",
-                "description": "React specific for adding className to the component.",
+                "name": "timestamp",
+                "description": "The timestamp attribute can be set for overlay notifications",
                 "type": "string"
               },
               {
-                "name": "mainClass",
-                "description": "Adds `class` to `<main>` element",
+                "name": "showTimestamp",
+                "description": "Enables or disables the visibility of the timestamp.",
+                "type": "boolean | string"
+              },
+              {
+                "name": "closeable",
+                "description": "The closeable attribute shows/hides the close button on the top right.",
+                "type": "boolean | string"
+              },
+              {
+                "name": "closeButtonId",
+                "description": "The closeButtonId attribute changes the id inside the close button.",
                 "type": "string"
               },
-              { "name": "fontsLoaded", "type": "boolean" }
+              {
+                "name": "closeButtonText",
+                "description": "The closeButtonText attribute changes the text inside the close button.",
+                "type": "string"
+              }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "close",
+                "type": "EventEmitter<\n    Parameters<Required<DBNotificationProps>[\"onClose\"]>[number]\n  > | void"
+              }
+            ]
           }
         },
         {
@@ -3577,11 +3813,6 @@
           "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://design-system.deutschebahn.com/core-web/review/main/components/popover/properties",
           "attributes": [
-            {
-              "name": "placement",
-              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-              "value": { "type": "\"undefined\" | \"undefined\"" }
-            },
             {
               "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.",
@@ -3623,6 +3854,11 @@
               "name": "width",
               "description": "Use fixed with for default max-width",
               "value": { "type": "\"auto\" | \"fixed\"" }
+            },
+            {
+              "name": "placement",
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "value": { "type": "\"undefined\" | \"undefined\"" }
             }
           ],
           "slots": [
@@ -3635,11 +3871,6 @@
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "placement",
-                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-                "type": "\"undefined\" | \"undefined\""
-              },
               {
                 "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.",
@@ -3680,6 +3911,11 @@
                 "description": "Use fixed with for default max-width",
                 "type": "\"auto\" | \"fixed\""
               },
+              {
+                "name": "placement",
+                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"undefined\" | \"undefined\""
+              },
               { "name": "initialized", "type": "boolean" },
               { "name": "isExpanded", "type": "boolean" },
               { "name": "_documentScrollListenerCallbackId" },
@@ -3735,7 +3971,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -3808,12 +4044,11 @@
               },
               {
                 "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"
+                "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": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
@@ -3828,8 +4063,7 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               { "name": "initialized", "type": "boolean" },
               { "name": "_id" }
@@ -3991,7 +4225,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -4134,18 +4368,16 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               {
                 "name": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | 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"
+                "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": "size",
@@ -4213,6 +4445,125 @@
             ]
           }
         },
+        {
+          "name": "db-shell",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **controlPanelDesktop** - The slot can be used for React to set a desktopControlPanel.\n- **controlPanelMobile** - The slot can be used for React to set a mobileControlPanel.\n- **subNavigation** - The slot can be used for React to set a subNavigation.",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell/properties",
+          "attributes": [
+            {
+              "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 | 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" }
+            },
+            {
+              "name": "control-panel-desktop-position",
+              "description": "Change the position of the desktop content panel",
+              "value": { "type": "\"top\" | \"left\"" }
+            },
+            {
+              "name": "control-panel-mobile-position",
+              "description": "Change the position of the mobile content panel",
+              "value": { "type": "\"top\" | \"bottom\"" }
+            },
+            {
+              "name": "sub-navigation-desktop-position",
+              "description": "Change the position of the optional sub navigation for desktop",
+              "value": { "type": "\"top\" | \"left\"" }
+            },
+            {
+              "name": "sub-navigation-mobile-position",
+              "description": "Change the position of the optional sub navigation for mobile",
+              "value": { "type": "\"top\" | \"bottom\"" }
+            },
+            {
+              "name": "show-sub-navigation",
+              "description": "Shows sub-navigation",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "main-class",
+              "description": "Adds `class` to `<main>` element",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "controlPanelDesktop",
+              "description": "The slot can be used for React to set a desktopControlPanel."
+            },
+            {
+              "name": "controlPanelMobile",
+              "description": "The slot can be used for React to set a mobileControlPanel."
+            },
+            {
+              "name": "subNavigation",
+              "description": "The slot can be used for React to set a subNavigation."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "fadeIn",
+                "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
+                "type": "boolean | 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"
+              },
+              {
+                "name": "controlPanelDesktopPosition",
+                "description": "Change the position of the desktop content panel",
+                "type": "\"top\" | \"left\""
+              },
+              {
+                "name": "controlPanelMobilePosition",
+                "description": "Change the position of the mobile content panel",
+                "type": "\"top\" | \"bottom\""
+              },
+              {
+                "name": "subNavigationDesktopPosition",
+                "description": "Change the position of the optional sub navigation for desktop",
+                "type": "\"top\" | \"left\""
+              },
+              {
+                "name": "subNavigationMobilePosition",
+                "description": "Change the position of the optional sub navigation for mobile",
+                "type": "\"top\" | \"bottom\""
+              },
+              {
+                "name": "showSubNavigation",
+                "description": "Shows sub-navigation",
+                "type": "boolean | string"
+              },
+              {
+                "name": "mainClass",
+                "description": "Adds `class` to `<main>` element",
+                "type": "string"
+              },
+              { "name": "fontsLoaded", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "db-stack",
           "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
@@ -4365,7 +4716,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -4468,7 +4819,7 @@
               },
               {
                 "name": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
@@ -4478,8 +4829,7 @@
               },
               {
                 "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"
+                "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": "required",
@@ -4503,8 +4853,7 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               { "name": "_id" }
             ],
@@ -5017,7 +5366,7 @@
             },
             {
               "name": "disabled",
-              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "description": "The disabled attribute can be set to keep a user from clicking on the item.",
               "value": { "type": "boolean | string" }
             },
             {
@@ -5186,8 +5535,7 @@
               },
               {
                 "name": "label",
-                "description": "The label attribute specifies the caption of the form element.",
-                "type": "string"
+                "description": "The label attribute specifies the caption of the form element."
               },
               {
                 "name": "fieldSizing",
@@ -5206,7 +5554,7 @@
               },
               {
                 "name": "disabled",
-                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "description": "The disabled attribute can be set to keep a user from clicking on the item.",
                 "type": "boolean | string"
               },
               {
@@ -5236,8 +5584,7 @@
               },
               {
                 "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"
+                "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": "wrap",
@@ -5307,6 +5654,99 @@
               }
             ]
           }
+        },
+        {
+          "name": "db-shell-sub-navigation",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/shell-sub-navigation/properties",
+          "attributes": [
+            {
+              "name": "expanded",
+              "description": "Set the expanded/collapsed state initially for the left sidebar",
+              "value": { "type": "boolean | string" }
+            },
+            {
+              "name": "expand-button-tooltip",
+              "description": "Set the tooltip for the expand/collapse button",
+              "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": "expanded",
+                "description": "Set the expanded/collapsed state initially for the left sidebar",
+                "type": "boolean | string"
+              },
+              {
+                "name": "expandButtonTooltip",
+                "description": "Set the tooltip for the expand/collapse button",
+                "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"
+              },
+              { "name": "_id" },
+              { "name": "_open", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-control-panel-flat-icon-navigation",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://design-system.deutschebahn.com/core-web/review/main/components/control-panel-flat-icon-navigation/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": "no-text", "value": { "type": "string | boolean" } },
+            {
+              "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": "noText", "type": "string | boolean" },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": []
+          }
         }
       ]
     }