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

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

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-D_ut7INJ.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-DVRFDmEO.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getRequiredText, a as getOptionalText, v as validityMessage } from './controlUtils-BoSkytI_.js';
+import { g as getRequiredText, a as getOptionalText, v as validityMessage } from './controlUtils-Do94ctdy.js';
 import { t as transformTagName, i as ifDefined, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DrG5p_uT.js';
-import { d as disableEventsFactory } from './disableEventsFactory-CDKs_RuX.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { c as cx } from './cx-gIO_QE3F.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DJfPtVrk.js';
+import { d as disableEventsFactory } from './disableEventsFactory-DCi2KTzz.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
-const dsCheckboxCss = () => `.ds-checkbox__m9sbXh-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__m9sbXh-fieldset__legend.sc-ds-checkbox{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)}.ds-checkbox__m9sbXh-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__m9sbXh.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox: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-checkbox__m9sbXh__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:hover,.ds-checkbox__m9sbXh__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__m9sbXh__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__m9sbXh__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):checked,.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):checked:hover,.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):checked:active,.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):checked:disabled,.ds-checkbox__m9sbXh__input.sc-ds-checkbox:not(.ds-checkbox__m9sbXh__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__m9sbXh__input.sc-ds-checkbox::before{content:"";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:checked::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>")}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:indeterminate::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>")}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:checked:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>")}.ds-checkbox__m9sbXh__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>")}.ds-checkbox__m9sbXh--no-margin.sc-ds-checkbox .ds-checkbox__m9sbXh__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__m9sbXh--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__m9sbXh__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__m9sbXh.sc-ds-checkbox:has(.ds-checkbox__m9sbXh__input:disabled){cursor:not-allowed}.ds-checkbox__m9sbXh-error.sc-ds-checkbox{display:flex}.ds-checkbox__m9sbXh-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}`;
+const dsCheckboxCss = () => `.ds-checkbox__cpPWV0-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__cpPWV0-fieldset__legend.sc-ds-checkbox{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)}.ds-checkbox__cpPWV0-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__cpPWV0.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox: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-checkbox__cpPWV0__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:hover,.ds-checkbox__cpPWV0__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__cpPWV0__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__cpPWV0__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):checked,.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):checked:hover,.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):checked:active,.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):checked:disabled,.ds-checkbox__cpPWV0__input.sc-ds-checkbox:not(.ds-checkbox__cpPWV0__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__cpPWV0__input.sc-ds-checkbox::before{content:"";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:checked::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>")}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:indeterminate::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>")}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:checked:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>")}.ds-checkbox__cpPWV0__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url("data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>")}.ds-checkbox__cpPWV0--no-margin.sc-ds-checkbox .ds-checkbox__cpPWV0__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__cpPWV0--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__cpPWV0__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__cpPWV0.sc-ds-checkbox:has(.ds-checkbox__cpPWV0__input:disabled){cursor:not-allowed}.ds-checkbox__cpPWV0-error.sc-ds-checkbox{display:flex}.ds-checkbox__cpPWV0-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}`;
 
 const DsCheckbox = class extends Mixin(componentFactory('ds-checkbox'), ariaDeprecationFactory, disableEventsFactory) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-D_ut7INJ.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-DVRFDmEO.js';
 import { t as transformTagName, i as ifDefined, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
+import { c as cx } from './cx-gIO_QE3F.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { i as itemsShortage, d as itemsOverage } from './controlUtils-BoSkytI_.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DrG5p_uT.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { i as itemsShortage, d as itemsOverage } from './controlUtils-Do94ctdy.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DJfPtVrk.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
-const dsChipGroupCss = () => `.ds-chip-group__m9sbXh__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
+const dsChipGroupCss = () => `.ds-chip-group__cpPWV0__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}`;
 
 const DsChipGroup = class extends Mixin(componentFactory('ds-chip-group', { stopRootTracking: true }), ariaDeprecationFactory) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-D_ut7INJ.js';
-import { r as removeSelection } from './controlUtils-BoSkytI_.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-DVRFDmEO.js';
+import { r as removeSelection } from './controlUtils-Do94ctdy.js';
 import { t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
+import { c as cx } from './cx-gIO_QE3F.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DrG5p_uT.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DJfPtVrk.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
-const dsChipCss = () => `.ds-chip__m9sbXh: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-chip__m9sbXh{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__m9sbXh:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__m9sbXh:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__m9sbXh__text{padding:0 var(--ds-spacing-3xSmall)}`;
+const dsChipCss = () => `.ds-chip__cpPWV0: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-chip__cpPWV0{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__cpPWV0:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__cpPWV0:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__cpPWV0__text{padding:0 var(--ds-spacing-3xSmall)}`;
 
 const parseName = (newValue, currValue) => {
     return newValue || currValue;

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

@@ -1,16 +1,16 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-D_ut7INJ.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-DVRFDmEO.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, a as debounce, i as ifDefined, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { n as noResultsFound, t as tryADifferentSearchTerm, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, b as atLeastOneOption, r as removeSelection, s as searchOrSelectAnOption, h as selections, m as multiselectable } from './controlUtils-BoSkytI_.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
+import { n as noResultsFound, t as tryADifferentSearchTerm, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, b as atLeastOneOption, r as removeSelection, s as searchOrSelectAnOption, h as selections, m as multiselectable } from './controlUtils-Do94ctdy.js';
+import { c as cx } from './cx-gIO_QE3F.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
 import { S as SCRIM_HEIGHT, F as FEEDBACK_RESET_TIMEOUT, a as FEEDBACK_SET_TIMEOUT } from './constants-CLNvzo86.js';
-import { m as multipleValueFactory } from './multipleValueFactory-CRjd71kC.js';
-import { d as disableEventsFactory } from './disableEventsFactory-CDKs_RuX.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { m as multipleValueFactory } from './multipleValueFactory-CxpHIm17.js';
+import { d as disableEventsFactory } from './disableEventsFactory-DCi2KTzz.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
-const dsComboboxCss = () => `.sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h:not(:has(.ds-combobox__m9sbXh--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__m9sbXh__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__m9sbXh__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__m9sbXh__input-container--disabled.sc-ds-combobox .ds-combobox__m9sbXh__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__m9sbXh__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__m9sbXh__input-container--invalid.sc-ds-combobox:not(.ds-combobox__m9sbXh__input-container--open):not(.ds-combobox__m9sbXh__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__m9sbXh__input-container--invalid.sc-ds-combobox:not(.ds-combobox__m9sbXh__input-container--open):not(.ds-combobox__m9sbXh__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__m9sbXh__input-container.sc-ds-combobox:active:not(.ds-combobox__m9sbXh__input-container--invalid,.ds-combobox__m9sbXh__input-container--disabled.sc-ds-combobox,.ds-combobox__m9sbXh__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__m9sbXh__input-container.sc-ds-combobox:not(.ds-combobox__m9sbXh__input-container--open,.ds-combobox__m9sbXh__input-container.sc-ds-combobox:has(>.ds-combobox__m9sbXh__input-container__clear-button>button:focus),.ds-combobox__m9sbXh__input-container--invalid.sc-ds-combobox,.ds-combobox__m9sbXh__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__m9sbXh__input-container.sc-ds-combobox:has(>.ds-combobox__m9sbXh__input-container__input:focus){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-combobox__m9sbXh__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__m9sbXh__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__m9sbXh__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__m9sbXh__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__m9sbXh__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__m9sbXh__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__m9sbXh__input-container__icon.sc-ds-combobox+.ds-combobox__m9sbXh__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__m9sbXh__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__m9sbXh__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__m9sbXh__input-container__clear-button.sc-ds-combobox,.ds-combobox__m9sbXh__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__m9sbXh__input-container__clear-button.sc-ds-combobox:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-combobox__m9sbXh__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__m9sbXh__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__m9sbXh__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__m9sbXh__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__m9sbXh__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__m9sbXh__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__m9sbXh__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__m9sbXh__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__m9sbXh__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__m9sbXh__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__m9sbXh__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__m9sbXh__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__m9sbXh__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__m9sbXh__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__cpPWV0--full-width)){width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__cpPWV0__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__cpPWV0__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__cpPWV0__input-container--disabled.sc-ds-combobox .ds-combobox__cpPWV0__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__cpPWV0__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__cpPWV0__input-container--invalid.sc-ds-combobox:not(.ds-combobox__cpPWV0__input-container--open):not(.ds-combobox__cpPWV0__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__cpPWV0__input-container--invalid.sc-ds-combobox:not(.ds-combobox__cpPWV0__input-container--open):not(.ds-combobox__cpPWV0__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__cpPWV0__input-container.sc-ds-combobox:active:not(.ds-combobox__cpPWV0__input-container--invalid,.ds-combobox__cpPWV0__input-container--disabled.sc-ds-combobox,.ds-combobox__cpPWV0__input-container--open).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__cpPWV0__input-container.sc-ds-combobox:not(.ds-combobox__cpPWV0__input-container--open,.ds-combobox__cpPWV0__input-container.sc-ds-combobox:has(>.ds-combobox__cpPWV0__input-container__clear-button>button:focus),.ds-combobox__cpPWV0__input-container--invalid.sc-ds-combobox,.ds-combobox__cpPWV0__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__cpPWV0__input-container.sc-ds-combobox:has(>.ds-combobox__cpPWV0__input-container__input:focus){box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-combobox__cpPWV0__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__cpPWV0__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__cpPWV0__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-combobox__cpPWV0__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__cpPWV0__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__cpPWV0__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__cpPWV0__input-container__icon.sc-ds-combobox+.ds-combobox__cpPWV0__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__cpPWV0__input-container__badge-container.sc-ds-combobox{pointer-events:none;user-select:none}.ds-combobox__cpPWV0__input-container__badge-container--padded.sc-ds-combobox{padding-right:calc(var(--ds-spacing-2xSmall) + var(--ds-spacing-4xSmall))}.ds-combobox__cpPWV0__input-container__clear-button.sc-ds-combobox,.ds-combobox__cpPWV0__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__cpPWV0__input-container__clear-button.sc-ds-combobox:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-combobox__cpPWV0__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__cpPWV0__input-container__toggle-button.sc-ds-combobox:focus{outline:none}.ds-combobox__cpPWV0__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__cpPWV0__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-default);background-color:var(--ds-bgColor-white)}.ds-combobox__cpPWV0__options-container--open.sc-ds-combobox{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-combobox__cpPWV0__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__cpPWV0__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__cpPWV0__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__cpPWV0__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__cpPWV0__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__cpPWV0__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__cpPWV0__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__cpPWV0__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__cpPWV0__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 DsCombobox = class extends Mixin(componentFactory('ds-combobox', { stopRootTracking: true }), multipleValueFactory, disableEventsFactory) {
     constructor(hostRef) {
@@ -684,7 +684,7 @@ const DsCombobox = class extends Mixin(componentFactory('ds-combobox', { stopRoo
                 if (this.dsDisabled)
                     return;
                 this.openCombobox('');
-            } }, this.dsIcon && h(DsIcon, { class: `${inputContainerClass}__icon`, dsName: this.dsIcon }), h("input", { ref: el => (this.inputRef = el), class: `${inputContainerClass}__input`, id: this.dsId, form: this.dsForm, type: "text", placeholder: this.dsPlaceholderHidden ? undefined : this.dsPlaceholder || searchOrSelectAnOption(), disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onInput: this.handleInput, onFocus: this.handleFocus, value: this.inputValue, role: "combobox", "aria-required": this.dsRequired ? 'true' : 'false', "aria-autocomplete": "list", "aria-activedescendant": this.activeOption?.dsId || '', "aria-label": !this.dsLabel ? ariaLabel : undefined, "aria-labelledby": this.isMultiple && this.selectedOptions?.length > 0 ? `${this.labelId} ${this.badgeId}` : this.labelId, "aria-expanded": String(this.isOpen), "aria-controls": this.optionsId, ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }), this.isMultiple && this.selectedOptions?.length > 0 && (h("div", { class: classNames(`${inputContainerClass}__badge-container`, {
+            } }, this.dsIcon && h(DsIcon, { class: `${inputContainerClass}__icon`, dsName: this.dsIcon }), h("input", { ref: el => (this.inputRef = el), class: `${inputContainerClass}__input`, id: this.dsId, form: this.dsForm, type: "text", placeholder: this.dsPlaceholderHidden ? undefined : this.dsPlaceholder || searchOrSelectAnOption(), disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onInput: this.handleInput, onFocus: this.handleFocus, value: this.inputValue, role: "combobox", "aria-required": this.dsRequired ? 'true' : 'false', "aria-invalid": this.dsErrorText ? 'true' : 'false', "aria-autocomplete": "list", "aria-activedescendant": this.activeOption?.dsId || '', "aria-label": !this.dsLabel ? ariaLabel : undefined, "aria-labelledby": this.isMultiple && this.selectedOptions?.length > 0 ? `${this.labelId} ${this.badgeId}` : this.labelId, "aria-expanded": String(this.isOpen), "aria-controls": this.optionsId, ...ifDefined('aria-describedby', ariaDescribedBy), ...restAttributes }), this.isMultiple && this.selectedOptions?.length > 0 && (h("div", { class: classNames(`${inputContainerClass}__badge-container`, {
                 [`${inputContainerClass}__badge-container--padded`]: this.dsDisabled || !this.dsClearable,
             }) }, h(this.DsBadge, { dsId: this.badgeId, dsText: `${this.selectedOptions.length}`, dsHiddenAssistiveText: selections(), dsVariant: this.dsDisabled ? 'disabled' : 'default' }))), this.dsClearable && this.selectedOptions?.length > 0 && !this.dsDisabled && (h(DsButton, { class: `${inputContainerClass}__clear-button`, dsVariant: "supplementary", dsIcon: "cancel_fill", dsColour: "black", dsIconTitle: clearButtonAriaLabel, dsIconAriaLabel: clearButtonAriaLabel, onClick: this.handleClearButtonClick, dsAriaLabel: clearButtonAriaLabel, dsAriaDescribedby: this.dsId, dsInInput: true, dsNoFocusRing: true })), h("div", { id: this.buttonId, class: `${inputContainerClass}__toggle-button`, role: "button", tabIndex: -1, "aria-label": !this.dsLabel ? ariaLabel : undefined, "aria-labelledby": this.dsLabel && this.labelId, "aria-expanded": String(this.isOpen), "aria-controls": this.optionsId, onClick: this.handleToggleButtonClick }, h(DsIcon, { class: `${inputContainerClass}__toggle-button__icon`, dsName: this.isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }))), h("div", { class: classNames(optionsContainerClass, {
                 [`${optionsContainerClass}--open`]: this.isOpen,

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-D_ut7INJ.js';
+import { h, r as registerInstance, c as createEvent, e as getElement } from './index-DVRFDmEO.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { d as declareComponentDependencies, t as transformTagName, g as isArrowKey, h as isSelectionKey } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
-import { z as valueMissing, A as badInput, B as rangeUnderflow, C as rangeOverflow, v as validityMessage } from './controlUtils-BoSkytI_.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-CVKohTRb.js';
-import './store-Cwb-vuk0.js';
+import { c as cx } from './cx-gIO_QE3F.js';
+import { z as valueMissing, A as badInput, B as rangeUnderflow, C as rangeOverflow, v as validityMessage } from './controlUtils-Do94ctdy.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-DkNbeA5F.js';
+import './store-CJmuEAso.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__m9sbXh__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__m9sbXh.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__m9sbXh__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__m9sbXh__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__m9sbXh__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-light);box-shadow:var(--ds-shadow-overlay);z-index:1000;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-datepicker-custom__m9sbXh__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__m9sbXh__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__m9sbXh__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__m9sbXh__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__m9sbXh__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__m9sbXh__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__m9sbXh__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__m9sbXh__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__m9sbXh__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__m9sbXh__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__m9sbXh__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__m9sbXh__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__m9sbXh__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__m9sbXh__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__m9sbXh__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__m9sbXh__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__m9sbXh__day--disabled,.ds-datepicker-custom__m9sbXh__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__m9sbXh__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__m9sbXh__day--disabled,.ds-datepicker-custom__m9sbXh__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__m9sbXh__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__m9sbXh__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__m9sbXh__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__m9sbXh__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__m9sbXh__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__m9sbXh__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__m9sbXh__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__m9sbXh__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__m9sbXh__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__m9sbXh__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__m9sbXh__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__m9sbXh__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__m9sbXh__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__cpPWV0__calendar-icon.sc-ds-datepicker-custom{height:100%}.ds-datepicker-custom__cpPWV0.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__cpPWV0__calendar-icon.sc-ds-datepicker-custom{margin-right:calc(-1 * var(--ds-spacing-xSmall))}@supports (-moz-appearance: none){.ds-datepicker-custom__cpPWV0__calendar-icon.sc-ds-datepicker-custom{display:inline-flex}}.ds-datepicker-custom__cpPWV0__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__cpPWV0__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__cpPWV0__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__cpPWV0__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__cpPWV0__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__cpPWV0__calendar--prev.sc-ds-datepicker-custom{animation:slide-in-from-left 250ms ease-out}.ds-datepicker-custom__cpPWV0__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__cpPWV0__weekday-row.sc-ds-datepicker-custom,.ds-datepicker-custom__cpPWV0__day-row.sc-ds-datepicker-custom{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--ds-spacing-3xSmall)}.ds-datepicker-custom__cpPWV0__weekday-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom,.ds-datepicker-custom__cpPWV0__day-row.sc-ds-datepicker-custom [role=gridcell].sc-ds-datepicker-custom{display:contents}.ds-datepicker-custom__cpPWV0__weekday.sc-ds-datepicker-custom,.ds-datepicker-custom__cpPWV0__day.sc-ds-datepicker-custom{aspect-ratio:1;line-height:var(--ds-button-min-height);text-align:center}.ds-datepicker-custom__cpPWV0__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__cpPWV0__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__cpPWV0__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__cpPWV0__day.sc-ds-datepicker-custom:hover:not(.ds-datepicker-custom__cpPWV0__day--disabled,.ds-datepicker-custom__cpPWV0__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-custom__cpPWV0__day.sc-ds-datepicker-custom:active:not(.ds-datepicker-custom__cpPWV0__day--disabled,.ds-datepicker-custom__cpPWV0__day--selected).sc-ds-datepicker-custom{background-color:var(--ds-bgColor-white-active)}.ds-datepicker-custom__cpPWV0__day--other-month.sc-ds-datepicker-custom:not(.ds-datepicker-custom__cpPWV0__day--disabled){color:var(--ds-textColor-secondary)}.ds-datepicker-custom__cpPWV0__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__cpPWV0__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__cpPWV0__day--disabled){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);font-weight:var(--ds-fontWeight-bold)}.ds-datepicker-custom__cpPWV0__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__cpPWV0__day--disabled):hover{background-color:var(--ds-bgColor-primary-hover)}.ds-datepicker-custom__cpPWV0__day--selected.sc-ds-datepicker-custom:not(.ds-datepicker-custom__cpPWV0__day--disabled):active{background-color:var(--ds-bgColor-primary-active)}.ds-datepicker-custom__cpPWV0__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__cpPWV0__footer.sc-ds-datepicker-custom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ds-datepicker-custom__cpPWV0__footer-button--left.sc-ds-datepicker-custom{margin-right:auto}.ds-datepicker-custom__cpPWV0__footer-button--right.sc-ds-datepicker-custom{margin-left:auto}`;
 
 const ANNOUNCER_RESET_TIMEOUT = 2000;
 const INPUT_DEBOUNCE_TIMEOUT = 500;
@@ -655,7 +655,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__m9sbXh__input-container.sc-ds-datepicker-native .ds-datepicker-native__m9sbXh__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__m9sbXh__input-container.sc-ds-datepicker-native .ds-datepicker-native__m9sbXh__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__m9sbXh__input-container.sc-ds-datepicker-native .ds-datepicker-native__m9sbXh__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__m9sbXh__input-container.sc-ds-datepicker-native .ds-datepicker-native__m9sbXh__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__m9sbXh__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__m9sbXh.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__m9sbXh--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__m9sbXh--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__m9sbXh--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__m9sbXh--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__m9sbXh--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__m9sbXh--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__m9sbXh.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__m9sbXh--disabled,.ds-datepicker-native__m9sbXh--readonly.sc-ds-datepicker-native,.ds-datepicker-native__m9sbXh--invalid.sc-ds-datepicker-native,.ds-datepicker-native__m9sbXh.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__m9sbXh.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__m9sbXh--invalid,.ds-datepicker-native__m9sbXh--disabled.sc-ds-datepicker-native,.ds-datepicker-native__m9sbXh--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__m9sbXh.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__m9sbXh.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__m9sbXh.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__m9sbXh__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__m9sbXh__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__m9sbXh__input-container.sc-ds-datepicker-native .ds-datepicker-native__m9sbXh__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__cpPWV0__input-container.sc-ds-datepicker-native .ds-datepicker-native__cpPWV0__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__cpPWV0__input-container.sc-ds-datepicker-native .ds-datepicker-native__cpPWV0__input.sc-ds-datepicker-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-datepicker-native__cpPWV0__input-container.sc-ds-datepicker-native .ds-datepicker-native__cpPWV0__input.sc-ds-datepicker-native::-webkit-calendar-picker-indicator{display:none}.ds-datepicker-native__cpPWV0__input-container.sc-ds-datepicker-native .ds-datepicker-native__cpPWV0__input.sc-ds-datepicker-native::-webkit-clear-button{display:none}.ds-datepicker-native__cpPWV0__calendar-icon.sc-ds-datepicker-native{height:100%}.ds-datepicker-native__cpPWV0.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__cpPWV0--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__cpPWV0--readonly.sc-ds-datepicker-native{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-datepicker-native__cpPWV0--invalid.sc-ds-datepicker-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__cpPWV0--invalid.sc-ds-datepicker-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__cpPWV0--invalid.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__cpPWV0--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-datepicker-native__cpPWV0.sc-ds-datepicker-native:hover:not(.ds-datepicker-native__cpPWV0--disabled,.ds-datepicker-native__cpPWV0--readonly.sc-ds-datepicker-native,.ds-datepicker-native__cpPWV0--invalid.sc-ds-datepicker-native,.ds-datepicker-native__cpPWV0.sc-ds-datepicker-native:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-datepicker-native__cpPWV0.sc-ds-datepicker-native:focus-within:not(.ds-datepicker-native__cpPWV0--invalid,.ds-datepicker-native__cpPWV0--disabled.sc-ds-datepicker-native,.ds-datepicker-native__cpPWV0--readonly).sc-ds-datepicker-native{border-color:var(--ds-borderColor-primary)}.ds-datepicker-native__cpPWV0.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__cpPWV0.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__cpPWV0.sc-ds-datepicker-native{justify-content:space-between}@supports (-moz-appearance: none){.ds-datepicker-native__cpPWV0__calendar-icon.sc-ds-datepicker-native{display:none !important}}.ds-datepicker-native__cpPWV0__input-container.sc-ds-datepicker-native{width:100% !important}@supports (-webkit-touch-callout: none){.ds-datepicker-native__cpPWV0__input-container.sc-ds-datepicker-native .ds-datepicker-native__cpPWV0__input.sc-ds-datepicker-native{position:absolute;inset:0;line-height:var(--ds-fontSize-36);z-index:1}}`;
 
 const DsDatepickerNative = class {
     constructor(hostRef) {
@@ -842,7 +842,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__m9sbXh.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__cpPWV0.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) {

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-D_ut7INJ.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-DVRFDmEO.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
-import { d as dateFormatHint } from './datepickerUtils-CVKohTRb.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { c as cx } from './cx-gIO_QE3F.js';
+import { d as dateFormatHint } from './datepickerUtils-DkNbeA5F.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
 const dsDatepickerCss = () => ``;
 

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

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
+import { c as classNames } from './index-BfTCfPZ1.js';
+import { c as cx } from './cx-gIO_QE3F.js';
+
+const dsDividerCss = () => `.ds-no-style-leak.sc-ds-divider *.sc-ds-divider{all:unset;box-sizing:border-box;display:block}.ds-divider__cpPWV0.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__cpPWV0--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__cpPWV0--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__cpPWV0--decorative.sc-ds-divider{border-color:var(--ds-borderColor-light)}.ds-divider__cpPWV0--accessible.sc-ds-divider{border-color:var(--ds-borderColor-default)}`;
+
+const DsDivider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dsVariant = 'decorative';
+    dsOrientation = 'horizontal';
+    dsPadding = '2xSmall';
+    dsCustomPaddingBefore;
+    dsCustomPaddingAfter;
+    toSpacingValue(size) {
+        return size === 'none' ? '0' : `var(--ds-spacing-${size})`;
+    }
+    render() {
+        const baseClass = cx('ds-divider');
+        const hostStyle = {
+            '--ds-divider-spacing-before': this.dsCustomPaddingBefore ?? this.toSpacingValue(this.dsPadding),
+            '--ds-divider-spacing-after': this.dsCustomPaddingAfter ?? this.toSpacingValue(this.dsPadding),
+        };
+        return (h(Host, { key: '54b5d9b1168fcd4b80c48baa802f4330bd9e7b33', style: hostStyle }, h("hr", { key: '39055e7b5216827ec8ac8ee9edefffad0f6ed3c0', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsOrientation}`), "aria-hidden": this.dsVariant === 'decorative' ? 'true' : undefined })));
+    }
+};
+DsDivider.style = dsDividerCss();
+
+export { DsDivider as ds_divider };

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-D_ut7INJ.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DVRFDmEO.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
+import { c as cx } from './cx-gIO_QE3F.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
-const dsGridCss = () => `.ds-grid__m9sbXh.ds-grid__m9sbXh--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__m9sbXh.ds-grid__m9sbXh--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__m9sbXh.ds-grid__m9sbXh--container{margin:0 auto}}.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__m9sbXh.ds-grid__m9sbXh__flex:not(.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__flex:not(.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__flex:not(.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__flex:not(.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__grid.ds-grid__m9sbXh--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__grid.ds-grid__m9sbXh--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__grid.ds-grid__m9sbXh--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__grid.ds-grid__m9sbXh--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__grid.ds-grid__m9sbXh--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__grid[style*="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__grid[style*="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__m9sbXh.ds-grid__m9sbXh__grid:not([style*="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__m9sbXh.ds-grid__m9sbXh__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__m9sbXh.ds-grid__m9sbXh__grid[style*="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__m9sbXh.ds-grid__m9sbXh__grid:not([style*="--ds-size-desktop: -1"]){grid-column:span var(--ds-size-desktop)}}}`;
+const dsGridCss = () => `.ds-grid__cpPWV0.ds-grid__cpPWV0--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__cpPWV0.ds-grid__cpPWV0--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__cpPWV0.ds-grid__cpPWV0--container{margin:0 auto}}.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__cpPWV0.ds-grid__cpPWV0__flex:not(.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__flex:not(.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__flex:not(.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__flex:not(.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__grid.ds-grid__cpPWV0--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 45rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__grid.ds-grid__cpPWV0--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__grid.ds-grid__cpPWV0--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__grid.ds-grid__cpPWV0--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__grid.ds-grid__cpPWV0--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__grid[style*="--ds-size-mobile: -1"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__grid[style*="--ds-size-tablet: -1"]{grid-column:1/-1}.ds-grid__cpPWV0.ds-grid__cpPWV0__grid:not([style*="--ds-size-tablet: -1"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__cpPWV0.ds-grid__cpPWV0__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__cpPWV0.ds-grid__cpPWV0__grid[style*="--ds-size-desktop: -1"]{grid-column:1/-1}.ds-grid__cpPWV0.ds-grid__cpPWV0__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: '7adc0df22b107ba3146aa2c75f44da3b3d461032', class: classes, style: {
+        return (h(Host, { key: '53b9f9e17526652d20dcbd27923a890d2f96dbfb', 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: '2a03a39994a07f0e22611e0fa59c580022ac339d' })));
+            } }, h("slot", { key: '825ffeb30f8493d575827de6bc2bd527c44961ca' })));
     }
 };
 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-D_ut7INJ.js';
-import { c as cx } from './cx-Zg0uXZCP.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DVRFDmEO.js';
+import { c as cx } from './cx-gIO_QE3F.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
-import './store-Cwb-vuk0.js';
+import { c as componentFactory } from './componentFactory-B_QxX88s.js';
+import './store-CJmuEAso.js';
 
-const dsGroupLabelCss = () => `.ds-group-label__m9sbXh__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__m9sbXh{display:flex;flex-direction:column}.ds-group-label__m9sbXh:empty{display:none}`;
+const dsGroupLabelCss = () => `.ds-group-label__cpPWV0__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__cpPWV0{display:flex;flex-direction:column}.ds-group-label__cpPWV0: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: '1bfffa0fd3604e6190596fd7b04663f28d54e7d4', class: baseClass }, h("slot", { key: '99f4ed52b13edc604e021fd6ea5aec9935e09212', name: "label" }, this.dsLabel && h("div", { key: 'a75e5fd584a2e5e446d3152819cf07fef2f0d627', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: '4594140fd422c65c2ab882c5dc615c9134000521', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: 'a38d19a19394b73956e998e84b08e79e043e2e57', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
+        return (h("div", { key: '5842ee8f8785e403cc9b1273c2b834ccd2a06b6a', class: baseClass }, h("slot", { key: 'aadbb2232a705750d57cca1385fcea602d9ead05', name: "label" }, this.dsLabel && h("div", { key: '19d85f00ffb7f67158bde4cec35e6facc3920c16', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: '035671080b287e6348c204174cf562107550a585', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '65a53c4fc27d791a50fc36c4da99279f3fe5b784', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIcon360 = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIcon360 = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'ada05b6285e6340ca57e1318ae16507d92678242', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '37f652f58b2fdc1da94708b5cddb7a9889775436', 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: 'cfa5a939cb17d624b73e8fc318c9427b56b1b7e3', 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: 'a3d21feeb13746f8230592c6705e817eb329ab02', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '82e7a78a2a870d61ffa996dd686616c159fb010d', 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: 'd5aa10646dcb1f402e5e52c609b17d9ed422612d', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconAccountBalanceFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountBalanceFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '36add0d23cd2620658b1d7f197a7dd3492d25bee', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '7f283dc7b0ec714cc2df1d95d546b997fdaea901', 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: '436e574337ded8372e5beaf749e3ae616bef4a21', d: "M189-233v-339h83v339h-83Zm254 0v-339h82v339h-82ZM55-102v-94h851v94H55Zm633-131v-339h83v339h-83ZM55-609v-95l425-240 426 240v95H55Z" }))));
+        return (h(Host, { key: 'ef3ee7ae9479e8753380861f7ad7cb33ec6a614d', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '70122303d88dabce1b6d2f210ab4e7bed058f353', 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: 'fa4e5250d34265425dc8d267e78c4e97c9d35f70', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconAccountBalance = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountBalance = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '0dc8a793c6dc41cc758fa12756c9c614a4eaf3f1', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '1854313d53c063e0bc63fe9c42df8a45b8f5dff3', 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: '8788deb072025a8fe036fe5b675582bfa887ff8c', 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: '58a95685ab321d67e0a89338d41cdfadf4d9b593', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '67f950c91b9af130bbde99da5578e3366931aaf8', 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: '5880b22e93331a99770f53447c5a8f12fe9c2808', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconAccountCircleFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountCircleFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'f14fc21e5ef8c904c5122572fe0491d7c89ff383', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '6bf2ff4c74e1abdea8725eced32a44df571044de', 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: 'ec0d168e8ff2a4d350d865d1ce71ff3d4392ea3d', 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: '2b1758d9b6bd932baadfc2d21e545d317275b087', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '8bf65196ee57bd14005f71efc1d38b0544b0ec01', 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: 'd508f36549a2274eca7b72737b1797412c224bec', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconAccountCircle = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAccountCircle = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '7c5fd60129bb940df12da153e6ab8a5c34c43b28', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '818b59525186f90425873085c061a6bf6fcee25a', 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: '0edcb3d7bb34974cc82083b56bb287cc0cf55cd3', 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: '6f3018d52ff997fe95398c2c02086e2d6c306d4c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a996417fbb44b6109d367b9d8af8e659bf9e9f73', 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: 'b202cc2bf8c1b8a5c56d61b62f2b4789f86f06b4', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconAdd = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconAdd = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '8f50e0670df7ab94ef149089160e6586decb9568', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '214ce1f20bca27bd47426ca2f49a94060742883d', 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: 'df3e2237b35f0f50de9be38365398b8b91f43f21', d: "M433-433H175v-94h258v-259h94v259h259v94H527v258h-94v-258Z" }))));
+        return (h(Host, { key: '68ecf4c60b7fa82a24596750cc57e7e1e4de8fbe', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e5cae333fd1d435b2b4337a13938f46c0355428a', 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: '416219187f73a565e7c8f8872b4b35dfa81b5f59', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconArchiveFill = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArchiveFill = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '8c88ba97a70ba5409fde52cec8722479bbff44e5', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'ef5c4b5f8948f6d89d7f353cb885d88af455c9e6', 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: 'a7bb54ce76d829ac4da75e2a782a11f87e9125e6', 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: '2b6333cd143f29d15685d5973516a2c478059e03', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'e85933555b40241a1c76e624a3179a6872821b96', 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: '075c08022d08c5cec7015371177f9bcf12687fa8', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconArchive = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArchive = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '75bfc2815a2f5fbbaca6a079a8ab867920a1ae6c', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '75d096647ae58d6e7dbb75feafec6dace7ebde06', 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: 'a87756231c5c5ec35d52092f7fde46c529fbf956', 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: 'ee0fa78e4c3f2e043540040baf0db360b3f1ecc6', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'aecd5b56d38e73149d37df41fe5797a801a9ea97', 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: '5db343707794f166168ad06c5c616584d40aad4b', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconArrowBack = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowBack = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: 'e8f801cdb43d4518edf61ec800555370d3b40cac', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'a6afac8cbe532faab04713c76f63b21036ffb4ab', 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: '93cb2d84c65b3ccfe3f9f3cbc5b49b60cf20abe5', d: "m315-433 232 232-67 66-345-345 345-346 67 67-232 232h511v94H315Z" }))));
+        return (h(Host, { key: '5cdbb8c6f467c525b70b921dd1b97404e7405f97', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '5043b8810c27199a0a20ddcce0674492a63d925c', 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: '76dc199e43fe720ce585776c3955711ea3cf4f80', 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-D_ut7INJ.js';
+import { r as registerInstance, h, H as Host } from './index-DVRFDmEO.js';
 
 const DsIconArrowDownward = class {
     constructor(hostRef) {
@@ -10,7 +10,7 @@ const DsIconArrowDownward = class {
     dsColour;
     dsAriaLabel = 'Icon';
     render() {
-        return (h(Host, { key: '54881b4a96e40164dd781a470ead7e838d1e0866', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: 'b872391d9cad4ada9ae2457bca5a065f7a5e7923', 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: '43166369a140b553fdc236bd8599965f39d6e974', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
+        return (h(Host, { key: 'e486a5fbf8d936da93ee8b3a019a2927400f1b81', style: { display: 'flex' }, title: this.dsTitle }, h("svg", { key: '3e4a24bc15ab049c6e7f197e17fb0d257652ff94', 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: 'aaee51e627220448ded51cb0b225916b1864ee22', d: "M433-826v511L201-547l-66 67 345 345 346-345-67-67-232 232v-511h-94Z" }))));
     }
 };