@db-ux/wc-core-components 1.0.0-test-13b991d

package/dist/web-types.json

@@ -0,0 +1,3991 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "name": "@db-ux/wc-core-components",
+  "version": "0.0.0",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "elements": [
+        {
+          "name": "db-button",
+          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/button/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "type",
+              "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
+              "value": { "type": "\"button\" | \"reset\" | \"submit\"" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "label",
+              "description": "The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "size",
+              "description": "The size attribute changes the font-size and other related sizes of the component.",
+              "value": { "type": "\"small\" | \"medium\"" }
+            },
+            {
+              "name": "state",
+              "description": "Show loading progress inside button.",
+              "value": { "type": "\"loading\"" }
+            },
+            {
+              "name": "width",
+              "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+              "value": { "type": "\"full\" | \"auto\"" }
+            },
+            {
+              "name": "variant",
+              "description": "Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.",
+              "value": {
+                "type": "\"outlined\" | \"brand\" | \"filled\" | \"ghost\" | string"
+              }
+            },
+            {
+              "name": "no-text",
+              "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "value",
+              "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "describedbyid",
+              "description": "[`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "ariaexpanded",
+              "description": "If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "ariapressed",
+              "description": "Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [{ "name": "onClick", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "type",
+                "description": "The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).",
+                "type": "\"button\" | \"reset\" | \"submit\""
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size attribute changes the font-size and other related sizes of the component.",
+                "type": "\"small\" | \"medium\""
+              },
+              {
+                "name": "state",
+                "description": "Show loading progress inside button.",
+                "type": "\"loading\""
+              },
+              {
+                "name": "width",
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\""
+              },
+              {
+                "name": "variant",
+                "description": "Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.",
+                "type": "\"outlined\" | \"brand\" | \"filled\" | \"ghost\" | string"
+              },
+              {
+                "name": "noText",
+                "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+                "type": "boolean"
+              },
+              {
+                "name": "name",
+                "description": "The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).",
+                "type": "string"
+              },
+              {
+                "name": "describedbyid",
+                "description": "[`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.",
+                "type": "string"
+              },
+              {
+                "name": "ariaexpanded",
+                "description": "If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).",
+                "type": "boolean"
+              },
+              {
+                "name": "ariapressed",
+                "description": "Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).",
+                "type": "boolean"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "onClick", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-notification",
+          "description": "\n---\n\n\n### **Events:**\n - **onClose**\n\n### **Slots:**\n - **children** - default slot\n- **image** - The slotImage can be set instead of an icon.\n- **link** - The slotLink can be set for non overlay-notifications",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/notification/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "aria-live",
+              "description": "The arialive attribute will lead to that the screenreader interrupts immediately\nand reads out the notification if set to \"assertive\", while it will wait for the\nuser's idleness when set to \"polite\", compare to [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)",
+              "value": { "type": "\"assertive\" | \"polite\" | \"off\"" }
+            },
+            {
+              "name": "semantic",
+              "description": "The semantic defines the default variants for most components.",
+              "value": {
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              }
+            },
+            {
+              "name": "variant",
+              "description": "The variant attribute changes the styling of the notification.\nThe docked notifications are used e.g. between header and main content to show a global alert.\nThe standalone notifications are used  e.g. inside a form to show an alert for a specific field.\nThe overlay notifications are used for absolute and floating notifications like snackbars etc.",
+              "value": { "type": "\"docked\" | \"standalone\" | \"overlay\"" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "link-variant",
+              "description": "The linkVariant will be used if slotLink is set.",
+              "value": { "type": "\"block\" | \"inline\"" }
+            },
+            {
+              "name": "headline",
+              "description": "The headline attribute changes the text of the bold headline.",
+              "value": { "type": "string | any" }
+            },
+            {
+              "name": "show-headline",
+              "description": "Enables or disables the visibility of the headline.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "timestamp",
+              "description": "The timestamp attribute can be set for overlay notifications",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-timestamp",
+              "description": "Enables or disables the visibility of the timestamp.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "closeable",
+              "description": "The closeable attribute shows/hides the close button on the top right.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "close-button-id",
+              "description": "The closeButtonId attribute changes the id inside the close button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "close-button-text",
+              "description": "The closeButtonText attribute changes the text inside the close button.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "image",
+              "description": "The slotImage can be set instead of an icon."
+            },
+            {
+              "name": "link",
+              "description": "The slotLink can be set for non overlay-notifications"
+            }
+          ],
+          "events": [{ "name": "onClose", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "ariaLive",
+                "description": "The arialive attribute will lead to that the screenreader interrupts immediately\nand reads out the notification if set to \"assertive\", while it will wait for the\nuser's idleness when set to \"polite\", compare to [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)",
+                "type": "\"assertive\" | \"polite\" | \"off\""
+              },
+              {
+                "name": "semantic",
+                "description": "The semantic defines the default variants for most components.",
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              },
+              {
+                "name": "variant",
+                "description": "The variant attribute changes the styling of the notification.\nThe docked notifications are used e.g. between header and main content to show a global alert.\nThe standalone notifications are used  e.g. inside a form to show an alert for a specific field.\nThe overlay notifications are used for absolute and floating notifications like snackbars etc.",
+                "type": "\"docked\" | \"standalone\" | \"overlay\""
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "linkVariant",
+                "description": "The linkVariant will be used if slotLink is set.",
+                "type": "\"block\" | \"inline\""
+              },
+              {
+                "name": "headline",
+                "description": "The headline attribute changes the text of the bold headline.",
+                "type": "string | any"
+              },
+              {
+                "name": "showHeadline",
+                "description": "Enables or disables the visibility of the headline.",
+                "type": "boolean"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              },
+              {
+                "name": "timestamp",
+                "description": "The timestamp attribute can be set for overlay notifications",
+                "type": "string"
+              },
+              {
+                "name": "showTimestamp",
+                "description": "Enables or disables the visibility of the timestamp.",
+                "type": "boolean"
+              },
+              {
+                "name": "closeable",
+                "description": "The closeable attribute shows/hides the close button on the top right.",
+                "type": "boolean"
+              },
+              {
+                "name": "closeButtonId",
+                "description": "The closeButtonId attribute changes the id inside the close button.",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonText",
+                "description": "The closeButtonText attribute changes the text inside the close button.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "onClose", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-badge",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/badge/properties",
+          "attributes": [
+            {
+              "name": "placement",
+              "description": "The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.",
+              "value": {
+                "type": "\"inline\" | \"corner-top-left\" | \"corner-top-right\" | \"corner-center-left\" | \"corner-center-right\" | \"corner-bottom-left\" | \"corner-bottom-right\""
+              }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "semantic",
+              "description": "The semantic defines the default variants for most components.",
+              "value": {
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size attribute changes the font-size and other related sizes of the component.",
+              "value": { "type": "\"small\" | \"medium\"" }
+            },
+            {
+              "name": "emphasis",
+              "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
+              "value": { "type": "\"undefined\" | \"origin\"" }
+            },
+            {
+              "name": "label",
+              "description": "Describes the badge for a11y if you use placement attribute with `corner-*`",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "placement",
+                "description": "The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"inline\" | \"corner-top-left\" | \"corner-top-right\" | \"corner-center-left\" | \"corner-center-right\" | \"corner-bottom-left\" | \"corner-bottom-right\""
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "semantic",
+                "description": "The semantic defines the default variants for most components.",
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              },
+              {
+                "name": "size",
+                "description": "The size attribute changes the font-size and other related sizes of the component.",
+                "type": "\"small\" | \"medium\""
+              },
+              {
+                "name": "emphasis",
+                "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
+                "type": "\"undefined\" | \"origin\""
+              },
+              {
+                "name": "label",
+                "description": "Describes the badge for a11y if you use placement attribute with `corner-*`",
+                "type": "string"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-brand",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/brand/properties",
+          "attributes": [
+            {
+              "name": "hide-logo",
+              "description": "",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "hideLogo", "description": "", "type": "boolean" },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-card",
+          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/card/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "behavior",
+              "description": "Makes the card interactive",
+              "value": { "type": "\"static\" | \"interactive\"" }
+            },
+            {
+              "name": "elevation-level",
+              "description": "Changes the elevation of the card which is equal to `basic-background-level`",
+              "value": { "type": "\"1\" | \"2\" | \"3\"" }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing attribute changes the padding of the component.",
+              "value": {
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [{ "name": "onClick", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "behavior",
+                "description": "Makes the card interactive",
+                "type": "\"static\" | \"interactive\""
+              },
+              {
+                "name": "elevationLevel",
+                "description": "Changes the elevation of the card which is equal to `basic-background-level`",
+                "type": "\"1\" | \"2\" | \"3\""
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing attribute changes the padding of the component.",
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              }
+            ],
+            "events": [{ "name": "onClick", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-infotext",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/infotext/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "semantic",
+              "description": "The semantic defines the default variants for most components.",
+              "value": {
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size attribute changes the font-size and other related sizes of the component.",
+              "value": { "type": "\"small\" | \"medium\"" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "semantic",
+                "description": "The semantic defines the default variants for most components.",
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              },
+              {
+                "name": "size",
+                "description": "The size attribute changes the font-size and other related sizes of the component.",
+                "type": "\"small\" | \"medium\""
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-checkbox",
+          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/checkbox/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message",
+              "description": "Optional helper message for form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-message",
+              "description": "Enables or disables the visibility of the message.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "checked",
+              "description": "Define the radio or checkbox elements checked state",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "indeterminate",
+              "description": "Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox",
+              "value": { "type": "boolean" }
+            },
+            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
+            { "name": "blur", "value": { "type": "functiontype" } },
+            { "name": "focus", "value": { "type": "functiontype" } },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "size",
+              "description": "The size attribute changes the font-size and other related sizes of the component.",
+              "value": { "type": "\"small\" | \"medium\"" }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "value",
+              "description": "The value property is to receive results from the native form element.",
+              "value": { "type": "any" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message-icon",
+              "description": "Set/overwrite icon for helper message for form components",
+              "value": { "type": "IconTypes" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onChange", "type": "any" },
+            { "name": "onBlur", "type": "any" },
+            { "name": "onFocus", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "message",
+                "description": "Optional helper message for form components",
+                "type": "string"
+              },
+              {
+                "name": "showMessage",
+                "description": "Enables or disables the visibility of the message.",
+                "type": "boolean"
+              },
+              {
+                "name": "checked",
+                "description": "Define the radio or checkbox elements checked state",
+                "type": "boolean"
+              },
+              {
+                "name": "indeterminate",
+                "description": "Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox",
+                "type": "boolean"
+              },
+              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
+              { "name": "blur", "type": "functiontype" },
+              { "name": "focus", "type": "functiontype" },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The size attribute changes the font-size and other related sizes of the component.",
+                "type": "\"small\" | \"medium\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value property is to receive results from the native form element.",
+                "type": "any"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              {
+                "name": "messageIcon",
+                "description": "Set/overwrite icon for helper message for form components",
+                "type": "IconTypes"
+              },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_id" },
+              { "name": "_messageId" },
+              { "name": "_validMessageId" },
+              { "name": "_invalidMessageId" },
+              { "name": "_descByIds", "type": "string" },
+              { "name": "_voiceOverFallback", "type": "string" }
+            ],
+            "events": [
+              { "name": "onChange", "type": "any" },
+              { "name": "onBlur", "type": "any" },
+              { "name": "onFocus", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-divider",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/divider/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "margin",
+              "description": "Removes the margin of the divider.",
+              "value": { "type": "\"none\" | \"_\"" }
+            },
+            {
+              "name": "variant",
+              "description": "Changes the orientation of the divider.",
+              "value": { "type": "\"horizontal\" | \"vertical\"" }
+            },
+            {
+              "name": "emphasis",
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
+            },
+            {
+              "name": "width",
+              "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+              "value": { "type": "\"full\" | \"auto\"" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "margin",
+                "description": "Removes the margin of the divider.",
+                "type": "\"none\" | \"_\""
+              },
+              {
+                "name": "variant",
+                "description": "Changes the orientation of the divider.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "emphasis",
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
+              },
+              {
+                "name": "width",
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\""
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-drawer",
+          "description": "\n---\n\n\n### **Events:**\n - **close**\n\n### **Slots:**\n - **children** - default slot\n- **drawerHeader** - Slot for changing the header of the drawer.",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/drawer/properties",
+          "attributes": [
+            {
+              "name": "open",
+              "description": "The open attribute opens or closes the drawer based on the state.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "backdrop",
+              "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
+              "value": {
+                "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Set the variant modal|inside. Defaults to modal.",
+              "value": { "type": "\"modal\" | \"inside\"" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing attribute changes the padding of the component.",
+              "value": {
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              }
+            },
+            {
+              "name": "width",
+              "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+              "value": { "type": "\"full\" | \"auto\"" }
+            },
+            {
+              "name": "direction",
+              "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
+              "value": { "type": "\"left\" | \"right\" | \"up\" | \"down\"" }
+            },
+            {
+              "name": "rounded",
+              "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "close-button-id",
+              "description": "The closeButtonId attribute changes the id inside the close button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "close-button-text",
+              "description": "The closeButtonText attribute changes the text inside the close button.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "drawerHeader",
+              "description": "Slot for changing the header of the drawer."
+            }
+          ],
+          "events": [{ "name": "close", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "open",
+                "description": "The open attribute opens or closes the drawer based on the state.",
+                "type": "boolean"
+              },
+              {
+                "name": "backdrop",
+                "description": "The backdrop attribute changes the opacity of the backdrop.\nThe backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`",
+                "type": "\"none\" | \"strong\" | \"weak\" | \"invisible\""
+              },
+              {
+                "name": "variant",
+                "description": "Set the variant modal|inside. Defaults to modal.",
+                "type": "\"modal\" | \"inside\""
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing attribute changes the padding of the component.",
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              },
+              {
+                "name": "width",
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\""
+              },
+              {
+                "name": "direction",
+                "description": "The direction attribute changes the position & animation of the drawer.\nE.g. \"left\" slides from left screen border to the right.",
+                "type": "\"left\" | \"right\" | \"up\" | \"down\""
+              },
+              {
+                "name": "rounded",
+                "description": "The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\nThe \"end\" depends on which direction you use.",
+                "type": "boolean"
+              },
+              {
+                "name": "closeButtonId",
+                "description": "The closeButtonId attribute changes the id inside the close button.",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonText",
+                "description": "The closeButtonText attribute changes the text inside the close button.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "close", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-header",
+          "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **metaNavigation** - Slot to pass in a meta navigation.\nDesktop: Above the regular header\nMobile: Inside the drawer\n- **secondaryAction** - Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown seperated by divider at the end of the header\nMobile: Shown inside the drawer at the bottom.\n- **brand** - Slot to pass in the DBBrand component\n- **primaryAction** - Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the brand",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/header/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "force-mobile",
+              "description": "Forces the header to use mobile layout for desktop as well.\nYou should only use this setting if you really can't provide a smaller navigation.\nOverwrite size of the drawer with '--db-drawer-max-width: xxx'",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "drawer-open",
+              "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "width",
+              "description": "Set max width for the component",
+              "value": {
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              }
+            },
+            {
+              "name": "burger-menu-label",
+              "description": "This attribute sets the label for the burger menu button for mobile headers.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "metaNavigation",
+              "description": "Slot to pass in a meta navigation.\nDesktop: Above the regular header\nMobile: Inside the drawer"
+            },
+            {
+              "name": "secondaryAction",
+              "description": "Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.\nDesktop: Shown seperated by divider at the end of the header\nMobile: Shown inside the drawer at the bottom."
+            },
+            {
+              "name": "brand",
+              "description": "Slot to pass in the DBBrand component"
+            },
+            {
+              "name": "primaryAction",
+              "description": "Slot to pass one or more elements like DBButton (e.g. search) as primary action.\nDesktop: Shown next to the main-navigation\nMobile: Shown next to the brand"
+            }
+          ],
+          "events": [{ "name": "onToggle", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "forceMobile",
+                "description": "Forces the header to use mobile layout for desktop as well.\nYou should only use this setting if you really can't provide a smaller navigation.\nOverwrite size of the drawer with '--db-drawer-max-width: xxx'",
+                "type": "boolean"
+              },
+              {
+                "name": "drawerOpen",
+                "description": "Open/closes the drawer for mobile header or if `forceMobile` is true.",
+                "type": "boolean"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "width",
+                "description": "Set max width for the component",
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              },
+              {
+                "name": "burgerMenuLabel",
+                "description": "This attribute sets the label for the burger menu button for mobile headers.",
+                "type": "string"
+              },
+              { "name": "_id" },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "forcedToMobile", "type": "boolean" }
+            ],
+            "events": [{ "name": "onToggle", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-icon",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/icon/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "weight",
+              "value": {
+                "type": "\"16\" | \"20\" | \"24\" | \"32\" | \"48\" | \"64\""
+              }
+            },
+            {
+              "name": "variant",
+              "value": { "type": "\"default\" | \"inverted\" | \"filled\"" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "weight",
+                "type": "\"16\" | \"20\" | \"24\" | \"32\" | \"48\" | \"64\""
+              },
+              {
+                "name": "variant",
+                "type": "\"default\" | \"inverted\" | \"filled\""
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-input",
+          "description": "\n---\n\n\n### **Events:**\n - **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/input/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "data-list-id",
+              "description": "Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message",
+              "description": "Optional helper message for form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-message",
+              "description": "Enables or disables the visibility of the message.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "value",
+              "description": "The value property is to receive results from the native form element.",
+              "value": { "type": "any" }
+            },
+            { "name": "input", "value": { "type": "functiontype" } },
+            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "min-length",
+              "description": "Minimum length (number of characters) of value",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "max-length",
+              "description": "Maximum length (number of characters) of value",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "pattern",
+              "description": "Pattern the value must match to be valid",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
+            { "name": "blur", "value": { "type": "functiontype" } },
+            { "name": "focus", "value": { "type": "functiontype" } },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "variant",
+              "description": "Change the variant of the label to float or hidden",
+              "value": { "type": "\"above\" | \"floating\"" }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "icon-after",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "type",
+              "description": "Type of form control",
+              "value": {
+                "type": "\"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"month\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\" | string"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Text that appears in the form control when it has no value set",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "step",
+              "description": "Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",
+              "value": { "type": "number | string" }
+            },
+            {
+              "name": "max",
+              "description": "Maximum value",
+              "value": { "type": "number | string" }
+            },
+            {
+              "name": "min",
+              "description": "Minimum value",
+              "value": { "type": "number | string" }
+            },
+            {
+              "name": "read-only",
+              "description": "The disabled attribute can be set to keep a user from edit on the form element",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "form",
+              "description": "Associates the control with a form element",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "autocomplete",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+              "value": {
+                "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
+              }
+            },
+            {
+              "name": "autofocus",
+              "description": "Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "data-list",
+              "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
+              "value": { "type": "string[] | ValueLabelType[]" }
+            },
+            {
+              "name": "message-icon",
+              "description": "Set/overwrite icon for helper message for form components",
+              "value": { "type": "IconTypes" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onInput", "type": "any" },
+            { "name": "onChange", "type": "any" },
+            { "name": "onBlur", "type": "any" },
+            { "name": "onFocus", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "dataListId",
+                "description": "Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.",
+                "type": "string"
+              },
+              {
+                "name": "message",
+                "description": "Optional helper message for form components",
+                "type": "string"
+              },
+              {
+                "name": "showMessage",
+                "description": "Enables or disables the visibility of the message.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value property is to receive results from the native form element.",
+                "type": "any"
+              },
+              { "name": "input", "type": "functiontype" },
+              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "minLength",
+                "description": "Minimum length (number of characters) of value",
+                "type": "number"
+              },
+              {
+                "name": "maxLength",
+                "description": "Maximum length (number of characters) of value",
+                "type": "number"
+              },
+              {
+                "name": "pattern",
+                "description": "Pattern the value must match to be valid",
+                "type": "string"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
+              { "name": "blur", "type": "functiontype" },
+              { "name": "focus", "type": "functiontype" },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "Change the variant of the label to float or hidden",
+                "type": "\"above\" | \"floating\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "iconAfter",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
+              {
+                "name": "type",
+                "description": "Type of form control",
+                "type": "\"color\" | \"date\" | \"datetime-local\" | \"email\" | \"file\" | \"hidden\" | \"month\" | \"number\" | \"password\" | \"range\" | \"search\" | \"tel\" | \"text\" | \"time\" | \"url\" | \"week\" | string"
+              },
+              {
+                "name": "placeholder",
+                "description": "Text that appears in the form control when it has no value set",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              {
+                "name": "step",
+                "description": "Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",
+                "type": "number | string"
+              },
+              {
+                "name": "max",
+                "description": "Maximum value",
+                "type": "number | string"
+              },
+              {
+                "name": "min",
+                "description": "Minimum value",
+                "type": "number | string"
+              },
+              {
+                "name": "readOnly",
+                "description": "The disabled attribute can be set to keep a user from edit on the form element",
+                "type": "boolean"
+              },
+              {
+                "name": "form",
+                "description": "Associates the control with a form element",
+                "type": "string"
+              },
+              {
+                "name": "autocomplete",
+                "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+                "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
+              },
+              {
+                "name": "autofocus",
+                "description": "Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)",
+                "type": "boolean"
+              },
+              {
+                "name": "dataList",
+                "description": "Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.",
+                "type": "string[] | ValueLabelType[]"
+              },
+              {
+                "name": "messageIcon",
+                "description": "Set/overwrite icon for helper message for form components",
+                "type": "IconTypes"
+              },
+              { "name": "_id" },
+              { "name": "_messageId" },
+              { "name": "_validMessageId" },
+              { "name": "_invalidMessageId" },
+              { "name": "_dataListId" },
+              { "name": "_descByIds", "type": "string" },
+              { "name": "_value", "type": "string" },
+              { "name": "_voiceOverFallback", "type": "string" }
+            ],
+            "events": [
+              { "name": "onInput", "type": "any" },
+              { "name": "onChange", "type": "any" },
+              { "name": "onBlur", "type": "any" },
+              { "name": "onFocus", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-link",
+          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/link/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "href",
+              "description": "The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "target",
+              "description": "Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).",
+              "value": {
+                "type": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              }
+            },
+            {
+              "name": "rel",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "role",
+              "description": "Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "hreflang",
+              "description": "Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the link.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "selected",
+              "description": "Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "label",
+              "description": "Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "current",
+              "description": "Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).",
+              "value": {
+                "type": "boolean | \"time\" | \"true\" | \"false\" | \"date\" | \"page\" | \"step\" | \"location\""
+              }
+            },
+            {
+              "name": "size",
+              "description": "Change the size of the link",
+              "value": { "type": "\"medium\" | \"small\"" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "variant",
+              "description": "Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.",
+              "value": { "type": "\"adaptive\" | \"brand\"" }
+            },
+            {
+              "name": "content",
+              "description": "Adds a different arrow after the link to indicate external or internal link",
+              "value": { "type": "\"external\" | \"internal\"" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [{ "name": "onClick", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "description": "The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).",
+                "type": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
+              },
+              {
+                "name": "rel",
+                "description": "The relationship of the linked URL as space-separated link types.",
+                "type": "string"
+              },
+              {
+                "name": "role",
+                "description": "Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).",
+                "type": "string"
+              },
+              {
+                "name": "hreflang",
+                "description": "Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the link.",
+                "type": "boolean"
+              },
+              {
+                "name": "selected",
+                "description": "Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).",
+                "type": "string"
+              },
+              {
+                "name": "current",
+                "description": "Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).",
+                "type": "boolean | \"time\" | \"true\" | \"false\" | \"date\" | \"page\" | \"step\" | \"location\""
+              },
+              {
+                "name": "size",
+                "description": "Change the size of the link",
+                "type": "\"medium\" | \"small\""
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "variant",
+                "description": "Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.",
+                "type": "\"adaptive\" | \"brand\""
+              },
+              {
+                "name": "content",
+                "description": "Adds a different arrow after the link to indicate external or internal link",
+                "type": "\"external\" | \"internal\""
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              }
+            ],
+            "events": [{ "name": "onClick", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-page",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **header** - The slot can be used for React to set a header.\n- **footer** - The slot can be used for React to set a footer.",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/page/properties",
+          "attributes": [
+            {
+              "name": "fade-in",
+              "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "document-overflow",
+              "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
+              "value": { "type": "\"hidden\" | \"auto\"" }
+            },
+            {
+              "name": "variant",
+              "description": "The variant=fixed uses flex-box to make header and footer static",
+              "value": { "type": "\"auto\" | \"fixed\"" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "header",
+              "description": "The slot can be used for React to set a header."
+            },
+            {
+              "name": "footer",
+              "description": "The slot can be used for React to set a footer."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "fadeIn",
+                "description": "Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/",
+                "type": "boolean"
+              },
+              {
+                "name": "documentOverflow",
+                "description": "The documentOverflow sets the overflow:hidden/auto to the root document",
+                "type": "\"hidden\" | \"auto\""
+              },
+              {
+                "name": "variant",
+                "description": "The variant=fixed uses flex-box to make header and footer static",
+                "type": "\"auto\" | \"fixed\""
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              { "name": "fontsLoaded", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-radio",
+          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/radio/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "checked",
+              "description": "Define the radio or checkbox elements checked state",
+              "value": { "type": "boolean" }
+            },
+            { "name": "change", "value": { "type": "functiontype" } },
+            { "name": "blur", "value": { "type": "functiontype" } },
+            { "name": "focus", "value": { "type": "functiontype" } },
+            {
+              "name": "size",
+              "description": "The size attribute changes the font-size and other related sizes of the component.",
+              "value": { "type": "\"small\" | \"medium\"" }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "value": { "type": "boolean" }
+            },
+            { "name": "describedbyid", "value": { "type": "string" } },
+            {
+              "name": "value",
+              "description": "The value property is to receive results from the native form element.",
+              "value": { "type": "any" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onChange", "type": "any" },
+            { "name": "onBlur", "type": "any" },
+            { "name": "onFocus", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "checked",
+                "description": "Define the radio or checkbox elements checked state",
+                "type": "boolean"
+              },
+              { "name": "change", "type": "functiontype" },
+              { "name": "blur", "type": "functiontype" },
+              { "name": "focus", "type": "functiontype" },
+              {
+                "name": "size",
+                "description": "The size attribute changes the font-size and other related sizes of the component.",
+                "type": "\"small\" | \"medium\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              { "name": "describedbyid", "type": "string" },
+              {
+                "name": "value",
+                "description": "The value property is to receive results from the native form element.",
+                "type": "any"
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_id" }
+            ],
+            "events": [
+              { "name": "onChange", "type": "any" },
+              { "name": "onBlur", "type": "any" },
+              { "name": "onFocus", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-section",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/section/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing attribute changes the padding of the component.",
+              "value": {
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              }
+            },
+            {
+              "name": "width",
+              "description": "Set max width for the component",
+              "value": {
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing attribute changes the padding of the component.",
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              },
+              {
+                "name": "width",
+                "description": "Set max width for the component",
+                "type": "\"full\" | \"medium\" | \"large\" | \"small\""
+              },
+              { "name": "_id" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-select",
+          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n- **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/select/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message",
+              "description": "Optional helper message for form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-message",
+              "description": "Enables or disables the visibility of the message.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "value",
+              "description": "The value property is to receive results from the native form element.",
+              "value": { "type": "any" }
+            },
+            { "name": "input", "value": { "type": "functiontype" } },
+            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
+            { "name": "blur", "value": { "type": "functiontype" } },
+            { "name": "focus", "value": { "type": "functiontype" } },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "variant",
+              "description": "Change the variant of the label to float or hidden",
+              "value": { "type": "\"above\" | \"floating\"" }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "autocomplete",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+              "value": {
+                "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
+              }
+            },
+            {
+              "name": "options",
+              "description": "If you don't/can't use children/slots you can pass in the options as an array.",
+              "value": { "type": "DBSelectOptionType[]" }
+            },
+            {
+              "name": "placeholder",
+              "description": "Text that appears in the form control when it has no value set",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message-icon",
+              "description": "Set/overwrite icon for helper message for form components",
+              "value": { "type": "IconTypes" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onClick", "type": "any" },
+            { "name": "onInput", "type": "any" },
+            { "name": "onChange", "type": "any" },
+            { "name": "onBlur", "type": "any" },
+            { "name": "onFocus", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "message",
+                "description": "Optional helper message for form components",
+                "type": "string"
+              },
+              {
+                "name": "showMessage",
+                "description": "Enables or disables the visibility of the message.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value property is to receive results from the native form element.",
+                "type": "any"
+              },
+              { "name": "input", "type": "functiontype" },
+              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
+              { "name": "blur", "type": "functiontype" },
+              { "name": "focus", "type": "functiontype" },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "Change the variant of the label to float or hidden",
+                "type": "\"above\" | \"floating\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
+              {
+                "name": "autocomplete",
+                "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+                "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
+              },
+              {
+                "name": "options",
+                "description": "If you don't/can't use children/slots you can pass in the options as an array.",
+                "type": "DBSelectOptionType[]"
+              },
+              {
+                "name": "placeholder",
+                "description": "Text that appears in the form control when it has no value set",
+                "type": "string"
+              },
+              {
+                "name": "messageIcon",
+                "description": "Set/overwrite icon for helper message for form components",
+                "type": "IconTypes"
+              },
+              { "name": "_id" },
+              { "name": "_messageId" },
+              { "name": "_validMessageId" },
+              { "name": "_invalidMessageId" },
+              { "name": "_placeholderId", "type": "string" },
+              { "name": "_descByIds", "type": "string" },
+              { "name": "_value", "type": "string" },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_voiceOverFallback", "type": "string" }
+            ],
+            "events": [
+              { "name": "onClick", "type": "any" },
+              { "name": "onInput", "type": "any" },
+              { "name": "onChange", "type": "any" },
+              { "name": "onBlur", "type": "any" },
+              { "name": "onFocus", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-switch",
+          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/switch/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            { "name": "change", "value": { "type": "functiontype" } },
+            { "name": "blur", "value": { "type": "functiontype" } },
+            { "name": "focus", "value": { "type": "functiontype" } },
+            {
+              "name": "visual-aid",
+              "description": "Add additional icons to indicate active/inactive state.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "size",
+              "description": "The size attribute changes the font-size and other related sizes of the component.",
+              "value": { "type": "\"small\" | \"medium\"" }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "emphasis",
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "checked",
+              "description": "Define the radio or checkbox elements checked state",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "describedbyid",
+              "description": "[`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "icon-after",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onChange", "type": "any" },
+            { "name": "onBlur", "type": "any" },
+            { "name": "onFocus", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              { "name": "change", "type": "functiontype" },
+              { "name": "blur", "type": "functiontype" },
+              { "name": "focus", "type": "functiontype" },
+              {
+                "name": "visualAid",
+                "description": "Add additional icons to indicate active/inactive state.",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size attribute changes the font-size and other related sizes of the component.",
+                "type": "\"small\" | \"medium\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "emphasis",
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "checked",
+                "description": "Define the radio or checkbox elements checked state",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              {
+                "name": "describedbyid",
+                "description": "[`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.",
+                "type": "string"
+              },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "iconAfter",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              { "name": "_id" },
+              { "name": "_checked", "type": "boolean" },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": [
+              { "name": "onChange", "type": "any" },
+              { "name": "onBlur", "type": "any" },
+              { "name": "onFocus", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-tab-item",
+          "description": "\n---\n\n\n### **Events:**\n - **onChange**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tab-item/properties",
+          "attributes": [
+            {
+              "name": "active",
+              "description": "If the tab is checked/active.",
+              "value": { "type": "boolean" }
+            },
+            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "icon-after",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "no-text",
+              "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "controls",
+              "description": "Pass aria-controls to inner element",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "checked",
+              "description": "To control the component",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the tab-item, if you don't want to use children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [{ "name": "onChange", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "active",
+                "description": "If the tab is checked/active.",
+                "type": "boolean"
+              },
+              { "name": "change", "type": "functiontype" },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "iconAfter",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "noText",
+                "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the tab-item.",
+                "type": "boolean"
+              },
+              {
+                "name": "controls",
+                "description": "Pass aria-controls to inner element",
+                "type": "string"
+              },
+              {
+                "name": "checked",
+                "description": "To control the component",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label of the tab-item, if you don't want to use children.",
+                "type": "string"
+              },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_selected", "type": "boolean" }
+            ],
+            "events": [{ "name": "onChange", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-tag",
+          "description": "\n---\n\n\n### **Events:**\n - **onRemove**\n\n### **Slots:**\n - **children** - default slot\n- **content** - Default slot which is used to pass in additional content.",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tag/properties",
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "remove-button",
+              "description": "The removeButton attribute shows the cancel button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "semantic",
+              "description": "The semantic defines the default variants for most components.",
+              "value": {
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              }
+            },
+            {
+              "name": "emphasis",
+              "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
+              "value": { "type": "\"undefined\" | \"origin\"" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-check-state",
+              "description": "Enable/Disable icon for checkbox/radio inside tag.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "no-text",
+              "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "overflow",
+              "description": "The overflow attribute sets a max-width and longer text will be dotted.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for children to set content as property.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "behavior",
+              "description": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
+              "value": { "type": "\"static\" | \"removable\" | string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "content",
+              "description": "Default slot which is used to pass in additional content."
+            }
+          ],
+          "events": [{ "name": "onRemove", "type": "any" }],
+          "js": {
+            "properties": [
+              { "name": "disabled", "description": "", "type": "boolean" },
+              {
+                "name": "removeButton",
+                "description": "The removeButton attribute shows the cancel button.",
+                "type": "string"
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "semantic",
+                "description": "The semantic defines the default variants for most components.",
+                "type": "\"adaptive\" | \"neutral\" | \"critical\" | \"informational\" | \"warning\" | \"successful\""
+              },
+              {
+                "name": "emphasis",
+                "description": "The emphasis attribute divides in between a weak, strong or origin appearance.",
+                "type": "\"undefined\" | \"origin\""
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showCheckState",
+                "description": "Enable/Disable icon for checkbox/radio inside tag.",
+                "type": "boolean"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "noText",
+                "description": "Define the text next to the icon specified via the icon Property to get hidden.",
+                "type": "boolean"
+              },
+              {
+                "name": "overflow",
+                "description": "The overflow attribute sets a max-width and longer text will be dotted.",
+                "type": "boolean"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for children to set content as property.",
+                "type": "string"
+              },
+              {
+                "name": "behavior",
+                "description": "Defines the behavior of the component:\n- static: default behavior without remove button\n - removable: add a remove button at the end of the tag",
+                "type": "\"static\" | \"removable\" | string"
+              },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": [{ "name": "onRemove", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-textarea",
+          "description": "\n---\n\n\n### **Events:**\n - **onInput**\n- **onChange**\n- **onBlur**\n- **onFocus**\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/textarea/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "message",
+              "description": "Optional helper message for form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "show-message",
+              "description": "Enables or disables the visibility of the message.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "value",
+              "description": "The value property is to receive results from the native form element.",
+              "value": { "type": "any" }
+            },
+            { "name": "input", "value": { "type": "functiontype" } },
+            { "name": "change", "value": { "type": "functiontype" } },
+            {
+              "name": "validation",
+              "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+              "value": { "type": "\"invalid\" | \"valid\" | \"no-validation\"" }
+            },
+            {
+              "name": "invalid-message",
+              "description": "Helper message for invalid form components",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "required",
+              "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "min-length",
+              "description": "Minimum length (number of characters) of value",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "max-length",
+              "description": "Maximum length (number of characters) of value",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "valid-message",
+              "description": "Helper message for valid form components",
+              "value": { "type": "string" }
+            },
+            { "name": "blur", "value": { "type": "functiontype" } },
+            { "name": "focus", "value": { "type": "functiontype" } },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "variant",
+              "description": "Change the variant of the label to float or hidden",
+              "value": { "type": "\"above\" | \"floating\"" }
+            },
+            {
+              "name": "show-label",
+              "description": "Enables/disables the visibility of the label",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "label",
+              "description": "The label attribute specifies the caption of the form element.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "resize",
+              "description": "In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this",
+              "value": {
+                "type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "read-only",
+              "description": "The disabled attribute can be set to keep a user from edit on the form element",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "form",
+              "description": "Associates the control with a form element",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "wrap",
+              "description": "Indicates how the control should wrap the value for form submission.",
+              "value": { "type": "\"hard\" | \"soft\" | \"off\"" }
+            },
+            {
+              "name": "spell-check",
+              "description": "Specifies whether the textarea is subject to spell checking by the underlying browser/OS",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "autocomplete",
+              "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+              "value": {
+                "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Text that appears in the form control when it has no value set",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "rows",
+              "description": "The number of visible text lines for the control. If it is specified, it must be a positive integer",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "cols",
+              "description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "message-icon",
+              "description": "Set/overwrite icon for helper message for form components",
+              "value": { "type": "IconTypes" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [
+            { "name": "onInput", "type": "any" },
+            { "name": "onChange", "type": "any" },
+            { "name": "onBlur", "type": "any" },
+            { "name": "onFocus", "type": "any" }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "message",
+                "description": "Optional helper message for form components",
+                "type": "string"
+              },
+              {
+                "name": "showMessage",
+                "description": "Enables or disables the visibility of the message.",
+                "type": "boolean"
+              },
+              {
+                "name": "value",
+                "description": "The value property is to receive results from the native form element.",
+                "type": "any"
+              },
+              { "name": "input", "type": "functiontype" },
+              { "name": "change", "type": "functiontype" },
+              {
+                "name": "validation",
+                "description": "Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.",
+                "type": "\"invalid\" | \"valid\" | \"no-validation\""
+              },
+              {
+                "name": "invalidMessage",
+                "description": "Helper message for invalid form components",
+                "type": "string"
+              },
+              {
+                "name": "required",
+                "description": "When the required attribute specified, the user will be required to fill the form element before submitting the form.",
+                "type": "boolean"
+              },
+              {
+                "name": "minLength",
+                "description": "Minimum length (number of characters) of value",
+                "type": "number"
+              },
+              {
+                "name": "maxLength",
+                "description": "Maximum length (number of characters) of value",
+                "type": "number"
+              },
+              {
+                "name": "validMessage",
+                "description": "Helper message for valid form components",
+                "type": "string"
+              },
+              { "name": "blur", "type": "functiontype" },
+              { "name": "focus", "type": "functiontype" },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "Change the variant of the label to float or hidden",
+                "type": "\"above\" | \"floating\""
+              },
+              {
+                "name": "showLabel",
+                "description": "Enables/disables the visibility of the label",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label attribute specifies the caption of the form element.",
+                "type": "string"
+              },
+              {
+                "name": "resize",
+                "description": "In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this",
+                "type": "\"none\" | \"both\" | \"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to keep a user from clicking on the form element.",
+                "type": "boolean"
+              },
+              {
+                "name": "readOnly",
+                "description": "The disabled attribute can be set to keep a user from edit on the form element",
+                "type": "boolean"
+              },
+              {
+                "name": "form",
+                "description": "Associates the control with a form element",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.",
+                "type": "string"
+              },
+              {
+                "name": "wrap",
+                "description": "Indicates how the control should wrap the value for form submission.",
+                "type": "\"hard\" | \"soft\" | \"off\""
+              },
+              {
+                "name": "spellCheck",
+                "description": "Specifies whether the textarea is subject to spell checking by the underlying browser/OS",
+                "type": "boolean"
+              },
+              {
+                "name": "autocomplete",
+                "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",
+                "type": "string | \"off\" | \"on\" | \"name\" | \"honorific-prefix\" | \"given-name\" | \"additional-name\" | \"family-name\" | \"honorific-suffix\" | \"nickname\" | \"email\" | \"username\" | \"new-password\" | \"current-password\" | \"one-time-code\" | \"organization-title\" | \"organization\" | \"street-address\" | \"shipping\" | \"billing\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"address-level4\" | \"address-level3\" | \"address-level2\" | \"address-level1\" | \"country\" | \"country-name\" | \"postal-code\" | \"cc-name\" | \"cc-given-name\" | \"cc-additional-name\" | \"cc-family-name\" | \"cc-number\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-csc\" | \"cc-type\" | \"transaction-currency\" | \"transaction-amount\" | \"language\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"sex\" | \"tel\" | \"tel-country-code\" | \"tel-national\" | \"tel-area-code\" | \"tel-local\" | \"tel-extension\" | \"impp\" | \"url\" | \"photo\" | \"webauthn\""
+              },
+              {
+                "name": "placeholder",
+                "description": "Text that appears in the form control when it has no value set",
+                "type": "string"
+              },
+              {
+                "name": "rows",
+                "description": "The number of visible text lines for the control. If it is specified, it must be a positive integer",
+                "type": "number"
+              },
+              {
+                "name": "cols",
+                "description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer",
+                "type": "number"
+              },
+              {
+                "name": "messageIcon",
+                "description": "Set/overwrite icon for helper message for form components",
+                "type": "IconTypes"
+              },
+              { "name": "_id" },
+              { "name": "_messageId" },
+              { "name": "_validMessageId" },
+              { "name": "_invalidMessageId" },
+              { "name": "_descByIds", "type": "string" },
+              { "name": "_value", "type": "string" },
+              { "name": "_voiceOverFallback", "type": "string" }
+            ],
+            "events": [
+              { "name": "onInput", "type": "any" },
+              { "name": "onChange", "type": "any" },
+              { "name": "onBlur", "type": "any" },
+              { "name": "onFocus", "type": "any" }
+            ]
+          }
+        },
+        {
+          "name": "db-navigation-item",
+          "description": "\n---\n\n\n### **Events:**\n - **onClick**\n\n### **Slots:**\n - **children** - default slot\n- **subNavigation** - React-specific property to pass in a slot for sub-navigation",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/navigation-item/properties",
+          "attributes": [
+            {
+              "name": "sub-navigation-expanded",
+              "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "width",
+              "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+              "value": { "type": "\"full\" | \"auto\"" }
+            },
+            {
+              "name": "icon",
+              "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+              "value": { "type": "IconTypes" }
+            },
+            {
+              "name": "show-icon",
+              "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "active",
+              "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "disabled",
+              "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "back-button-id",
+              "description": "The backButtonId attribute changes the id inside the back button.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "back-button-text",
+              "description": "The backButtonText attribute changes the text inside the back button.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "subNavigation",
+              "description": "React-specific property to pass in a slot for sub-navigation"
+            }
+          ],
+          "events": [{ "name": "onClick", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "subNavigationExpanded",
+                "description": "This is for mobile navigation only, if it is set the sub-navigation is a static overlay",
+                "type": "boolean"
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "width",
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\""
+              },
+              {
+                "name": "icon",
+                "description": "Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.",
+                "type": "IconTypes"
+              },
+              {
+                "name": "showIcon",
+                "description": "Enables or disables the visibility of the icon. The default value depends on the component.\nFor many components this property is optional to reflect Figma properties.",
+                "type": "boolean"
+              },
+              {
+                "name": "active",
+                "description": "Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).",
+                "type": "boolean"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              },
+              {
+                "name": "backButtonId",
+                "description": "The backButtonId attribute changes the id inside the back button.",
+                "type": "string"
+              },
+              {
+                "name": "backButtonText",
+                "description": "The backButtonText attribute changes the text inside the back button.",
+                "type": "string"
+              },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "hasAreaPopup", "type": "boolean" },
+              { "name": "hasSubNavigation", "type": "boolean" },
+              { "name": "isSubNavigationExpanded", "type": "boolean" },
+              { "name": "subNavigationId" },
+              { "name": "navigationItemSafeTriangle" }
+            ],
+            "events": [{ "name": "onClick", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-accordion-item",
+          "description": "\n---\n\n\n### **Events:**\n - **onToggle**\n\n### **Slots:**\n - **children** - default slot\n- **headline** - TODO: Add description for slotHeadline",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/accordion-item/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "default-open",
+              "value": { "type": "DBAccordionItemProps[\"defaultOpen\"]" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "value": { "type": "DBAccordionItemProps[\"disabled\"]" }
+            },
+            {
+              "name": "headline-plain",
+              "value": { "type": "DBAccordionItemProps[\"headlinePlain\"]" }
+            },
+            {
+              "name": "text",
+              "description": "Alternative for default slot/children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "headline",
+              "description": "TODO: Add description for slotHeadline"
+            }
+          ],
+          "events": [{ "name": "onToggle", "type": "any" }],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "defaultOpen",
+                "type": "DBAccordionItemProps[\"defaultOpen\"]"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "type": "DBAccordionItemProps[\"disabled\"]"
+              },
+              {
+                "name": "headlinePlain",
+                "type": "DBAccordionItemProps[\"headlinePlain\"]"
+              },
+              {
+                "name": "text",
+                "description": "Alternative for default slot/children.",
+                "type": "string"
+              },
+              { "name": "_id" },
+              { "name": "_open", "type": "boolean" }
+            ],
+            "events": [{ "name": "onToggle", "type": "any" }]
+          }
+        },
+        {
+          "name": "db-accordion",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/accordion/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "Set details name for exclusive accordions, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "behavior",
+              "description": "To allow multiple items open at the same time or only 1 item",
+              "value": { "type": "\"multiple\" | \"single\"" }
+            },
+            {
+              "name": "init-open-index",
+              "description": "The index of items which should be open when loading the accordion",
+              "value": { "type": "number[]" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "variant",
+              "description": "Defines the display of the accordion and the items:\n\"divider\": with a dividing line between the items\n\"card\": w/o dividing line, but items are shown in the card variant",
+              "value": { "type": "\"divider\" | \"card\"" }
+            },
+            {
+              "name": "items",
+              "description": "Alternative to pass in a simple representation of accordion items",
+              "value": { "type": "DBAccordionItemDefaultProps[] | string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "Set details name for exclusive accordions, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name",
+                "type": "string"
+              },
+              {
+                "name": "behavior",
+                "description": "To allow multiple items open at the same time or only 1 item",
+                "type": "\"multiple\" | \"single\""
+              },
+              {
+                "name": "initOpenIndex",
+                "description": "The index of items which should be open when loading the accordion",
+                "type": "number[]"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "Defines the display of the accordion and the items:\n\"divider\": with a dividing line between the items\n\"card\": w/o dividing line, but items are shown in the card variant",
+                "type": "\"divider\" | \"card\""
+              },
+              {
+                "name": "items",
+                "description": "Alternative to pass in a simple representation of accordion items",
+                "type": "DBAccordionItemDefaultProps[] | string"
+              },
+              { "name": "_id" },
+              { "name": "_name", "type": "string" },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "_initOpenIndexDone", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-navigation",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/navigation/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "labelled-by",
+              "description": "Pass aria-labelledby to inner element",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "labelledBy",
+                "description": "Pass aria-labelledby to inner element",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              { "name": "_id" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-popover",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot\n- **trigger** - The trigger to open the popover e.g. a button",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/popover/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing attribute changes the padding of the component.",
+              "value": {
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              }
+            },
+            {
+              "name": "gap",
+              "description": "If the absolute element should have a gap between the parent element.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "animation",
+              "description": "Disable animation",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "open",
+              "description": "Use open to disable the default hover/focus behavior to use it on click or other trigger.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "delay",
+              "description": "Add a delay before showing the tooltip",
+              "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
+            },
+            {
+              "name": "width",
+              "description": "Use fixed with for default max-width",
+              "value": { "type": "\"auto\" | \"fixed\"" }
+            },
+            {
+              "name": "placement",
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "value": {
+                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+              }
+            }
+          ],
+          "slots": [
+            { "name": "children", "description": "default slot" },
+            {
+              "name": "trigger",
+              "description": "The trigger to open the popover e.g. a button"
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing attribute changes the padding of the component.",
+                "type": "\"medium\" | \"small\" | \"large\" | \"none\""
+              },
+              {
+                "name": "gap",
+                "description": "If the absolute element should have a gap between the parent element.",
+                "type": "boolean"
+              },
+              {
+                "name": "animation",
+                "description": "Disable animation",
+                "type": "boolean"
+              },
+              {
+                "name": "open",
+                "description": "Use open to disable the default hover/focus behavior to use it on click or other trigger.",
+                "type": "boolean"
+              },
+              {
+                "name": "delay",
+                "description": "Add a delay before showing the tooltip",
+                "type": "\"none\" | \"slow\" | \"fast\""
+              },
+              {
+                "name": "width",
+                "description": "Use fixed with for default max-width",
+                "type": "\"auto\" | \"fixed\""
+              },
+              {
+                "name": "placement",
+                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+              },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "isExpanded", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-tooltip",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tooltip/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "emphasis",
+              "description": "The emphasis attribute divides in between a weak or strong importance.",
+              "value": { "type": "\"weak\" | \"strong\"" }
+            },
+            {
+              "name": "animation",
+              "description": "Disable animation",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "delay",
+              "description": "Add a delay before showing the tooltip",
+              "value": { "type": "\"none\" | \"slow\" | \"fast\"" }
+            },
+            {
+              "name": "width",
+              "description": "Use fixed with for default max-width",
+              "value": { "type": "\"auto\" | \"fixed\"" }
+            },
+            { "name": "show-arrow", "value": { "type": "boolean" } },
+            {
+              "name": "placement",
+              "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+              "value": {
+                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+              }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "emphasis",
+                "description": "The emphasis attribute divides in between a weak or strong importance.",
+                "type": "\"weak\" | \"strong\""
+              },
+              {
+                "name": "animation",
+                "description": "Disable animation",
+                "type": "boolean"
+              },
+              {
+                "name": "delay",
+                "description": "Add a delay before showing the tooltip",
+                "type": "\"none\" | \"slow\" | \"fast\""
+              },
+              {
+                "name": "width",
+                "description": "Use fixed with for default max-width",
+                "type": "\"auto\" | \"fixed\""
+              },
+              { "name": "showArrow", "type": "boolean" },
+              {
+                "name": "placement",
+                "description": "The `placement` attributes values change the position to absolute and adds a transform based on the placement.",
+                "type": "\"left\" | \"right\" | \"top\" | \"bottom\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\""
+              },
+              { "name": "_id" },
+              { "name": "initialized", "type": "boolean" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-tab-list",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tab-list/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              { "name": "_id" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-tab-panel",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tab-panel/properties",
+          "attributes": [
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "labelled-by",
+              "description": "Pass aria-labelledby to inner element",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "content",
+              "description": "The content if you don't want to use children.",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "labelledBy",
+                "description": "Pass aria-labelledby to inner element",
+                "type": "string"
+              },
+              {
+                "name": "content",
+                "description": "The content if you don't want to use children.",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-tabs",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/tabs/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "name",
+              "description": "The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "arrow-scroll-distance",
+              "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "orientation",
+              "description": "Change the orientation. Defaults to horizontal.",
+              "value": { "type": "\"horizontal\" | \"vertical\"" }
+            },
+            {
+              "name": "behavior",
+              "description": "Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible",
+              "value": { "type": "\"scrollbar\" | \"arrows\"" }
+            },
+            {
+              "name": "initial-selected-mode",
+              "description": "Default behavior is auto selecting the first tab, disable it with 'manually'",
+              "value": { "type": "\"auto\" | \"manually\"" }
+            },
+            {
+              "name": "initial-selected-index",
+              "description": "Default behavior is auto selecting the first tab, change selected tab by index",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "alignment",
+              "description": "Define the content alignment in full width",
+              "value": { "type": "\"start\" | \"center\"" }
+            },
+            {
+              "name": "width",
+              "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+              "value": { "type": "\"full\" | \"auto\"" }
+            },
+            {
+              "name": "tabs",
+              "description": "Provide simple tabs with label + text as content",
+              "value": { "type": "DBSimpleTabProps[] | string" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "name",
+                "description": "The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.",
+                "type": "string"
+              },
+              {
+                "name": "arrowScrollDistance",
+                "description": "Change amount of distance if you click on an arrow, only available with behavior=\"arrows\"",
+                "type": "number"
+              },
+              {
+                "name": "orientation",
+                "description": "Change the orientation. Defaults to horizontal.",
+                "type": "\"horizontal\" | \"vertical\""
+              },
+              {
+                "name": "behavior",
+                "description": "Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible",
+                "type": "\"scrollbar\" | \"arrows\""
+              },
+              {
+                "name": "initialSelectedMode",
+                "description": "Default behavior is auto selecting the first tab, disable it with 'manually'",
+                "type": "\"auto\" | \"manually\""
+              },
+              {
+                "name": "initialSelectedIndex",
+                "description": "Default behavior is auto selecting the first tab, change selected tab by index",
+                "type": "number"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "alignment",
+                "description": "Define the content alignment in full width",
+                "type": "\"start\" | \"center\""
+              },
+              {
+                "name": "width",
+                "description": "Width of the component. Auto width based on children size, full width based on parent elements width.",
+                "type": "\"full\" | \"auto\""
+              },
+              {
+                "name": "tabs",
+                "description": "Provide simple tabs with label + text as content",
+                "type": "DBSimpleTabProps[] | string"
+              },
+              { "name": "_id" },
+              { "name": "_name", "type": "string" },
+              { "name": "initialized", "type": "boolean" },
+              { "name": "showScrollLeft", "type": "boolean" },
+              { "name": "showScrollRight", "type": "boolean" },
+              { "name": "scrollContainer", "type": "null" }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "db-stack",
+          "description": "\n---\n\n\n### **Slots:**\n - **children** - default slot",
+          "doc-url": "https://db-ux-design-system.github.io/core-web/review/main/components/stack/properties",
+          "attributes": [
+            {
+              "name": "id",
+              "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "classname",
+              "description": "React specific for adding className to the component.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "gap",
+              "description": "Set the gap/spacing between elements",
+              "value": {
+                "type": "\"none\" | \"3x-large\" | \"2x-large\" | \"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | \"2x-small\" | \"3x-small\""
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Change variant of stack. To use variant=\"divider\" add a DBDivider after each element",
+              "value": { "type": "\"simple\" | \"divider\"" }
+            },
+            {
+              "name": "direction",
+              "description": "Set the direction of the stack. Defaults to \"column\"",
+              "value": { "type": "\"row\" | \"column\"" }
+            },
+            {
+              "name": "alignment",
+              "description": "Represents css align-items",
+              "value": {
+                "type": "\"stretch\" | \"start\" | \"end\" | \"center\""
+              }
+            },
+            {
+              "name": "justify-content",
+              "description": "Represents css justify-content",
+              "value": {
+                "type": "\"space-between\" | \"start\" | \"end\" | \"center\""
+              }
+            },
+            {
+              "name": "wrap",
+              "description": "If the stack should wrap if parent is too small otherwise you get an overflow",
+              "value": { "type": "boolean" }
+            }
+          ],
+          "slots": [{ "name": "children", "description": "default slot" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "id",
+                "description": "[ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.",
+                "type": "string"
+              },
+              {
+                "name": "className",
+                "description": "React specific for adding className to the component.",
+                "type": "string"
+              },
+              {
+                "name": "gap",
+                "description": "Set the gap/spacing between elements",
+                "type": "\"none\" | \"3x-large\" | \"2x-large\" | \"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | \"2x-small\" | \"3x-small\""
+              },
+              {
+                "name": "variant",
+                "description": "Change variant of stack. To use variant=\"divider\" add a DBDivider after each element",
+                "type": "\"simple\" | \"divider\""
+              },
+              {
+                "name": "direction",
+                "description": "Set the direction of the stack. Defaults to \"column\"",
+                "type": "\"row\" | \"column\""
+              },
+              {
+                "name": "alignment",
+                "description": "Represents css align-items",
+                "type": "\"stretch\" | \"start\" | \"end\" | \"center\""
+              },
+              {
+                "name": "justifyContent",
+                "description": "Represents css justify-content",
+                "type": "\"space-between\" | \"start\" | \"end\" | \"center\""
+              },
+              {
+                "name": "wrap",
+                "description": "If the stack should wrap if parent is too small otherwise you get an overflow",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        }
+      ]
+    }
+  }
+}