@uh-design-system/component-library 0.5.2 → 0.6.0

package/dist/docs.json

@@ -0,0 +1,4790 @@
+{
+  "timestamp": "2025-05-08T10:08:54",
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.30.0",
+    "typescriptVersion": "5.5.4"
+  },
+  "components": [
+    {
+      "filePath": "src/components/01-base-components/ds-accordion/ds-accordion.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-accordion",
+      "readme": "# ds-accordion\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "header - Top section of the accordion"
+        },
+        {
+          "name": "slot",
+          "text": "content - Content of the accordion"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAccordionId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-accordion-id",
+          "reflectToAttr": false,
+          "docs": "Id of the accordion button",
+          "docsTags": [],
+          "default": "'dsaccordion'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsBorderAligned",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-border-aligned",
+          "reflectToAttr": false,
+          "docs": "Aligns the border to the position where accordion content starts",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsCloseButtonLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-close-button-label",
+          "reflectToAttr": false,
+          "docs": "Text of the close button",
+          "docsTags": [],
+          "default": "'Close'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHeadingLevel",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-heading-level",
+          "reflectToAttr": false,
+          "docs": "Heading level to be used for the accordion",
+          "docsTags": [],
+          "default": "2",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHideBottomBorder",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hide-bottom-border",
+          "reflectToAttr": false,
+          "docs": "Removes the bottom border",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHideTopBorder",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hide-top-border",
+          "reflectToAttr": false,
+          "docs": "Removes the top border",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOpenByDefault",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-open-by-default",
+          "reflectToAttr": false,
+          "docs": "Displays the accordion as opened when loaded",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsUseCloseButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-use-close-button",
+          "reflectToAttr": false,
+          "docs": "Displays a close button at the end of an opened accordion",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsVariant",
+          "type": "\"compact\" | \"default\"",
+          "complexType": {
+            "original": "'default' | 'compact'",
+            "resolved": "\"compact\" | \"default\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-variant",
+          "reflectToAttr": false,
+          "docs": "Variant of the accordion",
+          "docsTags": [],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "compact",
+              "type": "string"
+            },
+            {
+              "value": "default",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsToggle",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the accordion is expanded or closed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "content",
+          "docs": "Content of the accordion"
+        },
+        {
+          "name": "header",
+          "docs": "Top section of the accordion"
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-button"
+      ],
+      "dependencyGraph": {
+        "ds-accordion": [
+          "ds-icon",
+          "ds-button"
+        ],
+        "ds-button": [
+          "ds-spinner",
+          "ds-icon"
+        ],
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-button/ds-button.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-button",
+      "readme": "# ds-button\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "prefix - Content displayed before the button text"
+        },
+        {
+          "name": "slot",
+          "text": "suffix - Content displayed after the button text"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaDisabled",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-disabled",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-disabled` attribute of the `button` element",
+          "docsTags": [],
+          "default": "'false'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsColour",
+          "type": "\"black\" | \"blue\" | \"white\"",
+          "complexType": {
+            "original": "'blue' | 'black' | 'white'",
+            "resolved": "\"black\" | \"blue\" | \"white\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-colour",
+          "reflectToAttr": false,
+          "docs": "Colour of the button",
+          "docsTags": [],
+          "default": "'blue'",
+          "values": [
+            {
+              "value": "black",
+              "type": "string"
+            },
+            {
+              "value": "blue",
+              "type": "string"
+            },
+            {
+              "value": "white",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "Passed to the `disabled` attribute of the `button` element",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsFullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-full-width",
+          "reflectToAttr": false,
+          "docs": "Displays the button as full width",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon",
+          "reflectToAttr": false,
+          "docs": "Icon to display alongside the button text",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIconPosition",
+          "type": "\"end\" | \"start\"",
+          "complexType": {
+            "original": "'start' | 'end'",
+            "resolved": "\"end\" | \"start\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-position",
+          "reflectToAttr": false,
+          "docs": "Whether to display the icon before or after the button text",
+          "docsTags": [],
+          "default": "'start'",
+          "values": [
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIsLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-is-loading",
+          "reflectToAttr": false,
+          "docs": "Displays a loading spinner in the button",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSize",
+          "type": "\"medium\" | \"small\"",
+          "complexType": {
+            "original": "'small' | 'medium'",
+            "resolved": "\"medium\" | \"small\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-size",
+          "reflectToAttr": false,
+          "docs": "Size of the button",
+          "docsTags": [],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSpinnerHiddenText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-spinner-hidden-text",
+          "reflectToAttr": false,
+          "docs": "Information for screen readers when spinner is displayed",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsType",
+          "type": "\"button\" | \"reset\" | \"submit\"",
+          "complexType": {
+            "original": "'button' | 'submit' | 'reset'",
+            "resolved": "\"button\" | \"reset\" | \"submit\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-type",
+          "reflectToAttr": false,
+          "docs": "Passed to the `type` attribute of the `button` element",
+          "docsTags": [],
+          "default": "'button'",
+          "values": [
+            {
+              "value": "button",
+              "type": "string"
+            },
+            {
+              "value": "reset",
+              "type": "string"
+            },
+            {
+              "value": "submit",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsUseSpinner",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-use-spinner",
+          "reflectToAttr": false,
+          "docs": "Wraps the button in a container where `aria-live` is set to `polite`",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValue",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-value",
+          "reflectToAttr": false,
+          "docs": "Button text content.\n\nUses a text prop instead of `<slot />` to avoid triggering another render to set correct CSS classes just after initial load.",
+          "docsTags": [
+            {
+              "name": "example",
+              "text": "<ds-button value=\"button\"></ds-button> // Do this\n<ds-button>button</ds-button> // Instead of this"
+            },
+            {
+              "name": "see",
+              "text": "{@link https://stackoverflow.com/a/52445966}"
+            },
+            {
+              "name": "see",
+              "text": "{@link https://github.com/ionic-team/stencil/issues/399}"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsVariant",
+          "type": "\"primary\" | \"secondary\" | \"supplementary\"",
+          "complexType": {
+            "original": "'primary' | 'secondary' | 'supplementary'",
+            "resolved": "\"primary\" | \"secondary\" | \"supplementary\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-variant",
+          "reflectToAttr": false,
+          "docs": "Variant of the button",
+          "docsTags": [],
+          "default": "'primary'",
+          "values": [
+            {
+              "value": "primary",
+              "type": "string"
+            },
+            {
+              "value": "secondary",
+              "type": "string"
+            },
+            {
+              "value": "supplementary",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "dsFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "dsFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Sets focus to the button element rendered inside `ds-button` component.",
+          "docsTags": []
+        }
+      ],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "prefix",
+          "docs": "Content displayed before the button text"
+        },
+        {
+          "name": "suffix",
+          "docs": "Content displayed after the button text"
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "ds-accordion",
+        "ds-text-input"
+      ],
+      "dependencies": [
+        "ds-spinner",
+        "ds-icon"
+      ],
+      "dependencyGraph": {
+        "ds-button": [
+          "ds-spinner",
+          "ds-icon"
+        ],
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ],
+        "ds-accordion": [
+          "ds-button"
+        ],
+        "ds-text-input": [
+          "ds-button"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-card/ds-card.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-card",
+      "readme": "# ds-card\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "content - Content slot placed after card description."
+        },
+        {
+          "name": "slot",
+          "text": "footer - Footer slot placed after content slot, mainly used for other components."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsDescription",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-description",
+          "reflectToAttr": false,
+          "docs": "Optional description text",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsEyebrow",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-eyebrow",
+          "reflectToAttr": false,
+          "docs": "Optional eyebrow text displayed above the heading",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHeading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-heading",
+          "reflectToAttr": false,
+          "docs": "The main heading text (required)",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHeadingLevel",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-heading-level",
+          "reflectToAttr": false,
+          "docs": "Heading level, defaults to 3",
+          "docsTags": [],
+          "default": "3",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsImageAlt",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-image-alt",
+          "reflectToAttr": false,
+          "docs": "Optional image alt text",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsImageUrl",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-image-url",
+          "reflectToAttr": false,
+          "docs": "Optional image URL",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsShowArrow",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-show-arrow",
+          "reflectToAttr": false,
+          "docs": "Optional to show arrow when card is a link, defaults to true",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSubtitle",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-subtitle",
+          "reflectToAttr": false,
+          "docs": "Optional subtitle text displayed below the heading",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsUrl",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-url",
+          "reflectToAttr": false,
+          "docs": "Optional URL to use card as a link",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsUrlTarget",
+          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
+          "complexType": {
+            "original": "DsCardUrlTarget",
+            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
+            "references": {
+              "DsCardUrlTarget": {
+                "location": "global",
+                "id": "global::DsCardUrlTarget"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-url-target",
+          "reflectToAttr": false,
+          "docs": "Optional URL target, if URL should open to new window or not, default _blank",
+          "docsTags": [],
+          "default": "'_blank'",
+          "values": [
+            {
+              "value": "_blank",
+              "type": "string"
+            },
+            {
+              "value": "_parent",
+              "type": "string"
+            },
+            {
+              "value": "_self",
+              "type": "string"
+            },
+            {
+              "value": "_top",
+              "type": "string"
+            },
+            {
+              "value": "_unfencedTop",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsVariant",
+          "type": "\"filled\" | \"outlined\"",
+          "complexType": {
+            "original": "DsCardVariant",
+            "resolved": "\"filled\" | \"outlined\"",
+            "references": {
+              "DsCardVariant": {
+                "location": "global",
+                "id": "global::DsCardVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-variant",
+          "reflectToAttr": false,
+          "docs": "Variant of the card, filled or outlined, defaults to filled",
+          "docsTags": [],
+          "default": "'filled'",
+          "values": [
+            {
+              "value": "filled",
+              "type": "string"
+            },
+            {
+              "value": "outlined",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [
+        {
+          "event": "click",
+          "capture": true,
+          "passive": false
+        },
+        {
+          "event": "keydown",
+          "capture": true,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "content",
+          "docs": "Content slot placed after card description."
+        },
+        {
+          "name": "footer",
+          "docs": "Footer slot placed after content slot, mainly used for other components."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon"
+      ],
+      "dependencyGraph": {
+        "ds-card": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-checkbox/ds-checkbox.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-checkbox",
+      "readme": "# ds-checkbox\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-label",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-label` attribute of the `input` element of the rendered checkbox.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsChecked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "ds-checked",
+          "reflectToAttr": false,
+          "docs": "Passed to the `checked` attriubte of the `input` element of the rendered checkbox.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "Passed to the `disabled` attribute of the `input` element of the rendered checkbox.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error message shown below the text input.\nIf set, the checkbox is shown in an invalid state.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-errors-disabled",
+          "reflectToAttr": false,
+          "docs": "Used internally in checkbox group to disable error messages\nfor a single checkbox.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-id",
+          "reflectToAttr": false,
+          "docs": "Passed to the `id` attribute of the `input` element of the rendered checkbox.",
+          "docsTags": [],
+          "default": "checkboxIdGenerator.next().value as string",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIndeterminate",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-indeterminate",
+          "reflectToAttr": false,
+          "docs": "Mainly used in a nested checkbox group to display a parent\ncheckbox in a partially selected state if some but not\nall of the nested checkbox group's checkboxes are selected.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLegend",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-legend",
+          "reflectToAttr": false,
+          "docs": "Label of the checkbox",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptional",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional",
+          "reflectToAttr": false,
+          "docs": "Displays indicator that the checkbox is optional alongside label.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the checkbox is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "Passed to the `required` attribute of the `input` element of the rendered checkbox.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "The text of the checkbox",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsChange` event is fired each time the `value` property of\nthe `ds-checkbox` element is changed.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "ds-checkbox-group"
+      ],
+      "dependencies": [
+        "ds-input-validity"
+      ],
+      "dependencyGraph": {
+        "ds-checkbox": [
+          "ds-input-validity"
+        ],
+        "ds-input-validity": [
+          "ds-icon"
+        ],
+        "ds-checkbox-group": [
+          "ds-checkbox"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-checkbox-group",
+      "readme": "# ds-checkbox-group\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Content to display in the radio button group. Intented to contain only `ds-checkbox` elements."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAllRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-all-required",
+          "reflectToAttr": false,
+          "docs": "All checkboxes must be checked.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsChecked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-checked",
+          "reflectToAttr": false,
+          "docs": "Passed to the `checked` attribute of the `input` of parent checkbox element.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDirection",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-direction",
+          "reflectToAttr": false,
+          "docs": "`vertical` displays checkboxes stacked\n`horizontal` displays checkboxes side by side",
+          "docsTags": [],
+          "default": "'vertical'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "Disables all checkboxes in the checkbox group",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error message shown below the checkbox group.\nIf set, the checkbox group is shown in an invalid state.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLegend",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-legend",
+          "reflectToAttr": false,
+          "docs": "Label of the checkbox group",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptional",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional",
+          "reflectToAttr": false,
+          "docs": "None of the checkboxes need to be checked.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the checkbox button group is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "One or more checkboxes must be checked.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "If given, a parent checkbox with this text will be rendered above slotted checkboxes",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setChecked",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(newValue: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "newValue",
+                "type": "boolean",
+                "docs": "New checked state."
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setChecked(newValue: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "newValue",
+              "type": "boolean",
+              "docs": "New checked state."
+            }
+          ],
+          "docs": "Updates child elements' checked state.",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "newValue New checked state."
+            }
+          ]
+        }
+      ],
+      "events": [
+        {
+          "event": "dsCheckboxGroupChange",
+          "detail": "DsCheckboxGroupChangeEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsCheckboxGroupChangeEvent",
+            "resolved": "DsCheckboxGroupChangeEvent",
+            "references": {
+              "DsCheckboxGroupChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "`dsCheckboxGroupChange` event is emitted when the `checked` state of\na checkbox rendered inside the group changes.\nThis is used internally to synchronize the state of checkbox groups.",
+          "docsTags": []
+        },
+        {
+          "event": "dsCheckboxGroupIndeterminateChildChange",
+          "detail": "DsCheckboxGroupIndeterminateChildChangeEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsCheckboxGroupIndeterminateChildChangeEvent",
+            "resolved": "DsCheckboxGroupIndeterminateChildChangeEvent",
+            "references": {
+              "DsCheckboxGroupIndeterminateChildChangeEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx",
+                "id": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupIndeterminateChildChangeEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "`dsCheckboxGroupIndeterminateChildChange` event is emitted when\nthe `indeterminate` state of a nested checkbox group is changed.\nThis is used internally to synchronize the state of checkbox groups.",
+          "docsTags": []
+        },
+        {
+          "event": "dsCheckboxGroupInvalidStateChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsCheckboxGroupInvalidStateChange` event is emitted when the\n`dsErrorText` property changes. The event `detail` will be `false`\nif the `dsErrorText` is empty, otherwise `true`.\nThis event is mainly used internallty to synchronize the invalid\nstate of checkboxes.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "dsCheckboxGroupIndeterminateChildChange",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "input",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "dsCheckboxGroupChange",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Content to display in the radio button group. Intented to contain only `ds-checkbox` elements."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-checkbox",
+        "ds-input-validity"
+      ],
+      "dependencyGraph": {
+        "ds-checkbox-group": [
+          "ds-checkbox",
+          "ds-input-validity"
+        ],
+        "ds-checkbox": [
+          "ds-input-validity"
+        ],
+        "ds-input-validity": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-icon/ds-icon.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-icon",
+      "readme": "# my-component\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-colour",
+          "reflectToAttr": false,
+          "docs": "Color of the icon",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHidden",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden",
+          "reflectToAttr": false,
+          "docs": "Passed to the `title` attribute of the `svg` element",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsName",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-name",
+          "reflectToAttr": false,
+          "docs": "Name of the icon to display",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRole",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-role",
+          "reflectToAttr": false,
+          "docs": "Passed to the `role` attribute of the `svg` element",
+          "docsTags": [],
+          "default": "'img'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSize",
+          "type": "\"1.5rem\" | \"1rem\" | \"2rem\" | \"3rem\" | \"4rem\"",
+          "complexType": {
+            "original": "Size",
+            "resolved": "\"1.5rem\" | \"1rem\" | \"2rem\" | \"3rem\" | \"4rem\"",
+            "references": {
+              "Size": {
+                "location": "global",
+                "id": "global::Size"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-size",
+          "reflectToAttr": false,
+          "docs": "Size of the icon",
+          "docsTags": [],
+          "default": "'1.5rem'",
+          "values": [
+            {
+              "value": "1.5rem",
+              "type": "string"
+            },
+            {
+              "value": "1rem",
+              "type": "string"
+            },
+            {
+              "value": "2rem",
+              "type": "string"
+            },
+            {
+              "value": "3rem",
+              "type": "string"
+            },
+            {
+              "value": "4rem",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsTitle",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-title",
+          "reflectToAttr": false,
+          "docs": "Tooltip of the icon",
+          "docsTags": [],
+          "default": "'Icon'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "ds-accordion",
+        "ds-button",
+        "ds-card",
+        "ds-input-validity",
+        "ds-link",
+        "ds-link-with-arrow",
+        "ds-text-input"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "ds-accordion": [
+          "ds-icon"
+        ],
+        "ds-button": [
+          "ds-icon"
+        ],
+        "ds-card": [
+          "ds-icon"
+        ],
+        "ds-input-validity": [
+          "ds-icon"
+        ],
+        "ds-link": [
+          "ds-icon"
+        ],
+        "ds-link-with-arrow": [
+          "ds-icon"
+        ],
+        "ds-text-input": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-input-validity/ds-input-validity.tsx",
+      "encapsulation": "none",
+      "tag": "ds-input-validity",
+      "readme": "# ds-input-validity\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaAtomic",
+          "type": "\"false\" | \"true\"",
+          "complexType": {
+            "original": "'true' | 'false'",
+            "resolved": "\"false\" | \"true\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-atomic",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-atomic` attribute of the container `div` element. Disabled if client-side validation is not used.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "false",
+              "type": "string"
+            },
+            {
+              "value": "true",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAriaLive",
+          "type": "\"assertive\" | \"polite\"",
+          "complexType": {
+            "original": "'assertive' | 'polite'",
+            "resolved": "\"assertive\" | \"polite\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-live",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-live` attribute of the container `div` element. Disabled if client-side validation is not used.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "assertive",
+              "type": "string"
+            },
+            {
+              "value": "polite",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "Text to display in the validity message",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsType",
+          "type": "\"error\" | \"success\"",
+          "complexType": {
+            "original": "'error' | 'success'",
+            "resolved": "\"error\" | \"success\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-type",
+          "reflectToAttr": false,
+          "docs": "Type of the validity",
+          "docsTags": [],
+          "default": "'error'",
+          "values": [
+            {
+              "value": "error",
+              "type": "string"
+            },
+            {
+              "value": "success",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValidityRole",
+          "type": "\"alert\" | \"status\"",
+          "complexType": {
+            "original": "'alert' | 'status'",
+            "resolved": "\"alert\" | \"status\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-validity-role",
+          "reflectToAttr": false,
+          "docs": "Passed to the `role` attribute of the container `div` element. Disabled if client-side validation is not used.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "alert",
+              "type": "string"
+            },
+            {
+              "value": "status",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "ds-checkbox",
+        "ds-checkbox-group",
+        "ds-radio-button",
+        "ds-radio-button-group",
+        "ds-text-input"
+      ],
+      "dependencies": [
+        "ds-icon"
+      ],
+      "dependencyGraph": {
+        "ds-input-validity": [
+          "ds-icon"
+        ],
+        "ds-checkbox": [
+          "ds-input-validity"
+        ],
+        "ds-checkbox-group": [
+          "ds-input-validity"
+        ],
+        "ds-radio-button": [
+          "ds-input-validity"
+        ],
+        "ds-radio-button-group": [
+          "ds-input-validity"
+        ],
+        "ds-text-input": [
+          "ds-input-validity"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-link/ds-link.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-link",
+      "readme": "# ds-link\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "prefix - Content to display before the link"
+        },
+        {
+          "name": "slot",
+          "text": "suffix - Content to display after the link"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-label",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-label` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsColour",
+          "type": "\"black\" | \"white\"",
+          "complexType": {
+            "original": "'black' | 'white'",
+            "resolved": "\"black\" | \"white\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-colour",
+          "reflectToAttr": false,
+          "docs": "Colour of the link. Overrides default colour.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "black",
+              "type": "string"
+            },
+            {
+              "value": "white",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDownload",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-download",
+          "reflectToAttr": false,
+          "docs": "Passed to the `download` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHref",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-href",
+          "reflectToAttr": false,
+          "docs": "Passed to the `href` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "ds-icon",
+          "reflectToAttr": false,
+          "docs": "Icon to display alongside link",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIconHidden",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-hidden",
+          "reflectToAttr": false,
+          "docs": "Passed to the `dsHidden` property of the `ds-icon` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIconPosition",
+          "type": "\"end\" | \"start\"",
+          "complexType": {
+            "original": "LinkIconPosition",
+            "resolved": "\"end\" | \"start\"",
+            "references": {
+              "LinkIconPosition": {
+                "location": "global",
+                "id": "global::LinkIconPosition"
+              }
+            }
+          },
+          "mutable": true,
+          "attr": "ds-icon-position",
+          "reflectToAttr": false,
+          "docs": "Whether to display the icon before or after the link",
+          "docsTags": [],
+          "default": "'end'",
+          "values": [
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIconTitle",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-title",
+          "reflectToAttr": false,
+          "docs": "Passed to the `dsTitle` property of the `ds-icon` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSize",
+          "type": "\"2xLarge\" | \"large\" | \"medium\" | \"small\" | \"xLarge\" | \"xSmall\"",
+          "complexType": {
+            "original": "LinkSize",
+            "resolved": "\"2xLarge\" | \"large\" | \"medium\" | \"small\" | \"xLarge\" | \"xSmall\"",
+            "references": {
+              "LinkSize": {
+                "location": "global",
+                "id": "global::LinkSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-size",
+          "reflectToAttr": false,
+          "docs": "Size of the link",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "2xLarge",
+              "type": "string"
+            },
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            },
+            {
+              "value": "xLarge",
+              "type": "string"
+            },
+            {
+              "value": "xSmall",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsTarget",
+          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
+          "complexType": {
+            "original": "LinkTarget",
+            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
+            "references": {
+              "LinkTarget": {
+                "location": "global",
+                "id": "global::LinkTarget"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-target",
+          "reflectToAttr": false,
+          "docs": "Passed to the `target` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "_blank",
+              "type": "string"
+            },
+            {
+              "value": "_parent",
+              "type": "string"
+            },
+            {
+              "value": "_self",
+              "type": "string"
+            },
+            {
+              "value": "_top",
+              "type": "string"
+            },
+            {
+              "value": "_unfencedTop",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "Text content of the link",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsVariant",
+          "type": "\"inline\" | \"standalone\"",
+          "complexType": {
+            "original": "LinkVariant",
+            "resolved": "\"inline\" | \"standalone\"",
+            "references": {
+              "LinkVariant": {
+                "location": "global",
+                "id": "global::LinkVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-variant",
+          "reflectToAttr": false,
+          "docs": "Variant of the link",
+          "docsTags": [],
+          "default": "'inline'",
+          "values": [
+            {
+              "value": "inline",
+              "type": "string"
+            },
+            {
+              "value": "standalone",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsWeight",
+          "type": "\"bold\" | \"regular\" | \"semibold\"",
+          "complexType": {
+            "original": "LinkWeight",
+            "resolved": "\"bold\" | \"regular\" | \"semibold\"",
+            "references": {
+              "LinkWeight": {
+                "location": "global",
+                "id": "global::LinkWeight"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-weight",
+          "reflectToAttr": false,
+          "docs": "Font weight of the link",
+          "docsTags": [],
+          "default": "'regular'",
+          "values": [
+            {
+              "value": "bold",
+              "type": "string"
+            },
+            {
+              "value": "regular",
+              "type": "string"
+            },
+            {
+              "value": "semibold",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "prefix",
+          "docs": "Content to display before the link"
+        },
+        {
+          "name": "suffix",
+          "docs": "Content to display after the link"
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-visually-hidden"
+      ],
+      "dependencyGraph": {
+        "ds-link": [
+          "ds-icon",
+          "ds-visually-hidden"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-link-with-arrow",
+      "readme": "# ds-link-with-arrow\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "prefix - Content to display before the link"
+        },
+        {
+          "name": "slot",
+          "text": "suffix - Content to display after the link"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-label",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-label` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHref",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-href",
+          "reflectToAttr": false,
+          "docs": "Passed to the `href` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIconPosition",
+          "type": "\"end\" | \"start\"",
+          "complexType": {
+            "original": "LinkIconPosition",
+            "resolved": "\"end\" | \"start\"",
+            "references": {
+              "LinkIconPosition": {
+                "location": "global",
+                "id": "global::LinkIconPosition"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-icon-position",
+          "reflectToAttr": false,
+          "docs": "Whether to display the arrow icon before or after the link",
+          "docsTags": [],
+          "default": "'start'",
+          "values": [
+            {
+              "value": "end",
+              "type": "string"
+            },
+            {
+              "value": "start",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsTarget",
+          "type": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
+          "complexType": {
+            "original": "LinkTarget",
+            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\" | \"_unfencedTop\"",
+            "references": {
+              "LinkTarget": {
+                "location": "global",
+                "id": "global::LinkTarget"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-target",
+          "reflectToAttr": false,
+          "docs": "Passed to the `target` attribute of the `a` element",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "_blank",
+              "type": "string"
+            },
+            {
+              "value": "_parent",
+              "type": "string"
+            },
+            {
+              "value": "_self",
+              "type": "string"
+            },
+            {
+              "value": "_top",
+              "type": "string"
+            },
+            {
+              "value": "_unfencedTop",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "Text content of the link",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "prefix",
+          "docs": "Content to display before the link"
+        },
+        {
+          "name": "suffix",
+          "docs": "Content to display after the link"
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-visually-hidden"
+      ],
+      "dependencyGraph": {
+        "ds-link-with-arrow": [
+          "ds-icon",
+          "ds-visually-hidden"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-radio-button/ds-radio-button.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-radio-button",
+      "readme": "# ds-radio-button\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "legend - Content to display at the place of the legend."
+        },
+        {
+          "name": "slot",
+          "text": "assistiveText - Content to display at the place of the assistive text, below legend."
+        },
+        {
+          "name": "slot",
+          "text": "icon - Content to display in place of the radio button icon, at the left side of the text"
+        },
+        {
+          "name": "slot",
+          "text": "validity - Content to display below the radio button. By default error or success message is displayed."
+        },
+        {
+          "name": "slot",
+          "text": "default - Content to display in place of the text of the radio button."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsChecked",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-checked",
+          "reflectToAttr": false,
+          "docs": "Passed to the `checked` attribute of the `input` element of the rendered radio button.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "Passed to the `disabled` attribute of the `input` element of the rendered radio button.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error message shown below the radio button.\nIf set, the radio button is shown in an invalid state.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-errors-disabled",
+          "reflectToAttr": false,
+          "docs": "Can be used to disable client-side validation.\nUsed internally in radio button group to disable error messages\nfor a single radio button.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-id",
+          "reflectToAttr": false,
+          "docs": "Passed to the `id` attriubte of the `input` element of the rendered radio button.",
+          "docsTags": [],
+          "default": "radioButtonIdGenerator.next().value as string",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLegend",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-legend",
+          "reflectToAttr": false,
+          "docs": "Label of the radio button",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "Passed to the `required` attribute of the `input` element of the rendered radio button.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "The text of the radio button",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValue",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-value",
+          "reflectToAttr": false,
+          "docs": "Passed to the `value` attribute of the `input` element of the rendered radio button.",
+          "docsTags": [],
+          "default": "this.dsId",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "dsFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "dsFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "Custom focus method that ensures the correct internal input element is focused",
+          "docsTags": []
+        },
+        {
+          "name": "setChecked",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setChecked() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "name": "setFocusable",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(flag: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "flag",
+                "type": "boolean",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFocusable(flag: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "flag",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
+          "docs": "Whether the radio button is focusable via tab or not.\nUsed internally inside a radio button group to make\nkeyboard usage work as expected.\n\nNOTE: manually calling this method may cause unexpected behaviour",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the `dsChecked` state changes.",
+          "docsTags": []
+        },
+        {
+          "event": "dsRadioButtonChecked",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event emitted when the radio button is set to checked state.\nUsed to notify a parent radio button group of a state change.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "assistiveText",
+          "docs": "Content to display at the place of the assistive text, below legend."
+        },
+        {
+          "name": "default",
+          "docs": "Content to display in place of the text of the radio button."
+        },
+        {
+          "name": "icon",
+          "docs": "Content to display in place of the radio button icon, at the left side of the text"
+        },
+        {
+          "name": "legend",
+          "docs": "Content to display at the place of the legend."
+        },
+        {
+          "name": "validity",
+          "docs": "Content to display below the radio button. By default error or success message is displayed."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-visually-hidden",
+        "ds-input-validity"
+      ],
+      "dependencyGraph": {
+        "ds-radio-button": [
+          "ds-visually-hidden",
+          "ds-input-validity"
+        ],
+        "ds-input-validity": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-radio-button-group/ds-radio-button-group.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-radio-button-group",
+      "readme": "# ds-radio-button-group\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "legend - Content to display at the place of the legend."
+        },
+        {
+          "name": "slot",
+          "text": "assistiveText - Content to display at the place of the assistive text, below legend."
+        },
+        {
+          "name": "slot",
+          "text": "validity - Content to display below the radio button group. By default error or success message is displayed in the `validity` slot."
+        },
+        {
+          "name": "slot",
+          "text": "default - Content to display in the radio button group. Intented to contain only `ds-radio-button` elements."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below legend",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDirection",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-direction",
+          "reflectToAttr": false,
+          "docs": "`vertical` displays radio buttons stacked\n`horizontal` displays radio buttons side by side",
+          "docsTags": [],
+          "default": "'vertical'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error message shown below the text input.\nIf set, the text input is shown in an invalid state.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLegend",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-legend",
+          "reflectToAttr": false,
+          "docs": "Label for the radio button group",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "One or more radio buttons must be checked.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValue",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "ds-value",
+          "reflectToAttr": false,
+          "docs": "Determines which radio button in the group is selected.\nThe radio button with the matching `value` will be selected.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "getValue",
+          "returns": {
+            "type": "Promise<string>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<string>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<string>"
+          },
+          "signature": "getValue() => Promise<string>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsChange` event is emitted each time the `dsValue` of the\nradio button group is changed.",
+          "docsTags": []
+        },
+        {
+          "event": "dsRadioGroupInvalidStateChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsRadioGroupInvalidStateChange` event is emitted when the\n`dsErrorText` property changes. The event `detail` will be `false`\nif the `dsErrorText` is empty, otherwise `true`.\nThis event is mainly used internallty to synchronize the invalid\nstate of radio buttons.",
+          "docsTags": []
+        },
+        {
+          "event": "dsRadioGroupValueChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsRadioGroupValueChange` event is emitted when a radio button\ninside the radio button group is selected.\nThis event is mainly used internally to synchronize the state of\nradio buttons.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "dsRadioButtonChecked",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "keydown",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [
+        {
+          "name": "assistiveText",
+          "docs": "Content to display at the place of the assistive text, below legend."
+        },
+        {
+          "name": "default",
+          "docs": "Content to display in the radio button group. Intented to contain only `ds-radio-button` elements."
+        },
+        {
+          "name": "legend",
+          "docs": "Content to display at the place of the legend."
+        },
+        {
+          "name": "validity",
+          "docs": "Content to display below the radio button group. By default error or success message is displayed in the `validity` slot."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-input-validity"
+      ],
+      "dependencyGraph": {
+        "ds-radio-button-group": [
+          "ds-input-validity"
+        ],
+        "ds-input-validity": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-spinner/ds-spinner.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-spinner",
+      "readme": "# ds-spinner\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsHiddenAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Visually hidden information for screen readers",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSize",
+          "type": "\"2xLarge\" | \"large\" | \"medium\" | \"small\" | \"xLarge\"",
+          "complexType": {
+            "original": "SpinnerSize",
+            "resolved": "\"2xLarge\" | \"large\" | \"medium\" | \"small\" | \"xLarge\"",
+            "references": {
+              "SpinnerSize": {
+                "location": "global",
+                "id": "global::SpinnerSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-size",
+          "reflectToAttr": false,
+          "docs": "Size of the spinner",
+          "docsTags": [],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "2xLarge",
+              "type": "string"
+            },
+            {
+              "value": "large",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            },
+            {
+              "value": "xLarge",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSpinnerColor",
+          "type": "\"black\" | \"blue\" | \"white\"",
+          "complexType": {
+            "original": "SpinnerColor",
+            "resolved": "\"black\" | \"blue\" | \"white\"",
+            "references": {
+              "SpinnerColor": {
+                "location": "global",
+                "id": "global::SpinnerColor"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-spinner-color",
+          "reflectToAttr": false,
+          "docs": "Color of the spinner",
+          "docsTags": [],
+          "default": "'blue'",
+          "values": [
+            {
+              "value": "black",
+              "type": "string"
+            },
+            {
+              "value": "blue",
+              "type": "string"
+            },
+            {
+              "value": "white",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSpinnerTextPosition",
+          "type": "\"below\" | \"side\"",
+          "complexType": {
+            "original": "SpinnerTextPosition",
+            "resolved": "\"below\" | \"side\"",
+            "references": {
+              "SpinnerTextPosition": {
+                "location": "global",
+                "id": "global::SpinnerTextPosition"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-spinner-text-position",
+          "reflectToAttr": false,
+          "docs": "Where to display the `dsText` property",
+          "docsTags": [],
+          "default": "'below'",
+          "values": [
+            {
+              "value": "below",
+              "type": "string"
+            },
+            {
+              "value": "side",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text",
+          "reflectToAttr": false,
+          "docs": "Text to display alongside spinner",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsUseAriaLive",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-use-aria-live",
+          "reflectToAttr": false,
+          "docs": "Sets `aria-live=\"polite\"` attribute to the spinner element",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsUseRoleAlert",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-use-role-alert",
+          "reflectToAttr": false,
+          "docs": "Sets `role=\"alert\"` attribute to the spinner element",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "ds-button"
+      ],
+      "dependencies": [
+        "ds-visually-hidden"
+      ],
+      "dependencyGraph": {
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ],
+        "ds-button": [
+          "ds-spinner"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-text-input",
+      "readme": "# ds-input\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "prefix - Content to display at the start of the input field. By default the prefix text or icon is displayed in the `prefix` slot."
+        },
+        {
+          "name": "slot",
+          "text": "suffix - Content to display at the end of the input field. By default the suffix text or action button of inputs of type `password` or `search` are displayed in the `suffix` slot."
+        },
+        {
+          "name": "slot",
+          "text": "validity - Content to display below the input. By default error or success message is displayed in the `validity` slot."
+        },
+        {
+          "name": "slot",
+          "text": "label - Content to display above the input in place of the label"
+        },
+        {
+          "name": "slot",
+          "text": "assistiveText - Content to display below the label"
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsActionButtonAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-action-button-aria-label",
+          "reflectToAttr": false,
+          "docs": "Aria-label for action button for text inputs with type `password` or `search`.\nThe action button for `search` text input is the clear button.\nThe action button for `password` text input is the toggle visibility button.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAriaDescribedby",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-describedby",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-describedby` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-label",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-label` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAriaLabelledby",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-labelledby",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-labelledby` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Text for additional information shown below label",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsAutocomplete",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-autocomplete",
+          "reflectToAttr": false,
+          "docs": "Passed to the `autocomplete` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsDisabled",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-disabled",
+          "reflectToAttr": false,
+          "docs": "Passed to the `disabled` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsErrorText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-error-text",
+          "reflectToAttr": false,
+          "docs": "Error message shown below the text input.\nIf set, the text input is shown in an invalid state.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHiddenAssistiveText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-hidden-assistive-text",
+          "reflectToAttr": false,
+          "docs": "Visually hidden additional information for screen readers",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIcon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon",
+          "reflectToAttr": false,
+          "docs": "Icon to display at the start of the text input.",
+          "docsTags": [],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsId",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-id",
+          "reflectToAttr": false,
+          "docs": "Passed to the `id` of the `input` element.",
+          "docsTags": [],
+          "default": "inputIdGenerator.next().value as string",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-label",
+          "reflectToAttr": false,
+          "docs": "Label of the input",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMax",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-max",
+          "reflectToAttr": false,
+          "docs": "Passed to the `max` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMaxLength",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-max-length",
+          "reflectToAttr": false,
+          "docs": "Passed to the `maxlength` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsMin",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-min",
+          "reflectToAttr": false,
+          "docs": "Passed to the `min` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsName",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-name",
+          "reflectToAttr": false,
+          "docs": "Passed to the `name` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptional",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional",
+          "reflectToAttr": false,
+          "docs": "Displays indicator that the text input is optional alongside label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOptionalText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-optional-text",
+          "reflectToAttr": false,
+          "docs": "Text shown alongside label, if the text input is set as optional.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsPattern",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-pattern",
+          "reflectToAttr": false,
+          "docs": "Passed to the `pattern` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-placeholder",
+          "reflectToAttr": false,
+          "docs": "Passed to the `placeholder` of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsPrefixText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-prefix-text",
+          "reflectToAttr": false,
+          "docs": "Allows additional elements before or after the input field, such as units (e.g., currency, minutes, country codes).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsReadonly",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-readonly",
+          "reflectToAttr": false,
+          "docs": "Passed to the `readonly` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsRequired",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-required",
+          "reflectToAttr": false,
+          "docs": "Passed to the `required` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSuccessText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-success-text",
+          "reflectToAttr": false,
+          "docs": "Success message shown below the text input.\nIf set, the text input is shown in a success state.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsSuffixText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-suffix-text",
+          "reflectToAttr": false,
+          "docs": "Allows additional elements before or after the input field, such as units (e.g., currency, minutes, country codes).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsType",
+          "type": "\"email\" | \"loading\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+          "complexType": {
+            "original": "DsTextInputType",
+            "resolved": "\"email\" | \"loading\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\" | \"url\"",
+            "references": {
+              "DsTextInputType": {
+                "location": "import",
+                "path": "./utils",
+                "id": "src/components/01-base-components/ds-text-input/utils.ts::DsTextInputType"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "ds-type",
+          "reflectToAttr": false,
+          "docs": "Type of the text input, passed to the `type` attribute of the `input` element.\nA text input of type `search` has an action button to clear the input value if it is not empty.\nA text input of type `password` has an action button to toggle the visibility of the entered input.",
+          "docsTags": [],
+          "default": "'text'",
+          "values": [
+            {
+              "value": "email",
+              "type": "string"
+            },
+            {
+              "value": "loading",
+              "type": "string"
+            },
+            {
+              "value": "number",
+              "type": "string"
+            },
+            {
+              "value": "password",
+              "type": "string"
+            },
+            {
+              "value": "search",
+              "type": "string"
+            },
+            {
+              "value": "tel",
+              "type": "string"
+            },
+            {
+              "value": "text",
+              "type": "string"
+            },
+            {
+              "value": "url",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsValue",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-value",
+          "reflectToAttr": false,
+          "docs": "Passed to the `value` attribute of the `input` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "clearInput",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(e: Event) => Promise<void>",
+            "parameters": [
+              {
+                "name": "e",
+                "type": "Event",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "Event": {
+                "location": "import",
+                "path": "@stencil/core",
+                "id": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "clearInput(e: Event) => Promise<void>",
+          "parameters": [
+            {
+              "name": "e",
+              "type": "Event",
+              "docs": ""
+            }
+          ],
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "name": "togglePasswordVisibility",
+          "returns": {
+            "type": "Promise<boolean>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<boolean>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<boolean>"
+          },
+          "signature": "togglePasswordVisibility() => Promise<boolean>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "{ value: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "Omit<DsTextInputEvent, 'event'>",
+            "resolved": "{ value: string; }",
+            "references": {
+              "Omit": {
+                "location": "global",
+                "id": "global::Omit"
+              },
+              "DsTextInputEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+                "id": "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsChange` event is fired each time the `value` property of\nthe `ds-text-input` element is changed. This may be a side effect\nof other events such as `dsClear` or `dsInput` event, or when the\n`value` property is programmatically changed.",
+          "docsTags": []
+        },
+        {
+          "event": "dsClear",
+          "detail": "{ event: Event; value: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsTextInputEvent",
+            "resolved": "{ event: Event; value: string; }",
+            "references": {
+              "DsTextInputEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+                "id": "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsClear` event is fired when the clear button of a input of type `search`\nis pressed.",
+          "docsTags": []
+        },
+        {
+          "event": "dsInput",
+          "detail": "{ event: InputEvent; value: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "DsTextInputEvent<InputEvent>",
+            "resolved": "{ event: InputEvent; value: string; }",
+            "references": {
+              "DsTextInputEvent": {
+                "location": "local",
+                "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+                "id": "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent"
+              },
+              "InputEvent": {
+                "location": "global",
+                "id": "global::InputEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "The `dsInput` event is fired when the user modifies the input's value.\nThe event is fired on each keystroke.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "assistiveText",
+          "docs": "Content to display below the label"
+        },
+        {
+          "name": "label",
+          "docs": "Content to display above the input in place of the label"
+        },
+        {
+          "name": "prefix",
+          "docs": "Content to display at the start of the input field. By default the prefix text or icon is displayed in the `prefix` slot."
+        },
+        {
+          "name": "suffix",
+          "docs": "Content to display at the end of the input field. By default the suffix text or action button of inputs of type `password` or `search` are displayed in the `suffix` slot."
+        },
+        {
+          "name": "validity",
+          "docs": "Content to display below the input. By default error or success message is displayed in the `validity` slot."
+        }
+      ],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-button",
+        "ds-visually-hidden",
+        "ds-input-validity"
+      ],
+      "dependencyGraph": {
+        "ds-text-input": [
+          "ds-icon",
+          "ds-button",
+          "ds-visually-hidden",
+          "ds-input-validity"
+        ],
+        "ds-button": [
+          "ds-spinner",
+          "ds-icon"
+        ],
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ],
+        "ds-input-validity": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-visually-hidden/ds-visually-hidden.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-visually-hidden",
+      "readme": "# ds-visually-hidden\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Content to be hidden"
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Content to be hidden"
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "ds-link",
+        "ds-link-with-arrow",
+        "ds-radio-button",
+        "ds-spinner",
+        "ds-text-input"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "ds-link": [
+          "ds-visually-hidden"
+        ],
+        "ds-link-with-arrow": [
+          "ds-visually-hidden"
+        ],
+        "ds-radio-button": [
+          "ds-visually-hidden"
+        ],
+        "ds-spinner": [
+          "ds-visually-hidden"
+        ],
+        "ds-text-input": [
+          "ds-visually-hidden"
+        ]
+      }
+    }
+  ],
+  "typeLibrary": {
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupChangeEvent": {
+      "declaration": "export interface DsCheckboxGroupChangeEvent extends DsEvent {\n  checked: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
+    "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx::DsCheckboxGroupIndeterminateChildChangeEvent": {
+      "declaration": "export interface DsCheckboxGroupIndeterminateChildChangeEvent extends DsEvent {\n  indeterminate: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-checkbox-group/ds-checkbox-group.tsx"
+    },
+    "src/components/01-base-components/ds-text-input/utils.ts::DsTextInputType": {
+      "declaration": "\"number\" | \"text\" | \"search\" | \"password\" | \"loading\" | \"tel\" | \"email\" | \"url\"",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-text-input/utils.ts"
+    },
+    "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent": {
+      "declaration": "{\n  event: T;\n  value: string;\n}",
+      "docstring": "",
+      "path": "src/components/01-base-components/ds-text-input/ds-text-input.tsx"
+    },
+    "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts::Event": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "../../node_modules/@stencil/core/internal/stencil-core/index.d.ts"
+    }
+  }
+}