@uh-design-system/component-library 1.3.0-rc.9 → 1.3.1

package/dist/component-library/p-b653e373.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,d as e,h as i,M as o,f as d,H as l}from"./p-BOC35Duk.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as n,t as a,c,b as h,a as p,d as _}from"./p-J5Ghj1_T.js";import{c as u}from"./p-C0ZojNxk.js";import{b,i as v}from"./p-DfbgRyXR.js";import{S as m,F as g}from"./p-CLNvzo86.js";import{m as f,z as x,b as y,e as w,l as N,w as K,f as J,r as X,h as k}from"./p-h0uIiPB8.js";import{m as C}from"./p-BsHbsMaM.js";import"./p-ClygN-Rc.js";const O=n("ds-options"),S=class{constructor(e){s(this,e),this.dsEsc=t(this,"dsEsc"),this.dsActiveIndexChange=t(this,"dsActiveIndexChange")}get el(){return e(this)}optionsListRef;optionsListInnerRef;inheritedAttributes={};dsEsc;dsActiveIndexChange;dsId=O.next().value;dsSelectedValue;dsActiveIndex=0;dsLabelId;dsAriaMultiselectable;hasBottomScrim=!1;hasTopScrim=!1;onActiveIndexChange(s){this.scrollToActiveOption(s)}componentWillLoad(){this.inheritedAttributes={...v(this,this.el),...b(this.el,["aria-labelledby"])}}componentDidLoad(){this.updateScrimClasses()}componentDidUpdate(){this.updateScrimClasses()}handleScroll=()=>{this.updateScrimClasses()};updateScrimClasses=()=>{this.optionsListRef&&this.optionsListInnerRef&&(this.hasBottomScrim=!(Math.ceil(this.optionsListInnerRef.scrollTop+this.optionsListInnerRef.clientHeight)>=this.optionsListInnerRef.scrollHeight),this.hasTopScrim=this.optionsListInnerRef.scrollTop>0,this.optionsListRef.querySelectorAll(`.${u("ds-option-group")}__label`).forEach((s=>{const t=s.getBoundingClientRect(),e=this.optionsListRef.getBoundingClientRect();this.optionsListInnerRef.scrollTop>0&&t.top<=e.top&&t.bottom>e.top?s.classList.add(`${u("ds-option-group")}__label__shadow`):s.classList.remove(`${u("ds-option-group")}__label__shadow`)})))};get DsOptionTag(){return a("ds-option","ds-options",this.el)}getActiveOption(s){const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));return!t.length||s<0||s>=t.length?null:t[s]}scrollToActiveOption=s=>{const t=this.getActiveOption(s);if(!t)return;const e=this.optionsListInnerRef?.getBoundingClientRect(),i=t.getBoundingClientRect();e&&i&&(this.hasBottomScrim&&i.bottom>e.bottom-m?this.optionsListInnerRef.scrollTop+=i.bottom-(e.bottom-m):this.hasTopScrim&&i.top<e.top+m&&(this.optionsListInnerRef.scrollTop-=e.top+m-i.top))};moveToNextEnabledOption(s,t){let e=this.dsActiveIndex,i=0;do{if(e="down"===t?(e+1)%s.length:(e-1+s.length)%s.length,i++,i>2*s.length)break}while(s[e].dsDisabled&&e!==this.dsActiveIndex);this.dsActiveIndex=e,this.dsActiveIndexChange.emit(this.dsActiveIndex)}handleKeyDown=s=>{const t=Array.from(this.el.querySelectorAll(this.DsOptionTag));if(t.length){if("ArrowDown"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"down")),"ArrowUp"===s.key&&(s.preventDefault(),this.moveToNextEnabledOption(t,"up")),"Enter"===s.key||" "===s.key){s.preventDefault();const e=t[this.dsActiveIndex];e&&!e.dsDisabled&&e.click()}"Tab"===s.key&&(s.shiftKey||s.preventDefault(),this.dsEsc.emit({key:s.shiftKey?"Shift+Tab":"Tab"})),"Escape"===s.key&&(s.preventDefault(),this.dsEsc.emit({key:s.key}))}};render(){const s=u("ds-options");return i("div",{key:"b9f13d73371005bbf70f11583c18b012fa88f700",id:this.dsId,class:r(s,{"has-bottom-scrim":this.hasBottomScrim,"has-top-scrim":this.hasTopScrim}),role:"listbox",tabindex:0,onKeyDown:this.handleKeyDown,ref:s=>this.optionsListRef=s,onScroll:this.handleScroll,onFocus:this.updateScrimClasses,"aria-multiselectable":this.dsAriaMultiselectable?"true":"false","aria-label":this.dsAriaMultiselectable?f():void 0,"aria-labelledby":[this.dsLabelId,this.dsId].filter(Boolean).join(" "),...this.inheritedAttributes},i("div",{key:"8b01781bdee396e699773f00a005d5fa905b0697",class:`${s}__inner`,ref:s=>this.optionsListInnerRef=s,onScroll:this.handleScroll},i("div",{key:"8d11cd63f31bdfb7c20df01500898df7360ec973",class:`${s}__top-scrim`,"aria-hidden":"true"}),i("slot",{key:"b443551914771e71676171aacf6fecfc04b24cea"}),i("div",{key:"0f8b194e6b9c1890eb875890843edb14b634e6b7",class:`${s}__bottom-scrim`,"aria-hidden":"true"})))}static get watchers(){return{dsActiveIndex:["onActiveIndexChange"]}}};S.style=".ds-options__JXNKsd__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__JXNKsd.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__JXNKsd.sc-ds-options:focus{outline:none}.ds-options__JXNKsd__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__JXNKsd__top-scrim.sc-ds-options,.ds-options__JXNKsd__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__JXNKsd__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__JXNKsd__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__JXNKsd.has-top-scrim.sc-ds-options .ds-options__JXNKsd__top-scrim.sc-ds-options{display:block}.ds-options__JXNKsd.has-bottom-scrim.sc-ds-options .ds-options__JXNKsd__bottom-scrim.sc-ds-options{display:block}.ds-options__JXNKsd.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__JXNKsd.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";const $=n("ds-select"),I={dsPlaceholder:x},L=(s,t)=>t||I[s](),A=class extends(o(C)){constructor(e){super(),s(this,e),this.dsMultipleChange=t(this,"dsMultipleChange"),this.dsChange=t(this,"dsChange"),this.dsSubmitInvalid=t(this,"dsSubmitInvalid"),this.dsValidity=t(this,"dsValidity"),this.dsBlur=t(this,"dsBlur"),this.dsFocus=t(this,"dsFocus"),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals)}inheritedAttributes={};get el(){return e(this)}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=$.next().value;dsName=this.dsId;dsLabel;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;texts={dsPlaceholder:x()};feedback=[];inputValidityId;get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}getInputValidityId(){return this.inputValidityId||(this.inputValidityId=`${this.dsId}-validity`),this.inputValidityId}setTexts(){this.texts={dsPlaceholder:L("dsPlaceholder",this.dsPlaceholder)}}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this.setTexts(),this.inheritedAttributes={...v(this,this.el),...b(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},y()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleLanguageChange(){this.setTexts()}onFocusIn(){this.hasFocus=!0}onFocusOut(s){const t=s&&"relatedTarget"in s?s.relatedTarget:null;(!t||!this.el.contains(t))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){if(this.dsDisabled)return;this.activeIndex=null,this.selectedOptions=[];const s=[...this.value];this.value=this.toValue(null),this.isOpen=!1,this.dsMultipleChange.emit({values:[],added:null,removed:s}),this.dsChange.emit(null),this.dsRequired&&this.dsValidity.emit({flag:"customError",message:this.internals?.validationMessage}),(this.customSelectRef||this.nativeSelectRef)?.focus()}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),this.scrollToActiveOption(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${u("ds-options")}`);s?.focus()})))}scrollToActiveOption(){if(null===this.activeIndex)return;const s=this.el.querySelector(`.${u("ds-options")}`),t=s?.querySelectorAll(`.${u("ds-option")}`);if(!t||this.activeIndex>=t.length)return;const e=t[this.activeIndex];e&&window.requestAnimationFrame((()=>{e.focus(),e.scrollIntoView({behavior:"instant",block:"center"})}))}getBadgeContainerWidthOffset=async()=>{await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,t=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&t?s+t:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const t=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==t)return t}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const t=this.getAllOptions();this.activeOption=null!==s?t[s]:null,t.forEach(((s,t)=>{s.dsActive=t===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}textPropObserver(s,t,e){this.texts={...this.texts,[e]:L(e,s)}}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,t){const e=s.map((s=>s.dsValue)),i=t?.map((s=>s.dsValue))||[],o=i.filter((s=>!e.includes(s))),d=e.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;t?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0)),l&&(this.dsMultipleChange.emit({values:e,added:d,removed:o}),this.dsChange.emit(e[0]||null),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],d(this)};debouncedResetFeedback=h(this.resetFeedback,g);appendFeedback=(s,t)=>{this.feedback=[...this.feedback,{key:s,message:t}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((t=>t.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,t,e){if(!s)return this.removeFeedback(e),void(0===this.feedback.length&&this.appendFeedback("default",w()));"dsLoading"===e&&s?this.appendFeedback(e,this.dsLoadingText||N()):"dsOptionsError"===e&&s&&this.appendFeedback(e,this.dsOptionsErrorText||`${K()} ${J()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const t=this.getAllOptions().filter((t=>s.includes(t.dsValue)));0!==t.length?await this.setSelectedOptions(t):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},y()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return i(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.texts.dsPlaceholder,dsIcon:this.dsIcon,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},i("slot",{name:"label"}),i("slot",{name:"native"}))}renderCustomSelect(s){const t=0===this.selectedOptions.length,e=`${this.dsId}-label`,o=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=this.dsErrorText?this.getInputValidityId():void 0,n=`ds-select-options-${this.dsId}`,c=`${s}-custom`,h=a("ds-badge","ds-select",this.el),p=a("ds-button","ds-select",this.el),_=a("ds-options","ds-select",this.el),u=a("ds-options-message","ds-select",this.el),b=a("ds-control-label","ds-select",this.el),v=X(!0);return i("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},i(b,{dsId:e,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},i("slot",{name:"label"})),i("div",{class:`${c}-wrapper`},i("div",{class:`${c}-input-container`},i("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(`${c}`,{[`${s}--full-width`]:this.dsFullWidth,[`${c}--open`]:this.isOpen,[`${c}--none-selected`]:t,[`${c}--disabled`]:this.dsDisabled,[`${c}--invalid`]:!!this.dsErrorText,[`${c}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${e} ${o}`:e,"aria-describedby":l,"aria-controls":n,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},i("div",{class:`${c}__selected-option`},this.dsIcon&&i(this.DsIcon,{class:`${c}__selected-option__placeholder-icon`,dsName:this.dsIcon}),i("span",{id:d,class:r(`${c}__selected-option__text`,{[`${c}__selected-option__text--none-selected`]:t,[`${c}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.texts.dsPlaceholder)),i(this.DsIcon,{ref:s=>{this.iconRef=s},class:{[`${c}__dropdown-icon`]:!0,[`${c}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled},dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&i("div",{class:`${c}__badge-container`},i(h,{ref:s=>this.badgeRef=s,dsId:o,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:k()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&i(p,{ref:s=>{this.clearButtonRef=s},class:`${c}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:v,dsIconAriaLabel:v,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:v,dsAriaDescribedby:d})),i("div",{id:n,class:{[`${c}__options-container`]:!0,[`${c}__options-container--open`]:this.isOpen},onClick:s=>{const t=s.target.closest(this.DsOption);this.handleOptionClick(t)}},i(u,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),i(_,{dsActiveIndex:this.activeIndex,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:e,dsAriaMultiselectable:this.isMultiple},i("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>i("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),!!this.dsErrorText&&i(this.DsInputValidity,{id:this.getInputValidityId(),dsText:this.dsErrorText,dsType:"error"}),i(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=u("ds-select");return i(l,{key:"5d6fdedf190b9040c1869ff2be4331fadb83f5f5",...p("name",this.isNative?void 0:this.dsName)},i("div",{key:"dec05e1fe41a47af1e678a013ad0db540c00d37a",tabIndex:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:["activeIndexObserver"],clearButtonRef:["clearButtonRefObserver"],badgeRef:["clearButtonRefObserver"],dsPlaceholder:["textPropObserver"],value:["valueObserver"],dsValue:["dsValueObserver"],selectedOptions:["selectedOptionsObserver"],hasFocus:["hasFocusObserver"],dsLoading:["optionsMessagePropertyObserver"],dsOptionsError:["optionsMessagePropertyObserver"]}}};_([i("ds-select-native",null),i("ds-icon",{dsName:""}),i("ds-input-validity",null),i("ds-button",null),i("ds-options",null),i("ds-control-label",null),i("ds-feedback",null)]),A.style=".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__JXNKsd--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__JXNKsd-custom.sc-ds-select{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:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__JXNKsd-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__JXNKsd-custom-wrapper.sc-ds-select{position:relative}.ds-select__JXNKsd-custom.sc-ds-select .ds-options__JXNKsd.sc-ds-select{display:block}.ds-select__JXNKsd-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__JXNKsd-custom-input-container.sc-ds-select:has(.ds-select__JXNKsd-custom__clear-button:hover) .ds-select__JXNKsd-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__JXNKsd-custom.sc-ds-select:not(.ds-select__JXNKsd-custom--open,.ds-select__JXNKsd-custom--invalid.sc-ds-select,.ds-select__JXNKsd-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__JXNKsd-custom.sc-ds-select:active:not(.ds-select__JXNKsd-custom--open,.ds-select__JXNKsd-custom--invalid.sc-ds-select,.ds-select__JXNKsd-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__JXNKsd-custom--open.sc-ds-select,.ds-select__JXNKsd-custom.sc-ds-select: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-select__JXNKsd-custom--open.sc-ds-select:not(.ds-select__JXNKsd-custom--open--invalid,.ds-select__JXNKsd-custom.sc-ds-select:focus-visible--invalid),.ds-select__JXNKsd-custom.sc-ds-select:focus-visible:not(.ds-select__JXNKsd-custom--open--invalid,.ds-select__JXNKsd-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__JXNKsd-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-custom--disabled.sc-ds-select .ds-select__JXNKsd-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__JXNKsd-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-custom--invalid.sc-ds-select:not(.ds-select__JXNKsd-custom--invalid--open,.ds-select__JXNKsd-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__JXNKsd-custom--invalid.sc-ds-select:not(.ds-select__JXNKsd-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__JXNKsd-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__JXNKsd-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__JXNKsd-custom--has-icon.sc-ds-select .ds-select__JXNKsd-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__JXNKsd-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__JXNKsd-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__JXNKsd-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__JXNKsd-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__JXNKsd-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__JXNKsd-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__JXNKsd-custom__options-container.sc-ds-select{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-select__JXNKsd-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__JXNKsd-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__JXNKsd-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__JXNKsd-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{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:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__JXNKsd-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";export{S as ds_options,A as ds_select}

package/dist/component-library/p-b76528ed.entry.js

@@ -1 +0,0 @@
-import{h as s,r as o,c as d,d as t,F as i}from"./p-BOC35Duk.js";import{c as e}from"./p-BfTCfPZ1.js";import{i as r,d as n,t as a}from"./p-J5Ghj1_T.js";import{c as l}from"./p-C0ZojNxk.js";import{b as c,i as p}from"./p-DfbgRyXR.js";const h=r("ds-option"),b=class{constructor(s){o(this,s),this.dsClick=d(this,"dsClick"),this.dsMounted=d(this,"dsMounted"),this.dsValueChange=d(this,"dsValueChange"),this.dsLabelChange=d(this,"dsLabelChange")}get el(){return t(this)}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=h.next().value;dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;dsVariant="default";internalTabIndex=-1;get isMultiple(){return"multiple"===this.dsVariant}onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}onClick(){this.dsClick.emit()}dsActiveObserver(s){this.internalTabIndex=s&&!this.dsDisabled?0:-1,s&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(s,o){this.dsValueChange.emit({newValue:s,oldValue:o})}dsLabelObserver(s,o){this.dsLabelChange.emit({value:this.dsValue,label:s,newLabel:s,oldLabel:o})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(a("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...p(this,this.el,["tabindex"]),...c(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){this.dsMounted.emit();let s=this.optionLabelTextRef?.textContent||"";this.observer=new MutationObserver((o=>{const d=this.optionLabelTextRef?.textContent||"";for(const t of o)("childList"===t.type||t.addedNodes.length>0||t.removedNodes.length>0)&&this.dsLabelChange.emit({value:this.dsValue,label:d,newLabel:d,oldLabel:s});s=d})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const o=l("ds-option"),d=a("ds-icon","ds-option",this.el);return s("div",{key:"617828c8b3b4b710d9072b25444228143758e22c",ref:s=>this.optionRef=s,id:this.dsId,class:e(o,{[`${o}--multiple`]:this.isMultiple,[`${o}--active`]:this.dsActive,[`${o}--selected`]:this.dsSelected,[`${o}--disabled`]:this.dsDisabled,[`${o}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},this.isMultiple&&s("span",{key:"307d2ca0378710fcaa8fc40ccbd3f93902b42f7c",class:`${o}__checkbox`},this.dsSelected&&s(d,{key:"eeb57d6628b70f26a9aad23dcb01422ecf591a74",class:`${o}__checkbox__icon`,dsName:"check_small",dsSize:"1.25rem",dsColour:this.dsDisabled?"ds-textColor-disabled-onLight":"ds-textColor-white"})),s(i,{key:"432e557bf4c5087c713549e052879a98cb426163"},s("span",{key:"7efeaed898dacd10df1828fb8d21cd24549034ef"},s("span",{key:"a434ea8915569f3531d961218469826d8d17070f",class:`${o}__label`,ref:s=>this.optionLabelTextRef=s},s("slot",{key:"d560ac070733192917b49dd7a669f1312ee50beb"},this.dsLabel)),this.dsDescription&&s("span",{key:"f99bf6fab8d8af6bcffe51eeefe1b567ddb47ddf",class:`${o}__description`},this.dsDescription)),!this.isMultiple&&this.dsSelected&&s(d,{key:"56482d641c668355dc8628bd8188af1cf8ede038",dsName:"check",class:`${o}__check-icon`})))}static get watchers(){return{dsActive:["dsActiveObserver"],dsValue:["dsValueObserver"],dsLabel:["dsLabelObserver"]}}};n([s("ds-icon",{dsName:""})]),b.style=".ds-option__JXNKsd.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__JXNKsd.sc-ds-option:not(.ds-option__JXNKsd--multiple){justify-content:space-between}.ds-option__JXNKsd--hidden.sc-ds-option{display:none}.ds-option__JXNKsd--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__JXNKsd.sc-ds-option:hover:not(.ds-option__JXNKsd--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__JXNKsd.sc-ds-option:active:not(.ds-option__JXNKsd--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__JXNKsd--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__JXNKsd--active.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple){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 * 1)}.ds-option__JXNKsd--multiple.ds-option__JXNKsd--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__JXNKsd--multiple.sc-ds-option .ds-option__JXNKsd__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__JXNKsd--multiple.ds-option__JXNKsd--disabled.sc-ds-option .ds-option__JXNKsd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__JXNKsd--multiple.ds-option__JXNKsd--disabled.sc-ds-option:not(.ds-option__JXNKsd--selected) .ds-option__JXNKsd__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__JXNKsd--selected.sc-ds-option .ds-option__JXNKsd__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple).ds-option__JXNKsd--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple) .ds-option__JXNKsd__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple) .ds-option__JXNKsd__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple).ds-option__JXNKsd--disabled .ds-option__JXNKsd__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple):hover:not(.ds-option__JXNKsd--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__JXNKsd--selected.sc-ds-option:not(.ds-option__JXNKsd--multiple):active:not(.ds-option__JXNKsd--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__JXNKsd__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__JXNKsd__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__JXNKsd__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__JXNKsd__description.sc-ds-option:not(:empty){display:block}";const _=class{constructor(s){o(this,s)}inheritedAttributes={};get el(){return t(this)}dsLabel;dsHidden=!1;dsMouseDownPreventDefault=!1;groupId;get DsOptionTag(){return a("ds-option","ds-option-group",this.el)}dsLabelObserver(s){this.groupId=`ds-option-group-label-${s.replace(/\s+/g,"-").toLowerCase()}`}async hasVisibleOptions(){return Array.from(this.el.querySelectorAll(this.DsOptionTag)).some((s=>!s.dsHidden))}componentWillLoad(){this.groupId=`ds-option-group-label-${this.dsLabel.replace(/\s+/g,"-").toLowerCase()}`,this.inheritedAttributes={...p(this,this.el),...c(this.el,["aria-labelledby"])}}onMouseDown(s){this.dsMouseDownPreventDefault&&s.preventDefault()}render(){const o=l("ds-option-group");return s("div",{key:"79121a625288e2789ba1b043cc542b44062bf44a",class:e(`${o}`,{[`${o}--hidden`]:this.dsHidden}),role:"group","aria-labelledby":this.groupId,...this.inheritedAttributes},s("div",{key:"9f1ee4c542336e1b8e27b389b5c49c894cd87551",class:`${o}__label`,id:this.groupId},this.dsLabel),s("slot",{key:"ecbc22896f968f94093d946603e7f9b2f387bac0"}))}static get watchers(){return{dsLabel:["dsLabelObserver"]}}};_.style=".ds-option-group__JXNKsd.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__JXNKsd--hidden.sc-ds-option-group{display:none}.ds-option-group__JXNKsd.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__JXNKsd__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__JXNKsd__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";export{b as ds_option,_ as ds_option_group}

package/dist/component-library/p-b93f3879.entry.js

@@ -1 +0,0 @@
-import{h as e,r as s,d as t}from"./p-BOC35Duk.js";import{b as i,i as n}from"./p-DfbgRyXR.js";import{c as d}from"./p-BfTCfPZ1.js";import{d as r,t as a}from"./p-J5Ghj1_T.js";import{c as o}from"./p-C0ZojNxk.js";const l={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},g={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},f={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)",danger:"var(--ds-palette-red-70)"},h=class{constructor(e){s(this,e)}inheritedAttributes={};get el(){return t(this)}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...i(this.el,["role","aria-live"])}}render(){const s=l[this.dsSize],t=this.dsCustomSize?"":g[this.dsSize],i=f[this.dsColour],n=o("ds-spinner"),r=d(n,{[`${n}--${this.dsSize}`]:!this.dsCustomSize,[`${n}--custom`]:!!this.dsCustomSize,[`${n}--${this.dsTextPosition}`]:!!this.dsText}),h=d(`${n}__text`,t,`${n}__text--${this.dsColour}`),p=e=>d(`${n}__segment`,`${n}__segment--${e}`),m=a("ds-visually-hidden","ds-spinner",this.el);return e("div",{key:"d2425687fe8ae67ad7ff01132ac72184385e1a0d",role:this.dsUseRoleAlert?"alert":null,"aria-live":this.dsUseAriaLive?"polite":null,class:r,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${s}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},e("div",{key:"67cce14bb5c2bc346e2c519ab657fe3b5c84ccea",class:`${n}__spinner`},e("div",{key:"33ec73e1e87db9bf3c1f7985cbc4900664804c89",class:p(1)}),e("div",{key:"8a578d81fe59d7856eb85e8197a50e7777b6bfe9",class:p(2)}),e("div",{key:"678765cd3a18f8e4aead12455db4bb9d95fae00f",class:p(3)})),this.dsHiddenAssistiveText&&e(m,{key:"55b13d79bc246d64f34558485e1c9cbc45e3f827"},e("span",{key:"6c6d0f99695f0685ffa0041b3fc1c9f4cc0e5c96"},this.dsHiddenAssistiveText)),this.dsText&&e("span",{key:"6b09a79c0766e6409ab6bbbb0adb18532520482a",class:h,style:{fontSize:this.dsCustomTextSize}},this.dsText))}};r([e("ds-visually-hidden",null)]),h.style="html{font-size:100%}body{font-size:1rem}.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__JXNKsd{display:inline-block}.ds-spinner__JXNKsd:has(.ds-spinner__JXNKsd__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__JXNKsd{}.ds-spinner__JXNKsd--small{padding:1.5px}.ds-spinner__JXNKsd--medium{padding:3px}.ds-spinner__JXNKsd--large{padding:3px}.ds-spinner__JXNKsd--xLarge{padding:5.5px}.ds-spinner__JXNKsd--2xLarge{padding:5.5px}.ds-spinner__JXNKsd--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__JXNKsd{}.ds-spinner__JXNKsd--below{flex-direction:column;align-items:center}.ds-spinner__JXNKsd--right{flex-direction:row;align-items:center}.ds-spinner__JXNKsd__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__JXNKsd__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__JXNKsd__text--white{color:var(--ds-textColor-white)}.ds-spinner__JXNKsd__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__JXNKsd__segment--1{animation-delay:-0.3s}.ds-spinner__JXNKsd__segment--2{animation-delay:-0.2s}.ds-spinner__JXNKsd__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__JXNKsd__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__JXNKsd__segment--1{animation-delay:-0.6s}.ds-spinner__JXNKsd__segment--2{animation-delay:-0.4s}.ds-spinner__JXNKsd__segment--3{animation-delay:-0.2s}}";export{h as ds_spinner}

package/dist/component-library/p-c3233fe1.entry.js

@@ -1 +0,0 @@
-import{M as t,r as s,c as i,d,f as o,h as r,F as e}from"./p-BOC35Duk.js";import{c as a}from"./p-BfTCfPZ1.js";import{b as n,i as l}from"./p-DfbgRyXR.js";import{v as c,g as _}from"./p-h0uIiPB8.js";import{i as b,t as u,a as h,d as v}from"./p-J5Ghj1_T.js";import{c as g}from"./p-C0ZojNxk.js";import{a as f}from"./p-LFJz26-O.js";import"./p-ClygN-Rc.js";const N=b("ds-radio-button"),p=class extends(t(f)){constructor(t){super(),s(this,t),this.dsChange=i(this,"dsChange"),this.dsCheck=i(this,"dsCheck"),this.dsFocus=i(this,"dsFocus"),this.dsBlur=i(this,"dsBlur"),this.dsSubmitInvalid=i(this,"dsSubmitInvalid"),this.dsValidity=i(this,"dsValidity")}dsAriaLabel;dsAriaDescribedby;radioGroup=null;inputElement;inheritedAttributes={};get el(){return d(this)}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=N.next().value;_dsName=this.dsId;async setName(t){this._dsName=this.radioGroup?.dsName||t||this._dsName}get dsName(){return this._dsName}set dsName(t){this.setName(t)}dsErrorsDisabled=!1;dsValue=this.dsId;dsLabel;dsAssistiveText;dsText;dsRequired=!1;dsDisabled=!1;dsChecked=!1;dsErrorText="";focusable=!0;groupInvalid=!1;initialChecked=!1;errorTextId=`${this.dsId}-error`;assistiveTextId=`${this.dsId}-assistive-text`;async setFocus(){this.inputElement.focus()}async setFocusable(t){this.focusable=t}async setChecked(){this.dsChecked=!0,this.dsCheck.emit()}async checkValidity(){return this.inputElement?.checkValidity()}dsCheckedObserver(t){this.dsChange.emit({checked:t,value:this.dsValue});const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsValidity.emit({flag:t,message:c(t)});break}}ariaAttributeObserver(t,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:t},o(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.radioGroup&&this.updateCheckedState(),this.inheritedAttributes={...l(this,this.el),...n(this.el,["aria-invalid"])},this.initialChecked=this.dsChecked}formResetCallback(){this.dsErrorText="",this.dsChecked=this.initialChecked,this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText)}connectedCallback(){this.radioGroup=this.el.closest(u("ds-radio-button-group","ds-radio-button",this.el)),this.radioGroup&&(this.groupInvalid=!!this.radioGroup.dsErrorText,this.dsErrorText=this.radioGroup.dsErrorText,this.radioGroup.addEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.addEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState))}disconnectedCallback(){this.radioGroup&&(this.radioGroup.removeEventListener("dsRadioButtonGroupValueChange",this.updateCheckedState),this.radioGroup.removeEventListener("dsRadioButtonGroupInvalidStateChange",this.updateGroupInvalidState)),this.radioGroup=null}handleInvalid=t=>{if(t.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const t in s)if(s[t]){this.dsSubmitInvalid.emit({flag:t,message:c(t)});break}};updateCheckedState=async()=>{this.radioGroup&&(this.dsChecked=this.dsValue===await this.radioGroup.getValue())};updateGroupInvalidState=t=>{this.groupInvalid=!!t.detail,this.dsErrorText=t.detail};handleInput=()=>{this.setChecked()};handleFocus=()=>{this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const s in t)if(t[s]){this.dsValidity.emit({flag:s,message:c(s)});break}};getLegendText=()=>this.dsRequired?_(this.dsLabel):this.dsLabel;renderRadioIcon(t){const s=`${t}__icon`,i=a(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),d=a(`${s}__inner-circle`);return r("slot",{name:"icon"},r("div",{class:s,"aria-hidden":"true"},r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("rect",{width:"24",height:"24",rx:"12",fill:"white"}),r("circle",{class:i,cx:"12",cy:"12",r:"10",fill:"white",stroke:"#005A94","stroke-width":"2"}),this.dsChecked&&r("circle",{class:d,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const s=a(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText}),i=a(`${t}__input`),d=a(`${t}__text`),o=this.focusable?0:-1,n=u("ds-input-validity","ds-radio-button",this.el),l=u("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":_,...b}=this.inheritedAttributes;return r(e,null,r("div",null,r("label",{class:s},r(l,null,r("input",{ref:t=>this.inputElement=t,type:"radio",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,value:this.dsValue,disabled:this.dsDisabled,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onInvalid:this.handleInvalid,checked:this.dsChecked,tabIndex:o,required:this.dsRequired,"aria-label":this.dsAriaLabel??c,"aria-describedby":this.dsAriaDescribedby??_,"aria-invalid":this.dsErrorText?"true":this.inheritedAttributes["aria-invalid"],...b})),this.renderRadioIcon(t),r("span",{class:d},r("slot",null,this.dsText)))),!this.dsErrorsDisabled&&r("slot",{name:"validity"},r("div",{class:`${t}__validity`},r(n,{id:this.errorTextId,dsText:this.dsErrorText,dsType:"error",dsAriaLive:"polite",dsAriaAtomic:"true"}))))}renderFieldset(t){const s=a(`${t}-fieldset`),i=a(`${t}-fieldset__legend`),d=a(`${t}-fieldset__assistive-text`),o=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return r("fieldset",{class:s,...h("aria-describedby",o)},r("legend",{class:i},r("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&r("small",{class:d,id:this.assistiveTextId},r("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=g("ds-radio-button");return this.dsLabel?this.renderFieldset(t):this.renderRadioButton(t)}static get formAssociated(){return!0}static get watchers(){return{dsChecked:["dsCheckedObserver"],"aria-label":["ariaAttributeObserver"],"aria-describedby":["ariaAttributeObserver"]}}};v([r("ds-visually-hidden",null),r("ds-input-validity",null)]),p.style=".ds-radio-button__JXNKsd.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__JXNKsd--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__JXNKsd.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__JXNKsd__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__JXNKsd__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__JXNKsd__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__JXNKsd.sc-ds-radio-button:hover:not(.ds-radio-button__JXNKsd--disabled):not(.ds-radio-button__JXNKsd--invalid) .ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__JXNKsd.sc-ds-radio-button:hover:not(.ds-radio-button__JXNKsd--disabled):not(.ds-radio-button__JXNKsd--invalid) .ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__JXNKsd.sc-ds-radio-button:hover:not(.ds-radio-button__JXNKsd--disabled):not(.ds-radio-button__JXNKsd--invalid) .ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__JXNKsd.sc-ds-radio-button:active:not(.ds-radio-button__JXNKsd--disabled):not(.ds-radio-button__JXNKsd--invalid) .ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__JXNKsd.sc-ds-radio-button:active:not(.ds-radio-button__JXNKsd--disabled):not(.ds-radio-button__JXNKsd--invalid) .ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__JXNKsd.sc-ds-radio-button:active:not(.ds-radio-button__JXNKsd--disabled):not(.ds-radio-button__JXNKsd--invalid) .ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__JXNKsd--disabled.sc-ds-radio-button .ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__JXNKsd--disabled.sc-ds-radio-button .ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__JXNKsd--disabled.sc-ds-radio-button .ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button .ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button .ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button .ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__JXNKsd--disabled) .ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__JXNKsd--disabled) .ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__JXNKsd--disabled) .ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__JXNKsd--disabled) .ds-radio-button__JXNKsd__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__JXNKsd--disabled) .ds-radio-button__JXNKsd__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__JXNKsd--invalid.sc-ds-radio-button:active:not(.ds-radio-button__JXNKsd--disabled) .ds-radio-button__JXNKsd__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__JXNKsd-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__JXNKsd-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);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);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__JXNKsd-fieldset__assistive-text.sc-ds-radio-button{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)}";export{p as ds_radio_button}

package/dist/component-library/p-e03cdeb3.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-BOC35Duk.js";import{c as i}from"./p-C0ZojNxk.js";const t=class{constructor(e){s(this,e)}dsTag="div";render(){const s=i("ds-visually-hidden");return e(this.dsTag,{key:"8c5a5ee08b1e5d41266c4b6aa4f0502bfb0edf6f",class:s},e("slot",{key:"041a71b9756aea38880a4c82f8122fbd58c7c101"}))}};t.style=":host{position:absolute}.ds-visually-hidden__JXNKsd{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{t as ds_visually_hidden}

package/dist/components/p--vysXDeZ.js

@@ -1,273 +0,0 @@
-import { p as proxyCustomElement, M as Mixin, f as forceUpdate, h } from './p-Cy7WJoIX.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-Ba5SEYdh.js';
-import { a as ariaDeprecationFactory, d as defineCustomElement$3 } from './p-CSu18khu.js';
-import { d as defineCustomElement$2 } from './p-DZdmm6Nh.js';
-import { d as defineCustomElement$1 } from './p-Bgvry3hG.js';
-
-const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__JXNKsd--full-width){width:100%}.ds-button__JXNKsd.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:default}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--supplementary) .ds-button__JXNKsd__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__JXNKsd--supplementary.sc-ds-button:has(.ds-button__JXNKsd__spinner) .ds-button__JXNKsd__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__JXNKsd__icon.sc-ds-button{height:1.5rem}.ds-button__JXNKsd.sc-ds-button:has(.ds-button__JXNKsd__spinner):not(.ds-button__JXNKsd--small) .ds-button__JXNKsd__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__JXNKsd__spinner.sc-ds-button{display:flex}.ds-button__JXNKsd--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--small):not(.ds-button__JXNKsd--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--small).ds-button__JXNKsd--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--small).ds-button__JXNKsd--icon-only{padding-left:0;padding-right:0}.ds-button__JXNKsd--small.ds-button__JXNKsd--icon-start.sc-ds-button,.ds-button__JXNKsd--small.ds-button__JXNKsd--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__JXNKsd--small.sc-ds-button:not(.ds-button__JXNKsd--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__JXNKsd--small.ds-button__JXNKsd--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__JXNKsd--small.ds-button__JXNKsd--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__JXNKsd--small.sc-ds-button .ds-button__JXNKsd__icon.sc-ds-button{height:auto}.ds-button__JXNKsd--icon-start.sc-ds-button:not(.ds-button__JXNKsd--small) .ds-button__JXNKsd__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__JXNKsd--icon-end.sc-ds-button:not(.ds-button__JXNKsd--small) .ds-button__JXNKsd__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--primary.ds-button__JXNKsd--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger: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-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger:active,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.ds-button__JXNKsd--disabled,.ds-button__JXNKsd.sc-ds-button:not(.ds-button__JXNKsd--in-input).ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--primary.ds-button__JXNKsd--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--secondary.ds-button__JXNKsd--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.sc-ds-button:active,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.ds-button__JXNKsd--disabled.sc-ds-button,.ds-button__JXNKsd.ds-button__JXNKsd--in-input.ds-button__JXNKsd--supplementary.ds-button__JXNKsd--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__JXNKsd.ds-button__JXNKsd--in-input.sc-ds-button{width:auto;height:100%;aspect-ratio:1/1}";
-
-const buttonIdGenerator = idGenerator('ds-button');
-const DsButton = proxyCustomElement(class DsButton extends Mixin(ariaDeprecationFactory) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    inheritedAttributes = {};
-    buttonEl;
-    pressedKeys = new Set();
-    get el() { return this; }
-    dsForm;
-    dsId = buttonIdGenerator.next().value;
-    dsName = this.dsId;
-    dsAutoFocus = false;
-    dsText = '';
-    dsValue = '';
-    dsVariant = 'primary';
-    dsColour = 'blue';
-    dsSize = 'medium';
-    dsIcon = '';
-    dsIconPosition = 'start';
-    dsIconTitle;
-    dsIconAriaLabel;
-    dsType = 'button';
-    dsDisabled = false;
-    dsLoading = false;
-    dsUseSpinner = false;
-    dsSpinnerHiddenText;
-    dsFullWidth = false;
-    dsRole;
-    dsAriaDisabled;
-    dsAriaLabel;
-    dsAriaLabelledby;
-    dsAriaDescribedby;
-    dsAriaExpanded;
-    dsAriaPressed;
-    dsHiddenAssistiveText;
-    dsActive = false;
-    dsInInput = false;
-    hasContent = false;
-    isActive = this.dsActive;
-    text = '';
-    async setFocus() {
-        this.buttonEl.focus();
-    }
-    componentWillLoad() {
-        this.getDeprecationWarningsForAriaAttributes(this.el);
-        if (this.dsUseSpinner && !this.dsSpinnerHiddenText) {
-            throw new Error('dsSpinnerHiddenText is required when dsUseSpinner is true.');
-        }
-        this.isActive = this.dsActive;
-        this.inheritedAttributes = {
-            ...inheritAttributes(this, this.el),
-            ...inheritAriaAttributes(this.el),
-        };
-        this.text = this.dsText || this.dsValue;
-    }
-    componentDidLoad() {
-        this.hasContent =
-            !!this.text ||
-                Array.from(this.el.childNodes).some(node => {
-                    if (node.nodeType === Node.ELEMENT_NODE) {
-                        const elem = node;
-                        return !elem.hasAttribute('slot') || elem.getAttribute('slot') === '';
-                    }
-                    if (node.nodeType === Node.TEXT_NODE) {
-                        return node.textContent?.trim().length > 0;
-                    }
-                    return false;
-                });
-    }
-    dsTextObserver(newValue) {
-        this.text = newValue || this.dsValue;
-    }
-    dsValueObserver(newValue) {
-        if (!this.dsText) {
-            this.text = newValue;
-        }
-    }
-    dsActiveObserver(newValue) {
-        this.isActive = newValue;
-    }
-    ariaAttributeObserver(newValue, _oldValue, propName) {
-        this.inheritedAttributes = {
-            ...this.inheritedAttributes,
-            [propName]: newValue,
-        };
-        forceUpdate(this);
-    }
-    handleKeyDown = (event) => {
-        if (event.repeat) {
-            return;
-        }
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-                this.pressedKeys.add(event.key);
-                this.isActive = true;
-                break;
-        }
-    };
-    handleKeyUp = (event) => {
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-                this.pressedKeys.delete(event.key);
-                if (this.pressedKeys.size === 0) {
-                    this.isActive = this.dsActive;
-                }
-                break;
-        }
-    };
-    handleBlur = () => {
-        this.isActive = false;
-    };
-    getSpinnerColour = () => {
-        if (this.dsVariant === 'primary') {
-            if (this.dsColour === 'blue')
-                return 'white';
-            if (this.dsColour === 'white')
-                return 'black';
-            if (this.dsColour === 'black')
-                return 'white';
-            if (this.dsColour === 'danger')
-                return 'white';
-        }
-        return this.dsColour;
-    };
-    renderIcon = (baseClass) => {
-        const iconClasses = classNames(`${baseClass}__icon`);
-        const iconSize = this.dsSize === 'small' ? '1.25rem' : undefined;
-        const DsIcon = transformTagName('ds-icon', 'ds-button', this.el);
-        return h(DsIcon, { class: iconClasses, dsName: this.dsIcon, dsCustomSize: iconSize, dsTitle: this.dsIconTitle, dsAriaLabel: this.dsIconAriaLabel });
-    };
-    renderButton = () => {
-        const baseClass = cx('ds-button');
-        const classes = classNames(`${baseClass} ${baseClass}--${this.dsVariant} ${baseClass}--${this.dsColour} ${baseClass}--${this.dsSize}`, {
-            [`${baseClass}--icon-start`]: this.dsIcon && this.dsIconPosition === 'start' && this.hasContent,
-            [`${baseClass}--icon-end`]: this.dsIcon && this.dsIconPosition === 'end' && this.hasContent,
-            [`${baseClass}--icon-only`]: this.dsIcon && !this.hasContent,
-            [`${baseClass}--full-width`]: this.dsFullWidth,
-            [`${baseClass}--disabled`]: this.dsDisabled,
-            [`${baseClass}--${this.dsColour}--active`]: this.isActive,
-            [`${baseClass}--in-input`]: this.dsInInput,
-        });
-        const DsSpinner = transformTagName('ds-spinner', 'ds-button', this.el);
-        const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-button', this.el);
-        const { role: inheritedRole, ['aria-label']: inheritedAriaLabel, ['aria-labelledby']: inheritedAriaLabelledby, ['aria-describedby']: inheritedAriaDescribedby, ['aria-disabled']: inheritedAriaDisabled, ['aria-expanded']: inheritedAriaExpanded, ['aria-pressed']: inheritedAriaPressed, ...restAttributes } = this.inheritedAttributes;
-        const role = this.dsRole ?? inheritedRole;
-        const ariaLabel = this.dsAriaLabel || inheritedAriaLabel;
-        const ariaLabelledby = this.dsAriaLabelledby || inheritedAriaLabelledby;
-        const ariaDescribedby = this.dsAriaDescribedby || inheritedAriaDescribedby;
-        let ariaDisabled;
-        if (this.dsAriaDisabled !== undefined) {
-            if (typeof this.dsAriaDisabled === 'string') {
-                console.warn('dsAriaDisabled should be a boolean, not a string. String support will be deprecated.');
-                ariaDisabled = this.dsAriaDisabled;
-            }
-            else {
-                ariaDisabled = this.dsAriaDisabled ? 'true' : 'false';
-            }
-        }
-        else if (inheritedAriaDisabled) {
-            ariaDisabled = inheritedAriaDisabled;
-        }
-        const ariaExpanded = this.dsAriaExpanded !== undefined ? (this.dsAriaExpanded ? 'true' : 'false') : inheritedAriaExpanded;
-        const ariaPressed = this.dsAriaPressed !== undefined ? (this.dsAriaPressed ? 'true' : 'false') : inheritedAriaPressed;
-        return (h("button", { ref: el => (this.buttonEl = el), class: classes, id: this.dsId, value: this.dsValue, name: this.dsName, form: this.dsForm, type: this.dsType, disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onBlur: this.handleBlur, ...ifDefined('autofocus', this.dsAutoFocus), ...ifDefined('role', role), ...ifDefined('aria-disabled', ariaDisabled), ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby), ...ifDefined('aria-expanded', ariaExpanded), ...ifDefined('aria-pressed', ariaPressed), ...restAttributes }, h("slot", { name: "prefix" }, !this.dsLoading && this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass), this.dsLoading && (h(DsSpinner, { class: `${baseClass}__spinner`, dsHiddenAssistiveText: this.dsSpinnerHiddenText, dsColour: this.getSpinnerColour(), dsSize: this.dsSize === 'medium' ? 'medium' : null, dsCustomSize: this.dsSize === 'small' ? '1.25rem' : null }))), this.hasContent && (h("span", { class: `${baseClass}__value` }, h("slot", null, this.text, this.dsHiddenAssistiveText && h(DsVisuallyHidden, { dsTag: "span" }, this.dsHiddenAssistiveText)))), h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && this.renderIcon(baseClass))));
-    };
-    render() {
-        const buttonElement = this.renderButton();
-        return this.dsUseSpinner ? h("div", { "aria-live": "polite" }, buttonElement) : buttonElement;
-    }
-    static get watchers() { return {
-        "dsText": ["dsTextObserver"],
-        "dsValue": ["dsValueObserver"],
-        "dsActive": ["dsActiveObserver"],
-        "aria-disabled": ["ariaAttributeObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-labelledby": ["ariaAttributeObserver"],
-        "aria-pressed": ["ariaAttributeObserver"],
-        "aria-expanded": ["ariaAttributeObserver"]
-    }; }
-    static get style() { return dsButtonCss; }
-}, [262, "ds-button", {
-        "dsMuteAriaDeprecationWarning": [4, "ds-mute-aria-deprecation-warning"],
-        "dsForm": [1, "ds-form"],
-        "dsId": [1, "ds-id"],
-        "dsName": [1, "ds-name"],
-        "dsAutoFocus": [4, "ds-auto-focus"],
-        "dsText": [1, "ds-text"],
-        "dsValue": [1, "ds-value"],
-        "dsVariant": [1, "ds-variant"],
-        "dsColour": [1, "ds-colour"],
-        "dsSize": [1, "ds-size"],
-        "dsIcon": [1, "ds-icon"],
-        "dsIconPosition": [1, "ds-icon-position"],
-        "dsIconTitle": [1, "ds-icon-title"],
-        "dsIconAriaLabel": [1, "ds-icon-aria-label"],
-        "dsType": [1, "ds-type"],
-        "dsDisabled": [4, "ds-disabled"],
-        "dsLoading": [4, "ds-loading"],
-        "dsUseSpinner": [4, "ds-use-spinner"],
-        "dsSpinnerHiddenText": [1, "ds-spinner-hidden-text"],
-        "dsFullWidth": [4, "ds-full-width"],
-        "dsRole": [1, "ds-role"],
-        "dsAriaDisabled": [4, "ds-aria-disabled"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsAriaLabelledby": [1, "ds-aria-labelledby"],
-        "dsAriaDescribedby": [1, "ds-aria-describedby"],
-        "dsAriaExpanded": [4, "ds-aria-expanded"],
-        "dsAriaPressed": [4, "ds-aria-pressed"],
-        "dsHiddenAssistiveText": [1, "ds-hidden-assistive-text"],
-        "dsActive": [4, "ds-active"],
-        "dsInInput": [4, "ds-in-input"],
-        "hasContent": [32],
-        "isActive": [32],
-        "text": [32],
-        "setFocus": [64]
-    }, undefined, {
-        "dsText": ["dsTextObserver"],
-        "dsValue": ["dsValueObserver"],
-        "dsActive": ["dsActiveObserver"],
-        "aria-disabled": ["ariaAttributeObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-labelledby": ["ariaAttributeObserver"],
-        "aria-pressed": ["ariaAttributeObserver"],
-        "aria-expanded": ["ariaAttributeObserver"]
-    }]);
-declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-spinner", null), h("ds-visually-hidden", null)]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-button", "ds-icon", "ds-spinner", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsButton);
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DsButton as D, defineCustomElement as d };