@uh-design-system/component-library 1.6.0 → 1.7.0

package/dist/esm/ds-datepicker-custom_3.entry.js

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, c as createEvent, e as getElement } from './index-CGO6i46S.js';
+import { h, r as registerInstance, c as createEvent, e as getElement } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { d as declareComponentDependencies, t as transformTagName, s as isArrowKey, u as isSelectionKey } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-WIIvD8un.js';
-import { z as valueMissing, A as badInput, B as rangeUnderflow, C as rangeOverflow, v as validityMessage } from './controlUtils-EPHiTayW.js';
-import { p as parseInputDate, a as parseISODate, c as closeDatePicker, o as openDatePicker, g as generateYearOptions, h as handleDateInputKeyDown, i as isDateDisabled, b as getFirstSelectableDate, e as dateToString, f as createDate, j as findFirstSelectableDateInMonth, k as getNextSelectableDate, l as formatDisplayDate, m as dateNotAvailable, n as navigateMonth, q as findLastSelectableDateInMonth, r as monthNames, s as getCalendarDays, t as selectMonth, u as monthLabel, v as selectYear, y as yearLabel, w as previousMonth, x as nextMonth, z as weekdayNamesShort, A as isDateSelected, B as monthNamesGenitive, C as weekdayNames, D as showToday, E as clearDate, F as getKeyboardNavigationStep } from './datepickerUtils-CHldQiXA.js';
-import './store-a5NsO1Yj.js';
+import { d as declareComponentDependencies, t as transformTagName, s as isArrowKey, u as isSelectionKey } from './utils-D5pGK2ZH.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { z as valueMissing, A as badInput, B as rangeUnderflow, C as rangeOverflow, v as validityMessage } from './controlUtils-BT-SOH5c.js';
+import { p as parseInputDate, a as parseISODate, c as closeDatePicker, o as openDatePicker, g as generateYearOptions, h as handleDateInputKeyDown, i as isDateDisabled, b as getFirstSelectableDate, e as dateToString, f as createDate, j as findFirstSelectableDateInMonth, k as getNextSelectableDate, l as formatDisplayDate, m as dateNotAvailable, n as navigateMonth, q as findLastSelectableDateInMonth, r as monthNames, s as getCalendarDays, t as selectMonth, u as monthLabel, v as selectYear, y as yearLabel, w as previousMonth, x as nextMonth, z as weekdayNamesShort, A as isDateSelected, B as monthNamesGenitive, C as weekdayNames, D as showToday, E as clearDate, F as getKeyboardNavigationStep } from './datepickerUtils-Ckwr4KjD.js';
+import './store-DYWVDmmN.js';
 
-const dsDatepickerCustomCss = () => `.ds-no-style-leak.sc-ds-datepicker-custom *.sc-ds-datepicker-custom{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-custom-h{display:inline-block;width:18rem}.sc-ds-datepicker-custom-h>div.sc-ds-datepicker-custom{display:flex;flex-direction:column;position:relative}.ds-datepicker-custom__WN0Emr__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__WN0Emr.sc-ds-datepicker-custom{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-datepicker-custom__WN0Emr__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__WN0Emr__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__WN0Emr__picker.sc-ds-datepicker-custom{position:absolute;top:100%;width:100%;height:22.5rem;display:flex;flex-direction:column;background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__WN0Emr__header.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-small);margin-bottom:var(--ds-spacing-xSmall)}.ds-datepicker-custom__WN0Emr__selects.sc-ds-datepicker-custom{--ds-select-borderWidth:0;--ds-select-narrow-width:auto;--ds-select-wide-width:auto;--ds-select-height:var(--ds-spacing-large);--ds-select-dropdown-icon-border-left:none;--ds-select-selected-option-color:var(--ds-textColor-default);--ds-select-selected-option-font-size:var(--ds-fontSize-14);--ds-select-selected-option-font-weight:var(--ds-fontWeight-semibold);--ds-select-selected-option-padding:0;--ds-select-dropdown-icon-padding:0 var(--ds-spacing-4xSmall);--ds-select-selected-text-margin-right:var(--ds-spacing-3xSmall);display:flex;gap:var(--ds-spacing-xSmall);flex:1}.ds-datepicker-custom__WN0Emr__navigation.sc-ds-datepicker-custom{--ds-button-min-height:2rem;--ds-button-min-width:2rem;display:flex;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__WN0Emr__calendar.sc-ds-datepicker-custom{--ds-button-min-height:var(--ds-spacing-large);--ds-button-min-width:var(--ds-spacing-large);display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__WN0Emr__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__WN0Emr__calendar--next.sc-ds-datepicker-custom{animation:slide-in-from-right 250ms ease-out}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:translateX(0)}}.ds-datepicker-custom__WN0Emr__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__WN0Emr__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__WN0Emr__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__WN0Emr__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__WN0Emr__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__WN0Emr__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__WN0Emr__weekday.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-12);color:var(--ds-textColor-secondary)}.ds-datepicker-custom__WN0Emr__day.sc-ds-datepicker-custom{background:none;border:none;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-datepicker-custom__WN0Emr__day.sc-ds-datepicker-custom: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-custom__WN0Emr__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__WN0Emr__day--disabled,.ds-datepicker-custom__WN0Emr__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__WN0Emr__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__WN0Emr__day--disabled,.ds-datepicker-custom__WN0Emr__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__WN0Emr__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__WN0Emr__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__WN0Emr__day--today.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-bold);text-decoration:underline;text-decoration-thickness:13%;text-underline-offset:12%}.ds-datepicker-custom__WN0Emr__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__WN0Emr__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__WN0Emr__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__WN0Emr__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__WN0Emr__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__WN0Emr__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__WN0Emr__day--disabled.sc-ds-datepicker-custom{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-custom__WN0Emr__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__WN0Emr__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__WN0Emr__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}`;
+const dsDatepickerCustomCss = () => `.ds-no-style-leak.sc-ds-datepicker-custom *.sc-ds-datepicker-custom{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-custom-h{display:inline-block;width:18rem}.sc-ds-datepicker-custom-h>div.sc-ds-datepicker-custom{display:flex;flex-direction:column;position:relative}.ds-datepicker-custom__pA2cRq__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__pA2cRq.sc-ds-datepicker-custom{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}.ds-datepicker-custom__pA2cRq__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__pA2cRq__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__pA2cRq__picker.sc-ds-datepicker-custom{position:absolute;top:100%;width:100%;height:22.5rem;display:flex;flex-direction:column;background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__pA2cRq__header.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;gap:var(--ds-spacing-small);margin-bottom:var(--ds-spacing-xSmall)}.ds-datepicker-custom__pA2cRq__selects.sc-ds-datepicker-custom{--ds-select-borderWidth:0;--ds-select-narrow-width:auto;--ds-select-wide-width:auto;--ds-select-height:var(--ds-spacing-large);--ds-select-dropdown-icon-border-left:none;--ds-select-selected-option-color:var(--ds-textColor-default);--ds-select-selected-option-font-size:var(--ds-fontSize-14);--ds-select-selected-option-font-weight:var(--ds-fontWeight-semibold);--ds-select-selected-option-padding:0;--ds-select-dropdown-icon-padding:0 var(--ds-spacing-4xSmall);--ds-select-selected-text-margin-right:var(--ds-spacing-3xSmall);display:flex;gap:var(--ds-spacing-xSmall);flex:1}.ds-datepicker-custom__pA2cRq__navigation.sc-ds-datepicker-custom{--ds-button-min-height:2rem;--ds-button-min-width:2rem;display:flex;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__pA2cRq__calendar.sc-ds-datepicker-custom{--ds-button-min-height:var(--ds-spacing-large);--ds-button-min-width:var(--ds-spacing-large);display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__pA2cRq__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__pA2cRq__calendar--next.sc-ds-datepicker-custom{animation:slide-in-from-right 250ms ease-out}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(-0.75rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(0.75rem)}to{opacity:1;transform:translateX(0)}}.ds-datepicker-custom__pA2cRq__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__pA2cRq__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__pA2cRq__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__pA2cRq__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__pA2cRq__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__pA2cRq__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__pA2cRq__weekday.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-semibold);font-size:var(--ds-fontSize-12);color:var(--ds-textColor-secondary)}.ds-datepicker-custom__pA2cRq__day.sc-ds-datepicker-custom{background:none;border:none;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-datepicker-custom__pA2cRq__day.sc-ds-datepicker-custom: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-custom__pA2cRq__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__pA2cRq__day--disabled,.ds-datepicker-custom__pA2cRq__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__pA2cRq__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__pA2cRq__day--disabled,.ds-datepicker-custom__pA2cRq__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__pA2cRq__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__pA2cRq__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__pA2cRq__day--today.sc-ds-datepicker-custom{font-weight:var(--ds-fontWeight-bold);text-decoration:underline;text-decoration-thickness:13%;text-underline-offset:12%}.ds-datepicker-custom__pA2cRq__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__pA2cRq__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__pA2cRq__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__pA2cRq__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__pA2cRq__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__pA2cRq__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__pA2cRq__day--disabled.sc-ds-datepicker-custom{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-datepicker-custom__pA2cRq__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__pA2cRq__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__pA2cRq__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}`;
 
 const ANNOUNCER_RESET_TIMEOUT = 2000;
 const INPUT_DEBOUNCE_TIMEOUT = 500;
@@ -599,11 +599,11 @@ const DsDatepickerCustom = class {
         const hiddenAssistiveTextId = this.dsHiddenAssistiveText ? `${this.dsId}-hidden-assistive` : undefined;
         const validityId = this.validityText ? `${this.dsId}-validity` : undefined;
         const ariaDescribedbyValue = this.dsAriaDescribedby || undefined;
-        return (h("div", { key: 'f50a54b4a75be645e9ec4170d78d355e687854aa' }, h(this.DsControlLabel, { key: '02d53ca7184f69f926da21312f1f37d9cfcca1a8', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, h("slot", { key: 'c8df34b031c4cc2788782a2e60ef5196fd2e33e2', name: "label" }), h("slot", { key: '1eafd8431a6194526e887a481d0b9d6bef4e2a2c', name: "assistiveText" })), h("div", { key: '775ab129c975921cc3e4037fa78309d33dcf9c16', class: customDatepickerClass }, h(this.DsTextInputTag, { key: '545df59b00c7d360fad87b7fb9cf935fcd550dc9', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue ?? formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) }, h(this.DsButtonTag, { key: 'df19e3f5a3393cb03dac916477aefce760c2956d', ref: el => (this.calendarButtonRef = el), slot: "suffix", class: `${customDatepickerClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.handleCalendarButtonClick, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: this.calendarButtonAriaLabel, dsInInput: true, tabindex: this.dsDisabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false' }, h(this.DsIconTag, { key: 'daa9f84beefcc3d749da4f74194e86cb4d470fd8', dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true }))), this.isOpen && (h("div", { key: '565f183552fa4e1a19818781fab3af3eb6ea4e81', ref: el => (this.pickerRef = el), class: `${customDatepickerClass}__picker`, role: "dialog", "aria-modal": "true", "aria-labelledby": `${this.dsId}-grid-label` }, h(this.DsFeedbackTag, { key: 'd7ac342060ead1022a6a9745dee33d26bbd01d5f', dsSrOnly: true, dsSrOnlyTag: "span" }, this.announcerText), h("div", { key: '8767bce23f72bb8f3628738f09ac691e835eed30', class: `${customDatepickerClass}__header` }, h("div", { key: '619d9638b98a6a97a6663745dee6d6061d3464da', id: `${this.dsId}-grid-label`, class: `${customDatepickerClass}__selects` }, h(this.DsSelectTag, { key: '3a88064bdd9e07968620f4a232c1a5fe62e3badf', dsId: `${this.dsId}-month`, dsValue: this.currentMonth.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: monthLabel(), dsAriaLabel: `${selectMonth()}, ${months[this.currentMonth]}`, onDsChange: this.handleMonthChange }, months.map((monthName, index) => (h("option", { key: monthName, slot: "native", value: index.toString() }, monthName)))), h(this.DsSelectTag, { key: '1fa63a0d54a567014198d019c0d97e2029447b46', dsId: `${this.dsId}-year`, dsValue: this.currentYear.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: yearLabel(), dsAriaLabel: `${selectYear()}, ${this.currentYear}`, onDsChange: this.handleYearChange }, yearOptions.map(year => (h("option", { key: year, slot: "native", value: year.toString() }, year))))), h("div", { key: 'd1930fcfcf54ff13ee21884e2d4a468993c7d1d0', class: `${customDatepickerClass}__navigation` }, h(this.DsButtonTag, { key: '608d0d4bede655fa638502315b9abc4c85a94eb5', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: previousMonth(), onClick: () => this.handleChangeMonth('prev'), tabindex: 0 }, h(this.DsIconTag, { key: '024a3684755799dff974def9dbd48f9212df47db', dsName: "chevron_backward", dsSize: "1rem", dsAriaHidden: true })), h(this.DsButtonTag, { key: 'c33384d1a14519377e6cd2005c4b9eb94ad64c24', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: nextMonth(), onClick: () => this.handleChangeMonth('next'), tabindex: 0 }, h(this.DsIconTag, { key: 'c6e5c82f8df387ff482b66302bded85b25ea914d', dsName: "chevron_forward", dsSize: "1rem", dsAriaHidden: true })))), h("div", { class: classNames(`${customDatepickerClass}__calendar`, {
+        return (h("div", { key: '1a2bbdff99ee602a19e699a7fcb28b1b95d501db' }, h(this.DsControlLabel, { key: '7c83542adee3dd1b0c7d9ec19db8418428fa6f58', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, h("slot", { key: 'b52f403b9135f80ccff3be99115deb049e21d920', name: "label" }), h("slot", { key: 'dfa38760670974f2811888c4d0198e4f5e8c8238', name: "assistiveText" })), h("div", { key: '50896b1dba1cabfc398ea89d53294e897724442b', class: customDatepickerClass }, h(this.DsTextInputTag, { key: '8180e6e879f38cce4a6ec5939fd34be775773ed4', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue ?? formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) }, h(this.DsButtonTag, { key: '56b88a8b9641cfb54c11606882ecb22017d05268', ref: el => (this.calendarButtonRef = el), slot: "suffix", class: `${customDatepickerClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.handleCalendarButtonClick, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: this.calendarButtonAriaLabel, dsInInput: true, tabindex: this.dsDisabled ? -1 : 0, "aria-haspopup": "dialog", "aria-expanded": this.isOpen ? 'true' : 'false' }, h(this.DsIconTag, { key: 'c6ede8147d9e530c591cd83559a776afc9451dad', dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true }))), this.isOpen && (h("div", { key: 'b0f0580e17f1af38e67f15c8c44eccc19cd97224', ref: el => (this.pickerRef = el), class: `${customDatepickerClass}__picker`, role: "dialog", "aria-modal": "true", "aria-labelledby": `${this.dsId}-grid-label` }, h(this.DsFeedbackTag, { key: '07da0878e9fe3c16d3a4c356d31748b29c703ce6', dsSrOnly: true, dsSrOnlyTag: "span" }, this.announcerText), h("div", { key: 'a0d510d92d3f1262d1a9c24b2d5a53c6d231c473', class: `${customDatepickerClass}__header` }, h("div", { key: '661fffe696b124d062bf663f98189817445a320b', id: `${this.dsId}-grid-label`, class: `${customDatepickerClass}__selects` }, h(this.DsSelectTag, { key: '2a9a14ce6784c0cc954096c2da073727233e7bf6', dsId: `${this.dsId}-month`, dsValue: this.currentMonth.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: monthLabel(), dsAriaLabel: `${selectMonth()}, ${months[this.currentMonth]}`, onDsChange: this.handleMonthChange }, months.map((monthName, index) => (h("option", { key: monthName, slot: "native", value: index.toString() }, monthName)))), h(this.DsSelectTag, { key: 'd2e79e4700d998884f7b4efb02bd0ad3a056c920', dsId: `${this.dsId}-year`, dsValue: this.currentYear.toString(), dsClearable: false, dsVariant: "native", dsIconSize: "1rem", dsPlaceholder: yearLabel(), dsAriaLabel: `${selectYear()}, ${this.currentYear}`, onDsChange: this.handleYearChange }, yearOptions.map(year => (h("option", { key: year, slot: "native", value: year.toString() }, year))))), h("div", { key: 'fa814f285637e2bb66f21a3c9e8749f60d64f75c', class: `${customDatepickerClass}__navigation` }, h(this.DsButtonTag, { key: '86f2196079697201a1bdcf03630d5e8160f45ffc', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: previousMonth(), onClick: () => this.handleChangeMonth('prev'), tabindex: 0 }, h(this.DsIconTag, { key: 'd5361b0f1e91b57a6c565ed2f0b1291a972d7ea7', dsName: "chevron_backward", dsSize: "1rem", dsAriaHidden: true })), h(this.DsButtonTag, { key: '77a0cbff46f25b88a6fcbadddf25e69f0851271c', dsVariant: "supplementary", dsColour: "blue", dsSize: "small", dsAriaLabel: nextMonth(), onClick: () => this.handleChangeMonth('next'), tabindex: 0 }, h(this.DsIconTag, { key: 'f10f1a8aa39b1800c88c2d00f11d063205129e40', dsName: "chevron_forward", dsSize: "1rem", dsAriaHidden: true })))), h("div", { class: classNames(`${customDatepickerClass}__calendar`, {
                 [`${customDatepickerClass}__calendar--transitioning`]: this.transitionDirection !== null,
                 [`${customDatepickerClass}__calendar--prev`]: this.transitionDirection === 'prev',
                 [`${customDatepickerClass}__calendar--next`]: this.transitionDirection === 'next',
-            }), key: this.transitionKey, role: "grid", "aria-label": `${months[this.currentMonth]} ${this.currentYear}`, onAnimationEnd: () => (this.transitionDirection = null) }, h("div", { key: '68fbd73bf8bb6b48876e17b050033906b9f12e8e', role: "row", class: `${customDatepickerClass}__weekday-row`, "aria-hidden": "true" }, weekdays.map(weekday => (h("div", { key: weekday, class: `${customDatepickerClass}__weekday`, role: "columnheader" }, weekday)))), Array.from({ length: Math.ceil(calendarDays.length / 7) }, (_, rowIndex) => {
+            }), key: this.transitionKey, role: "grid", "aria-label": `${months[this.currentMonth]} ${this.currentYear}`, onAnimationEnd: () => (this.transitionDirection = null) }, h("div", { key: 'd89f6ad4d7b38bde0fd4f1a8bacc11df77b2d891', role: "row", class: `${customDatepickerClass}__weekday-row`, "aria-hidden": "true" }, weekdays.map(weekday => (h("div", { key: weekday, class: `${customDatepickerClass}__weekday`, role: "columnheader" }, weekday)))), Array.from({ length: Math.ceil(calendarDays.length / 7) }, (_, rowIndex) => {
             const rowDays = calendarDays.slice(rowIndex * 7, (rowIndex + 1) * 7);
             return (h("div", { key: rowIndex, role: "row", class: `${customDatepickerClass}__day-row` }, rowDays.map(({ day, isCurrentMonth, isToday, date }) => {
                 const isDisabled = isDateDisabled(date, this.dateConstraints);
@@ -622,7 +622,7 @@ const DsDatepickerCustom = class {
                         [`${customDatepickerClass}__day--disabled`]: isDisabled,
                     }) }, day)));
             })));
-        })), h("div", { key: '4e17847ce9974195e29ce614bf577f88187bb459', class: `${customDatepickerClass}__footer` }, h(this.DsButtonTag, { key: '459d40a68e064e37c09201e97c6dcc96298fb98b', dsVariant: "supplementary", dsText: showToday(), dsSize: "small", onClick: this.handleShowToday, class: `${customDatepickerClass}__footer-button--left`, tabindex: 0 }), h(this.DsButtonTag, { key: '43cfd6c39c2e7158d8ba33133ed469dd8d2cb9a3', dsVariant: "supplementary", dsText: clearDate(), dsSize: "small", onClick: this.handleClear, class: `${customDatepickerClass}__footer-button--right`, tabindex: 0 }))))), this.validityText && h(this.DsInputValidityTag, { key: '9a8c56751eede8868cdf94ebce9ab508f3db5237', id: validityId, dsText: this.validityText, dsType: "error" })));
+        })), h("div", { key: '02201c7514f49545f4d93b4f26fe2a6da856bde7', class: `${customDatepickerClass}__footer` }, h(this.DsButtonTag, { key: 'ca7abb6b9371d6188304f3dff0f385b889c6eb95', dsVariant: "supplementary", dsText: showToday(), dsSize: "small", onClick: this.handleShowToday, class: `${customDatepickerClass}__footer-button--left`, tabindex: 0 }), h(this.DsButtonTag, { key: 'b0cf45060fea0ec0453fb98607f665848278c934', dsVariant: "supplementary", dsText: clearDate(), dsSize: "small", onClick: this.handleClear, class: `${customDatepickerClass}__footer-button--right`, tabindex: 0 }))))), this.validityText && h(this.DsInputValidityTag, { key: '8642724e0dddafddd0c8706d26e265e245c0036b', id: validityId, dsText: this.validityText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": [{
@@ -651,7 +651,7 @@ declareComponentDependencies([
 ]);
 DsDatepickerCustom.style = dsDatepickerCustomCss();
 
-const dsDatepickerNativeCss = () => `.ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__WN0Emr__input-container.sc-ds-datepicker-native .ds-datepicker-native__WN0Emr__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;width:100%}.ds-datepicker-native__WN0Emr__input-container.sc-ds-datepicker-native .ds-datepicker-native__WN0Emr__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__WN0Emr__input-container.sc-ds-datepicker-native .ds-datepicker-native__WN0Emr__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__WN0Emr__input-container.sc-ds-datepicker-native .ds-datepicker-native__WN0Emr__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__WN0Emr__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__WN0Emr.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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__WN0Emr--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__WN0Emr--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__WN0Emr--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__WN0Emr--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__WN0Emr--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__WN0Emr--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__WN0Emr.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__WN0Emr--disabled,.ds-datepicker-native__WN0Emr--readonly.sc-ds-datepicker-native,.ds-datepicker-native__WN0Emr--invalid.sc-ds-datepicker-native,.ds-datepicker-native__WN0Emr.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__WN0Emr.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__WN0Emr--invalid,.ds-datepicker-native__WN0Emr--disabled.sc-ds-datepicker-native,.ds-datepicker-native__WN0Emr--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__WN0Emr.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__WN0Emr.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__WN0Emr.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__WN0Emr__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__WN0Emr__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__WN0Emr__input-container.sc-ds-datepicker-native .ds-datepicker-native__WN0Emr__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}`;
+const dsDatepickerNativeCss = () => `.ds-no-style-leak.sc-ds-datepicker-native *.sc-ds-datepicker-native{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-native-h{display:inline-block;width:18rem}.sc-ds-datepicker-native-h>div.sc-ds-datepicker-native{display:flex;flex-direction:column;position:relative}.ds-datepicker-native__pA2cRq__input-container.sc-ds-datepicker-native .ds-datepicker-native__pA2cRq__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;width:100%}.ds-datepicker-native__pA2cRq__input-container.sc-ds-datepicker-native .ds-datepicker-native__pA2cRq__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__pA2cRq__input-container.sc-ds-datepicker-native .ds-datepicker-native__pA2cRq__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__pA2cRq__input-container.sc-ds-datepicker-native .ds-datepicker-native__pA2cRq__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__pA2cRq__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__pA2cRq.sc-ds-datepicker-native{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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__pA2cRq--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__pA2cRq--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__pA2cRq--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__pA2cRq--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__pA2cRq--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__pA2cRq--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__pA2cRq.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__pA2cRq--disabled,.ds-datepicker-native__pA2cRq--readonly.sc-ds-datepicker-native,.ds-datepicker-native__pA2cRq--invalid.sc-ds-datepicker-native,.ds-datepicker-native__pA2cRq.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__pA2cRq.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__pA2cRq--invalid,.ds-datepicker-native__pA2cRq--disabled.sc-ds-datepicker-native,.ds-datepicker-native__pA2cRq--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__pA2cRq.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__pA2cRq.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__pA2cRq.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__pA2cRq__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__pA2cRq__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__pA2cRq__input-container.sc-ds-datepicker-native .ds-datepicker-native__pA2cRq__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}`;
 
 const DsDatepickerNative = class {
     constructor(hostRef) {
@@ -804,11 +804,11 @@ const DsDatepickerNative = class {
         const assistiveTextId = this.dsAssistiveText ? `${this.dsId}-assistive` : undefined;
         const hiddenAssistiveTextId = this.dsHiddenAssistiveText ? `${this.dsId}-hidden-assistive` : undefined;
         const ariaDescribedbyValue = [this.dsAriaDescribedby, assistiveTextId, hiddenAssistiveTextId, this.dsErrorText ? this.inputValidityId : null].filter(Boolean).join(' ') || undefined;
-        return (h("div", { key: '64547375f3f38953341f08abcac3f88818308e6d' }, h(DsControlLabel, { key: '56b0513bc7f859e7f2ee9c9285444af70688ec29', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, h("slot", { key: '5cce8836ef66ce7500952ddb240bcf8196f890f6', name: "label" })), h("div", { key: '5eb2ea20b1452f9e9a814c06ad8e6906871968c6', class: classNames(`${baseClass}`, {
+        return (h("div", { key: '05d5822e45b9483fa8453b149687016c5fc7b9a0' }, h(DsControlLabel, { key: '331667e4fe063a8871c8d87ae0fc06a4896e2c93', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, h("slot", { key: '43100d094082c33b8bd72775be2273d6d9c8f6dc', name: "label" })), h("div", { key: 'af5695adaff23db930a8b1791c28f71a2fb8d21d', class: classNames(`${baseClass}`, {
                 [`${baseClass}--disabled`]: this.dsDisabled,
                 [`${baseClass}--readonly`]: this.dsReadonly,
                 [`${baseClass}--invalid`]: !!this.dsErrorText,
-            }) }, h("div", { key: 'e0fc6ed13c20ee5b134c8d439c2266d53b654a74', class: inputContainerClass }, h("input", { key: '0efc0702b90470ce367bc03ed6b2812421538e3b', ref: el => {
+            }) }, h("div", { key: 'a61e796b2ec2838200475b47059ee18a5f2196da', class: inputContainerClass }, h("input", { key: 'd5ceceb10138ebc2c02949e52c122a38201fd240', ref: el => {
                 this.nativeDateInputRef = el;
                 if (el)
                     el.value = this.value;
@@ -817,7 +817,7 @@ const DsDatepickerNative = class {
                 this.value = target.value;
                 this.isOpen = false;
                 this.dsChange.emit(target.value);
-            }, "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-describedby": ariaDescribedbyValue, "aria-controls": this.dsAriaControls })), this.dsShowCalendarIcon && (h(this.DsButtonTag, { key: '5cd4723dc8f4cd4c0e7136ceaf4af00b36dc42a4', class: `${baseClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.openDatePicker, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: openDatePicker(), dsInInput: true }, h(this.DsIconTag, { key: 'aa3a6f734b716d43ca8b2c9f1abbe7e0baa55f5d', slot: "prefix", dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true })))), h(this.DsInputValidityTag, { key: 'f8aace43f6471b7e43826b50a3f666087b802bbd', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
+            }, "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-describedby": ariaDescribedbyValue, "aria-controls": this.dsAriaControls })), this.dsShowCalendarIcon && (h(this.DsButtonTag, { key: 'c9396eed1674c9a23eac0101d94ad142676a6d54', class: `${baseClass}__calendar-icon`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", onClick: this.openDatePicker, onKeyDown: this.handleIconKeyDown, dsDisabled: this.dsDisabled || this.dsReadonly, dsAriaLabel: openDatePicker(), dsInInput: true }, h(this.DsIconTag, { key: '352e6905ddf04ed6c4a0ee7264bd18ed1a013d7b', slot: "prefix", dsName: this.isOpen ? 'calendar_month_fill' : 'calendar_month', dsAriaHidden: true })))), h(this.DsInputValidityTag, { key: 'b000fb8c30203752b113218fed941810f4d3775b', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": [{
@@ -834,7 +834,7 @@ const DsDatepickerNative = class {
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-control-label", null), h("ds-input-validity", null), h("ds-button", null)]);
 DsDatepickerNative.style = dsDatepickerNativeCss();
 
-const dsDatepickerSimpleCss = () => `.ds-no-style-leak.sc-ds-datepicker-simple *.sc-ds-datepicker-simple{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-simple-h{display:inline-block;width:18rem}.sc-ds-datepicker-simple-h>div.sc-ds-datepicker-simple{display:flex;flex-direction:column;position:relative}.ds-datepicker-simple__WN0Emr.sc-ds-datepicker-simple{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}`;
+const dsDatepickerSimpleCss = () => `.ds-no-style-leak.sc-ds-datepicker-simple *.sc-ds-datepicker-simple{all:unset;box-sizing:border-box;display:block}.sc-ds-datepicker-simple-h{display:inline-block;width:18rem}.sc-ds-datepicker-simple-h>div.sc-ds-datepicker-simple{display:flex;flex-direction:column;position:relative}.ds-datepicker-simple__pA2cRq.sc-ds-datepicker-simple{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative}`;
 
 const DsDatepickerSimple = class {
     constructor(hostRef) {
@@ -1051,7 +1051,7 @@ const DsDatepickerSimple = class {
         const hiddenAssistiveTextId = this.dsHiddenAssistiveText ? `${this.dsId}-hidden-assistive` : undefined;
         const validityId = this.validityText ? `${this.dsId}-validity` : undefined;
         const ariaDescribedbyValue = this.dsAriaDescribedby || undefined;
-        return (h("div", { key: '373c32690d8fee31f5ab6e51ae3031eb62eaf2a3' }, h(this.DsControlLabel, { key: '3b4955ab73606e5256f09d20d0fb749d2fdbe7f7', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, h("slot", { key: '4b21ccaa7cf52648136b9208e0324b0d796cbc8c', name: "label" })), h("div", { key: 'e9607a5c7383087743f81b49dde499b83732ff17', class: simpleClass }, h(this.DsTextInputTag, { key: '6a470db20b702027069db2844ee549ce78dee81b', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue ?? formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) })), this.validityText && h(this.DsInputValidityTag, { key: '8f2e9e843812b3cc86c1e52373b7d27642e742ba', id: validityId, dsText: this.validityText, dsType: "error" })));
+        return (h("div", { key: '315c67afd479a7d88ab774950712e31c5b2dd777' }, h(this.DsControlLabel, { key: '1e7e57ec3cc6244b00593d88c70d3f41de75ec75', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: hiddenAssistiveTextId }, h("slot", { key: 'cbaeee87017f493f0149f5b40d095db096e74063', name: "label" })), h("div", { key: 'bba1a4bab77e99441e96f56e140ae6f5bb6d86e5', class: simpleClass }, h(this.DsTextInputTag, { key: 'f9d15cca46d9123aff6069762d1d3ae2b4cccf31', ref: el => (this.textInputRef = el), dsId: this.dsId, dsName: this.dsName, dsForm: this.dsForm, dsDisabled: this.dsDisabled, dsReadonly: this.dsReadonly, dsRequired: this.dsRequired, dsValue: this.inputValue ?? formatDisplayDate(this.selectedDate), dsPlaceholder: this.dsPlaceholder, dsInvalid: !!this.validityText, dsFullWidth: true, dsAriaDescribedby: [ariaDescribedbyValue, assistiveTextId, hiddenAssistiveTextId, validityId].filter(Boolean).join(' ') || undefined, onDsInput: this.handleInputChange, onDsChange: (e) => e.stopPropagation(), onDsValidity: this.handleValidityEvent(this.dsValidity), onDsSubmitInvalid: this.handleValidityEvent(this.dsSubmitInvalid) })), this.validityText && h(this.DsInputValidityTag, { key: '951480e65d20eef2ff62f82ea73bfc5baab01da3', id: validityId, dsText: this.validityText, dsType: "error" })));
     }
     static get watchers() { return {
         "hasFocus": [{

package/dist/esm/ds-datepicker.entry.js

@@ -1,9 +1,9 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-CGO6i46S.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-WIIvD8un.js';
-import { d as dateFormatHint } from './datepickerUtils-CHldQiXA.js';
-import { c as componentFactory } from './componentFactory-BbacL2PN.js';
-import './store-a5NsO1Yj.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { d as dateFormatHint } from './datepickerUtils-Ckwr4KjD.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './store-DYWVDmmN.js';
 
 const dsDatepickerCss = () => ``;
 

package/dist/esm/ds-divider.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-WIIvD8un.js';
+import { c as cx } from './cx-CbD7OdM5.js';
 
-const dsDividerCss = () => `.ds-no-style-leak.sc-ds-divider *.sc-ds-divider{all:unset;box-sizing:border-box;display:block}.ds-divider__WN0Emr.sc-ds-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;display:block}.ds-divider__WN0Emr--horizontal.sc-ds-divider{border-top:var(--ds-borderWidth-hairline) solid;margin:var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall));width:100%}.ds-divider__WN0Emr--vertical.sc-ds-divider{display:inline-flex;flex-direction:column;align-self:stretch;height:100%;border-left:var(--ds-borderWidth-hairline) solid;margin:0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall));flex:1;width:0}.ds-divider__WN0Emr--decorative.sc-ds-divider{border-color:var(--ds-borderColor-light)}.ds-divider__WN0Emr--accessible.sc-ds-divider{border-color:var(--ds-borderColor-default)}`;
+const dsDividerCss = () => `.ds-no-style-leak.sc-ds-divider *.sc-ds-divider{all:unset;box-sizing:border-box;display:block}.ds-divider__pA2cRq.sc-ds-divider{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);border:none;display:block}.ds-divider__pA2cRq--horizontal.sc-ds-divider{border-top:var(--ds-borderWidth-hairline) solid;margin:var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall));width:100%}.ds-divider__pA2cRq--vertical.sc-ds-divider{display:inline-flex;flex-direction:column;align-self:stretch;height:100%;border-left:var(--ds-borderWidth-hairline) solid;margin:0 var(--ds-divider-spacing-after, var(--ds-spacing-2xSmall)) 0 var(--ds-divider-spacing-before, var(--ds-spacing-2xSmall));flex:1;width:0}.ds-divider__pA2cRq--decorative.sc-ds-divider{border-color:var(--ds-borderColor-light)}.ds-divider__pA2cRq--accessible.sc-ds-divider{border-color:var(--ds-borderColor-default)}`;
 
 const DsDivider = class {
     constructor(hostRef) {
@@ -22,7 +22,7 @@ const DsDivider = class {
             '--ds-divider-spacing-before': this.dsCustomPaddingBefore ?? this.toSpacingValue(this.dsPadding),
             '--ds-divider-spacing-after': this.dsCustomPaddingAfter ?? this.toSpacingValue(this.dsPadding),
         };
-        return (h(Host, { key: 'c32b42d11ec24625a6d3718a64c4f3c58bf1a07e', style: hostStyle }, h("hr", { key: '123356c89917b559636f32027ad4e12d72aaaac5', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsOrientation}`), "aria-hidden": this.dsVariant === 'decorative' ? 'true' : undefined })));
+        return (h(Host, { key: '3c8cf29d56294503961838e078d30af609f6ef8b', style: hostStyle }, h("hr", { key: '575eb47fa5b5a102fd8ddcfd69c319b39502d7dd', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsOrientation}`), "aria-hidden": this.dsVariant === 'decorative' ? 'true' : undefined })));
     }
 };
 DsDivider.style = dsDividerCss();

package/dist/esm/ds-grid.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CGO6i46S.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-WIIvD8un.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as componentFactory } from './componentFactory-BbacL2PN.js';
-import './store-a5NsO1Yj.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './store-DYWVDmmN.js';
 
-const dsGridCss = () => `.ds-grid__WN0Emr.ds-grid__WN0Emr--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__WN0Emr.ds-grid__WN0Emr--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__WN0Emr.ds-grid__WN0Emr--container{margin:0 auto}}.ds-grid__WN0Emr.ds-grid__WN0Emr__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__WN0Emr.ds-grid__WN0Emr__flex:not(.ds-grid__WN0Emr.ds-grid__WN0Emr__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__WN0Emr.ds-grid__WN0Emr__flex:not(.ds-grid__WN0Emr.ds-grid__WN0Emr__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-2xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 45rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__flex:not(.ds-grid__WN0Emr.ds-grid__WN0Emr__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__WN0Emr.ds-grid__WN0Emr__flex:not(.ds-grid__WN0Emr.ds-grid__WN0Emr__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__WN0Emr.ds-grid__WN0Emr__grid.ds-grid__WN0Emr--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__grid.ds-grid__WN0Emr--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__grid.ds-grid__WN0Emr--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__grid.ds-grid__WN0Emr--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__grid.ds-grid__WN0Emr--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__WN0Emr.ds-grid__WN0Emr__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__WN0Emr.ds-grid__WN0Emr__grid[style*="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__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__WN0Emr.ds-grid__WN0Emr__grid[style*="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__WN0Emr.ds-grid__WN0Emr__grid:not([style*="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__WN0Emr.ds-grid__WN0Emr__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__WN0Emr.ds-grid__WN0Emr__grid[style*="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__WN0Emr.ds-grid__WN0Emr__grid:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}`;
+const dsGridCss = () => `.ds-grid__pA2cRq.ds-grid__pA2cRq--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__pA2cRq.ds-grid__pA2cRq--container{margin:0 auto}}.ds-grid__pA2cRq.ds-grid__pA2cRq__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__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__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__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-2xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__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__pA2cRq.ds-grid__pA2cRq__flex:not(.ds-grid__pA2cRq.ds-grid__pA2cRq__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__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__grid.ds-grid__pA2cRq--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__pA2cRq.ds-grid__pA2cRq__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__pA2cRq.ds-grid__pA2cRq__grid[style*="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__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__pA2cRq.ds-grid__pA2cRq__grid[style*="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__pA2cRq.ds-grid__pA2cRq__grid:not([style*="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__pA2cRq.ds-grid__pA2cRq__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__pA2cRq.ds-grid__pA2cRq__grid[style*="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__pA2cRq.ds-grid__pA2cRq__grid:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}`;
 
 const DsGrid = class extends Mixin(componentFactory('ds-grid', { transparentForRootTracking: true })) {
     constructor(hostRef) {
@@ -60,7 +60,7 @@ const DsGrid = class extends Mixin(componentFactory('ds-grid', { transparentForR
             [`${baseClass}--container`]: this.dsContainer,
             [`${baseClass}__${this.dsType}`]: this.dsType,
         });
-        return (h(Host, { key: '1968d1901faaa000283eca19c576ac785eae700f', class: classes, style: {
+        return (h(Host, { key: '5a7344f82286b6a074003c96c6cd0542341abb7e', class: classes, style: {
                 ...(this.dsType === 'flex'
                     ? {
                         '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
@@ -89,7 +89,7 @@ const DsGrid = class extends Mixin(componentFactory('ds-grid', { transparentForR
                         '--ds-row-span-tablet': this.dsRowSpanTablet ? `${this.dsRowSpanTablet}` : undefined,
                         '--ds-row-span-desktop': this.dsRowSpanDesktop ? `${this.dsRowSpanDesktop}` : undefined,
                     }),
-            } }, h("slot", { key: 'e7351f15cc350c4a5480ccb8585a24b6c784741e' })));
+            } }, h("slot", { key: '87f19783c5395703efdb643a83c322549714381a' })));
     }
 };
 declareComponentDependencies([h("ds-grid", null)]);

package/dist/esm/ds-group-label.entry.js

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CGO6i46S.js';
-import { c as cx } from './cx-WIIvD8un.js';
-import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as componentFactory } from './componentFactory-BbacL2PN.js';
-import './store-a5NsO1Yj.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { c as cx } from './cx-CbD7OdM5.js';
+import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
+import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import './store-DYWVDmmN.js';
 
-const dsGroupLabelCss = () => `.ds-group-label__WN0Emr__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__WN0Emr{display:flex;flex-direction:column}.ds-group-label__WN0Emr:empty{display:none}`;
+const dsGroupLabelCss = () => `.ds-group-label__pA2cRq__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__pA2cRq{display:flex;flex-direction:column}.ds-group-label__pA2cRq:empty{display:none}`;
 
 const DsGroupLabel = class extends Mixin(componentFactory('ds-group-label')) {
     constructor(hostRef) {
@@ -23,7 +23,7 @@ const DsGroupLabel = class extends Mixin(componentFactory('ds-group-label')) {
     }
     render() {
         const baseClass = cx('ds-group-label');
-        return (h("div", { key: 'e8f93293f6a727f48caec49f4d5ed79a59ef966f', class: baseClass }, h("slot", { key: '7a2a3f11325941b136e59e891351f572e6cee145', name: "label" }, this.dsLabel && h("div", { key: '436b0347291d6519f4a0cbb031c4bf07334c5818', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: 'f617e417b3804a909a17c86a0d0795a7b8176434', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '12593203f2d23b735f4b5e4714e8ca6888487cda', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
+        return (h("div", { key: '21237093f39019b5894e66b3a6a4d109967f1865', class: baseClass }, h("slot", { key: '0ae72c87fc309a7d1e50c9c9e8b8a1736007befd', name: "label" }, this.dsLabel && h("div", { key: 'b46d7b074ed1379f93d6eb24037f4059c2209a71', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: 'ee2a46d2192caef1c74e14cdd05a7a6a36e08bb6', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '347a940c394e9ea3f84697e253690472c82c485d', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
     }
 };
 declareComponentDependencies([h("ds-assistive-text", null)]);

package/dist/esm/ds-icon-360.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIcon360 = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIcon360 = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '4c59d9b97dec3f445c12559b0f6ee0ac9fce3281', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7f865ba39dc95265a144e6e6f8a96914fe903d01', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '68edd5e7c81a51193e0ab344dc5b78fa26ac663d', d: "m353-148-50-51 70-70q-150-17-234-72T55-486q0-100 123-158t302-58q179 0 302.5 57.5T906-486q0 75-71 127.5T646-287v-98q80-16 122.5-46t42.5-55q0-34-77.5-77.5T480-607q-175 0-253 43.5T149-486q0 45 48.5 73T388-358l-85-83 50-52 173 172-173 173Z" }))));
+        return (h(Host, { key: '15080147b645205c157819cb15d2602e9722ba3d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '63fbfbae4c9881a1f5b779e7359e03252f9adcb9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6faad6f1fb078f78842698e829fdae47a422c2a1', 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/esm/ds-icon-account-balance-fill.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconAccountBalanceFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountBalanceFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd985d7a8134b6394c381226d2065c029ab2514ad', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a48e9f14100efb5ef3dcb8146df9779f56b1a6a2', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '61cfe648b4d3ba0c16b594b33a64461add33758b', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (h(Host, { key: '82e4162f7955eea5e4e7cd5e358c5819e825f430', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ba04556c9fcd02c92fc5ac4474545c5708fdfc02', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'f152755cc684d7da2300403fbcaadbc37f57befc', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
     }
 };
 

package/dist/esm/ds-icon-account-balance.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconAccountBalance = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountBalance = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '3646fbd5eec90a88afe943481c151ab14a73b8fa', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'dec697a6ca4d7f21a27770245601bfad547d68f7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '387378182fca90cc7a4260bf54a3d6121ee73c1d', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Zm198-95h454-454Zm0 0h454L480-836 253-704Z" }))));
+        return (h(Host, { key: 'e59914b5ae972e805fab805eb3018cc93b8ac28e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ced08bae09510ec492c71339a732cdc08a5fa23a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8c8224ff6c188eddaea97e90da54be7c9bea3df7', 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/esm/ds-icon-account-circle-fill.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconAccountCircleFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountCircleFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '9c56db8f961a85229827c99e26523561bdf87d59', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '38835d4ca9cd7539dcec279c7ba8926c4719bd0c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'd52e4c15fdb47f0808c97b3957e608569bd4d529', d: "M226-266q62-39 122.5-58T480-343q71 0 133 20t122 57q42-55 59-105.46 17-50.45 17-108.54 0-140.25-95.33-235.62Q620.35-811 480.17-811 340-811 244.5-715.62 149-620.25 149-480q0 58 17.03 108.22Q183.05-321.57 226-266Zm253.81-177q-60.97 0-101.89-41.19Q337-525.37 337-585.69q0-60.31 41.11-101.81 41.1-41.5 102.08-41.5 60.97 0 101.89 41.69 40.92 41.68 40.92 102Q623-525 581.89-484q-41.1 41-102.08 41Zm-.21 388q-87.15 0-164.9-33.28-77.75-33.29-135.82-91.56-58.07-58.27-90.98-135.44Q55-392.46 55-480.39t33.5-165.27Q122-723 180-780.5T315.25-872q77.24-34 165.25-34t165.25 34Q723-838 780.5-780.5T872-645.59q34 77.4 34 165.32 0 87.93-34 165.1Q838-238 780.5-180 723-122 645.46-88.5 567.93-55 479.6-55Z" }))));
+        return (h(Host, { key: '2e5e8fe4c7b01ff0bab4fa35ccc360f327775fea', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '9b0c16a499bfd7fdd1c36b63e827ba30946e2ed9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '5c59dff0011bdb2b4f53aba5e6161b3090ebe9aa', 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/esm/ds-icon-account-circle.entry.js

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconAdd = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAdd = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'eecc4420140fedf40ee6b96b20a17cd88d1d6d7f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f22f8836d52f14665a6fdddaf1f8d465afabd791', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '6eb5595b892d510ff615db226aa4070555092290', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (h(Host, { key: '36660f5ebee28111d7543539d112bd6a3df87062', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f2317923d9d887dfc6fe5a0e88f22edc463ac097', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'a1fec2e28e78ca1a845cf5065348c67310d9f23e', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
     }
 };
 

package/dist/esm/ds-icon-archive-fill.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArchiveFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArchiveFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ed83f1b3917896ea57d66bcad6f8b4caf0892f54', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '754932200aaddb6e0c23971a7dcb625ee9c6fcb6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '5a4cd60c39e8f34c771fc763181452cf90b553ae', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Z" }))));
+        return (h(Host, { key: '3bcec4bf286c044aaded0bc0f2abaf0593eb26ef', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0128d58629cf7a715dda9bb45b3129a6873fe36c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '1441e3bdc023dcd613fcd516f7ad8bf0c0e077e0', 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/esm/ds-icon-archive.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArchive = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArchive = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'e9a1f7334d871545bb6a885e370f1976f36e4bed', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '97bbe00b3c68c1cc1924a4ea228b79599dfcb20a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '253303326b4d647c88945358d14459595b3cf7f6', d: "m480-279 158-158-53-54-65 65v-150h-80v150l-65-64-52 54 157 157ZM189-639v450h582v-450H189ZM95-95v-621l121-150h528l122 150v621H95Zm128-631h513l-36-46H259l-36 46Zm257 312Z" }))));
+        return (h(Host, { key: '7ae8c7f0f69f15fd28bcdebea73d7946460b8989', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5fd25a1b2d9dfd5b25be453c12998522f9db87a7', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'ee186ff444c9fad53b3b65d58905165e261cc0b9', 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/esm/ds-icon-arrow-back.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowBack = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowBack = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'c12382c63edf5649bff50836ff75c1628766a121', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '219205546ad89434bb9a0b425bb9a26ae9a8f543', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'abe1251629d5f866c39612e1f24cde1dcbd11456', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (h(Host, { key: '27739f5b7f682dbb0c2831b8a1a06aa31e8cf80e', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'f79db02409e3aedafce4f5811aad74123a50def9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'e498b55a5197fb7f02ebc7fd00c454812b99537a', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
     }
 };
 

package/dist/esm/ds-icon-arrow-downward.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowDownward = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowDownward = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5029bc5b29f28170157923760075501de3e654cd', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e88034c21a07eee84f826e6122eb1e760c2f2aca', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'dc1f92662ae39ab5fd138f30fec857de95dbb21b', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (h(Host, { key: '624d56cfcf7b352bf7839fc7157317d2f0fb88b5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1d5e27af2349fe274c3bcd74da5368804170cabf', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'e4bc838b8aeac0dc6ab034155920e81bd221582f', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
     }
 };
 

package/dist/esm/ds-icon-arrow-drop-down-circle-fill.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowDropDownCircleFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowDropDownCircleFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'd7802f0b01cc51719e2a8dba2d0087258fcb20ae', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '82f992de6a72e3145eca5d35ddc6099422fbfc28', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'cfa00dc68df4bfb8a257c9f126e06c99d85c2866', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Z" }))));
+        return (h(Host, { key: '2bbcf4f2b8c7c4d0e76046981a3afcdf4b211e0f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '291401cfd33128832defbec543ab1a1ba2e0ab91', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'a4c295291b470fae7c3f5b3aa05b0726fdd0110e', 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/esm/ds-icon-arrow-drop-down-circle.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowDropDownCircle = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowDropDownCircle = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '98b53a4a302429bcbbbfb9a34a7337a9941d07ee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '50d6ee4e9dee4d2df2bd456054f3b4990169c2cc', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: 'ebdf57ac2a73553faac7e5b5fcbf3d1dc6ffe8d5', d: "m480-350 174-174H305l175 174Zm.14 295Q392-55 314.51-88.08q-77.48-33.09-135.41-91.02-57.93-57.93-91.02-135.27Q55-391.72 55-479.86 55-569 88.08-646.49q33.09-77.48 90.86-134.97 57.77-57.48 135.19-91.01Q391.56-906 479.78-906q89.22 0 166.83 33.45 77.6 33.46 135.01 90.81t90.89 134.87Q906-569.34 906-480q0 88.28-33.53 165.75t-91.01 135.28q-57.49 57.8-134.83 90.89Q569.28-55 480.14-55Zm-.14-94q138 0 234.5-96.37T811-480q0-138-96.5-234.5t-235-96.5q-137.5 0-234 96.5t-96.5 235q0 137.5 96.37 234T480-149Zm0-331Z" }))));
+        return (h(Host, { key: '165d8a0399d7b667d3d0503c5293979f6ee4ffaf', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '811c4983366ac15d4c86310db4e20f1e1fffa66c', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '211600c9d98758d8b1a96cd090a6cd21acb406f9', 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/esm/ds-icon-arrow-drop-down.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowDropDown = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowDropDown = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '777670c36edc45b170c506538bb52b61eccd0bc8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0a195617f349f8cb9e279142900cde2770bbce9a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '41e9a78f6bc5a28f5e0600f50d0d4e508a6af614', d: "M480-336 239-576h482L480-336Z" }))));
+        return (h(Host, { key: 'c66ecea589a34face3da43e3ccbc0c733940b8a8', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'bf389ac7420bf48350bda07a02d4b41dfb04a5b6', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '72325bdadcfdf8f685c7089491706f9344e0a279', d: "M480-336 239-576h482L480-336Z" }))));
     }
 };
 

package/dist/esm/ds-icon-arrow-drop-up.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowDropUp = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowDropUp = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '5c6fb52b59c52d656be245b46d83f366bd878fe5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '0877a3c5ee415a82e8ee30eea9ea48b1976d7dfd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '50ef0b18d1de1f0962719e34b448a7101d2fdc1a', d: "m239-383 241-242 241 242H239Z" }))));
+        return (h(Host, { key: '147fa820cb903fa5f8c85d669ac28db5eda5f2fb', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '85bee889630c80cfddc6c3a4a09c3ab8f07513dd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '352b11d50d9aeae4b1a2b46b3ccbd39c15c91afe', d: "m239-383 241-242 241 242H239Z" }))));
     }
 };
 

package/dist/esm/ds-icon-arrow-forward.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-CGO6i46S.js';
+import { r as registerInstance, h, H as Host } from './index-DHrlezow.js';
 
 const DsIconArrowForward = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowForward = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '550e4eb7f2c797e21635ab01dc556570ffc37aa5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e7fe2f404bb0660b63e238e5f5e0e2485f717cfd', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '8c49eabbe3f94b1257c03e2c401aca0da823f370', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
+        return (h(Host, { key: '26778cc0b7fdac671c1466cbaaebba11bc79710f', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '97008036db2263388222e21800097acb5d7b2a3b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 -960 960 960", width: this.dsSize, height: this.dsSize, fill: this.dsColour, role: this.dsRole, "aria-label": this.dsAriaLabel }, h("path", { key: '7e1898cea62566d1796ccf6a95c884df47642534', d: "M645-433H135v-94h510L413-759l67-67 346 346-346 345-67-66 232-232Z" }))));
     }
 };