npm - @uh-design-system/component-library - Versions diffs - 1.4.0-rc.0 → 1.4.0-rc.2 - Mend

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

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 (2332) hide show

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

@@ -1,17 +1,17 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DOIzXqfM.js');
-var controlUtils = require('./controlUtils-CrRD5YNx.js');
-var cx = require('./cx-Cec9RCyK.js');
+var controlUtils = require('./controlUtils-BU68DU8D.js');
+var cx = require('./cx-BxEHiZno.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var constants = require('./constants-DQ8n-aJY.js');
-var multipleValueFactory = require('./multipleValueFactory-DTxv7i53.js');
+var multipleValueFactory = require('./multipleValueFactory-DkEytg6Q.js');
 var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-require('./store-lf-vy_yb.js');
+require('./store-CZlFszsx.js');
-const dsComboboxCss = ".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__1Vp5mb--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__1Vp5mb__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__1Vp5mb__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__1Vp5mb__input-container--disabled.sc-ds-combobox .ds-combobox__1Vp5mb__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__1Vp5mb__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__1Vp5mb__input-container--invalid.sc-ds-combobox:not(.ds-combobox__1Vp5mb__input-container--open):not(.ds-combobox__1Vp5mb__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__1Vp5mb__input-container--invalid.sc-ds-combobox:not(.ds-combobox__1Vp5mb__input-container--open):not(.ds-combobox__1Vp5mb__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__1Vp5mb__input-container.sc-ds-combobox:active:not(.ds-combobox__1Vp5mb__input-container--invalid,.ds-combobox__1Vp5mb__input-container--disabled.sc-ds-combobox,.ds-combobox__1Vp5mb__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__1Vp5mb__input-container.sc-ds-combobox:not(.ds-combobox__1Vp5mb__input-container--open,.ds-combobox__1Vp5mb__input-container.sc-ds-combobox:has(>.ds-combobox__1Vp5mb__input-container__clear-button>button:focus),.ds-combobox__1Vp5mb__input-container--invalid.sc-ds-combobox,.ds-combobox__1Vp5mb__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__1Vp5mb__input-container.sc-ds-combobox:has(>.ds-combobox__1Vp5mb__input-container__input:focus),.ds-combobox__1Vp5mb__input-container.sc-ds-combobox:has(>.ds-combobox__1Vp5mb__input-container__clear-button>button: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-combobox__1Vp5mb__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__1Vp5mb__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__1Vp5mb__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__1Vp5mb__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__1Vp5mb__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__1Vp5mb__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__1Vp5mb__input-container__icon.sc-ds-combobox+.ds-combobox__1Vp5mb__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__1Vp5mb__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__1Vp5mb__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__1Vp5mb__input-container__clear-button.sc-ds-combobox,.ds-combobox__1Vp5mb__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__1Vp5mb__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__1Vp5mb__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__1Vp5mb__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__1Vp5mb__options-container.sc-ds-combobox{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-combobox__1Vp5mb__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__1Vp5mb__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__1Vp5mb__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__1Vp5mb__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__1Vp5mb__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__1Vp5mb__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__1Vp5mb__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__1Vp5mb__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__1Vp5mb__options-container__options__inner__top-scrim--dark.sc-ds-combobox{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:var(--ds-shadow-overflow)}.ds-combobox__1Vp5mb__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
+const dsComboboxCss = ".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__oSBnIJ--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__oSBnIJ__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__oSBnIJ__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__oSBnIJ__input-container--disabled.sc-ds-combobox .ds-combobox__oSBnIJ__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__oSBnIJ__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__oSBnIJ__input-container--invalid.sc-ds-combobox:not(.ds-combobox__oSBnIJ__input-container--open):not(.ds-combobox__oSBnIJ__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__oSBnIJ__input-container--invalid.sc-ds-combobox:not(.ds-combobox__oSBnIJ__input-container--open):not(.ds-combobox__oSBnIJ__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__oSBnIJ__input-container.sc-ds-combobox:active:not(.ds-combobox__oSBnIJ__input-container--invalid,.ds-combobox__oSBnIJ__input-container--disabled.sc-ds-combobox,.ds-combobox__oSBnIJ__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__oSBnIJ__input-container.sc-ds-combobox:not(.ds-combobox__oSBnIJ__input-container--open,.ds-combobox__oSBnIJ__input-container.sc-ds-combobox:has(>.ds-combobox__oSBnIJ__input-container__clear-button>button:focus),.ds-combobox__oSBnIJ__input-container--invalid.sc-ds-combobox,.ds-combobox__oSBnIJ__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__oSBnIJ__input-container.sc-ds-combobox:has(>.ds-combobox__oSBnIJ__input-container__input:focus),.ds-combobox__oSBnIJ__input-container.sc-ds-combobox:has(>.ds-combobox__oSBnIJ__input-container__clear-button>button: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-combobox__oSBnIJ__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__oSBnIJ__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__oSBnIJ__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__oSBnIJ__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__oSBnIJ__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__oSBnIJ__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__oSBnIJ__input-container__icon.sc-ds-combobox+.ds-combobox__oSBnIJ__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__oSBnIJ__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__oSBnIJ__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__oSBnIJ__input-container__clear-button.sc-ds-combobox,.ds-combobox__oSBnIJ__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__oSBnIJ__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__oSBnIJ__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__oSBnIJ__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__oSBnIJ__options-container.sc-ds-combobox{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-combobox__oSBnIJ__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__oSBnIJ__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__oSBnIJ__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__oSBnIJ__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__oSBnIJ__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__oSBnIJ__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__oSBnIJ__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__oSBnIJ__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__oSBnIJ__options-container__options__inner__top-scrim--dark.sc-ds-combobox{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:var(--ds-shadow-overflow)}.ds-combobox__oSBnIJ__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
 const comboboxIdGenerator = utils.idGenerator('ds-combobox');
 const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueFactory, disableEventsFactory.disableEventsFactory) {
@@ -154,15 +154,15 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
         oldValue?.forEach(opt => (opt.dsSelected = false));
         newValue.forEach(opt => (opt.dsSelected = true));
         const shouldEmit = this.getShouldEmit([hasChanged]);
-        this.setDisableEventEmits();
+        this.setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsMultipleChange.emit({ values: newValues, added: addedValues, removed: removedValues });
             this.dsChange.emit(newValues[0] || null);
-            this.dsValidity.emit({
-                flag: this.internals?.validity.valid ? 'valid' : 'customError',
-                message: this.internals?.validationMessage,
-            });
         }
+        this.dsValidity.emit({
+            flag: this.internals?.validity.valid ? 'valid' : 'customError',
+            message: this.internals?.validationMessage,
+        });
         if (this.forceUpdateInputValue) {
             this.forceUpdateInputValue = false;
             this.setInputValue();
@@ -234,7 +234,6 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
         this.setSelectedOptionsFromValue(newValue);
     }
     dsValueObserver(newValue) {
-        this.setDisableEventEmits(true);
         this.forceUpdateInputValue = !this.isOpen;
         this.value = this.toValue(newValue);
     }
@@ -248,6 +247,7 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
     async handleOptionClick(option) {
         if (!option || option.dsDisabled)
             return;
+        this.setDisableEventEmits(false);
         if (this.inValue(option.dsValue) && this.isMultiple) {
             this.value = this.withoutValue(option.dsValue);
         }
@@ -268,7 +268,6 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
     }
     onDsValueChange(event) {
         if (this.selectedOptions.some(opt => opt.dsValue === event.detail.oldValue)) {
-            this.setDisableEventEmits(true);
             const valueWithoutOld = this.withoutValue(event.detail.oldValue);
             this.value = event.detail.newValue ? [...(valueWithoutOld || []), event.detail.newValue] : valueWithoutOld;
         }
@@ -295,6 +294,7 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
         }
     }
     componentWillLoad() {
+        this.setDisableEventEmits(true);
         this.badgeId = `${this.dsId}-badge`;
         this.labelId = `${this.dsId}-label`;
         this.assistiveTextId = `${this.dsId}-assistive-text`;
@@ -315,16 +315,13 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
         this.updateScrimClasses();
         this.internals?.setValidity({ valueMissing: this.dsRequired && (!this.dsValue || (Array.isArray(this.dsValue) && this.dsValue.length === 0)) }, controlUtils.atLeastOneOption(), this.inputRef);
         this.forceUpdateInputValue = Array.isArray(this.dsValue) ? this.dsValue.length > 0 : !!this.dsValue;
-        this.setDisableEventEmits(true);
         this.value = this.toValue(this.dsValue);
-        this.setDisableEventEmits();
         this.observer = new MutationObserver(mutations => {
             for (const mutation of mutations) {
                 if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {
                     const options = Array.from(mutation.removedNodes).filter(node => node.nodeType === Node.ELEMENT_NODE && this.elementIsOption(node));
                     if (options.some(option => this.inValue(option.dsValue))) {
                         this.dsSelectedOptionRemoved.emit();
-                        this.setDisableEventEmits(true);
                         this.value = this.withoutValues(options.map(option => option.dsValue));
                     }
                 }
@@ -630,6 +627,7 @@ const DsCombobox = class extends index.Mixin(multipleValueFactory.multipleValueF
     handleClearButtonClick = (event) => {
         event.stopPropagation();
         this.unsetActiveOption();
+        this.setDisableEventEmits(false);
         this.value = this.toValue(null);
         if (this.isOpen) {
             this.closeCombobox('focus', '');

package/dist/cjs/ds-control-label_2.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
-var cx = require('./cx-Cec9RCyK.js');
+var index = require('./index-Cwc95KFn.js');
+var cx = require('./cx-BxEHiZno.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var utils = require('./utils-DOIzXqfM.js');
-var controlUtils = require('./controlUtils-CrRD5YNx.js');
-require('./store-lf-vy_yb.js');
+var controlUtils = require('./controlUtils-BU68DU8D.js');
+require('./store-CZlFszsx.js');
-const dsControlLabelCss = ".ds-control-label__1Vp5mb__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__1Vp5mb{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__1Vp5mb:empty{display:none}";
+const dsControlLabelCss = ".ds-control-label__oSBnIJ__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__oSBnIJ{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__oSBnIJ:empty{display:none}";
 const DsControlLabel = class {
     constructor(hostRef) {
@@ -48,7 +48,7 @@ const DsControlLabel = class {
     };
     render() {
         const baseClass = cx.cx('ds-control-label');
-        return (index.h("div", { key: 'd10418adaa4d0bbdb19863d894ad4523a37248be', class: baseClass }, index.h("slot", { key: '07f3771bec8ce92220799bdb310ee8e0f56f2be3', name: "label" }, this.dsLabel && (index.h("label", { key: 'f3b4ef54ceb7c023bc03a003876576ebebea9a50', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), index.h("slot", { key: '841916de8106eddba9ba07f126d95455b7d0ae61', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: 'e63ef33965b1aa2e19f7fd7bc6f699a19dae6a76', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: 'f712001980a3854ff49f6ec8aec4e0580a33be60', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
+        return (index.h("div", { key: '0f1c7f883508f0e41979c62e7af17ac17d83435e', class: baseClass }, index.h("slot", { key: '27901cd69a1eda41a9656e71d3eab3c1734da262', name: "label" }, this.dsLabel && (index.h("label", { key: '04ac08241f870359567f60c473228250970e2154', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), index.h("slot", { key: '8e4cf929955ca530c1d3bca5540a6027d65ceda0', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: '8c789ea21fe1256ed47bfb84d4047bf5614f45ab', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: 'eaa33acaff899b52870445454d96322aa75873dc', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null), index.h("ds-assistive-text", null)]);
@@ -84,7 +84,7 @@ const DsFeedback = class {
     render() {
         const Elem = this.dsSrOnly ? this.DsVisuallyHidden : index.Fragment;
         const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
-        return (index.h(this.dsTag, { key: 'ead139123597bea20d066cd6026ce6dadbf77e12', ...utils.ifDefined('role', this.dsRole), ...utils.ifDefined('aria-live', this.dsAriaLive), ...utils.ifDefined('aria-atomic', this.dsAriaAtomic) }, index.h(Elem, { key: 'eeb0dd5e2b72293a3922d1bc88570477b8093224', ...elemProps }, index.h("slot", { key: 'e26404303cdd65b73da0d989bc0103335ddc39e9' }))));
+        return (index.h(this.dsTag, { key: '50ac4bad5a42c798447528c2c9362f4f48433d29', ...utils.ifDefined('role', this.dsRole), ...utils.ifDefined('aria-live', this.dsAriaLive), ...utils.ifDefined('aria-atomic', this.dsAriaAtomic) }, index.h(Elem, { key: '168ece36a8b76171d1fece9dada42b9d1f10f8b4', ...elemProps }, index.h("slot", { key: '07c1dac99b1ebc0f65d41e39d13fc2372f3ddde3' }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-ds-visually-hidden", null)]);

package/dist/cjs/ds-datepicker-native.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DOIzXqfM.js');
-var cx = require('./cx-Cec9RCyK.js');
-var controlUtils = require('./controlUtils-CrRD5YNx.js');
-require('./store-lf-vy_yb.js');
+var cx = require('./cx-BxEHiZno.js');
+var controlUtils = require('./controlUtils-BU68DU8D.js');
+require('./store-CZlFszsx.js');
-const dsDatepickerNativeCss = ".sc-ds-datepicker-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-datepicker-native-h{width:17.875rem}}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__1Vp5mb__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0}.ds-datepicker-native__1Vp5mb__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__1Vp5mb__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__1Vp5mb__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__1Vp5mb__calendar-icon.sc-ds-datepicker-native{height:100%}@supports (-moz-appearance: none){.ds-datepicker-native__1Vp5mb__calendar-icon.sc-ds-datepicker-native{display:none}}.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native{justify-content:flex-end}.ds-datepicker-native__1Vp5mb--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__1Vp5mb--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__1Vp5mb--disabled,.ds-datepicker-native__1Vp5mb--invalid.sc-ds-datepicker-native,.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__1Vp5mb.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__1Vp5mb--invalid,.ds-datepicker-native__1Vp5mb--disabled).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}";
+const dsDatepickerNativeCss = ".sc-ds-datepicker-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-datepicker-native-h{width:17.875rem}}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);box-sizing:border-box;height:2.75rem;width:100%}.ds-datepicker-native__oSBnIJ__input.sc-ds-datepicker-native{flex:1;border:none;outline:none;background-color:transparent;color:inherit;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0 var(--ds-spacing-xSmall);min-width:0}.ds-datepicker-native__oSBnIJ__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__oSBnIJ__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__oSBnIJ__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__oSBnIJ__calendar-icon.sc-ds-datepicker-native{height:100%}@supports (-moz-appearance: none){.ds-datepicker-native__oSBnIJ__calendar-icon.sc-ds-datepicker-native{display:none}}.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native:focus-within{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native{justify-content:flex-end}.ds-datepicker-native__oSBnIJ--disabled.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-native__oSBnIJ--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__oSBnIJ--disabled,.ds-datepicker-native__oSBnIJ--invalid.sc-ds-datepicker-native,.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__oSBnIJ.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__oSBnIJ--invalid,.ds-datepicker-native__oSBnIJ--disabled).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}";
 const DsDatepickerNative = class {
     constructor(hostRef) {
@@ -151,10 +151,10 @@ const DsDatepickerNative = class {
         const nativeDatepickerClass = cx.cx('ds-datepicker-native');
         const DsControlLabel = utils.transformTagName('ds-control-label', 'ds-datepicker-native', this.el);
         const ariaDescribedbyValue = [this.dsAriaDescribedby, this.dsErrorText ? this.inputValidityId : null].filter(Boolean).join(' ') || undefined;
-        return (index.h("div", { key: '79037edf76b73a0cf226148fed8265e46acdb467' }, index.h(DsControlLabel, { key: 'a2b31f5868ae3345dedd34c1346005342f69ee29', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired }, index.h("slot", { key: '6c1e163de5515f0d4a312b5606778f39c7fe9ae2', name: "label" })), index.h("div", { key: 'f3aa7a48e9a712cb4b6f0e750a1b8e04f58297a0', class: index$1.classNames(`${nativeDatepickerClass}`, {
+        return (index.h("div", { key: '385fa642af3eafcfe099263809969b77cb00ae52' }, index.h(DsControlLabel, { key: '48e3db77e36ce35f1b53c0d8764ad9bb24598ac8', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired }, index.h("slot", { key: 'ae71f79a5a2c40b355da724aa9713bf39e5c8794', name: "label" })), index.h("div", { key: '5ee467bb14b33f4296f088a0bc295be1769ac1cd', class: index$1.classNames(`${nativeDatepickerClass}`, {
                 [`${nativeDatepickerClass}--disabled`]: this.dsDisabled,
                 [`${nativeDatepickerClass}--invalid`]: !!this.dsErrorText,
-            }) }, index.h("input", { key: 'd12eb8ed55aa5fbf5a214e07eb793c4bcf46cbdc', ref: el => {
+            }) }, index.h("input", { key: 'd4512d05dacda7d7f032551ae81eca5dcc13a16f', ref: el => {
                 this.nativeDateInputRef = el;
                 if (el)
                     el.value = this.value;
@@ -162,7 +162,7 @@ const DsDatepickerNative = class {
                 const target = event.target;
                 this.value = target.value;
                 this.dsChange.emit(target.value);
-            }, "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-describedby": ariaDescribedbyValue, "aria-controls": this.dsAriaControls }), this.dsShowCalendarIcon && (index.h(this.DsButtonTag, { key: 'ade720c8e39449b849ddad0ae611b801d7e566f0', class: `${nativeDatepickerClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.openDatePicker, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled, dsAriaLabel: controlUtils.openDatePicker(), dsInInput: true }, index.h(this.DsIconTag, { key: '1d3612d0687c621bb02cacfa1e91b8972043bf18', slot: "prefix", dsName: "calendar_month", dsAriaHidden: true })))), !!this.dsErrorText && index.h(this.DsInputValidityTag, { key: 'f78153c4b890585f62756f5d697b29ce710a8699', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
+            }, "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-describedby": ariaDescribedbyValue, "aria-controls": this.dsAriaControls }), this.dsShowCalendarIcon && (index.h(this.DsButtonTag, { key: '257ba6500ba05d8e4d734fe566866a7665b6e2e1', class: `${nativeDatepickerClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.openDatePicker, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled, dsAriaLabel: controlUtils.openDatePicker(), dsInInput: true }, index.h(this.DsIconTag, { key: 'ad06297d1ec157ee0471f3e147a28a86178b24ac', slot: "prefix", dsName: "calendar_month", dsAriaHidden: true })))), !!this.dsErrorText && index.h(this.DsInputValidityTag, { key: '71a26b5aeba7620f1d8a98f589112924dada2b73', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": ["hasFocusObserver"],

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 var utils = require('./utils-DOIzXqfM.js');
-var cx = require('./cx-Cec9RCyK.js');
+var cx = require('./cx-BxEHiZno.js');
 const dsDatepickerCss = "";

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

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cec9RCyK.js');
+var cx = require('./cx-BxEHiZno.js');
 var utils = require('./utils-DOIzXqfM.js');
-const dsGridCss = ".ds-grid__1Vp5mb.ds-grid__1Vp5mb--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__1Vp5mb.ds-grid__1Vp5mb--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb--container{margin:0 auto}}.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex:not(.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex--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__1Vp5mb.ds-grid__1Vp5mb__flex:not(.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex--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__1Vp5mb.ds-grid__1Vp5mb__flex:not(.ds-grid__1Vp5mb.ds-grid__1Vp5mb__flex--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))}}.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid.ds-grid__1Vp5mb--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid.ds-grid__1Vp5mb--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid.ds-grid__1Vp5mb--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid.ds-grid__1Vp5mb--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid.ds-grid__1Vp5mb--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid[style*=\"--ds-size-mobile: -1\"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid[style*=\"--ds-size-tablet: -1\"]{grid-column:1/-1}.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid:not([style*=\"--ds-size-tablet: -1\"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid[style*=\"--ds-size-desktop: -1\"]{grid-column:1/-1}.ds-grid__1Vp5mb.ds-grid__1Vp5mb__grid:not([style*=\"--ds-size-desktop: -1\"]){grid-column:span var(--ds-size-desktop)}}}";
+const dsGridCss = ".ds-grid__oSBnIJ.ds-grid__oSBnIJ--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__oSBnIJ.ds-grid__oSBnIJ--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ--container{margin:0 auto}}.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex:not(.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex--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__oSBnIJ.ds-grid__oSBnIJ__flex:not(.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex--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__oSBnIJ.ds-grid__oSBnIJ__flex:not(.ds-grid__oSBnIJ.ds-grid__oSBnIJ__flex--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))}}.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid.ds-grid__oSBnIJ--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid.ds-grid__oSBnIJ--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid.ds-grid__oSBnIJ--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid.ds-grid__oSBnIJ--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid.ds-grid__oSBnIJ--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid[style*=\"--ds-size-mobile: -1\"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid[style*=\"--ds-size-tablet: -1\"]{grid-column:1/-1}.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid:not([style*=\"--ds-size-tablet: -1\"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid[style*=\"--ds-size-desktop: -1\"]{grid-column:1/-1}.ds-grid__oSBnIJ.ds-grid__oSBnIJ__grid:not([style*=\"--ds-size-desktop: -1\"]){grid-column:span var(--ds-size-desktop)}}}";
 const DsGrid = class {
     constructor(hostRef) {
@@ -58,7 +58,7 @@ const DsGrid = class {
             [`${baseClass}--container`]: this.dsContainer,
             [`${baseClass}__${this.dsType}`]: this.dsType,
         });
-        return (index.h(index.Host, { key: '43ee185be90c6268d4d8358135ccc275e92b8b4c', class: classes, style: {
+        return (index.h(index.Host, { key: '2f892c8bb864e09364d606537c52129472986f51', class: classes, style: {
                 ...(this.dsType === 'flex'
                     ? {
                         '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
@@ -87,7 +87,7 @@ const DsGrid = class {
                         '--ds-row-span-tablet': this.dsRowSpanTablet ? `${this.dsRowSpanTablet}` : undefined,
                         '--ds-row-span-desktop': this.dsRowSpanDesktop ? `${this.dsRowSpanDesktop}` : undefined,
                     }),
-            } }, index.h("slot", { key: '8eb6363ebce4e73def60b4401ac1f54228fc7db0' })));
+            } }, index.h("slot", { key: 'c3d67b61b4c58df1adbb7f2e31175c84d823f98c' })));
     }
 };
 utils.declareComponentDependencies([index.h("ds-grid", null)]);

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

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
-var cx = require('./cx-Cec9RCyK.js');
+var index = require('./index-Cwc95KFn.js');
+var cx = require('./cx-BxEHiZno.js');
 var utils = require('./utils-DOIzXqfM.js');
-const dsGroupLabelCss = ".ds-group-label__1Vp5mb__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__1Vp5mb{display:flex;flex-direction:column}.ds-group-label__1Vp5mb:empty{display:none}";
+const dsGroupLabelCss = ".ds-group-label__oSBnIJ__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__oSBnIJ{display:flex;flex-direction:column}.ds-group-label__oSBnIJ:empty{display:none}";
 const DsGroupLabel = class {
     constructor(hostRef) {
@@ -19,7 +19,7 @@ const DsGroupLabel = class {
     }
     render() {
         const baseClass = cx.cx('ds-group-label');
-        return (index.h("div", { key: '5a410391819265187bde8f354441709cccac494e', class: baseClass }, index.h("slot", { key: '60f078ead63cc6397101a757fc5d9983493838f4', name: "label" }, this.dsLabel && index.h("div", { key: 'ae69749a578be207de9320a04a3d4c6c853a5467', class: `${baseClass}__label` }, this.dsLabel)), index.h("slot", { key: '0f28cefc8768993a34859ef4da0ac24f2809d045', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: 'fc2ad90a44e57af475be7e9b0e2adf892943f268', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
+        return (index.h("div", { key: '16dcac40affd0c91e12e320b6506ba1b0bd5dd51', class: baseClass }, index.h("slot", { key: 'a30a0dae127c725716d2dceb95170a8528ae8163', name: "label" }, this.dsLabel && index.h("div", { key: 'a6ba28c2482ad368677a1b16c764ea5b43cf1063', class: `${baseClass}__label` }, this.dsLabel)), index.h("slot", { key: 'aba6e7b4870015f5a0714004a518ecf4ccc7cc5b', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: '6ac13c4d2e2dace19640f667b3bc4c35091a5881', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-assistive-text", null)]);

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIcon360 = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIcon360 = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: 'd0641eee9ee6df96b09e9d9f8445c535c7fc29d4', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '2c1d0da6f91423cdabe3fe2012985a109c031ff7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '8d2bbae4bdc70297f74044b0ac46938372fe6184', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
+        return (index.h(index.Host, { key: 'de653f5483d615910f8029e1e4f43c7fa8313c52', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'ee87d22193b1ac032f376c779863e65650a2a198', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'be51697e01bd50a407cb0bbe8656b14599321734', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
     }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconAccountBalanceFill = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconAccountBalanceFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '4d93c342fbaedd0168aba218c266ac7c7c7456b0', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '379c17425816898e2a5e530774be55d360db0e6f', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '7798163c421b8dc78eb53a07764de94286232783', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (index.h(index.Host, { key: '1dbcc6f97e71d219c6fa2f2f0af001d5b61f2578', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'ad0ec12eb9729405a71d9cb8f07a585080076177', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '196b754d9517efaf648353c8acec9e8cd567fc47', 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-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconAccountBalance = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconAccountBalance = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '6699a183f784014ece5fc1ff4bd293344af6c7fa', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '3135070fef31f0a4ba08aa893e1cbe22bf222ca7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'b9375f3aa760a5a296b16fbf4a55914b81d85621', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
+        return (index.h(index.Host, { key: '549a415789e445f932b2d53ec0c88f378ba62011', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '1d63641683ccac38ba869d346e4ac3aba8c1fb03', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '7208aed290f2f79fe837b14a7a002962c2eefb00', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
     }
 };

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

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconAdd = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconAdd = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '2b080a15e4916178a2793a016bc08a828ce191a9', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '51dd8dae2d0e49995e0defeb5283ef591541f4fd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '55892aaae6b4d51440625db08b16355ce449f0e8', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (index.h(index.Host, { key: '98054dc102a50b73973f8a57a7a728439331ecd1', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '694521271f4b20bae5b95c5c1c5aedc0010406f9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '6b817a34f9e6f9c8fea4dae306de9e19d6e1680d', 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-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArchiveFill = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArchiveFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: 'c240cac448c4f0ca191cbf0f7692d8ab8285597f', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'd1438ed26b1c2f36c4d9997e7881c89f10ad2237', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '602a5b9317f76110e1aa2841a00239cea4be0f48', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
+        return (index.h(index.Host, { key: 'bea48fd511a3e293e456c5ea164c6cc221b9bb99', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '8f9fee0734c9ac7be01fb0c2875a3564be78877c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '4ffa1e72b40727c4254b0866258931af25705dbb', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
     }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArchive = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArchive = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '71014a1ddd71ac3c90654079849e8cf6e9a7bec2', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '6344b168ea19e7facb3e5110f9255a04e3075eaf', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '041f72778e5dcd1cb10a7505ef8ced70429e9fa0', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
+        return (index.h(index.Host, { key: '961158fe19071e057205e046893aa59ca35e33f2', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '8f0bcee043e14bfe052e29cf14d57c44305a7449', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'c1260f2d0943772f610fb3c3622145cf0640a1e1', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
     }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArrowBack = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArrowBack = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '7729b9fc72f144fad35b2d2564d6153a97641c05', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '1cca68c541aa2da7a132d78b95e35e1bdb44748b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'bf2f26bc6d8917629fc0903d3f2f1aaaa8c65b38', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (index.h(index.Host, { key: 'a7c119871f82bb3f29c013f5cc4f75e47eca5451', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '0e745f509a49fe1338537436e1a380c991107c11', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '8fb64ab2a824280d0ea2597fc546640d767eb669', 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-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArrowDownward = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArrowDownward = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: 'bf30db61353fe11a3e69b63e5baaa7e3ddc699a3', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '2585e5d8d496a22a563e0a0454385a128950ebe5', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '65a1cefd6179bae7872af682dd88a5663eec262f', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (index.h(index.Host, { key: '3151edfd533f99b1de5f514617a260e3dd7b3b3b', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '3787171ea49d896ee952e3708008de301961f2cd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '1bc49ac8d0b64390a925fc66b939018a7f5f83e2', 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-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArrowDropDownCircleFill = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArrowDropDownCircleFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: 'c4133e7fffc5f96c7597d680cf37bff6f720fec8', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '0d59efe4de395aff69e9b7a339a208d8c5c94333', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'dff1608b8a2d29d99f5870632582d779436b493e', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
+        return (index.h(index.Host, { key: '2228eb98a1a7967158e32f7048566c9e0da9a537', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '61b68254545d3aabff456f855b84ce23b1fc54b6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '6f5978ff2bb5809abf089f6bd59a8eee5495f066', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
     }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArrowDropDownCircle = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArrowDropDownCircle = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '770304bc2f3465d430310698dd5dbabda235cfb7', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: 'b13be32f142e4a94d9c777a8db40c73baab74808', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'd2227ea55cdafaba231d67f1fe6ba9274f39f4a7', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
+        return (index.h(index.Host, { key: '24d1694a443dc6e7ae2822d41d6fd09dcc2c8101', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '2ae0c0711fe60812413e0028ab15d34f564435c4', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: 'f22159cc72742097a52a69e044c316e727d13598', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
     }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArrowDropDown = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArrowDropDown = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: 'e1ce4a449fab709fb7e18d5d140238b55fa8714b', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '3e1bf44158df8ec6ede1d74e0ce230a59c1a7291', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '4585817957a197a14d4b7d19fe64ef2dc1a7e631', d: "M480-336 239-576h482L480-336Z" }))));
+        return (index.h(index.Host, { key: '1f599c0b7e99fb2384c063b2d0510c5e7ff29782', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '39650f7ff4789b1386ec524da59750a810ebcb25', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '6b88e6c4f45f80531d206ebeaffabad7c7b78f8d', 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-DY9OS4qF.js');
+var index = require('./index-Cwc95KFn.js');
 const DsIconArrowDropUp = class {
     constructor(hostRef) {
@@ -12,7 +12,7 @@ const DsIconArrowDropUp = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (index.h(index.Host, { key: '6ca341867fb499a134a1cedfcbd729bb37d2e5f4', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '8cdb467b8d09dbc70ae8e3bbf552b4ae64c9dfe6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '961d4529f436e41b52324da6419d0ed98e6b8b16', d: "m239-383 241-242 241 242H239Z" }))));
+        return (index.h(index.Host, { key: 'd0755f71b93e96cac47761e402ac7338e07733fe', style: { display: 'flex' }, title: this.dsTitle }, index.h("svg", { key: '5b0643e5aff1deb691098619e75474d4d32148c3', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, index.h("path", { key: '7e7fa408f80fa625c7c28d4b1307a749aa133b57', d: "m239-383 241-242 241 242H239Z" }))));
     }
 };