npm - @uh-design-system/component-library - Versions diffs - 1.5.0 → 1.5.1 - Mend

@uh-design-system/component-library 1.5.0 → 1.5.1

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

Files changed (2041) hide show

package/dist/cjs/ds-button.cjs.entry.js CHANGED Viewed

@@ -1,14 +1,15 @@
 'use strict';
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-D6M-AWTV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Bz5Mpvyi.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
+var cx = require('./cx-Cz3_rrTb.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
+var componentFactory = require('./componentFactory-CZKUWyB_.js');
+require('./store-ChbNbns4.js');
-const dsButtonCss = () => `.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button-h{display:inline-block}.sc-ds-button-h:has(.ds-button__GqWYnG--full-width){width:100%}.ds-button__GqWYnG.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__GqWYnG__value[hidden].sc-ds-button{display:none}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--supplementary) .ds-button__GqWYnG__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG--supplementary.sc-ds-button:has(.ds-button__GqWYnG__spinner) .ds-button__GqWYnG__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG__icon.sc-ds-button{height:1.5rem}.ds-button__GqWYnG.sc-ds-button:has(.ds-button__GqWYnG__spinner):not(.ds-button__GqWYnG--small) .ds-button__GqWYnG__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG__spinner.sc-ds-button{display:flex}.ds-button__GqWYnG--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--small):not(.ds-button__GqWYnG--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--small).ds-button__GqWYnG--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--small).ds-button__GqWYnG--icon-only{padding-left:0;padding-right:0}.ds-button__GqWYnG--small.ds-button__GqWYnG--icon-start.sc-ds-button,.ds-button__GqWYnG--small.ds-button__GqWYnG--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG--small.sc-ds-button:not(.ds-button__GqWYnG--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:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__GqWYnG--small.ds-button__GqWYnG--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:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__GqWYnG--small.ds-button__GqWYnG--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__GqWYnG--small.sc-ds-button .ds-button__GqWYnG__icon.sc-ds-button{height:auto}.ds-button__GqWYnG--icon-start.sc-ds-button:not(.ds-button__GqWYnG--small) .ds-button__GqWYnG__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG--icon-end.sc-ds-button:not(.ds-button__GqWYnG--small) .ds-button__GqWYnG__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--primary.ds-button__GqWYnG--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:active,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled,.ds-button__GqWYnG.sc-ds-button:not(.ds-button__GqWYnG--in-input).ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--primary.ds-button__GqWYnG--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--secondary.ds-button__GqWYnG--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--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__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:active,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.ds-button__GqWYnG--disabled.sc-ds-button,.ds-button__GqWYnG.ds-button__GqWYnG--in-input.ds-button__GqWYnG--supplementary.ds-button__GqWYnG--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__GqWYnG.ds-button__GqWYnG--in-input.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);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__bQiYWO--full-width){width:100%}.ds-button__bQiYWO.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__bQiYWO__value[hidden].sc-ds-button{display:none}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--supplementary) .ds-button__bQiYWO__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO--supplementary.sc-ds-button:has(.ds-button__bQiYWO__spinner) .ds-button__bQiYWO__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO__icon.sc-ds-button{height:1.5rem}.ds-button__bQiYWO.sc-ds-button:has(.ds-button__bQiYWO__spinner):not(.ds-button__bQiYWO--small) .ds-button__bQiYWO__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO__spinner.sc-ds-button{display:flex}.ds-button__bQiYWO--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--small):not(.ds-button__bQiYWO--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--small).ds-button__bQiYWO--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:var(--ds-button-min-height, 2.75rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--small).ds-button__bQiYWO--icon-only{padding-left:0;padding-right:0}.ds-button__bQiYWO--small.ds-button__bQiYWO--icon-start.sc-ds-button,.ds-button__bQiYWO--small.ds-button__bQiYWO--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO--small.sc-ds-button:not(.ds-button__bQiYWO--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:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__bQiYWO--small.ds-button__bQiYWO--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:var(--ds-button-min-height, 2rem);min-width:var(--ds-button-min-width, auto);padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__bQiYWO--small.ds-button__bQiYWO--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__bQiYWO--small.sc-ds-button .ds-button__bQiYWO__icon.sc-ds-button{height:auto}.ds-button__bQiYWO--icon-start.sc-ds-button:not(.ds-button__bQiYWO--small) .ds-button__bQiYWO__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO--icon-end.sc-ds-button:not(.ds-button__bQiYWO--small) .ds-button__bQiYWO__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue--active{background-color:var(--ds-bgColor-primary-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--blue:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black--active{background-color:var(--ds-bgColor-black-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--black:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white--active{background-color:var(--ds-bgColor-white-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--white:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger--active{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--primary.ds-button__bQiYWO--danger:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--black:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--white:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue--active{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black--active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white--active{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:active,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger--active{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled,.ds-button__bQiYWO.sc-ds-button:not(.ds-button__bQiYWO--in-input).ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--primary.ds-button__bQiYWO--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--secondary.ds-button__bQiYWO--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--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__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:active,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.ds-button__bQiYWO--disabled.sc-ds-button,.ds-button__bQiYWO.ds-button__bQiYWO--in-input.ds-button__bQiYWO--supplementary.ds-button__bQiYWO--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__bQiYWO.ds-button__bQiYWO--in-input.sc-ds-button{--ds-button-min-height:var(--ds-spacing-xLarge);width:auto;height:100%;aspect-ratio:1/1}`;
 const DsButton = class extends index.Mixin(componentFactory.componentFactory('ds-button'), ariaDeprecationFactory.ariaDeprecationFactory) {
     constructor(hostRef) {

package/dist/cjs/ds-card.cjs.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
 'use strict';
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-D6M-AWTV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DMgbvnde.js');
-var linkUtils = require('./linkUtils-B2PIFB2p.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var linkUtils = require('./linkUtils-BfiUAg0m.js');
+var cx = require('./cx-Cz3_rrTb.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var componentFactory = require('./componentFactory-CZKUWyB_.js');
+require('./store-ChbNbns4.js');
-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__GqWYnG.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__GqWYnG--fluid-height.sc-ds-card{height:100%}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:hover .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__GqWYnG.ds-card__GqWYnG--link--full.sc-ds-card:active .ds-card__GqWYnG__link--heading.sc-ds-card{text-decoration:none}.ds-card__GqWYnG.ds-card__GqWYnG--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__GqWYnG.sc-ds-card .ds-card__GqWYnG__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__GqWYnG--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__GqWYnG--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__GqWYnG--horizontal.sc-ds-card .ds-card__GqWYnG__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__GqWYnG--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__GqWYnG__image-container.sc-ds-card{display:none}.ds-card__GqWYnG__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__GqWYnG.sc-ds-card:not(.ds-card__GqWYnG--vertical) .ds-card__GqWYnG__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__GqWYnG.sc-ds-card:not(.ds-card__GqWYnG--horizontal) .ds-card__GqWYnG__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__GqWYnG--link--full.sc-ds-card .ds-card__GqWYnG__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__GqWYnG__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__GqWYnG__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__GqWYnG__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__GqWYnG__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__GqWYnG__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__GqWYnG__content--bottom.sc-ds-card{order:4}.ds-card__GqWYnG__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__GqWYnG__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__GqWYnG__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__GqWYnG__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__GqWYnG__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__GqWYnG__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__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card:not(.ds-card__GqWYnG__link--full):hover,.ds-card__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__link.sc-ds-card:not(.ds-card__GqWYnG__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__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__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__GqWYnG__heading.sc-ds-card .ds-card__GqWYnG__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__GqWYnG__subtitle.sc-ds-card,.ds-card__GqWYnG__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__GqWYnG__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__GqWYnG__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__GqWYnG__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__bQiYWO.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__bQiYWO--fluid-height.sc-ds-card{height:100%}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover .ds-card__bQiYWO__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover .ds-card__bQiYWO__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:hover .ds-card__bQiYWO__link--heading.sc-ds-card{text-decoration:none}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active .ds-card__bQiYWO__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active .ds-card__bQiYWO__image-container--has-image.sc-ds-card::after{content:"";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__bQiYWO.ds-card__bQiYWO--link--full.sc-ds-card:active .ds-card__bQiYWO__link--heading.sc-ds-card{text-decoration:none}.ds-card__bQiYWO.ds-card__bQiYWO--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__bQiYWO.sc-ds-card .ds-card__bQiYWO__link--full.sc-ds-card:after{content:"";position:absolute;inset:0}.ds-card__bQiYWO--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__bQiYWO--horizontal.sc-ds-card{display:grid;grid-template:"image content" auto "image contentBottom" auto/auto 1fr}.ds-card__bQiYWO--horizontal.sc-ds-card .ds-card__bQiYWO__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__bQiYWO--horizontal.sc-ds-card .ds-card__bQiYWO__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__bQiYWO--horizontal.sc-ds-card .ds-card__bQiYWO__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__bQiYWO--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__bQiYWO__image-container.sc-ds-card{display:none}.ds-card__bQiYWO__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__bQiYWO.sc-ds-card:not(.ds-card__bQiYWO--vertical) .ds-card__bQiYWO__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__bQiYWO.sc-ds-card:not(.ds-card__bQiYWO--horizontal) .ds-card__bQiYWO__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__bQiYWO--link--full.sc-ds-card .ds-card__bQiYWO__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__bQiYWO__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__bQiYWO__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__bQiYWO__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__bQiYWO__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__bQiYWO__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__bQiYWO__content--bottom.sc-ds-card{order:4}.ds-card__bQiYWO__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__bQiYWO__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__bQiYWO__heading--hyphenated.sc-ds-card{hyphens:auto}.ds-card__bQiYWO__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__bQiYWO__heading.sc-ds-card{font-size:var(--ds-fontSize-20);line-height:24px}}.ds-card__bQiYWO__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__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link.sc-ds-card:not(.ds-card__bQiYWO__link--full):hover,.ds-card__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__link.sc-ds-card:not(.ds-card__bQiYWO__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__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__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__bQiYWO__heading.sc-ds-card .ds-card__bQiYWO__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__bQiYWO__subtitle.sc-ds-card,.ds-card__bQiYWO__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__bQiYWO__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__bQiYWO__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__bQiYWO__slot-subtitle--hidden.sc-ds-card{display:none}`;
-const DsCard = class extends index.Mixin(componentFactory.componentFactory('ds-card')) {
+const DsCard = class extends index.Mixin(componentFactory.componentFactory('ds-card', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
@@ -112,17 +112,17 @@ const DsCard = class extends index.Mixin(componentFactory.componentFactory('ds-c
         const DsIcon = utils.transformTagName('ds-icon', 'ds-card', this.el);
         const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (index.h("article", { key: '2d1791ded132fe0555b0da15fd65dd80852e3b6f', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: 'e5e0c69a95b9ae7ffe13947b05281228ce621f23', class: `${baseClass}__content` }, index.h("div", { key: '3f852d0e6a15f3cd06851ff93735555fe62a83be', class: {
+        return (index.h("article", { key: '41808a70da575e82d6d2cf5e621bac6e40bfabec', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: '35b37eb71503a2f60b5cb4f833bdb9a2e2c85ade', class: `${baseClass}__content` }, index.h("div", { key: 'f7e01ade3faf680d832be025e099e427cec32618', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, index.h("div", { key: '82d318b9df697613d65ec7fbcb97979697539d8c', class: `${baseClass}__heading-container` }, this.dsUrl && this.dsLinkType !== 'none' ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, index.h("slot", { name: "heading" }, this.dsHeading), linkUtils.opensInNewTab(this.dsUrlTarget) && index.h(DsVisuallyHidden, { dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText())))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && index.h("span", { key: 'b3c42ce29e5bac045d61b6e5928de4e750e5b7c9', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && index.h("div", { key: '0953630b76867f8d1192c3bec394de66de222b52', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'e01ac46bfd6023d67a629b3f60560c4cc1f0e86c', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: '10fa359e507bb3f3414fce207ab6886883190fc2', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
+            } }, index.h("div", { key: 'f94f79d954063e786aca429d1bb761279d40f77c', class: `${baseClass}__heading-container` }, this.dsUrl && this.dsLinkType !== 'none' ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, index.h("slot", { name: "heading" }, this.dsHeading), linkUtils.opensInNewTab(this.dsUrlTarget) && index.h(DsVisuallyHidden, { dsTag: "span" }, linkUtils.visuallyHiddenAssistiveText())))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && index.h("span", { key: '03ef028e21b997ed1b756a26295085323b8152d8', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && index.h("div", { key: '870aa4582ec543207beed525c64223d5c50c1097', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'e428ded7a56924682d7867a738e15779cf1a20d0', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: '33b11717c4d26687f8b6178a28f706666233f6bf', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, index.h("slot", { key: '6acc8c509822e413ac1471f6cd8d51a7231898a8', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && index.h(DsIcon, { key: '843b9fab2fe7b9d216134d9405f68c941c60ad09', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && (index.h("p", { key: 'ea6fb67e2dfe971bcfda82406bc3d7d51026ad39', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), index.h("div", { key: '4014a8121fe0a2aeab83a4ec1a7b6cc581a7b4bb', class: index$1.classNames(`${baseClass}__content--bottom`, {
+            }) }, index.h("slot", { key: '4997e6d29fe4c4e3d4f9220757203114fdff6d31', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && index.h(DsIcon, { key: '673726a3f75490df90c6410428c809ac24462c40', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && (index.h("p", { key: '8b908426f69a535ffa113853b4fdfece2d4c7be5', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), index.h("div", { key: 'a6e7ebfd7575619c583517b18071de70a929388e', class: index$1.classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, index.h("div", { key: 'f8ec649a229fa8f9e7ff79f3bff55d4b3a927d24', class: `${baseClass}__slot--content` }, index.h("slot", { key: '96c2d0fe15945e3361940c876d364caf08c0a400', name: "content" })), index.h("div", { key: '96b5fc73d537f06f5dc26a4272adb5e7a5e4bf86', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '58792731bfcf10898b016ac0955e5e06b0e21838', name: "footer" }))), index.h("div", { key: 'c94713daa390c7cd69c5043a02bea796623c2a1a', class: {
+            }) }, index.h("div", { key: '1a6af379a126ad7564afcd2360d0c5cf62853e84', class: `${baseClass}__slot--content` }, index.h("slot", { key: '354017007608d822f6511992f122e78b985d3423', name: "content" })), index.h("div", { key: '10682ef015f1210658ae2aa9b0715bac5489afe4', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '27e46551edb8cdf9d0bcc457f0edf4f6d30d3845', name: "footer" }))), index.h("div", { key: 'ba818d77d4caa8f8d0eb18ee396d265df9034ace', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, index.h("slot", { key: '6c9b6abc479e96825bba2aec084c3d0edb36bd3d', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, index.h("slot", { key: 'bd8f1d052e1ac6c23aa1069fcfff4a4ff4cc2d7e', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" }), index.h("ds-visually-hidden", null)]);

package/dist/cjs/ds-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
 'use strict';
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-D6M-AWTV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var utils = require('./utils-DMgbvnde.js');
-var controlUtils = require('./controlUtils-CcUudA6Q.js');
-var cx = require('./cx-Bz5Mpvyi.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var controlUtils = require('./controlUtils-CoQTII1L.js');
+var cx = require('./cx-Cz3_rrTb.js');
+var componentFactory = require('./componentFactory-CZKUWyB_.js');
+require('./store-ChbNbns4.js');
-const dsCheckboxGroupCss = () => `.ds-checkbox-group__GqWYnG.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__GqWYnG__legend.sc-ds-checkbox-group{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__GqWYnG__assistive-text.sc-ds-checkbox-group{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__GqWYnG__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__GqWYnG__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__GqWYnG.sc-ds-checkbox-group>.ds-checkbox-group__GqWYnG__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__GqWYnG--inset.sc-ds-checkbox-group{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__GqWYnG--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__GqWYnG__checkboxes.sc-ds-checkbox-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}`;
+const dsCheckboxGroupCss = () => `.ds-checkbox-group__bQiYWO.sc-ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__bQiYWO__legend.sc-ds-checkbox-group{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__bQiYWO__assistive-text.sc-ds-checkbox-group{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__bQiYWO__error.sc-ds-checkbox-group{display:flex}.ds-checkbox-group__bQiYWO__error--visible.sc-ds-checkbox-group{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__bQiYWO.sc-ds-checkbox-group>.ds-checkbox-group__bQiYWO__checkboxes.sc-ds-checkbox-group{display:inline-flex;flex-direction:column}.ds-checkbox-group__bQiYWO--inset.sc-ds-checkbox-group{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__bQiYWO--horizontal.sc-ds-checkbox-group>.ds-checkbox-group__bQiYWO__checkboxes.sc-ds-checkbox-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}`;
-const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFactory('ds-checkbox-group')) {
+const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFactory('ds-checkbox-group', { stopRootTracking: true })) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
@@ -158,7 +158,7 @@ const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFact
     dsNameObserver(newValue) {
         this.dsCheckboxGroupNameChange.emit(newValue);
     }
-    listenIndeterminateChildChange(event) {
+    handleDsCheckboxGroupIndeterminateChildChange(event) {
         this.indeterminateChildCheckboxCount = event.detail.indeterminate ? this.indeterminateChildCheckboxCount + 1 : this.indeterminateChildCheckboxCount - 1;
     }
     childElementsCountObserver(newValue, oldValue) {
@@ -191,7 +191,7 @@ const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFact
     updateCheckedChildElementCount = (checked) => {
         this.checkedChildElementCount += checked ? 1 : -1;
     };
-    listenCheckboxChange(event) {
+    handleInput(event) {
         if (this.checkboxElem && event.composedPath().includes(this.checkboxElem)) {
             this.checkedChildElementCount = this.checkboxElem.dsChecked ? this.childElementsCount : 0;
             this.updateChildElementsChecked(this.checkboxElem.dsChecked);
@@ -211,7 +211,7 @@ const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFact
             }
         }
     }
-    listenCheckboxGroupChange(event) {
+    handleDsCheckboxGroupChange(event) {
         if (this.getChildElements().includes(event.target)) {
             event.stopPropagation();
             this.updateCheckedChildElementCount(event.detail.checked);
@@ -226,10 +226,10 @@ const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFact
             });
         }
     }
-    listenFocus(e) {
+    handleDsFocus(e) {
         this.focusedChildCheckbox = e.detail;
     }
-    listenBlur(e) {
+    handleDsBlur(e) {
         this.childBlurTimeout = setTimeout(() => {
             if (e.detail === this.focusedChildCheckbox) {
                 this.focusedChildCheckbox = undefined;
@@ -313,7 +313,7 @@ const DsCheckboxGroup = class extends index.Mixin(componentFactory.componentFact
         const checkboxesClasses = index$1.classNames(`${baseClass}__checkboxes`);
         const DsCheckbox = utils.transformTagName('ds-checkbox', 'ds-checkbox-group', this.el);
         const DsInputValidity = utils.transformTagName('ds-input-validity', 'ds-checkbox-group', this.el);
-        return (index.h("fieldset", { key: '9f1362636f810e0859f32c6db67b44bb2120e58c', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (index.h("legend", { key: 'ea7ddbdf71331dcfbc0f2347868c2204d2293643', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (index.h("small", { key: '12f225cea1c9a4060dc70cdfb51ad88a531b98ae', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (index.h(index.Fragment, null, index.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 }), index.h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, index.h("slot", null)))) : (index.h("div", { class: checkboxesClasses }, index.h("slot", null))), index.h("div", { key: '36759bb74a473fad8715ee9d09b28e806e79874b', class: errorClasses }, index.h(DsInputValidity, { key: '4b141627fdf10a009f29cf6e3c585e7035a5a87e', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }))));
+        return (index.h("fieldset", { key: '2b31f0afbe3f018200b982bd6900e8900cdcbbd3', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (index.h("legend", { key: '22c782f28d747ff0472108aadcf113b1266de9bf', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (index.h("small", { key: 'bdb80226c6b9136efa9492ffbd9e059f096a94c9', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (index.h(index.Fragment, null, index.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 }), index.h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, index.h("slot", null)))) : (index.h("div", { class: checkboxesClasses }, index.h("slot", null))), index.h("div", { key: '143f532e903dcf3080b4bf7f6d438bbc700ae6c7', class: errorClasses }, index.h(DsInputValidity, { key: 'c1b07837ef7a05c2ffba793720cfad817f2d6f76', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/ds-checkbox.cjs.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
 'use strict';
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-D6M-AWTV.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-CcUudA6Q.js');
+var controlUtils = require('./controlUtils-CoQTII1L.js');
 var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Bz5Mpvyi.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
+var cx = require('./cx-Cz3_rrTb.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
 var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var componentFactory = require('./componentFactory-CZKUWyB_.js');
+require('./store-ChbNbns4.js');
-const dsCheckboxCss = () => `.ds-checkbox__GqWYnG-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__GqWYnG-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__GqWYnG-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__GqWYnG.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__GqWYnG__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__GqWYnG__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__GqWYnG__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:hover,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__GqWYnG__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__GqWYnG__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__GqWYnG__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked:hover,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked:active,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):checked:disabled,.ds-checkbox__GqWYnG__input.sc-ds-checkbox:not(.ds-checkbox__GqWYnG__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__GqWYnG__input.sc-ds-checkbox::before{content:"";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__GqWYnG__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__GqWYnG__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__GqWYnG__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__GqWYnG__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__GqWYnG--no-margin.sc-ds-checkbox .ds-checkbox__GqWYnG__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__GqWYnG--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__GqWYnG__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__GqWYnG.sc-ds-checkbox:has(.ds-checkbox__GqWYnG__input:disabled){cursor:not-allowed}.ds-checkbox__GqWYnG-error.sc-ds-checkbox{display:flex}.ds-checkbox__GqWYnG-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}`;
+const dsCheckboxCss = () => `.ds-checkbox__bQiYWO-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__bQiYWO-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__bQiYWO-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__bQiYWO.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__bQiYWO__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__bQiYWO__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__bQiYWO__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:hover,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__bQiYWO__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__bQiYWO__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__bQiYWO__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked:hover,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked:active,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):checked:disabled,.ds-checkbox__bQiYWO__input.sc-ds-checkbox:not(.ds-checkbox__bQiYWO__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__bQiYWO__input.sc-ds-checkbox::before{content:"";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__bQiYWO__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__bQiYWO__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__bQiYWO__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__bQiYWO__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__bQiYWO--no-margin.sc-ds-checkbox .ds-checkbox__bQiYWO__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__bQiYWO--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__bQiYWO__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__bQiYWO.sc-ds-checkbox:has(.ds-checkbox__bQiYWO__input:disabled){cursor:not-allowed}.ds-checkbox__bQiYWO-error.sc-ds-checkbox{display:flex}.ds-checkbox__bQiYWO-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}`;
 const DsCheckbox = class extends index.Mixin(componentFactory.componentFactory('ds-checkbox'), ariaDeprecationFactory.ariaDeprecationFactory, disableEventsFactory.disableEventsFactory) {
     constructor(hostRef) {

package/dist/cjs/ds-chip-group.cjs.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
 'use strict';
-var index = require('./index-BNOD57K-.js');
+var index = require('./index-D6M-AWTV.js');
 var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var cx = require('./cx-Cz3_rrTb.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-CcUudA6Q.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var controlUtils = require('./controlUtils-CoQTII1L.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
+var componentFactory = require('./componentFactory-CZKUWyB_.js');
+require('./store-ChbNbns4.js');
-const dsChipGroupCss = () => `.ds-chip-group__GqWYnG__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__bQiYWO__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 DsChipGroup = class extends index.Mixin(componentFactory.componentFactory('ds-chip-group'), ariaDeprecationFactory.ariaDeprecationFactory) {
+const DsChipGroup = class extends index.Mixin(componentFactory.componentFactory('ds-chip-group', { stopRootTracking: true }), ariaDeprecationFactory.ariaDeprecationFactory) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
@@ -155,7 +155,7 @@ const DsChipGroup = class extends index.Mixin(componentFactory.componentFactory(
     dsMaxItemsObserver(newValue) {
         this.setValidity({ dsMaxItems: newValue });
     }
-    onChipClick(e) {
+    handleDsClick(e) {
         if (this.childChips.includes(e.target)) {
             this.dsChipClick.emit(e.detail);
         }
@@ -167,7 +167,7 @@ const DsChipGroup = class extends index.Mixin(componentFactory.componentFactory(
         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 (index.h("div", { key: '3e891ff4382e82c7096f0e7b70c47c4fb7b4ae20', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...utils.ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, index.h(this.DsGroupLabel, { key: 'ef0a1805c2d3d8be2d341b5b1629f60a3677cf84', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '62d5fd1b14df8854ff51974e806000429f99d437', name: "label" }), index.h("slot", { key: 'f1382d4ab634117707406118272c55809b9d33ba', name: "assistiveText" })), index.h("div", { key: '10dadc52350f45ec04e50e2df8e2f407ea7be26b', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '34d15e6790db57713e82b192e1317dee32919191' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), index.h(this.DsInputValidity, { key: '23959e8f0520f686d1dfb6e285490d31303bf1ed', id: errorTextId, dsText: this.dsErrorText, dsType: "error" })));
+        return (index.h("div", { key: '4ababae35585e255c0a113e4841af4d9efe140a6', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...utils.ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, index.h(this.DsGroupLabel, { key: 'cf458c09e8a31ada663516781096d5c373fa1d68', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '62fce22b818aa90866628b942500742f37e07a88', name: "label" }), index.h("slot", { key: '1c716f1105fbe74d2a5e72a40f7237a586d46f12', name: "assistiveText" })), index.h("div", { key: '3f02a975d23cdec126b53c1c1ff1508b61ba0eb6', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '63f1039a8aa2a5ec7cfd33f15052988a6c6dbf41' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), index.h(this.DsInputValidity, { key: '98b5b3a5a46d4eab0847e98e0d74dab2b64e1e97', id: errorTextId, dsText: this.dsErrorText, dsType: "error" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/ds-chip.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-BNOD57K-.js');
-var controlUtils = require('./controlUtils-CcUudA6Q.js');
+var index = require('./index-D6M-AWTV.js');
+var controlUtils = require('./controlUtils-CoQTII1L.js');
 var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Bz5Mpvyi.js');
+var cx = require('./cx-Cz3_rrTb.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BkrxJQA9.js');
-var componentFactory = require('./componentFactory-BmBVCz8f.js');
-require('./store-DNuNXgOq.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
+var componentFactory = require('./componentFactory-CZKUWyB_.js');
+require('./store-ChbNbns4.js');
-const dsChipCss = () => `.ds-chip__GqWYnG: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__GqWYnG{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__GqWYnG:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__GqWYnG:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__GqWYnG__text{padding:0 var(--ds-spacing-3xSmall)}`;
+const dsChipCss = () => `.ds-chip__bQiYWO: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__bQiYWO{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__bQiYWO:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__bQiYWO:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__bQiYWO__text{padding:0 var(--ds-spacing-3xSmall)}`;
 const parseName = (newValue, currValue) => {
     return newValue || currValue;
@@ -75,7 +75,7 @@ const DsChip = class extends index.Mixin(componentFactory.componentFactory('ds-c
         };
         index.forceUpdate(this);
     }
-    onClick() {
+    handleClick() {
         this.dsClick.emit(this.dsValue);
     }
     render() {
@@ -86,7 +86,7 @@ const DsChip = class extends index.Mixin(componentFactory.componentFactory('ds-c
         const ariaLabel = this.dsAriaLabel ?? this.inheritedAttributes['aria-label'];
         const Elem = resolvedRole ? 'div' : index.Fragment;
         const restAttributes = utils.omit(this.inheritedAttributes, ['role', 'aria-label']);
-        return (index.h(Elem, { key: '78aa1823f1fb9176f63c14d6f1955b83fa7115f2', role: resolvedRole }, index.h("button", { key: '25ee0ae57d1a4d7540d7f58520dc2f6a38e8052e', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, "aria-label": ariaLabel, ...restAttributes }, index.h("slot", { key: '6a4be2105331431f86b71703eecdc8d0e6e8f93c', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: '672bf282ea5a9bd7757156192f467399d47a141f', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: 'd5c793cb0dc19f2e8c6c1427fdb92050d702f082', class: `${baseClass}__text` }, index.h("slot", { key: 'ad4a14352e961465fd721c5ed269f4d20950934d' }, this.dsText), index.h(DsVisuallyHidden, { key: '8d3458b2c19349cc06310f81b583919a338b5723', dsTag: "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: 'ffa0ecae1ccf261abc1c3bbd342e048e680b49e1', dsName: "close", dsSize: "1rem" }))));
+        return (index.h(Elem, { key: 'f983e1b4fe07f9eeed524dd5e4060f4c24b93699', role: resolvedRole }, index.h("button", { key: '978d753167b4473b9140856c7aaf5cff3e11f2fe', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, "aria-label": ariaLabel, ...restAttributes }, index.h("slot", { key: 'b12c9a1e7abf7ac8abf3f0d698f53950c9f59549', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: '351d5aa58c3f9329dfc4d5fd4d11b267ed9e5e0d', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: '5356d617c2270322b8cafd633cd00eba13c38122', class: `${baseClass}__text` }, index.h("slot", { key: 'd3eb97ea2f6e803db178a7cc631483e36d2f8c9b' }, this.dsText), index.h(DsVisuallyHidden, { key: 'e21034448a8ad20dad12853ae59ce424f56d8e60', dsTag: "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: '3d1b5815acd5db98a8655241e05c704f7d47d1bf', dsName: "close", dsSize: "1rem" }))));
     }
     static get watchers() { return {
         "dsName": [{