@db-ux/wc-core-components 3.0.2-copilot2-e7bf98b → 3.0.2-shell-ed0ed7c

package/dist/vscode.html-custom-data.json

@@ -148,39 +148,6 @@
       ],
       "references": []
     },
-    {
-      "name": "db-brand",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-      "attributes": [
-        { "name": "hide-logo", "description": "", "values": [] },
-        {
-          "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.",
-          "values": [{ "name": "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.",
-          "values": []
-        },
-        {
-          "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.",
-          "values": []
-        },
-        {
-          "name": "classname",
-          "description": "React specific for adding className to the component.",
-          "values": []
-        },
-        {
-          "name": "text",
-          "description": "Alternative for default slot/children.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-button",
       "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - default slot",
@@ -453,7 +420,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.",
           "values": []
         },
         {
@@ -479,6 +446,318 @@
       ],
       "references": []
     },
+    {
+      "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",
+      "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.",
+          "values": [{ "name": "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Alternative for default slot/children.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-tooltip",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
+          "values": [{ "name": "description" }, { "name": "label" }]
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "emphasis",
+          "description": "The emphasis attribute divides in between a weak or strong importance.",
+          "values": [{ "name": "weak" }, { "name": "strong" }]
+        },
+        {
+          "name": "animation",
+          "description": "Disable animation",
+          "values": []
+        },
+        {
+          "name": "delay",
+          "description": "Add a delay before showing the tooltip",
+          "values": [{ "name": "none" }, { "name": "slow" }, { "name": "fast" }]
+        },
+        {
+          "name": "width",
+          "description": "Use fixed with for default max-width",
+          "values": [{ "name": "auto" }, { "name": "fixed" }]
+        },
+        {
+          "name": "show-arrow",
+          "description": "Show/Hides arrow",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+          "values": [{ "name": "undefined" }, { "name": "undefined" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "expanded",
+          "description": "Set the expanded/collapsed state initially for the left sidebar",
+          "values": []
+        },
+        {
+          "name": "expand-button-tooltip",
+          "description": "Set the tooltip for the expand/collapse button",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Set max width for the component",
+          "values": [
+            { "name": "full" },
+            { "name": "medium" },
+            { "name": "large" },
+            { "name": "small" }
+          ]
+        },
+        {
+          "name": "orientation",
+          "description": "Change the orientation. Defaults to horizontal.",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-meta-navigation",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "The open attribute opens or closes the drawer based on the state.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [{ "name": "fixed" }, { "name": "absolute" }]
+        },
+        {
+          "name": "backdrop",
+          "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
+          "values": [
+            { "name": "none" },
+            { "name": "strong" },
+            { "name": "weak" },
+            { "name": "invisible" }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Set the variant modal|inside. Defaults to modal.",
+          "values": [{ "name": "modal" }, { "name": "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.",
+          "values": []
+        },
+        {
+          "name": "direction",
+          "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
+          "values": [
+            { "name": "custom" },
+            { "name": "left" },
+            { "name": "right" },
+            { "name": "up" },
+            { "name": "down" }
+          ]
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "spacing",
+          "description": "The spacing attribute changes the padding of the component.",
+          "values": [
+            { "name": "medium" },
+            { "name": "small" },
+            { "name": "large" },
+            { "name": "none" }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+          "values": [{ "name": "full" }, { "name": "auto" }]
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "drawer-header-plain",
+          "description": "Text for changing the header of the drawer.",
+          "values": []
+        },
+        {
+          "name": "close-button-id",
+          "description": "The closeButtonId attribute changes the id inside the close button.",
+          "values": []
+        },
+        {
+          "name": "close-button-text",
+          "description": "The closeButtonText attribute changes the text inside the close button.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "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",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "Set max width for the component",
+          "values": [
+            { "name": "full" },
+            { "name": "medium" },
+            { "name": "large" },
+            { "name": "small" }
+          ]
+        },
+        {
+          "name": "position",
+          "description": "Change the position of the mobile content panel",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "variant",
+          "description": "Change the variant of the mobile content panel",
+          "values": [{ "name": "drawer" }, { "name": "flat-icon" }]
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "drawer-headline-plain",
+          "description": "Text to pass in a headline for the drawer header.",
+          "values": []
+        },
+        {
+          "name": "burger-menu-label",
+          "description": "This attribute sets the label for the burger menu button for mobile control-panel-desktops.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-primary-actions",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-secondary-actions",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "db-custom-select-dropdown",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
@@ -561,7 +840,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.",
           "values": []
         },
         {
@@ -768,7 +1047,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.",
           "values": []
         },
         {
@@ -885,58 +1164,6 @@
       ],
       "references": []
     },
-    {
-      "name": "db-tooltip",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-      "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.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "Change the behavior of the tooltip:\n- description: Adds `aria-describedby` to parent\n- label: Adds `aria-labelledby` to parent",
-          "values": [{ "name": "description" }, { "name": "label" }]
-        },
-        {
-          "name": "placement",
-          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-          "values": [{ "name": "undefined" }, { "name": "undefined" }]
-        },
-        {
-          "name": "classname",
-          "description": "React specific for adding className to the component.",
-          "values": []
-        },
-        {
-          "name": "emphasis",
-          "description": "The emphasis attribute divides in between a weak or strong importance.",
-          "values": [{ "name": "weak" }, { "name": "strong" }]
-        },
-        {
-          "name": "animation",
-          "description": "Disable animation",
-          "values": []
-        },
-        {
-          "name": "delay",
-          "description": "Add a delay before showing the tooltip",
-          "values": [{ "name": "none" }, { "name": "slow" }, { "name": "fast" }]
-        },
-        {
-          "name": "width",
-          "description": "Use fixed with for default max-width",
-          "values": [{ "name": "auto" }, { "name": "fixed" }]
-        },
-        {
-          "name": "show-arrow",
-          "description": "Show/Hides arrow",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-tag",
       "description": "\n---\n\n\n### **Events:**\n - **remove**\n\n### **Slots:**\n - **children** - default slot\n- **content** - Default slot which is used to pass in additional content.",
@@ -1202,7 +1429,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.",
           "values": []
         },
         {
@@ -1225,222 +1452,98 @@
           "description": "Search placeholder",
           "values": []
         },
-        {
-          "name": "aria-list-label",
-          "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
-          "values": []
-        },
-        {
-          "name": "loading-text",
-          "description": "Dropdown - hint if data has to be loaded",
-          "values": []
-        },
-        {
-          "name": "no-results-text",
-          "description": "Dropdown - hint if there are no options",
-          "values": []
-        },
-        {
-          "name": "mobile-close-button-text",
-          "description": "Change the button text for mobile close",
-          "values": []
-        },
-        {
-          "name": "show-clear-selection",
-          "description": "Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.",
-          "values": []
-        },
-        {
-          "name": "clear-selection-text",
-          "description": "Label for the clear selection button",
-          "values": []
-        },
-        {
-          "name": "placeholder",
-          "description": "Text that appears in the form control when it has no value set",
-          "values": []
-        },
-        {
-          "name": "message-icon",
-          "description": "Set/overwrite icon for helper message for form components",
-          "values": [{ "name": "IconTypes" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "db-custom-select-form-field",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-      "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.",
-          "values": []
-        },
-        {
-          "name": "classname",
-          "description": "React specific for adding className to the component.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "db-divider",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
-      "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.",
-          "values": []
-        },
-        {
-          "name": "margin",
-          "description": "Removes the margin of the divider.",
-          "values": [{ "name": "none" }, { "name": "_" }]
-        },
-        {
-          "name": "variant",
-          "description": "Changes the orientation of the divider.",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
-        },
-        {
-          "name": "emphasis",
-          "description": "The emphasis attribute divides in between a weak or strong importance.",
-          "values": [{ "name": "weak" }, { "name": "strong" }]
-        },
-        {
-          "name": "width",
-          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-          "values": [{ "name": "full" }, { "name": "auto" }]
-        },
-        {
-          "name": "classname",
-          "description": "React specific for adding className to the component.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "open",
-          "description": "The open attribute opens or closes the drawer based on the state.",
-          "values": []
-        },
-        {
-          "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.",
-          "values": [{ "name": "fixed" }, { "name": "absolute" }]
-        },
-        {
-          "name": "backdrop",
-          "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
-          "values": [
-            { "name": "none" },
-            { "name": "strong" },
-            { "name": "weak" },
-            { "name": "invisible" }
-          ]
-        },
-        {
-          "name": "variant",
-          "description": "Set the variant modal|inside. Defaults to modal.",
-          "values": [{ "name": "modal" }, { "name": "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.",
-          "values": []
-        },
-        {
-          "name": "direction",
-          "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
-          "values": [
-            { "name": "left" },
-            { "name": "right" },
-            { "name": "up" },
-            { "name": "down" }
-          ]
+        {
+          "name": "aria-list-label",
+          "description": "Overwrite the default aria-label (props.label) for the custom-select-list",
+          "values": []
         },
         {
-          "name": "classname",
-          "description": "React specific for adding className to the component.",
+          "name": "loading-text",
+          "description": "Dropdown - hint if data has to be loaded",
           "values": []
         },
         {
-          "name": "spacing",
-          "description": "The spacing attribute changes the padding of the component.",
-          "values": [
-            { "name": "medium" },
-            { "name": "small" },
-            { "name": "large" },
-            { "name": "none" }
-          ]
+          "name": "no-results-text",
+          "description": "Dropdown - hint if there are no options",
+          "values": []
         },
         {
-          "name": "width",
-          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-          "values": [{ "name": "full" }, { "name": "auto" }]
+          "name": "mobile-close-button-text",
+          "description": "Change the button text for mobile close",
+          "values": []
         },
         {
-          "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.",
+          "name": "show-clear-selection",
+          "description": "Show clear selection button (default:true). Hide it if you have very small inputs e.g. in tables.",
           "values": []
         },
         {
-          "name": "close-button-id",
-          "description": "The closeButtonId attribute changes the id inside the close button.",
+          "name": "clear-selection-text",
+          "description": "Label for the clear selection button",
           "values": []
         },
         {
-          "name": "close-button-text",
-          "description": "The closeButtonText attribute changes the text inside the close button.",
+          "name": "placeholder",
+          "description": "Text that appears in the form control when it has no value set",
           "values": []
+        },
+        {
+          "name": "message-icon",
+          "description": "Set/overwrite icon for helper message for form components",
+          "values": [{ "name": "IconTypes" }]
         }
       ],
       "references": []
     },
     {
-      "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",
+      "name": "db-custom-select-form-field",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
       "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'",
-          "values": []
-        },
-        {
-          "name": "drawer-open",
-          "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
+          "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.",
           "values": []
         },
         {
           "name": "classname",
           "description": "React specific for adding className to the component.",
           "values": []
-        },
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-divider",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "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.",
           "values": []
         },
+        {
+          "name": "margin",
+          "description": "Removes the margin of the divider.",
+          "values": [{ "name": "none" }, { "name": "_" }]
+        },
+        {
+          "name": "variant",
+          "description": "Changes the orientation of the divider.",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "emphasis",
+          "description": "The emphasis attribute divides in between a weak or strong importance.",
+          "values": [{ "name": "weak" }, { "name": "strong" }]
+        },
         {
           "name": "width",
-          "description": "Set max width for the component",
-          "values": [
-            { "name": "full" },
-            { "name": "medium" },
-            { "name": "large" },
-            { "name": "small" }
-          ]
+          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+          "values": [{ "name": "full" }, { "name": "auto" }]
         },
         {
-          "name": "burger-menu-label",
-          "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.",
           "values": []
         }
       ],
@@ -1575,11 +1678,21 @@
       "name": "db-navigation",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
       "attributes": [
+        {
+          "name": "variant",
+          "values": [{ "name": "popover" }, { "name": "tree" }]
+        },
+        {
+          "name": "arrow-scroll-distance",
+          "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
+          "values": []
+        },
         {
           "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.",
           "values": []
         },
+        { "name": "show-tree-line", "values": [] },
         {
           "name": "classname",
           "description": "React specific for adding className to the component.",
@@ -1590,10 +1703,52 @@
     },
     {
       "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",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [{ "name": "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.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled attribute can be set to keep a user from clicking on the item.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "If you use DBShell with controlPanelDesktopPosition=\"left\" you need\nto add a tooltip for collapsed navigation",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "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",
       "attributes": [
         {
-          "name": "sub-navigation-expanded",
+          "name": "expanded",
           "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
           "values": []
         },
@@ -1607,11 +1762,6 @@
           "description": "React specific for adding className to the component.",
           "values": []
         },
-        {
-          "name": "width",
-          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
-          "values": [{ "name": "full" }, { "name": "auto" }]
-        },
         {
           "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.",
@@ -1627,19 +1777,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.",
           "values": []
         },
-        {
-          "name": "wrap",
-          "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
-          "values": []
-        },
         {
           "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.",
           "values": []
         },
         {
           "name": "text",
-          "description": "Alternative for default slot/children.",
+          "description": "Set the text for the navigation-item",
           "values": []
         },
         {
@@ -1757,52 +1902,10 @@
       ],
       "references": []
     },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "fade-in",
-          "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
-          "values": []
-        },
-        {
-          "name": "document-overflow",
-          "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
-          "values": [{ "name": "hidden" }, { "name": "auto" }]
-        },
-        {
-          "name": "variant",
-          "description": "The variant=fixed uses flex-box to make header and footer static",
-          "values": [{ "name": "auto" }, { "name": "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.",
-          "values": []
-        },
-        {
-          "name": "classname",
-          "description": "React specific for adding className to the component.",
-          "values": []
-        },
-        {
-          "name": "main-class",
-          "description": "Adds `class` to `<main>` element",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-popover",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **trigger** - The trigger to open the popover e.g. a button",
       "attributes": [
-        {
-          "name": "placement",
-          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
-          "values": [{ "name": "undefined" }, { "name": "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.",
@@ -1847,6 +1950,11 @@
           "name": "width",
           "description": "Use fixed with for default max-width",
           "values": [{ "name": "auto" }, { "name": "fixed" }]
+        },
+        {
+          "name": "placement",
+          "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+          "values": [{ "name": "undefined" }, { "name": "undefined" }]
         }
       ],
       "references": []
@@ -1901,7 +2009,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.",
           "values": []
         },
         {
@@ -2044,7 +2152,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.",
           "values": []
         },
         {
@@ -2140,6 +2248,58 @@
       ],
       "references": []
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "fade-in",
+          "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        },
+        {
+          "name": "control-panel-desktop-position",
+          "description": "Change the position of the desktop content panel",
+          "values": [{ "name": "top" }, { "name": "left" }]
+        },
+        {
+          "name": "control-panel-mobile-position",
+          "description": "Change the position of the mobile content panel",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "sub-navigation-desktop-position",
+          "description": "Change the position of the optional sub navigation for desktop",
+          "values": [{ "name": "top" }, { "name": "left" }]
+        },
+        {
+          "name": "sub-navigation-mobile-position",
+          "description": "Change the position of the optional sub navigation for mobile",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "show-sub-navigation",
+          "description": "Shows sub-navigation",
+          "values": []
+        },
+        {
+          "name": "main-class",
+          "description": "Adds `class` to `<main>` element",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "db-stack",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
@@ -2259,7 +2419,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.",
           "values": []
         },
         {
@@ -2587,7 +2747,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.",
           "values": []
         },
         {
@@ -2720,6 +2880,51 @@
         }
       ],
       "references": []
+    },
+    {
+      "name": "db-shell-sub-navigation",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "attributes": [
+        {
+          "name": "expanded",
+          "description": "Set the expanded/collapsed state initially for the left sidebar",
+          "values": []
+        },
+        {
+          "name": "expand-button-tooltip",
+          "description": "Set the tooltip for the expand/collapse button",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-flat-icon-navigation",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+      "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.",
+          "values": []
+        },
+        { "name": "no-text", "values": [] },
+        {
+          "name": "classname",
+          "description": "React specific for adding className to the component.",
+          "values": []
+        }
+      ],
+      "references": []
     }
   ]
 }