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

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

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

Files changed (2364) hide show

package/dist/components/p-BoFx_S3S.js DELETED Viewed

@@ -1 +0,0 @@

- import{p as s,M as a,c as i,h as d,t}from"./p-Caei5Txg.js";import{c as o}from"./p-BfTCfPZ1.js";import{i as c,a as n}from"./p-5l5qZ1Ad.js";import{o as r,v as l}from"./p-Bb42i7gX.js";import{f as e,t as k,a as _,d as m}from"./p-C_0dwn2_.js";import{l as b}from"./p-DMddtiKs.js";import{c as h}from"./p-WGqeeSZm.js";import{c as v}from"./p-pl5lQyEI.js";import{d as w}from"./p-B621GCrq.js";import{d as p}from"./p-B5arzrIP.js";const g=e("visually-hidden-assistive-text"),j=s(class extends(a(v("ds-link-cta"),b)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=i(this,"dsClick",7)}inheritedAttributes={};linkEl;visuallyHiddenAssistiveTextId=g.next().value;get el(){return this}dsText;dsVariant="primary";dsColour="blue";dsSize="medium";dsHideIcon=!1;dsIcon;dsIconPosition="end";dsTag="a";dsTabIndex;dsDisabled=!1;rel;icon="arrow_forward";get currentIcon(){return this.dsIcon?this.dsIcon:this.icon}get linkAttributes(){return"a"!==this.dsTag?{}:{href:this.dsHref,hrefLang:this.dsHrefLang,rel:this.rel||this.dsRel,target:this.dsTarget,download:this.dsDownload}}updateIcon(s){r(s)?(this.icon="arrow_outward",this.rel="noopener noreferrer"):(this.icon="arrow_forward",this.rel=void 0)}componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...c(this.el)},this.updateIcon(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(s){this.updateIcon(s)}handleKeyDown=s=>{switch(s.key){case" ":s.preventDefault(),this.linkEl?.click();break;case"Enter":"span"!==this.dsTag&&this.dsHref||this.linkEl?.click()}};render(){const s=h("ds-link-cta"),a=o(s,`${s}--${this.dsVariant}`,`${s}--${this.dsColour}`,`${s}--${this.dsSize}`,{[`${s}--no-text`]:!this.dsText||""===this.dsText.trim()}),i=o(`${s}__text`),t=o(`${s}__icon`,`${s}__icon--${this.dsIconPosition}`),c=k("ds-icon","ds-link-cta",this.el),n=k("ds-visually-hidden","ds-link-cta",this.el),{"aria-label":e,"aria-labelledby":m,...b}=this.inheritedAttributes,v=this.dsAriaLabel||e,w=this.dsAriaLabelledby||m,p=!this.dsHideIcon&&d(c,{key:"9555ab29c26405e83efa1539f2d3dded99387d6d",dsName:this.currentIcon,class:t,dsCustomSize:"medium"===this.dsSize?"1.5rem":"1.25rem"});return d(this.dsTag,{key:"576f3abfd9cff4f91484908dcc745c21460fbcf8",ref:s=>this.linkEl=s,class:a,onKeyDown:this.handleKeyDown,tabindex:this.dsTabIndex??("a"!==this.dsTag||this.dsHref?void 0:"0"),..._("role","span"===this.dsTag?"link":void 0),..._("aria-disabled",this.dsDisabled?"true":void 0),..._("aria-label",v),..._("aria-labelledby",w),...b,...this.linkAttributes},"start"===this.dsIconPosition&&p,d("span",{key:"df2b41f778e759a0f94874b38dc74b54b9ffdaad",class:i},this.dsText),"end"===this.dsIconPosition&&p,r(this.dsTarget)&&d(n,{key:"bf380d2fabb9170a0805a1c5bf162ac9e1a9d4fc",id:this.visuallyHiddenAssistiveTextId,dsTag:"span"},l()))}static get watchers(){return{dsTarget:[{onTargetChanged:0}]}}static get style(){return".ds-no-style-leak.sc-ds-link-cta *.sc-ds-link-cta{all:unset;box-sizing:border-box;display:block}.sc-ds-link-cta-h{display:inline-block;vertical-align:middle}.ds-link-cta__owcjsm.sc-ds-link-cta{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:pointer;user-select:none;--webkit-user-select:none}.ds-link-cta__owcjsm[aria-disabled=true].sc-ds-link-cta{cursor:default;pointer-events:none;background-color:transparent !important;border-color:transparent !important;color:var(--ds-textColor-disabled-onLight) !important}.ds-link-cta__owcjsm__text.sc-ds-link-cta{padding:0 var(--ds-spacing-3xSmall, 4px);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:var(--ds-link-cta-text-decoration, 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-cta__owcjsm--no-text.sc-ds-link-cta .ds-link-cta__owcjsm__text.sc-ds-link-cta{padding:0}.ds-link-cta__owcjsm.sc-ds-link-cta:has(.ds-link-cta__owcjsm__spinner):not(.ds-link-cta__owcjsm--small) .ds-link-cta__owcjsm__value.sc-ds-link-cta{margin-left:var(--ds-spacing-3xSmall)}.ds-link-cta__owcjsm--icon-only.sc-ds-link-cta{aspect-ratio:1;justify-content:center}.ds-link-cta__owcjsm.sc-ds-link-cta:has(.ds-link-cta__owcjsm__text:empty){width:var(--ds-link-cta-min-height);aspect-ratio:1;padding-left:0;padding-right:0}.ds-link-cta__owcjsm.sc-ds-link-cta:has(.ds-link-cta__owcjsm__text:empty) .ds-link-cta__owcjsm__icon.sc-ds-link-cta{margin:0}.ds-link-cta__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small):not(.ds-link-cta__owcjsm--secondary):not(.ds-link-cta__owcjsm--supplementary){border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small).ds-link-cta__owcjsm--secondary{border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small).ds-link-cta__owcjsm--supplementary{border-width:0;border-style:none;font-size:var(--ds-fontSize-18);min-height:2.75rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)))}.ds-link-cta__owcjsm.sc-ds-link-cta:not(.ds-link-cta__owcjsm--small).ds-link-cta__owcjsm--icon-only{padding-left:0;padding-right:0}.ds-link-cta__owcjsm--small.sc-ds-link-cta:not(.ds-link-cta__owcjsm--secondary):not(.ds-link-cta__owcjsm--supplementary){font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__owcjsm--small.ds-link-cta__owcjsm--secondary.sc-ds-link-cta{font-weight:var(--ds-fontWeight-semibold);border-width:var(--ds-borderWidth-thin);border-style:solid;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__owcjsm--small.ds-link-cta__owcjsm--supplementary.sc-ds-link-cta{font-weight:var(--ds-fontWeight-semibold);border-width:0;border-style:none;font-size:var(--ds-fontSize-16);min-height:2rem;min-width:var(--ds-link-cta-min-width, auto);padding-block:var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));padding-inline:var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)))}.ds-link-cta__owcjsm--small.ds-link-cta__owcjsm--icon-only.sc-ds-link-cta{padding-left:0;padding-right:0;width:32px}.ds-link-cta__owcjsm--small.sc-ds-link-cta .ds-link-cta__owcjsm__icon.sc-ds-link-cta{width:var(--ds-link-cta-icon-size, auto);height:var(--ds-link-cta-icon-size, 1rem)}.ds-link-cta__owcjsm__icon--start.sc-ds-link-cta{margin-right:var(--ds-spacing-3xSmall);margin-left:0}.ds-link-cta__owcjsm__icon--end.sc-ds-link-cta{margin-left:var(--ds-spacing-3xSmall);margin-right:0}.ds-link-cta__owcjsm--no-text.sc-ds-link-cta .ds-link-cta__owcjsm__icon--start.sc-ds-link-cta,.ds-link-cta__owcjsm--no-text.sc-ds-link-cta .ds-link-cta__owcjsm__icon--end.sc-ds-link-cta{margin:0}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta: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-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-primary-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta: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-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-black));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-black-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-black-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta: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-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-white));border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-white-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--primary.ds-link-cta__owcjsm--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-white-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta: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-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));border-color:var(--ds-borderColor-primary);color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta: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-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-black);color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta: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-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:var(--ds-borderColor-white);color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--secondary.ds-link-cta__owcjsm--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta: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-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-primary))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--blue.sc-ds-link-cta:active{background-color:var(--ds-bgColor-secondary-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta: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-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-default))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--black.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta: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-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta{background-color:var(--ds-link-cta-bg-color, transparent);border-color:transparent;color:var(--ds-link-cta-text-color, var(--ds-textColor-white))}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-link-cta__owcjsm.ds-link-cta__owcjsm--supplementary.ds-link-cta__owcjsm--white.sc-ds-link-cta:active{background-color:var(--ds-bgColor-transparent-onDark-active)}"}},[514,"ds-link-cta",{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"],dsVariant:[1,"ds-variant"],dsColour:[1,"ds-colour"],dsSize:[1,"ds-size"],dsHideIcon:[4,"ds-hide-icon"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsTag:[1,"ds-tag"],dsTabIndex:[1,"ds-tab-index"],dsDisabled:[4,"ds-disabled"],rel:[32],icon:[32]},[[0,"click","handleClick"]],{dsTarget:[{onTargetChanged:0}]}]);function u(){"undefined"!=typeof customElements&&["ds-link-cta","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-link-cta":customElements.get(t(s))||customElements.define(t(s),j);break;case"ds-icon":customElements.get(t(s))||w();break;case"ds-visually-hidden":customElements.get(t(s))||p()}}))}m([d("ds-icon",{dsName:""}),d("ds-visually-hidden",null)]);export{j as D,u as d}

package/dist/components/p-By2Txzzz.js DELETED Viewed

@@ -1 +0,0 @@

- import{p as s,M as i,c as e,f as n,h as t,t as d}from"./p-Caei5Txg.js";import{c as l}from"./p-BfTCfPZ1.js";import{i as o,a}from"./p-5l5qZ1Ad.js";import{o as r,v as c}from"./p-Bb42i7gX.js";import{f as k,t as h,a as m,d as _}from"./p-C_0dwn2_.js";import{l as f}from"./p-DMddtiKs.js";import{a as v,d as b}from"./p-B621GCrq.js";import{c as g}from"./p-WGqeeSZm.js";import{c as u}from"./p-pl5lQyEI.js";import{d as w}from"./p-B5arzrIP.js";const x=k("visually-hidden-assistive-text"),j={"2xLarge":"1.375rem",xLarge:"1.25rem",large:"1.125rem",medium:"1rem",small:"0.875rem",xSmall:"0.75rem"},p=s(class extends(i(u("ds-link"),f,v)){constructor(s){super(!1),!1!==s&&this.__registerHost(),this.dsClick=e(this,"dsClick",7)}inheritedAttributes={};visuallyHiddenAssistiveTextId=x.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),...o(this.el)},this.setTargetBlank(this.dsTarget)}componentDidLoad(){this.componentMounted()}onTargetChanged(s){this.setTargetBlank(s)}ariaLabelObserver(s){this.inheritedAttributes={...this.inheritedAttributes,"aria-label":s},n(this)}renderIcon(s,i=this.dsIcon,e=this.dsIconPosition){const n=l(`${s}__icon`,{[`${s}__icon--start-${this.dsVariant}`]:"start"===e,[`${s}__icon--end-${this.dsVariant}`]:"end"===e}),d=this.dsSize?j[this.dsSize]:"1rem",o=h("ds-icon","ds-link",this.el);return t(o,{dsName:i,class:n,dsSize:d,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=g("ds-link"),i=l(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":n,"aria-labelledby":d,...o}=this.inheritedAttributes,a=this.dsAriaLabelledby||d;return t(this.dsTag,{key:"7cb39dfc5bb57ef6bcabc4e7a0f1815edd15bc3b",ref:s=>this.linkRef=s,class:i,...m("aria-label",this.dsAriaLabel||n),...m("aria-labelledby",a),...o,...this.linkAttributes},t("slot",{key:"630bd0be06599e988a4fc9155eb466df967a3cbd",name:"prefix"},this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(s)),this.dsText,t("slot",{key:"878a0915db6a6d491a3ddfc21ddcf1e31d41fae8",name:"suffix"},this.renderSuffixIcon(s)),r(this.dsTarget)&&t(e,{key:"2041fdc422f07be45a74ed153705f831249f55ea",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__owcjsm.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__owcjsm.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__owcjsm.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__owcjsm--semibold.sc-ds-link{font-weight:var(--ds-fontWeight-semibold)}.ds-link__owcjsm--bold.sc-ds-link{font-weight:var(--ds-fontWeight-bold)}.ds-link__owcjsm--2xLarge.sc-ds-link{font-size:var(--ds-fontSize-22)}.ds-link__owcjsm--xLarge.sc-ds-link{font-size:var(--ds-fontSize-20)}.ds-link__owcjsm--large.sc-ds-link{font-size:var(--ds-fontSize-18)}.ds-link__owcjsm--medium.sc-ds-link{font-size:var(--ds-fontSize-16)}.ds-link__owcjsm--small.sc-ds-link{font-size:var(--ds-fontSize-14)}.ds-link__owcjsm--xSmall.sc-ds-link{font-size:var(--ds-fontSize-12)}.ds-link__owcjsm__icon.sc-ds-link{display:inline-block;vertical-align:-0.125em}.ds-link__owcjsm__icon--start-inline.sc-ds-link{margin-right:var(--ds-spacing-3xSmall)}.ds-link__owcjsm__icon--start-standalone.sc-ds-link{margin-right:var(--ds-spacing-2xSmall)}.ds-link__owcjsm__icon--end-inline.sc-ds-link{margin-left:var(--ds-spacing-3xSmall)}.ds-link__owcjsm__icon--end-standalone.sc-ds-link{margin-left:var(--ds-spacing-2xSmall)}.ds-link__owcjsm.sc-ds-link:hover,.ds-link__owcjsm.sc-ds-link:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__owcjsm.sc-ds-link:hover{color:var(--ds-textColor-link-hover);cursor:pointer}.ds-link__owcjsm.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__owcjsm.sc-ds-link:visited{color:var(--ds-textColor-link-visited)}.ds-link__owcjsm--standalone.sc-ds-link{display:inline-block;color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__owcjsm--standalone.sc-ds-link:hover,.ds-link__owcjsm--standalone.sc-ds-link:active{text-decoration-line:underline}.ds-link__owcjsm--standalone.sc-ds-link:focus-visible,.ds-link__owcjsm--standalone.sc-ds-link:visited{color:var(--ds-textColor-link)}.ds-link__owcjsm--standalone.sc-ds-link:active{color:var(--ds-textColor-link-active)}.ds-link__owcjsm--standalone.sc-ds-link:hover{color:var(--ds-textColor-link-hover)}.ds-link__owcjsm--colour-white.sc-ds-link{color:var(--ds-textColor-white)}.ds-link__owcjsm--colour-white.sc-ds-link:hover,.ds-link__owcjsm--colour-white.sc-ds-link:active,.ds-link__owcjsm--colour-white.sc-ds-link:visited,.ds-link__owcjsm--colour-white.sc-ds-link:focus-visible{color:var(--ds-textColor-white)}.ds-link__owcjsm--colour-black.sc-ds-link{color:var(--ds-textColor-default)}.ds-link__owcjsm--colour-black.sc-ds-link:hover,.ds-link__owcjsm--colour-black.sc-ds-link:active,.ds-link__owcjsm--colour-black.sc-ds-link:visited,.ds-link__owcjsm--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(d(s))||customElements.define(d(s),p);break;case"ds-icon":customElements.get(d(s))||b();break;case"ds-visually-hidden":customElements.get(d(s))||w()}}))}_([t("ds-icon",{dsName:""}),t("ds-visually-hidden",null)]);export{p as D,y as d}

package/dist/components/p-C6560FQe.js DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/components/p-C90cIPRB.js DELETED Viewed

@@ -1 +0,0 @@

- import{g as e}from"./p-DehdQps5.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-C9RfggEL.js DELETED Viewed

@@ -1 +0,0 @@

- import{p as s,M as t,h as e,t as i}from"./p-Caei5Txg.js";import{c as d}from"./p-WGqeeSZm.js";import{c as a}from"./p-pl5lQyEI.js";const o=s(class extends(t(a("ds-assistive-text"))){constructor(s){super(),!1!==s&&this.__registerHost()}dsId=this.getUniqueId();dsText;render(){const s=d("ds-assistive-text");return e("small",{key:"ef4911df60345674461694b2b3933cdea914835d",class:s,id:this.dsId},e("slot",{key:"7de32cdd91dd0888528ed64faaa8a8055f36e45c"},this.dsText))}static get style(){return".ds-assistive-text__owcjsm.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}"}},[774,"ds-assistive-text",{dsId:[1,"ds-id"],dsText:[1,"ds-text"]}]);function r(){"undefined"!=typeof customElements&&["ds-assistive-text"].forEach((s=>{"ds-assistive-text"===s&&(customElements.get(i(s))||customElements.define(i(s),o))}))}export{o as D,r as d}

package/dist/components/p-CAoQuiNS.js DELETED Viewed

@@ -1 +0,0 @@

- import{p as s,M as e,h as t,t as a}from"./p-Caei5Txg.js";import{c as i}from"./p-WGqeeSZm.js";import{t as d,d as l}from"./p-C_0dwn2_.js";import{c as o}from"./p-pl5lQyEI.js";import{d as r}from"./p-C9RfggEL.js";const n=s(class extends(e(o("ds-group-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLabel;dsAssistiveText;dsAssistiveTextId;get DsAssistiveText(){return d("ds-assistive-text","ds-group-label",this.el)}componentDidLoad(){this.componentMounted()}render(){const s=i("ds-group-label");return t("div",{key:"21237093f39019b5894e66b3a6a4d109967f1865",class:s},t("slot",{key:"0ae72c87fc309a7d1e50c9c9e8b8a1736007befd",name:"label"},this.dsLabel&&t("div",{key:"b46d7b074ed1379f93d6eb24037f4059c2209a71",class:`${s}__label`},this.dsLabel)),t("slot",{key:"ee2a46d2192caef1c74e14cdd05a7a6a36e08bb6",name:"assistiveText"},this.dsAssistiveText&&t(this.DsAssistiveText,{key:"347a940c394e9ea3f84697e253690472c82c485d",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText})))}static get style(){return".ds-group-label__owcjsm__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__owcjsm{display:flex;flex-direction:column}.ds-group-label__owcjsm:empty{display:none}"}},[772,"ds-group-label",{dsLabel:[1,"ds-label"],dsAssistiveText:[1,"ds-assistive-text"],dsAssistiveTextId:[1,"ds-assistive-text-id"]}]);function c(){"undefined"!=typeof customElements&&["ds-group-label","ds-assistive-text"].forEach((s=>{switch(s){case"ds-group-label":customElements.get(a(s))||customElements.define(a(s),n);break;case"ds-assistive-text":customElements.get(a(s))||r()}}))}l([t("ds-assistive-text",null)]);export{n as D,c as d}

package/dist/components/p-CFTaQvcd.js DELETED Viewed

@@ -1 +0,0 @@

- import{p as o,M as t,f as s,h as n,d,t as c}from"./p-Caei5Txg.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-C_0dwn2_.js";import{c as e}from"./p-WGqeeSZm.js";import{a as m,d as w}from"./p-B621GCrq.js";import{c as j}from"./p-pl5lQyEI.js";import{d as l}from"./p-CRQLqfJ1.js";import{d as g}from"./p-B5arzrIP.js";const p=o(class extends(t(j("ds-button"),m)){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,n){this.inheritedAttributes={...this.inheritedAttributes,[n]:o},s(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`),s="small"===this.dsSize?"1.25rem":void 0,d=b("ds-icon","ds-button",this.el);return n(d,{class:t,dsName:this.dsIcon,dsCustomSize:s,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=e("ds-button"),s=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),c=b("ds-visually-hidden","ds-button",this.el),{role:_,"aria-label":u,"aria-labelledby":a,"aria-describedby":m,"aria-disabled":w,"aria-expanded":j,"aria-pressed":l,"aria-controls":g,"aria-haspopup":p,...v}=this.inheritedAttributes,h=this.dsRole??_,f=this.dsAriaLabel||u,y=this.dsAriaLabelledby||a,k=this.dsAriaDescribedby||m,C=this.dsAriaControls||g,x=this.dsAriaHaspopup??p,L=this.getBooleanishAttribute(this.dsAriaDisabled,w),W=this.getBooleanishAttribute(this.dsAriaExpanded,j),S=this.getBooleanishAttribute(this.dsAriaPressed,l);return n("button",{ref:o=>this.buttonEl=o,class:s,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",h),...i("aria-disabled",L),...i("aria-label",f),...i("aria-labelledby",y),...i("aria-describedby",k),...i("aria-expanded",W),...i("aria-pressed",S),...i("aria-controls",C),...i("aria-haspopup",x),...i("aria-hidden",this.dsAriaHidden?"true":void 0),...i("tabindex",this.dsTabIndex),...v},n("slot",{name:"prefix"},!this.dsLoading&&this.dsIcon&&"start"===this.dsIconPosition&&this.renderIcon(t),this.dsLoading&&n(d,{class:`${t}__spinner`,dsHiddenAssistiveText:this.dsSpinnerHiddenText,dsColour:this.getSpinnerColour(),dsSize:"medium"===this.dsSize?"medium":null,dsCustomSize:"small"===this.dsSize?"1.25rem":void 0})),n("span",{class:`${t}__value`,hidden:!o},n("slot",{onSlotchange:this.handleDefaultSlotChange}),this.text),this.dsHiddenAssistiveText&&n(c,{dsTag:"span"},this.dsHiddenAssistiveText),n("slot",{name:"suffix"},this.dsIcon&&"end"===this.dsIconPosition&&this.renderIcon(t)))};render(){const o=`${e("ds-button")}__host`,t=this.renderButton();return n(d,{key:"388944d06fa81513a2e768ff44610f54d704df19",class:r(o,{[`${o}--full-width`]:this.dsFullWidth})},this.dsUseSpinner?n("div",{"aria-live":"polite"},t):t)}static get watchers(){return{dsText:[{dsTextObserver:0}],dsValue:[{dsValueObserver:0}],dsActive:[{dsActiveObserver:0}],"aria-disabled":[{ariaAttributeObserver:0}],"aria-label":[{ariaAttributeObserver:0}],"aria-labelledby":[{ariaAttributeObserver:0}],"aria-pressed":[{ariaAttributeObserver:0}],"aria-expanded":[{ariaAttributeObserver:0}],"aria-controls":[{ariaAttributeObserver:0}],"aria-haspopup":[{ariaAttributeObserver:0}]}}static get style(){return".ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.ds-button__owcjsm__host.sc-ds-button-h{display:inline-block}.ds-button__owcjsm__host--full-width.sc-ds-button-h{width:100%}.ds-button__owcjsm.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__owcjsm__value[hidden].sc-ds-button{display:none}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--supplementary) .ds-button__owcjsm__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm--supplementary.sc-ds-button:has(.ds-button__owcjsm__spinner) .ds-button__owcjsm__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm__icon.sc-ds-button{height:1.5rem}.ds-button__owcjsm.sc-ds-button:has(.ds-button__owcjsm__spinner):not(.ds-button__owcjsm--small) .ds-button__owcjsm__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm__spinner.sc-ds-button{display:flex}.ds-button__owcjsm--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--small):not(.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--small).ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--small).ds-button__owcjsm--icon-only{padding-left:0;padding-right:0}.ds-button__owcjsm--small.ds-button__owcjsm--icon-start.sc-ds-button,.ds-button__owcjsm--small.ds-button__owcjsm--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__owcjsm--small.sc-ds-button:not(.ds-button__owcjsm--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__owcjsm--small.ds-button__owcjsm--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__owcjsm--small.ds-button__owcjsm--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__owcjsm--small.sc-ds-button .ds-button__owcjsm__icon.sc-ds-button{height:auto}.ds-button__owcjsm--icon-start.sc-ds-button:not(.ds-button__owcjsm--small) .ds-button__owcjsm__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__owcjsm--icon-end.sc-ds-button:not(.ds-button__owcjsm--small) .ds-button__owcjsm__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.sc-ds-button:not(.ds-button__owcjsm--in-input,.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--primary.ds-button__owcjsm--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--no-focus-ring.sc-ds-button:not(.ds-button__owcjsm--in-input).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--primary.ds-button__owcjsm--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--secondary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled,.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring).ds-button__owcjsm--supplementary.ds-button__owcjsm--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.sc-ds-button:not(.ds-button__owcjsm--no-focus-ring){--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--primary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--secondary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--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__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:active,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.ds-button__owcjsm--disabled.sc-ds-button,.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--no-focus-ring.ds-button__owcjsm--supplementary.ds-button__owcjsm--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__owcjsm.ds-button__owcjsm--in-input.ds-button__owcjsm--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 v(){"undefined"!=typeof customElements&&["ds-button","ds-icon","ds-spinner","ds-visually-hidden"].forEach((o=>{switch(o){case"ds-button":customElements.get(c(o))||customElements.define(c(o),p);break;case"ds-icon":customElements.get(c(o))||w();break;case"ds-spinner":customElements.get(c(o))||l();break;case"ds-visually-hidden":customElements.get(c(o))||g()}}))}a([n("ds-icon",{dsName:""}),n("ds-spinner",null),n("ds-visually-hidden",null)]);export{p as D,v as d}

package/dist/components/p-CRQLqfJ1.js DELETED Viewed

@@ -1 +0,0 @@

- import{p as e,M as s,h as t,t as i}from"./p-Caei5Txg.js";import{i as d,a as n}from"./p-5l5qZ1Ad.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as o,d as a}from"./p-C_0dwn2_.js";import{c as l}from"./p-WGqeeSZm.js";import{c as m}from"./p-pl5lQyEI.js";import{d as g}from"./p-B5arzrIP.js";const f={small:10,medium:14,large:20,xLarge:28,"2xLarge":40},p={small:"ds-text-regular-xs",medium:"ds-text-regular-sm",large:"ds-text-regular-md",xLarge:"ds-text-regular-lg","2xLarge":"ds-text-regular-xl"},c={blue:"var(--ds-palette-mainBlue-70)",black:"var(--ds-palette-black-95)",white:"var(--ds-palette-white)",danger:"var(--ds-palette-red-70)"},h=e(class extends(s(m("ds-spinner"))){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}inheritedAttributes={};get el(){return this}dsText;dsSize="medium";dsCustomSize;dsCustomTextSize;dsTextPosition="below";dsColour="blue";dsUseRoleAlert=!1;dsUseAriaLive=!1;dsHiddenAssistiveText;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...d(this.el,["role","aria-live"])}}componentDidLoad(){this.componentMounted()}render(){const e=f[this.dsSize],s=this.dsCustomSize?"":p[this.dsSize],i=c[this.dsColour],d=l("ds-spinner"),n=r(d,{[`${d}--${this.dsSize}`]:!this.dsCustomSize,[`${d}--custom`]:!!this.dsCustomSize,[`${d}--${this.dsTextPosition}`]:!!this.dsText}),a=r(`${d}__text`,s,`${d}__text--${this.dsColour}`),m=e=>r(`${d}__segment`,`${d}__segment--${e}`),g=o("ds-visually-hidden","ds-spinner",this.el);return t("div",{key:"a33343e541291ea9ba854634c3f26a1853cfa64f",role:this.dsUseRoleAlert?"alert":void 0,"aria-live":this.dsUseAriaLive?"polite":void 0,class:n,style:{"--spinner-size":this.dsCustomSize?`calc(${this.dsCustomSize} / 1.5833333333)`:`${e}px`,"--spinner-color":`${i}`,"--spinner-border-color":"white"==this.dsColour?"var(--ds-overlay-white-15)":"transparent"},...this.inheritedAttributes},t("div",{key:"116bbf9107b66da116f2d6fdcf9568338c8766af",class:`${d}__spinner`},t("div",{key:"3db7345f09d73f86c46bb61c8e2e70f3d8f4faed",class:m(1)}),t("div",{key:"b4248b82e5b6fe49ac4731c0b1cd56e7a75979b1",class:m(2)}),t("div",{key:"4cd59a8e7f375d4dde962b8f15db1177bf2239c6",class:m(3)})),this.dsHiddenAssistiveText&&t(g,{key:"6fbc62de59ebad538ab4ab260eee616c2f467337"},t("span",{key:"721d8c643f286893bfee85d77c520ed381bad5a1"},this.dsHiddenAssistiveText)),this.dsText&&t("span",{key:"161af4dc48584b93618f3032882b6d015ccad5b1",class:a,style:{fontSize:this.dsCustomTextSize}},this.dsText))}static get style(){return".ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-paragraph-width-optimal{max-width:var(--ds-paragraphWidth-optimal)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__owcjsm{display:inline-block}.ds-spinner__owcjsm:has(.ds-spinner__owcjsm__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__owcjsm{}.ds-spinner__owcjsm--small{padding:1.5px}.ds-spinner__owcjsm--medium{padding:3px}.ds-spinner__owcjsm--large{padding:3px}.ds-spinner__owcjsm--xLarge{padding:5.5px}.ds-spinner__owcjsm--2xLarge{padding:5.5px}.ds-spinner__owcjsm--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__owcjsm{}.ds-spinner__owcjsm--below{flex-direction:column;align-items:center}.ds-spinner__owcjsm--right{flex-direction:row;align-items:center}.ds-spinner__owcjsm__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__owcjsm__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__owcjsm__text--white{color:var(--ds-textColor-white)}.ds-spinner__owcjsm__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__owcjsm__segment--1{animation-delay:-0.3s}.ds-spinner__owcjsm__segment--2{animation-delay:-0.2s}.ds-spinner__owcjsm__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__owcjsm__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__owcjsm__segment--1{animation-delay:-0.6s}.ds-spinner__owcjsm__segment--2{animation-delay:-0.4s}.ds-spinner__owcjsm__segment--3{animation-delay:-0.2s}}"}},[513,"ds-spinner",{dsText:[1,"ds-text"],dsSize:[1,"ds-size"],dsCustomSize:[1,"ds-custom-size"],dsCustomTextSize:[1,"ds-custom-text-size"],dsTextPosition:[1,"ds-text-position"],dsColour:[1,"ds-colour"],dsUseRoleAlert:[4,"ds-use-role-alert"],dsUseAriaLive:[4,"ds-use-aria-live"],dsHiddenAssistiveText:[1,"ds-hidden-assistive-text"]}]);function v(){"undefined"!=typeof customElements&&["ds-spinner","ds-visually-hidden"].forEach((e=>{switch(e){case"ds-spinner":customElements.get(i(e))||customElements.define(i(e),h);break;case"ds-visually-hidden":customElements.get(i(e))||g()}}))}a([t("ds-visually-hidden",null)]);export{h as D,v as d}