@uh-design-system/component-library 1.4.0-rc.2 → 1.4.0

package/dist/components/p-CBTcmEBq.js

@@ -1,290 +0,0 @@
-import { p as proxyCustomElement, M as Mixin, f as forceUpdate, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { a as ariaDeprecationFactory, d as defineCustomElement$3 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$2 } from './p-Dq55XDgV.js';
-import { d as defineCustomElement$1 } from './p-Cq_RwLX7.js';
-
-const dsButtonCss = ".ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__oSBnIJ--full-width){width:100%}.ds-button__oSBnIJ.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__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--supplementary) .ds-button__oSBnIJ__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__oSBnIJ--supplementary.sc-ds-button:has(.ds-button__oSBnIJ__spinner) .ds-button__oSBnIJ__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__oSBnIJ__icon.sc-ds-button{height:1.5rem}.ds-button__oSBnIJ.sc-ds-button:has(.ds-button__oSBnIJ__spinner):not(.ds-button__oSBnIJ--small) .ds-button__oSBnIJ__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__oSBnIJ__spinner.sc-ds-button{display:flex}.ds-button__oSBnIJ--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--small):not(.ds-button__oSBnIJ--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--small).ds-button__oSBnIJ--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--small).ds-button__oSBnIJ--icon-only{padding-left:0;padding-right:0}.ds-button__oSBnIJ--small.ds-button__oSBnIJ--icon-start.sc-ds-button,.ds-button__oSBnIJ--small.ds-button__oSBnIJ--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__oSBnIJ--small.sc-ds-button:not(.ds-button__oSBnIJ--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__oSBnIJ--small.ds-button__oSBnIJ--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__oSBnIJ--small.ds-button__oSBnIJ--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__oSBnIJ--small.sc-ds-button .ds-button__oSBnIJ__icon.sc-ds-button{height:auto}.ds-button__oSBnIJ--icon-start.sc-ds-button:not(.ds-button__oSBnIJ--small) .ds-button__oSBnIJ__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__oSBnIJ--icon-end.sc-ds-button:not(.ds-button__oSBnIJ--small) .ds-button__oSBnIJ__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger:active,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger.ds-button__oSBnIJ--disabled,.ds-button__oSBnIJ.sc-ds-button:not(.ds-button__oSBnIJ--in-input).ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--primary.ds-button__oSBnIJ--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--blue.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--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__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--secondary.ds-button__oSBnIJ--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-textColor-default);outline:var(--ds-borderWidth-thin) solid transparent;outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--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__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger.sc-ds-button:active,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger.ds-button__oSBnIJ--disabled.sc-ds-button,.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.ds-button__oSBnIJ--supplementary.ds-button__oSBnIJ--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__oSBnIJ.ds-button__oSBnIJ--in-input.sc-ds-button{width:auto;height:100%;aspect-ratio:1/1}";
-
-const buttonIdGenerator = idGenerator('ds-button');
-const DsButton = proxyCustomElement(class DsButton extends Mixin(ariaDeprecationFactory) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    inheritedAttributes = {};
-    buttonEl;
-    pressedKeys = new Set();
-    get el() { return this; }
-    dsForm;
-    dsId = buttonIdGenerator.next().value;
-    dsName = this.dsId;
-    dsAutoFocus = false;
-    dsText = '';
-    dsValue = '';
-    dsVariant = 'primary';
-    dsColour = 'blue';
-    dsSize = 'medium';
-    dsIcon = '';
-    dsIconPosition = 'start';
-    dsIconTitle;
-    dsIconAriaLabel;
-    dsType = 'button';
-    dsDisabled = false;
-    dsLoading = false;
-    dsUseSpinner = false;
-    dsSpinnerHiddenText;
-    dsFullWidth = false;
-    dsRole;
-    dsAriaDisabled;
-    dsAriaLabel;
-    dsAriaLabelledby;
-    dsAriaDescribedby;
-    dsAriaExpanded;
-    dsAriaPressed;
-    dsAriaControls;
-    dsAriaHaspopup;
-    dsAriaHidden = false;
-    dsTabIndex;
-    dsHiddenAssistiveText;
-    dsActive = false;
-    dsInInput = false;
-    hasContent = false;
-    isActive = this.dsActive;
-    text = '';
-    async setFocus() {
-        this.buttonEl.focus();
-    }
-    componentWillLoad() {
-        this.getDeprecationWarningsForAriaAttributes(this.el);
-        if (this.dsUseSpinner && !this.dsSpinnerHiddenText) {
-            throw new Error('dsSpinnerHiddenText is required when dsUseSpinner is true.');
-        }
-        this.isActive = this.dsActive;
-        this.inheritedAttributes = {
-            ...inheritAttributes(this, this.el),
-            ...inheritAriaAttributes(this.el),
-        };
-        this.text = this.dsText || this.dsValue;
-    }
-    hasDefaultSlotContent = () => {
-        return Array.from(this.el.childNodes).some(node => {
-            if (node.nodeType === Node.ELEMENT_NODE) {
-                const elem = node;
-                return !elem.hasAttribute('slot') || elem.getAttribute('slot') === '';
-            }
-            if (node.nodeType === Node.TEXT_NODE) {
-                return node.textContent?.trim().length > 0;
-            }
-            return false;
-        });
-    };
-    componentDidLoad() {
-        this.hasContent = !!this.text || this.hasDefaultSlotContent();
-    }
-    dsTextObserver(newValue) {
-        this.text = newValue || this.dsValue;
-    }
-    dsValueObserver(newValue) {
-        if (!this.dsText) {
-            this.text = newValue;
-        }
-    }
-    dsActiveObserver(newValue) {
-        this.isActive = newValue;
-    }
-    ariaAttributeObserver(newValue, _oldValue, propName) {
-        this.inheritedAttributes = {
-            ...this.inheritedAttributes,
-            [propName]: newValue,
-        };
-        forceUpdate(this);
-    }
-    handleKeyDown = (event) => {
-        if (event.repeat) {
-            return;
-        }
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-                this.pressedKeys.add(event.key);
-                this.isActive = true;
-                break;
-        }
-    };
-    handleKeyUp = (event) => {
-        switch (event.key) {
-            case 'Enter':
-            case ' ':
-                this.pressedKeys.delete(event.key);
-                if (this.pressedKeys.size === 0) {
-                    this.isActive = this.dsActive;
-                }
-                break;
-        }
-    };
-    handleBlur = () => {
-        if (!this.dsActive) {
-            this.isActive = false;
-        }
-    };
-    getSpinnerColour = () => {
-        if (this.dsVariant === 'primary') {
-            if (this.dsColour === 'blue')
-                return 'white';
-            if (this.dsColour === 'white')
-                return 'black';
-            if (this.dsColour === 'black')
-                return 'white';
-            if (this.dsColour === 'danger')
-                return 'white';
-        }
-        return this.dsColour;
-    };
-    renderIcon = (baseClass) => {
-        const iconClasses = classNames(`${baseClass}__icon`);
-        const iconSize = this.dsSize === 'small' ? '1.25rem' : undefined;
-        const DsIcon = transformTagName('ds-icon', 'ds-button', this.el);
-        return h(DsIcon, { class: iconClasses, dsName: this.dsIcon, dsCustomSize: iconSize, dsTitle: this.dsIconTitle, dsAriaLabel: this.dsIconAriaLabel });
-    };
-    renderButton = () => {
-        const baseClass = cx('ds-button');
-        const classes = classNames(`${baseClass} ${baseClass}--${this.dsVariant} ${baseClass}--${this.dsColour} ${baseClass}--${this.dsSize}`, {
-            [`${baseClass}--icon-start`]: this.dsIcon && this.dsIconPosition === 'start' && this.hasContent,
-            [`${baseClass}--icon-end`]: this.dsIcon && this.dsIconPosition === 'end' && this.hasContent,
-            [`${baseClass}--icon-only`]: this.dsIcon && !this.hasContent,
-            [`${baseClass}--full-width`]: this.dsFullWidth,
-            [`${baseClass}--disabled`]: this.dsDisabled,
-            [`${baseClass}--${this.dsColour}--active`]: this.isActive,
-            [`${baseClass}--in-input`]: this.dsInInput,
-        });
-        const DsSpinner = transformTagName('ds-spinner', 'ds-button', this.el);
-        const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-button', this.el);
-        const { role: inheritedRole, ['aria-label']: inheritedAriaLabel, ['aria-labelledby']: inheritedAriaLabelledby, ['aria-describedby']: inheritedAriaDescribedby, ['aria-disabled']: inheritedAriaDisabled, ['aria-expanded']: inheritedAriaExpanded, ['aria-pressed']: inheritedAriaPressed, ['aria-controls']: inheritedAriaControls, ['aria-haspopup']: inheritedAriaHaspopup, ...restAttributes } = this.inheritedAttributes;
-        const role = this.dsRole ?? inheritedRole;
-        const ariaLabel = this.dsAriaLabel || inheritedAriaLabel;
-        const ariaLabelledby = this.dsAriaLabelledby || inheritedAriaLabelledby;
-        const ariaDescribedby = this.dsAriaDescribedby || inheritedAriaDescribedby;
-        const ariaControls = this.dsAriaControls || inheritedAriaControls;
-        const ariaHaspopup = this.dsAriaHaspopup !== undefined ? this.dsAriaHaspopup : inheritedAriaHaspopup;
-        let ariaDisabled;
-        if (this.dsAriaDisabled !== undefined) {
-            if (typeof this.dsAriaDisabled === 'string') {
-                console.warn('dsAriaDisabled should be a boolean, not a string. String support will be deprecated.');
-                ariaDisabled = this.dsAriaDisabled;
-            }
-            else {
-                ariaDisabled = this.dsAriaDisabled ? 'true' : 'false';
-            }
-        }
-        else if (inheritedAriaDisabled) {
-            ariaDisabled = inheritedAriaDisabled;
-        }
-        const ariaExpanded = this.dsAriaExpanded !== undefined ? (this.dsAriaExpanded ? 'true' : 'false') : inheritedAriaExpanded;
-        const ariaPressed = this.dsAriaPressed !== undefined ? (this.dsAriaPressed ? 'true' : 'false') : inheritedAriaPressed;
-        return (h("button", { ref: el => (this.buttonEl = el), class: classes, id: this.dsId, value: this.dsValue, name: this.dsName, form: this.dsForm, type: this.dsType, disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onBlur: this.handleBlur, ...ifDefined('autofocus', this.dsAutoFocus), ...ifDefined('role', role), ...ifDefined('aria-disabled', ariaDisabled), ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby), ...ifDefined('aria-expanded', ariaExpanded), ...ifDefined('aria-pressed', ariaPressed), ...ifDefined('aria-controls', ariaControls), ...ifDefined('aria-haspopup', ariaHaspopup), ...ifDefined('aria-hidden', this.dsAriaHidden ? 'true' : undefined), ...ifDefined('tabindex', this.dsTabIndex), ...restAttributes }, h("slot", { name: "prefix" }, !this.dsLoading && this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass), this.dsLoading && (h(DsSpinner, { class: `${baseClass}__spinner`, dsHiddenAssistiveText: this.dsSpinnerHiddenText, dsColour: this.getSpinnerColour(), dsSize: this.dsSize === 'medium' ? 'medium' : null, dsCustomSize: this.dsSize === 'small' ? '1.25rem' : null }))), this.hasContent && (h("span", { class: `${baseClass}__value` }, h("slot", null), this.text, this.dsHiddenAssistiveText && h(DsVisuallyHidden, { dsTag: "span" }, this.dsHiddenAssistiveText))), h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && this.renderIcon(baseClass))));
-    };
-    render() {
-        const buttonElement = this.renderButton();
-        return this.dsUseSpinner ? h("div", { "aria-live": "polite" }, buttonElement) : buttonElement;
-    }
-    static get watchers() { return {
-        "dsText": ["dsTextObserver"],
-        "dsValue": ["dsValueObserver"],
-        "dsActive": ["dsActiveObserver"],
-        "aria-disabled": ["ariaAttributeObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-labelledby": ["ariaAttributeObserver"],
-        "aria-pressed": ["ariaAttributeObserver"],
-        "aria-expanded": ["ariaAttributeObserver"],
-        "aria-controls": ["ariaAttributeObserver"],
-        "aria-haspopup": ["ariaAttributeObserver"]
-    }; }
-    static get style() { return dsButtonCss; }
-}, [262, "ds-button", {
-        "dsMuteAriaDeprecationWarning": [4, "ds-mute-aria-deprecation-warning"],
-        "dsForm": [1, "ds-form"],
-        "dsId": [1, "ds-id"],
-        "dsName": [1, "ds-name"],
-        "dsAutoFocus": [4, "ds-auto-focus"],
-        "dsText": [1, "ds-text"],
-        "dsValue": [1, "ds-value"],
-        "dsVariant": [1, "ds-variant"],
-        "dsColour": [1, "ds-colour"],
-        "dsSize": [1, "ds-size"],
-        "dsIcon": [1, "ds-icon"],
-        "dsIconPosition": [1, "ds-icon-position"],
-        "dsIconTitle": [1, "ds-icon-title"],
-        "dsIconAriaLabel": [1, "ds-icon-aria-label"],
-        "dsType": [1, "ds-type"],
-        "dsDisabled": [4, "ds-disabled"],
-        "dsLoading": [4, "ds-loading"],
-        "dsUseSpinner": [4, "ds-use-spinner"],
-        "dsSpinnerHiddenText": [1, "ds-spinner-hidden-text"],
-        "dsFullWidth": [4, "ds-full-width"],
-        "dsRole": [1, "ds-role"],
-        "dsAriaDisabled": [4, "ds-aria-disabled"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsAriaLabelledby": [1, "ds-aria-labelledby"],
-        "dsAriaDescribedby": [1, "ds-aria-describedby"],
-        "dsAriaExpanded": [4, "ds-aria-expanded"],
-        "dsAriaPressed": [4, "ds-aria-pressed"],
-        "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"],
-        "hasContent": [32],
-        "isActive": [32],
-        "text": [32],
-        "setFocus": [64]
-    }, undefined, {
-        "dsText": ["dsTextObserver"],
-        "dsValue": ["dsValueObserver"],
-        "dsActive": ["dsActiveObserver"],
-        "aria-disabled": ["ariaAttributeObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-labelledby": ["ariaAttributeObserver"],
-        "aria-pressed": ["ariaAttributeObserver"],
-        "aria-expanded": ["ariaAttributeObserver"],
-        "aria-controls": ["ariaAttributeObserver"],
-        "aria-haspopup": ["ariaAttributeObserver"]
-    }]);
-declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-spinner", null), h("ds-visually-hidden", null)]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-button", "ds-icon", "ds-spinner", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsButton);
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DsButton as D, defineCustomElement as d };

package/dist/components/p-CFr-8gB_.js

@@ -1,15 +0,0 @@
-import { g as getLanguage } from './p-B71giUZh.js';
-
-const opensInNewTab = (target) => target === '_blank';
-const visuallyHiddenAssistiveText = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Avautuu uuteen välilehteen';
-        case 'sv':
-            return 'Öppnas i en ny flik';
-        default:
-            return 'Opens in a new tab';
-    }
-};
-
-export { opensInNewTab as o, visuallyHiddenAssistiveText as v };

package/dist/components/p-Cl9h0hQc.js

@@ -1,44 +0,0 @@
-import './p-GalXVdFP.js';
-
-const multipleValueFactory = (Base) => {
-    const BaseMultiple = class extends Base {
-        constructor() {
-            super();
-        }
-        value = null;
-        withValue(value) {
-            if (!this.value) {
-                return [value];
-            }
-            else if (!this.value.includes(value)) {
-                return [...this.value, value];
-            }
-            return this.value;
-        }
-        withoutValue(value) {
-            if (this.value.includes(value)) {
-                return this.value.filter(v => v !== value);
-            }
-            return this.value;
-        }
-        withoutValues(values) {
-            return this.value?.filter(v => !values.includes(v)) || this.value;
-        }
-        inValue(value) {
-            return this.value?.includes(value) || false;
-        }
-        toValue(value) {
-            if (!value)
-                return null;
-            if (Array.isArray(value))
-                return value;
-            return [value];
-        }
-        getValueItem(index) {
-            return this.value?.[index] || null;
-        }
-    };
-    return BaseMultiple;
-};
-
-export { multipleValueFactory as m };

package/dist/components/p-ClUj4DIP.js

@@ -1,141 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { B as BACKDROP_TRANSITION_IN_DURATION, a as BACKDROP_TRANSITION_OUT_DURATION } from './p-BT1Kxodd.js';
-
-const dsBackdropCss = ".ds-backdrop__oSBnIJ {\n  z-index: var(--ds-backdrop-z-index);\n  max-width: 100vw;\n  max-height: 100vh;\n  max-height: 100dvh;\n}\n.ds-backdrop__oSBnIJ::backdrop {\n  background-color: var(--ds-bgColor-transparent-onLight);\n  transition: display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease;\n}\n@starting-style {\n  .ds-backdrop__oSBnIJ::backdrop {\n    background-color: var(--ds-bgColor-transparent-onLight);\n  }\n}\n.ds-backdrop__oSBnIJ--in::backdrop {\n  transition: display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease;\n}\n.ds-backdrop__oSBnIJ--open::backdrop {\n  background-color: var(--ds-bgColor-backdrop);\n}\n@media (prefers-reduced-motion: reduce) {\n  .ds-backdrop__oSBnIJ::backdrop {\n    transition: none;\n  }\n}\n\nhtml:has(.ds-modal__oSBnIJ--open) {\n  overflow: hidden;\n}";
-
-const DsBackdrop = proxyCustomElement(class DsBackdrop extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.dsBackdropClose = createEvent(this, "dsBackdropClose");
-        this.dsTransition = createEvent(this, "dsTransition");
-    }
-    get el() { return this; }
-    mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
-    transitionTimeout = null;
-    dialogElement;
-    mouseDownTarget;
-    dsBackdropClose;
-    dsTransition;
-    dsOpen = false;
-    dsZIndex = 9999;
-    dsDialogClasses = '';
-    dsRole = 'dialog';
-    transitionInProgress = false;
-    async getDialog() {
-        return this.dialogElement;
-    }
-    handleReducedMotionChange = (event) => {
-        if (event.matches) {
-            if (this.transitionTimeout) {
-                clearTimeout(this.transitionTimeout);
-                this.transitionTimeout = null;
-            }
-            this.transitionInProgress = false;
-        }
-    };
-    disconnectedCallback() {
-        if (this.transitionTimeout) {
-            clearTimeout(this.transitionTimeout);
-        }
-        this.mediaQuery.removeEventListener('change', this.handleReducedMotionChange);
-    }
-    connectedCallback() {
-        this.mediaQuery.addEventListener('change', this.handleReducedMotionChange);
-    }
-    componentDidLoad() {
-        if (this.dsOpen && this.dialogElement) {
-            this.dialogElement.showModal();
-        }
-    }
-    transitionInProgressObserver(newValue) {
-        this.dsTransition.emit({ status: newValue ? 'on' : 'off', direction: this.dsOpen ? 'in' : 'out' });
-    }
-    dsOpenObserver(newValue) {
-        this.transitionInProgress = true;
-        if (newValue && this.dialogElement) {
-            this.dialogElement.showModal();
-        }
-        const closeDialog = () => {
-            if (!newValue && this.dialogElement) {
-                this.dialogElement.close();
-            }
-        };
-        if (this.mediaQuery.matches) {
-            closeDialog();
-            this.transitionInProgress = false;
-            return;
-        }
-        this.transitionTimeout = setTimeout(() => {
-            closeDialog();
-            requestAnimationFrame(() => {
-                this.transitionInProgress = false;
-            });
-        }, newValue ? BACKDROP_TRANSITION_IN_DURATION : BACKDROP_TRANSITION_OUT_DURATION);
-    }
-    handleMouseDown = (event) => {
-        this.mouseDownTarget = event.target;
-    };
-    handleMouseUp = (event) => {
-        if (event.target !== this.dialogElement || event.target !== this.mouseDownTarget || !this.dsOpen || this.transitionInProgress) {
-            return;
-        }
-        this.dsBackdropClose.emit();
-    };
-    handleKeyDown = (event) => {
-        switch (event.key) {
-            case 'Escape':
-                event.preventDefault();
-                if (this.transitionInProgress)
-                    return;
-                this.dsBackdropClose.emit();
-        }
-    };
-    render() {
-        const baseClass = cx('ds-backdrop');
-        return (h("dialog", { key: '244b195df7f69b545fb3bd8acb7e6c72b7010834', ref: el => (this.dialogElement = el), role: this.dsRole, class: classNames(baseClass, this.dsDialogClasses, {
-                [`${baseClass}--open`]: this.dsOpen,
-                [`${baseClass}--in`]: this.dsOpen && this.transitionInProgress,
-            }), onClose: () => {
-                this.dsBackdropClose.emit();
-            }, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onKeyDown: this.handleKeyDown, style: {
-                '--ds-backdrop-z-index': `${this.dsZIndex}`,
-                '--ds-backdrop-transition-in-duration': `${BACKDROP_TRANSITION_IN_DURATION}ms`,
-                '--ds-backdrop-transition-out-duration': `${BACKDROP_TRANSITION_OUT_DURATION}ms`,
-            } }, h("slot", { key: '88e5c2fd5352316f227b8da5a4d4e9e52f87a158' })));
-    }
-    static get watchers() { return {
-        "transitionInProgress": ["transitionInProgressObserver"],
-        "dsOpen": ["dsOpenObserver"]
-    }; }
-    static get style() { return dsBackdropCss; }
-}, [260, "ds-backdrop", {
-        "dsOpen": [4, "ds-open"],
-        "dsZIndex": [2, "ds-z-index"],
-        "dsDialogClasses": [1, "ds-dialog-classes"],
-        "dsRole": [1, "ds-role"],
-        "transitionInProgress": [32],
-        "getDialog": [64]
-    }, undefined, {
-        "transitionInProgress": ["transitionInProgressObserver"],
-        "dsOpen": ["dsOpenObserver"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-backdrop"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-backdrop":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsBackdrop);
-            }
-            break;
-    } });
-}
-
-export { DsBackdrop as D, defineCustomElement as d };

package/dist/components/p-Cq_RwLX7.js

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
-import { c as cx } from './p-C34PGDVY.js';
-
-const dsVisuallyHiddenCss = ":host{position:absolute}.ds-visually-hidden__oSBnIJ{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
-
-const DsVisuallyHidden = proxyCustomElement(class DsVisuallyHidden extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    dsTag = 'div';
-    render() {
-        const baseClass = cx('ds-visually-hidden');
-        return (h(this.dsTag, { key: 'e83845eae07034ba20b3b44f54eff75900267e4a', class: baseClass }, h("slot", { key: 'bac1411dd3c209bd4828303fea0ee0f3f56b5837' })));
-    }
-    static get style() { return dsVisuallyHiddenCss; }
-}, [257, "ds-visually-hidden", {
-        "dsTag": [1, "ds-tag"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsVisuallyHidden);
-            }
-            break;
-    } });
-}
-
-export { DsVisuallyHidden as D, defineCustomElement as d };