@uh-design-system/component-library 1.4.0 → 1.5.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: 'db35fe97d51a15f65b30844cd7a3e3b6642aa7f9', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
+                })), "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.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__SPFJ1E {
+.ds-visually-hidden__GqWYnG {
   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,7 +4,7 @@ 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 "scoped"; }

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() {

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

@@ -6,7 +6,7 @@ export class DsIconBluesky {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0794b4afeefa6f3ad65a53edba5dfa784974f577', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7626785b6e6212b1e397b1ca00f497ee51be626b', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '50b08a01743ad22d16856853bbb8a6709671cde2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3H3V21H21V3ZM12 11.657C11.419 10.4553 9.83643 8.21532 8.36526 7.11048C7.30359 6.31365 5.58334 5.69707 5.58334 7.6594C5.58334 8.0514 5.80793 10.9517 5.94093 11.4225C6.39884 13.0599 8.06776 13.477 9.55293 13.2244C6.95709 13.666 6.29676 15.129 7.72301 16.5926C10.4296 19.3697 11.6134 15.9001 11.9183 15.0065L11.9189 15.0047L11.9201 15.0011C11.9747 14.8397 12 14.7649 12.0006 14.8297C12.0006 14.765 12.0268 14.8414 12.0823 15.0047L12.0829 15.0065C12.3877 15.9001 13.5716 19.3697 16.2782 16.5926C17.7038 15.129 17.0435 13.666 14.4483 13.2244C15.9328 13.477 17.6023 13.0593 18.0603 11.4225C18.1921 10.9517 18.4167 8.0514 18.4167 7.6594C18.4167 5.69707 16.6964 6.31365 15.6348 7.11106C14.1636 8.21531 12.581 10.4553 12 11.657Z" }))));
+        return (h(Host, { key: '8284dd82f9af71406cf446405344a9ade3ae93aa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'aaffc1dc2b001be5a5f00675ce0fc347c94d111d', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'a0629ebd493c7eb04214eda2fba6f213a5698f53', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M21 3H3V21H21V3ZM12 11.657C11.419 10.4553 9.83643 8.21532 8.36526 7.11048C7.30359 6.31365 5.58334 5.69707 5.58334 7.6594C5.58334 8.0514 5.80793 10.9517 5.94093 11.4225C6.39884 13.0599 8.06776 13.477 9.55293 13.2244C6.95709 13.666 6.29676 15.129 7.72301 16.5926C10.4296 19.3697 11.6134 15.9001 11.9183 15.0065L11.9189 15.0047L11.9201 15.0011C11.9747 14.8397 12 14.7649 12.0006 14.8297C12.0006 14.765 12.0268 14.8414 12.0823 15.0047L12.0829 15.0065C12.3877 15.9001 13.5716 19.3697 16.2782 16.5926C17.7038 15.129 17.0435 13.666 14.4483 13.2244C15.9328 13.477 17.6023 13.0593 18.0603 11.4225C18.1921 10.9517 18.4167 8.0514 18.4167 7.6594C18.4167 5.69707 16.6964 6.31365 15.6348 7.11106C14.1636 8.21531 12.581 10.4553 12 11.657Z" }))));
     }
     static get is() { return "ds-icon-bluesky"; }
     static get properties() {