@uh-design-system/component-library 1.6.0 → 1.7.0-rc.0

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-17T10:52:38",
+  "timestamp": "2026-06-22T07:00:12",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -13117,6 +13117,7 @@
         "ds-options-message",
         "ds-select",
         "ds-select-native",
+        "ds-step-bullet-base",
         "ds-tab",
         "ds-tag",
         "ds-text-input"
@@ -13189,6 +13190,9 @@
         "ds-select-native": [
           "ds-icon"
         ],
+        "ds-step-bullet-base": [
+          "ds-icon"
+        ],
         "ds-tab": [
           "ds-icon"
         ],
@@ -56694,7 +56698,7 @@
       "filePath": "src/components/01-base-components/ds-link-logo/ds-link-logo.tsx",
       "encapsulation": "shadow",
       "tag": "ds-link-logo",
-      "readme": "# ds-link-logo\n\nLogo link component for displaying site logo and name. Used primarily in navigation ribbons and headers.\n",
+      "readme": "# ds-link-logo\n\n\n",
       "docs": "Logo link component for displaying site logo and name.\nUsed primarily in navigation ribbons and headers.",
       "docsTags": [],
       "usage": {},
@@ -64025,6 +64029,1139 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-step/ds-step.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-step",
+      "readme": "# ds-step\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "bullet - The bullet."
+        },
+        {
+          "name": "slot",
+          "text": "content - The content."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsFullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-full-width",
+          "reflectToAttr": false,
+          "docs": "Passed to the `dsFullWidth` property of the `ds-step-base` element.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOrdinal",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-ordinal",
+          "reflectToAttr": false,
+          "docs": "Ordinal number of the step.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOrientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-orientation",
+          "reflectToAttr": false,
+          "docs": "Passed to the `dsOrientation` property of the `ds-step-base` element.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsPhase",
+          "type": "\"complete\" | \"current\" | \"incomplete\" | \"static\"",
+          "complexType": {
+            "original": "'static' | 'incomplete' | 'current' | 'complete'",
+            "resolved": "\"complete\" | \"current\" | \"incomplete\" | \"static\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-phase",
+          "reflectToAttr": false,
+          "docs": "Phase of the step.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'static'"
+            }
+          ],
+          "default": "'static'",
+          "values": [
+            {
+              "value": "complete",
+              "type": "string"
+            },
+            {
+              "value": "current",
+              "type": "string"
+            },
+            {
+              "value": "incomplete",
+              "type": "string"
+            },
+            {
+              "value": "static",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "bullet",
+          "docs": "The bullet."
+        },
+        {
+          "name": "content",
+          "docs": "The content."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-step-base"
+      ],
+      "dependencyGraph": {
+        "ds-step": [
+          "ds-step-base"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-step-base/ds-step-base.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-step-base",
+      "readme": "# ds-step-base\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "bullet - The bullet."
+        },
+        {
+          "name": "slot",
+          "text": "content - The content."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsFullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-full-width",
+          "reflectToAttr": false,
+          "docs": "If true, the step will take the full width of its container.\nCan be used to achieve same size for all steps in a horizontal stepper.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOrientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-orientation",
+          "reflectToAttr": false,
+          "docs": "Orientation of the step bullet and line. Should match the `dsOrientation` property of the `ds-steps` component.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'vertical'"
+            }
+          ],
+          "default": "'vertical'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "bullet",
+          "docs": "The bullet."
+        },
+        {
+          "name": "content",
+          "docs": "The content."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-step"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "ds-step": [
+          "ds-step-base"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-step/ds-step-bullet/ds-step-bullet.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-step-bullet",
+      "readme": "# ds-step-bullet\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsShowLine",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-show-line",
+          "reflectToAttr": false,
+          "docs": "If true, a line will be shown.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "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": "Passed to the `dsSize` property of the `ds-step-bullet-base` element.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'medium'"
+            }
+          ],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-step-bullet-base"
+      ],
+      "dependencyGraph": {
+        "ds-step-bullet": [
+          "ds-step-bullet-base"
+        ],
+        "ds-step-bullet-base": [
+          "ds-icon"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-step-base/ds-step-bullet-base/ds-step-bullet-base.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-step-bullet-base",
+      "readme": "# ds-step-bullet-custom\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsBorderColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-border-colour",
+          "reflectToAttr": false,
+          "docs": "Border colour of the step bullet.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsBorderWidth",
+          "type": "\"hairline\" | \"none\" | \"thick\" | \"thin\" | \"xThick\"",
+          "complexType": {
+            "original": "'none' | 'hairline' | 'thin' | 'thick' | 'xThick'",
+            "resolved": "\"hairline\" | \"none\" | \"thick\" | \"thin\" | \"xThick\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-border-width",
+          "reflectToAttr": false,
+          "docs": "Width of the border of the step bullet.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "hairline",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "thick",
+              "type": "string"
+            },
+            {
+              "value": "thin",
+              "type": "string"
+            },
+            {
+              "value": "xThick",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsFillColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-fill-colour",
+          "reflectToAttr": false,
+          "docs": "Fill colour of the step bullet.",
+          "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": "Name of the icon to display inside the step bullet.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsIconColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-colour",
+          "reflectToAttr": false,
+          "docs": "Colour of the icon inside the step bullet.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLineColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-line-colour",
+          "reflectToAttr": false,
+          "docs": "Colour of the line.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsLineWidth",
+          "type": "\"hairline\" | \"none\" | \"thick\" | \"thin\" | \"xThick\"",
+          "complexType": {
+            "original": "'none' | 'hairline' | 'thin' | 'thick' | 'xThick'",
+            "resolved": "\"hairline\" | \"none\" | \"thick\" | \"thin\" | \"xThick\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-line-width",
+          "reflectToAttr": false,
+          "docs": "Width of the line.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'none'"
+            }
+          ],
+          "default": "'none'",
+          "values": [
+            {
+              "value": "hairline",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            },
+            {
+              "value": "thick",
+              "type": "string"
+            },
+            {
+              "value": "thin",
+              "type": "string"
+            },
+            {
+              "value": "xThick",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOrientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-orientation",
+          "reflectToAttr": false,
+          "docs": "Orientation of the step. Should match the `dsOrientation` property of the `ds-steps` component.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'vertical'"
+            }
+          ],
+          "default": "'vertical'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "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 step bullet.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'medium'"
+            }
+          ],
+          "default": "'medium'",
+          "values": [
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "small",
+              "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 inside the step bullet.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsTextColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-text-colour",
+          "reflectToAttr": false,
+          "docs": "Colour of the text inside the step bullet.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-step-bullet"
+      ],
+      "dependencies": [
+        "ds-icon"
+      ],
+      "dependencyGraph": {
+        "ds-step-bullet-base": [
+          "ds-icon"
+        ],
+        "ds-step-bullet": [
+          "ds-step-bullet-base"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-step/ds-step-content/ds-step-content.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-step-content",
+      "readme": "# ds-step-content\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "heading - The heading content for the step."
+        },
+        {
+          "name": "slot",
+          "text": "content - The main content for the step."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsFullWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-full-width",
+          "reflectToAttr": false,
+          "docs": "Passed to the `dsFullWidth` property of the `ds-step-content-base` element.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHeading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-heading",
+          "reflectToAttr": false,
+          "docs": "Passed to the `dsHeading` property of the `ds-step-content-base` element.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "content",
+          "docs": "The main content for the step."
+        },
+        {
+          "name": "heading",
+          "docs": "The heading content for the step."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-step-content-base"
+      ],
+      "dependencyGraph": {
+        "ds-step-content": [
+          "ds-step-content-base"
+        ],
+        "ds-step-content-base": [
+          "ds-visually-hidden"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-step-base/ds-step-content-base/ds-step-content-base.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-step-content-base",
+      "readme": "# ds-step-content\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "heading - The heading content for the step."
+        },
+        {
+          "name": "slot",
+          "text": "content - The main content for the step."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsAriaCurrent",
+          "type": "\"step\"",
+          "complexType": {
+            "original": "'step' | undefined",
+            "resolved": "\"step\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-aria-current",
+          "reflectToAttr": false,
+          "docs": "Passed to the `aria-current` attribute of the heading element. Should be set to \"step\" for the current step.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "undefined"
+            }
+          ],
+          "default": "undefined",
+          "values": [
+            {
+              "value": "step",
+              "type": "string"
+            }
+          ],
+          "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": "If true, the step content takes the full width of its container.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHeading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-heading",
+          "reflectToAttr": false,
+          "docs": "Heading text for the step content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsHeadingColour",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-heading-colour",
+          "reflectToAttr": false,
+          "docs": "Colour of the heading text.",
+          "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": "Assistive text for screen readers. Provide additional context for the step, e.g., a status text.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOrdinal",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-ordinal",
+          "reflectToAttr": false,
+          "docs": "Ordinal number of the step.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsOrientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-orientation",
+          "reflectToAttr": false,
+          "docs": "Orientation of the step. Should match the `dsOrientation` property of the `ds-steps` component.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'vertical'"
+            }
+          ],
+          "default": "'vertical'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "content",
+          "docs": "The main content for the step."
+        },
+        {
+          "name": "heading",
+          "docs": "The heading content for the step."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-step-content"
+      ],
+      "dependencies": [
+        "ds-visually-hidden"
+      ],
+      "dependencyGraph": {
+        "ds-step-content-base": [
+          "ds-visually-hidden"
+        ],
+        "ds-step-content": [
+          "ds-step-content-base"
+        ]
+      }
+    },
+    {
+      "filePath": "src/components/01-base-components/ds-steps/ds-steps.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-steps",
+      "readme": "# ds-steps\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - The steps."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "dsOrientation",
+          "type": "\"horizontal\" | \"vertical\"",
+          "complexType": {
+            "original": "'horizontal' | 'vertical'",
+            "resolved": "\"horizontal\" | \"vertical\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-orientation",
+          "reflectToAttr": false,
+          "docs": "Orientation of the steps.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'vertical'"
+            }
+          ],
+          "default": "'vertical'",
+          "values": [
+            {
+              "value": "horizontal",
+              "type": "string"
+            },
+            {
+              "value": "vertical",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "The steps."
+        }
+      ],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/components/01-base-components/ds-store/ds-store.tsx",
       "encapsulation": "none",
@@ -67360,6 +68497,7 @@
         "ds-radio-button",
         "ds-ribbon",
         "ds-spinner",
+        "ds-step-content-base",
         "ds-text-area"
       ],
       "dependencies": [],
@@ -67403,6 +68541,9 @@
         "ds-spinner": [
           "ds-visually-hidden"
         ],
+        "ds-step-content-base": [
+          "ds-visually-hidden"
+        ],
         "ds-text-area": [
           "ds-visually-hidden"
         ]