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

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

@@ -6,18 +6,22 @@
 
 :host {
   display: block;
+}
+
+:host(.ds-text-input__WN0Emr__host) {
   width: 288px;
 }
 @media (min-width: 75rem) {
-  :host {
+  :host(.ds-text-input__WN0Emr__host) {
     width: 320px;
   }
 }
-:host:has(.ds-text-input__izAhxK--full-width) {
+
+:host(.ds-text-input__WN0Emr__host--full-width) {
   width: 100%;
 }
 
-.ds-text-input__izAhxK {
+.ds-text-input__WN0Emr {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -25,10 +29,10 @@
   font-size: var(--ds-fontSize-16);
   display: block;
 }
-.ds-text-input__izAhxK__label-container {
+.ds-text-input__WN0Emr__label-container {
   margin-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__izAhxK__label-container label {
+.ds-text-input__WN0Emr__label-container label {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-semibold);
@@ -36,7 +40,7 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-default);
 }
-.ds-text-input__izAhxK__label-container small {
+.ds-text-input__WN0Emr__label-container small {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
   font-weight: var(--ds-fontWeight-regular);
@@ -46,7 +50,7 @@
   margin-block-start: var(--ds-spacing-3xSmall);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__izAhxK__container {
+.ds-text-input__WN0Emr__container {
   box-sizing: border-box;
   width: 100%;
   display: inline-flex;
@@ -58,63 +62,63 @@
   border-color: var(--ds-borderColor-default);
   padding-inline: var(--ds-spacing-xSmall);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid:hover:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid:focus-within) {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid:focus-within) {
   background-color: var(--ds-bgColor-danger-hover);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid.ds-text-input__izAhxK__container--active {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid.ds-text-input__WN0Emr__container--active {
   background-color: var(--ds-bgColor-danger-active);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid {
   background-color: var(--ds-bgColor-success);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid:hover:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid:focus-within) {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid:focus-within) {
   background-color: var(--ds-bgColor-success-hover);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid .ds-text-input__izAhxK__container--active {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid .ds-text-input__WN0Emr__container--active {
   background-color: var(--ds-bgColor-success-active);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--readonly, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--disabled {
+.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-text-input__izAhxK__container:has(span.ds-text-input__izAhxK__prefix, .ds-text-input__izAhxK__icon) {
+.ds-text-input__WN0Emr__container:has(span.ds-text-input__WN0Emr__prefix, .ds-text-input__WN0Emr__icon) {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__izAhxK__container:has(.ds-text-input__izAhxK__button) {
+.ds-text-input__WN0Emr__container:has(.ds-text-input__WN0Emr__button) {
   padding-inline-end: unset;
 }
-.ds-text-input__izAhxK__container:has(input:active):not:has(input:disabled, input:read-only) {
+.ds-text-input__WN0Emr__container:has(input:active):not:has(input:disabled, input:read-only) {
   border-color: var(--ds-borderColor-default);
 }
-.ds-text-input__izAhxK__container:has(input:active) {
+.ds-text-input__WN0Emr__container:has(input:active) {
   outline: none;
 }
-.ds-text-input__izAhxK__container.active:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--disabled, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--readonly, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid) {
+.ds-text-input__WN0Emr__container.active:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-text-input__izAhxK__container:hover:not(.ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--disabled, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--readonly, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--active, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--invalid, .ds-text-input__izAhxK__container.ds-text-input__izAhxK__container--valid, .ds-text-input__izAhxK__container:focus-within) {
+.ds-text-input__WN0Emr__container:hover:not(.ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--disabled, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--readonly, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--active, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--invalid, .ds-text-input__WN0Emr__container.ds-text-input__WN0Emr__container--valid, .ds-text-input__WN0Emr__container:focus-within) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-text-input__izAhxK__container:has(> input:focus) {
+.ds-text-input__WN0Emr__container:has(> input:focus) {
   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__izAhxK__container:has(> input:focus):not(.ds-text-input__izAhxK__container:has(> input:focus).ds-text-input__izAhxK__container--invalid, .ds-text-input__izAhxK__container:has(> input:focus).ds-text-input__izAhxK__container--valid, .ds-text-input__izAhxK__container:has(> input:focus).ds-text-input__izAhxK__container--readonly) {
+.ds-text-input__WN0Emr__container:has(> input:focus):not(.ds-text-input__WN0Emr__container:has(> input:focus).ds-text-input__WN0Emr__container--invalid, .ds-text-input__WN0Emr__container:has(> input:focus).ds-text-input__WN0Emr__container--valid, .ds-text-input__WN0Emr__container:has(> input:focus).ds-text-input__WN0Emr__container--readonly) {
   border-color: var(--ds-borderColor-primary);
 }
-.ds-text-input__izAhxK__container > input {
+.ds-text-input__WN0Emr__container > input {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -131,7 +135,7 @@
   padding-block: var(--ds-spacing-4xSmall);
   padding-inline: 0;
 }
-.ds-text-input__izAhxK__container > input::placeholder {
+.ds-text-input__WN0Emr__container > input::placeholder {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -139,38 +143,38 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__izAhxK__container > input:disabled {
+.ds-text-input__WN0Emr__container > input:disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__izAhxK__container > input:disabled::placeholder {
+.ds-text-input__WN0Emr__container > input:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__izAhxK__container > input:focus {
+.ds-text-input__WN0Emr__container > input:focus {
   outline: none;
   border: none;
 }
-.ds-text-input__izAhxK__container > input[type=number] {
+.ds-text-input__WN0Emr__container > input[type=number] {
   appearance: textfield;
 }
-.ds-text-input__izAhxK__container > input::-webkit-search-decoration, .ds-text-input__izAhxK__container > input::-webkit-search-cancel-button, .ds-text-input__izAhxK__container > input::-webkit-search-results-button, .ds-text-input__izAhxK__container > input::-webkit-search-results-decoration, .ds-text-input__izAhxK__container > input::-webkit-inner-spin-button, .ds-text-input__izAhxK__container > input::-webkit-outer-spin-button {
+.ds-text-input__WN0Emr__container > input::-webkit-search-decoration, .ds-text-input__WN0Emr__container > input::-webkit-search-cancel-button, .ds-text-input__WN0Emr__container > input::-webkit-search-results-button, .ds-text-input__WN0Emr__container > input::-webkit-search-results-decoration, .ds-text-input__WN0Emr__container > input::-webkit-inner-spin-button, .ds-text-input__WN0Emr__container > input::-webkit-outer-spin-button {
   appearance: none;
   margin: 0;
 }
-.ds-text-input__izAhxK__container:has(span.ds-text-input__izAhxK__prefix, .ds-text-input__izAhxK__icon) > input {
+.ds-text-input__WN0Emr__container:has(span.ds-text-input__WN0Emr__prefix, .ds-text-input__WN0Emr__icon) > input {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__izAhxK__container span.ds-text-input__izAhxK__prefix, .ds-text-input__izAhxK__container span.ds-text-input__izAhxK__suffix {
+.ds-text-input__WN0Emr__container span.ds-text-input__WN0Emr__prefix, .ds-text-input__WN0Emr__container span.ds-text-input__WN0Emr__suffix {
   font-family: var(--ds-fontFamily-body);
   color: var(--ds-textColor-link-standalone);
 }
-.ds-text-input__izAhxK__container .ds-text-input__izAhxK__icon, .ds-text-input__izAhxK__container ::slotted([slot=prefix]) {
+.ds-text-input__WN0Emr__container .ds-text-input__WN0Emr__icon, .ds-text-input__WN0Emr__container ::slotted([slot=prefix]) {
   height: 1.5rem;
   color: var(--ds-textColor-default);
 }
-.ds-text-input__izAhxK__container .ds-text-input__izAhxK__button {
+.ds-text-input__WN0Emr__container .ds-text-input__WN0Emr__button {
   max-height: 40px;
 }
-.ds-text-input__izAhxK__container .ds-text-input__izAhxK__button:has(button:focus) {
+.ds-text-input__WN0Emr__container .ds-text-input__WN0Emr__button:has(button:focus) {
   box-shadow: inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * -1 * 2);

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

@@ -1,4 +1,4 @@
-import { Fragment, h, Mixin, forceUpdate } from "@stencil/core";
+import { h, Host, Mixin, forceUpdate } from "@stencil/core";
 import classNames from "classnames";
 import { clearField, hidePassword, showPassword, validityMessage } from "../../../utils/controls/controlUtils";
 import { declareComponentDependencies, ifDefined, transformTagName } from "../../../utils/utils";
@@ -257,25 +257,27 @@ export class DsTextInput extends Mixin(componentFactory('ds-text-input', { stopR
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-text-input', this.el);
         const DsControlLabel = transformTagName('ds-control-label', 'ds-text-input', this.el);
         const baseClass = cx('ds-text-input');
+        const hostClass = `${baseClass}__host`;
         const containerClass = `${baseClass}__container`;
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ['aria-describedby']: attrAriaDescribedby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '819dd8a2ccce8543bd23a4c56be02670d23dd8d8' }, h(DsControlLabel, { key: '16c94fe5d9ffeb6a5aa335bbe489dafde1914e8c', 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: '3729a9925b8f6b67fb1c812f1191cb064adde8fb', name: "label" }), h("slot", { key: '9493c8401698245cbfdedc0b8a924acb46d2ef7c', name: "assistiveText" })), h("div", { key: 'e820a1837bfbdedb2bdc26bcb33227d0ebeed5aa', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (h(Host, { key: 'e3580fbf5fd988bcb5956a40c6fb82d23519ee71', class: classNames(hostClass, {
+                [`${hostClass}--full-width`]: this.dsFullWidth,
+            }) }, h(DsControlLabel, { key: '8c7a959efe42ec4272fdfa6bec975ef9249ea25a', 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: 'ad834b7c6d823f328fb9c315e61d674d33edf8c2', name: "label" }), h("slot", { key: '5a7786b8cd144463a9a22b6656026acc09c2dfb9', name: "assistiveText" })), h("div", { key: '8bf02b6d0abe10288a4239d5f5428f5830482ac6', 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.dsInvalid || !!this.dsErrorText,
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
-                [`${baseClass}--full-width`]: this.dsFullWidth,
-            }) }, this.renderPrefixContent(baseClass), h("input", { key: '721c5fd7fce47adf118b15683c24203b1307970b', 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 ||
+            }) }, this.renderPrefixContent(baseClass), h("input", { key: '4d0c675cc45816817cdbe7f412a4734d10f80515', 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.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: 'cd0519db1b7fecf6184f839d6e857e50c3b21cec', name: "validity" }, h(DsInputValidity, { key: '8cfb192f9b28c35eb07990ee42ade178a854d349', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
+                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '5a1b6dd7e3e88f4798368e5176d9b5f7046845c3', name: "validity" }, h(DsInputValidity, { key: 'a3dc1ebe3a44b4bd0fb7d25dbffb837bcb7d3dfe', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
     }
     static get is() { return "ds-text-input"; }
     static get encapsulation() { return "scoped"; }
@@ -928,7 +930,7 @@ export class DsTextInput extends Mixin(componentFactory('ds-text-input', { stopR
                         },
                         "DsTextInputEvent": {
                             "location": "local",
-                            "path": "/Users/tuukkaturu/hy/hy-ds/uh-ds/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+                            "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
                             "id": "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent"
                         }
                     }
@@ -949,7 +951,7 @@ export class DsTextInput extends Mixin(componentFactory('ds-text-input', { stopR
                     "references": {
                         "DsTextInputEvent": {
                             "location": "local",
-                            "path": "/Users/tuukkaturu/hy/hy-ds/uh-ds/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+                            "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
                             "id": "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent"
                         },
                         "InputEvent": {
@@ -974,7 +976,7 @@ export class DsTextInput extends Mixin(componentFactory('ds-text-input', { stopR
                     "references": {
                         "DsTextInputEvent": {
                             "location": "local",
-                            "path": "/Users/tuukkaturu/hy/hy-ds/uh-ds/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
+                            "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-text-input/ds-text-input.tsx",
                             "id": "src/components/01-base-components/ds-text-input/ds-text-input.tsx::DsTextInputEvent"
                         }
                     }

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

@@ -264,6 +264,7 @@
   --ds-fontWidth-normal: 100%;
   --ds-fontWidth-condense: 90%;
   --ds-number-style: proportional-figures; /* Varying spacing */
+  --ds-paragraphWidth-optimal: 65ch;
 }
 
 @supports (font-variation-settings: normal) {
@@ -530,6 +531,7 @@
   --ds-fontWidth-normal: 100%;
   --ds-fontWidth-condense: 90%;
   --ds-number-style: proportional-figures; /* Varying spacing */
+  --ds-paragraphWidth-optimal: 65ch;
   display: contents;
 }
 

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

@@ -9,7 +9,7 @@ export class DsVersionedCssVariables extends Mixin(componentFactory('ds-versione
         this.componentMounted();
     }
     render() {
-        return (h(Host, { key: '3a755487e9cc1e0fdecc41c5df61d9f8330cfd67' }, h("slot", { key: 'a22fc5e87766c897297ba9843eacd44e7791296f' })));
+        return (h(Host, { key: '01a17de5ff97c88c7372b001d209257b41bad085' }, h("slot", { key: 'cf67702fa89cc7ad4e850c02a0526918a7b976cd' })));
     }
     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__izAhxK {
+.ds-visually-hidden__WN0Emr {
   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: '8392305eb097f06684fa3ddb8a577dd5c218d4de', class: baseClass }, h("slot", { key: 'bdad797a3999abea2c23626a1a1e34a9eb379aca' })));
+        return (h(this.dsTag, { key: '4f1770dcf92d279d6e03ea7c2a24a5330dea6113', class: baseClass }, h("slot", { key: '35346060486147047b562a7f72bc9bb30e98b473' })));
     }
     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: '092dcfefd09da1cc1c1f0d764323849376e36a9a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '10a5c5e0ef5ccc6a9733d74e74992ff16061ef52', 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: 'ae153daf51e46a5fd332866b65e262eac5d3f212', 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: '4c59d9b97dec3f445c12559b0f6ee0ac9fce3281', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7f865ba39dc95265a144e6e6f8a96914fe903d01', 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: '68edd5e7c81a51193e0ab344dc5b78fa26ac663d', 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: '53806cc7df70e26b7720b1eaaab63ae73126774a', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1d4dd47e3ea7e9e2d2ad3a2e7f5189f65a5278fc', 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: '7f45a44b31b27deed129e754b2fab24d60d28beb', 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: '3646fbd5eec90a88afe943481c151ab14a73b8fa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dec697a6ca4d7f21a27770245601bfad547d68f7', 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: '387378182fca90cc7a4260bf54a3d6121ee73c1d', 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: 'cf76d007cffea403c4232fc2f2709a386d3202bc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1abd38cf81777343344f4a1e48117d38cbe988fa', 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: '3af577b980e0e02f29a4651f9a1d5cc3d1b86e7c', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (h(Host, { key: 'd985d7a8134b6394c381226d2065c029ab2514ad', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a48e9f14100efb5ef3dcb8146df9779f56b1a6a2', 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: '61cfe648b4d3ba0c16b594b33a64461add33758b', 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: 'd35f86004d3d6bafa2e4275583a80e656232e1c2', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4552d6768ee3f833c50516c8620deefbeca7299b', 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: '24a1092ef5e6a86c59dcf99d000e353221061974', 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: '3cecce787ffd08edf3e62d860e4c85b4b96c6e3f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '75e94f0f2dd78ff0bc7e86e88e1769eb66b9b253', 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: 'a13e9306ae6452f4a7933af95cfbb568eec482ef', 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: '134eb5f8dd212b19ae36d31065fcd99b5bfd02c7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3aa375632af74e36cc355ac8f83174a9c02beb91', 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: '7dfbc7fb5f3b524275b336a28621b97654b40cfd', 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: '9c56db8f961a85229827c99e26523561bdf87d59', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '38835d4ca9cd7539dcec279c7ba8926c4719bd0c', 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: 'd52e4c15fdb47f0808c97b3957e608569bd4d529', 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: 'a3652a1296f1b72476f7e4caadae18e3490d9e67', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b0634e370258901de1bc4ee98e284250c6d56522', 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: 'f12cbd8d50816301b76299e7315657f1ac76d43a', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (h(Host, { key: 'eecc4420140fedf40ee6b96b20a17cd88d1d6d7f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f22f8836d52f14665a6fdddaf1f8d465afabd791', 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: '6eb5595b892d510ff615db226aa4070555092290', 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: '05e8921b93cfda8f82d134e40aa73dc744c61451', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'accb339f9a7738ed8c00c013500f9b7f6b297f98', 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: '1e1ea1cb99ca8f9811eb20ad30af8be71e6f98cc', 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: 'e9a1f7334d871545bb6a885e370f1976f36e4bed', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '97bbe00b3c68c1cc1924a4ea228b79599dfcb20a', 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: '253303326b4d647c88945358d14459595b3cf7f6', 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: 'b4a4dc5febf62d3ac1547c12637ec2fc1dfb657f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9edb72075ab0eec2588d6cfe40516995c01ad06c', 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: 'b05687f0e04dee943ae907f2542e0b9bf515ca22', 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: 'ed83f1b3917896ea57d66bcad6f8b4caf0892f54', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '754932200aaddb6e0c23971a7dcb625ee9c6fcb6', 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: '5a4cd60c39e8f34c771fc763181452cf90b553ae', 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: 'e3f6fe4b19829e9e1f040149719843f2320a986d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b8084712f3c423ab2d0fd99585126ee5bc3e8409', 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: 'f73750154467e930b767ff8ce98a06267541b50b', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (h(Host, { key: 'c12382c63edf5649bff50836ff75c1628766a121', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '219205546ad89434bb9a0b425bb9a26ae9a8f543', 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: 'abe1251629d5f866c39612e1f24cde1dcbd11456', 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: '04609b2d1b8be80b3299bb9d9429a512c6d4b7f1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'cf4359d1cfdf033aad6f385e6f1e820f341f3a1e', 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: '6c381fded63455e027bc495f7f01b4b7f71771c4', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (h(Host, { key: '5029bc5b29f28170157923760075501de3e654cd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e88034c21a07eee84f826e6122eb1e760c2f2aca', 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: 'dc1f92662ae39ab5fd138f30fec857de95dbb21b', 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: '12485b34729dcc9060d2834f03734b9d3753f061', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dbd1e4bf8fc638213ceddde17846300d3d9cf183', 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: '7aad21506b6fd74c282da0ac7e57f91c1211f84d', d: "M480-336 239-576h482L480-336Z" }))));
+        return (h(Host, { key: '777670c36edc45b170c506538bb52b61eccd0bc8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0a195617f349f8cb9e279142900cde2770bbce9a', 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: '41e9a78f6bc5a28f5e0600f50d0d4e508a6af614', 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: 'bec35da98501b3c4e9b697f9020b532cb2a2e839', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '751d0c8b58af0c51a1f67f0b4a7300da3214a635', 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: 'e722ade9e72732e57201c90b1230a17209e2c60a', 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: '98b53a4a302429bcbbbfb9a34a7337a9941d07ee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '50d6ee4e9dee4d2df2bd456054f3b4990169c2cc', 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: 'ebdf57ac2a73553faac7e5b5fcbf3d1dc6ffe8d5', 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: 'd96fa8b8b615bfcd95add10e7824496746f5fae6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5f615ee904cf6ff38f0d56af5ffb15961138df31', 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: 'e08a7145c9f96b26354db5d43c5fcf29598c0bac', 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: 'd7802f0b01cc51719e2a8dba2d0087258fcb20ae', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '82f992de6a72e3145eca5d35ddc6099422fbfc28', 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: 'cfa00dc68df4bfb8a257c9f126e06c99d85c2866', 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: '889024f08aa650785fe1d86296fcb2ab33d42ea6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3de1d7f003265a7ebc46087ff452ccdf83807dea', 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: 'ee74fc25006a3144f209c5124d50365407686837', d: "m239-383 241-242 241 242H239Z" }))));
+        return (h(Host, { key: '5c6fb52b59c52d656be245b46d83f366bd878fe5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0877a3c5ee415a82e8ee30eea9ea48b1976d7dfd', 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: '50ef0b18d1de1f0962719e34b448a7101d2fdc1a', 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: '41f2fe8b1b1af90fbc23de40986f4dd9a76574bb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bbc5a35dd56ef17230db87db8102ae9caa4e3349', 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: '385250cf7c53cc26cc54029a6d494c52cef4fa0b', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+        return (h(Host, { key: '550e4eb7f2c797e21635ab01dc556570ffc37aa5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e7fe2f404bb0660b63e238e5f5e0e2485f717cfd', 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: '8c49eabbe3f94b1257c03e2c401aca0da823f370', 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: '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: '619de5aa5bbcec62afec8d1701a3b8b2c145f613', d: "M711-221 316-616v353h-95v-514h515v94H383l394 395-66 67Z" }))));
+        return (h(Host, { key: 'ff4e55a208a4dbb3ef84eae55f84007979393b99', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'aa7e4c083f3375f1382e715266fe6b91a41571d5', 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: '25adf5273ff73f32c1efdac101f81d62247405fe', 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: '6db70aaf1585cd25b40c06b068ac0bb817d489c7', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'd7097dfcfda85854560621c8f61126718805513f', 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: '9a2cbd660fae99a04186b97a0e5e24b9214b4803', d: "m250-221-67-67 395-395H224v-94h515v514h-95v-353L250-221Z" }))));
+        return (h(Host, { key: 'f55a238d6e6850cb69e56fffad4858a29bd5c1dc', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '2240783f169f2aa4dab5db31e4d2a211e2fc334e', 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: '868c9f2582b5801d761bbd7dafcb9a6fafd8bfe6', 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: '3bcec4bf286c044aaded0bc0f2abaf0593eb26ef', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0128d58629cf7a715dda9bb45b3129a6873fe36c', 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: '77eb6544e470709543aead4c028372d835ca08de', d: "M433-135v-510L201-413l-66-67 345-346 346 346-67 67-232-232v510h-94Z" }))));
+        return (h(Host, { key: '67349d8da8d7a69dc089a5519aeed2a7eb5efcc3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fd0d47c67df005c420e0115556a160cc4f575eac', 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: '7704fb9e3b2fb312347601d5bacd60d3bfd05f37', 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: '67349d8da8d7a69dc089a5519aeed2a7eb5efcc3', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'fd0d47c67df005c420e0115556a160cc4f575eac', 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: 'b86287948d6be158be6aa074dc8463051ba02f80', 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: '771e7cfc147acdaf41bdb97a1cb002a13e15a6d4', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'c8231296ccf6c85dc113e0525a996f66fa1e6a7e', 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: '64284928fd895b8d3995ceecde2a3b8a1b52197a', 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: 'ba4ff2caefd6ab11d065dc97f7558dea540170c1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '33da100194435ef1effcd1d95ca235954bb9bed1', 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: 'db237679876d748ea68459509587829a5c455db8', 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: '94a2a9630cb7349aea1001c08ea3d1078bbeb187', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f67287f6c5dc3b0cdcbb6b902652f4fefc298887', 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: '97d4e55d5861999cbf019e2357b273ed7ad2ef2d', 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: '561ca5ee38b8807bbecc5da8102f118516e09e42', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '62e448865281ac1b444832af5885ff9a349a8450', 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: 'd6d9dbc1d8b51248a56a246637601d8b3b1f9666', 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: 'e9945c9eb2cda4211fd24321c7333c52e7f240cd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'de6c75b7fc7775a6b021eae533abba46e0b4205e', 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: '4c242181e41ec9bbc551059fcaf91bed64615a20', 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: '354bf55590b1beb80a306426ff236acaead221c0', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '24e6765482a781917b7fc1d315f7833a268e57a1', 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: '4550b6ab5d72a12b065c70b049d20d67611da642', 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: 'bdc88b3d317f6d28380f7390f401cb571d49ccfa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '4022e2988e8ed4b120d75b101334137d1ceac619', 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: 'cd7b371911f1a946f1a7b14bc73e19903e495154', 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() {