@db-ux/wc-core-components 4.12.0 → 4.13.0-shell-f221975

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

@@ -63,7 +63,7 @@
         {
           "name": "behavior",
           "description": "To allow multiple items open at the same time or only 1 item",
-          "values": [{ "name": "multiple" }, { "name": "single" }]
+          "values": [{ "name": "single" }, { "name": "multiple" }]
         },
         {
           "name": "init-open-index",
@@ -158,38 +158,6 @@
       ],
       "references": []
     },
-    {
-      "name": "db-brand",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed 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", "values": [{ "name": "DBBrandProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBBrandProps[\"propOverrides\"]" }]
-        },
-        {
-          "name": "classname",
-          "values": [{ "name": "DBBrandProps[\"className\"]" }]
-        },
-        {
-          "name": "text",
-          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-button",
       "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
@@ -203,6 +171,11 @@
             { "name": "submit" }
           ]
         },
+        {
+          "name": "commandfor",
+          "description": "The [commandfor](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#commandfor) attribute turns a `<button>` into a command button that controls the given interactive element referenced by `id`.",
+          "values": []
+        },
         { "name": "id", "values": [{ "name": "DBButtonProps[\"id\"]" }] },
         {
           "name": "prop-overrides",
@@ -292,6 +265,11 @@
           "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
           "values": []
         },
+        {
+          "name": "command",
+          "description": "The [command](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command) attribute specifies the action to perform on the element controlled by a `<button>` element.",
+          "values": []
+        },
         {
           "name": "text",
           "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
@@ -429,67 +407,645 @@
           "values": []
         },
         {
-          "name": "validation",
-          "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+          "name": "validation",
+          "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+          "values": [
+            { "name": "invalid" },
+            { "name": "valid" },
+            { "name": "no-validation" }
+          ]
+        },
+        {
+          "name": "required",
+          "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBCheckboxProps[\"className\"]" }]
+        },
+        {
+          "name": "size",
+          "description": "The size attribute changes the font-size and other related sizes of the component.",
+          "values": [{ "name": "small" }, { "name": "medium" }]
+        },
+        {
+          "name": "show-required-asterisk",
+          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
+          "values": []
+        },
+        {
+          "name": "show-label",
+          "description": "Enables/disables the visibility of the label",
+          "values": []
+        },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled attribute can be set to keep a user from clicking on the item.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value property is to receive results from the native form element.",
+          "values": []
+        },
+        {
+          "name": "aria-described-by",
+          "description": "Overwrites auto handling for aria-describedby.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label attribute specifies the caption of the form element.",
+          "values": []
+        },
+        {
+          "name": "message-icon",
+          "description": "Set/overwrite icon for helper message for form components",
+          "values": [{ "name": "IconTypes" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-brand",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBControlPanelBrandProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBControlPanelBrandProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBControlPanelBrandProps[\"className\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-tooltip",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBTooltipProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTooltipProps[\"propOverrides\"]" }]
+        },
+        {
+          "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",
+          "values": [{ "name": "DBTooltipProps[\"className\"]" }]
+        },
+        {
+          "name": "emphasis",
+          "description": "The emphasis attribute divides in between a weak or strong importance.",
+          "values": [{ "name": "weak" }, { "name": "strong" }]
+        },
+        {
+          "name": "wrap",
+          "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
+          "values": []
+        },
+        {
+          "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" }]
+        },
+        {
+          "name": "text",
+          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-desktop",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **skipNavigation** - Slot to pass an anchor or link to skip the navigation and jump to main content.\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 separated by divider at the end of the control-panel-desktop\nMobile: Shown inside the drawer at the bottom.",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBControlPanelDesktopProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBControlPanelDesktopProps[\"propOverrides\"]" }
+          ]
+        },
+        {
+          "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",
+          "values": [{ "name": "DBControlPanelDesktopProps[\"className\"]" }]
+        },
+        {
+          "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-flat-icon",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **skipNavigation** - Slot to pass an anchor or link to skip the navigation and jump to main content.",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBControlPanelFlatIconProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBControlPanelFlatIconProps[\"propOverrides\"]" }
+          ]
+        },
+        {
+          "name": "no-text",
+          "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBControlPanelFlatIconProps[\"className\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-meta",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBControlPanelMetaProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBControlPanelMetaProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBControlPanelMetaProps[\"className\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-drawer-footer",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBDrawerFooterProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBDrawerFooterProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBDrawerFooterProps[\"className\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-drawer-header",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **startSlot** - Slot for start content, for example add a custom component between an icon and a label.\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
+      "attributes": [
+        {
+          "name": "text",
+          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
+          "values": []
+        },
+        { "name": "id", "values": [{ "name": "DBDrawerHeaderProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBDrawerHeaderProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBDrawerHeaderProps[\"className\"]" }]
+        },
+        {
+          "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-drawer",
+      "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **header** - Slot for changing the header of the drawer.\n- **footer** - Slot for changing the footer 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", "values": [{ "name": "DBDrawerProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBDrawerProps[\"propOverrides\"]" }]
+        },
+        {
+          "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": "classname",
+          "values": [{ "name": "DBDrawerProps[\"className\"]" }]
+        },
+        {
+          "name": "container-size",
+          "description": "Change the size of the drawer container.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" },
+            { "name": "full" }
+          ]
+        },
+        {
+          "name": "show-spacing",
+          "description": "Shows a spacing between screen and drawer-content to provide enough space for the backdrop",
+          "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.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-mobile",
+      "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **skipNavigation** - Slot to pass an anchor or link to skip the navigation and jump to main content.\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 separated by divider at the end of the control-panel-desktop\nMobile: Shown inside the drawer at the bottom.\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",
+          "values": [{ "name": "DBControlPanelMobileProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBControlPanelMobileProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "position",
+          "description": "Change the position of the mobile content panel",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBControlPanelMobileProps[\"className\"]" }]
+        },
+        {
+          "name": "drawer-header-text",
+          "description": "Text to pass in a headline for the drawer header.",
+          "values": []
+        },
+        {
+          "name": "burger-menu-label",
+          "description": "Sets the accessible label for the burger menu button of the mobile control panel.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-navigation",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "Selects the navigation interaction model: `popover` shows sub-items\nin a flyout menu, `tree` shows a collapsible tree structure.\nNote: This selects an interaction model, not just a visual variant.",
+          "values": [{ "name": "popover" }, { "name": "tree" }]
+        },
+        {
+          "name": "behavior",
+          "description": "To allow multiple items open at the same time or only 1 item",
+          "values": [{ "name": "single" }, { "name": "multiple" }]
+        },
+        {
+          "name": "arrow-scroll-distance",
+          "description": "Change amount of scroll distance when clicking on an overflow scroll arrow button.",
+          "values": []
+        },
+        {
+          "name": "id",
+          "values": [{ "name": "DBControlPanelNavigationProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBControlPanelNavigationProps[\"propOverrides\"]" }
+          ]
+        },
+        {
+          "name": "show-tree-line",
+          "description": "Show or hide the tree line connecting nested navigation items in tree variant.",
+          "values": []
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBControlPanelNavigationProps[\"className\"]" }]
+        },
+        {
+          "name": "scroll-left-text",
+          "description": "Set the text for the scroll left button",
+          "values": []
+        },
+        {
+          "name": "scroll-right-text",
+          "description": "Set the text for the scroll right button",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-navigation-item",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
+      "attributes": [
+        {
+          "name": "tooltip",
+          "description": "If you use DBShell with controlPanelDesktopPosition=\"left\" or DBControlPanelFlatIcon\nyou need to add a tooltip for collapsed navigation",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled attribute can be set to keep a user from clicking on the item.",
+          "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": "id",
+          "values": [{ "name": "DBControlPanelNavigationItemProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBControlPanelNavigationItemProps[\"propOverrides\"]" }
+          ]
+        },
+        {
+          "name": "classname",
+          "values": [
+            { "name": "DBControlPanelNavigationItemProps[\"className\"]" }
+          ]
+        },
+        {
+          "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": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-navigation-item-group",
+      "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
+      "attributes": [
+        {
+          "name": "expanded",
+          "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
+          "values": []
+        },
+        {
+          "name": "id",
+          "values": [
+            { "name": "DBControlPanelNavigationItemGroupProps[\"id\"]" }
+          ]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [
+            {
+              "name": "DBControlPanelNavigationItemGroupProps[\"propOverrides\"]"
+            }
+          ]
+        },
+        {
+          "name": "classname",
+          "values": [
+            { "name": "DBControlPanelNavigationItemGroupProps[\"className\"]" }
+          ]
+        },
+        {
+          "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": "menu-id",
+          "description": "Change id for db-control-panel-navigation-item-group-menu",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
+          "values": []
+        },
+        {
+          "name": "back-button-id",
+          "description": "The backButtonId attribute changes the id inside the back button.",
+          "values": []
+        },
+        {
+          "name": "back-button-text",
+          "description": "The backButtonText attribute changes the text inside the back button.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-primary-actions",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
+        {
+          "name": "id",
+          "values": [{ "name": "DBControlPanelPrimaryActionsProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
           "values": [
-            { "name": "invalid" },
-            { "name": "valid" },
-            { "name": "no-validation" }
+            { "name": "DBControlPanelPrimaryActionsProps[\"propOverrides\"]" }
           ]
         },
-        {
-          "name": "required",
-          "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.\nThe form element will be marked semantically as required and by default also visually with an asterisk '*' next to the label (unless the property `showRequiredAsterisk` is also set with the value `false`).",
-          "values": []
-        },
         {
           "name": "classname",
-          "values": [{ "name": "DBCheckboxProps[\"className\"]" }]
-        },
+          "values": [
+            { "name": "DBControlPanelPrimaryActionsProps[\"className\"]" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-secondary-actions",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
         {
-          "name": "size",
-          "description": "The size attribute changes the font-size and other related sizes of the component.",
-          "values": [{ "name": "small" }, { "name": "medium" }]
+          "name": "id",
+          "values": [{ "name": "DBControlPanelSecondaryActionsProps[\"id\"]" }]
         },
         {
-          "name": "show-required-asterisk",
-          "description": "This attribute allows to specify whether a form field which is marked as required will show a visual indicator (an asterisk '*').\nIt allows to prevent adding the visual indicator but still keep the field semantically required by setting its value to `false`.\nBy default, its value is `true`, so the asterisk is shown when `required` is set.",
-          "values": []
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBControlPanelSecondaryActionsProps[\"propOverrides\"]" }
+          ]
         },
         {
-          "name": "show-label",
-          "description": "Enables/disables the visibility of the label",
-          "values": []
-        },
+          "name": "classname",
+          "values": [
+            { "name": "DBControlPanelSecondaryActionsProps[\"className\"]" }
+          ]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-control-panel-skip-navigation",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "attributes": [
         {
-          "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.",
-          "values": []
+          "name": "id",
+          "values": [{ "name": "DBControlPanelSkipNavigationProps[\"id\"]" }]
         },
         {
-          "name": "disabled",
-          "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
-          "values": []
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBControlPanelSkipNavigationProps[\"propOverrides\"]" }
+          ]
         },
         {
-          "name": "value",
-          "description": "The value property is to receive results from the native form element.",
-          "values": []
+          "name": "classname",
+          "values": [
+            { "name": "DBControlPanelSkipNavigationProps[\"className\"]" }
+          ]
         },
         {
-          "name": "aria-described-by",
-          "description": "Overwrites auto handling for aria-describedby.",
+          "name": "text",
+          "description": "Change the text for the link providing a skip for navigation jumping to main content",
           "values": []
         },
         {
-          "name": "label",
-          "description": "The label attribute specifies the caption of the form element.",
+          "name": "target",
+          "description": "Target id for the skip-navigation link. Must match the `mainId` prop\non `DBShellContent` if you override it. Only one shell should exist per page.",
           "values": []
-        },
-        {
-          "name": "message-icon",
-          "description": "Set/overwrite icon for helper message for form components",
-          "values": [{ "name": "IconTypes" }]
         }
       ],
       "references": []
@@ -655,7 +1211,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": []
         },
         {
@@ -868,7 +1424,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": []
         },
         {
@@ -1026,67 +1582,6 @@
       ],
       "references": []
     },
-    {
-      "name": "db-tooltip",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
-      "attributes": [
-        { "name": "id", "values": [{ "name": "DBTooltipProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBTooltipProps[\"propOverrides\"]" }]
-        },
-        {
-          "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",
-          "values": [{ "name": "DBTooltipProps[\"className\"]" }]
-        },
-        {
-          "name": "emphasis",
-          "description": "The emphasis attribute divides in between a weak or strong importance.",
-          "values": [{ "name": "weak" }, { "name": "strong" }]
-        },
-        {
-          "name": "wrap",
-          "description": "Determines whether the text should wrap when its parent container is too small, preventing overflow.",
-          "values": []
-        },
-        {
-          "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": "text",
-          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-tag",
       "description": "\n---\n\n\n### **Events:**\n - **remove**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **content** - Default slot which is used to pass in additional content.",
@@ -1350,7 +1845,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": []
         },
         {
@@ -1429,183 +1924,51 @@
           "name": "id",
           "values": [{ "name": "DBCustomSelectFormFieldProps[\"id\"]" }]
         },
-        {
-          "name": "prop-overrides",
-          "values": [
-            { "name": "DBCustomSelectFormFieldProps[\"propOverrides\"]" }
-          ]
-        },
-        {
-          "name": "classname",
-          "values": [{ "name": "DBCustomSelectFormFieldProps[\"className\"]" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "db-divider",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
-      "attributes": [
-        { "name": "id", "values": [{ "name": "DBDividerProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBDividerProps[\"propOverrides\"]" }]
-        },
-        {
-          "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",
-          "values": [{ "name": "DBDividerProps[\"className\"]" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "db-drawer",
-      "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - This is a default/unnamed 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", "values": [{ "name": "DBDrawerProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBDrawerProps[\"propOverrides\"]" }]
-        },
-        {
-          "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": "classname",
-          "values": [{ "name": "DBDrawerProps[\"className\"]" }]
-        },
-        {
-          "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": "close-button-id",
-          "description": "The closeButtonId attribute changes the id inside the close button.",
-          "values": []
+        {
+          "name": "prop-overrides",
+          "values": [
+            { "name": "DBCustomSelectFormFieldProps[\"propOverrides\"]" }
+          ]
         },
         {
-          "name": "close-button-text",
-          "description": "The closeButtonText attribute changes the text inside the close button.",
-          "values": []
+          "name": "classname",
+          "values": [{ "name": "DBCustomSelectFormFieldProps[\"className\"]" }]
         }
       ],
       "references": []
     },
     {
-      "name": "db-header",
-      "description": "\n---\n\n\n### **Events:**\n - **toggle**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **metaNavigation** - Slot to pass in a meta navigation.\n- Desktop: Above the regular header\n- Mobile: Inside the drawer\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\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.",
+      "name": "db-divider",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
+        { "name": "id", "values": [{ "name": "DBDividerProps[\"id\"]" }] },
         {
-          "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": "prop-overrides",
+          "values": [{ "name": "DBDividerProps[\"propOverrides\"]" }]
         },
         {
-          "name": "drawer-open",
-          "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
-          "values": []
+          "name": "margin",
+          "description": "Removes the margin of the divider.",
+          "values": [{ "name": "none" }, { "name": "_" }]
         },
         {
-          "name": "classname",
-          "values": [{ "name": "DBHeaderProps[\"className\"]" }]
+          "name": "variant",
+          "description": "Changes the orientation of the divider.",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
         },
-        { "name": "id", "values": [{ "name": "DBHeaderProps[\"id\"]" }] },
         {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBHeaderProps[\"propOverrides\"]" }]
+          "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" }
-          ]
-        },
-        {
-          "name": "burger-menu-label",
-          "description": "This attribute sets the label for the burger menu button for mobile headers.",
-          "values": []
-        },
-        {
-          "name": "close-button-id",
-          "description": "The closeButtonId attribute changes the id inside the close button.",
-          "values": []
+          "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+          "values": [{ "name": "full" }, { "name": "auto" }]
         },
         {
-          "name": "close-button-text",
-          "description": "The closeButtonText attribute changes the text inside the close button.",
-          "values": []
+          "name": "classname",
+          "values": [{ "name": "DBDividerProps[\"className\"]" }]
         }
       ],
       "references": []
@@ -1761,96 +2124,6 @@
       ],
       "references": []
     },
-    {
-      "name": "db-navigation",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
-      "attributes": [
-        { "name": "id", "values": [{ "name": "DBNavigationProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBNavigationProps[\"propOverrides\"]" }]
-        },
-        {
-          "name": "classname",
-          "values": [{ "name": "DBNavigationProps[\"className\"]" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "db-navigation-item",
-      "description": "\n---\n\n\n### **Events:**\n - **click**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **subNavigation** - React-specific property to pass in a slot for sub-navigation",
-      "attributes": [
-        {
-          "name": "id",
-          "values": [{ "name": "DBNavigationItemProps[\"id\"]" }]
-        },
-        {
-          "name": "sub-navigation-expanded",
-          "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
-          "values": []
-        },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBNavigationItemProps[\"propOverrides\"]" }]
-        },
-        {
-          "name": "classname",
-          "values": [{ "name": "DBNavigationItemProps[\"className\"]" }]
-        },
-        {
-          "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.",
-          "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": "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).",
-          "values": []
-        },
-        {
-          "name": "hide-sub-navigation",
-          "description": "Force hide sub-navigation - for web component output",
-          "values": []
-        },
-        {
-          "name": "text",
-          "description": "Alternative for default slot/children. Do not use together with a text children/slot, as both will be rendered and result in duplicate labels.",
-          "values": []
-        },
-        {
-          "name": "back-button-id",
-          "description": "The backButtonId attribute changes the id inside the back button.",
-          "values": []
-        },
-        {
-          "name": "back-button-text",
-          "description": "The backButtonText attribute changes the text inside the back button.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-notification",
       "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **image** - The slotImage can be set instead of an icon.\n- **link** - The slotLink can be set for non overlay-notifications",
@@ -1962,51 +2235,10 @@
       ],
       "references": []
     },
-    {
-      "name": "db-page",
-      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed 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", "values": [{ "name": "DBPageProps[\"id\"]" }] },
-        {
-          "name": "prop-overrides",
-          "values": [{ "name": "DBPageProps[\"propOverrides\"]" }]
-        },
-        {
-          "name": "classname",
-          "values": [{ "name": "DBPageProps[\"className\"]" }]
-        },
-        {
-          "name": "main-class",
-          "description": "Adds `class` to `<main>` element",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "db-popover",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed 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", "values": [{ "name": "DBPopoverProps[\"id\"]" }] },
         {
           "name": "prop-overrides",
@@ -2050,6 +2282,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": []
@@ -2103,7 +2340,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": []
         },
         {
@@ -2254,7 +2491,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": []
         },
         {
@@ -2345,6 +2582,121 @@
       ],
       "references": []
     },
+    {
+      "name": "db-shell",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
+      "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", "values": [{ "name": "DBShellProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBShellProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBShellProps[\"className\"]" }]
+        },
+        {
+          "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": "none" }
+          ]
+        },
+        {
+          "name": "show-sub-navigation",
+          "description": "Shows sub-navigation",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-shell-content",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot\n- **startSlot** - Slot for start content, for example add a custom component between an icon and a label.\n- **endSlot** - Slot for end content, for example add a custom component between an icon and a label.",
+      "attributes": [
+        { "name": "id", "values": [{ "name": "DBShellContentProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBShellContentProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBShellContentProps[\"className\"]" }]
+        },
+        {
+          "name": "variant",
+          "description": "Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.",
+          "values": [{ "name": "auto" }, { "name": "fixed" }]
+        },
+        {
+          "name": "main-id",
+          "description": "Overrides the default `id` on the `<main>` element.\nThis id is used as the target for the shell skip-navigation link.\nOnly one `DBShellContent` should exist per page to avoid duplicate IDs.",
+          "values": []
+        },
+        {
+          "name": "main-class",
+          "description": "Adds `class` to `<main>` element",
+          "values": []
+        },
+        {
+          "name": "main-label",
+          "description": "Adds `aria-label` to `<main>` element",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "db-shell-sub-navigation",
+      "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed 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",
+          "values": [{ "name": "DBShellSubNavigationProps[\"id\"]" }]
+        },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBShellSubNavigationProps[\"propOverrides\"]" }]
+        },
+        {
+          "name": "classname",
+          "values": [{ "name": "DBShellSubNavigationProps[\"className\"]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "db-stack",
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
@@ -2458,7 +2810,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": []
         },
         {
@@ -2648,6 +3000,10 @@
           "name": "id",
           "values": [{ "name": "DBTableDataCellProps[\"id\"]" }]
         },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableDataCellProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableDataCellProps[\"className\"]" }]
@@ -2706,6 +3062,10 @@
           "name": "id",
           "values": [{ "name": "DBTableHeaderCellProps[\"id\"]" }]
         },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableHeaderCellProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableHeaderCellProps[\"className\"]" }]
@@ -2781,6 +3141,10 @@
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTableRowProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableRowProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableRowProps[\"className\"]" }]
@@ -2812,6 +3176,10 @@
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTableBodyProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableBodyProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableBodyProps[\"className\"]" }]
@@ -2825,6 +3193,10 @@
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTableFooterProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableFooterProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableFooterProps[\"className\"]" }]
@@ -2838,6 +3210,10 @@
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTableHeadProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableHeadProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableHeadProps[\"className\"]" }]
@@ -2919,6 +3295,10 @@
           ]
         },
         { "name": "id", "values": [{ "name": "DBTableProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableProps[\"propOverrides\"]" }]
+        },
         {
           "name": "caption-plain",
           "description": "String alternative for table caption slot",
@@ -2932,6 +3312,10 @@
       "description": "\n---\n\n\n### **Slots:**\n - **children** - This is a default/unnamed slot",
       "attributes": [
         { "name": "id", "values": [{ "name": "DBTableCaptionProps[\"id\"]" }] },
+        {
+          "name": "prop-overrides",
+          "values": [{ "name": "DBTableCaptionProps[\"propOverrides\"]" }]
+        },
         {
           "name": "classname",
           "values": [{ "name": "DBTableCaptionProps[\"className\"]" }]
@@ -2955,7 +3339,7 @@
         },
         {
           "name": "arrow-scroll-distance",
-          "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
+          "description": "Change amount of scroll distance when clicking on an overflow scroll arrow button.",
           "values": []
         },
         {
@@ -3000,6 +3384,16 @@
           "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": "scroll-left-text",
+          "description": "Set the text for the scroll left button",
+          "values": []
+        },
+        {
+          "name": "scroll-right-text",
+          "description": "Set the text for the scroll right button",
+          "values": []
         }
       ],
       "references": []
@@ -3108,7 +3502,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": []
         },
         {
@@ -3378,29 +3772,6 @@
       ],
       "references": []
     },
-    {
-      "name": "brand-density",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "brand-variants",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "brand-showcase",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "is-patternhub",
-          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "button-density",
       "description": "\n---\n",
@@ -3578,6 +3949,116 @@
       ],
       "references": []
     },
+    {
+      "name": "control-panel-brand-density",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-brand-variant",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-brand-showcase",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "is-patternhub",
+          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "control-panel-desktop-density",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-desktop-examples",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-desktop-orientation",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-desktop-width",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-desktop-showcase",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "is-patternhub",
+          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "control-panel-flat-icon-density",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-flat-icon-no-text",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-flat-icon-showcase",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "is-patternhub",
+          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "control-panel-mobile-examples-bottom",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-mobile-examples",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-mobile-position",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "control-panel-mobile-showcase",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "is-patternhub",
+          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "custom-button-checkbox",
       "description": "\n---\n",
@@ -3661,6 +4142,12 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "custom-select-dropdown-width-auto",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "custom-select-dropdown-width",
       "description": "\n---\n",
@@ -3864,13 +4351,13 @@
       "references": []
     },
     {
-      "name": "drawer-size",
+      "name": "drawer-show-spacing",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "drawer-spacing",
+      "name": "drawer-size",
       "description": "\n---\n",
       "attributes": [],
       "references": []
@@ -3887,31 +4374,19 @@
       "references": []
     },
     {
-      "name": "header-behavior",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "header-density",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "header-examples",
+      "name": "drawer-header-example",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "header-width",
+      "name": "drawer-header-slots",
       "description": "\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "header-showcase",
+      "name": "drawer-header-showcase",
       "description": "\n---\n",
       "attributes": [
         {
@@ -4151,76 +4626,6 @@
       ],
       "references": []
     },
-    {
-      "name": "navigation-density",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-showcase",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "is-patternhub",
-          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "navigation-item-active",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-density",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-disabled",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-expanded",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-show-icon",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-width",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-wrap",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "navigation-item-showcase",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "is-patternhub",
-          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "notification-closeable",
       "description": "\n---\n",
@@ -4534,6 +4939,59 @@
       ],
       "references": []
     },
+    {
+      "name": "shell-content",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-deep-navigation",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-flat-icon",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-position",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-slots",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-sub-navigation",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-tree-navigation",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "shell-showcase",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "is-patternhub",
+          "values": [{ "name": "PatternhubProps[\"isPatternhub\"]" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "stack-alignment-column",
       "description": "\n---\n",