@uh-design-system/component-library 1.5.2 → 1.6.0-rc.1

package/dist/types/components.d.ts

@@ -675,6 +675,11 @@ export namespace Components {
           * Optional tag text displayed on top of image.
          */
         "dsTag"?: string;
+        /**
+          * Text size variant that controls heading, body text, arrow icon size, spacing and padding.
+          * @default 'small'
+         */
+        "dsTextSize": DsCardTextSize;
         /**
           * Optional URL to use card as a link
          */
@@ -837,6 +842,11 @@ export namespace Components {
           * Name of the checkbox group, passed to the `name` attribute of the `input` of child checkbox elements.
          */
         "dsName"?: string;
+        /**
+          * Specifies whether the checkbox group is open. Only used when `dsVariant` is `tree`.
+          * @default false
+         */
+        "dsOpen": boolean;
         /**
           * None of the checkboxes need to be checked.
           * @default false
@@ -856,6 +866,11 @@ export namespace Components {
           * @default ''
          */
         "dsText": string;
+        /**
+          * Variant of the checkbox group.
+          * @default 'default'
+         */
+        "dsVariant": 'default' | 'tree';
         /**
           * Updates child elements' checked state.
           * @param newValue New checked state.
@@ -863,6 +878,25 @@ export namespace Components {
         "setChecked": (newValue: boolean) => Promise<void>;
         "setFocus": () => Promise<void>;
     }
+    /**
+     * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
+     */
+    interface DsCheckboxGroupExpandButton {
+        /**
+          * Specifies whether the component is actionable. If false, user interaction does not emit `dsOpenChange`.
+          * @default true
+         */
+        "dsActionable": boolean;
+        /**
+          * Specifies the `aria-label` for the expand button.
+         */
+        "dsAriaLabel": string;
+        /**
+          * Specifies whether the checkbox group is open.
+          * @default false
+         */
+        "dsOpen": boolean;
+    }
     interface DsChip {
         /**
           * Passed to the `aria-label` attribute of the `button` element.
@@ -1483,12 +1517,37 @@ export namespace Components {
          */
         "dsValue"?: string;
     }
+    interface DsDivider {
+        /**
+          * Custom spacing after the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
+         */
+        "dsCustomPaddingAfter"?: string;
+        /**
+          * Custom spacing before the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
+         */
+        "dsCustomPaddingBefore"?: string;
+        /**
+          * Direction of the divider line.
+          * @default 'horizontal'
+         */
+        "dsOrientation": DsOrientation;
+        /**
+          * Space added on both sides of the divider using design system spacing tokens.
+          * @default '2xSmall'
+         */
+        "dsPadding": DsPaddingSize;
+        /**
+          * `decorative` hides the divider from assistive technology; `accessible` renders a visible separator with semantic meaning.
+          * @default 'decorative'
+         */
+        "dsVariant": DsVariant;
+    }
     interface DsFeedback {
         /**
           * Passed to the `aria-atomic` attribute of the rendered element.
           * @default false
          */
-        "dsAriaAtomic"?: AriaAtomic;
+        "dsAriaAtomic": boolean;
         /**
           * Passed to the `aria-live` attribute of the rendered element.
           * @default 'polite'
@@ -1649,12 +1708,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAccountBalance {
@@ -1662,12 +1721,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAccountBalanceFill {
@@ -1675,12 +1734,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAccountCircle {
@@ -1688,12 +1747,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAccountCircleFill {
@@ -1701,12 +1760,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAdd {
@@ -1714,12 +1773,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArchive {
@@ -1727,12 +1786,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArchiveFill {
@@ -1740,12 +1799,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowBack {
@@ -1753,12 +1812,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowDownward {
@@ -1766,12 +1825,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowDropDown {
@@ -1779,12 +1838,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowDropDownCircle {
@@ -1792,12 +1851,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowDropDownCircleFill {
@@ -1805,12 +1864,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowDropUp {
@@ -1818,12 +1877,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowForward {
@@ -1831,12 +1890,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowInsert {
@@ -1844,12 +1903,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowOutward {
@@ -1857,12 +1916,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconArrowUpward {
@@ -1870,12 +1929,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAttachEmail {
@@ -1883,12 +1942,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAttachEmailFill {
@@ -1896,12 +1955,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAttachFile {
@@ -1909,12 +1968,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAttachFileAdd {
@@ -1922,12 +1981,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconAttachFileOff {
@@ -1935,12 +1994,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBadge {
@@ -1948,12 +2007,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBadgeFill {
@@ -1961,12 +2020,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBarChart {
@@ -1974,12 +2033,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBluesky {
@@ -1987,12 +2046,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBook2 {
@@ -2000,12 +2059,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBook2Fill {
@@ -2013,12 +2072,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBoy {
@@ -2026,12 +2085,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBuild {
@@ -2039,12 +2098,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconBuildFill {
@@ -2052,12 +2111,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCalculate {
@@ -2065,12 +2124,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCalculateFill {
@@ -2078,12 +2137,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCalendarMonth {
@@ -2091,12 +2150,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCalendarMonthFill {
@@ -2104,12 +2163,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCall {
@@ -2117,12 +2176,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCallFill {
@@ -2130,12 +2189,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCancel {
@@ -2143,12 +2202,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCancelFill {
@@ -2156,12 +2215,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconChat {
@@ -2169,12 +2228,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconChatFill {
@@ -2182,12 +2241,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheck {
@@ -2195,12 +2254,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckBox {
@@ -2208,12 +2267,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckBoxFill {
@@ -2221,12 +2280,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckBoxOutlineBlank {
@@ -2234,12 +2293,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckCircle {
@@ -2247,12 +2306,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckCircleFill {
@@ -2260,12 +2319,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckIndeterminateSmall {
@@ -2273,12 +2332,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCheckSmall {
@@ -2286,12 +2345,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconChecklist {
@@ -2299,12 +2358,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconChevronBackward {
@@ -2312,12 +2371,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconChevronForward {
@@ -2325,12 +2384,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconClose {
@@ -2338,12 +2397,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCloseSmall {
@@ -2351,12 +2410,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCodeBlocks {
@@ -2364,12 +2423,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconCollapseContent {
@@ -2377,12 +2436,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconConstruction {
@@ -2390,12 +2449,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconContentCopy {
@@ -2403,12 +2462,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconContentCopyFill {
@@ -2416,12 +2475,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDelete {
@@ -2429,12 +2488,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDeleteFill {
@@ -2442,12 +2501,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDeleteForever {
@@ -2455,12 +2514,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDeleteForeverFill {
@@ -2468,12 +2527,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDescription {
@@ -2481,12 +2540,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDownload {
@@ -2494,12 +2553,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDrafts {
@@ -2507,12 +2566,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDraftsFill {
@@ -2520,12 +2579,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDragIndicator {
@@ -2533,12 +2592,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     /**
@@ -2549,12 +2608,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     /**
@@ -2565,12 +2624,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDsFlame {
@@ -2578,12 +2637,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconDsFlameFill {
@@ -2591,12 +2650,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEdit {
@@ -2604,12 +2663,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEditCalendar {
@@ -2617,12 +2676,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEditCalendarFill {
@@ -2630,12 +2689,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEditFill {
@@ -2643,12 +2702,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEqual {
@@ -2656,12 +2715,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEscalatorWarning {
@@ -2669,12 +2728,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEuroSymbol {
@@ -2682,12 +2741,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEventAvailable {
@@ -2695,12 +2754,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconEventAvailableFill {
@@ -2708,12 +2767,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconExpandContent {
@@ -2721,12 +2780,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconExplore {
@@ -2734,12 +2793,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconExploreFill {
@@ -2747,12 +2806,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconExportNotes {
@@ -2760,12 +2819,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconExportNotesFill {
@@ -2773,12 +2832,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFacebook {
@@ -2786,12 +2845,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFastForward {
@@ -2799,12 +2858,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFastForwardFill {
@@ -2812,12 +2871,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFastRewind {
@@ -2825,12 +2884,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFastRewindFill {
@@ -2838,12 +2897,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFavorite {
@@ -2851,12 +2910,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFavoriteFill {
@@ -2864,12 +2923,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFiberManualRecord {
@@ -2877,12 +2936,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFiberManualRecordFill {
@@ -2890,12 +2949,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFileSave {
@@ -2903,12 +2962,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFileSaveFill {
@@ -2916,12 +2975,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFilterList {
@@ -2929,12 +2988,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFirstPage {
@@ -2942,12 +3001,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconForkRight {
@@ -2955,12 +3014,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFormatBold {
@@ -2968,12 +3027,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFormatItalic {
@@ -2981,12 +3040,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFormatQuote {
@@ -2994,12 +3053,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFormatQuoteFill {
@@ -3007,12 +3066,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFormatQuoteOff {
@@ -3020,12 +3079,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFormatQuoteOffFill {
@@ -3033,12 +3092,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFunction {
@@ -3046,12 +3105,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconFunctions {
@@ -3059,12 +3118,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGalleryThumbnail {
@@ -3072,12 +3131,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGirl {
@@ -3085,12 +3144,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGrid4x4 {
@@ -3098,12 +3157,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGridOn {
@@ -3111,12 +3170,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGridOnFill {
@@ -3124,12 +3183,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGroup {
@@ -3137,12 +3196,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGroupAdd {
@@ -3150,12 +3209,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGroupAddFill {
@@ -3163,12 +3222,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGroupFill {
@@ -3176,12 +3235,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGroupRemove {
@@ -3189,12 +3248,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconGroupRemoveFill {
@@ -3202,12 +3261,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHelp {
@@ -3215,12 +3274,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHelpFill {
@@ -3228,12 +3287,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHistory {
@@ -3241,12 +3300,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHome {
@@ -3254,12 +3313,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHomeFill {
@@ -3267,12 +3326,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHourglass {
@@ -3280,12 +3339,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHourglassBottom {
@@ -3293,12 +3352,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconHourglassTop {
@@ -3306,12 +3365,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconImage {
@@ -3319,12 +3378,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconImageFill {
@@ -3332,12 +3391,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconInfo {
@@ -3345,12 +3404,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconInfoFill {
@@ -3358,12 +3417,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconInstagram {
@@ -3371,12 +3430,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconKeyboardArrowDown {
@@ -3384,12 +3443,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconKeyboardArrowUp {
@@ -3397,12 +3456,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLanguage {
@@ -3410,12 +3469,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLastPage {
@@ -3423,12 +3482,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLink {
@@ -3436,12 +3495,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLinkedin {
@@ -3449,12 +3508,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconListAlt {
@@ -3462,12 +3521,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconListAltAdd {
@@ -3475,12 +3534,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconListAltCheck {
@@ -3488,12 +3547,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLocationOn {
@@ -3501,12 +3560,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLocationOnFill {
@@ -3514,12 +3573,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLocationSearching {
@@ -3527,12 +3586,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLock {
@@ -3540,12 +3599,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLockFill {
@@ -3553,12 +3612,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLockOpen {
@@ -3566,12 +3625,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLockOpenFill {
@@ -3579,12 +3638,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLogin {
@@ -3592,12 +3651,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconLogout {
@@ -3605,12 +3664,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMail {
@@ -3618,12 +3677,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMailFill {
@@ -3631,12 +3690,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconManufacturing {
@@ -3644,12 +3703,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMap {
@@ -3657,12 +3716,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMapFill {
@@ -3670,12 +3729,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMapSearch {
@@ -3683,12 +3742,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMapSearchFill {
@@ -3696,12 +3755,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMenu {
@@ -3709,12 +3768,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMoreHoriz {
@@ -3722,12 +3781,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMoreVert {
@@ -3735,12 +3794,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMountainFlag {
@@ -3748,12 +3807,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMountainFlagFill {
@@ -3761,12 +3820,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMyLocation {
@@ -3774,12 +3833,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconMyLocationFill {
@@ -3787,12 +3846,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotifications {
@@ -3800,12 +3859,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsActive {
@@ -3813,12 +3872,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsActiveFill {
@@ -3826,12 +3885,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsFill {
@@ -3839,12 +3898,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsOff {
@@ -3852,12 +3911,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsOffFill {
@@ -3865,12 +3924,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsUnread {
@@ -3878,12 +3937,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconNotificationsUnreadFill {
@@ -3891,12 +3950,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconOpenInNew {
@@ -3904,12 +3963,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPause {
@@ -3917,12 +3976,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPauseCircle {
@@ -3930,12 +3989,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPauseCircleFill {
@@ -3943,12 +4002,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPauseFill {
@@ -3956,12 +4015,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPending {
@@ -3969,12 +4028,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPercent {
@@ -3982,12 +4041,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPerson {
@@ -3995,12 +4054,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonAdd {
@@ -4008,12 +4067,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonAddFill {
@@ -4021,12 +4080,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonAlert {
@@ -4034,12 +4093,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonAlertFill {
@@ -4047,12 +4106,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonFill {
@@ -4060,12 +4119,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonPinCircle {
@@ -4073,12 +4132,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonPinCircleFill {
@@ -4086,12 +4145,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonRemove {
@@ -4099,12 +4158,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonRemoveFill {
@@ -4112,12 +4171,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonSearch {
@@ -4125,12 +4184,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPersonSearchFill {
@@ -4138,12 +4197,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPhotoCamera {
@@ -4151,12 +4210,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPhotoCameraFill {
@@ -4164,12 +4223,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPhotoLibrary {
@@ -4177,12 +4236,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPictureAsPdf {
@@ -4190,12 +4249,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPictureAsPdfFill {
@@ -4203,12 +4262,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPieChart {
@@ -4216,12 +4275,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPieChartFill {
@@ -4229,12 +4288,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlagiarism {
@@ -4242,12 +4301,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlagiarismFill {
@@ -4255,12 +4314,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlayArrow {
@@ -4268,12 +4327,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlayArrowFill {
@@ -4281,12 +4340,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlayCircle {
@@ -4294,12 +4353,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlayCircleFill {
@@ -4307,12 +4366,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPlayPause {
@@ -4320,12 +4379,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconProgressActivity {
@@ -4333,12 +4392,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconPublic {
@@ -4346,12 +4405,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconRefresh {
@@ -4359,12 +4418,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconRemove {
@@ -4372,12 +4431,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconReorder {
@@ -4385,12 +4444,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconReport {
@@ -4398,12 +4457,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconReportFill {
@@ -4411,12 +4470,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconResize {
@@ -4424,12 +4483,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconRotateLeft {
@@ -4437,12 +4496,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconRotateRight {
@@ -4450,12 +4509,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconRssFeed {
@@ -4463,12 +4522,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSave {
@@ -4476,12 +4535,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSaveFill {
@@ -4489,12 +4548,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSchedule {
@@ -4502,12 +4561,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconScheduleFill {
@@ -4515,12 +4574,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSearch {
@@ -4528,12 +4587,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSell {
@@ -4541,12 +4600,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSellFill {
@@ -4554,12 +4613,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSend {
@@ -4567,12 +4626,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSendFill {
@@ -4580,12 +4639,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSentimentDissatisfied {
@@ -4593,12 +4652,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSentimentDissatisfiedFill {
@@ -4606,12 +4665,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSentimentNeutral {
@@ -4619,12 +4678,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSentimentNeutralFill {
@@ -4632,12 +4691,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSentimentSatisfied {
@@ -4645,12 +4704,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSentimentSatisfiedFill {
@@ -4658,12 +4717,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSettings {
@@ -4671,12 +4730,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSettingsFill {
@@ -4684,12 +4743,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconShare {
@@ -4697,12 +4756,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconShowChart {
@@ -4710,12 +4769,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSkipNext {
@@ -4723,12 +4782,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSkipNextFill {
@@ -4736,12 +4795,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSkipPrevious {
@@ -4749,12 +4808,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSkipPreviousFill {
@@ -4762,12 +4821,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSmartToy {
@@ -4775,12 +4834,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSmartToyFill {
@@ -4788,12 +4847,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconStar {
@@ -4801,12 +4860,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconStarFill {
@@ -4814,12 +4873,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconStop {
@@ -4827,12 +4886,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconStopCircle {
@@ -4840,12 +4899,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconStopCircleFill {
@@ -4853,12 +4912,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconStopFill {
@@ -4866,12 +4925,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSupervisorAccount {
@@ -4879,12 +4938,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSupervisorAccountFill {
@@ -4892,12 +4951,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSwapHoriz {
@@ -4905,12 +4964,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconSync {
@@ -4918,12 +4977,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTable {
@@ -4931,12 +4990,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTableFill {
@@ -4944,12 +5003,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTiktok {
@@ -4957,12 +5016,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTimer {
@@ -4970,12 +5029,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTimerFill {
@@ -4983,12 +5042,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTour {
@@ -4996,12 +5055,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTourFill {
@@ -5009,12 +5068,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTranslate {
@@ -5022,12 +5081,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTrendingDown {
@@ -5035,12 +5094,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconTrendingUp {
@@ -5048,12 +5107,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconUnfoldLess {
@@ -5061,12 +5120,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconUnfoldMore {
@@ -5074,12 +5133,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconUngroup {
@@ -5087,12 +5146,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconUpload {
@@ -5100,12 +5159,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconViewList {
@@ -5113,12 +5172,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconViewListFill {
@@ -5126,12 +5185,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconVisibility {
@@ -5139,12 +5198,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconVisibilityFill {
@@ -5152,12 +5211,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconVisibilityOff {
@@ -5165,12 +5224,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconVisibilityOffFill {
@@ -5178,12 +5237,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconVpnLock {
@@ -5191,12 +5250,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconWarning {
@@ -5204,12 +5263,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconWarningFill {
@@ -5217,12 +5276,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconWidgetSmall {
@@ -5230,12 +5289,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconWidgetSmallFill {
@@ -5243,12 +5302,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconX {
@@ -5256,12 +5315,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconYoutube {
@@ -5269,12 +5328,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconZoomIn {
@@ -5282,12 +5341,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconZoomInMap {
@@ -5295,12 +5354,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconZoomOut {
@@ -5308,12 +5367,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsIconZoomOutMap {
@@ -5321,12 +5380,12 @@ export namespace Components {
           * @default 'Icon'
          */
         "dsAriaLabel": string;
-        "dsColour": string;
+        "dsColour"?: string;
         /**
           * @default 'img'
          */
         "dsRole": string;
-        "dsSize": string;
+        "dsSize"?: string;
         "dsTitle"?: string;
     }
     interface DsInputValidity {
@@ -5993,6 +6052,11 @@ export namespace Components {
           * Passed to the `aria-label` attribute of the `nav` element.
          */
         "dsAriaLabel"?: string;
+        /**
+          * Colour of the pagination. Inherited by child components.
+          * @default 'blue'
+         */
+        "dsColour": 'blue' | 'black' | 'white';
         /**
           * Current page number (1-indexed)
           * @default 1
@@ -6055,6 +6119,10 @@ export namespace Components {
      * Must be used inside ds-pagination component.
      */
     interface DsPaginationPage {
+        /**
+          * Override the default `aria-label` (e.g. "Page 1") of the page link. Pass an empty string to remove the aria-label entirely.
+         */
+        "dsAriaLabel"?: string;
         /**
           * Link href attribute
          */
@@ -6072,6 +6140,13 @@ export namespace Components {
          */
         "dsTag"?: 'a' | 'span';
     }
+    /**
+     * Page info display for pagination compact layout (e.g., "5 / 20")
+     * Automatically reads current page and total pages from the parent ds-pagination context.
+     * Must be used inside ds-pagination component.
+     */
+    interface DsPaginationPageInfo {
+    }
     interface DsRadioButton {
         /**
           * Returns true if input has no validity problems; false otherwise. Fires an invalid event at the element in the latter case.
@@ -6502,7 +6577,7 @@ export namespace Components {
     }
     interface DsStore {
         /**
-          * @default defaultLanguage
+          * @default 'en'
          */
         "dsLanguage": Language;
         "getLanguage": () => Promise<"fi" | "sv" | "en">;
@@ -6931,6 +7006,10 @@ export interface DsCheckboxGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsCheckboxGroupElement;
 }
+export interface DsCheckboxGroupExpandButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsCheckboxGroupExpandButtonElement;
+}
 export interface DsChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsChipElement;
@@ -7270,6 +7349,26 @@ declare global {
         prototype: HTMLDsCheckboxGroupElement;
         new (): HTMLDsCheckboxGroupElement;
     };
+    interface HTMLDsCheckboxGroupExpandButtonElementEventMap {
+        "dsOpenChange": boolean;
+    }
+    /**
+     * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
+     */
+    interface HTMLDsCheckboxGroupExpandButtonElement extends Components.DsCheckboxGroupExpandButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDsCheckboxGroupExpandButtonElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupExpandButtonElement, ev: DsCheckboxGroupExpandButtonCustomEvent<HTMLDsCheckboxGroupExpandButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDsCheckboxGroupExpandButtonElementEventMap>(type: K, listener: (this: HTMLDsCheckboxGroupExpandButtonElement, ev: DsCheckboxGroupExpandButtonCustomEvent<HTMLDsCheckboxGroupExpandButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDsCheckboxGroupExpandButtonElement: {
+        prototype: HTMLDsCheckboxGroupExpandButtonElement;
+        new (): HTMLDsCheckboxGroupExpandButtonElement;
+    };
     interface HTMLDsChipElementEventMap {
         "dsClick": DsChipClickEvent;
     }
@@ -7424,6 +7523,12 @@ declare global {
         prototype: HTMLDsDatepickerSimpleElement;
         new (): HTMLDsDatepickerSimpleElement;
     };
+    interface HTMLDsDividerElement extends Components.DsDivider, HTMLStencilElement {
+    }
+    var HTMLDsDividerElement: {
+        prototype: HTMLDsDividerElement;
+        new (): HTMLDsDividerElement;
+    };
     interface HTMLDsFeedbackElement extends Components.DsFeedback, HTMLStencilElement {
     }
     var HTMLDsFeedbackElement: {
@@ -9381,6 +9486,17 @@ declare global {
         prototype: HTMLDsPaginationPageElement;
         new (): HTMLDsPaginationPageElement;
     };
+    /**
+     * Page info display for pagination compact layout (e.g., "5 / 20")
+     * Automatically reads current page and total pages from the parent ds-pagination context.
+     * Must be used inside ds-pagination component.
+     */
+    interface HTMLDsPaginationPageInfoElement extends Components.DsPaginationPageInfo, HTMLStencilElement {
+    }
+    var HTMLDsPaginationPageInfoElement: {
+        prototype: HTMLDsPaginationPageInfoElement;
+        new (): HTMLDsPaginationPageInfoElement;
+    };
     interface HTMLDsRadioButtonElementEventMap {
         "dsChange": DsRadioButtonChangeEvent;
         "dsCheck": DsRadioButtonCheckEvent;
@@ -9639,6 +9755,7 @@ declare global {
         "ds-card": HTMLDsCardElement;
         "ds-checkbox": HTMLDsCheckboxElement;
         "ds-checkbox-group": HTMLDsCheckboxGroupElement;
+        "ds-checkbox-group-expand-button": HTMLDsCheckboxGroupExpandButtonElement;
         "ds-chip": HTMLDsChipElement;
         "ds-chip-group": HTMLDsChipGroupElement;
         "ds-combobox": HTMLDsComboboxElement;
@@ -9647,6 +9764,7 @@ declare global {
         "ds-datepicker-custom": HTMLDsDatepickerCustomElement;
         "ds-datepicker-native": HTMLDsDatepickerNativeElement;
         "ds-datepicker-simple": HTMLDsDatepickerSimpleElement;
+        "ds-divider": HTMLDsDividerElement;
         "ds-feedback": HTMLDsFeedbackElement;
         "ds-grid": HTMLDsGridElement;
         "ds-group-label": HTMLDsGroupLabelElement;
@@ -9950,6 +10068,7 @@ declare global {
         "ds-pagination-ellipsis": HTMLDsPaginationEllipsisElement;
         "ds-pagination-item": HTMLDsPaginationItemElement;
         "ds-pagination-page": HTMLDsPaginationPageElement;
+        "ds-pagination-page-info": HTMLDsPaginationPageInfoElement;
         "ds-radio-button": HTMLDsRadioButtonElement;
         "ds-radio-button-group": HTMLDsRadioButtonGroupElement;
         "ds-ribbon": HTMLDsRibbonElement;
@@ -10592,6 +10711,11 @@ declare namespace LocalJSX {
           * Optional tag text displayed on top of image.
          */
         "dsTag"?: string;
+        /**
+          * Text size variant that controls heading, body text, arrow icon size, spacing and padding.
+          * @default 'small'
+         */
+        "dsTextSize"?: DsCardTextSize;
         /**
           * Optional URL to use card as a link
          */
@@ -10775,6 +10899,11 @@ declare namespace LocalJSX {
           * Name of the checkbox group, passed to the `name` attribute of the `input` of child checkbox elements.
          */
         "dsName"?: string;
+        /**
+          * Specifies whether the checkbox group is open. Only used when `dsVariant` is `tree`.
+          * @default false
+         */
+        "dsOpen"?: boolean;
         /**
           * None of the checkboxes need to be checked.
           * @default false
@@ -10794,6 +10923,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "dsText"?: string;
+        /**
+          * Variant of the checkbox group.
+          * @default 'default'
+         */
+        "dsVariant"?: 'default' | 'tree';
         /**
           * The `id` of a `<form>` element to associate this element with.
          */
@@ -10828,6 +10962,26 @@ declare namespace LocalJSX {
          */
         "onDsValidity"?: (event: DsCheckboxGroupCustomEvent<DsValidityEvent>) => void;
     }
+    /**
+     * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
+     */
+    interface DsCheckboxGroupExpandButton {
+        /**
+          * Specifies whether the component is actionable. If false, user interaction does not emit `dsOpenChange`.
+          * @default true
+         */
+        "dsActionable"?: boolean;
+        /**
+          * Specifies the `aria-label` for the expand button.
+         */
+        "dsAriaLabel": string;
+        /**
+          * Specifies whether the checkbox group is open.
+          * @default false
+         */
+        "dsOpen"?: boolean;
+        "onDsOpenChange"?: (event: DsCheckboxGroupExpandButtonCustomEvent<boolean>) => void;
+    }
     interface DsChip {
         /**
           * Passed to the `aria-label` attribute of the `button` element.
@@ -11594,12 +11748,37 @@ declare namespace LocalJSX {
          */
         "onDsValidity"?: (event: DsDatepickerSimpleCustomEvent<DsValidityEvent>) => void;
     }
+    interface DsDivider {
+        /**
+          * Custom spacing after the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
+         */
+        "dsCustomPaddingAfter"?: string;
+        /**
+          * Custom spacing before the divider, overrides `dsPadding` for that side. Accepts any valid CSS length value.
+         */
+        "dsCustomPaddingBefore"?: string;
+        /**
+          * Direction of the divider line.
+          * @default 'horizontal'
+         */
+        "dsOrientation"?: DsOrientation;
+        /**
+          * Space added on both sides of the divider using design system spacing tokens.
+          * @default '2xSmall'
+         */
+        "dsPadding"?: DsPaddingSize;
+        /**
+          * `decorative` hides the divider from assistive technology; `accessible` renders a visible separator with semantic meaning.
+          * @default 'decorative'
+         */
+        "dsVariant"?: DsVariant;
+    }
     interface DsFeedback {
         /**
           * Passed to the `aria-atomic` attribute of the rendered element.
           * @default false
          */
-        "dsAriaAtomic"?: AriaAtomic;
+        "dsAriaAtomic"?: boolean;
         /**
           * Passed to the `aria-live` attribute of the rendered element.
           * @default 'polite'
@@ -16139,6 +16318,11 @@ declare namespace LocalJSX {
           * Passed to the `aria-label` attribute of the `nav` element.
          */
         "dsAriaLabel"?: string;
+        /**
+          * Colour of the pagination. Inherited by child components.
+          * @default 'blue'
+         */
+        "dsColour"?: 'blue' | 'black' | 'white';
         /**
           * Current page number (1-indexed)
           * @default 1
@@ -16201,6 +16385,10 @@ declare namespace LocalJSX {
      * Must be used inside ds-pagination component.
      */
     interface DsPaginationPage {
+        /**
+          * Override the default `aria-label` (e.g. "Page 1") of the page link. Pass an empty string to remove the aria-label entirely.
+         */
+        "dsAriaLabel"?: string;
         /**
           * Link href attribute
          */
@@ -16218,6 +16406,13 @@ declare namespace LocalJSX {
          */
         "dsTag"?: 'a' | 'span';
     }
+    /**
+     * Page info display for pagination compact layout (e.g., "5 / 20")
+     * Automatically reads current page and total pages from the parent ds-pagination context.
+     * Must be used inside ds-pagination component.
+     */
+    interface DsPaginationPageInfo {
+    }
     interface DsRadioButton {
         /**
           * If `true`, the user cannot interact with the element.
@@ -16723,7 +16918,7 @@ declare namespace LocalJSX {
     }
     interface DsStore {
         /**
-          * @default defaultLanguage
+          * @default 'en'
          */
         "dsLanguage"?: Language;
         "onDsLanguageChange"?: (event: DsStoreCustomEvent<Language>) => void;
@@ -17305,6 +17500,7 @@ declare namespace LocalJSX {
         "dsTag": string;
         "dsShowArrow": boolean;
         "dsFluidHeight": boolean;
+        "dsTextSize": DsCardTextSize;
     }
     interface DsCheckboxAttributes {
         "dsMuteAriaDeprecationWarning": boolean;
@@ -17341,6 +17537,13 @@ declare namespace LocalJSX {
         "dsOptionalText": string;
         "dsName": string;
         "dsId": string;
+        "dsVariant": 'default' | 'tree';
+        "dsOpen": boolean;
+    }
+    interface DsCheckboxGroupExpandButtonAttributes {
+        "dsOpen": boolean;
+        "dsActionable": boolean;
+        "dsAriaLabel": string;
     }
     interface DsChipAttributes {
         "dsMuteAriaDeprecationWarning": boolean;
@@ -17493,11 +17696,18 @@ declare namespace LocalJSX {
         "dsMin": string;
         "dsMax": string;
     }
+    interface DsDividerAttributes {
+        "dsVariant": DsVariant;
+        "dsOrientation": DsOrientation;
+        "dsPadding": DsPaddingSize;
+        "dsCustomPaddingBefore": string;
+        "dsCustomPaddingAfter": string;
+    }
     interface DsFeedbackAttributes {
         "dsTag": 'div' | 'span';
         "dsRole": Role;
         "dsAriaLive": AriaLive;
-        "dsAriaAtomic": AriaAtomic;
+        "dsAriaAtomic": boolean;
         "dsSrOnly": boolean;
         "dsSrOnlyTag": 'div' | 'span';
     }
@@ -19680,6 +19890,7 @@ declare namespace LocalJSX {
         "dsTotalPages": number;
         "dsLayout": 'auto' | 'compact' | 'full';
         "dsVariant": 'small' | 'medium';
+        "dsColour": 'blue' | 'black' | 'white';
         "dsAriaLabel": string;
     }
     interface DsPaginationItemAttributes {
@@ -19694,6 +19905,7 @@ declare namespace LocalJSX {
         "dsPage": number;
         "dsHref": string;
         "dsIsCurrent": boolean;
+        "dsAriaLabel": string;
         "dsTag": 'a' | 'span';
     }
     interface DsRadioButtonAttributes {
@@ -19909,6 +20121,7 @@ declare namespace LocalJSX {
         "ds-card": Omit<DsCard, keyof DsCardAttributes> & { [K in keyof DsCard & keyof DsCardAttributes]?: DsCard[K] } & { [K in keyof DsCard & keyof DsCardAttributes as `attr:${K}`]?: DsCardAttributes[K] } & { [K in keyof DsCard & keyof DsCardAttributes as `prop:${K}`]?: DsCard[K] };
         "ds-checkbox": Omit<DsCheckbox, keyof DsCheckboxAttributes> & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes]?: DsCheckbox[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `attr:${K}`]?: DsCheckboxAttributes[K] } & { [K in keyof DsCheckbox & keyof DsCheckboxAttributes as `prop:${K}`]?: DsCheckbox[K] };
         "ds-checkbox-group": Omit<DsCheckboxGroup, keyof DsCheckboxGroupAttributes> & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes]?: DsCheckboxGroup[K] } & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes as `attr:${K}`]?: DsCheckboxGroupAttributes[K] } & { [K in keyof DsCheckboxGroup & keyof DsCheckboxGroupAttributes as `prop:${K}`]?: DsCheckboxGroup[K] };
+        "ds-checkbox-group-expand-button": Omit<DsCheckboxGroupExpandButton, keyof DsCheckboxGroupExpandButtonAttributes> & { [K in keyof DsCheckboxGroupExpandButton & keyof DsCheckboxGroupExpandButtonAttributes]?: DsCheckboxGroupExpandButton[K] } & { [K in keyof DsCheckboxGroupExpandButton & keyof DsCheckboxGroupExpandButtonAttributes as `attr:${K}`]?: DsCheckboxGroupExpandButtonAttributes[K] } & { [K in keyof DsCheckboxGroupExpandButton & keyof DsCheckboxGroupExpandButtonAttributes as `prop:${K}`]?: DsCheckboxGroupExpandButton[K] } & OneOf<"dsAriaLabel", DsCheckboxGroupExpandButton["dsAriaLabel"], DsCheckboxGroupExpandButtonAttributes["dsAriaLabel"]>;
         "ds-chip": Omit<DsChip, keyof DsChipAttributes> & { [K in keyof DsChip & keyof DsChipAttributes]?: DsChip[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `attr:${K}`]?: DsChipAttributes[K] } & { [K in keyof DsChip & keyof DsChipAttributes as `prop:${K}`]?: DsChip[K] } & OneOf<"dsText", DsChip["dsText"], DsChipAttributes["dsText"]>;
         "ds-chip-group": Omit<DsChipGroup, keyof DsChipGroupAttributes> & { [K in keyof DsChipGroup & keyof DsChipGroupAttributes]?: DsChipGroup[K] } & { [K in keyof DsChipGroup & keyof DsChipGroupAttributes as `attr:${K}`]?: DsChipGroupAttributes[K] } & { [K in keyof DsChipGroup & keyof DsChipGroupAttributes as `prop:${K}`]?: DsChipGroup[K] };
         "ds-combobox": Omit<DsCombobox, keyof DsComboboxAttributes> & { [K in keyof DsCombobox & keyof DsComboboxAttributes]?: DsCombobox[K] } & { [K in keyof DsCombobox & keyof DsComboboxAttributes as `attr:${K}`]?: DsComboboxAttributes[K] } & { [K in keyof DsCombobox & keyof DsComboboxAttributes as `prop:${K}`]?: DsCombobox[K] };
@@ -19917,6 +20130,7 @@ declare namespace LocalJSX {
         "ds-datepicker-custom": Omit<DsDatepickerCustom, keyof DsDatepickerCustomAttributes> & { [K in keyof DsDatepickerCustom & keyof DsDatepickerCustomAttributes]?: DsDatepickerCustom[K] } & { [K in keyof DsDatepickerCustom & keyof DsDatepickerCustomAttributes as `attr:${K}`]?: DsDatepickerCustomAttributes[K] } & { [K in keyof DsDatepickerCustom & keyof DsDatepickerCustomAttributes as `prop:${K}`]?: DsDatepickerCustom[K] };
         "ds-datepicker-native": Omit<DsDatepickerNative, keyof DsDatepickerNativeAttributes> & { [K in keyof DsDatepickerNative & keyof DsDatepickerNativeAttributes]?: DsDatepickerNative[K] } & { [K in keyof DsDatepickerNative & keyof DsDatepickerNativeAttributes as `attr:${K}`]?: DsDatepickerNativeAttributes[K] } & { [K in keyof DsDatepickerNative & keyof DsDatepickerNativeAttributes as `prop:${K}`]?: DsDatepickerNative[K] };
         "ds-datepicker-simple": Omit<DsDatepickerSimple, keyof DsDatepickerSimpleAttributes> & { [K in keyof DsDatepickerSimple & keyof DsDatepickerSimpleAttributes]?: DsDatepickerSimple[K] } & { [K in keyof DsDatepickerSimple & keyof DsDatepickerSimpleAttributes as `attr:${K}`]?: DsDatepickerSimpleAttributes[K] } & { [K in keyof DsDatepickerSimple & keyof DsDatepickerSimpleAttributes as `prop:${K}`]?: DsDatepickerSimple[K] };
+        "ds-divider": Omit<DsDivider, keyof DsDividerAttributes> & { [K in keyof DsDivider & keyof DsDividerAttributes]?: DsDivider[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `attr:${K}`]?: DsDividerAttributes[K] } & { [K in keyof DsDivider & keyof DsDividerAttributes as `prop:${K}`]?: DsDivider[K] };
         "ds-feedback": Omit<DsFeedback, keyof DsFeedbackAttributes> & { [K in keyof DsFeedback & keyof DsFeedbackAttributes]?: DsFeedback[K] } & { [K in keyof DsFeedback & keyof DsFeedbackAttributes as `attr:${K}`]?: DsFeedbackAttributes[K] } & { [K in keyof DsFeedback & keyof DsFeedbackAttributes as `prop:${K}`]?: DsFeedback[K] };
         "ds-grid": Omit<DsGrid, keyof DsGridAttributes> & { [K in keyof DsGrid & keyof DsGridAttributes]?: DsGrid[K] } & { [K in keyof DsGrid & keyof DsGridAttributes as `attr:${K}`]?: DsGridAttributes[K] } & { [K in keyof DsGrid & keyof DsGridAttributes as `prop:${K}`]?: DsGrid[K] };
         "ds-group-label": Omit<DsGroupLabel, keyof DsGroupLabelAttributes> & { [K in keyof DsGroupLabel & keyof DsGroupLabelAttributes]?: DsGroupLabel[K] } & { [K in keyof DsGroupLabel & keyof DsGroupLabelAttributes as `attr:${K}`]?: DsGroupLabelAttributes[K] } & { [K in keyof DsGroupLabel & keyof DsGroupLabelAttributes as `prop:${K}`]?: DsGroupLabel[K] };
@@ -20220,6 +20434,7 @@ declare namespace LocalJSX {
         "ds-pagination-ellipsis": DsPaginationEllipsis;
         "ds-pagination-item": Omit<DsPaginationItem, keyof DsPaginationItemAttributes> & { [K in keyof DsPaginationItem & keyof DsPaginationItemAttributes]?: DsPaginationItem[K] } & { [K in keyof DsPaginationItem & keyof DsPaginationItemAttributes as `attr:${K}`]?: DsPaginationItemAttributes[K] } & { [K in keyof DsPaginationItem & keyof DsPaginationItemAttributes as `prop:${K}`]?: DsPaginationItem[K] } & OneOf<"dsType", DsPaginationItem["dsType"], DsPaginationItemAttributes["dsType"]>;
         "ds-pagination-page": Omit<DsPaginationPage, keyof DsPaginationPageAttributes> & { [K in keyof DsPaginationPage & keyof DsPaginationPageAttributes]?: DsPaginationPage[K] } & { [K in keyof DsPaginationPage & keyof DsPaginationPageAttributes as `attr:${K}`]?: DsPaginationPageAttributes[K] } & { [K in keyof DsPaginationPage & keyof DsPaginationPageAttributes as `prop:${K}`]?: DsPaginationPage[K] } & OneOf<"dsPage", DsPaginationPage["dsPage"], DsPaginationPageAttributes["dsPage"]>;
+        "ds-pagination-page-info": DsPaginationPageInfo;
         "ds-radio-button": Omit<DsRadioButton, keyof DsRadioButtonAttributes> & { [K in keyof DsRadioButton & keyof DsRadioButtonAttributes]?: DsRadioButton[K] } & { [K in keyof DsRadioButton & keyof DsRadioButtonAttributes as `attr:${K}`]?: DsRadioButtonAttributes[K] } & { [K in keyof DsRadioButton & keyof DsRadioButtonAttributes as `prop:${K}`]?: DsRadioButton[K] };
         "ds-radio-button-group": Omit<DsRadioButtonGroup, keyof DsRadioButtonGroupAttributes> & { [K in keyof DsRadioButtonGroup & keyof DsRadioButtonGroupAttributes]?: DsRadioButtonGroup[K] } & { [K in keyof DsRadioButtonGroup & keyof DsRadioButtonGroupAttributes as `attr:${K}`]?: DsRadioButtonGroupAttributes[K] } & { [K in keyof DsRadioButtonGroup & keyof DsRadioButtonGroupAttributes as `prop:${K}`]?: DsRadioButtonGroup[K] };
         "ds-ribbon": Omit<DsRibbon, keyof DsRibbonAttributes> & { [K in keyof DsRibbon & keyof DsRibbonAttributes]?: DsRibbon[K] } & { [K in keyof DsRibbon & keyof DsRibbonAttributes as `attr:${K}`]?: DsRibbonAttributes[K] } & { [K in keyof DsRibbon & keyof DsRibbonAttributes as `prop:${K}`]?: DsRibbon[K] };
@@ -20261,6 +20476,10 @@ declare module "@stencil/core" {
             "ds-card": LocalJSX.IntrinsicElements["ds-card"] & JSXBase.HTMLAttributes<HTMLDsCardElement>;
             "ds-checkbox": LocalJSX.IntrinsicElements["ds-checkbox"] & JSXBase.HTMLAttributes<HTMLDsCheckboxElement>;
             "ds-checkbox-group": LocalJSX.IntrinsicElements["ds-checkbox-group"] & JSXBase.HTMLAttributes<HTMLDsCheckboxGroupElement>;
+            /**
+             * Internal component used for rendering the expand button in tree variant of `ds-checkbox-group`. Not intended for external use.
+             */
+            "ds-checkbox-group-expand-button": LocalJSX.IntrinsicElements["ds-checkbox-group-expand-button"] & JSXBase.HTMLAttributes<HTMLDsCheckboxGroupExpandButtonElement>;
             "ds-chip": LocalJSX.IntrinsicElements["ds-chip"] & JSXBase.HTMLAttributes<HTMLDsChipElement>;
             "ds-chip-group": LocalJSX.IntrinsicElements["ds-chip-group"] & JSXBase.HTMLAttributes<HTMLDsChipGroupElement>;
             "ds-combobox": LocalJSX.IntrinsicElements["ds-combobox"] & JSXBase.HTMLAttributes<HTMLDsComboboxElement>;
@@ -20272,6 +20491,7 @@ declare module "@stencil/core" {
              * Simple datepicker variant that uses ds-text-input for manual date entry.
              */
             "ds-datepicker-simple": LocalJSX.IntrinsicElements["ds-datepicker-simple"] & JSXBase.HTMLAttributes<HTMLDsDatepickerSimpleElement>;
+            "ds-divider": LocalJSX.IntrinsicElements["ds-divider"] & JSXBase.HTMLAttributes<HTMLDsDividerElement>;
             "ds-feedback": LocalJSX.IntrinsicElements["ds-feedback"] & JSXBase.HTMLAttributes<HTMLDsFeedbackElement>;
             "ds-grid": LocalJSX.IntrinsicElements["ds-grid"] & JSXBase.HTMLAttributes<HTMLDsGridElement>;
             "ds-group-label": LocalJSX.IntrinsicElements["ds-group-label"] & JSXBase.HTMLAttributes<HTMLDsGroupLabelElement>;
@@ -20610,6 +20830,12 @@ declare module "@stencil/core" {
              * Must be used inside ds-pagination component.
              */
             "ds-pagination-page": LocalJSX.IntrinsicElements["ds-pagination-page"] & JSXBase.HTMLAttributes<HTMLDsPaginationPageElement>;
+            /**
+             * Page info display for pagination compact layout (e.g., "5 / 20")
+             * Automatically reads current page and total pages from the parent ds-pagination context.
+             * Must be used inside ds-pagination component.
+             */
+            "ds-pagination-page-info": LocalJSX.IntrinsicElements["ds-pagination-page-info"] & JSXBase.HTMLAttributes<HTMLDsPaginationPageInfoElement>;
             "ds-radio-button": LocalJSX.IntrinsicElements["ds-radio-button"] & JSXBase.HTMLAttributes<HTMLDsRadioButtonElement>;
             "ds-radio-button-group": LocalJSX.IntrinsicElements["ds-radio-button-group"] & JSXBase.HTMLAttributes<HTMLDsRadioButtonGroupElement>;
             /**