@uh-design-system/component-library 1.4.0-rc.3 → 1.5.0-rc.0

package/dist/collection/components/01-base-components/ds-text-input/ds-text-input.js

@@ -1,10 +1,11 @@
 import { Fragment, h, Mixin, forceUpdate } from "@stencil/core";
 import classNames from "classnames";
 import { clearField, hidePassword, showPassword, validityMessage } from "../../../utils/controls/controlUtils";
-import { declareComponentDependencies, idGenerator, ifDefined, transformTagName } from "../../../utils/utils";
+import { declareComponentDependencies, ifDefined, transformTagName } from "../../../utils/utils";
 import { disableEventsFactory } from "../../00-foundations/factories/disableEventsFactory";
 import { inheritAriaAttributes, inheritAttributes } from "../../../utils/attributes/attributes";
 import { cx } from "../../../utils/cx";
+import { componentFactory } from "../../00-foundations/factories/componentFactory";
 const INPUT_TYPE_ICONS_MAP = {
     search: 'search',
 };
@@ -12,17 +13,13 @@ const INPUT_TYPE_ACTION_BUTTON_ICON_MAP = {
     search: ({ clearButtonVisible }) => (clearButtonVisible ? 'cancel_fill' : ''),
     password: ({ passwordInputVisible }) => (passwordInputVisible ? 'visibility_off_fill' : 'visibility_fill'),
 };
-const inputIdGenerator = idGenerator('ds-input');
-export class DsTextInput extends Mixin(disableEventsFactory) {
+export class DsTextInput extends Mixin(componentFactory('ds-text-input'), disableEventsFactory) {
     constructor() {
         super();
     }
     inheritedAttributes = {};
     suffixButtonElement;
     inputElement;
-    assistiveTextId;
-    visuallyHiddenAssistiveTextId;
-    validityId;
     hasPrefixSlot = false;
     hasSuffixSlot = false;
     el;
@@ -45,7 +42,7 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
     }
     dsLabel;
     dsPlaceholder;
-    dsId = inputIdGenerator.next().value;
+    dsId = this.getUniqueId();
     dsName = this.dsId;
     dsDisabled;
     dsOptional;
@@ -70,17 +67,23 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
     dsAriaLabel;
     dsAriaLabelledby;
     dsAriaDescribedby;
+    dsInvalid = false;
+    dsFullWidth = false;
     hasFocus = false;
     clearButtonVisible = false;
     passwordInputVisible = false;
     inputActive = false;
     wasInvalidOnBlur = false;
     internalValue = '';
-    setIds = () => {
-        this.assistiveTextId = `${this.dsId}-assistive-text`;
-        this.visuallyHiddenAssistiveTextId = `${this.dsId}-visually-hidden-assistive-text`;
-        this.validityId = `${this.dsId}-validity`;
-    };
+    get assistiveTextId() {
+        return `${this.dsId}-assistive-text`;
+    }
+    get visuallyHiddenAssistiveTextId() {
+        return `${this.dsId}-visually-hidden-assistive-text`;
+    }
+    get validityId() {
+        return `${this.dsId}-validity`;
+    }
     getActionButtonAriaLabel() {
         switch (this.dsType) {
             case 'search':
@@ -134,7 +137,6 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
             ...inheritAttributes(this, this.el, ['id']),
             ...inheritAriaAttributes(this.el, ['aria-invalid']),
         };
-        this.setIds();
         this.hasPrefixSlot = !!this.el.querySelector('[slot="prefix"]');
         this.hasSuffixSlot = !!this.el.querySelector('[slot="suffix"]');
         this.setDisableEventEmits(true);
@@ -142,6 +144,9 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
         this.setDisableEventEmits();
         this.clearButtonVisible = this.dsType === 'search' && !!this.internalValue;
     }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     onAriaChanged(newValue, _oldValue, propName) {
         this.inheritedAttributes = {
             ...this.inheritedAttributes,
@@ -237,7 +242,7 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
         const DsButton = transformTagName('ds-button', 'ds-text-input', this.el);
         if (actionButtonIcon) {
             const ariaLabel = this.getActionButtonAriaLabel();
-            return (h("slot", { name: "suffix" }, h(DsButton, { ref: e => (this.suffixButtonElement = e), dsVariant: "supplementary", dsColour: "black", class: `${baseClass}__button`, dsDisabled: false, dsIcon: actionButtonIcon, dsIconTitle: ariaLabel, dsIconAriaLabel: ariaLabel, onClick: this.handleActionButtonClicked, dsAriaPressed: ariaPressed, ...ifDefined('dsAriaLabel', ariaLabel) })));
+            return (h("slot", { name: "suffix" }, h(DsButton, { ref: el => (this.suffixButtonElement = el), dsVariant: "supplementary", dsColour: "black", class: `${baseClass}__button`, dsDisabled: false, dsIcon: actionButtonIcon, dsIconTitle: ariaLabel, dsIconAriaLabel: ariaLabel, onClick: this.handleActionButtonClicked, dsAriaPressed: ariaPressed, ...ifDefined('dsAriaLabel', ariaLabel) })));
         }
         return null;
     }
@@ -256,19 +261,20 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: 'b5909f4e07fabad5576727aeb6fb53c36611825e' }, h(DsControlLabel, { key: '5e7d8621878e9fa59b2b6c281b84a7d0267b9538', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: 'f229a02a180ce4dccedc4074c67802bc58553226', name: "label" }), h("slot", { key: '9af9d202f45e46979c8e7cb2cb1b5be5510b45c1', name: "assistiveText" })), h("div", { key: '8512cd070e27542a8aba3c5091c815de7e4165e2', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (h(Fragment, { key: '2eb773854726b60fcb3b0f9a9a06daee18b35d32' }, h(DsControlLabel, { key: '0cdf049b12816129875a7627f3da99219e7f5414', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: 'a24c6329f07ac0635040c5feab817668c4846faa', name: "label" }), h("slot", { key: '0e5d404eb9bea67b304cbc86e2d6a38de5f2df38', name: "assistiveText" })), h("div", { key: 'c4809794f735743d0ad6e67bfa741d64880e1e6d', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
-                [`${containerClass}--invalid`]: !!this.dsErrorText,
+                [`${containerClass}--invalid`]: this.dsInvalid || !!this.dsErrorText,
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
-            }) }, this.renderPrefixContent(baseClass), h("input", { key: 'edd83a08f59fee3004b097214d10038803015beb', ref: e => (this.inputElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
+                [`${baseClass}--full-width`]: this.dsFullWidth,
+            }) }, this.renderPrefixContent(baseClass), h("input", { key: '450c58f177064bd5bb82d7eafb96087cc2f11b70', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
                     [this.assistiveTextId]: !!this.dsAssistiveText,
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.validityId]: !!this.dsErrorText || !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: 'c8ace1da007e859d7c5862c26e6b58eb6972f480', name: "validity" }, h(DsInputValidity, { key: '6f8f4d3fe0d20ba285d97a5627e796c9798a6be6', id: this.validityId, dsText: this.validityText, dsType: this.validityType, dsAriaLive: "assertive" }))));
+                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '0e3c10f303d035322338304d1b5a4e87f5edbc2d', name: "validity" }, h(DsInputValidity, { key: '2005469a89a45ed64d4274ec042a274f62123026', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
     }
     static get is() { return "ds-text-input"; }
     static get encapsulation() { return "scoped"; }
@@ -380,7 +386,7 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
                 "setter": false,
                 "reflect": false,
                 "attribute": "ds-id",
-                "defaultValue": "inputIdGenerator.next().value as string"
+                "defaultValue": "this.getUniqueId()"
             },
             "dsName": {
                 "type": "string",
@@ -800,7 +806,7 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Passed to the `aria-label` attribute of the `input` element."
@@ -847,6 +853,46 @@ export class DsTextInput extends Mixin(disableEventsFactory) {
                 "setter": false,
                 "reflect": false,
                 "attribute": "ds-aria-describedby"
+            },
+            "dsInvalid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, shows the input in an invalid state (red border, aria-invalid) without requiring dsErrorText. Useful when parent component renders its own error message."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ds-invalid",
+                "defaultValue": "false"
+            },
+            "dsFullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, the text input takes the full width of its container."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ds-full-width",
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/01-base-components/ds-text-input/stories/ds-text-input.features.stories.js

@@ -124,6 +124,12 @@ export const SearchInput = {
         });
     },
 };
+export const FullWidth = {
+    args: {
+        dsLabel: 'Full width text input',
+        dsFullWidth: true,
+    },
+};
 export const PrefixText = {
     args: {
         dsLabel: 'Phone number',

package/dist/collection/components/01-base-components/ds-versioned-css-variables/ds-versioned-css-variables.css

@@ -229,6 +229,8 @@
   --ds-iconColor-attention: var(--ds-palette-yellow-60);
   --ds-iconColor-attention-hover: var(--ds-palette-yellow-70);
   --ds-iconColor-attention-active: var(--ds-palette-yellow-80);
+  --ds-iconColor-disabled-onLight: var(--ds-palette-black-40);
+  --ds-iconColor-disabled-onDark: var(--ds-overlay-white-40);
   --ds-fontFamily-heading: 'Open Sans', sans-serif;
   --ds-fontFamily-body: 'Open Sans', sans-serif;
   --ds-fontSize-12: 12px; /* 0.75rem */
@@ -493,6 +495,8 @@
   --ds-iconColor-attention: var(--ds-palette-yellow-60);
   --ds-iconColor-attention-hover: var(--ds-palette-yellow-70);
   --ds-iconColor-attention-active: var(--ds-palette-yellow-80);
+  --ds-iconColor-disabled-onLight: var(--ds-palette-black-40);
+  --ds-iconColor-disabled-onDark: var(--ds-overlay-white-40);
   --ds-fontFamily-heading: 'Open Sans', sans-serif;
   --ds-fontFamily-body: 'Open Sans', sans-serif;
   --ds-fontSize-12: 12px; /* 0.75rem */

package/dist/collection/components/01-base-components/ds-versioned-css-variables/ds-versioned-css-variables.js

@@ -1,7 +1,14 @@
-import { Host, h } from "@stencil/core";
-export class DsVersionedCssVariables {
+import { Host, Mixin, h } from "@stencil/core";
+import { componentFactory } from "../../00-foundations/factories/componentFactory";
+export class DsVersionedCssVariables extends Mixin(componentFactory('ds-versioned-css-variables')) {
+    constructor() {
+        super();
+    }
+    componentDidLoad() {
+        this.componentMounted();
+    }
     render() {
-        return (h(Host, { key: '6983cb42d1710ba811fe1404915fc2922fef3fba' }, h("slot", { key: '5beca15db06f1dfd772474f134694bd0a71809da' })));
+        return (h(Host, { key: 'ef3cd2a4438ea0dc63be82f78420888b84009085' }, h("slot", { key: '7bcb80476873517e955e73f7a7d9cf1a72e3086a' })));
     }
     static get is() { return "ds-versioned-css-variables"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.css

@@ -2,7 +2,7 @@
   position: absolute;
 }
 
-.ds-visually-hidden__KmYz6O {
+.ds-visually-hidden__QIDqOT {
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.js

@@ -4,10 +4,10 @@ export class DsVisuallyHidden {
     dsTag = 'div';
     render() {
         const baseClass = cx('ds-visually-hidden');
-        return (h(this.dsTag, { key: '04870ad841b0dc3f844e45b1aab9d484e991ab95', class: baseClass }, h("slot", { key: 'ce890aff981db228f62d99cae8321326c962f84c' })));
+        return (h(this.dsTag, { key: 'fd41ae341098a35db3c4f30c1ae2720937a82a56', class: baseClass }, h("slot", { key: '43f6e10af6b55cfe08ab0e14482128ad0af50e50' })));
     }
     static get is() { return "ds-visually-hidden"; }
-    static get encapsulation() { return "shadow"; }
+    static get encapsulation() { return "scoped"; }
     static get originalStyleUrls() {
         return {
             "$": ["ds-visually-hidden.scss"]

package/dist/collection/components/01-base-components/generated-icons/ds-icon-360/ds-icon-360.js

@@ -6,7 +6,7 @@ export class DsIcon360 {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'f59fe07693629e4ef3542c7a3e0742f7738a0155', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '739400c5a924447230bce8b24e0fa5a12b1ecb4a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '9febcc23c9b7690d2e6cfce143951e5e03f1f69d', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
+        return (h(Host, { key: 'ada05b6285e6340ca57e1318ae16507d92678242', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '37f652f58b2fdc1da94708b5cddb7a9889775436', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'cfa5a939cb17d624b73e8fc318c9427b56b1b7e3', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
     }
     static get is() { return "ds-icon-360"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-balance/ds-icon-account-balance.js

@@ -6,7 +6,7 @@ export class DsIconAccountBalance {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0a8cf2e2984af1796ac653e73687aef30a78767b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bb3199844bdf7b5272bcab5fddc43ccd72a22627', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '61b415cd7fcfb188f5b0de5a7b855eebd016356b', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
+        return (h(Host, { key: '0dc8a793c6dc41cc758fa12756c9c614a4eaf3f1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1854313d53c063e0bc63fe9c42df8a45b8f5dff3', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8788deb072025a8fe036fe5b675582bfa887ff8c', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
     }
     static get is() { return "ds-icon-account-balance"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-balance-fill/ds-icon-account-balance-fill.js

@@ -6,7 +6,7 @@ export class DsIconAccountBalanceFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '89d069e7c6e8e7ca2750f5f4f70a5144d7f57de6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '831a47147f869cb2fc683e291e5bcbb1374903b9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8bb0814e27382331378a107d5d21977e8f42c99b', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (h(Host, { key: '36add0d23cd2620658b1d7f197a7dd3492d25bee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7f283dc7b0ec714cc2df1d95d546b997fdaea901', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '436e574337ded8372e5beaf749e3ae616bef4a21', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
     }
     static get is() { return "ds-icon-account-balance-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-circle/ds-icon-account-circle.js

@@ -6,7 +6,7 @@ export class DsIconAccountCircle {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0fcc1588f640b72acfbc5163bc8d2f1288817a7f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f5ce951d142b8ccf34edc71ad02949f9f8827066', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '648820f9074529e1a41b58cd1867e7871d587102', d: "M226-266q62-42 123-64.5T480.43-353q70.44 0 132.42 23.27Q674.84-306.46 735-266q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm.07 388Q393-55 315.61-88.29q-77.39-33.29-135.69-91.58-58.31-58.28-91.62-135.49Q55-392.57 55-480.35 55-567 88.5-644.5T180-780q58-58 135.26-92 77.25-34 165.09-34 86.65 0 164.15 34T780-780q58 58 92 135.62 34 77.61 34 164.5 0 86.88-34 164.38T780-180q-58 58-135.62 91.5Q566.77-55 479.88-55Zm.12-94q52 0 99.5-14t98.5-51q-52-35-99-51.5T480-282q-52 0-98.5 16.5T283-214q51 37 98 51t99 14Zm0-366q30.87 0 50.93-19.5Q551-554 551-585.5T530.93-637q-20.06-20-50.93-20t-50.93 20Q409-617 409-585.5t20.07 51Q449.13-515 480-515Zm0-71Zm1 371Z" }))));
+        return (h(Host, { key: '7c5fd60129bb940df12da153e6ab8a5c34c43b28', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '818b59525186f90425873085c061a6bf6fcee25a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '0edcb3d7bb34974cc82083b56bb287cc0cf55cd3', d: "M226-266q62-42 123-64.5T480.43-353q70.44 0 132.42 23.27Q674.84-306.46 735-266q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm.07 388Q393-55 315.61-88.29q-77.39-33.29-135.69-91.58-58.31-58.28-91.62-135.49Q55-392.57 55-480.35 55-567 88.5-644.5T180-780q58-58 135.26-92 77.25-34 165.09-34 86.65 0 164.15 34T780-780q58 58 92 135.62 34 77.61 34 164.5 0 86.88-34 164.38T780-180q-58 58-135.62 91.5Q566.77-55 479.88-55Zm.12-94q52 0 99.5-14t98.5-51q-52-35-99-51.5T480-282q-52 0-98.5 16.5T283-214q51 37 98 51t99 14Zm0-366q30.87 0 50.93-19.5Q551-554 551-585.5T530.93-637q-20.06-20-50.93-20t-50.93 20Q409-617 409-585.5t20.07 51Q449.13-515 480-515Zm0-71Zm1 371Z" }))));
     }
     static get is() { return "ds-icon-account-circle"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-account-circle-fill/ds-icon-account-circle-fill.js

@@ -6,7 +6,7 @@ export class DsIconAccountCircleFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1b5f0d30478385335010b8f685a8a75a3f5416c6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0ffff6bc86a50d61bec1770348bd66f564ddf7ce', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '50c121087935224f463fac3cdec7d377f4bc2081', d: "M226-266q62-39 122.5-58T480-343q71 0 133 20t122 57q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm-.21 388q-87.15 0-164.9-33.28-77.75-33.29-135.82-91.56-58.07-58.27-90.98-135.44Q55-392.46 55-480.39t33.5-165.27Q122-723 180-780.5T315.25-872q77.24-34 165.25-34t165.25 34Q723-838 780.5-780.5T872-645.59q34 77.4 34 165.32 0 87.93-34 165.1Q838-238 780.5-180 723-122 645.46-88.5 567.93-55 479.6-55Z" }))));
+        return (h(Host, { key: 'f14fc21e5ef8c904c5122572fe0491d7c89ff383', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6bf2ff4c74e1abdea8725eced32a44df571044de', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'ec0d168e8ff2a4d350d865d1ce71ff3d4392ea3d', d: "M226-266q62-39 122.5-58T480-343q71 0 133 20t122 57q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm-.21 388q-87.15 0-164.9-33.28-77.75-33.29-135.82-91.56-58.07-58.27-90.98-135.44Q55-392.46 55-480.39t33.5-165.27Q122-723 180-780.5T315.25-872q77.24-34 165.25-34t165.25 34Q723-838 780.5-780.5T872-645.59q34 77.4 34 165.32 0 87.93-34 165.1Q838-238 780.5-180 723-122 645.46-88.5 567.93-55 479.6-55Z" }))));
     }
     static get is() { return "ds-icon-account-circle-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-add/ds-icon-add.js

@@ -6,7 +6,7 @@ export class DsIconAdd {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3091a546401a3ba4e2b772ccba56102037c6cd1a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0e1c2ee03d44999c477963ebe720ff05e3487ca4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8d649ee8879e53f1ef26e671464a5708e2dbd419', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (h(Host, { key: '8f50e0670df7ab94ef149089160e6586decb9568', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '214ce1f20bca27bd47426ca2f49a94060742883d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'df3e2237b35f0f50de9be38365398b8b91f43f21', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
     }
     static get is() { return "ds-icon-add"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-archive/ds-icon-archive.js

@@ -6,7 +6,7 @@ export class DsIconArchive {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '2f99b3c07e7216f426f2b94188d3cc3764b791e0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'beea5e779f82fcbdc520be19bf8f85f1be36f4b4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'af9d397091a89e7b55d9713cd2edd1ec7f99f3c2', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
+        return (h(Host, { key: '75bfc2815a2f5fbbaca6a079a8ab867920a1ae6c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '75d096647ae58d6e7dbb75feafec6dace7ebde06', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'a87756231c5c5ec35d52092f7fde46c529fbf956', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
     }
     static get is() { return "ds-icon-archive"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-archive-fill/ds-icon-archive-fill.js

@@ -6,7 +6,7 @@ export class DsIconArchiveFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3a5e10d5bb649bd878260a3a912f1ba156c795a1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1d2920ca9616b6b8eead323f4903449556dee959', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'ddee934c90ba8ab29b3d35227cb58c8fee119ac6', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
+        return (h(Host, { key: '8c88ba97a70ba5409fde52cec8722479bbff44e5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ef5c4b5f8948f6d89d7f353cb885d88af455c9e6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'a7bb54ce76d829ac4da75e2a782a11f87e9125e6', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
     }
     static get is() { return "ds-icon-archive-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-back/ds-icon-arrow-back.js

@@ -6,7 +6,7 @@ export class DsIconArrowBack {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '844bb2ce8e353d10667588570ae375cece0f99fc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1eab0b9c065da62852840b1eb9524c02915f3560', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '034cecd774da608e5be22d552c02104cf152027b', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (h(Host, { key: 'e8f801cdb43d4518edf61ec800555370d3b40cac', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a6afac8cbe532faab04713c76f63b21036ffb4ab', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '93cb2d84c65b3ccfe3f9f3cbc5b49b60cf20abe5', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
     }
     static get is() { return "ds-icon-arrow-back"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-downward/ds-icon-arrow-downward.js

@@ -6,7 +6,7 @@ export class DsIconArrowDownward {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a2583f34dc09677542c534290d5b1c96b01c2fa8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8a99883934f7ecccefae8df0a52073111f5bbb5f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '1fac0b52734e6d9f5d1441d7070395ebf91b449e', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (h(Host, { key: '54881b4a96e40164dd781a470ead7e838d1e0866', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b872391d9cad4ada9ae2457bca5a065f7a5e7923', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '43166369a140b553fdc236bd8599965f39d6e974', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
     }
     static get is() { return "ds-icon-arrow-downward"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-down/ds-icon-arrow-drop-down.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropDown {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '54df939141e016ec7818d96364458802b9a80cd9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '80c508d296b236353ba9938c520118b2e60533f3', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '9a1c1169a39cb0ebdaceea35ac70a477a127cf2f', d: "M480-336 239-576h482L480-336Z" }))));
+        return (h(Host, { key: '8b2f4e0b5d4d100608ca359a4434e872ca772e0d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0424f37ee2a0ecd95cb41872c4dc7685db3e54f0', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'e4474d4205efa01fa8411b8fab05f7b327bec8c6', d: "M480-336 239-576h482L480-336Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-down"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-down-circle/ds-icon-arrow-drop-down-circle.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropDownCircle {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'e2db0fa571932f2680c028a2539712346f4dfa3f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '50061517a5f044cdea49b852d109081b56912097', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '172c325ebc6e5e83c4e628e8b3f1d4edca453412', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
+        return (h(Host, { key: 'ff721ecac52c4bea4e8e9b3eacf62d84bd3e2d21', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e01533d4dbfa9d246470bca677dafee2317ec1aa', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '798454bdcbed2235056834865c66bd187ec7095a', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-down-circle"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-down-circle-fill/ds-icon-arrow-drop-down-circle-fill.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropDownCircleFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3cf96b55221e8b917153e8e1bf9ae8ce715b57f1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '73d80bcd438fb8430a49b006d5e99495b53d0f89', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '39ac336799e69eadc450a7f87219439ece202139', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
+        return (h(Host, { key: 'ea9ef2a349bfb96f47370029777d88cb0541db34', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e7087f8fd1bfbe8cfb730f33f43f2392a6ac39fe', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'caffc0caf2f3bb6dc68e0d4b5ce1f0f2473de368', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-down-circle-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-drop-up/ds-icon-arrow-drop-up.js

@@ -6,7 +6,7 @@ export class DsIconArrowDropUp {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd79c8f132661ed3db2defa597fb983831be4925d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cae3e0b04f8c2a27797c3420323526ada19a853c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '80eaf258ee93ae69e907ff279f94a4c039df136e', d: "m239-383 241-242 241 242H239Z" }))));
+        return (h(Host, { key: 'c517c215a2347a32bb7b258b5845d7e8aa12e3cd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '789e50ff44fa00381cc570b58fb0f3ba3a93a89b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'bb516deeb42fc1f42ab12d0d571cc4dddf95ab44', d: "m239-383 241-242 241 242H239Z" }))));
     }
     static get is() { return "ds-icon-arrow-drop-up"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-forward/ds-icon-arrow-forward.js

@@ -6,7 +6,7 @@ export class DsIconArrowForward {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'bb8ba19234adf7b92d0ba24773466546a9f298a9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '116a1873eebde0d7731b377a67038eb07065b56a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '2effaf3ac3e3b688a2cf5db5112d49302426a0f3', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+        return (h(Host, { key: 'c6c1bf4c616d6371927e093d56c1f7a907b12ace', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '167aa72f69d62a4d65253fa3a0538cdb34204d74', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '3cc35fa1ef47570a86cd81f8712decc96b591824', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
     }
     static get is() { return "ds-icon-arrow-forward"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-insert/ds-icon-arrow-insert.js

@@ -6,7 +6,7 @@ export class DsIconArrowInsert {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '1b9c48eb54307e9156e8e68ad43116928200731b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '86fcf895d5adea4e5052237b9f8f31df29bff45b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '9253133c82b139ccc343bb7fcef18e44d6c3e7d5', d: "M711-221 316-616v353h-95v-514h515v94H383l394 395-66 67Z" }))));
+        return (h(Host, { key: '64b88c86fac036feb96dce7a347b97b853b63c4a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '205895c6e0ed05ea875b497539adde3cfc8e02ae', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '135ecaed331c9ea86b1e1435edaa01c433156215', d: "M711-221 316-616v353h-95v-514h515v94H383l394 395-66 67Z" }))));
     }
     static get is() { return "ds-icon-arrow-insert"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-outward/ds-icon-arrow-outward.js

@@ -6,7 +6,7 @@ export class DsIconArrowOutward {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c14207261ffdd697d0ee2e851f885e7861b4be33', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8c46ffa879c6a8ea4aa08acd4ac9e16544d38400', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6c91fd9437e7f8577b9daa2dcd576f1f94b1e909', d: "m250-221-67-67 395-395H224v-94h515v514h-95v-353L250-221Z" }))));
+        return (h(Host, { key: '6851d69aac135606b319de5683828fa1e3f12782', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9050eaeb0612b231cf8485da56c61fe0adb2a94e', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '7bd7dfa284e75e99dd8cd05016039244a6ee288c', d: "m250-221-67-67 395-395H224v-94h515v514h-95v-353L250-221Z" }))));
     }
     static get is() { return "ds-icon-arrow-outward"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-arrow-upward/ds-icon-arrow-upward.js

@@ -6,7 +6,7 @@ export class DsIconArrowUpward {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3035d55a4020366134975c906bc9eae7fc412c90', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '475be2e7065f3fc79d3b87bd8a6b26ccb2ad1f88', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '9d4f35711dcc7b336e72e062f1d9253bdb552096', d: "M433-135v-510L201-413l-66-67 345-346 346 346-67 67-232-232v510h-94Z" }))));
+        return (h(Host, { key: '5fb2c3af7febf631ac70a9138e9177f932055225', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd11d139e7f538b4c006cd42153e89ad62af70455', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '93f452497147ed6e550233c3cd3420e2cfee73e4', d: "M433-135v-510L201-413l-66-67 345-346 346 346-67 67-232-232v510h-94Z" }))));
     }
     static get is() { return "ds-icon-arrow-upward"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-attach-email/ds-icon-attach-email.js

@@ -6,7 +6,7 @@ export class DsIconAttachEmail {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '2b6333cd143f29d15685d5973516a2c478059e03', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e85933555b40241a1c76e624a3179a6872821b96', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '40c794ea8331d86876511f3bb959f843807d411c', d: "M442-511 111-728v419h478v94H17v-691h851v335h-95v-157L442-511Zm0-87 331-213H111l331 213ZM798-47q-63 0-106-44.95T649-200v-224q0-38.04 26.76-65.02Q702.52-516 741.27-516q37.91 0 63.82 26.98Q831-462.04 831-424v230h-71v-233q0-11.2-4.5-19.6Q751-455 741-455t-15.5 8.4q-5.5 8.4-5.5 19.6v229q0 36.18 21.38 62.59Q762.75-109 797.88-109 831-109 851-134.5t20-59.5v-203h72v203q0 60.62-42 103.81Q859-47 798-47ZM111-728v-83 502-419Z" }))));
+        return (h(Host, { key: '73427dee8592c3a0d3afcac82f5a857a3ff41b79', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'eb5dc67d96f21b7e7b42b291f15b9b68821ab5cf', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '5260dbde70f655cacca19462b3727df70334d960', d: "M442-511 111-728v419h478v94H17v-691h851v335h-95v-157L442-511Zm0-87 331-213H111l331 213ZM798-47q-63 0-106-44.95T649-200v-224q0-38.04 26.76-65.02Q702.52-516 741.27-516q37.91 0 63.82 26.98Q831-462.04 831-424v230h-71v-233q0-11.2-4.5-19.6Q751-455 741-455t-15.5 8.4q-5.5 8.4-5.5 19.6v229q0 36.18 21.38 62.59Q762.75-109 797.88-109 831-109 851-134.5t20-59.5v-203h72v203q0 60.62-42 103.81Q859-47 798-47ZM111-728v-83 502-419Z" }))));
     }
     static get is() { return "ds-icon-attach-email"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-attach-email-fill/ds-icon-attach-email-fill.js

@@ -6,7 +6,7 @@ export class DsIconAttachEmailFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'a4ed4d89c5404b2cc59085fe7543fa844d117ce5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd9541c863c8b60efb60e13040696bec1cbb4fa6c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '5f3f48e2db064e1e66395d92bed95d2bc55ec6bf', d: "M798-47q-63 0-106-45t-43-108v-224q0-39.3 26.29-65.65Q701.58-516 740.79-516 779-516 805-489.65q26 26.35 26 65.65v230h-71v-233q0-11-4.5-19.5T741-455q-10 0-15.5 8.5T720-427v229q0 36.18 21.38 62.59 21.37 26.41 56 26.41 32.62 0 53.12-25.26T871-194v-203h72v203q0 61-42 104T798-47ZM17-215v-691h851v360H731q-48.34 0-80.17 36T619-424v209H17Zm425-296 331-217v-83L442-598 111-811v83l331 217Z" }))));
+        return (h(Host, { key: 'b2c0c28fd1df74493e1f0d0343b4d005ab966cce', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd987d1dbf0a9cc74038c9a3db741819f1b36959b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '65345072a8f4afccfbf533ba6fe5dab5a3cc6259', d: "M798-47q-63 0-106-45t-43-108v-224q0-39.3 26.29-65.65Q701.58-516 740.79-516 779-516 805-489.65q26 26.35 26 65.65v230h-71v-233q0-11-4.5-19.5T741-455q-10 0-15.5 8.5T720-427v229q0 36.18 21.38 62.59 21.37 26.41 56 26.41 32.62 0 53.12-25.26T871-194v-203h72v203q0 61-42 104T798-47ZM17-215v-691h851v360H731q-48.34 0-80.17 36T619-424v209H17Zm425-296 331-217v-83L442-598 111-811v83l331 217Z" }))));
     }
     static get is() { return "ds-icon-attach-email-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-attach-file/ds-icon-attach-file.js

@@ -6,7 +6,7 @@ export class DsIconAttachFile {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '2902fd154a04d9b3b1ae3fb7d08e387a99a62638', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '206be52549a2ae3e49e50b0e5b1e073a7a1f1bb1', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'ebeb6523ebcaac9def25e845342d04e169cfd5a9', d: "M767-319.26Q767-206 684.32-130.5 601.65-55 487.32-55 373-55 291-130.5T209-319v-396q0-81.42 59.5-136.21Q328-906 409.76-906q81.77 0 141 54.79Q610-796.42 610-715v376q0 48.91-36.5 82.95Q537-222 487.15-222q-49.84 0-85.5-33.72Q366-289.44 366-339v-370h87v370q0 13 10.29 21.5t24.64 8.5q14.35 0 24.71-8.35Q523-325.7 523-339v-375q1-45.26-33-75.13Q456-819 409.79-819q-46.21 0-80 29.43T296-715v396q1 77.25 57.47 127.63Q409.94-141 489-141q77.67 0 134.83-50.5Q681-242 680-319v-419h87v418.74Z" }))));
+        return (h(Host, { key: '7ec85497b501f46e9501b0e698a2a992cc12ff89', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'de728d120d58047f99f20eb0f0fad12038f655c2', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '7e6426aa97d5c32957d355c499ab406a329d36d1', d: "M767-319.26Q767-206 684.32-130.5 601.65-55 487.32-55 373-55 291-130.5T209-319v-396q0-81.42 59.5-136.21Q328-906 409.76-906q81.77 0 141 54.79Q610-796.42 610-715v376q0 48.91-36.5 82.95Q537-222 487.15-222q-49.84 0-85.5-33.72Q366-289.44 366-339v-370h87v370q0 13 10.29 21.5t24.64 8.5q14.35 0 24.71-8.35Q523-325.7 523-339v-375q1-45.26-33-75.13Q456-819 409.79-819q-46.21 0-80 29.43T296-715v396q1 77.25 57.47 127.63Q409.94-141 489-141q77.67 0 134.83-50.5Q681-242 680-319v-419h87v418.74Z" }))));
     }
     static get is() { return "ds-icon-attach-file"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-attach-file-add/ds-icon-attach-file-add.js

@@ -6,7 +6,7 @@ export class DsIconAttachFileAdd {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd0bf2d4bd6e8131244fdf0b97a8780d955dda3ac', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b695be872bfdb5e886dfcbd8f4fe06da23788e21', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '74a2dabb7cec451823ea4cf1bc70dae41d4bf831', d: "M672-468v-270h87v270h-87ZM445-229q-37-10-62-39.97T358-339v-370h87v480Zm34.99 174q-115.16 0-197.07-75.5Q201-206 201-319v-396q0-81.42 59.5-136.21Q320-906 401.76-906q81.77 0 141 54.79Q602-796.42 602-715v353h-87v-352q1-45.26-33-75.13Q448-819 401.79-819q-46.21 0-80 29.43T288-715v396q1 77.25 57.47 127.63Q401.94-141 480.74-141q38.26 0 71.76-13 33.5-13 59.5-36v101.82Q582-72 549.15-63.5T479.99-55ZM672-108v-107H566v-87h106v-106h87v106h107v87H759v107h-87Z" }))));
+        return (h(Host, { key: '11d655442adbb0c6ce39fc0bee4f91d089e913a9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '97907c8f3e7c48c3e4185950748241641a37c6bb', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '219ca81383222dd0de67822f6b2a93fdaa8cf7d0', d: "M672-468v-270h87v270h-87ZM445-229q-37-10-62-39.97T358-339v-370h87v480Zm34.99 174q-115.16 0-197.07-75.5Q201-206 201-319v-396q0-81.42 59.5-136.21Q320-906 401.76-906q81.77 0 141 54.79Q602-796.42 602-715v353h-87v-352q1-45.26-33-75.13Q448-819 401.79-819q-46.21 0-80 29.43T288-715v396q1 77.25 57.47 127.63Q401.94-141 480.74-141q38.26 0 71.76-13 33.5-13 59.5-36v101.82Q582-72 549.15-63.5T479.99-55ZM672-108v-107H566v-87h106v-106h87v106h107v87H759v107h-87Z" }))));
     }
     static get is() { return "ds-icon-attach-file-add"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-attach-file-off/ds-icon-attach-file-off.js

@@ -6,7 +6,7 @@ export class DsIconAttachFileOff {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'b89ae3623abe8d5ec905bdc55c751136bb5df1fd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6441d8a88e351fc3de48708d9ecef1826b3a2452', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '91b7ac39be1e71859a966d641d351deae5148e14', d: "M488-55q-115 0-197-75.5T209-319v-326L55-799l51-51 743 743-51 51-96-96q-38 45-94 71T488-55ZM296-558v239q1 77 57.5 127.5T489-141q46 0 86-18.5t67-52.5l-60-59q-15 21-40 35t-54 14q-51 0-86.5-33.5T366-339v-149l-70-70Zm157 157v62q0 13 10.5 21.5T488-309q12 0 21-7t10-17v-1l-66-67Zm227 40v-377h87v464l-87-87ZM523-519v-195q1-45-33-75t-80-30q-37 0-68 21t-42 54l-65-64q27-44 73-71t102-27q82 0 141 55t59 136v283l-87-87Zm-70-190v119l-71-71v-48h71Z" }))));
+        return (h(Host, { key: '74f28ba13def52e666a3d2c63b7964a48928305f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9ee99f2c193c012994f92965d5e9ef520b024628', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'e14596e0f7ceb14487bb599d0358cf4b7e4cb35c', d: "M488-55q-115 0-197-75.5T209-319v-326L55-799l51-51 743 743-51 51-96-96q-38 45-94 71T488-55ZM296-558v239q1 77 57.5 127.5T489-141q46 0 86-18.5t67-52.5l-60-59q-15 21-40 35t-54 14q-51 0-86.5-33.5T366-339v-149l-70-70Zm157 157v62q0 13 10.5 21.5T488-309q12 0 21-7t10-17v-1l-66-67Zm227 40v-377h87v464l-87-87ZM523-519v-195q1-45-33-75t-80-30q-37 0-68 21t-42 54l-65-64q27-44 73-71t102-27q82 0 141 55t59 136v283l-87-87Zm-70-190v119l-71-71v-48h71Z" }))));
     }
     static get is() { return "ds-icon-attach-file-off"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-badge/ds-icon-badge.js

@@ -6,7 +6,7 @@ export class DsIconBadge {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '07b165dce427d985fbbd4cb25ff72991fea922a7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9d392405cfed759d418f6620828781bc613077e4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'c3af3058ac27a6b2206a758397d405cdc256cd37', d: "M232-238h239v-14q0-18-9-32t-23-19q-32-11-50-14.5t-35-3.5q-19 0-40.5 4.5T265-303q-15 5-24 19t-9 32v14Zm336-67h170v-50H568v50Zm-214-50q22.5 0 38.25-15.75T408-409q0-22.5-15.75-38.25T354-463q-22.5 0-38.25 15.75T300-409q0 22.5 15.75 38.25T354-355Zm214-63h170v-50H568v50ZM55-55v-651h310v-200h231v200h310v651H55Zm94-94h662v-462H594v90H366v-90H149v462Zm303-459h57v-211h-57v211Zm28 228Z" }))));
+        return (h(Host, { key: 'e91f61a16195e7972f9e1811df54b6ee119c42ff', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b1f98ceb0d9706d7b2c1cbff26b731a48023b0c7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'd7317577b1cad54bf8ff2a4883a02feab085f547', d: "M232-238h239v-14q0-18-9-32t-23-19q-32-11-50-14.5t-35-3.5q-19 0-40.5 4.5T265-303q-15 5-24 19t-9 32v14Zm336-67h170v-50H568v50Zm-214-50q22.5 0 38.25-15.75T408-409q0-22.5-15.75-38.25T354-463q-22.5 0-38.25 15.75T300-409q0 22.5 15.75 38.25T354-355Zm214-63h170v-50H568v50ZM55-55v-651h310v-200h231v200h310v651H55Zm94-94h662v-462H594v90H366v-90H149v462Zm303-459h57v-211h-57v211Zm28 228Z" }))));
     }
     static get is() { return "ds-icon-badge"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-badge-fill/ds-icon-badge-fill.js

@@ -6,7 +6,7 @@ export class DsIconBadgeFill {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '7ab05fcbef80e483527b460baedfd23d9cd09b54', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd127d7c5dbff8547343c311da3b814b2650193e3', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '71d252885ebfb041863bdbaec2f415bf63aa0416', d: "M232-238h239v-14q0-18-9-32t-23-19q-32-11-50-14.5t-35-3.5q-19 0-40.5 4.5T265-303q-15 5-24 19t-9 32v14Zm336-67h170v-50H568v50Zm-214-50q22.5 0 38.25-15.75T408-409q0-22.5-15.75-38.25T354-463q-22.5 0-38.25 15.75T300-409q0 22.5 15.75 38.25T354-355Zm214-63h170v-50H568v50ZM55-55v-651h310v-200h231v200h310v651H55Zm397-553h57v-211h-57v211Z" }))));
+        return (h(Host, { key: '523ffe9acff0f7a987ff1e10f349ac143c13622b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7e86a3751030879b48c04c73dc1ff7a1790b93a4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '93e550ddc7a7d71879fa5f79e514493599f1064c', d: "M232-238h239v-14q0-18-9-32t-23-19q-32-11-50-14.5t-35-3.5q-19 0-40.5 4.5T265-303q-15 5-24 19t-9 32v14Zm336-67h170v-50H568v50Zm-214-50q22.5 0 38.25-15.75T408-409q0-22.5-15.75-38.25T354-463q-22.5 0-38.25 15.75T300-409q0 22.5 15.75 38.25T354-355Zm214-63h170v-50H568v50ZM55-55v-651h310v-200h231v200h310v651H55Zm397-553h57v-211h-57v211Z" }))));
     }
     static get is() { return "ds-icon-badge-fill"; }
     static get properties() {

package/dist/collection/components/01-base-components/generated-icons/ds-icon-bar-chart/ds-icon-bar-chart.js

@@ -6,7 +6,7 @@ export class DsIconBarChart {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '633644ff0709601c303b64956e253ef3a01f37d7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ca1b4d06da4c73fb8349f1fac80c0aa35a4c3169', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '34da2d854ed89d928a9d4fa0ed63c6d310a9c200', d: "M662-135v-316h164v316H662Zm-263 0v-691h162v691H399Zm-264 0v-491h163v491H135Z" }))));
+        return (h(Host, { key: '74688c32a2c64e300689764d822c9a61b2aa1108', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7555db4e70e8ad063c1193bd15f7c81e2c9bbfdc', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '86207a8ffa099aa534218d3f988a56c47d5bdbaf', d: "M662-135v-316h164v316H662Zm-263 0v-691h162v691H399Zm-264 0v-491h163v491H135Z" }))));
     }
     static get is() { return "ds-icon-bar-chart"; }
     static get properties() {