npm - @uh-design-system/component-library - Versions diffs - 1.5.2-rc.0 → 1.5.2-rc.1 - Mend

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

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 (1947) hide show

package/dist/components/p-GXMba8x_.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as t,M as s,f as o,h as n,t as b}from"./p-x-HJUYLL.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as r,a as _}from"./p-BecId8t2.js";import{t as u,i,d as a}from"./p-ChKb-Fx7.js";import{c as h}from"./p-CTcsKZyv.js";import{a as e,d as m}from"./p-D-JwhXmZ.js";import{c}from"./p-BM0xAKIg.js";import{d as l}from"./p-qfzEFnRG.js";import{d as X}from"./p-CsW-W9Vv.js";const g=t(class extends(s(c("ds-button"),e)){constructor(t){super(!1),!1!==t&&this.__registerHost()}inheritedAttributes={};buttonEl;pressedKeys=new Set;get el(){return this}dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsAutoFocus=!1;dsText="";dsValue="";dsVariant="primary";dsColour="blue";dsSize="medium";dsIcon="";dsIconPosition="start";dsIconTitle;dsIconAriaLabel;dsType="button";dsDisabled=!1;dsLoading=!1;dsUseSpinner=!1;dsSpinnerHiddenText;dsFullWidth=!1;dsRole;dsAriaDisabled;dsAriaLabel;dsAriaLabelledby;dsAriaDescribedby;dsAriaExpanded;dsAriaPressed;dsAriaControls;dsAriaHaspopup;dsAriaHidden=!1;dsTabIndex;dsHiddenAssistiveText;dsActive=!1;dsInInput=!1;dsNoFocusRing=!1;hasDefaultSlot=!1;isActive=this.dsActive;text="";async setFocus(){this.buttonEl.focus()}hasDefaultSlotContent=()=>Array.from(this.el.childNodes).some((t=>{if(t.nodeType===Node.ELEMENT_NODE){const s=t;return!s.hasAttribute("slot")||""===s.getAttribute("slot")}return t.nodeType===Node.TEXT_NODE&&(t.textContent?.trim().length??0)>0}));componentWillLoad(){if(this.getDeprecationWarningsForAriaAttributes(this.el),this.dsUseSpinner&&!this.dsSpinnerHiddenText)throw new Error("dsSpinnerHiddenText is required when dsUseSpinner is true.");this.isActive=this.dsActive,this.inheritedAttributes={..._(this,this.el),...r(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.componentMounted(),this.hasDefaultSlot=this.hasDefaultSlotContent()}dsTextObserver(t){this.text=t||this.dsValue}dsValueObserver(t){this.dsText||(this.text=t)}dsActiveObserver(t){this.isActive=t}ariaAttributeObserver(t,s,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:t},o(this)}handleKeyDown=t=>{if(!t.repeat)switch(t.key){case"Enter":case" ":this.pressedKeys.add(t.key),this.isActive=!0}};handleKeyUp=t=>{switch(t.key){case"Enter":case" ":this.pressedKeys.delete(t.key),0===this.pressedKeys.size&&(this.isActive=this.dsActive)}};handleBlur=()=>{this.dsActive||(this.isActive=!1)};getSpinnerColour=()=>{if("primary"===this.dsVariant){if("blue"===this.dsColour)return"white";if("white"===this.dsColour)return"black";if("black"===this.dsColour)return"white";if("danger"===this.dsColour)return"white"}return this.dsColour};handleDefaultSlotChange=()=>{this.hasDefaultSlot=this.hasDefaultSlot||this.hasDefaultSlotContent()};renderIcon=t=>{const s=d(`${t}__icon`),o="small"===this.dsSize?"1.25rem":void 0,b=u("ds-icon","ds-button",this.el);return n(b,{class:s,dsName:this.dsIcon,dsCustomSize:o,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};renderButton=()=>{const t=!!this.text||this.hasDefaultSlot,s=h("ds-button"),o=d(`${s} ${s}--${this.dsVariant} ${s}--${this.dsColour} ${s}--${this.dsSize}`,{[`${s}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&t,[`${s}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&t,[`${s}--icon-only`]:this.dsIcon&&!t,[`${s}--full-width`]:this.dsFullWidth,[`${s}--disabled`]:this.dsDisabled,[`${s}--${this.dsColour}--active`]:this.isActive,[`${s}--in-input`]:this.dsInInput,[`${s}--no-focus-ring`]:this.dsNoFocusRing}),b=u("ds-spinner","ds-button",this.el),r=u("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":a,"aria-labelledby":e,"aria-describedby":m,"aria-disabled":c,"aria-expanded":l,"aria-pressed":X,"aria-controls":g,"aria-haspopup":p,...v}=this.inheritedAttributes,f=this.dsRole??_,y=this.dsAriaLabel||a,k=this.dsAriaLabelledby||e,C=this.dsAriaDescribedby||m,x=this.dsAriaControls||g,w=void 0!==this.dsAriaHaspopup?this.dsAriaHaspopup:p;let L;void 0!==this.dsAriaDisabled?"string"==typeof this.dsAriaDisabled?(console.warn("dsAriaDisabled should be a boolean, not a string. String support will be deprecated."),L=this.dsAriaDisabled):L=this.dsAriaDisabled?"true":"false":c&&(L=c);const W=void 0!==this.dsAriaExpanded?this.dsAriaExpanded?"true":"false":l,S=void 0!==this.dsAriaPressed?this.dsAriaPressed?"true":"false":X;return n("button",{ref:t=>this.buttonEl=t,class:o,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,...i("autofocus",this.dsAutoFocus),...i("role",f),...i("aria-disabled",L),...i("aria-label",y),...i("aria-labelledby",k),...i("aria-describedby",C),...i("aria-expanded",W),...i("aria-pressed",S),...i("aria-controls",x),...i("aria-haspopup",w),...i("aria-hidden",this.dsAriaHidden?"true":void 0),...i("tabindex",this.dsTabIndex),...v},n("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s),this.dsLoading&&n(b,{class:`${s}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),n("span",{class:`${s}__value`,hidden:!t},n("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&n(r,{dsTag:"span"},this.dsHiddenAssistiveText),n("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(s)))};render(){const t=this.renderButton();return this.dsUseSpinner?n("div",{"aria-live":"polite"},t):t}static get watchers(){return{dsText:[{dsTextObserver:0}],dsValue:[{dsValueObserver:0}],dsActive:[{dsActiveObserver:0}],"aria-disabled":[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-pressed":[{ariaAttributeObserver:0}],"aria-expanded":[{ariaAttributeObserver:0}],"aria-controls":[{ariaAttributeObserver:0}],"aria-haspopup":[{ariaAttributeObserver:0}]}}static get style(){return".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__m9sbXh--full-width){width:100%}.ds-button__m9sbXh.sc-ds-button{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);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__m9sbXh__value[hidden].sc-ds-button{display:none}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--supplementary) .ds-button__m9sbXh__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__m9sbXh--supplementary.sc-ds-button:has(.ds-button__m9sbXh__spinner) .ds-button__m9sbXh__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__m9sbXh__icon.sc-ds-button{height:1.5rem}.ds-button__m9sbXh.sc-ds-button:has(.ds-button__m9sbXh__spinner):not(.ds-button__m9sbXh--small) .ds-button__m9sbXh__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__m9sbXh__spinner.sc-ds-button{display:flex}.ds-button__m9sbXh--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--small):not(.ds-button__m9sbXh--secondary){border-width:0px;min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--small).ds-button__m9sbXh--secondary{border-width:var(--ds-borderWidth-thin);min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--small).ds-button__m9sbXh--icon-only{padding-left:0;padding-right:0}.ds-button__m9sbXh--small.ds-button__m9sbXh--icon-start.sc-ds-button,.ds-button__m9sbXh--small.ds-button__m9sbXh--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__m9sbXh--small.sc-ds-button:not(.ds-button__m9sbXh--secondary){border-width:0px;min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__m9sbXh--small.ds-button__m9sbXh--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);min-width:var(--ds-button-min-width, auto);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:var(--ds-button-min-height, 2rem);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__m9sbXh--small.ds-button__m9sbXh--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__m9sbXh--small.sc-ds-button .ds-button__m9sbXh__icon.sc-ds-button{height:auto}.ds-button__m9sbXh--icon-start.sc-ds-button:not(.ds-button__m9sbXh--small) .ds-button__m9sbXh__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__m9sbXh--icon-end.sc-ds-button:not(.ds-button__m9sbXh--small) .ds-button__m9sbXh__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button: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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button:active,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.sc-ds-button:not(.ds-button__m9sbXh--in-input,.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--black:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--white:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger:active,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--no-focus-ring.sc-ds-button:not(.ds-button__m9sbXh--in-input).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--primary.ds-button__m9sbXh--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger: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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring).ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.sc-ds-button:not(.ds-button__m9sbXh--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--primary.ds-button__m9sbXh--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--secondary.ds-button__m9sbXh--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--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__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button:active,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.ds-button__m9sbXh--disabled.sc-ds-button,.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.ds-button__m9sbXh--supplementary.ds-button__m9sbXh--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__m9sbXh.ds-button__m9sbXh--in-input.ds-button__m9sbXh--no-focus-ring.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}"}},[774,"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"],dsAriaControls:[1,"ds-aria-controls"],dsAriaHaspopup:[8,"ds-aria-haspopup"],dsAriaHidden:[4,"ds-aria-hidden"],dsTabIndex:[2,"ds-tab-index"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"],dsActive:[4,"ds-active"],dsInInput:[4,"ds-in-input"],dsNoFocusRing:[4,"ds-no-focus-ring"],hasDefaultSlot:[32],isActive:[32],text:[32],setFocus:[64]},void 0,{dsText:[{dsTextObserver:0}],dsValue:[{dsValueObserver:0}],dsActive:[{dsActiveObserver:0}],"aria-disabled":[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-pressed":[{ariaAttributeObserver:0}],"aria-expanded":[{ariaAttributeObserver:0}],"aria-controls":[{ariaAttributeObserver:0}],"aria-haspopup":[{ariaAttributeObserver:0}]}]);function p(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((t=>{switch(t){case"ds-button":customElements.get(b(t))||customElements.define(b(t),g);break;case"ds-icon":customElements.get(b(t))||m();break;case"ds-spinner":customElements.get(b(t))||l();break;case"ds-visually-hidden":customElements.get(b(t))||X()}}))}a([n("ds-icon",{dsName:""}),n("ds-spinner",null),n("ds-visually-hidden",null)]);export{g as D,p as d}

package/dist/components/p-Hu1uuoy2.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as t,M as s,c as e,h as o,t as a}from"./p-x-HJUYLL.js";import{c as d}from"./p-CTcsKZyv.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as r}from"./p-ChKb-Fx7.js";import{t as c}from"./p-DcZ9GOUY.js";import{g as l,d as b}from"./p-D-JwhXmZ.js";import{c as h}from"./p-BM0xAKIg.js";const f=t(class extends(s(h("ds-tab"),c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.dsTabClick=e(this,"dsTabClick",7),this.dsTabFocus=e(this,"dsTabFocus",7)}get el(){return this}tablist=null;tabElement;dsTabClick;dsTabFocus;dsId;dsTabPanelId;dsText;dsIconStart;dsIconEnd;dsIconEndColour;hasPrefixSlot=!1;hasContentSlot=!1;hasSuffixSlot=!1;isHovered=!1;isActive=!1;get DsTablist(){return n("ds-tablist","ds-tab",this.el)}get DsIcon(){return n("ds-icon","ds-tab",this.el)}get iconInteractionState(){return this.isActive?"active":this.isHovered?"hover":void 0}get iconColour(){if(this.dsIconEndColour)return l(this.dsIconEndColour,this.iconInteractionState)}async setFocus(){this.tabElement?.focus({preventScroll:!0})}handleMouseEnter(){this.isHovered=!0}handleMouseLeave(){this.isHovered=!1}handleMouseDown(){this.isActive=!0}handleMouseUp(){this.isActive=!1}handleFocusIn(){this.dsTabFocus.emit({tabId:this.dsId})}handleClick(){this.context?.currentTab!==this.dsId&&this.dsTabClick.emit({tabId:this.dsId,tabPanelId:this.dsTabPanelId})}checkSlot=(t,s)=>{this[t]=null!==this.el.querySelector(s)};checkPrefixSlot=()=>this.checkSlot("hasPrefixSlot",'[slot="prefix"]');checkContentSlot=()=>this.checkSlot("hasContentSlot",'[slot="content"]');checkSuffixSlot=()=>this.checkSlot("hasSuffixSlot",'[slot="suffix"]');connectedCallback(){this.tablist=this.el.closest(this.DsTablist),this.tablist&&this.tablist.tabConnected()}disconnectedCallback(){super.disconnectedCallback(),this.tablist&&this.tablist.tabDisconnected(),this.tablist=null}componentDidLoad(){this.checkPrefixSlot(),this.checkContentSlot(),this.checkSuffixSlot()}render(){const t=d("ds-tab"),s=this.context?.currentTab===this.dsId,e=i(t,{[`${t}--container`]:"container"===this.context?.variant,[`${t}--line`]:"line"===this.context?.variant,[`${t}--selected`]:s});return o("div",{key:"ae75a439a5169a270d6efc58cf7514597e1d10ad",ref:t=>this.tabElement=t,class:e,role:"tab","aria-controls":this.dsTabPanelId,"aria-selected":String(s),tabIndex:s?0:-1},o("div",{key:"ef08cacdea763f1fae8a53d5b5288d1c7749c1dc",class:`${t}__content`},o("slot",{key:"b6677d3e5aa293c0e3e75e002470ddba2101f549",name:"prefix",onSlotchange:this.checkPrefixSlot},!this.hasPrefixSlot&&this.dsIconStart&&o(this.DsIcon,{key:"16d64ca02eabae826b9a75b956cd039e2bd88f5c",dsName:this.dsIconStart})),o("slot",{key:"bb1b7e5a72e3aca2a4c85433b87f029e4cdb60a0",name:"content",onSlotchange:this.checkContentSlot},!this.hasContentSlot&&o("span",{key:"9ccf6bc28f27c841409643e7e301faec262ddbf9"},this.dsText)),o("slot",{key:"6c6d0652750b3befbd7a8d9b79c7a7e832e18e52",name:"suffix",onSlotchange:this.checkSuffixSlot},!this.hasSuffixSlot&&this.dsIconEnd&&o(this.DsIcon,{key:"fd0bfe7afa6b5ebf7f2cbac21c0183342b39666f",dsName:this.dsIconEnd,dsColour:this.iconColour}))))}static get style(){return'.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__m9sbXh.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__m9sbXh.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__m9sbXh--selected.sc-ds-tab,.ds-tab__m9sbXh.sc-ds-tab:hover:not(.ds-tab__m9sbXh--selected),.ds-tab__m9sbXh.sc-ds-tab:active:not(.ds-tab__m9sbXh--selected){color:var(--ds-textColor-default)}.ds-tab__m9sbXh--container.sc-ds-tab:focus-visible{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-tab__m9sbXh--container.ds-tab__m9sbXh--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__m9sbXh--container.ds-tab__m9sbXh--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__m9sbXh--container.ds-tab__m9sbXh--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__m9sbXh--container.sc-ds-tab:hover:not(.ds-tab__m9sbXh--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__m9sbXh--container.sc-ds-tab:active:not(.ds-tab__m9sbXh--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__m9sbXh--line.sc-ds-tab:focus-visible .ds-tab__m9sbXh__content.sc-ds-tab{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-tab__m9sbXh--line.ds-tab__m9sbXh--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__m9sbXh--line.sc-ds-tab:hover:not(.ds-tab__m9sbXh--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__m9sbXh--line.sc-ds-tab:active:not(.ds-tab__m9sbXh--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__m9sbXh.sc-ds-tab .ds-tab__m9sbXh__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}'}},[774,"ds-tab",{dsId:[1,"ds-id"],dsTabPanelId:[1,"ds-tab-panel-id"],dsText:[1,"ds-text"],dsIconStart:[1,"ds-icon-start"],dsIconEnd:[1,"ds-icon-end"],dsIconEndColour:[1,"ds-icon-end-colour"],context:[32],hasPrefixSlot:[32],hasContentSlot:[32],hasSuffixSlot:[32],isHovered:[32],isActive:[32],setFocus:[64]},[[1,"mouseenter","handleMouseEnter"],[1,"mouseleave","handleMouseLeave"],[1,"mousedown","handleMouseDown"],[1,"mouseup","handleMouseUp"],[0,"focusin","handleFocusIn"],[0,"click","handleClick"]]]);function m(){"undefined"!=typeof customElements&&["ds-tab","ds-icon"].forEach((t=>{switch(t){case"ds-tab":customElements.get(a(t))||customElements.define(a(t),f);break;case"ds-icon":customElements.get(a(t))||b()}}))}r([o("ds-icon",{dsName:""})]);export{f as D,m as d}

package/dist/components/p-Oax-7VU1.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as e,h as t,t as i}from"./p-x-HJUYLL.js";import{c as d}from"./p-CTcsKZyv.js";import{t as a,d as l}from"./p-ChKb-Fx7.js";import{c as o}from"./p-BM0xAKIg.js";import{d as r}from"./p-DdoeF6Ti.js";const n=s(class extends(e(o("ds-group-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLabel;dsAssistiveText;dsAssistiveTextId;get DsAssistiveText(){return a("ds-assistive-text","ds-group-label",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=d("ds-group-label");return t("div",{key:"1bfffa0fd3604e6190596fd7b04663f28d54e7d4",class:s},t("slot",{key:"99f4ed52b13edc604e021fd6ea5aec9935e09212",name:"label"},this.dsLabel&&t("div",{key:"a75e5fd584a2e5e446d3152819cf07fef2f0d627",class:`${s}__label`},this.dsLabel)),t("slot",{key:"4594140fd422c65c2ab882c5dc615c9134000521",name:"assistiveText"},this.dsAssistiveText&&t(this.DsAssistiveText,{key:"a38d19a19394b73956e998e84b08e79e043e2e57",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText})))}static get style(){return".ds-group-label__m9sbXh__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__m9sbXh{display:flex;flex-direction:column}.ds-group-label__m9sbXh:empty{display:none}"}},[772,"ds-group-label",{dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"]}]);function c(){"undefined"!=typeof customElements&&["ds-group-label","ds-assistive-text"].forEach((s=>{switch(s){case"ds-group-label":customElements.get(i(s))||customElements.define(i(s),n);break;case"ds-assistive-text":customElements.get(i(s))||r()}}))}l([t("ds-assistive-text",null)]);export{n as D,c as d}

package/dist/components/p-QKz24CtL.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as e,c as t,f as i,h as o,d,t as l}from"./p-x-HJUYLL.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,c,f as n,i as h,d as p}from"./p-ChKb-Fx7.js";import{s as b,h as u,i as m,l as _,w as v,f as g,r as f,j as x}from"./p-CeZ-gCd0.js";import{c as w}from"./p-CTcsKZyv.js";import{i as y,a as X}from"./p-BecId8t2.js";import{F as k}from"./p-BT1Kxodd.js";import{m as O}from"./p-xYmAT405.js";import{d as C}from"./p-VfYMKfsX.js";import{c as E}from"./p-BM0xAKIg.js";import{d as I}from"./p-DdoeF6Ti.js";import{d as S}from"./p-GXMba8x_.js";import{d as $}from"./p-BYiw3GBs.js";import{d as F}from"./p-tMFR6Joi.js";import{d as L}from"./p-D-JwhXmZ.js";import{d as T}from"./p-DVpnIFhU.js";import{d as R}from"./p-Dh7gKrXR.js";import{d as A}from"./p-BR4NAaKC.js";import{d as D}from"./p-qfzEFnRG.js";import{d as V}from"./p-CsW-W9Vv.js";const z={dsPlaceholder:b},j=s(class extends(e(E("ds-select",{stopRootTracking:!0,stopRootTrackingExcept:["ds-datepicker"]}),O,C)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsMultipleChange=t(this,"dsMultipleChange",7),this.dsChange=t(this,"dsChange",7),this.dsSubmitInvalid=t(this,"dsSubmitInvalid",7),this.dsValidity=t(this,"dsValidity",7),this.dsBlur=t(this,"dsBlur",7),this.dsFocus=t(this,"dsFocus",7),this.internals=this.attachInternals()}inheritedAttributes={};get el(){return this}internals;dsMultipleChange;dsChange;dsSubmitInvalid;dsValidity;dsBlur;dsFocus;dsForm;dsId=this.getUniqueId();dsName=this.dsId;dsLabel;dsAssistiveText;dsPlaceholder;dsVariant="default";dsClearable=!0;dsDisabled=!1;dsErrorText="";dsIcon;dsIconSize;dsValue=null;dsLoading=!1;dsLoadingText;dsOptionsError=!1;dsOptionsErrorTitle;dsOptionsErrorText;dsFullWidth=!1;dsRequired=!1;dsAriaLabel;activeOption=null;selectedOptions=[];selectedOptionsLabel;isOpen=!1;activeIndex=null;hasFocus=!1;clearButtonRef;iconRef;badgeRef;badgeContainerOffset=null;feedback=[];get isNative(){return"native"===this.dsVariant}get isMultiple(){return"multiple"===this.dsVariant}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}get placeholder(){return this.dsPlaceholder||z.dsPlaceholder()}handleInvalid=s=>{s.preventDefault(),this.dsSubmitInvalid.emit({flag:"customError",message:this.internals?.validationMessage})};async checkValidity(){return this.internals?.checkValidity()}async getSelectedOption(){return 0===this.selectedOptions.length?null:(await this.getSelectedOptions())[0]}async getSelectedOptions(){return await Promise.all(this.selectedOptions?.map((async s=>({value:s.dsValue||null,label:await s.getLabel()||null,description:s.dsDescription||null}))))}connectedCallback(){this.internals?.form&&!this.isNative&&this.el.addEventListener("invalid",this.handleInvalid)}componentWillLoad(){this._setDisableEventEmits(!0),this.inheritedAttributes={...X(this,this.el),...y(this.el,this.isNative?["aria-describedby","aria-controls","aria-haspopup"]:["aria-haspopup","aria-expanded","aria-disabled","aria-labelledby","aria-describedby","aria-controls","aria-activedescendant"])}}componentDidLoad(){this.componentMounted(),this.isNative?this.internals?.setValidity({}):this.internals?.setValidity({valueMissing:this.dsRequired&&(!this.dsValue||Array.isArray(this.dsValue)&&0===this.dsValue.length)},u()),this.value=this.toValue(this.dsValue)}disconnectedCallback(){this.internals?.form&&!this.isNative&&this.el.removeEventListener("invalid",this.handleInvalid),this.debouncedResetFeedback.cancel()}get DsIcon(){return a("ds-icon","ds-select",this.el)}get DsInputValidity(){return a("ds-input-validity","ds-select",this.el)}get DsOption(){return a("ds-option","ds-select",this.el)}get DsFeedback(){return a("ds-feedback","ds-select",this.el)}customSelectRef;nativeSelectRef;handleEscEvent(s){this.selectedOptions.length>0&&"Tab"===s.detail.key?this.clearButtonRef?.setFocus():["Escape","Shift+Tab"].includes(s.detail.key)&&this.customSelectRef?.focus()}handleFocusIn(){this.hasFocus=!0}handleFocusOut(s){const e=s&&"relatedTarget"in s?s.relatedTarget:null;(!e||!this.el.contains(e))&&(this.activeIndex=null,this.hasFocus=!1,this.isOpen=!1,this.isNative||this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage}))}async handleOptionClick(s){s&&!s.dsDisabled&&(this._setDisableEventEmits(!1),this.value=this.inValue(s.dsValue)&&this.isMultiple?this.withoutValue(s.dsValue):this.isMultiple?this.withValue(s.dsValue):this.toValue(s.dsValue),this.isMultiple||(this.activeIndex=null,this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus()))}toggleDropdown(){this.dsDisabled||(this.isOpen=!this.isOpen,this.isOpen||(this.activeIndex=null))}handleClearSelection(){this.dsDisabled||(this.activeIndex=null,this._setDisableEventEmits(!1),this.value=this.toValue(null),this.isOpen=!1,(this.customSelectRef||this.nativeSelectRef)?.focus())}handleKeyDown(s){"ArrowDown"!==s.key&&"ArrowUp"!==s.key&&"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.isOpen=!0,this.updateActiveIndex(),window.requestAnimationFrame((()=>{const s=this.el.querySelector(`.${w("ds-options")}`);s?.focus()})))}getBadgeContainerWidthOffset=async()=>{await c(this.clearButtonRef),await c(this.badgeRef);const s=this.clearButtonRef?.getBoundingClientRect().width||0,e=this.badgeRef?.getBoundingClientRect().width||0;this.badgeContainerOffset=s&&e?s+e:null};getAllOptions(){return Array.from(this.el.querySelectorAll(this.DsOption))}getFocusIndex(){const s=this.getAllOptions();if(""!==this.getValueItem(0)?.trim()){const e=s.findIndex((s=>String(s.dsValue)===String(this.getValueItem(0))));if(-1!==e)return e}return s.findIndex((s=>!s.dsDisabled))}updateActiveIndex(){const s=this.getFocusIndex();-1!==s&&(this.activeIndex=s)}activeIndexObserver(s){const e=this.getAllOptions();this.activeOption=null!==s?e[s]:null,e.forEach(((s,e)=>{s.dsActive=e===this.activeIndex,s.dsSelected=this.inValue(s.dsValue)}))}clearButtonRefObserver(){this.getBadgeContainerWidthOffset()}valueObserver(s){this.isNative||this.setSelectedOptionsFromValue(s)}dsValueObserver(s){this.value=this.toValue(s)}selectedOptionsObserver(s,e){const t=s.map((s=>s.dsValue)),i=e?.map((s=>s.dsValue))||[],o=i.filter((s=>!t.includes(s))),d=t.filter((s=>!i.includes(s))),l=o.length>0||d.length>0;e?.forEach((s=>s.dsSelected=!1)),s.forEach((s=>s.dsSelected=!0));const r=this.getShouldEmit([l]);this._setDisableEventEmits(!0),r&&(this.dsMultipleChange.emit({values:t,added:d,removed:o}),this.dsChange.emit(t[0]||null)),this.dsValidity.emit({flag:this.internals?.validity.valid?"valid":"customError",message:this.internals?.validationMessage})}hasFocusObserver(s){s?this.dsFocus.emit():this.dsBlur.emit()}resetFeedback=()=>{this.feedback=[],i(this)};debouncedResetFeedback=n(this.resetFeedback,k);appendFeedback=(s,e)=>{this.feedback=[...this.feedback,{key:s,message:e}],this.debouncedResetFeedback()};removeFeedback=s=>{this.feedback=this.feedback.filter((e=>e.key!==s))};getFeedbackMessage=()=>this.feedback.length>0?this.feedback[this.feedback.length-1]?.message:"";optionsMessagePropertyObserver(s,e,t){if(!s)return this.removeFeedback(t),void(0===this.feedback.length&&this.appendFeedback("default",m()));"dsLoading"===t&&s?this.appendFeedback(t,this.dsLoadingText||_()):"dsOptionsError"===t&&s&&this.appendFeedback(t,this.dsOptionsErrorText||`${v()} ${g()}`)}setSelectedOptionsFromValue=async s=>{if(!s||0===s.length)return void await this.setSelectedOptions([]);const e=this.getAllOptions().filter((e=>s.includes(e.dsValue)));0!==e.length?await this.setSelectedOptions(e):console.warn(`ds-select: No options found matching dsValues "${s.join(", ")}"`)};setSelectedOptions=async s=>{!this.isMultiple&&this.activeOption&&(this.activeOption.dsActive=!1),this.internals?.setValidity({valueMissing:this.dsRequired&&0===s.length},u()),this.selectedOptions=s,this.selectedOptionsLabel=s.length>0?(await Promise.all(s.map((s=>s.getLabel())))).join(", "):"",this.getBadgeContainerWidthOffset()};renderNativeSelect(){const s=a("ds-select-native","ds-select",this.el);return o(s,{dsId:this.dsId,dsLabel:this.dsLabel,dsPlaceholder:this.placeholder,dsIcon:this.dsIcon,dsIconSize:this.dsIconSize,dsName:this.dsName||this.dsId,dsDisabled:this.dsDisabled,dsErrorText:this.dsErrorText,dsRequired:this.dsRequired,dsFullWidth:this.dsFullWidth,dsAriaLabel:this.dsAriaLabel,dsValue:this.getValueItem(0)||"",onDsChange:s=>{this.value=this.toValue(s.detail)},onDsValidity:s=>{this.dsValidity.emit(s.detail)},onDsSubmitInvalid:s=>{this.dsSubmitInvalid.emit(s.detail)},...this.inheritedAttributes},o("slot",{name:"label"}),o("slot",{name:"native"}))}renderCustomSelect(s){const e=0===this.selectedOptions.length,t=`${this.dsId}-label`,i=`${this.dsId}-badge`,d=`${this.dsId}-selected-option`,l=[!!this.dsAssistiveText&&this.assistiveTextId,!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" ")||void 0,c=`ds-select-options-${this.dsId}`,n=`${s}-custom`,h=a("ds-badge","ds-select",this.el),p=a("ds-button","ds-select",this.el),b=a("ds-options","ds-select",this.el),u=a("ds-options-message","ds-select",this.el),m=a("ds-control-label","ds-select",this.el),_=f(!0);return o("div",{style:{"--badge-container-offset":this.badgeContainerOffset?`${this.badgeContainerOffset}px`:void 0}},o(m,{dsId:t,dsHtmlFor:this.dsId,dsLabel:this.dsLabel,dsRequired:this.dsRequired,dsAssistiveText:this.dsAssistiveText,dsAssistiveTextId:this.assistiveTextId,onClick:()=>{this.customSelectRef?.focus(),this.toggleDropdown()}},o("slot",{name:"label"})),o("div",{class:`${n}-wrapper`},o("div",{class:`${n}-input-container`},o("div",{id:this.dsId,ref:s=>this.customSelectRef=s,class:r(`${n}`,{[`${s}--full-width`]:this.dsFullWidth,[`${n}--open`]:this.isOpen,[`${n}--none-selected`]:e,[`${n}--disabled`]:this.dsDisabled,[`${n}--invalid`]:!!this.dsErrorText,[`${n}--has-icon`]:!!this.dsIcon}),tabIndex:this.dsDisabled?-1:0,role:"combobox","aria-required":this.dsRequired?"true":"false","aria-haspopup":"listbox","aria-expanded":String(this.isOpen),"aria-disabled":String(this.dsDisabled),"aria-label":this.dsAriaLabel,"aria-labelledby":this.isMultiple&&this.selectedOptions?.length>0?`${t} ${i}`:t,"aria-describedby":l,"aria-controls":c,"aria-activedescendant":null!==this.activeIndex?`${this.dsId}-option-${this.activeIndex}`:void 0,onClick:()=>{this.dsDisabled||this.toggleDropdown()},onKeyDown:s=>{this.dsDisabled||this.handleKeyDown(s)}},o("div",{class:`${n}__selected-option`},this.dsIcon&&o(this.DsIcon,{class:`${n}__selected-option__placeholder-icon`,dsName:this.dsIcon,dsSize:this.dsIconSize}),o("span",{id:d,class:r(`${n}__selected-option__text`,{[`${n}__selected-option__text--none-selected`]:e,[`${n}__selected-option__text--disabled`]:this.dsDisabled})},this.selectedOptionsLabel||this.placeholder)),o(this.DsIcon,{ref:s=>{this.iconRef=s},class:r(`${n}__dropdown-icon`,{[`${n}__dropdown-icon--has-clear-button`]:this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled}),dsName:this.isOpen?"keyboard_arrow_up":"keyboard_arrow_down"})),this.isMultiple&&this.selectedOptions?.length>0&&o("div",{class:`${n}__badge-container`},o(h,{ref:s=>this.badgeRef=s,dsId:i,dsText:`${this.selectedOptions.length}`,dsHiddenAssistiveText:x()})),this.dsClearable&&this.selectedOptionsLabel&&!this.dsDisabled&&o(p,{ref:s=>{this.clearButtonRef=s},class:`${n}__clear-button`,dsVariant:"supplementary",dsIcon:"cancel_fill",dsColour:"black",dsIconTitle:_,dsIconAriaLabel:_,onClick:s=>{s.stopPropagation(),this.handleClearSelection()},onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),s.stopPropagation(),this.handleClearSelection())},dsAriaLabel:_,dsAriaDescribedby:d,dsInInput:!0,dsNoFocusRing:!0})),o("div",{id:c,class:{[`${n}__options-container`]:!0,[`${n}__options-container--open`]:this.isOpen},onClick:s=>{const e=s.target.closest(this.DsOption);this.handleOptionClick(e)}},o(u,{dsLoading:this.dsLoading,dsLoadingText:this.dsLoadingText,dsError:this.dsOptionsError,dsErrorTitle:this.dsOptionsErrorTitle,dsErrorText:this.dsOptionsErrorText}),o(b,{dsActiveIndex:this.activeIndex??void 0,onDsActiveIndexChange:s=>{this.activeIndex=s.detail},onDsEsc:()=>{this.isOpen=!1},dsLabelId:t,dsAriaMultiselectable:this.isMultiple},o("slot",null)))),this.internals?.form&&this.internals?.validity.valid&&this.selectedOptions.map((s=>o("input",{type:"hidden",name:this.dsName,value:s.dsValue,key:s.dsValue}))),o(this.DsInputValidity,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}),o(this.DsFeedback,{dsSrOnly:!0,dsSrOnlyTag:"span"},this.getFeedbackMessage()))}render(){const s=w("ds-select");return o(d,{key:"3c2dd72616c0c522d4c8bc90e24049fdbba9ba51",...h("name",this.isNative?void 0:this.dsName)},o("div",{key:"b9c1004ca24fe0735b18f41a376c37d8c4b431d7",tabIndex:this.isNative?void 0:-1},this.isNative?this.renderNativeSelect():this.renderCustomSelect(s)))}static get formAssociated(){return!0}static get watchers(){return{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}}static get style(){return".sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__m9sbXh--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__m9sbXh-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__m9sbXh-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__m9sbXh-custom-wrapper.sc-ds-select{position:relative}.ds-select__m9sbXh-custom.sc-ds-select .ds-options__m9sbXh.sc-ds-select{display:block}.ds-select__m9sbXh-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__m9sbXh-custom-input-container.sc-ds-select:has(.ds-select__m9sbXh-custom__clear-button:hover) .ds-select__m9sbXh-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__m9sbXh-custom.sc-ds-select:not(.ds-select__m9sbXh-custom--open,.ds-select__m9sbXh-custom--invalid.sc-ds-select,.ds-select__m9sbXh-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__m9sbXh-custom.sc-ds-select:active:not(.ds-select__m9sbXh-custom--open,.ds-select__m9sbXh-custom--invalid.sc-ds-select,.ds-select__m9sbXh-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__m9sbXh-custom--open.sc-ds-select,.ds-select__m9sbXh-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__m9sbXh-custom--open.sc-ds-select:not(.ds-select__m9sbXh-custom--open--invalid,.ds-select__m9sbXh-custom.sc-ds-select:focus-visible--invalid),.ds-select__m9sbXh-custom.sc-ds-select:focus-visible:not(.ds-select__m9sbXh-custom--open--invalid,.ds-select__m9sbXh-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__m9sbXh-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__m9sbXh-custom--disabled.sc-ds-select .ds-select__m9sbXh-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__m9sbXh-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-custom--invalid.sc-ds-select:not(.ds-select__m9sbXh-custom--invalid--open,.ds-select__m9sbXh-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-custom--invalid.sc-ds-select:not(.ds-select__m9sbXh-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__m9sbXh-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__m9sbXh-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__m9sbXh-custom--has-icon.sc-ds-select .ds-select__m9sbXh-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__m9sbXh-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__m9sbXh-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__m9sbXh-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__m9sbXh-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__m9sbXh-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__m9sbXh-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__m9sbXh-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__m9sbXh-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__m9sbXh-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__m9sbXh-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__m9sbXh-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__m9sbXh-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__m9sbXh-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__m9sbXh-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__m9sbXh-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__m9sbXh-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__m9sbXh-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}"}},[838,"ds-select",{dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[1,"ds-name"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsPlaceholder:[1,"ds-placeholder"],dsVariant:[1,"ds-variant"],dsClearable:[4,"ds-clearable"],dsDisabled:[4,"ds-disabled"],dsErrorText:[1,"ds-error-text"],dsIcon:[1,"ds-icon"],dsIconSize:[1,"ds-icon-size"],dsValue:[1,"ds-value"],dsLoading:[4,"ds-loading"],dsLoadingText:[1,"ds-loading-text"],dsOptionsError:[4,"ds-options-error"],dsOptionsErrorTitle:[1,"ds-options-error-title"],dsOptionsErrorText:[1,"ds-options-error-text"],dsFullWidth:[4,"ds-full-width"],dsRequired:[4,"ds-required"],dsAriaLabel:[1,"ds-aria-label"],value:[32],activeOption:[32],selectedOptions:[32],selectedOptionsLabel:[32],isOpen:[32],activeIndex:[32],hasFocus:[32],clearButtonRef:[32],iconRef:[32],badgeRef:[32],badgeContainerOffset:[32],feedback:[32],setDisableEventEmits:[64],checkValidity:[64],getSelectedOption:[64],getSelectedOptions:[64]},[[0,"dsEsc","handleEscEvent"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]],{activeIndex:[{activeIndexObserver:0}],clearButtonRef:[{clearButtonRefObserver:0}],badgeRef:[{clearButtonRefObserver:0}],value:[{valueObserver:0}],dsValue:[{dsValueObserver:0}],selectedOptions:[{selectedOptionsObserver:0}],hasFocus:[{hasFocusObserver:0}],dsLoading:[{optionsMessagePropertyObserver:0}],dsOptionsError:[{optionsMessagePropertyObserver:0}]}]);function B(){"undefined"!=typeof customElements&&["ds-select","ds-assistive-text","ds-button","ds-control-label","ds-feedback","ds-icon","ds-input-validity","ds-options","ds-select-native","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-select":customElements.get(l(s))||customElements.define(l(s),j);break;case"ds-assistive-text":customElements.get(l(s))||I();break;case"ds-button":customElements.get(l(s))||S();break;case"ds-control-label":customElements.get(l(s))||$();break;case"ds-feedback":customElements.get(l(s))||F();break;case"ds-icon":customElements.get(l(s))||L();break;case"ds-input-validity":customElements.get(l(s))||T();break;case"ds-options":customElements.get(l(s))||R();break;case"ds-select-native":customElements.get(l(s))||A();break;case"ds-spinner":customElements.get(l(s))||D();break;case"ds-visually-hidden":customElements.get(l(s))||V()}}))}p([o("ds-select-native",null),o("ds-icon",{dsName:""}),o("ds-input-validity",null),o("ds-button",null),o("ds-options",null),o("ds-control-label",null),o("ds-feedback",null)]);export{j as D,B as d}

package/dist/components/p-VSdDDSu2.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,M as e,c as d,f as t,h as i,F as a,t as r}from"./p-x-HJUYLL.js";import{r as o}from"./p-CeZ-gCd0.js";import{t as c,o as l,d as h}from"./p-ChKb-Fx7.js";import{c as n}from"./p-CTcsKZyv.js";import{i as b,a as m}from"./p-BecId8t2.js";import{a as p,d as f}from"./p-D-JwhXmZ.js";import{c as u}from"./p-BM0xAKIg.js";import{d as v}from"./p-CsW-W9Vv.js";const g=(s,e)=>s||e,y=s(class extends(e(u("ds-chip"),p)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=d(this,"dsClick",7)}buttonEl;inheritedAttributes={};get el(){return this}dsClick;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;set dsName(s){this._dsName=g(s,this._dsName)}get dsName(){return this._dsName}dsValue=0;dsText;dsIcon;dsType="button";dsRole;dsAriaLabel;name=this._dsName;async setFocus(){this.buttonEl?.focus()}get DsChipGroupTag(){return c("ds-chip-group","ds-chip",this.el)}connectedCallback(){const s=this.el.closest(this.DsChipGroupTag);this.name=g(s?.dsName,this.name),s?.childConnected()}disconnectedCallback(){const s=this.el.closest(this.DsChipGroupTag);s?.childDisconnected()}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...m(this,this.el),...b(this.el)}}componentDidLoad(){this.componentMounted()}dsNameObserver(s){this.name=s}ariaAttributeObserver(s,e,d){this.inheritedAttributes={...this.inheritedAttributes,[d]:s},t(this)}handleClick(){this.dsClick.emit(this.dsValue)}render(){const s=n("ds-chip"),e=c("ds-icon","ds-chip",this.el),d=c("ds-visually-hidden","ds-chip",this.el),t=this.dsRole??this.inheritedAttributes.role,r=this.dsAriaLabel??this.inheritedAttributes["aria-label"],h=t?"div":a,b=l(this.inheritedAttributes,["role","aria-label"]);return i(h,{key:"f983e1b4fe07f9eeed524dd5e4060f4c24b93699",role:t},i("button",{key:"978d753167b4473b9140856c7aaf5cff3e11f2fe",ref:s=>this.buttonEl=s,class:s,id:this.dsId,name:this.name,form:this.dsForm,type:this.dsType,"aria-label":r,...b},i("slot",{key:"b12c9a1e7abf7ac8abf3f0d698f53950c9f59549",name:"prefix"},this.dsIcon&&i(e,{key:"351d5aa58c3f9329dfc4d5fd4d11b267ed9e5e0d",dsName:this.dsIcon,dsSize:"1rem"})),i("span",{key:"5356d617c2270322b8cafd633cd00eba13c38122",class:`${s}__text`},i("slot",{key:"d3eb97ea2f6e803db178a7cc631483e36d2f8c9b"},this.dsText),i(d,{key:"e21034448a8ad20dad12853ae59ce424f56d8e60",dsTag:"span"},", ",o())),i(e,{key:"3d1b5815acd5db98a8655241e05c704f7d47d1bf",dsName:"close",dsSize:"1rem"})))}static get watchers(){return{dsName:[{dsNameObserver:0}],role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}}static get style(){return".ds-chip__m9sbXh:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__m9sbXh{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__m9sbXh:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__m9sbXh:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__m9sbXh__text{padding:0 var(--ds-spacing-3xSmall)}"}},[772,"ds-chip",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsValue:[520,"ds-value"],dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsType:[1,"ds-type"],dsRole:[1,"ds-role"],dsAriaLabel:[1,"ds-aria-label"],name:[32],setFocus:[64]},[[0,"click","handleClick"]],{dsName:[{dsNameObserver:0}],role:[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}]}]);function k(){"undefined"!=typeof customElements&&["ds-chip","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-chip":customElements.get(r(s))||customElements.define(r(s),y);break;case"ds-icon":customElements.get(r(s))||f();break;case"ds-visually-hidden":customElements.get(r(s))||v()}}))}h([i("ds-icon",{dsName:""}),i("ds-visually-hidden",null)]);export{y as D,k as d}

package/dist/components/p-VfYMKfsX.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ const s=s=>class extends s{constructor(){super()}_disableEventEmits=!1;_setDisableEventEmits(s=!1){this._disableEventEmits=s}async setDisableEventEmits(s=!1){this._setDisableEventEmits(s)}getShouldEmit(s){return!this._disableEventEmits&&!s?.some((s=>!s))}};export{s as d}

package/dist/components/p-qfzEFnRG.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as e,M as s,h as t,t as i}from"./p-x-HJUYLL.js";import{i as d,a as n}from"./p-BecId8t2.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as a,d as o}from"./p-ChKb-Fx7.js";import{c as l}from"./p-CTcsKZyv.js";import{c as g}from"./p-BM0xAKIg.js";import{d as m}from"./p-CsW-W9Vv.js";const f={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},h={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"},p={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)",danger:"var(--ds-palette-red-70)"},b=e(class extends(s(g("ds-spinner"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}inheritedAttributes={};get el(){return this}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...d(this.el,["role","aria-live"])}}componentDidLoad(){this.componentMounted()}render(){const e=f[this.dsSize],s=this.dsCustomSize?"":h[this.dsSize],i=p[this.dsColour],d=l("ds-spinner"),n=r(d,{[`${d}--${this.dsSize}`]:!this.dsCustomSize,[`${d}--custom`]:!!this.dsCustomSize,[`${d}--${this.dsTextPosition}`]:!!this.dsText}),o=r(`${d}__text`,s,`${d}__text--${this.dsColour}`),g=e=>r(`${d}__segment`,`${d}__segment--${e}`),m=a("ds-visually-hidden","ds-spinner",this.el);return t("div",{key:"5cdb1d5e91878a517e82b9cd276776ffb3d7eba3",role:this.dsUseRoleAlert?"alert":void 0,"aria-live":this.dsUseAriaLive?"polite":void 0,class:n,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${e}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},t("div",{key:"6fb917362e05a35d8433e7e22918d29ebeeffaad",class:`${d}__spinner`},t("div",{key:"867f6cb563805351d23932167b54fbab97acacc4",class:g(1)}),t("div",{key:"6d9edadb424708ef345dcaea44ecdcd388b27c71",class:g(2)}),t("div",{key:"15861982856b22ba5265eaa2a29e2b67f4b70421",class:g(3)})),this.dsHiddenAssistiveText&&t(m,{key:"b45baa1e904f3295deba75b5cec215a32a92bf24"},t("span",{key:"dea5006a521e31b885f73f18a4303a5cd4332fae"},this.dsHiddenAssistiveText)),this.dsText&&t("span",{key:"6f0d73e6a71f8d249cfeaac9225b3ee73f7d7d6d",class:o,style:{fontSize:this.dsCustomTextSize}},this.dsText))}static get style(){return".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__m9sbXh{display:inline-block}.ds-spinner__m9sbXh:has(.ds-spinner__m9sbXh__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__m9sbXh{}.ds-spinner__m9sbXh--small{padding:1.5px}.ds-spinner__m9sbXh--medium{padding:3px}.ds-spinner__m9sbXh--large{padding:3px}.ds-spinner__m9sbXh--xLarge{padding:5.5px}.ds-spinner__m9sbXh--2xLarge{padding:5.5px}.ds-spinner__m9sbXh--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__m9sbXh{}.ds-spinner__m9sbXh--below{flex-direction:column;align-items:center}.ds-spinner__m9sbXh--right{flex-direction:row;align-items:center}.ds-spinner__m9sbXh__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__m9sbXh__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__m9sbXh__text--white{color:var(--ds-textColor-white)}.ds-spinner__m9sbXh__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__m9sbXh__segment--1{animation-delay:-0.3s}.ds-spinner__m9sbXh__segment--2{animation-delay:-0.2s}.ds-spinner__m9sbXh__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__m9sbXh__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__m9sbXh__segment--1{animation-delay:-0.6s}.ds-spinner__m9sbXh__segment--2{animation-delay:-0.4s}.ds-spinner__m9sbXh__segment--3{animation-delay:-0.2s}}"}},[513,"ds-spinner",{dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsCustomSize:[1,"ds-custom-size"],dsCustomTextSize:[1,"ds-custom-text-size"],dsTextPosition:[1,"ds-text-position"],dsColour:[1,"ds-colour"],dsUseRoleAlert:[4,"ds-use-role-alert"],dsUseAriaLive:[4,"ds-use-aria-live"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"]}]);function c(){"undefined"!=typeof customElements&&["ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-spinner":customElements.get(i(e))||customElements.define(i(e),b);break;case"ds-visually-hidden":customElements.get(i(e))||m()}}))}o([t("ds-visually-hidden",null)]);export{b as D,c as d}

package/dist/components/p-t1Rt33N8.js ADDED Viewed

@@ -0,0 +1 @@

+ import{S as e}from"./p-x-HJUYLL.js";const t=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys()){const n=e.get(t).filter((e=>{const t=e.deref();return t&&(!("isConnected"in(n=t))||n.isConnected);var n}));e.set(t,n)}})(...t)}),2e3)}})(),n=e.forceUpdate,o=e.getRenderingRef,s=(e,t)=>{const n=e.indexOf(t);n>=0&&(e[n]=e[e.length-1],e.length--)},r=["fi","sv","en"],c="en",a={language:c},{state:u,onChange:i}=(()=>{const e=((e,t=(e,t)=>e!==t)=>{const n=()=>{return("function"==typeof(t=e)?t():t)??{};var t},o=n();let r=new Map(Object.entries(o));const c="undefined"!=typeof Proxy,a=c?null:{},u={dispose:[],get:[],set:[],reset:[]},i=new Map,f=()=>{r=new Map(Object.entries(n())),c||y(),u.reset.forEach((e=>e()))},p=e=>(u.get.forEach((t=>t(e))),r.get(e)),l=(e,n)=>{const o=r.get(e);t(n,o,e)&&(r.set(e,n),c||b(e),u.set.forEach((t=>t(e,n,o))))},g=c?new Proxy(o,{get:(e,t)=>p(t),ownKeys:()=>Array.from(r.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>r.has(t),set:(e,t,n)=>(l(t,n),!0)}):(y(),a),d=(e,t)=>(u[e].push(t),()=>{s(u[e],t)});function b(e){!c&&a&&(Object.prototype.hasOwnProperty.call(a,e)||Object.defineProperty(a,e,{configurable:!0,enumerable:!0,get:()=>p(e),set(t){l(e,t)}}))}function y(){if(c||!a)return;const e=new Set(r.keys());for(const t of Object.keys(a))e.has(t)||delete a[t];for(const t of e)b(t)}return{state:g,get:p,set:l,on:d,onChange:(e,t)=>{const o=(n,o)=>{n===e&&t(o)},s=()=>{const o=n();t(o[e])},r=d("set",o),c=d("reset",s);return i.set(t,{setHandler:o,resetHandler:s,propName:e}),()=>{r(),c(),i.delete(t)}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(d("set",t.set)),t.get&&e.push(d("get",t.get)),t.reset&&e.push(d("reset",t.reset)),t.dispose&&e.push(d("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{u.dispose.forEach((e=>e())),f()},reset:f,forceUpdate:e=>{const t=r.get(e);u.set.forEach((n=>n(e,t,t)))},removeListener:(e,t)=>{const n=i.get(t);n&&n.propName===e&&(s(u.set,n.setHandler),s(u.reset,n.resetHandler),i.delete(t))}}})({...a},void 0);return e.use((()=>{if("function"!=typeof o||"function"!=typeof n)return{};const e=n,s=o,r=new Map;return{dispose:()=>r.clear(),get:e=>{const t=s();t&&((e,t,n)=>{let o=e.get(t);o||(o=[],e.set(t,o)),o.some((e=>e.deref()===n))||o.push(new WeakRef(n))})(r,e,t)},set:n=>{const o=r.get(n);if(o){const t=o.filter((t=>{const n=t.deref();return!!n&&e(n)}));r.set(n,t)}t(r)},reset:()=>{r.forEach((t=>{t.forEach((t=>{const n=t.deref();n&&e(n)}))})),t(r)}}})()),e})(),f=()=>u.language,p=e=>{(e=>r.includes(e))(e)?u.language=e:console.warn(`Unsupported language "${e}" provided to component library. Falling back to default language "${c}".`)},l=({language:e=c}={})=>{p(e)};export{c as d,f as g,l as i,i as o,p as s}

package/dist/components/p-tMFR6Joi.js ADDED Viewed

@@ -0,0 +1 @@

+ import{p as s,H as e,h as d,F as t,t as i}from"./p-x-HJUYLL.js";import{t as a,i as r,d as o}from"./p-ChKb-Fx7.js";import{d as l}from"./p-CsW-W9Vv.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsTag="div";dsRole;dsAriaLive="polite";dsAriaAtomic=!1;dsSrOnly=!1;dsSrOnlyTag="div";get DsVisuallyHidden(){return a("ds-visually-hidden","ds-feedback",this.el)}componentWillRender(){const s="Please provide either dsRole or dsAriaLive property";this.dsRole&&this.dsAriaLive?console.warn(`ds-feedback: ${s}. The dsAriaLive property is defined by default.`):this.dsRole||this.dsAriaLive||console.warn(`ds-feedback: ${s}.`)}render(){const s=this.dsSrOnly?this.DsVisuallyHidden:t,e=this.dsSrOnly?{dsTag:this.dsSrOnlyTag}:{};return d(this.dsTag,{key:"497f819b1680697bd1bb961ce5437e57fff1a1c0",...r("role",this.dsRole),...r("aria-live",this.dsAriaLive),...r("aria-atomic",this.dsAriaAtomic?"true":void 0)},d(s,{key:"e250d489a186701d2af3e3c643d6282721e30cfd",...e},d("slot",{key:"abca085a9e20f4861a8cf31cffd72ed3f6a10702"})))}static get style(){return".sc-ds-feedback-h{display:contents}"}},[774,"ds-feedback",{dsTag:[1,"ds-tag"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[4,"ds-aria-atomic"],dsSrOnly:[4,"ds-sr-only"],dsSrOnlyTag:[1,"ds-sr-only-tag"]}]);function n(){"undefined"!=typeof customElements&&["ds-feedback","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-feedback":customElements.get(i(s))||customElements.define(i(s),c);break;case"ds-visually-hidden":customElements.get(i(s))||l()}}))}o([d("ds-visually-hidden",null)]);export{c as D,n as d}