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

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

@@ -1,10 +1,6 @@
-.ds-no-style-leak *, .ds-text-input__1Vp5mb,
-.ds-text-input__1Vp5mb :where([class*=__1Vp5mb]) {
+.ds-no-style-leak * {
   all: unset;
   box-sizing: border-box;
-}
-
-.ds-no-style-leak * {
   display: block;
 }
 
@@ -18,13 +14,18 @@
   }
 }
 
-.ds-text-input__1Vp5mb {
+.ds-text-input__oSBnIJ {
+  all: initial;
+  display: revert;
+  box-sizing: border-box;
+  font-family: var(--ds-fontFamily-body);
+  font-size: var(--ds-fontSize-16);
   display: block;
 }
-.ds-text-input__1Vp5mb__label-container {
+.ds-text-input__oSBnIJ__label-container {
   margin-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__1Vp5mb__label-container label {
+.ds-text-input__oSBnIJ__label-container label {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-semibold);
@@ -32,7 +33,7 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-default);
 }
-.ds-text-input__1Vp5mb__label-container small {
+.ds-text-input__oSBnIJ__label-container small {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
   font-weight: var(--ds-fontWeight-regular);
@@ -42,17 +43,17 @@
   margin-block-start: var(--ds-spacing-3xSmall);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__1Vp5mb__container:focus-visible {
+.ds-text-input__oSBnIJ__container:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-text-input__1Vp5mb__container:focus-within {
+.ds-text-input__oSBnIJ__container:focus-within {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-text-input__1Vp5mb__container {
+.ds-text-input__oSBnIJ__container {
   box-sizing: border-box;
   width: 100%;
   display: inline-flex;
@@ -64,65 +65,65 @@
   border-color: var(--ds-borderColor-default);
   padding-inline: var(--ds-spacing-xSmall);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid:hover:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid:focus-within) {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid:hover:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid:focus-within) {
   background-color: var(--ds-bgColor-danger-hover);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid.ds-text-input__1Vp5mb__container--active {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid.ds-text-input__oSBnIJ__container--active {
   background-color: var(--ds-bgColor-danger-active);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid {
   background-color: var(--ds-bgColor-success);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid:hover:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid:focus-within) {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid:hover:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid:focus-within) {
   background-color: var(--ds-bgColor-success-hover);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid .ds-text-input__1Vp5mb__container--active {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid .ds-text-input__oSBnIJ__container--active {
   background-color: var(--ds-bgColor-success-active);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--readonly, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--disabled {
+.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--readonly, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-text-input__1Vp5mb__container:has(span.ds-text-input__1Vp5mb__prefix, .ds-text-input__1Vp5mb__icon) {
+.ds-text-input__oSBnIJ__container:has(span.ds-text-input__oSBnIJ__prefix, .ds-text-input__oSBnIJ__icon) {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__1Vp5mb__container:has(.ds-text-input__1Vp5mb__button) {
+.ds-text-input__oSBnIJ__container:has(.ds-text-input__oSBnIJ__button) {
   padding-inline-end: unset;
 }
-.ds-text-input__1Vp5mb__container:has(input:active):not:has(input:disabled, input:read-only) {
+.ds-text-input__oSBnIJ__container:has(input:active):not:has(input:disabled, input:read-only) {
   border-color: var(--ds-borderColor-default);
 }
-.ds-text-input__1Vp5mb__container:has(input:active) {
+.ds-text-input__oSBnIJ__container:has(input:active) {
   outline: none;
 }
-.ds-text-input__1Vp5mb__container.active:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--disabled, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--readonly, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid) {
+.ds-text-input__oSBnIJ__container.active:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--disabled, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--readonly, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-text-input__1Vp5mb__container:hover:not(.ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--disabled, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--readonly, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--active, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--invalid, .ds-text-input__1Vp5mb__container.ds-text-input__1Vp5mb__container--valid, .ds-text-input__1Vp5mb__container:focus-within) {
+.ds-text-input__oSBnIJ__container:hover:not(.ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--disabled, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--readonly, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--active, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--invalid, .ds-text-input__oSBnIJ__container.ds-text-input__oSBnIJ__container--valid, .ds-text-input__oSBnIJ__container:focus-within) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-text-input__1Vp5mb__container:focus-within:not(.ds-text-input__1Vp5mb__container:focus-within.ds-text-input__1Vp5mb__container--invalid, .ds-text-input__1Vp5mb__container:focus-within.ds-text-input__1Vp5mb__container--valid, .ds-text-input__1Vp5mb__container:focus-within.ds-text-input__1Vp5mb__container--readonly) {
+.ds-text-input__oSBnIJ__container:focus-within:not(.ds-text-input__oSBnIJ__container:focus-within.ds-text-input__oSBnIJ__container--invalid, .ds-text-input__oSBnIJ__container:focus-within.ds-text-input__oSBnIJ__container--valid, .ds-text-input__oSBnIJ__container:focus-within.ds-text-input__oSBnIJ__container--readonly) {
   border-color: var(--ds-borderColor-primary);
 }
-.ds-text-input__1Vp5mb__container:focus-within * > .ds-text-input__1Vp5mb__button > button:focus-visible {
+.ds-text-input__oSBnIJ__container:focus-within * > .ds-text-input__oSBnIJ__button > button:focus-visible {
   background-clip: padding-box;
   outline-offset: -5px;
   box-shadow: none;
   height: var(--ds-spacing-xLarge);
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-text-input__1Vp5mb__container > input {
+.ds-text-input__oSBnIJ__container > input {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -139,7 +140,7 @@
   padding-block: var(--ds-spacing-4xSmall);
   padding-inline: 0;
 }
-.ds-text-input__1Vp5mb__container > input::placeholder {
+.ds-text-input__oSBnIJ__container > input::placeholder {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -147,35 +148,35 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__1Vp5mb__container > input:disabled {
+.ds-text-input__oSBnIJ__container > input:disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__1Vp5mb__container > input:disabled::placeholder {
+.ds-text-input__oSBnIJ__container > input:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__1Vp5mb__container > input:focus {
+.ds-text-input__oSBnIJ__container > input:focus {
   outline: none;
   border: none;
 }
-.ds-text-input__1Vp5mb__container > input[type=number] {
+.ds-text-input__oSBnIJ__container > input[type=number] {
   appearance: textfield;
 }
-.ds-text-input__1Vp5mb__container > input::-webkit-search-decoration, .ds-text-input__1Vp5mb__container > input::-webkit-search-cancel-button, .ds-text-input__1Vp5mb__container > input::-webkit-search-results-button, .ds-text-input__1Vp5mb__container > input::-webkit-search-results-decoration, .ds-text-input__1Vp5mb__container > input::-webkit-inner-spin-button, .ds-text-input__1Vp5mb__container > input::-webkit-outer-spin-button {
+.ds-text-input__oSBnIJ__container > input::-webkit-search-decoration, .ds-text-input__oSBnIJ__container > input::-webkit-search-cancel-button, .ds-text-input__oSBnIJ__container > input::-webkit-search-results-button, .ds-text-input__oSBnIJ__container > input::-webkit-search-results-decoration, .ds-text-input__oSBnIJ__container > input::-webkit-inner-spin-button, .ds-text-input__oSBnIJ__container > input::-webkit-outer-spin-button {
   appearance: none;
   margin: 0;
 }
-.ds-text-input__1Vp5mb__container:has(span.ds-text-input__1Vp5mb__prefix, .ds-text-input__1Vp5mb__icon) > input {
+.ds-text-input__oSBnIJ__container:has(span.ds-text-input__oSBnIJ__prefix, .ds-text-input__oSBnIJ__icon) > input {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__1Vp5mb__container span.ds-text-input__1Vp5mb__prefix, .ds-text-input__1Vp5mb__container span.ds-text-input__1Vp5mb__suffix {
+.ds-text-input__oSBnIJ__container span.ds-text-input__oSBnIJ__prefix, .ds-text-input__oSBnIJ__container span.ds-text-input__oSBnIJ__suffix {
   font-family: var(--ds-fontFamily-body);
   color: var(--ds-textColor-link-standalone);
 }
-.ds-text-input__1Vp5mb__container .ds-text-input__1Vp5mb__icon, .ds-text-input__1Vp5mb__container ::slotted([slot=prefix]) {
+.ds-text-input__oSBnIJ__container .ds-text-input__oSBnIJ__icon, .ds-text-input__oSBnIJ__container ::slotted([slot=prefix]) {
   height: 1.5rem;
   color: var(--ds-textColor-default);
 }
-.ds-text-input__1Vp5mb__container .ds-text-input__1Vp5mb__button {
+.ds-text-input__oSBnIJ__container .ds-text-input__oSBnIJ__button {
   margin-top: calc(var(--ds-spacing-3xSmall) * -1);
   margin-right: calc(var(--ds-spacing-4xSmall) * -1);
   max-height: 40px;

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

@@ -256,19 +256,19 @@ 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: '0c039defda6e5e459caae3edf7a3e3b4d2e1eeee' }, h(DsControlLabel, { key: '2e4854fafe431cb609d882a7eec385e7039a811c', 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: '11e0cfbf92b2feb619c539981e0d53a91383bd80', name: "label" }), h("slot", { key: '80330e56ec8123b94e4b964c8f4665b9463daed6', name: "assistiveText" })), h("div", { key: '0e27e30dfa8ceb9912a6c53ed250f71c85fd32d0', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (h(Fragment, { key: '3dd0c67f0f2275acb2792a20f516835250f21a60' }, h(DsControlLabel, { key: 'e85be0a2b6d855492f4a94a41ab17cdc616ee043', 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: '3d942daba9b3231269365079b13814a08496c46d', name: "label" }), h("slot", { key: 'cff659373ccfb2e2bdb39431dd5c036e5e732050', name: "assistiveText" })), h("div", { key: '19b49893b91232d69ffa515961b9fa49e3411a6a', 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}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
-            }) }, this.renderPrefixContent(baseClass), h("input", { key: '392c0880d844648434ce6bea242169fc60955e23', 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 ||
+            }) }, this.renderPrefixContent(baseClass), h("input", { key: 'd2ab77f495e13da3b238df78e01bb82701200636', 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 ||
                 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: '5d11d089cda76beae7ff3cc786de38cb82a14f1b', name: "validity" }, h(DsInputValidity, { key: 'dc39d80a03f9be5ddb9b9de306dd5dd763520951', id: this.validityId, dsText: this.validityText, dsType: this.validityType, dsAriaLive: "assertive" }))));
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '2dfa5205c36b04db9d1223837316c11c58af35d9', name: "validity" }, h(DsInputValidity, { key: '560aa771a7f363de0b85e0b1900a59bd3136fe64', id: this.validityId, dsText: this.validityText, dsType: this.validityType, dsAriaLive: "assertive" }))));
     }
     static get is() { return "ds-text-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -64,7 +64,7 @@ export const Events = {
     </style>
     <ds-grid>
       <ds-grid>
-        <ds-card ds-heading="Events" ds-description="Type in the input to observe the events it triggers. Change events are emitted only on user interaction.">
+        <ds-card ds-link-type="none" ds-heading="Events" ds-description="Type in the input to observe the events it triggers. Change events are emitted only on user interaction.">
           <ul slot="content" id="text-input-output" class="ds-bodytext-sm ds-m-sm">
             <li id="text-input-output__value">Value: <span id="text-input-output__value-text">&lt;empty&gt;</span></li>
             <li id="text-input-output__programmatic">Programmatic value: <span id="text-input-output__programmatic-text">&lt;empty&gt;</span></li>

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DsVersionedCssVariables {
     render() {
-        return (h(Host, { key: '4c9340142537e654e292951ba4dd5df1e3682f21' }, h("slot", { key: '4cf12bc73ce62b2ecb8fa79ac1f0a049f631e075' })));
+        return (h(Host, { key: '864732af1f72bf41acd5313fd5e13d0f7eec0165' }, h("slot", { key: 'c38dd56fe43ddac59bed58f9f7608b7c85ecaa1a' })));
     }
     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__1Vp5mb {
+.ds-visually-hidden__oSBnIJ {
   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: '8c5a5ee08b1e5d41266c4b6aa4f0502bfb0edf6f', class: baseClass }, h("slot", { key: '041a71b9756aea38880a4c82f8122fbd58c7c101' })));
+        return (h(this.dsTag, { key: 'e83845eae07034ba20b3b44f54eff75900267e4a', class: baseClass }, h("slot", { key: 'bac1411dd3c209bd4828303fea0ee0f3f56b5837' })));
     }
     static get is() { return "ds-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

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: 'd0641eee9ee6df96b09e9d9f8445c535c7fc29d4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2c1d0da6f91423cdabe3fe2012985a109c031ff7', 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: '8d2bbae4bdc70297f74044b0ac46938372fe6184', 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: 'de653f5483d615910f8029e1e4f43c7fa8313c52', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ee87d22193b1ac032f376c779863e65650a2a198', 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: 'be51697e01bd50a407cb0bbe8656b14599321734', 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: '6699a183f784014ece5fc1ff4bd293344af6c7fa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3135070fef31f0a4ba08aa893e1cbe22bf222ca7', 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: 'b9375f3aa760a5a296b16fbf4a55914b81d85621', 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: '549a415789e445f932b2d53ec0c88f378ba62011', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1d63641683ccac38ba869d346e4ac3aba8c1fb03', 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: '7208aed290f2f79fe837b14a7a002962c2eefb00', 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: '4d93c342fbaedd0168aba218c266ac7c7c7456b0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '379c17425816898e2a5e530774be55d360db0e6f', 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: '7798163c421b8dc78eb53a07764de94286232783', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (h(Host, { key: '1dbcc6f97e71d219c6fa2f2f0af001d5b61f2578', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ad0ec12eb9729405a71d9cb8f07a585080076177', 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: '196b754d9517efaf648353c8acec9e8cd567fc47', 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: 'f46ba74818157e2fffc9924d6c584db7d0598ce1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4313f1d48650580a170c452b6e0f2445cfc5526b', 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: 'd588218d32bacc0ba1437951371d25f70e9d4b0e', 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: 'e7f35b5511d7e53c9cf3ddad6f6943cc752ebf07', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b826eb6aa8811ab5e45ceb3a60ba8d7479097763', 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: '36b8ea6d79cd59847d607cfd9901d278694a2b83', 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: 'f459160bd9a46ce6d365afe0707119682f2cd0b0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b5b6378be65dc5173ba242068e9c60b9e01e437c', 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: 'f13964ce019f78603a6c192351bfc2b4787264eb', 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: '36d95b3920571c15ef5bc8f480655276da83f522', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a503a89b3e4381e105fee94cf60fef733497e0c1', 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: '80f942998e94c7d8c6178f91d98a9d377422ba12', 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: '2b080a15e4916178a2793a016bc08a828ce191a9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '51dd8dae2d0e49995e0defeb5283ef591541f4fd', 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: '55892aaae6b4d51440625db08b16355ce449f0e8', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (h(Host, { key: '98054dc102a50b73973f8a57a7a728439331ecd1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '694521271f4b20bae5b95c5c1c5aedc0010406f9', 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: '6b817a34f9e6f9c8fea4dae306de9e19d6e1680d', 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: '71014a1ddd71ac3c90654079849e8cf6e9a7bec2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6344b168ea19e7facb3e5110f9255a04e3075eaf', 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: '041f72778e5dcd1cb10a7505ef8ced70429e9fa0', 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: '961158fe19071e057205e046893aa59ca35e33f2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8f0bcee043e14bfe052e29cf14d57c44305a7449', 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: 'c1260f2d0943772f610fb3c3622145cf0640a1e1', 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: 'c240cac448c4f0ca191cbf0f7692d8ab8285597f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd1438ed26b1c2f36c4d9997e7881c89f10ad2237', 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: '602a5b9317f76110e1aa2841a00239cea4be0f48', 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: 'bea48fd511a3e293e456c5ea164c6cc221b9bb99', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8f9fee0734c9ac7be01fb0c2875a3564be78877c', 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: '4ffa1e72b40727c4254b0866258931af25705dbb', 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: '7729b9fc72f144fad35b2d2564d6153a97641c05', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1cca68c541aa2da7a132d78b95e35e1bdb44748b', 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: 'bf2f26bc6d8917629fc0903d3f2f1aaaa8c65b38', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (h(Host, { key: 'a7c119871f82bb3f29c013f5cc4f75e47eca5451', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0e745f509a49fe1338537436e1a380c991107c11', 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: '8fb64ab2a824280d0ea2597fc546640d767eb669', 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: 'bf30db61353fe11a3e69b63e5baaa7e3ddc699a3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2585e5d8d496a22a563e0a0454385a128950ebe5', 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: '65a1cefd6179bae7872af682dd88a5663eec262f', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (h(Host, { key: '3151edfd533f99b1de5f514617a260e3dd7b3b3b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3787171ea49d896ee952e3708008de301961f2cd', 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: '1bc49ac8d0b64390a925fc66b939018a7f5f83e2', 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: 'e1ce4a449fab709fb7e18d5d140238b55fa8714b', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3e1bf44158df8ec6ede1d74e0ce230a59c1a7291', 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: '4585817957a197a14d4b7d19fe64ef2dc1a7e631', d: "M480-336 239-576h482L480-336Z" }))));
+        return (h(Host, { key: '1f599c0b7e99fb2384c063b2d0510c5e7ff29782', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '39650f7ff4789b1386ec524da59750a810ebcb25', 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: '6b88e6c4f45f80531d206ebeaffabad7c7b78f8d', 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: '770304bc2f3465d430310698dd5dbabda235cfb7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b13be32f142e4a94d9c777a8db40c73baab74808', 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: 'd2227ea55cdafaba231d67f1fe6ba9274f39f4a7', 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: '24d1694a443dc6e7ae2822d41d6fd09dcc2c8101', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2ae0c0711fe60812413e0028ab15d34f564435c4', 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: 'f22159cc72742097a52a69e044c316e727d13598', 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: 'c4133e7fffc5f96c7597d680cf37bff6f720fec8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0d59efe4de395aff69e9b7a339a208d8c5c94333', 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: 'dff1608b8a2d29d99f5870632582d779436b493e', 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: '2228eb98a1a7967158e32f7048566c9e0da9a537', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '61b68254545d3aabff456f855b84ce23b1fc54b6', 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: '6f5978ff2bb5809abf089f6bd59a8eee5495f066', 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: '6ca341867fb499a134a1cedfcbd729bb37d2e5f4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8cdb467b8d09dbc70ae8e3bbf552b4ae64c9dfe6', 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: '961d4529f436e41b52324da6419d0ed98e6b8b16', d: "m239-383 241-242 241 242H239Z" }))));
+        return (h(Host, { key: 'd0755f71b93e96cac47761e402ac7338e07733fe', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5b0643e5aff1deb691098619e75474d4d32148c3', 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: '7e7fa408f80fa625c7c28d4b1307a749aa133b57', 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: 'fd0979d7f951b9206c4916e8bb497fd250cfeddc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cdce8f8efcadcbca04a360d7e512c9e2ed30b6e9', 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: 'a245fc0cd44974a6b40a171a930b0527efbc7edf', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+        return (h(Host, { key: '5ea7b9f807701858b83984238d6dfb4ac5627b8e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c799dbc1eb89cf48050b630b4827c87374ea7712', 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: 'dd3314e5bb6922138cd673fc1399d6ba23c57fe6', 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: '99e0d2fd7f640c32e5b149fe74c25fd57c16a194', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8e4e8f607518af62828442caf934de977100f0fb', 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: 'ab2799e12cc6a215aab2cca85d2cec47d19a5b4c', d: "M711-221 316-616v353h-95v-514h515v94H383l394 395-66 67Z" }))));
+        return (h(Host, { key: '04a3ebc44325c1095c58db049d136781b8e4670d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f32417d4180eacb716e24fa335e1fbbad4e474ac', 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: '062fbad0afbf7b8fc977933242e731bf6453e387', 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: '05d36c1fcf9a0aa9a4b6f7fc1ced786840df3285', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9ba825a61a88aedd9f34db1719a5b8da3dff6971', 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: 'cda11d099931017cfbed8b3bfc4b51f28e221655', d: "m250-221-67-67 395-395H224v-94h515v514h-95v-353L250-221Z" }))));
+        return (h(Host, { key: '692cb92a4e8e18edf3b88f598c6a8df4910623c8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a7c3205384b64e402b4382ad91ebdae1d0999655', 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: 'a119976cddf2c804f8c2806757e06f0ce5f0bcca', 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: '7f584300eca33e158306f559932537c9d09f3b79', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7134f607731b073826e4a7e562d89e3f6434a6df', 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: '7f13bffd2b8aca0f834d7f0306692ec40287f91f', d: "M433-135v-510L201-413l-66-67 345-346 346 346-67 67-232-232v510h-94Z" }))));
+        return (h(Host, { key: 'c53d3ce54d2d2632df6c697185424b18804ae5c9', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '594b4da8f4e826b72c2124abc4ccb175d0c934f3', 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: 'caa6f46e2df3835acecfa7d74f405bb1aed6c8be', 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: 'bea48fd511a3e293e456c5ea164c6cc221b9bb99', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8f9fee0734c9ac7be01fb0c2875a3564be78877c', 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: 'c0299987aa494f406914b9c6bf09ee8e6d294717', 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: 'eb9ac934e062a343ea088fbd25b50476540608a2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1b887d9fb275997528e37cc7991c1fcaf529ce71', 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: '33c424b392d0d508f4fba0e9daee889399f13df4', 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: '1c3449a979fb8d9220e3c23174d6cd733bf35a85', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '54082fce813139356ccd707b384b1237ba4a8f17', 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: '05cf0672e2d3258e95e94feb59036d7580c91857', 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: 'e61c86c7110314f63268fc5d7993de5f17feb48a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'caf0839a0862a198a0d6a8a71862203789d20d18', 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: '9a92272ecfa3b179f9eeb1d082e876955c8cd2b6', 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: '31b0dc17c7f2f5bd40d52e5dec9074a699642f2f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4eb5f3ed903317ebf576b0f5bb45301624a8d1a3', 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: '3312cc70b81b195122fea789a54cbd18428e2dc6', 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: 'bc39fe65517c531c77af17b9fd7ad98b4ae5c9ad', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '037521a13ea768cbde588325bfb78175b288f560', 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: 'f1107f550c6247b4be930bae4ab0426da4f068e5', 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: '1f599c0b7e99fb2384c063b2d0510c5e7ff29782', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '39650f7ff4789b1386ec524da59750a810ebcb25', 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: '3795e463545db35500601c28dcad969382855e8c', 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: 'a6f58da88765a4dcca3d741175c7ca1274e590ec', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3fdc1504a61175d51d0f25624ee6cd6785388736', 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: '810bf41b2f1fc5153b9c3617e5a57d27f3c728c7', 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: 'efa3d62332ed5edda26e108bccfc04c0f1a903cd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fac2956aeb804df90052d84fcce959e2ae2d47a8', 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: '0355333a5adcd8c7e3a7a8035a9c34fd08b125d6', 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: 'd5d33f2f79d4e0925cb7c4f26af1a98d4a06a079', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b6754c1b0eb582518b02daac5d24fa336a87a964', 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: '86201241eb33705e92c44b3dfbcf565269709b31', 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: '0976a68103eb5ad53d84a1986382d559112e1166', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '655047f70586daaaf133ff73cfac7740572a8932', 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: '15ecf71f16c524a25d2a1e756c6ba4c0eb3ef08c', 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: 'c04cc857b68ff23760c80472131eaf73e4e08ff2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ad90963c64aaab123fb2e6e77a74103d9e04d3f3', 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: '6f50dee7021133dde3c4a2b8a70b2cff6f4d1be9', 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: '287afe7c8782f2df369763f4e2f4dc15fca03741', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c8b68cb78dbb678930e38e00f224a992c0555178', 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: '5bae50fc6e9be84e03a6c3b77dfc45a9b8604abb', 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: '27c40c80e8472f8ea194cf237e0cdb9cef94b816', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cabc465e5c7d2c333d883bcde03128410feccba7', 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: 'b82e9176219109edc3d752714250aef59559c19b', 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() {