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

package/dist/esm/ds-button.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, d as getElement, f as forceUpdate, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, d as getElement, f as forceUpdate, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
 
-const dsButtonCss = ".ds-no-style-leak.sc-ds-button *.sc-ds-button,.ds-button__1Vp5mb.sc-ds-button,.ds-button__1Vp5mb.sc-ds-button .sc-ds-button:where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak.sc-ds-button *.sc-ds-button{display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__1Vp5mb--full-width){width:100%}.ds-button__1Vp5mb.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center;cursor:default}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--supplementary) .ds-button__1Vp5mb__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__1Vp5mb--supplementary.sc-ds-button:has(.ds-button__1Vp5mb__spinner) .ds-button__1Vp5mb__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__1Vp5mb__icon.sc-ds-button{height:1.5rem}.ds-button__1Vp5mb.sc-ds-button:has(.ds-button__1Vp5mb__spinner):not(.ds-button__1Vp5mb--small) .ds-button__1Vp5mb__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__1Vp5mb__spinner.sc-ds-button{display:flex}.ds-button__1Vp5mb--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--small):not(.ds-button__1Vp5mb--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--small).ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--small).ds-button__1Vp5mb--icon-only{padding-left:0;padding-right:0}.ds-button__1Vp5mb--small.ds-button__1Vp5mb--icon-start.sc-ds-button,.ds-button__1Vp5mb--small.ds-button__1Vp5mb--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__1Vp5mb--small.sc-ds-button:not(.ds-button__1Vp5mb--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__1Vp5mb--small.ds-button__1Vp5mb--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__1Vp5mb--small.ds-button__1Vp5mb--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__1Vp5mb--small.sc-ds-button .ds-button__1Vp5mb__icon.sc-ds-button{height:auto}.ds-button__1Vp5mb--icon-start.sc-ds-button:not(.ds-button__1Vp5mb--small) .ds-button__1Vp5mb__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__1Vp5mb--icon-end.sc-ds-button:not(.ds-button__1Vp5mb--small) .ds-button__1Vp5mb__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger:active,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger.ds-button__1Vp5mb--disabled,.ds-button__1Vp5mb.sc-ds-button:not(.ds-button__1Vp5mb--in-input).ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--primary.ds-button__1Vp5mb--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--blue.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--secondary.ds-button__1Vp5mb--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--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__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger.sc-ds-button:active,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger.ds-button__1Vp5mb--disabled.sc-ds-button,.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.ds-button__1Vp5mb--supplementary.ds-button__1Vp5mb--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1Vp5mb.ds-button__1Vp5mb--in-input.sc-ds-button{width:auto;height:100%;aspect-ratio:1/1}";
+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 = class extends Mixin(ariaDeprecationFactory) {
@@ -45,6 +45,8 @@ const DsButton = class extends Mixin(ariaDeprecationFactory) {
     dsAriaPressed;
     dsAriaControls;
     dsAriaHaspopup;
+    dsAriaHidden = false;
+    dsTabIndex;
     dsHiddenAssistiveText;
     dsActive = false;
     dsInInput = false;
@@ -123,7 +125,9 @@ const DsButton = class extends Mixin(ariaDeprecationFactory) {
         }
     };
     handleBlur = () => {
-        this.isActive = false;
+        if (!this.dsActive) {
+            this.isActive = false;
+        }
     };
     getSpinnerColour = () => {
         if (this.dsVariant === 'primary') {
@@ -179,7 +183,7 @@ const DsButton = class extends Mixin(ariaDeprecationFactory) {
         }
         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), ...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))));
+        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();

package/dist/esm/ds-card.entry.js

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, d as getElement } from './index-CFKBuHGF.js';
+import { h, r as registerInstance, d as getElement } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BvTnwV5X.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BMdgqvM-.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
-import './store-DWYm2ny8.js';
+import './store-I792JNgf.js';
 
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__1Vp5mb.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__1Vp5mb--fluid-height.sc-ds-card{height:100%}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:hover .ds-card__1Vp5mb__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:hover .ds-card__1Vp5mb__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:hover .ds-card__1Vp5mb__link--heading.sc-ds-card{text-decoration:none}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:active .ds-card__1Vp5mb__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:active .ds-card__1Vp5mb__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:active .ds-card__1Vp5mb__link--heading.sc-ds-card{text-decoration:none}.ds-card__1Vp5mb.ds-card__1Vp5mb--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__1Vp5mb.sc-ds-card .ds-card__1Vp5mb__link--full.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__1Vp5mb--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__1Vp5mb--horizontal.sc-ds-card{display:grid;grid-template:\"image content\" auto \"image contentBottom\" auto/auto 1fr}.ds-card__1Vp5mb--horizontal.sc-ds-card .ds-card__1Vp5mb__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__1Vp5mb--horizontal.sc-ds-card .ds-card__1Vp5mb__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__1Vp5mb--horizontal.sc-ds-card .ds-card__1Vp5mb__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__1Vp5mb--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__1Vp5mb__image-container.sc-ds-card{display:none}.ds-card__1Vp5mb__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__1Vp5mb.sc-ds-card:not(.ds-card__1Vp5mb--vertical) .ds-card__1Vp5mb__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__1Vp5mb.sc-ds-card:not(.ds-card__1Vp5mb--horizontal) .ds-card__1Vp5mb__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__1Vp5mb--link--full.sc-ds-card .ds-card__1Vp5mb__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__1Vp5mb__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__1Vp5mb__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__1Vp5mb__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__1Vp5mb__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__1Vp5mb__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__1Vp5mb__content--bottom.sc-ds-card{order:4}.ds-card__1Vp5mb__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__1Vp5mb__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__1Vp5mb__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__1Vp5mb__heading.sc-ds-card .ds-card__1Vp5mb__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__1Vp5mb__heading.sc-ds-card .ds-card__1Vp5mb__link.sc-ds-card:not(.ds-card__1Vp5mb__link--full):hover,.ds-card__1Vp5mb__heading.sc-ds-card .ds-card__1Vp5mb__link.sc-ds-card:not(.ds-card__1Vp5mb__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__1Vp5mb__heading.sc-ds-card .ds-card__1Vp5mb__link--heading.sc-ds-card{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-card__1Vp5mb__heading.sc-ds-card .ds-card__1Vp5mb__link--heading.sc-ds-card: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-card__1Vp5mb__subtitle.sc-ds-card,.ds-card__1Vp5mb__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__1Vp5mb__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__1Vp5mb__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__1Vp5mb__slot-subtitle--hidden.sc-ds-card{display:none}";
+const dsCardCss = ".ds-heading-2xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-40);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing, -1.2px);font-stretch:var(--ds-fontWidth-condense);line-height:48px;text-transform:uppercase}@media (min-width: 60rem){.ds-heading-2xl.sc-ds-card{font-size:var(--ds-fontSize-56);letter-spacing:var(--ds-letterSpacing-tight);line-height:64px}}.ds-heading-xl--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xl.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px;font-stretch:var(--ds-fontWidth-condense);text-transform:none}@media (min-width: 60rem){.ds-heading-xl.sc-ds-card{font-size:var(--ds-fontSize-48);line-height:52px}}.ds-heading-lg--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-lg.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-lg.sc-ds-card{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}.ds-heading-md--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-md.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-md.sc-ds-card{font-size:var(--ds-fontSize-24);line-height:24px}}.ds-heading-sm--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-sm.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-sm.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-heading-xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:18px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-xs.sc-ds-card{font-size:var(--ds-fontSize-18);line-height:20px}}.ds-heading-2xs--hyphenated.sc-ds-card{hyphens:auto}.ds-heading-2xs.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:16px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-heading-2xs.sc-ds-card{font-size:var(--ds-fontSize-16);line-height:18px}}.sc-ds-card-h{display:block}.ds-card__oSBnIJ.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;min-height:var(--ds-spacing-layout-2xLarge, 8rem);position:relative}.ds-card__oSBnIJ--fluid-height.sc-ds-card{height:100%}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover .ds-card__oSBnIJ__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover .ds-card__oSBnIJ__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:hover .ds-card__oSBnIJ__link--heading.sc-ds-card{text-decoration:none}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active .ds-card__oSBnIJ__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active .ds-card__oSBnIJ__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:active .ds-card__oSBnIJ__link--heading.sc-ds-card{text-decoration:none}.ds-card__oSBnIJ.ds-card__oSBnIJ--link--full.sc-ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__oSBnIJ.sc-ds-card .ds-card__oSBnIJ__link--full.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__oSBnIJ--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__oSBnIJ--horizontal.sc-ds-card{display:grid;grid-template:\"image content\" auto \"image contentBottom\" auto/auto 1fr}.ds-card__oSBnIJ--horizontal.sc-ds-card .ds-card__oSBnIJ__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__oSBnIJ--horizontal.sc-ds-card .ds-card__oSBnIJ__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__oSBnIJ--horizontal.sc-ds-card .ds-card__oSBnIJ__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__oSBnIJ--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__oSBnIJ__image-container.sc-ds-card{display:none}.ds-card__oSBnIJ__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__oSBnIJ.sc-ds-card:not(.ds-card__oSBnIJ--vertical) .ds-card__oSBnIJ__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__oSBnIJ.sc-ds-card:not(.ds-card__oSBnIJ--horizontal) .ds-card__oSBnIJ__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__oSBnIJ--link--full.sc-ds-card .ds-card__oSBnIJ__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__oSBnIJ__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__oSBnIJ__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__oSBnIJ__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__oSBnIJ__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__oSBnIJ__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__oSBnIJ__content--bottom.sc-ds-card{order:4}.ds-card__oSBnIJ__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__oSBnIJ__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__oSBnIJ__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__oSBnIJ__heading.sc-ds-card{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-normal);line-height:20px;font-stretch:var(--ds-fontWidth-normal);text-transform:none}@media (min-width: 60rem){.ds-card__oSBnIJ__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__oSBnIJ__heading.sc-ds-card{align-items:center;display:flex;margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link.sc-ds-card:not(.ds-card__oSBnIJ__link--full):hover,.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link.sc-ds-card:not(.ds-card__oSBnIJ__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link--heading.sc-ds-card{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-card__oSBnIJ__heading.sc-ds-card .ds-card__oSBnIJ__link--heading.sc-ds-card: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-card__oSBnIJ__subtitle.sc-ds-card,.ds-card__oSBnIJ__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__oSBnIJ__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3;max-width:var(--ds-card-description-max-width, none)}.ds-card__oSBnIJ__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__oSBnIJ__slot-subtitle--hidden.sc-ds-card{display:none}";
 
 const cardIdGenerator = idGenerator('ds-card');
 const DsCard = class {
@@ -24,6 +24,7 @@ const DsCard = class {
     dsHeadingLevel = 3;
     dsDescription;
     dsDescriptionClamp;
+    dsDescriptionMaxWidth = 'none';
     dsUrl;
     dsUrlTarget = '_self';
     dsEyebrow;
@@ -107,17 +108,17 @@ const DsCard = class {
         const DsIcon = transformTagName('ds-icon', 'ds-card', this.el);
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (h("article", { key: '6e105c3147677c7158dce6ab020730c2f87d3203', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, h("div", { key: '76d87c496eac2bb73f7c146171ffcb2f40ef62d8', class: `${baseClass}__content` }, h("div", { key: '96ee9ddb83eded69decb0e1a60b6274f9ecffe90', class: {
+        return (h("article", { key: 'fee8177c357699a41290cae6abf5e652b65f6508', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, h("div", { key: 'c46d9c2bcceae090bf91f54367fe9bf394921002', class: `${baseClass}__content` }, h("div", { key: 'bf0740ced2cb6445fb304d2151d04966e8b70056', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, h("div", { key: '66c9401cc8e65a7dfa032b1334927167a55f6a52', class: `${baseClass}__heading-container` }, this.dsHeading && this.dsUrl && this.dsLinkType !== 'none' ? (h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, h("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && h(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (h(HeadingTag, { class: `${baseClass}__heading` }, h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && h("span", { key: '6ce59ec76be8526cb6c0e5a4a2630e5a872ae8d9', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && h("div", { key: 'cb21c5165bf3563ff58781b755e4b5e437d38c10', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && h("div", { key: '09119cdf4c656bdd0a44fcb581a37f1d3f348393', class: `${baseClass}__subtitle` }, this.dsSubtitle), h("div", { key: '41205d3a0c4131eacf3b8c0fbc5fc92b3712d7af', class: classNames(`${baseClass}__slot-subtitle`, {
+            } }, h("div", { key: '1f9a184f8b8cef3baa4f9ff0a579b68a19ba5550', class: `${baseClass}__heading-container` }, this.dsHeading && this.dsUrl && this.dsLinkType !== 'none' ? (h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, h("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && h(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (h(HeadingTag, { class: `${baseClass}__heading` }, h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && h("span", { key: 'f81019f78a2d456e8f8cd38eed046a2121982ead', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && h("div", { key: '253719d48dc9e22ae01bbb09f70b00175634c2c9', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && h("div", { key: 'd8f4c0f25be25a0d76e8223dc44e68c895d78737', class: `${baseClass}__subtitle` }, this.dsSubtitle), h("div", { key: 'bb6490c669574c12237d84ed17976253f12b7b93', class: classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, h("slot", { key: '37c6b9bf269e28cd881407f8067ec4afdb167fb7', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && h(DsIcon, { key: '985f58788cdf88f6b936d625b16ee87d83337e0a', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && h("p", { key: 'a366ceaf28b325702b98a2d95077fe756fa57802', class: `${baseClass}__description` }, this.dsDescription)), h("div", { key: 'ff6858f9168824589cc8eabca58af5bb02286d60', class: classNames(`${baseClass}__content--bottom`, {
+            }) }, h("slot", { key: '30d5be3ecfeb141782c58446f61f358522250ed7', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && h(DsIcon, { key: 'ce02738b9a3e3f0b3a03e2a9cf290eb36226fa6c', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && (h("p", { key: '6771bf6000b9bacb253420a5513db3fe30ccc1e7', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("div", { key: '9d2c7ccef338986f77d6b83958deda9e7f914035', class: classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, h("div", { key: 'fcf697c13d7c23c7930fb6f9d9dd64dd96f7722e', class: `${baseClass}__slot--content` }, h("slot", { key: '3e2acb4019949fc90f9f6bbda6d829e9b228d2d2', name: "content" })), h("div", { key: '5abd52bb62c8fe4b6b2cf10f849c667dd8df76cf', class: `${baseClass}__slot--footer` }, h("slot", { key: '5248569735398164a6ad2225bdfe2dac361e6054', name: "footer" }))), h("div", { key: 'd3a6ef89385a9c6ec491e6ed2fac338a05715d9f', class: {
+            }) }, h("div", { key: '72db5679fb7e54a6363000cd039010f358021eda', class: `${baseClass}__slot--content` }, h("slot", { key: '92229eaecc394122ebbbc685e53b0403ed768f11', name: "content" })), h("div", { key: '65fc5b3441dac2c8fd65cd233abceb8041d8bec0', class: `${baseClass}__slot--footer` }, h("slot", { key: '86143c066f2b14a59c6a2c76235eabe3021a6fea', name: "footer" }))), h("div", { key: '2617de940ba9a9c6f839f6fdf014025c55401721', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, h("slot", { key: 'f7f1312e89ab36c7f6546ba6b840eb23d571fe17', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, h("slot", { key: '9257a3af2b8ba1a801a9730d458078b914761cd8', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
 };
 declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-visually-hidden", null)]);

package/dist/esm/ds-checkbox-group.entry.js

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, F as Fragment } from './index-CFKBuHGF.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, F as Fragment } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { g as getRequiredText, a as getOptionalText, b as atLeastOneOption, c as allOptions } from './controlUtils-D6BTuvLI.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import './store-DWYm2ny8.js';
+import { g as getRequiredText, a as getOptionalText, b as atLeastOneOption, c as allOptions } from './controlUtils-DOb1adhF.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import './store-I792JNgf.js';
 
-const dsCheckboxGroupCss = ".ds-checkbox-group__1Vp5mb{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__1Vp5mb__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__1Vp5mb__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__1Vp5mb__error{display:flex}.ds-checkbox-group__1Vp5mb__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__1Vp5mb>.ds-checkbox-group__1Vp5mb__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__1Vp5mb--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__1Vp5mb--horizontal>.ds-checkbox-group__1Vp5mb__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+const dsCheckboxGroupCss = ".ds-checkbox-group__oSBnIJ{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__oSBnIJ__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__oSBnIJ__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__oSBnIJ__error{display:flex}.ds-checkbox-group__oSBnIJ__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__oSBnIJ>.ds-checkbox-group__oSBnIJ__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__oSBnIJ--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__oSBnIJ--horizontal>.ds-checkbox-group__oSBnIJ__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
 
 const fieldsetIdGenerator = idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {
@@ -307,7 +307,7 @@ const DsCheckboxGroup = class {
         const checkboxesClasses = classNames(`${baseClass}__checkboxes`);
         const DsCheckbox = transformTagName('ds-checkbox', 'ds-checkbox-group', this.el);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-checkbox-group', this.el);
-        return (h("fieldset", { key: '6ba6b8548e3d6e3f91b1310c5c69d385073bd509', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (h("legend", { key: '1256f55d3a1eb7d18f3992cd25c8659cd96eeb77', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (h("small", { key: '1ee9c34be040ed05fa51306cc307b7599d9df91d', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (h(Fragment, null, h(DsCheckbox, { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate, dsErrorText: this.dsErrorText, dsErrorsDisabled: true }), h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, h("slot", null)))) : (h("div", { class: checkboxesClasses }, h("slot", null))), !!this.dsErrorText && (h("div", { key: '90bdad9d1cb4d57bc2c22b4d214c82f5a0480c44', class: errorClasses }, h(DsInputValidity, { key: '8e63def8cd2563e6cd5c978eee627a4cee9fab9d', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
+        return (h("fieldset", { key: '97c33f7bfa88e2f5e65ec4b2e1acf3eae38735a5', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (h("legend", { key: '30fede2edca715e8c0f7be36e2f2b96818f668d1', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (h("small", { key: '28a6a32ccef64f5032cc5db8cad62e43695bed85', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (h(Fragment, null, h(DsCheckbox, { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate, dsErrorText: this.dsErrorText, dsErrorsDisabled: true }), h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, h("slot", null)))) : (h("div", { class: checkboxesClasses }, h("slot", null))), !!this.dsErrorText && (h("div", { key: 'd8b664aed2374d434160f2434e3ad7e6075361eb', class: errorClasses }, h(DsInputValidity, { key: '2a6aa333b8c99be0034866eccdc2520df08fe1b7', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/esm/ds-checkbox.entry.js

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getRequiredText, a as getOptionalText, v as validityMessage } from './controlUtils-D6BTuvLI.js';
+import { g as getRequiredText, a as getOptionalText, v as validityMessage } from './controlUtils-DOb1adhF.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import './store-DWYm2ny8.js';
+import './store-I792JNgf.js';
 
-const dsCheckboxCss = ".ds-checkbox__1Vp5mb-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__1Vp5mb-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__1Vp5mb-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__1Vp5mb.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:hover,.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__1Vp5mb__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):checked,.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):checked:hover,.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):checked:active,.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):checked:disabled,.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:not(.ds-checkbox__1Vp5mb__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__1Vp5mb__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__1Vp5mb--no-margin.sc-ds-checkbox .ds-checkbox__1Vp5mb__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__1Vp5mb--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__1Vp5mb__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__1Vp5mb.sc-ds-checkbox:has(.ds-checkbox__1Vp5mb__input:disabled){cursor:not-allowed}.ds-checkbox__1Vp5mb-error.sc-ds-checkbox{display:flex}.ds-checkbox__1Vp5mb-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
+const dsCheckboxCss = ".ds-checkbox__oSBnIJ-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__oSBnIJ-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oSBnIJ-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oSBnIJ.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:hover,.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__oSBnIJ__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):checked,.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):checked:hover,.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):checked:active,.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):checked:disabled,.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:not(.ds-checkbox__oSBnIJ__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__oSBnIJ__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__oSBnIJ--no-margin.sc-ds-checkbox .ds-checkbox__oSBnIJ__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__oSBnIJ--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__oSBnIJ__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__oSBnIJ.sc-ds-checkbox:has(.ds-checkbox__oSBnIJ__input:disabled){cursor:not-allowed}.ds-checkbox__oSBnIJ-error.sc-ds-checkbox{display:flex}.ds-checkbox__oSBnIJ-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
 
 const checkboxIdGenerator = idGenerator('ds-checkbox');
 const DsCheckbox = class extends Mixin(ariaDeprecationFactory, disableEventsFactory) {

package/dist/esm/ds-chip-group.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-B4ZCBfpo.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { i as itemsShortage, d as itemsOverage } from './controlUtils-D6BTuvLI.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
-import './store-DWYm2ny8.js';
+import { i as itemsShortage, d as itemsOverage } from './controlUtils-DOb1adhF.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
+import './store-I792JNgf.js';
 
-const dsChipGroupCss = ".ds-chip-group__1Vp5mb__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
+const dsChipGroupCss = ".ds-chip-group__oSBnIJ__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
 
 const chipGroupIdGenerator = idGenerator('ds-chip-group');
 const DsChipGroup = class extends Mixin(ariaDeprecationFactory) {
@@ -162,7 +162,7 @@ const DsChipGroup = class extends Mixin(ariaDeprecationFactory) {
         const ariaDescribedBy = this.dsAriaDescribedby || attrAriaDescribedBy || [!!this.dsAssistiveText && assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
         const errorTextId = `${this.dsId}-error-text`;
-        return (h("div", { key: 'e9dd72a285559dcb33fa9f8ddcdbbc5d48fdc2e8', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), ...ifDefined('aria-describedby', ariaDescribedBy), ...ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, h(this.DsGroupLabel, { key: 'eac361e4327c233c20f437d77104dffbc8d36386', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, h("slot", { key: '8a2f488a74d3eb1d2001d40556f872dfa3619a1a', name: "label" }), h("slot", { key: '893129dcc1743de6f1bb055a189d45138ee08d7e', name: "assistiveText" })), h("div", { key: '027deb6e86ed2cd888397991f23e1def1c994d09', role: "list", class: `${baseClass}__chips` }, h("slot", { key: 'da2dcdb375e6d75bd0780c62a1bca76b8a8edef6' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), !!this.dsErrorText && h(this.DsInputValidity, { key: 'e2c584f02eac10ce82bc7b1c15052c5012d1def9', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
+        return (h("div", { key: '33eb366e2d70716997ffd5b119818a7be52db5af', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', this.dsAriaLabelledby), ...ifDefined('aria-describedby', ariaDescribedBy), ...ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, h(this.DsGroupLabel, { key: '917e6f249b06f09a8083ae76685bf1f7371e4d74', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, h("slot", { key: 'c4c04b11a8deb40a6db522359dcd7e29742b5d37', name: "label" }), h("slot", { key: 'b3b0d16ebf31f21fece76a3fbdf4caa5ff3fc855', name: "assistiveText" })), h("div", { key: '60c9a3553793e6b04458fbc1783a6e9a90c6c15b', role: "list", class: `${baseClass}__chips` }, h("slot", { key: '11441ab72ee4fabec90844ae693621cffeba8ac0' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), !!this.dsErrorText && h(this.DsInputValidity, { key: '6a0767d0c03d129b3e9a6b2dbd8b2d44f869fc90', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/ds-chip.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-CFKBuHGF.js';
-import { r as removeSelection } from './controlUtils-D6BTuvLI.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-B4ZCBfpo.js';
+import { r as removeSelection } from './controlUtils-DOb1adhF.js';
 import { i as idGenerator, t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
-import './store-DWYm2ny8.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
+import './store-I792JNgf.js';
 
-const dsChipCss = ".ds-chip__1Vp5mb:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__1Vp5mb{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__1Vp5mb:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__1Vp5mb:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__1Vp5mb__text{padding:0 var(--ds-spacing-3xSmall)}";
+const dsChipCss = ".ds-chip__oSBnIJ:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-chip__oSBnIJ{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__oSBnIJ:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__oSBnIJ:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__oSBnIJ__text{padding:0 var(--ds-spacing-3xSmall)}";
 
 const chipIdGenerator = idGenerator('ds-chip');
 const DsChip = class extends Mixin(ariaDeprecationFactory) {
@@ -76,7 +76,7 @@ const DsChip = class extends Mixin(ariaDeprecationFactory) {
         const ariaLabel = this.dsAriaLabel ?? this.inheritedAttributes['aria-label'];
         const Elem = resolvedRole ? 'div' : Fragment;
         const restAttributes = omit(this.inheritedAttributes, ['role', 'aria-label']);
-        return (h(Elem, { key: 'bc95b1c90077b8877be813414722c94ffc3e3894', role: resolvedRole }, h("button", { key: 'cd719e321e21b7286bfdbe785efc0d4cd170fa31', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, "aria-label": ariaLabel, ...restAttributes }, h("slot", { key: '4cfe8fddded972175cde63b1c894ad840adb1c02', name: "prefix" }, this.dsIcon && h(DsIcon, { key: '3284f346152098ead4c9c80fbebbca8cbb83e2b5', dsName: this.dsIcon, dsSize: "1rem" })), h("span", { key: 'fe6691ca5c114a60862face6bda7d8a48c527365', class: `${baseClass}__text` }, h("slot", { key: '1ca4e7c085635d5e38d88e803d5e13b7afc2e64a' }, this.dsText), h(DsVisuallyHidden, { key: '7dd2f06afa496041d81b531dbdca8601f22ef313', dsTag: "span" }, ", ", removeSelection())), h(DsIcon, { key: 'f8ef7a4cc84a10e8cbf1b095a5265baef89a957f', dsName: "close", dsSize: "1rem" }))));
+        return (h(Elem, { key: '371f7c04673f8502f88233737ca85171656fdcc0', role: resolvedRole }, h("button", { key: '8b49be3de497f1c0aff0b7bd2fe68f72d44aab3d', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, "aria-label": ariaLabel, ...restAttributes }, h("slot", { key: '1ed5ff4cba08a042fbaedb52f3e92a26f9101f92', name: "prefix" }, this.dsIcon && h(DsIcon, { key: 'e1605059499255cd7aa3c9d846353b8608bcefc4', dsName: this.dsIcon, dsSize: "1rem" })), h("span", { key: '3a3798b0824da46103ba0cba455dd2c5393addcd', class: `${baseClass}__text` }, h("slot", { key: 'ffaf74d9bbb17c882be1941de517b90db4ab29c5' }, this.dsText), h(DsVisuallyHidden, { key: 'a2833c2b0fdd05adfb78185f4f378b67b7d061e1', dsTag: "span" }, ", ", removeSelection())), h(DsIcon, { key: '9588bb2ebcf2a28cdbaa4126c0a88401fb18ad05', dsName: "close", dsSize: "1rem" }))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],