npm - @uh-design-system/component-library - Versions diffs - 0.7.0 → 0.7.1 - Mend

@uh-design-system/component-library 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1553) hide show

package/dist/cjs/ds-card.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-BjZTECpy.js');
+var utils = require('./utils-CQYRBA7R.js');
-const dsCardCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within ds-icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card ds-icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";
+const dsCardCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover .ds-card__icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active .ds-card__icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within .ds-card__icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card .ds-card__icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";
 const DsCard = class {
     constructor(hostRef) {
@@ -47,12 +47,14 @@ const DsCard = class {
         const HeadingTag = `h${this.dsHeadingLevel}`;
         const randomId = Math.random().toString(36).substring(2, 9);
         const headingId = `${utils.slugifyText(this.dsHeading)}-${randomId}`;
-        return (index.h("article", { key: '4275de582a0f175018e04fba3201895ec3a75270', "aria-labelledby": headingId, class: classes, onClick: (e) => this.handleClick(e), onKeyDown: (e) => this.handleKeydown(e) }, this.dsImageUrl && (index.h("div", { key: '3a1b3b9b4b236ade25efe88037b3c032971943d5', class: "ds-card__image-container" }, index.h("img", { key: '49503128ed1b968327f6548f4afae33a0ddec813', class: "ds-card__image", src: this.dsImageUrl, alt: this.dsImageAlt }))), index.h("div", { key: '4e5095d1eee487f72e1e5b523c33ea7f17cc6c65', class: "ds-card__content" }, index.h("div", { key: '29bcae828a5abda0f46f1e1695e5c88e4dd9eedf', class: "ds-card__content--top" }, index.h("div", { key: '791ef1f0cd45f25fbf2a518a5884cc1e830eb74a', class: "ds-card__content--top__text" }, this.dsUrl ?
+        const DsIcon = utils.transformTagName('ds-icon', 'ds-card', this.el);
+        return (index.h("article", { key: 'd1245f635fe90888ed00300bbb7e8590fcd32340', "aria-labelledby": headingId, class: classes, onClick: (e) => this.handleClick(e), onKeyDown: (e) => this.handleKeydown(e) }, this.dsImageUrl && (index.h("div", { key: 'c89c1d2cb84f5d922c67dc4b91b5d5d9ad023bda', class: "ds-card__image-container" }, index.h("img", { key: 'fac12526ef53c5de35cbb2586f35ac914425fc9f', class: "ds-card__image", src: this.dsImageUrl, alt: this.dsImageAlt }))), index.h("div", { key: 'b15e54cca3b2ab7fd349b48346b423a7f377a740', class: "ds-card__content" }, index.h("div", { key: '6e09022df1d5ae20e48f1d4a4bd753e58f958ae9', class: "ds-card__content--top" }, index.h("div", { key: '0fb199716819949e5293663a44104cc35cf02dea', class: "ds-card__content--top__text" }, this.dsUrl ?
             index.h(HeadingTag, { class: "ds-card__heading", id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: "ds-card__heading__link" }, this.dsHeading))
             :
-                index.h(HeadingTag, { class: "ds-card__heading" }, this.dsHeading), this.dsEyebrow && index.h("div", { key: 'e084ac07556497e960dade75e0893640dc67cf9f', class: "ds-card__eyebrow" }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: '8882de57288421012851a81b2d06ee2a11127d2d', class: "ds-card__subtitle" }, this.dsSubtitle)), (this.dsUrl && this.dsShowArrow) && index.h("ds-icon", { key: '134ce4d424a4d2a235fc2cd6c2b392c053914a95', "ds-name": "arrow_forward" })), index.h("div", { key: 'fd4101fb43b3d3e2fbd92075a33e7715422ee27d', class: "ds-card__content--bottom" }, this.dsDescription && index.h("p", { key: '1ba650951ecc252a71e8787265ce2cfd3b3c7f97', class: "ds-card__description" }, this.dsDescription), index.h("div", { key: '337de8c68477b130c7f9eb1be7c7e4623748b622', class: "ds-card__slot--content" }, index.h("slot", { key: 'db10985cfbf292de7941bec168d74656f5214512', name: "content" })), index.h("div", { key: '9b425156a340cc4d318af11e0b485edcd49528f6', class: "ds-card__slot--footer" }, index.h("slot", { key: '4a54f803b3d276354d61e00277ff1367505d77ff', name: "footer" }))))));
+                index.h(HeadingTag, { class: "ds-card__heading" }, this.dsHeading), this.dsEyebrow && index.h("div", { key: 'cdb6d4a4d5846151828dce183ff3c19777997816', class: "ds-card__eyebrow" }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'cbdbd9627b5226b5349f2aa3c1ef25644f81fd08', class: "ds-card__subtitle" }, this.dsSubtitle)), (this.dsUrl && this.dsShowArrow) && index.h(DsIcon, { key: 'dce294ee232bcec7f72c1079c6a0667881252385', class: "ds-card__icon", "ds-name": "arrow_forward" })), index.h("div", { key: '0bc86a6abbc1ba6b0467579ab771d9e6df827e78', class: "ds-card__content--bottom" }, this.dsDescription && index.h("p", { key: 'f8b9cf073af8e73f799dade662e3bece4d5a9435', class: "ds-card__description" }, this.dsDescription), index.h("div", { key: 'ba701f51d614348b87d9167dd2ee28b590e3ccbb', class: "ds-card__slot--content" }, index.h("slot", { key: 'cd8ba106097d7d4a6d49cd74eca8dfcdee14fc6b', name: "content" })), index.h("div", { key: 'c2b7da383574c8fe5a647c601793e201eee2f157', class: "ds-card__slot--footer" }, index.h("slot", { key: '8c185d120f7379a5ecbe06618e2d7b530e1ec971', name: "footer" }))))));
     }
 };
+utils.declareComponentDependencies([index.h("ds-icon", null)]);
 DsCard.style = dsCardCss;
 exports.ds_card = DsCard;

package/dist/cjs/ds-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-BMbXzbwU.js');
-var utils = require('./utils-BjZTECpy.js');
-var controlUtils = require('./controlUtils-vlo14zME.js');
-require('./index-CNUFAH0H.js');
+var utils = require('./utils-CQYRBA7R.js');
+var controlUtils = require('./controlUtils-B1PRSMat.js');
+require('./index-DwxkNCwi.js');
 const dsCheckboxGroupCss = ".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{color:var(--ds-palette-black-95);padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group>.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
@@ -58,7 +58,7 @@ const DsCheckboxGroup = class {
     indeterminateChildCheckboxCount = 0;
     focusedChildCheckbox;
     wasInvalidOnBlur = false;
-    elementIs = (localName) => (element) => element.localName === localName;
+    elementIs = (tagName) => (element) => element.tagName.toLowerCase() === utils.transformTagName(tagName, 'ds-checkbox-group', this.el);
     elementIsCheckbox = this.elementIs('ds-checkbox');
     elementIsCheckboxGroup = this.elementIs('ds-checkbox-group');
     async dsFocus() {
@@ -161,7 +161,7 @@ const DsCheckboxGroup = class {
             return;
         }
         const target = event.target;
-        const checkbox = target.closest('ds-checkbox');
+        const checkbox = target.closest(utils.transformTagName('ds-checkbox', 'ds-checkbox-group', this.el));
         if (this.getChildCheckboxElements().includes(checkbox)) {
             const previousCheckedChildElementCount = this.checkedChildElementCount;
             this.updateCheckedChildElementCount(checkbox.dsChecked);
@@ -271,7 +271,9 @@ const DsCheckboxGroup = class {
         const nestedClasses = index$1.classNames('ds-checkbox-group', 'ds-checkbox-group--inset');
         const checkboxesClasses = index$1.classNames('ds-checkbox-group__checkboxes');
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId, !!this.dsErrorText && this.errorTextId].filter(Boolean).join(' ');
-        return (index.h("fieldset", { key: '69466f304617e130865adf41dbb53efe0d4cd219', id: this.fieldsetId, class: classes, "aria-describedby": ariaDescribedBy, ...this.inheritedAttributes }, this.dsLegend && index.h("legend", { key: 'f03567e3964df4662b29e5a53e90f186d5cdb93b', class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '8c2673e0e5cf9c3b55cdaae4342a67d94eb610ce', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (index.h(index.Fragment, null, index.h("ds-checkbox", { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate, dsErrorText: this.dsErrorText, dsErrorsDisabled: true }), index.h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, index.h("slot", null)))) : (index.h("div", { class: checkboxesClasses }, index.h("slot", null))), !!this.dsErrorText && (index.h("div", { key: '43a9e5d4d300f02f97e53be9bf1292b85e7d58fb', class: errorClasses }, index.h("ds-input-validity", { key: 'cb25890fca3d58d95e54cf4d208334c646e1cf55', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
+        const DsCheckbox = utils.transformTagName('ds-checkbox', 'ds-checkbox-group', this.el);
+        const DsInputValidity = utils.transformTagName('ds-input-validity', 'ds-checkbox-group', this.el);
+        return (index.h("fieldset", { key: 'e425c76e1c901ff0cd39dae17c22e68fa3dca2f4', id: this.fieldsetId, class: classes, "aria-describedby": ariaDescribedBy, ...this.inheritedAttributes }, this.dsLegend && index.h("legend", { key: 'a05a8a52f5dcc4999c96833c74f5727436e4e070', class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '2a927a8f183cc03da412d70edb82a5a00584da74', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (index.h(index.Fragment, null, index.h(DsCheckbox, { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate, dsErrorText: this.dsErrorText, dsErrorsDisabled: true }), index.h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, index.h("slot", null)))) : (index.h("div", { class: checkboxesClasses }, index.h("slot", null))), !!this.dsErrorText && (index.h("div", { key: 'ef82d4689d64c82b01dbed86931fd8e1b0b20d4e', class: errorClasses }, index.h(DsInputValidity, { key: 'c6c6aa534100850454cf2f764b0055c41daeb888', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -285,6 +287,7 @@ const DsCheckboxGroup = class {
         "focusedChildCheckbox": ["focusedChildCheckboxObserver"]
     }; }
 };
+utils.declareComponentDependencies([index.h("ds-checkbox", null), index.h("ds-input-validity", null)]);
 DsCheckboxGroup.style = dsCheckboxGroupCss;
 exports.ds_checkbox_group = DsCheckboxGroup;

package/dist/cjs/ds-checkbox.cjs.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-BMbXzbwU.js');
-var controlUtils = require('./controlUtils-vlo14zME.js');
-var utils = require('./utils-BjZTECpy.js');
-require('./index-CNUFAH0H.js');
+var controlUtils = require('./controlUtils-B1PRSMat.js');
+var utils = require('./utils-CQYRBA7R.js');
+require('./index-DwxkNCwi.js');
 const dsCheckboxCss = ".sc-ds-checkbox:root,.sc-ds-checkbox-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-checkbox-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}.ds-checkbox.sc-ds-checkbox{box-sizing:border-box;color:var(--ds-palette-black-95);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall)}.ds-checkbox__input.sc-ds-checkbox{cursor:pointer;appearance:none;background-color:var(--ds-palette-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-palette-black-50)}.ds-checkbox__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__input.sc-ds-checkbox:hover,.ds-checkbox__input.sc-ds-checkbox:active{border-color:var(--ds-palette-black-50)}.ds-checkbox__input.sc-ds-checkbox:hover{background-color:var(--ds-palette-black-10)}.ds-checkbox__input.sc-ds-checkbox:active{background-color:var(--ds-palette-black-20)}.ds-checkbox__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-palette-black-40);background-color:var(--ds-overlay-black-10);border-color:var(--ds-overlay-black-15)}@media (forced-colors: active){.ds-checkbox__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__input--invalid.sc-ds-checkbox,.ds-checkbox__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__input--invalid.sc-ds-checkbox:indeterminate{border-color:var(--ds-palette-red-50)}.ds-checkbox__input.sc-ds-checkbox:checked,.ds-checkbox__input.sc-ds-checkbox:indeterminate{background-color:var(--ds-palette-mainBlue-70);border-color:var(--ds-overlay-black-00)}.ds-checkbox__input.sc-ds-checkbox:checked:hover,.ds-checkbox__input.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-checkbox__input.sc-ds-checkbox:checked:active,.ds-checkbox__input.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-mainBlue-90)}.ds-checkbox__input.sc-ds-checkbox:checked:disabled,.ds-checkbox__input.sc-ds-checkbox:indeterminate:disabled{background-color:var(--ds-overlay-black-10)}.ds-checkbox__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox--no-margin.sc-ds-checkbox .ds-checkbox__input.sc-ds-checkbox{margin-right:0}.ds-checkbox--disabled.sc-ds-checkbox{color:var(--ds-palette-black-40)}.ds-checkbox__span--optional.sc-ds-checkbox{color:var(--ds-palette-black-70);font-size:var(--ds-fontSize-14)}.ds-checkbox.sc-ds-checkbox:has(.ds-checkbox__input:disabled){cursor:not-allowed}.ds-checkbox-error.sc-ds-checkbox{display:flex}.ds-checkbox-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-xSmall)}";
@@ -83,17 +83,20 @@ const DsCheckbox = class {
         }
         return this.dsText;
     };
+    get DsCheckboxGroupTag() {
+        return utils.transformTagName('ds-checkbox-group', 'ds-checkbox', this.el);
+    }
     formResetCallback() {
         this.dsErrorText = '';
         this.dsChecked = this.initialChecked;
-        this.checkboxGroup = this.el.closest('ds-checkbox-group');
+        this.checkboxGroup = this.el.closest(this.DsCheckboxGroupTag);
         if (this.checkboxGroup) {
             this.groupInvalid = !!this.checkboxGroup.dsErrorText;
             this.dsErrorText = this.checkboxGroup.dsErrorText;
         }
     }
     connectedCallback() {
-        this.checkboxGroup = this.el.closest('ds-checkbox-group');
+        this.checkboxGroup = this.el.closest(this.DsCheckboxGroupTag);
         if (this.checkboxGroup) {
             this.groupInvalid = !!this.checkboxGroup.dsErrorText;
             this.dsErrorText = this.checkboxGroup.dsErrorText;
@@ -199,7 +202,8 @@ const DsCheckbox = class {
             'ds-checkbox-error--visible': !!this.dsErrorText,
         });
         const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId, !this.dsErrorsDisabled && !!this.dsErrorText && this.inputValidityId].filter(Boolean).join(' ');
-        return (index.h(index.Fragment, null, index.h("div", null, index.h("label", { id: this.labelId, class: classes }, index.h("input", { ref: inputElement => (this.inputElement = inputElement), type: "checkbox", class: inputClasses, checked: this.dsChecked, indeterminate: this.dsIndeterminate, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, value: this.dsValue, disabled: this.dsDisabled, required: this.dsRequired, id: this.dsId, name: this.dsName, "aria-describedby": ariaDescribedBy, "aria-label": this.dsAriaLabel, "aria-invalid": !!this.dsErrorText, ...this.inheritedAttributes }), this.getCheckboxText())), !this.dsErrorsDisabled && (index.h("div", { class: errorClasses }, index.h("ds-input-validity", { id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
+        const DsInputValidity = utils.transformTagName('ds-input-validity', 'ds-checkbox', this.el);
+        return (index.h(index.Fragment, null, index.h("div", null, index.h("label", { id: this.labelId, class: classes }, index.h("input", { ref: inputElement => (this.inputElement = inputElement), type: "checkbox", class: inputClasses, checked: this.dsChecked, indeterminate: this.dsIndeterminate, onInput: this.handleInput, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onBlur: this.handleBlur, onFocus: this.handleFocus, onInvalid: this.handleInvalid, value: this.dsValue, disabled: this.dsDisabled, required: this.dsRequired, id: this.dsId, name: this.dsName, "aria-describedby": ariaDescribedBy, "aria-label": this.dsAriaLabel, "aria-invalid": !!this.dsErrorText, ...this.inheritedAttributes }), this.getCheckboxText())), !this.dsErrorsDisabled && (index.h("div", { class: errorClasses }, index.h(DsInputValidity, { id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
     }
     renderFieldset() {
         const fieldsetClasses = index$1.classNames('ds-checkbox-fieldset');
@@ -218,6 +222,7 @@ const DsCheckbox = class {
         "dsChecked": ["dsCheckedObserver"]
     }; }
 };
+utils.declareComponentDependencies([index.h("ds-input-validity", null)]);
 DsCheckbox.style = dsCheckboxCss;
 exports.ds_checkbox = DsCheckbox;

package/dist/cjs/ds-chip-group.cjs.entry.js ADDED Viewed

@@ -0,0 +1,35 @@
+'use strict';
+var index = require('./index-DgPeuNJP.js');
+var utils = require('./utils-CQYRBA7R.js');
+const dsChipGroupCss = ".ds-chip-group__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-chip-group__assistive-text{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large)}.ds-chip-group__chips{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
+const chipGroupIdGenerator = utils.idGenerator('ds-chip-group');
+const DsChipGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsChipClick = index.createEvent(this, "dsChipClick");
+    }
+    chipGroupId = chipGroupIdGenerator.next().value;
+    assistiveTextId = `${this.chipGroupId}-assistive-text`;
+    get el() { return index.getElement(this); }
+    dsLabel;
+    dsAssistiveText;
+    dsChipClick;
+    getChildChips = () => {
+        return Array.from(this.el.querySelectorAll('ds-chip'));
+    };
+    onChipClick(event) {
+        if (this.getChildChips().includes(event.target)) {
+            this.dsChipClick.emit(event.detail);
+        }
+    }
+    render() {
+        const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
+        return (index.h("div", { key: '589e08682ab8cd98663e3ad800ec8e2626b56cbf', class: "ds-chip-group", role: "group", "aria-label": this.dsLabel, "aria-describedby": ariaDescribedBy }, (this.dsLabel || this.dsAssistiveText) && (index.h("div", { key: 'c3493cb96993eb91a27aff53a066b10e72346dd9' }, this.dsLabel && (index.h("div", { key: 'fd4cf54f6761cbfbafa3db7781bd90acdf19bb0f', class: "ds-chip-group__label" }, this.dsLabel)), this.dsAssistiveText && (index.h("small", { key: 'ebbf1e15287adc6e77bce9081616b8c4ba10a0a9', class: "ds-chip-group__assistive-text", id: this.assistiveTextId }, this.dsAssistiveText)))), index.h("ul", { key: '437efd3ba5503bea09c4ccd679f0353e4676c4ff', class: "ds-chip-group__chips" }, Array.from(this.el.children).map(child => index.h("li", { innerHTML: child.outerHTML })))));
+    }
+};
+DsChipGroup.style = dsChipGroupCss;
+exports.ds_chip_group = DsChipGroup;

package/dist/cjs/ds-chip.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,9 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
-var controlUtils = require('./controlUtils-vlo14zME.js');
-require('./index-CNUFAH0H.js');
+var index = require('./index-DgPeuNJP.js');
+var controlUtils = require('./controlUtils-B1PRSMat.js');
+var utils = require('./utils-CQYRBA7R.js');
+require('./index-DwxkNCwi.js');
 const dsChipCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-chip{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-palette-white);color:var(--ds-palette-mainBlue-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-palette-mainBlue-70);border-radius:1rem}.ds-chip:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-chip:active{background-color:var(--ds-palette-mainBlue-10)}.ds-chip__text{padding:0 var(--ds-spacing-3xSmall)}";
@@ -20,9 +21,12 @@ const DsChip = class {
         this.dsClick.emit(this.index);
     };
     render() {
-        return (index.h("button", { key: '2dff69a4f4cf9271001d6bb7249b3943a84ef98d', class: "ds-chip", onClick: this.handleClick }, index.h("slot", { key: '24db78eaad28add961c4f931c8e3aab854b6401e', name: "prefix" }, this.dsIcon && index.h("ds-icon", { key: '096f35e15e6260b48e1f3bbb4608ac86d2403213', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: '3f8e7696850b427eef1c460b0d01e9b1ced95c4c', class: "ds-chip__text" }, index.h("slot", { key: '4ccec3133434f93ed8c3da94aa09365249badb57' }, this.dsText), index.h("ds-visually-hidden", { key: 'cd95b98b33f2e1475313a1f26222044a13789179', "ds-tag": "span" }, ", ", controlUtils.removeSelection())), index.h("ds-icon", { key: '1ca26c3f4eea21ccf80c49680b2f854cdacaefda', dsName: "close", dsSize: "1rem" })));
+        const DsIcon = utils.transformTagName('ds-icon', 'ds-chip', this.el);
+        const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-chip', this.el);
+        return (index.h("button", { key: '7f38cde276058b75f6503fb9293169d7206c1f57', class: "ds-chip", onClick: this.handleClick }, index.h("slot", { key: 'ba484152ef03d59434626d4e77cb22907e649620', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: '409b4847e47b1afc6bd2e51b9d63270e457bd821', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: '92b4cb84708a0c5cc1a0268541a52ba8520c9d5f', class: "ds-chip__text" }, index.h("slot", { key: 'e32769afaab6bcce0073ed39c3e9433e822cee8a' }, this.dsText), index.h(DsVisuallyHidden, { key: 'b011c0e7707424d3b669eb5111f30a4646e6afb3', "ds-tag": "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: 'c02532011d114019d4ede59c43c3dcdae2322129', dsName: "close", dsSize: "1rem" })));
     }
 };
+utils.declareComponentDependencies([index.h("ds-icon", null), index.h("ds-visually-hidden", null)]);
 DsChip.style = dsChipCss;
 exports.ds_chip = DsChip;

package/dist/cjs/ds-grid.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 const dsGridCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-grid{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid{gap:var(--ds-spacing-layout-small)}}.ds-grid--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid--container{margin:0 auto}}.ds-grid:not(.ds-grid--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-grid:not(.ds-grid--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-grid:not(.ds-grid--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}";
@@ -35,14 +35,14 @@ const DsGrid = class {
         const classes = index$1.classNames('ds-grid', {
             'ds-grid--container': this.dsContainer,
         });
-        return (index.h(index.Host, { key: 'aef2d6bd2a78cdf9962c694ffe9784fefb0747ec', class: classes, style: {
+        return (index.h(index.Host, { key: '52eed8bf11cbc3facc984438bcee9df2b15b5567', class: classes, style: {
                 '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
                 '--ds-parent-size-tablet': `${this.dsParentSizeTablet}`,
                 '--ds-parent-size-desktop': `${this.dsParentSizeDesktop}`,
                 '--ds-size-mobile': `${this.dsSizeMobile ? this.dsSizeMobile * 3 : this.dsSize}`,
                 '--ds-size-tablet': `${this.dsSizeTablet ? this.dsSizeTablet * 2 : this.dsSize}`,
                 '--ds-size-desktop': `${this.dsSizeDesktop || this.dsSize}`,
-            } }, index.h("slot", { key: 'fc9efb4fc8a7bdec52aeda3ae8f35eb9bff6d521' })));
+            } }, index.h("slot", { key: '4a6f4d9e32064cdcfd86995d460cdbe5ce8eccdc' })));
     }
 };
 DsGrid.style = dsGridCss;

package/dist/cjs/ds-icon-360.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIcon360 = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIcon360 = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '99033e07a3f6d8009a593fc2565e2c5a56445121', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '4af8d13b04870eca966f62ef7ddc24e48b1e65fb', 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.dsTitle }, index.h("path", { key: 'c5e5382db308d48ba59c0a202394da331c285e64', 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 (index.h(index.Host, { key: 'f73fcaacaf0b400677a6db707bf62f4a6ce5fc02', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'd4053780fab9f206aa53b443f1864df7dabba903', 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.dsTitle }, index.h("path", { key: 'e8b0a37449699403db28bfeac57b7468a580931c', 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" }))));
     }
 };

package/dist/cjs/ds-icon-account-balance-fill.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconAccountBalanceFill = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconAccountBalanceFill = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: 'b627bc4ac4f5013eaa0f73d3cbb90ad2482f6574', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'e59772d05d66fbc679540af0738ed86e9a353a34', 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.dsTitle }, index.h("path", { key: 'e082b9bde352c4801f29714e9827bd2b27f6946d', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (index.h(index.Host, { key: '0be714a4c6a14e53ca65057333a219506403c908', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '8f4f152b4445a83f34b3e6cbaab5ead0f2998203', 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.dsTitle }, index.h("path", { key: '2be6574405abbd9125abfe303492544e3c8b9670', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
     }
 };

package/dist/cjs/ds-icon-account-balance.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconAccountBalance = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconAccountBalance = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '16439309514f561af0334219d85fbaaa59c4299b', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'eeb3d565a4791607a9eced6af8baf13afffc5ed7', 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.dsTitle }, index.h("path", { key: '8abae98943b5250b7cc43b68d74d659c6314e6b3', 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 (index.h(index.Host, { key: '3937156bb98c90ea44dd53824e21e1e77e7a8eab', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '33975613c25898ea815c68fce815d6117eb6de34', 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.dsTitle }, index.h("path", { key: '3a07e63e4d0d1ecb84794f4318455781713c1d21', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
     }
 };

package/dist/cjs/ds-icon-account-circle-fill.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconAccountCircleFill = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconAccountCircleFill = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '4b5bf1762b216f45b9747741bf8a594cbcebe332', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '4f3c716846e08df5f6196385952f9cb1a193e4db', 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.dsTitle }, index.h("path", { key: 'fe766ac4c1a8bf0e76201d225095b3defdad8416', 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 (index.h(index.Host, { key: '50476406657e2776ef29b1e0f267ac0613d2cc9b', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '0e329e9954710306557a4aa7b2b187c0c2ecfd08', 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.dsTitle }, index.h("path", { key: '9a2defac0119ec828da56bc805564c5223b4031c', 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" }))));
     }
 };

package/dist/cjs/ds-icon-account-circle.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconAccountCircle = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconAccountCircle = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: 'ee5a329facf68c0e3d830b92f14661807869c5f6', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '662d5389bd3b533491d6e0a8c24d384c9b54f355', 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.dsTitle }, index.h("path", { key: 'b1aa79453c13592082fbc459a279efcd31cc8dca', 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 (index.h(index.Host, { key: '8925573451bfc9c47abe6eec02749877b8c034dc', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'ecad7ce42937ebb19b268b0a4b78abc181e91211', 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.dsTitle }, index.h("path", { key: '2713065cdbcc1ecd487bd7b79e4a7c04c553d493', 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" }))));
     }
 };

package/dist/cjs/ds-icon-add.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconAdd = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconAdd = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '803b3eb45b09728ffb4e1e62d694955aeb795b71', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '1cdb3e16c8a5434cf60a7648be187b87d4d9eadf', 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.dsTitle }, index.h("path", { key: '019745a23889255804a3c1427d77627708d78b10', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (index.h(index.Host, { key: '0f722edca8845b075a02a7209c171989f0c5ee3c', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'c3d6ab54925b4c3530f309f28e2bdc990b39d298', 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.dsTitle }, index.h("path", { key: '9133ed0fa325ecf2a30e5f99958518533b04bb96', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
     }
 };

package/dist/cjs/ds-icon-archive-fill.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArchiveFill = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArchiveFill = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '8c1382f2e0daff3173b2a4ded7dad24623022817', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'b38df80fb5c8ef79b27de643e8b8709e2768687c', 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.dsTitle }, index.h("path", { key: '554837f2996ad95e8cef87808f1f7499857ae9a2', 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 (index.h(index.Host, { key: '34a5a2627e393fdef496ba864f5b02e9c2d3647f', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '53450fbfee55473f2b160d13c8b8a5b2181a8c5e', 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.dsTitle }, index.h("path", { key: 'aa7f027afb581465b8cae05ea6fea1971df06aad', 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" }))));
     }
 };

package/dist/cjs/ds-icon-archive.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArchive = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArchive = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '338b315f44cdde05e7b50256b2ee5a7861ff6a20', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'cedf92ffc3722eb4a859d978a0b1e2e4d9e52449', 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.dsTitle }, index.h("path", { key: 'cfb3a89fa371d31e2b83e637c62070b018b67b27', 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 (index.h(index.Host, { key: '4d430699eb990e67b3bb6f3df75dafce723f5ff8', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '4eb8f97073e984579d6283235b5350091eaa77ad', 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.dsTitle }, index.h("path", { key: '2987d4ee4e4857c290b271e1e465d5b7d8624c4f', 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" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-back.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowBack = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowBack = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: 'deb8ebc21fc22eb2003505f595182ca3b620346e', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '0b9f1373a561875ca21bdaffdbf6bf844ef1cfaf', 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.dsTitle }, index.h("path", { key: 'a43d174ee613233dd2f1ef9862df238c1ddbcc41', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (index.h(index.Host, { key: '8d617f3f27e84ea19eda4fde3043d344133542e3', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '2f26baf506a0cb39564f58af44b7792b5b304141', 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.dsTitle }, index.h("path", { key: '540194b76641b50dca75d8632c9a0b36b6e07c77', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-downward.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowDownward = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowDownward = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '70d2320cb6f1228b06509753a0d1c5ae01601677', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'a40ebb1bcc1ef46087c3aa101cbf5a00dffd09e5', 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.dsTitle }, index.h("path", { key: '4d99963598d93416d294689c4033be3a9a3a1258', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (index.h(index.Host, { key: '49086e47e23cec356f5a27be2bed2ca3a7567513', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'fd6557045eecd0f35144fd44230f571bfcbf51eb', 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.dsTitle }, index.h("path", { key: '5ab5c16c62e7ef51f1f575753e5cb1d5992e8de0', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-drop-down-circle-fill.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowDropDownCircleFill = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowDropDownCircleFill = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '6d605f1ed4c8542eeadab5becbfd1e91efb75343', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'b21dbf2e00852b02c534a00d2cd24513b5bd7f85', 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.dsTitle }, index.h("path", { key: 'e643f8265ac3d191a63f56a4f36adfe6144d0b9b', 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 (index.h(index.Host, { key: 'fc1505180dbaf0f6dd19cf1d3833cd8412ea7c3b', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '718d4caf67c606391124999e93c65616c0a7f939', 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.dsTitle }, index.h("path", { key: '8ae71c84b408970617c80430d041ee7eaa708f82', 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" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-drop-down-circle.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowDropDownCircle = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowDropDownCircle = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: 'd83bec025d62c0f882a541d2907187977e017796', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '6e241ba0d309b8600b66876590e9e3977364f52b', 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.dsTitle }, index.h("path", { key: '8902510eb0e821e3d86a455d125b9eb90a953c9c', 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 (index.h(index.Host, { key: 'fde6169e064d2f4676796388679c877dbf15e092', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '45e79da291896133a3790a933770d9789cc3f877', 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.dsTitle }, index.h("path", { key: '34b91b41e8909ed701f181f62e736977a9a5e9a3', 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" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-drop-down.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowDropDown = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowDropDown = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: 'a6ac44e1cbad7951bd656bd2e31c91bf5a9ed84a', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '0cd345d82b712aaeab84c0d5996820a053385519', 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.dsTitle }, index.h("path", { key: '073c7427cfc18f9cab86eca09d4cdc0df4d65cd3', d: "M480-336 239-576h482L480-336Z" }))));
+        return (index.h(index.Host, { key: '31e1ad7780f839ea0c1254e01a54a2814b767d4c', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'fb55d9b84be128f2ceedac7e776a7f47f5cf8881', 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.dsTitle }, index.h("path", { key: '7c4e58ce8c9e3389b352648a53897d3bc63393ed', d: "M480-336 239-576h482L480-336Z" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-drop-up.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowDropUp = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowDropUp = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '88a0537858d56f95b327035036dd7f0ad5ac7a29', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'c0562cc02391806135fe046b24b2e3b363aa0eae', 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.dsTitle }, index.h("path", { key: '84ad33c8e3818498070710bc454741551675c621', d: "m239-383 241-242 241 242H239Z" }))));
+        return (index.h(index.Host, { key: 'af3951f4a4cfcbc33fbbb36b1d94e413643581a8', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '1ac2fa1083d790e0b90d2af4d1135d491ba4f1e4', 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.dsTitle }, index.h("path", { key: '1a39235192ecd26de9302a619a6adc76a34d7491', d: "m239-383 241-242 241 242H239Z" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-forward.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowForward = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowForward = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '64384ee45e2d269ea9d52d0e50cc2c1315e7062b', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '1c2870413eeb3fffa4d92d46d850dcbd364f9b1d', 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.dsTitle }, index.h("path", { key: 'd51e9dffb4f54f8dbbdc4c0ab2017cc4fdfc3b62', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+        return (index.h(index.Host, { key: 'a86e9ecd4e9a6f9c2acaec6427f4d4814ef1795d', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '181f8f3a82a9e217ed733bf57b6b784d90dff6d2', 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.dsTitle }, index.h("path", { key: '78c342e9b8db453140754cb307a6a03d4d421621', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
     }
 };

package/dist/cjs/ds-icon-arrow-insert.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cz4FoSKZ.js');
+var index = require('./index-DgPeuNJP.js');
 const DsIconArrowInsert = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DsIconArrowInsert = class {
     dsRole = 'img';
     dsColour;
     render() {
-        return (index.h(index.Host, { key: '2291c32e140f6aafd9590ef19bac95f46b6fbe34', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'e265e3493123ec45e1b35acb826b5fa99a9b3e0d', 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.dsTitle }, index.h("path", { key: '4f26a40588cb283c1629ef22a435639f7d6d633c', d: "M711-221 316-616v353h-95v-514h515v94H383l394 395-66 67Z" }))));
+        return (index.h(index.Host, { key: '2edc0dc1c5c89ba2722216a3f9f1281db8662359', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'bdd4984e69e0897fe75a7d950376553ab3a3b4cf', 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.dsTitle }, index.h("path", { key: '511b8943bc55b798aaf80b41ec768b566384d378', d: "M711-221 316-616v353h-95v-514h515v94H383l394 395-66 67Z" }))));
     }
 };