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

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

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

Files changed (2333) hide show

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

@@ -0,0 +1 @@

+ import{p as o,M as t,f as n,h as s,d,t as e}from"./p-CzSzVfDu.js";import{c as r}from"./p-BfTCfPZ1.js";import{i as _,a as u}from"./p-5l5qZ1Ad.js";import{t as b,a as i,d as a}from"./p-Duz7I_DQ.js";import{c}from"./p-BpJtDd1D.js";import{a as U,d as l}from"./p-agL9TGQL.js";import{c as J}from"./p-CVitC9tk.js";import{d as g}from"./p-d05qtkKx.js";import{d as p}from"./p-Eh5Ce9Mh.js";const v=o(class extends(t(J("ds-button"),U)){constructor(o){super(!1),!1!==o&&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((o=>{if(o.nodeType===Node.ELEMENT_NODE){const t=o;return!t.hasAttribute("slot")||""===t.getAttribute("slot")}return o.nodeType===Node.TEXT_NODE&&(o.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={...u(this,this.el),..._(this.el)},this.text=this.dsText||this.dsValue}componentDidLoad(){this.componentMounted(),this.hasDefaultSlot=this.hasDefaultSlotContent()}dsTextObserver(o){this.text=o||this.dsValue}dsValueObserver(o){this.dsText||(this.text=o)}dsActiveObserver(o){this.isActive=o}ariaAttributeObserver(o,t,s){this.inheritedAttributes={...this.inheritedAttributes,[s]:o},n(this)}handleKeyDown=o=>{if(!o.repeat)switch(o.key){case"Enter":case" ":this.pressedKeys.add(o.key),this.isActive=!0}};handleKeyUp=o=>{switch(o.key){case"Enter":case" ":this.pressedKeys.delete(o.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=o=>{const t=r(`${o}__icon`),n="small"===this.dsSize?"1.25rem":void 0,d=b("ds-icon","ds-button",this.el);return s(d,{class:t,dsName:this.dsIcon,dsCustomSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel})};getBooleanishAttribute=(o,t)=>"string"!=typeof o||"true"!==o&&"false"!==o?"boolean"==typeof o?o?"true":"false":t:o;renderButton=()=>{const o=!!this.text||this.hasDefaultSlot,t=c("ds-button"),n=r(`${t} ${t}--${this.dsVariant} ${t}--${this.dsColour} ${t}--${this.dsSize}`,{[`${t}--icon-start`]:this.dsIcon&&"start"===this.dsIconPosition&&o,[`${t}--icon-end`]:this.dsIcon&&"end"===this.dsIconPosition&&o,[`${t}--icon-only`]:this.dsIcon&&!o,[`${t}--disabled`]:this.dsDisabled,[`${t}--${this.dsColour}--active`]:this.isActive,[`${t}--in-input`]:this.dsInInput,[`${t}--no-focus-ring`]:this.dsNoFocusRing}),d=b("ds-spinner","ds-button",this.el),e=b("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":u,"aria-labelledby":a,"aria-describedby":U,"aria-disabled":l,"aria-expanded":J,"aria-pressed":g,"aria-controls":p,"aria-haspopup":v,...h}=this.inheritedAttributes,f=this.dsRole??_,y=this.dsAriaLabel||u,m=this.dsAriaLabelledby||a,k=this.dsAriaDescribedby||U,C=this.dsAriaControls||p,x=this.dsAriaHaspopup??v,w=this.getBooleanishAttribute(this.dsAriaDisabled,l),L=this.getBooleanishAttribute(this.dsAriaExpanded,J),W=this.getBooleanishAttribute(this.dsAriaPressed,g);return s("button",{ref:o=>this.buttonEl=o,class:n,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",w),...i("aria-label",y),...i("aria-labelledby",m),...i("aria-describedby",k),...i("aria-expanded",L),...i("aria-pressed",W),...i("aria-controls",C),...i("aria-haspopup",x),...i("aria-hidden",this.dsAriaHidden?"true":void 0),...i("tabindex",this.dsTabIndex),...h},s("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&s(d,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),s("span",{class:`${t}__value`,hidden:!o},s("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&s(e,{dsTag:"span"},this.dsHiddenAssistiveText),s("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const o=`${c("ds-button")}__host`,t=this.renderButton();return s(d,{key:"c137e9d7efd727c7bb9cc76f2b28b1f36b93a370",class:r(o,{[`${o}--full-width`]:this.dsFullWidth})},this.dsUseSpinner?s("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}.ds-button__oJU1eo__host.sc-ds-button-h{display:inline-block}.ds-button__oJU1eo__host--full-width.sc-ds-button-h{width:100%}.ds-button__oJU1eo.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__oJU1eo__value[hidden].sc-ds-button{display:none}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--supplementary) .ds-button__oJU1eo__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__oJU1eo--supplementary.sc-ds-button:has(.ds-button__oJU1eo__spinner) .ds-button__oJU1eo__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__oJU1eo__icon.sc-ds-button{height:1.5rem}.ds-button__oJU1eo.sc-ds-button:has(.ds-button__oJU1eo__spinner):not(.ds-button__oJU1eo--small) .ds-button__oJU1eo__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__oJU1eo__spinner.sc-ds-button{display:flex}.ds-button__oJU1eo--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--small):not(.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--small).ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--small).ds-button__oJU1eo--icon-only{padding-left:0;padding-right:0}.ds-button__oJU1eo--small.ds-button__oJU1eo--icon-start.sc-ds-button,.ds-button__oJU1eo--small.ds-button__oJU1eo--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__oJU1eo--small.sc-ds-button:not(.ds-button__oJU1eo--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__oJU1eo--small.ds-button__oJU1eo--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__oJU1eo--small.ds-button__oJU1eo--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__oJU1eo--small.sc-ds-button .ds-button__oJU1eo__icon.sc-ds-button{height:auto}.ds-button__oJU1eo--icon-start.sc-ds-button:not(.ds-button__oJU1eo--small) .ds-button__oJU1eo__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__oJU1eo--icon-end.sc-ds-button:not(.ds-button__oJU1eo--small) .ds-button__oJU1eo__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.sc-ds-button:active,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.sc-ds-button:not(.ds-button__oJU1eo--in-input,.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:active,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--no-focus-ring.sc-ds-button:not(.ds-button__oJU1eo--in-input).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--primary.ds-button__oJU1eo--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring).ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.sc-ds-button:not(.ds-button__oJU1eo--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--primary.ds-button__oJU1eo--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--secondary.ds-button__oJU1eo--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--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__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.sc-ds-button:active,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.ds-button__oJU1eo--disabled.sc-ds-button,.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--no-focus-ring.ds-button__oJU1eo--supplementary.ds-button__oJU1eo--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oJU1eo.ds-button__oJU1eo--in-input.ds-button__oJU1eo--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 h(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-button":customElements.get(e(o))||customElements.define(e(o),v);break;case"ds-icon":customElements.get(e(o))||l();break;case"ds-spinner":customElements.get(e(o))||g();break;case"ds-visually-hidden":customElements.get(e(o))||p()}}))}a([s("ds-icon",{dsName:""}),s("ds-spinner",null),s("ds-visually-hidden",null)]);export{v as D,h as d}

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

	@@ -0,0 +1 @@
1	+ import{E as o}from"./p-CzSzVfDu.js";const s=s=>`${s}__${o.PACKAGE_VERSION}`;export{s as c}

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

@@ -0,0 +1 @@

+ import{p as t,M as s,c as e,h as o,t as a}from"./p-CzSzVfDu.js";import{c as d}from"./p-BpJtDd1D.js";import{c as i}from"./p-BfTCfPZ1.js";import{t as n,d as r}from"./p-Duz7I_DQ.js";import{t as c}from"./p-D0sPlQo8.js";import{g as l,d as b}from"./p-agL9TGQL.js";import{c as h}from"./p-CVitC9tk.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:"0a6c6d728f3cd2a94607841b48bbe3175ce8eb9c",ref:t=>this.tabElement=t,class:e,role:"tab","aria-controls":this.dsTabPanelId,"aria-selected":String(s),tabIndex:s?0:-1},o("div",{key:"74dda6d84b96ba52bd27d7d26981dd0ac6aefa8d",class:`${t}__content`},o("slot",{key:"d86cfa386a03900c9fc4ef8d8742b06ddbe1b894",name:"prefix",onSlotchange:this.checkPrefixSlot},!this.hasPrefixSlot&&this.dsIconStart&&o(this.DsIcon,{key:"8fefb92b506fdb891d0ae2e0b09e9e88ca3c3781",dsName:this.dsIconStart})),o("slot",{key:"bfac3a742edef0839bfc7e4d172fc4c494ead1f2",name:"content",onSlotchange:this.checkContentSlot},!this.hasContentSlot&&o("span",{key:"59accad649404c11f74b4883e3296286871cb323"},this.dsText)),o("slot",{key:"b3816680181748f8a3726066657ae832eb2698e4",name:"suffix",onSlotchange:this.checkSuffixSlot},!this.hasSuffixSlot&&this.dsIconEnd&&o(this.DsIcon,{key:"4a1c073f90003442bd88aaa1ec4bb77925ea5aed",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__oJU1eo.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__oJU1eo.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__oJU1eo--selected.sc-ds-tab,.ds-tab__oJU1eo.sc-ds-tab:hover:not(.ds-tab__oJU1eo--selected),.ds-tab__oJU1eo.sc-ds-tab:active:not(.ds-tab__oJU1eo--selected){color:var(--ds-textColor-default)}.ds-tab__oJU1eo--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__oJU1eo--container.ds-tab__oJU1eo--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__oJU1eo--container.ds-tab__oJU1eo--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__oJU1eo--container.ds-tab__oJU1eo--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__oJU1eo--container.sc-ds-tab:hover:not(.ds-tab__oJU1eo--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__oJU1eo--container.sc-ds-tab:active:not(.ds-tab__oJU1eo--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__oJU1eo--line.sc-ds-tab:focus-visible .ds-tab__oJU1eo__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__oJU1eo--line.ds-tab__oJU1eo--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__oJU1eo--line.sc-ds-tab:hover:not(.ds-tab__oJU1eo--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__oJU1eo--line.sc-ds-tab:active:not(.ds-tab__oJU1eo--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__oJU1eo.sc-ds-tab .ds-tab__oJU1eo__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 u(){"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,u as d}

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

@@ -0,0 +1 @@

+ import{g as e}from"./p-DfjAeLrH.js";const r=(e,r,t=1)=>{const u=new Date(0);return u.setFullYear(e,r,t),u.setHours(0,0,0,0),u},t=e=>{if(!e)return null;const t=e.split("-");if(t.length<3)return null;let u,a,n;""===t[0]?(u=-Number.parseInt(t[1],10),a=t[2],n=t[3]):(u=Number.parseInt(t[0],10),a=t[1],n=t[2]);const s=Number.parseInt(a,10),i=Number.parseInt(n,10);return Number.isNaN(u)||Number.isNaN(s)||Number.isNaN(i)?null:r(u,s-1,i)},u=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,a=e=>{if(!e)return"";const r=t(e);return r?`${r.getDate()}.${r.getMonth()+1}.${r.getFullYear()}`:""},n=e=>{if(!e)return null;const t=e.split(/[.\-/]/);if(3!==t.length)return null;let u,a,n;if(4!==t[0].length||Number.isNaN(Number.parseInt(t[0],10))?(u=Number.parseInt(t[0],10),a=Number.parseInt(t[1],10),n=Number.parseInt(t[2],10)):(n=Number.parseInt(t[0],10),a=Number.parseInt(t[1],10),u=Number.parseInt(t[2],10)),Number.isNaN(u)||Number.isNaN(a)||Number.isNaN(n))return null;if(u<1||u>31||a<1||a>12)return null;const s=r(n,a-1,u);return s.getDate()!==u||s.getMonth()!==a-1||s.getFullYear()!==n?null:`${n.toString().padStart(4,"0")}-${a.toString().padStart(2,"0")}-${u.toString().padStart(2,"0")}`},s=(e,r)=>{const a=new Date(e);if(a.setHours(0,0,0,0),r.min){const e=t(r.min);if(e&&a<e)return!0}if(r.max){const e=t(r.max);if(e&&a>e)return!0}if(r.disabledDates&&r.disabledDates.length>0){const e=u(a);if(r.disabledDates.includes(e))return!0}return!1},i=(e,r)=>{if(!r)return!1;const u=t(r);if(!u)return!1;const a=new Date(e);return a.setHours(0,0,0,0),a.getTime()===u.getTime()},o=(e,t)=>{const u=r(e,t,1),a=r(e,t+1,0),n=(u.getDay()+6)%7,s=0===n?7:n,i=[],o=r(e,t,0).getDate();for(let u=s-1;u>=0;u--){const a=o-u;i.push({day:a,isCurrentMonth:!1,isToday:!1,date:r(e,t-1,a)})}const l=new Date;l.setHours(0,0,0,0);for(let u=1;u<=a.getDate();u++){const a=r(e,t,u);i.push({day:u,isCurrentMonth:!0,isToday:a.getTime()===l.getTime(),date:a})}const m=42-i.length;for(let u=1;u<=m;u++)i.push({day:u,isCurrentMonth:!1,isToday:!1,date:r(e,t+1,u)});return i},l=(e,r)=>{const t=(new Date).getFullYear(),u=r??t+100,a=[];for(let r=e??t-100;r<=u;r++)a.push(r);return a},m=(e,t,u)=>{const a=r(e,t+1,0).getDate();for(let n=1;n<=a;n++){const a=r(e,t,n);if(!s(a,u))return a}return null},c=(e,t,u)=>{for(let a=r(e,t+1,0).getDate();a>=1;a--){const n=r(e,t,a);if(!s(n,u))return n}return null},f=e=>{const r=new Date;if(r.setHours(0,0,0,0),!s(r,e))return r;if(e.min){const r=t(e.min);if(r&&!s(r,e))return r;if(r){const t=new Date(r);for(let r=0;r<365;r++)if(t.setDate(t.getDate()+1),!s(t,e))return new Date(t)}}if(e.max){const r=t(e.max);if(r&&!s(r,e))return r;if(r){const t=new Date(r);for(let r=0;r<365;r++)if(t.setDate(t.getDate()-1),!s(t,e))return new Date(t)}}return r};function d(e,t,u){const a=r(t,e+("prev"===u?-1:1));return{month:a.getMonth(),year:a.getFullYear()}}function k(e){switch(e){case"ArrowUp":return-7;case"ArrowDown":return 7;case"ArrowLeft":return-1;case"ArrowRight":return 1;default:return 0}}function b(e,r,t,u=365){const a=new Date(e),n=Math.sign(r);if(a.setDate(a.getDate()+r),!s(a,t))return a;for(let e=1;e<u;e++)if(a.setDate(a.getDate()+n),!s(a,t))return a;return null}function y(e){const r=e.key;if(["Backspace","Delete","Tab","Escape","Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(r))return;if((e.ctrlKey||e.metaKey)&&["a","c","v","x"].includes(r.toLowerCase()))return;if(!/^[0-9.\-/]$/.test(r))return void e.preventDefault();const t=/^[.\-/]$/;if(t.test(r)){const r=e.target,u=r.selectionStart??0,a=r.value[u-1];(0===u&&0===r.selectionEnd||a&&t.test(a))&&e.preventDefault()}}const v=(r,t,u)=>{switch(e()){case"fi":return r;case"sv":return t;default:return u}},p=(e,r)=>{if(!r)return e;const t=r.getDate(),u=A()[r.getMonth()],a=r.getFullYear();return v(`${e}, valittu päivämäärä: ${t}. ${u} ${a}`,`${e}, valt datum: ${t} ${u} ${a}`,`${e}, selected date: ${t} ${u} ${a}`)},h=e=>p(v("Avaa päivämäärävalitsin","Öppna datumväljare","Open date picker"),e),w=e=>p(v("Sulje päivämäärävalitsin","Stäng datumväljare","Close date picker"),e),g=()=>v("Käytä muotoa pp.kk.vvvv","Använd formatet dd.mm.åååå","Use format dd.mm.yyyy"),N=()=>v("Tämä päivämäärä ei ole valittavissa.","Detta datum är inte tillgängligt.","This date is not available."),$=()=>v(["tammikuu","helmikuu","maaliskuu","huhtikuu","toukokuu","kesäkuu","heinäkuu","elokuu","syyskuu","lokakuu","marraskuu","joulukuu"],["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],["January","February","March","April","May","June","July","August","September","October","November","December"]),j=()=>v(["ma","ti","ke","to","pe","la","su"],["må","ti","on","to","fr","lö","sö"],["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]),D=()=>v(["maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"],["måndag","tisdag","onsdag","torsdag","fredag","lördag","söndag"],["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]),A=()=>v(["tammikuuta","helmikuuta","maaliskuuta","huhtikuuta","toukokuuta","kesäkuuta","heinäkuuta","elokuuta","syyskuuta","lokakuuta","marraskuuta","joulukuuta"],["januari","februari","mars","april","maj","juni","juli","augusti","september","oktober","november","december"],["January","February","March","April","May","June","July","August","September","October","November","December"]),S=()=>v("Näytä tänään","Visa idag","Show today"),M=()=>v("Tyhjennä","Rensa","Clear"),T=()=>v("Edellinen kuukausi","Föregående månad","Previous month"),C=()=>v("Seuraava kuukausi","Nästa månad","Next month"),F=()=>v("Kuukausi","Månad","Month"),J=()=>v("Vuosi","År","Year"),V=()=>v("Valitse kuukausi","Välj månad","Select month"),E=()=>v("Valitse vuosi","Välj år","Select year");export{A,D as B,S as C,M as D,k as E,g as F,t as a,f as b,w as c,u as d,r as e,m as f,l as g,y as h,s as i,b as j,a as k,N as l,c as m,d as n,h as o,n as p,$ as q,o as r,V as s,F as t,E as u,T as v,C as w,j as x,J as y,i as z}

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

@@ -0,0 +1 @@

+ import{p as o,M as e,c as s,h as t,t as i}from"./p-CzSzVfDu.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as n,d as r}from"./p-Duz7I_DQ.js";import{c as a}from"./p-BpJtDd1D.js";import{i as l,a as c}from"./p-5l5qZ1Ad.js";import{c as p}from"./p-CVitC9tk.js";import{d as h}from"./p-agL9TGQL.js";const _=o(class extends(e(p("ds-option"))){constructor(o){super(),!1!==o&&this.__registerHost(),this.dsClick=s(this,"dsClick",7),this.dsMounted=s(this,"dsMounted",7),this.dsValueChange=s(this,"dsValueChange",7),this.dsLabelChange=s(this,"dsLabelChange",7)}get el(){return this}inheritedAttributes={};observer;optionRef;optionLabelTextRef;dsClick;dsMounted;dsValueChange;dsLabelChange;dsId=this.getUniqueId();dsValue;dsLabel;dsDisabled=!1;dsDescription;dsActive=!1;dsSelected=!1;dsHidden=!1;dsMouseDownPreventDefault=!1;dsFocusOnActiveChange=!0;dsVariant="default";internalTabIndex=-1;get isMultiple(){return"multiple"===this.dsVariant}handleMouseDown(o){this.dsMouseDownPreventDefault&&o.preventDefault()}handleClick(){this.dsClick.emit()}dsActiveObserver(o){this.internalTabIndex=o&&!this.dsDisabled?0:-1,o&&!this.dsDisabled&&this.dsFocusOnActiveChange&&this.setFocus()}dsValueObserver(o,e){this.dsValueChange.emit({newValue:o,oldValue:e})}dsLabelObserver(o,e){this.dsLabelChange.emit({value:this.dsValue,label:o,newLabel:o,oldLabel:e})}async getLabel(){return this.optionLabelTextRef?.textContent||""}async getGroup(){return this.el.closest(n("ds-option-group","ds-option",this.el))}async setFocus(){this.optionRef?.focus()}componentWillLoad(){this.internalTabIndex=this.dsActive&&!this.dsDisabled?0:-1,this.inheritedAttributes={...c(this,this.el,["tabindex"]),...l(this.el,["aria-selected","aria-disabled","aria-hidden"])}}componentDidLoad(){if(this.dsMounted.emit(),!this.optionLabelTextRef)return;let o=this.optionLabelTextRef.textContent||"";this.observer=new MutationObserver((e=>{const s=this.optionLabelTextRef?.textContent||"";for(const t of e)("childList"===t.type||t.addedNodes.length>0||t.removedNodes.length>0)&&this.dsLabelChange.emit({value:this.dsValue,label:s,newLabel:s,oldLabel:o});o=s})),this.observer.observe(this.optionLabelTextRef,{childList:!0})}render(){const o=a("ds-option"),e=n("ds-icon","ds-option",this.el);return t("div",{key:"06dbe206da0933ad0f7d0a9ef1254dcc4ffa5296",ref:o=>this.optionRef=o,id:this.dsId,class:d(o,{[`${o}--multiple`]:this.isMultiple,[`${o}--active`]:this.dsActive,[`${o}--selected`]:this.dsSelected,[`${o}--disabled`]:this.dsDisabled,[`${o}--hidden`]:this.dsHidden}),role:"option","aria-selected":String(this.dsSelected),"aria-disabled":String(this.dsDisabled),"aria-hidden":String(this.dsHidden),tabIndex:this.internalTabIndex,...this.inheritedAttributes},this.isMultiple&&t("span",{key:"9fc824a92b03d862ca9864d929b3bbde03e3b8f8",class:`${o}__checkbox`},this.dsSelected&&t(e,{key:"c730cf3926c677d744e7c25f023f941275144e79",class:`${o}__checkbox__icon`,dsName:"check_small",dsSize:"1.25rem",dsColour:this.dsDisabled?"ds-textColor-disabled-onLight":"ds-textColor-white"})),t("span",{key:"41f6a2ca4b9b8f79c2f0e5501312df1f8e178b7c"},t("span",{key:"f55053553a85fc167b43d5faac3680d3b448ec9d",class:`${o}__label`,ref:o=>this.optionLabelTextRef=o},t("slot",{key:"68321ee802967c5f229ca0effec568c1beb6aebb"},this.dsLabel)),this.dsDescription&&t("span",{key:"a1f3fae6c54a820741fa44f3154e804edc269233",class:`${o}__description`},this.dsDescription)),!this.isMultiple&&this.dsSelected&&t(e,{key:"dde7f1b47b5d92d2479c92b5d059b0424160e27c",dsName:"check",class:`${o}__check-icon`}))}static get watchers(){return{dsActive:[{dsActiveObserver:0}],dsValue:[{dsValueObserver:0}],dsLabel:[{dsLabelObserver:0}]}}static get style(){return".ds-option__oJU1eo.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__oJU1eo.sc-ds-option:not(.ds-option__oJU1eo--multiple){justify-content:space-between}.ds-option__oJU1eo--hidden.sc-ds-option{display:none}.ds-option__oJU1eo--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__oJU1eo.sc-ds-option:hover:not(.ds-option__oJU1eo--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__oJU1eo.sc-ds-option:active:not(.ds-option__oJU1eo--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__oJU1eo--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__oJU1eo--active.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__oJU1eo--multiple.ds-option__oJU1eo--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__oJU1eo--multiple.sc-ds-option .ds-option__oJU1eo__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__oJU1eo--multiple.ds-option__oJU1eo--disabled.sc-ds-option .ds-option__oJU1eo__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__oJU1eo--multiple.ds-option__oJU1eo--disabled.sc-ds-option:not(.ds-option__oJU1eo--selected) .ds-option__oJU1eo__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__oJU1eo--selected.sc-ds-option .ds-option__oJU1eo__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple).ds-option__oJU1eo--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple) .ds-option__oJU1eo__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple) .ds-option__oJU1eo__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple).ds-option__oJU1eo--disabled .ds-option__oJU1eo__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple):hover:not(.ds-option__oJU1eo--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__oJU1eo--selected.sc-ds-option:not(.ds-option__oJU1eo--multiple):active:not(.ds-option__oJU1eo--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__oJU1eo__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__oJU1eo__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__oJU1eo__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__oJU1eo__description.sc-ds-option:not(:empty){display:block}"}},[774,"ds-option",{dsId:[513,"ds-id"],dsValue:[513,"ds-value"],dsLabel:[1,"ds-label"],dsDisabled:[4,"ds-disabled"],dsDescription:[1,"ds-description"],dsActive:[516,"ds-active"],dsSelected:[516,"ds-selected"],dsHidden:[4,"ds-hidden"],dsMouseDownPreventDefault:[4,"ds-mouse-down-prevent-default"],dsFocusOnActiveChange:[4,"ds-focus-on-active-change"],dsVariant:[1,"ds-variant"],internalTabIndex:[32],getLabel:[64],getGroup:[64],setFocus:[64]},[[0,"mousedown","handleMouseDown"],[0,"click","handleClick"]],{dsActive:[{dsActiveObserver:0}],dsValue:[{dsValueObserver:0}],dsLabel:[{dsLabelObserver:0}]}]);function b(){"undefined"!=typeof customElements&&["ds-option","ds-icon"].forEach((o=>{switch(o){case"ds-option":customElements.get(i(o))||customElements.define(i(o),_);break;case"ds-icon":customElements.get(i(o))||h()}}))}r([t("ds-icon",{dsName:""})]);export{_ as D,b as d}

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

@@ -0,0 +1 @@

+ import{p as s,M as r,h as e,t as a}from"./p-CzSzVfDu.js";import{c as t}from"./p-BpJtDd1D.js";import{t as d}from"./p-Duz7I_DQ.js";import{c}from"./p-CVitC9tk.js";const o=s(class extends(r(c("ds-breadcrumbs-separator"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsIcon="chevron_forward";get DsIcon(){return d("ds-icon","ds-breadcrumbs-separator",this.el)}render(){const s=t("ds-breadcrumbs-separator");return e(this.DsIcon,{key:"242257334eca802e15dd4225e0e558bdecd1ce88",class:s,dsName:this.dsIcon,dsSize:"1rem"})}static get style(){return".ds-breadcrumbs-separator__oJU1eo.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__oJU1eo.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}"}},[514,"ds-breadcrumbs-separator",{dsIcon:[1,"ds-icon"]}]);function i(){"undefined"!=typeof customElements&&["ds-breadcrumbs-separator"].forEach((s=>{"ds-breadcrumbs-separator"===s&&(customElements.get(a(s))||customElements.define(a(s),o))}))}export{o as D,i as d}

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

@@ -0,0 +1 @@

+ import{p as s,M as e,h as t,d as a,t as d}from"./p-CzSzVfDu.js";import{c as o}from"./p-BfTCfPZ1.js";import{c as i}from"./p-BpJtDd1D.js";import{c as l}from"./p-CVitC9tk.js";const c=s(class extends(e(l("ds-step-base"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsOrientation="vertical";dsFullWidth=!1;render(){const s=i("ds-step-base"),e=o(`${s}__host`,{[`${s}__host--full-width`]:this.dsFullWidth}),d=o(s,{[`${s}--vertical`]:"vertical"===this.dsOrientation});return t(a,{key:"702427499d88dc226b042bf108784317d44fec82",class:e},t("div",{key:"bff29411a1d598a0379ed46505d2ae1f067a8087",class:d},t("slot",{key:"1c41190c0002d2c56acef366611ef641f9f83da3",name:"bullet"}),t("slot",{key:"671405e298b9cbb25915c4d084fcac48ada22dc7",name:"content"})))}static get style(){return".ds-no-style-leak.sc-ds-step-base *.sc-ds-step-base{all:unset;box-sizing:border-box;display:block}.ds-step-base__oJU1eo__host--full-width.sc-ds-step-base-h{flex:1}.ds-step-base__oJU1eo.sc-ds-step-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;flex-direction:column;align-items:stretch;gap:var(--ds-spacing-xSmall)}.ds-step-base__oJU1eo--vertical.sc-ds-step-base{flex-direction:row}"}},[774,"ds-step-base",{dsOrientation:[1,"ds-orientation"],dsFullWidth:[4,"ds-full-width"]}]);function r(){"undefined"!=typeof customElements&&["ds-step-base"].forEach((s=>{"ds-step-base"===s&&(customElements.get(d(s))||customElements.define(d(s),c))}))}export{c as D,r as d}

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

@@ -0,0 +1 @@

+ import{p as s,M as i,c as e,f as o,h as t,t as n}from"./p-CzSzVfDu.js";import{c as d}from"./p-BfTCfPZ1.js";import{i as l,a}from"./p-5l5qZ1Ad.js";import{o as r,v as c}from"./p-Ns7sxPpf.js";import{f as k,t as h,a as _,d as f}from"./p-Duz7I_DQ.js";import{l as v}from"./p-DMddtiKs.js";import{a as b,d as u}from"./p-agL9TGQL.js";import{c as m}from"./p-BpJtDd1D.js";import{c as g}from"./p-CVitC9tk.js";import{d as x}from"./p-Eh5Ce9Mh.js";const p=k("visually-hidden-assistive-text"),J={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},U=s(class extends(i(g("ds-link"),v,b)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=e(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=p.next().value;get el(){return this}linkRef;dsText;dsSize;dsVariant="inline";dsWeight="regular";dsIcon="";dsIconPosition="end";dsIconTitle;dsIconAriaLabel;dsIconHidden;dsIconAriaHidden;dsColour;dsTag="a";targetBlank=null;async setFocus(){this.linkRef?.focus()}async getLink(){return this.linkRef}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.targetBlank?.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}setTargetBlank(s){this.targetBlank=r(s)?{icon:"open_in_new",rel:"noopener noreferrer"}:null}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...a(this,this.el),...l(this.el)},this.setTargetBlank(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(s){this.setTargetBlank(s)}ariaLabelObserver(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},o(this)}renderIcon(s,i=this.dsIcon,e=this.dsIconPosition){const o=d(`${s}__icon`,{[`${s}__icon--start-${this.dsVariant}`]:"start"===e,[`${s}__icon--end-${this.dsVariant}`]:"end"===e}),n=this.dsSize?J[this.dsSize]:"1rem",l=h("ds-icon","ds-link",this.el);return t(l,{dsName:i,class:o,dsSize:n,dsTitle:this.dsIconTitle,dsAriaLabel:this.dsIconAriaLabel,dsHidden:this.dsIconHidden,dsAriaHidden:this.dsIconAriaHidden})}renderSuffixIcon(s){return this.targetBlank?this.renderIcon(s,this.targetBlank.icon,"end"):this.dsIcon&&"end"===this.dsIconPosition?this.renderIcon(s):null}render(){const s=m("ds-link"),i=d(s,`${s}--${this.dsWeight}`,`${s}--${this.dsVariant}`,{[`${s}--${this.dsSize}`]:!!this.dsSize,[`${s}--colour-${this.dsColour}`]:!!this.dsColour}),e=h("ds-visually-hidden","ds-link",this.el),{"aria-label":o,"aria-labelledby":n,...l}=this.inheritedAttributes,a=this.dsAriaLabelledby||n;return t(this.dsTag,{key:"a708eab4b62cc2f734208f4d96977d1e140243af",ref:s=>this.linkRef=s,class:i,..._("aria-label",this.dsAriaLabel||o),..._("aria-labelledby",a),...l,...this.linkAttributes},t("slot",{key:"adbed6efbcab1ae6161dc20e125e8e0e5cfe6d9b",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s)),this.dsText,t("slot",{key:"95e72ce1c53700b384e51101097550ba3cee3ff1",name:"suffix"},this.renderSuffixIcon(s)),r(this.dsTarget)&&t(e,{key:"4cb8316e39d5357150aa31fcf7fc24862b058d4f",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},c()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-link *.sc-ds-link{all:unset;box-sizing:border-box;display:block}.ds-link__oJU1eo.sc-ds-link{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link__oJU1eo.sc-ds-link: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-link__oJU1eo.sc-ds-link{box-sizing:border-box;display:inline;vertical-align:var(--ds-link-vertical-align, baseline);color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-size:var(--ds-link-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-regular);text-transform:var(--ds-link-text-transform, none);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__oJU1eo--semibold.sc-ds-link{font-weight:var(--ds-fontWeight-semibold)}.ds-link__oJU1eo--bold.sc-ds-link{font-weight:var(--ds-fontWeight-bold)}.ds-link__oJU1eo--2xLarge.sc-ds-link{font-size:var(--ds-fontSize-22)}.ds-link__oJU1eo--xLarge.sc-ds-link{font-size:var(--ds-fontSize-20)}.ds-link__oJU1eo--large.sc-ds-link{font-size:var(--ds-fontSize-18)}.ds-link__oJU1eo--medium.sc-ds-link{font-size:var(--ds-fontSize-16)}.ds-link__oJU1eo--small.sc-ds-link{font-size:var(--ds-fontSize-14)}.ds-link__oJU1eo--xSmall.sc-ds-link{font-size:var(--ds-fontSize-12)}.ds-link__oJU1eo__icon.sc-ds-link{display:inline-block;vertical-align:-0.125em}.ds-link__oJU1eo__icon--start-inline.sc-ds-link{margin-right:var(--ds-spacing-3xSmall)}.ds-link__oJU1eo__icon--start-standalone.sc-ds-link{margin-right:var(--ds-spacing-2xSmall)}.ds-link__oJU1eo__icon--end-inline.sc-ds-link{margin-left:var(--ds-spacing-3xSmall)}.ds-link__oJU1eo__icon--end-standalone.sc-ds-link{margin-left:var(--ds-spacing-2xSmall)}.ds-link__oJU1eo.sc-ds-link:hover,.ds-link__oJU1eo.sc-ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__oJU1eo.sc-ds-link:hover{color:var(--ds-textColor-link-hover);cursor:pointer}.ds-link__oJU1eo.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__oJU1eo.sc-ds-link:visited{color:var(--ds-textColor-link-visited)}.ds-link__oJU1eo--standalone.sc-ds-link{display:inline-block;color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__oJU1eo--standalone.sc-ds-link:hover,.ds-link__oJU1eo--standalone.sc-ds-link:active{text-decoration-line:underline}.ds-link__oJU1eo--standalone.sc-ds-link:focus-visible,.ds-link__oJU1eo--standalone.sc-ds-link:visited{color:var(--ds-textColor-link)}.ds-link__oJU1eo--standalone.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__oJU1eo--standalone.sc-ds-link:hover{color:var(--ds-textColor-link-hover)}.ds-link__oJU1eo--colour-white.sc-ds-link{color:var(--ds-textColor-white)}.ds-link__oJU1eo--colour-white.sc-ds-link:hover,.ds-link__oJU1eo--colour-white.sc-ds-link:active,.ds-link__oJU1eo--colour-white.sc-ds-link:visited,.ds-link__oJU1eo--colour-white.sc-ds-link:focus-visible{color:var(--ds-textColor-white)}.ds-link__oJU1eo--colour-black.sc-ds-link{color:var(--ds-textColor-default)}.ds-link__oJU1eo--colour-black.sc-ds-link:hover,.ds-link__oJU1eo--colour-black.sc-ds-link:active,.ds-link__oJU1eo--colour-black.sc-ds-link:visited,.ds-link__oJU1eo--colour-black.sc-ds-link:focus-visible{color:var(--ds-textColor-default)}"}},[774,"ds-link",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsRel:[1,"ds-rel"],dsHrefLang:[1,"ds-href-lang"],dsHref:[1,"ds-href"],dsTarget:[1,"ds-target"],dsDownload:[4,"ds-download"],dsAriaLabel:[1,"ds-aria-label"],dsAriaLabelledby:[1,"ds-aria-labelledby"],dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsVariant:[1,"ds-variant"],dsWeight:[1,"ds-weight"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsIconTitle:[1,"ds-icon-title"],dsIconAriaLabel:[1,"ds-icon-aria-label"],dsIconHidden:[4,"ds-icon-hidden"],dsIconAriaHidden:[4,"ds-icon-aria-hidden"],dsColour:[1,"ds-colour"],dsTag:[1,"ds-tag"],targetBlank:[32],setFocus:[64],getLink:[64]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}],"aria-label":[{ariaLabelObserver:0}]}]);function y(){"undefined"!=typeof customElements&&["ds-link","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-link":customElements.get(n(s))||customElements.define(n(s),U);break;case"ds-icon":customElements.get(n(s))||u();break;case"ds-visually-hidden":customElements.get(n(s))||x()}}))}f([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);export{U as D,y as d}

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

@@ -0,0 +1 @@

+ import{p as e,M as s,c as i,f as t,h as o,F as d,t as r}from"./p-CzSzVfDu.js";import{c as a}from"./p-BfTCfPZ1.js";import{i as c,a as h}from"./p-5l5qZ1Ad.js";import{g as n,a as l,v as b}from"./p-BQCTbDKt.js";import{t as u,a as _,d as k}from"./p-Duz7I_DQ.js";import{c as x}from"./p-BpJtDd1D.js";import{a as p,d as v}from"./p-agL9TGQL.js";import{d as g}from"./p-VfYMKfsX.js";import{c as m}from"./p-CVitC9tk.js";import{d as f}from"./p-B-SEppo4.js";import{d as C}from"./p-5yjoyGFT.js";import{d as w}from"./p-Eh5Ce9Mh.js";const y=e(class extends(s(m("ds-checkbox"),p,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.dsChange=i(this,"dsChange",7),this.dsFocus=i(this,"dsFocus",7),this.dsBlur=i(this,"dsBlur",7),this.dsSubmitInvalid=i(this,"dsSubmitInvalid",7),this.dsValidity=i(this,"dsValidity",7)}checkboxGroup=null;inputElement;inheritedAttributes={};get el(){return this}dsChange;dsFocus;dsBlur;dsSubmitInvalid;dsValidity;dsForm;dsId=this.getUniqueId();_dsName=this.dsId;setName(e){this._dsName=this.checkboxGroup?.dsName||e||this._dsName}get dsName(){return this._dsName}set dsName(e){this.setName(e)}dsValue=this.dsId;dsChecked=!1;dsLabel;dsAssistiveText;dsText;dsIndeterminate=!1;dsDisabled=!1;dsErrorText="";dsErrorsDisabled=!1;dsRequired=!1;dsOptional=!1;dsOptionalText;dsAriaLabel;dsAriaDescribedby;groupInvalid=!1;hasFocus=!1;wasInvalidOnBlur=!1;internalChecked=!1;initialChecked=!1;isPressingEnter=!1;get labelId(){return`${this.dsId}-label`}get inputValidityId(){return`${this.dsId}-validity`}get assistiveTextId(){return`${this.dsId}-assistive-text`}async setFocus(){this.inputElement?.focus()}async checkValidity(){return this.inputElement?.checkValidity()}getLegendText=()=>this.dsRequired?n(this.dsLabel):this.dsOptional?l(this.dsLabel,this.dsOptionalText):this.dsLabel;getCheckboxText=()=>this.dsLabel?this.dsText:this.dsRequired?n(this.dsText):this.dsOptional?l(this.dsText,this.dsOptionalText):this.dsText;get DsCheckboxGroupTag(){return u("ds-checkbox-group","ds-checkbox",this.el)}getInheritedGroupErrorText=()=>{let e=this.el.closest(this.DsCheckboxGroupTag);for(;e;){if(e.dsErrorText)return e.dsErrorText;e=e.parentElement?.closest(this.DsCheckboxGroupTag)??null}return""};formResetCallback(){if(this.dsErrorText="",this.dsChecked=this.initialChecked,this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e}}connectedCallback(){if(this.checkboxGroup=this.el.closest(this.DsCheckboxGroupTag),this.checkboxGroup){const e=this.getInheritedGroupErrorText();this.groupInvalid=!!e,this.dsErrorText=this.dsErrorText||e,this.dsErrorsDisabled=!0,this.checkboxGroup.dsDisabled&&(this.dsDisabled=!0),this.checkboxGroup.dsAllRequired&&(this.dsRequired=!0),this.checkboxGroup.dsForm&&(this.dsForm=this.checkboxGroup.dsForm),this.checkboxGroup.addEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.addEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.addEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.addEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.addEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.addEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childConnected()}}disconnectedCallback(){this.checkboxGroup&&(this.checkboxGroup.removeEventListener("dsCheckboxGroupInvalidStateChange",this.updateGroupInvalidState),this.checkboxGroup.removeEventListener("dsCheckboxGroupDisabledChange",this.updateDisabledState),this.checkboxGroup.removeEventListener("dsCheckboxGroupAllRequiredChange",this.updateAllRequiredState),this.checkboxGroup.removeEventListener("dsCheckboxGroupFormChange",this.updateFormState),this.checkboxGroup.removeEventListener("dsCheckboxGroupNameChange",this.updateNameState),this.checkboxGroup.removeEventListener("dsCheckboxGroupCheckedChange",this.updateCheckedFromGroup),this.checkboxGroup.childDisconnected()),this.checkboxGroup=null}handleInvalid=e=>{if(e.preventDefault(),this.groupInvalid||this.dsErrorsDisabled)return;const s=this.inputElement?.validity;for(const e in s)if(s[e]){this.dsSubmitInvalid.emit({flag:e,message:b(e)});break}};updateGroupInvalidState=e=>{this.groupInvalid=!!e.detail,this.dsErrorText=e.detail};updateDisabledState=e=>{this.dsDisabled=e.detail};updateAllRequiredState=e=>{this.dsRequired=e.detail};updateFormState=e=>{this.dsForm=e.detail};updateNameState=e=>{this.setName(e.detail),t(this)};updateCheckedFromGroup=e=>{this.dsChecked=e.detail};componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.setName(),this.inheritedAttributes={...h(this,this.el),...c(this.el,["aria-describedby","aria-invalid"])},this.initialChecked=this.dsChecked,this.internalChecked=this.dsChecked,this._setDisableEventEmits(!0)}componentDidLoad(){this.componentMounted()}ariaAttributeObserver(e,s,i){this.inheritedAttributes={...this.inheritedAttributes,[i]:e},t(this)}dsCheckedObserver(e){this.internalChecked=e,this._setDisableEventEmits(!0)}internalCheckedObserver(e,s){const i=this.getShouldEmit([e!==s]);if(this.dsChecked!==e&&(this.dsChecked=e),this._setDisableEventEmits(!0),i&&this.dsChange.emit({checked:e,value:this.dsValue}),!this.wasInvalidOnBlur||this.groupInvalid||this.dsErrorsDisabled)return;const t=this.inputElement?.validity;for(const e in t)if(t[e]){this.dsValidity.emit({flag:e,message:b(e)});break}}handleInput=e=>{const s=e.target;this._setDisableEventEmits(!1),this.internalChecked=s.checked};handleKeyDown=e=>{"Enter"!==e.key||this.isPressingEnter||(this.isPressingEnter=!0)};handleKeyUp=e=>{"Enter"===e.key&&this.isPressingEnter&&(this.inputElement?.click(),this.isPressingEnter=!1)};handleFocus=()=>{this.hasFocus=!0,this.dsFocus.emit(this.dsId)};handleBlur=()=>{if(this.hasFocus=!1,this.dsBlur.emit(this.dsId),this.groupInvalid||this.dsErrorsDisabled)return;const e=this.inputElement?.validity;for(const s in e)if(e[s]){this.wasInvalidOnBlur="valid"!==s,this.dsValidity.emit({flag:s,message:b(s)});break}};renderCheckbox(e){const s=a(e,{[`${e}--disabled`]:this.dsDisabled,[`${e}--no-margin`]:!this.dsText}),i=a(`${e}__input`,{[`${e}__input--invalid`]:!!this.dsErrorText}),t=a(`${e}-error`,{[`${e}-error--visible`]:!!this.dsErrorText}),r=u("ds-input-validity","ds-checkbox",this.el),{"aria-label":c,"aria-describedby":h,"aria-invalid":n,...l}=this.inheritedAttributes,b=this.dsAriaDescribedby||h||[!!this.dsAssistiveText&&this.assistiveTextId,!this.dsErrorsDisabled&&!!this.dsErrorText&&this.inputValidityId].filter(Boolean).join(" "),k=this.dsAriaLabel||c,x=this.dsErrorText?"true":n;return o(d,null,o("div",null,o("label",{id:this.labelId,class:s},o("input",{ref:e=>this.inputElement=e,type:"checkbox",class:i,id:this.dsId,name:this.dsName,form:this.dsForm,checked:this.internalChecked,indeterminate:this.dsIndeterminate,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,value:this.dsValue,disabled:this.dsDisabled,required:this.dsRequired,..._("aria-describedby",b),..._("aria-label",k),"aria-invalid":x,...l}),this.getCheckboxText())),!this.dsErrorsDisabled&&o("slot",{name:"validity"},o("div",{class:t},o(r,{id:this.inputValidityId,dsText:this.dsErrorText,dsType:"error"}))))}renderFieldset(e){const s=a(`${e}-fieldset`),i=a(`${e}-fieldset__legend`),t=a(`${e}-fieldset__assistive-text`);return o("fieldset",{class:s},o("legend",{class:i},this.getLegendText()),this.dsAssistiveText&&o("small",{class:t,id:this.assistiveTextId},this.dsAssistiveText),this.renderCheckbox(e))}render(){const e=x("ds-checkbox");return this.dsLabel?this.renderFieldset(e):this.renderCheckbox(e)}static get formAssociated(){return!0}static get watchers(){return{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}}static get style(){return".ds-checkbox__oJU1eo-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__oJU1eo-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oJU1eo-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oJU1eo.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);border-radius:var(--ds-borderRadius-none);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:hover,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__oJU1eo__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__oJU1eo__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked:hover,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked:active,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):checked:disabled,.ds-checkbox__oJU1eo__input.sc-ds-checkbox:not(.ds-checkbox__oJU1eo__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__oJU1eo__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__oJU1eo__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__oJU1eo--no-margin.sc-ds-checkbox .ds-checkbox__oJU1eo__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__oJU1eo--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__oJU1eo__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__oJU1eo.sc-ds-checkbox:has(.ds-checkbox__oJU1eo__input:disabled){cursor:not-allowed}.ds-checkbox__oJU1eo-error.sc-ds-checkbox{display:flex}.ds-checkbox__oJU1eo-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}"}},[838,"ds-checkbox",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsForm:[1025,"ds-form"],dsId:[1,"ds-id"],dsName:[6145,"ds-name"],dsValue:[1,"ds-value"],dsChecked:[1028,"ds-checked"],dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsText:[1,"ds-text"],dsIndeterminate:[4,"ds-indeterminate"],dsDisabled:[1028,"ds-disabled"],dsErrorText:[1025,"ds-error-text"],dsErrorsDisabled:[1028,"ds-errors-disabled"],dsRequired:[1028,"ds-required"],dsOptional:[4,"ds-optional"],dsOptionalText:[1,"ds-optional-text"],dsAriaLabel:[1,"ds-aria-label"],dsAriaDescribedby:[1,"ds-aria-describedby"],groupInvalid:[32],hasFocus:[32],wasInvalidOnBlur:[32],internalChecked:[32],setDisableEventEmits:[64],setFocus:[64],checkValidity:[64]},void 0,{"aria-label":[{ariaAttributeObserver:0}],"aria-describedby":[{ariaAttributeObserver:0}],dsChecked:[{dsCheckedObserver:0}],internalChecked:[{internalCheckedObserver:0}]}]);function U(){"undefined"!=typeof customElements&&["ds-checkbox","ds-feedback","ds-icon","ds-input-validity","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-checkbox":customElements.get(r(e))||customElements.define(r(e),y);break;case"ds-feedback":customElements.get(r(e))||f();break;case"ds-icon":customElements.get(r(e))||v();break;case"ds-input-validity":customElements.get(r(e))||C();break;case"ds-visually-hidden":customElements.get(r(e))||w()}}))}k([o("ds-input-validity",null)]);export{y as D,U as d}

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

@@ -0,0 +1 @@

+ import{g as e}from"./p-DfjAeLrH.js";const r=(e,r)=>{const s=[];if(r<=9){for(let e=1;e<=r;e++)s.push(e);return s}if(s.push(1),e<=5){for(let e=2;e<=7;e++)s.push(e);return s.push("ellipsis",r),s}if(e>=r-4){s.push("ellipsis");for(let e=r-6;e<=r;e++)s.push(e);return s}s.push("ellipsis");for(let r=e-2;r<=e+2;r++)s.push(r);return s.push("ellipsis",r),s},s=()=>{switch(e()){case"fi":return"Sivutus";case"sv":return"Paginering";default:return"Pagination"}},t=()=>{switch(e()){case"fi":return"Alkuun";case"sv":return"Till början";default:return"First"}},a=()=>{switch(e()){case"fi":return"Loppuun";case"sv":return"Till slutet";default:return"Last"}},i=()=>{switch(e()){case"fi":return"Edellinen";case"sv":return"Föregående";default:return"Previous"}},u=()=>{switch(e()){case"fi":return"Seuraava";case"sv":return"Nästa";default:return"Next"}},n=()=>{switch(e()){case"fi":return"Ensimmäinen sivu";case"sv":return"Första sidan";default:return"First page"}},c=()=>{switch(e()){case"fi":return"Viimeinen sivu";case"sv":return"Sista sidan";default:return"Last page"}},l=()=>{switch(e()){case"fi":return"Edellinen sivu";case"sv":return"Föregående sida";default:return"Previous page"}},f=()=>{switch(e()){case"fi":return"Seuraava sivu";case"sv":return"Nästa sida";default:return"Next page"}},d=()=>{switch(e()){case"fi":return"Nykyinen sivu";case"sv":return"Nuvarande sida";default:return"Current page"}},v=r=>{switch(e()){case"fi":return`Sivu ${r}`;case"sv":return`Sida ${r}`;default:return`Page ${r}`}};export{d as a,l as b,r as c,c as d,n as e,i as f,f as g,t as h,s as i,a as l,u as n,v as p}

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

@@ -0,0 +1 @@

+ import{f as t,r as n,g as e,h as s}from"./p-Duz7I_DQ.js";import{g as o}from"./p-DfjAeLrH.js";const a=new Map,r=(t,n)=>{const e=(t=>{const n=a.get(t),e=new Map;return n||a.set(t,e),n??e})(t),s=((t,n)=>{const e=a.get(t);return e?.get(n)??Object.freeze({mountEventsTotal:0})})(t,n);e.set(n,Object.freeze({...s,mountEventsTotal:s.mountEventsTotal+1}))},c=globalThis._uhdsMatomoCollectionProbability??.5,i="uhds_collect_analytics";null===globalThis.sessionStorage?.getItem(i)&&globalThis.sessionStorage.setItem(i,(Math.random()<=c).toString());const l=new Map;let u=!1,h=!1;function g(){if(u)return;const t=(()=>{const t=[];for(const[n,e]of a.entries())for(const[s,o]of e.entries())t.push({appName:n,componentName:s,stats:o});return t})();if(0!==t.length){u=!0;try{if(!Array.isArray(globalThis._mtm))return;const n=globalThis._mtm,e=globalThis.location.hostname;for(const{appName:s,componentName:o,stats:a}of t)n.push({event:"uhds.components","uhds.action":"mounted","uhds.component":o,"uhds.app_name":s,"uhds.app_host":e,"uhds.instance_key":`${e}::${s}::${o}`,"uhds.instances_seen":a.mountEventsTotal});a.clear()}finally{u=!1}}}const p=new Set,f=new Map,d=new Map,m=new Set,b=t=>t.trim().toLowerCase();function T(t,n){if(!f.has(n))return!1;const o=d.get(n)??"";return!o||!s(e(t),o)}function w(t){return m.has(t)&&!p.has(t)}const y=(s,a={})=>c=>{const u=b(s);if(m.add(u),a.stopRootTracking){const t=new Set((a.stopRootTrackingExcept||[]).map(b));f.set(u,t),d.set(u,Array.from(t).join(","))}return a.transparentForRootTracking&&p.add(u),class extends c{constructor(){super()}lang=o();getGenerator(){const n=s.trim()||"ds-component";return l.has(n)||l.set(n,t(n)),l.get(n)}getUniqueId(){return this.getGenerator().next().value}componentMounted(){const t=n(this.el);t&&globalThis.sessionStorage&&"false"!==globalThis.sessionStorage?.getItem(i)&&(a.disableAnalytics||function(t){const n=b(t.tagName);if(w(n)&&T(t,n))return!1;let s=e(t);for(;s;){const t=b(s.tagName);if(w(t)){if(!f.has(t)||T(s,t))return!0;s=e(s)}else s=e(s)}return!1}(this.el)||(h||(globalThis.addEventListener("visibilitychange",(()=>{"hidden"===document.visibilityState&&g()})),globalThis.addEventListener("pagehide",g),globalThis.addEventListener("beforeunload",g),h=!0),r(t,s)))}handleLanguageChange(t){this.lang=t.detail}static get states(){return{lang:{}}}static get listeners(){return[{name:"dsLanguageChange",method:"handleLanguageChange",target:"body",capture:!1,passive:!1}]}}};export{y as c}

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

@@ -0,0 +1 @@

+ import{p as s,M as e,c as t,f as d,h as i,F as a,t as r}from"./p-CzSzVfDu.js";import{r as o}from"./p-BQCTbDKt.js";import{t as c,o as l,d as n}from"./p-Duz7I_DQ.js";import{c as h}from"./p-BpJtDd1D.js";import{i as b,a as m}from"./p-5l5qZ1Ad.js";import{a as p,d as f}from"./p-agL9TGQL.js";import{c as u}from"./p-CVitC9tk.js";import{d as v}from"./p-Eh5Ce9Mh.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=t(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,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},d(this)}handleClick(){this.dsClick.emit(this.dsValue)}render(){const s=h("ds-chip"),e=c("ds-icon","ds-chip",this.el),t=c("ds-visually-hidden","ds-chip",this.el),d=this.dsRole??this.inheritedAttributes.role,r=this.dsAriaLabel??this.inheritedAttributes["aria-label"],n=d?"div":a,b=l(this.inheritedAttributes,["role","aria-label"]);return i(n,{key:"f983e1b4fe07f9eeed524dd5e4060f4c24b93699",role:d},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(t,{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__oJU1eo: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__oJU1eo{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__oJU1eo:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__oJU1eo:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__oJU1eo__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()}}))}n([i("ds-icon",{dsName:""}),i("ds-visually-hidden",null)]);export{y as D,k as d}

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

@@ -0,0 +1 @@

+ import{p as e,M as s,h as t,t as l}from"./p-CzSzVfDu.js";import{c as i}from"./p-BfTCfPZ1.js";import{c as o}from"./p-BpJtDd1D.js";import{c as r}from"./p-CVitC9tk.js";import{t as d,d as a}from"./p-Duz7I_DQ.js";import{d as n}from"./p-agL9TGQL.js";const b=e(class extends(s(r("ds-step-bullet-base"))){constructor(e){super(),!1!==e&&this.__registerHost()}get el(){return this}dsOrientation="vertical";dsSize="medium";dsFillColour;dsBorderColour;dsBorderWidth="none";dsLineColour;dsLineWidth="none";dsIcon;dsIconColour;dsText;dsTextColour;get DsIcon(){return d("ds-icon","ds-step-bullet-base",this.el)}get isSmall(){return"small"===this.dsSize}get bulletFillColour(){return this.isSmall?"var(--ds-bgColor-transparent-onLight)":this.dsFillColour}get bulletBorderColour(){return this.isSmall?"var(--ds-borderColor-transparent)":this.dsBorderColour}get bulletBorderWidth(){return"none"===this.dsBorderWidth||this.isSmall?"var(--ds-borderWidth-none)":`var(--ds-borderWidth-${this.dsBorderWidth})`}get noLine(){return"none"===this.dsLineWidth}get lineWidthVar(){return`var(--ds-borderWidth-${this.dsLineWidth})`}get isVertical(){return"vertical"===this.dsOrientation}get iconSize(){return this.isSmall?"1.5rem":"1.125rem"}render(){const e=o("ds-step-bullet-base"),s=i(e,{[`${e}--with-icon`]:this.dsIcon,[`${e}--small`]:this.isSmall,[`${e}--line-width-${this.dsLineWidth}`]:!this.noLine,[`${e}--vertical`]:this.isVertical}),l=i(`${e}__bullet`,{[`${e}__bullet--with-icon`]:this.dsIcon,[`${e}__bullet--small`]:this.isSmall,[`${e}__bullet--vertical`]:this.isVertical}),r={backgroundColor:this.bulletFillColour,borderColor:this.bulletBorderColour,borderWidth:this.bulletBorderWidth,color:this.dsTextColour},d=i(`${e}__line`,{[`${e}__line--vertical`]:this.isVertical,[`${e}__line--small`]:this.isSmall,[`${e}__line--none`]:this.noLine}),a={backgroundColor:this.dsLineColour,[this.isVertical?"width":"height"]:this.lineWidthVar};return t("div",{key:"ab693e813640c737467eeec36915bb942480b266",class:s,"aria-hidden":"true"},t("div",{key:"dfb3bc6a41186ed711b43390b06124a2161ff8c4",class:l,style:r},this.dsText,this.dsIcon&&t(this.DsIcon,{key:"2ce405fc278a00d0015c0519da4023c6bfeb769a",dsSize:this.iconSize,dsName:this.dsIcon,dsColour:this.dsIconColour})),"none"!==this.dsLineWidth&&t("div",{key:"16d995f7424b4c3076885da142dd2915c5755ba5",class:d,style:a}))}static get style(){return".ds-no-style-leak.sc-ds-step-bullet-base *.sc-ds-step-bullet-base{all:unset;box-sizing:border-box;display:block}.ds-step-bullet-base__oJU1eo.sc-ds-step-bullet-base{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;height:100%}.ds-step-bullet-base__oJU1eo--vertical.sc-ds-step-bullet-base{flex-direction:column;align-items:center;justify-content:flex-start;width:auto;height:100%}.ds-step-bullet-base__oJU1eo__bullet.sc-ds-step-bullet-base{display:flex;align-items:center;justify-content:center;border-radius:50%;border-style:solid;border-width:0;width:2rem;height:2rem;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);flex:0 0 auto}.ds-step-bullet-base__oJU1eo__bullet--small.sc-ds-step-bullet-base{width:2rem;height:1.5rem}.ds-step-bullet-base__oJU1eo__bullet--small.ds-step-bullet-base__oJU1eo__bullet--vertical.sc-ds-step-bullet-base{width:1.5rem;height:2rem}.ds-step-bullet-base__oJU1eo__line.sc-ds-step-bullet-base{flex:1 1 auto;min-width:0;align-self:center;margin-inline:var(--ds-spacing-2xSmall)}.ds-step-bullet-base__oJU1eo__line--small.sc-ds-step-bullet-base{margin-inline:0}.ds-step-bullet-base__oJU1eo__line--vertical.sc-ds-step-bullet-base{margin-inline:0;margin-block:var(--ds-spacing-2xSmall);height:auto;min-height:2rem;flex:1 1 auto}.ds-step-bullet-base__oJU1eo__line--no-line.ds-step-bullet-base__oJU1eo__line--vertical.sc-ds-step-bullet-base{min-height:0}.ds-step-bullet-base__oJU1eo__line--small.ds-step-bullet-base__oJU1eo__line--vertical.sc-ds-step-bullet-base{margin-block:0}"}},[514,"ds-step-bullet-base",{dsOrientation:[1,"ds-orientation"],dsSize:[1,"ds-size"],dsFillColour:[1,"ds-fill-colour"],dsBorderColour:[1,"ds-border-colour"],dsBorderWidth:[1,"ds-border-width"],dsLineColour:[1,"ds-line-colour"],dsLineWidth:[1,"ds-line-width"],dsIcon:[1,"ds-icon"],dsIconColour:[1,"ds-icon-colour"],dsText:[1,"ds-text"],dsTextColour:[1,"ds-text-colour"]}]);function u(){"undefined"!=typeof customElements&&["ds-step-bullet-base","ds-icon"].forEach((e=>{switch(e){case"ds-step-bullet-base":customElements.get(l(e))||customElements.define(l(e),b);break;case"ds-icon":customElements.get(l(e))||n()}}))}a([t("ds-icon",{dsName:""})]);export{b as D,u as d}

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

@@ -0,0 +1 @@

+ import{t}from"./p-Duz7I_DQ.js";const s="__ds_step_context__",e="dsStepContextUpdate";function n(t,s){t.dispatchEvent(new CustomEvent(e,{bubbles:!1,detail:{...s}}))}function o(t,e){t[s]=e}function c(s,e){o(s,e);const c=[t("ds-step-bullet","ds-step",p=s),t("ds-step-content","ds-step",p)].join(", ");var p;const u=s.querySelectorAll(c);for(const t of u)n(t,e)}function p(t){let e=t.parentElement;for(;e;){if(e[s])return e[s];e=e.parentElement}return console.warn(`${t.tagName} must be used inside ds-step component`),null}export{e as C,p as c,c as p,o as s}