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

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-e1f50072.entry.js

@@ -1 +0,0 @@
-import{M as i,r as t,c as s,d as o,f as a,h as d}from"./p-BOC35Duk.js";import{c as n}from"./p-BfTCfPZ1.js";import{c as r}from"./p-C0ZojNxk.js";import{i as e,t as c,o as l,d as f}from"./p-J5Ghj1_T.js";import{b as h,i as _}from"./p-DfbgRyXR.js";import{g as b}from"./p-ClygN-Rc.js";import{a as u}from"./p-LFJz26-O.js";const g=e("ds-notification"),v=["neutral","neutralWhite","info","success","attention","danger"],p=["neutral","neutralWhite","info"],m=class extends(i(u)){constructor(i){super(),t(this,i),this.dsDismiss=s(this,"dsDismiss")}dsAriaLabel;dsAriaLabelledby;dsRole;inheritedAttributes={};get el(){return o(this)}dsDismiss;dsId=g.next().value;variant="neutral";get dsVariant(){return this.variant}set dsVariant(i){v.includes(i)&&(this.variant=i)}dsDismissable=!1;dsDismissButtonHiddenAssistiveText;dsHeading;headingLevel=2;get dsHeadingLevel(){return this.headingLevel}set dsHeadingLevel(i){i<1||(this.headingLevel=i)}icon;get dsIcon(){return this.icon}set dsIcon(i){this.icon=i&&p.includes(this.variant)?i:this.variantIcon}dsDescription;get variantIcon(){switch(this.variant){case"info":return"info_fill";case"success":return"check_circle_fill";case"attention":return"warning_fill";case"danger":return"report_fill";default:return"help_fill"}}get DsIcon(){return c("ds-icon","ds-notification",this.el)}get DsButton(){return c("ds-button","ds-notification",this.el)}get DsVisuallyHidden(){return c("ds-visually-hidden","ds-notification",this.el)}get headingId(){return`${this.dsId}-heading`}get close(){switch(b()){case"fi":return"Sulje";case"sv":return"Stäng";default:return"Close"}}get notification(){switch(b()){case"fi":return"Ilmoitus";case"sv":return"Meddelande";default:return"Notification"}}get ariaLabel(){return this.inheritedAttributes["aria-label"]?this.inheritedAttributes["aria-label"]:this.dsHeading&&this.dsDescription?void 0:this.notification}get ariaLabelledBy(){return this.inheritedAttributes["aria-labelledby"]?this.inheritedAttributes["aria-labelledby"]:this.dsHeading&&this.dsDescription?this.headingId:void 0}ariaAttributeObserver(i,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:i},a(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={..._(this,this.el),...h(this.el)}}handleDismissButtonClick=()=>{this.dsDismiss.emit()};render(){const i=r("ds-notification"),t=`${i}__content`,s=n(i,`${i}--${this.variant}`),o=this.dsAriaLabel??this.inheritedAttributes["aria-label"]??this.ariaLabel,a=this.dsAriaLabelledby??this.inheritedAttributes["aria-labelledby"]??this.ariaLabelledBy,e=this.dsRole??this.inheritedAttributes.role??"group",c=l(this.inheritedAttributes,["aria-labelledby","aria-label","role"]);return d("div",{key:"8e201a083dfe245b8a0c068244ef5db036c7aad7",class:s,id:this.dsId,role:e,"aria-label":o,"aria-labelledby":a,...c},this.dsIcon&&d("div",{key:"e06d5dc944970dc13497d1beb1089a52df5cf299",class:`${i}__icon ds-p-3xs`},d(this.DsIcon,{key:"b1e09f5319d6374513abb03432f03386c689e536",dsName:this.dsIcon})),d("div",{key:"6d43cafde7ce462412340bb4d25c6f598a300333",class:t},d("slot",{key:"645b319fd933c6d58add473be09144bc7a888bd9",name:"heading"},this.dsHeading&&d("div",{key:"0261cac112dce957d9ad9969e1631587861ef50e",class:`${t}__heading ds-text-semibold-lg`,id:this.headingId,role:this.dsDescription?"heading":void 0,"aria-level":this.dsDescription?this.dsHeadingLevel:void 0},this.dsHeading)),d("slot",{key:"6b32236fbbbc653bc14f90de968c0c5576e4672f",name:"description"},this.dsDescription&&d("div",{key:"6b599192a3b6508823add351655d0b17e2d4a002",class:`${t}__description ds-text-regular-md`},this.dsDescription)),d("slot",{key:"41939acae081c9c78e27ea9811822661be74d3cb"})),this.dsDismissable&&d(this.DsButton,{key:"5dbf763231f0adf9f818148a0528f347c2ca5e7b",dsId:`${this.dsId}-dismiss-button`,dsIcon:"close",dsVariant:"supplementary",dsColour:"black",dsSize:"small",dsAriaLabelledby:[`${this.dsId}-dismiss-button`,a].filter(Boolean).join(" "),onClick:this.handleDismissButtonClick},d(this.DsVisuallyHidden,{key:"80fb85513aaa132ff6928769fc19b89a58998431",slot:"suffix",dsTag:"span"},this.dsDismissButtonHiddenAssistiveText||this.close)))}static get watchers(){return{"aria-label":["ariaAttributeObserver"],"aria-labelledby":["ariaAttributeObserver"]}}};f([d("ds-icon",{dsName:""}),d("ds-button",null),d("ds-visually-hidden",null)]),m.style=".sc-ds-notification-h{display:block;width:100%}.ds-notification__JXNKsd.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__JXNKsd.ds-notification__JXNKsd--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__JXNKsd.ds-notification__JXNKsd--neutral.sc-ds-notification .ds-notification__JXNKsd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__JXNKsd.ds-notification__JXNKsd--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__JXNKsd.ds-notification__JXNKsd--neutralWhite.sc-ds-notification .ds-notification__JXNKsd__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__JXNKsd.ds-notification__JXNKsd--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__JXNKsd.ds-notification__JXNKsd--info.sc-ds-notification .ds-notification__JXNKsd__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__JXNKsd.ds-notification__JXNKsd--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__JXNKsd.ds-notification__JXNKsd--success.sc-ds-notification .ds-notification__JXNKsd__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__JXNKsd.ds-notification__JXNKsd--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__JXNKsd.ds-notification__JXNKsd--attention.sc-ds-notification .ds-notification__JXNKsd__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__JXNKsd.ds-notification__JXNKsd--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__JXNKsd.ds-notification__JXNKsd--danger.sc-ds-notification .ds-notification__JXNKsd__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__JXNKsd__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__JXNKsd__content__heading.sc-ds-notification,.ds-notification__JXNKsd__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__JXNKsd__content__description.sc-ds-notification{max-width:550px}";export{m as ds_notification}

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 };