npm - @uh-design-system/component-library - Versions diffs - 1.3.0-rc.8 → 1.3.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1488) hide show

package/dist/component-library/p-ec34d782.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{M as t,r as s,c as i,d as o,f as d,h as r,F as a}from"./p-Drf28bhP.js";import{c as e}from"./p-BfTCfPZ1.js";import{b as n,i as l}from"./p-DfbgRyXR.js";import{v as c,g as _}from"./p-B4cBPRL4.js";import{i as b,t as h,a as u,d as v}from"./p-J5Ghj1_T.js";import{c as x}from"./p-DOCjrE2r.js";import{a as g}from"./p-AMaSS0ZB.js";import"./p-Di_1NYQP.js";const f=b("ds-radio-button"),p=class extends(t(g)){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 o(this)}dsChange;dsCheck;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=f.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},d(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(h("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=e(`${s}__outer-circle`,{[`${s}__outer-circle--checked`]:this.dsChecked}),o=e(`${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:o,cx:"12",cy:"12",r:"6",fill:"#005A94"}))))}renderRadioButton(t){const s=e(`${t}`,{[`${t}--disabled`]:this.dsDisabled,[`${t}--invalid`]:!!this.dsErrorText}),i=e(`${t}__input`),o=e(`${t}__text`),d=this.focusable?0:-1,n=h("ds-input-validity","ds-radio-button",this.el),l=h("ds-visually-hidden","ds-radio-button",this.el),{"aria-label":c,"aria-describedby":_,...b}=this.inheritedAttributes;return r(a,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:d,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:o},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=e(`${t}-fieldset`),i=e(`${t}-fieldset__legend`),o=e(`${t}-fieldset__assistive-text`),d=[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.errorTextId].filter(Boolean).join(" ");return r("fieldset",{class:s,...u("aria-describedby",d)},r("legend",{class:i},r("slot",{name:"legend"},this.getLegendText())),this.dsAssistiveText&&r("small",{class:o,id:this.assistiveTextId},r("slot",{name:"assistiveText"},this.dsAssistiveText)),this.renderRadioButton(t))}render(){const t=x("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__Yxqs6o.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__Yxqs6o--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__Yxqs6o__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__Yxqs6o__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__Yxqs6o__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__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:hover:not(.ds-radio-button__Yxqs6o--disabled):not(.ds-radio-button__Yxqs6o--invalid) .ds-radio-button__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:hover:not(.ds-radio-button__Yxqs6o--disabled):not(.ds-radio-button__Yxqs6o--invalid) .ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:hover:not(.ds-radio-button__Yxqs6o--disabled):not(.ds-radio-button__Yxqs6o--invalid) .ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:active:not(.ds-radio-button__Yxqs6o--disabled):not(.ds-radio-button__Yxqs6o--invalid) .ds-radio-button__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:active:not(.ds-radio-button__Yxqs6o--disabled):not(.ds-radio-button__Yxqs6o--invalid) .ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__Yxqs6o.sc-ds-radio-button:active:not(.ds-radio-button__Yxqs6o--disabled):not(.ds-radio-button__Yxqs6o--invalid) .ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__Yxqs6o--disabled.sc-ds-radio-button .ds-radio-button__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__Yxqs6o--disabled.sc-ds-radio-button .ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__Yxqs6o--disabled.sc-ds-radio-button .ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button .ds-radio-button__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button .ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button .ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__Yxqs6o--disabled) .ds-radio-button__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__Yxqs6o--disabled) .ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__Yxqs6o--disabled) .ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button:active:not(.ds-radio-button__Yxqs6o--disabled) .ds-radio-button__Yxqs6o__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button:active:not(.ds-radio-button__Yxqs6o--disabled) .ds-radio-button__Yxqs6o__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__Yxqs6o--invalid.sc-ds-radio-button:active:not(.ds-radio-button__Yxqs6o--disabled) .ds-radio-button__Yxqs6o__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__Yxqs6o-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__Yxqs6o-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__Yxqs6o-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/components/p-jlth46sx.js DELETED Viewed

@@ -1,273 +0,0 @@
-import { p as proxyCustomElement, M as Mixin, f as forceUpdate, h } from './p-DRoH228A.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-CmJWRo9F.js';
-import { a as ariaDeprecationFactory, d as defineCustomElement$3 } from './p-DND0VS6K.js';
-import { d as defineCustomElement$2 } from './p-DMnafkWs.js';
-import { d as defineCustomElement$1 } from './p-CLNNiNQv.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__Yxqs6o--full-width){width:100%}.ds-button__Yxqs6o.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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--supplementary) .ds-button__Yxqs6o__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o--supplementary.sc-ds-button:has(.ds-button__Yxqs6o__spinner) .ds-button__Yxqs6o__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o__icon.sc-ds-button{height:1.5rem}.ds-button__Yxqs6o.sc-ds-button:has(.ds-button__Yxqs6o__spinner):not(.ds-button__Yxqs6o--small) .ds-button__Yxqs6o__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o__spinner.sc-ds-button{display:flex}.ds-button__Yxqs6o--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--small):not(.ds-button__Yxqs6o--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--small).ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--small).ds-button__Yxqs6o--icon-only{padding-left:0;padding-right:0}.ds-button__Yxqs6o--small.ds-button__Yxqs6o--icon-start.sc-ds-button,.ds-button__Yxqs6o--small.ds-button__Yxqs6o--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o--small.sc-ds-button:not(.ds-button__Yxqs6o--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__Yxqs6o--small.ds-button__Yxqs6o--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__Yxqs6o--small.ds-button__Yxqs6o--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__Yxqs6o--small.sc-ds-button .ds-button__Yxqs6o__icon.sc-ds-button{height:auto}.ds-button__Yxqs6o--icon-start.sc-ds-button:not(.ds-button__Yxqs6o--small) .ds-button__Yxqs6o__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o--icon-end.sc-ds-button:not(.ds-button__Yxqs6o--small) .ds-button__Yxqs6o__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger:active,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled,.ds-button__Yxqs6o.sc-ds-button:not(.ds-button__Yxqs6o--in-input).ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--primary.ds-button__Yxqs6o--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--secondary.ds-button__Yxqs6o--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--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__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.sc-ds-button:active,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.ds-button__Yxqs6o--disabled.sc-ds-button,.ds-button__Yxqs6o.ds-button__Yxqs6o--in-input.ds-button__Yxqs6o--supplementary.ds-button__Yxqs6o--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__Yxqs6o.ds-button__Yxqs6o--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 };