@uh-design-system/component-library 1.0.1 → 1.0.2-rc.0

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
+var attributes = require('./attributes-D1VITZWW.js');
 var utils = require('./utils-BZAixND1.js');
-var cx = require('./cx-CuQ2_TI1.js');
+var cx = require('./cx-6iwUh-nR.js');
 
-const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.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__1vtSAV--full-width){width:100%}.ds-button__1vtSAV.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button__1vtSAV.sc-ds-button:not(.ds-button__1vtSAV--supplementary) .ds-button__1vtSAV__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__1vtSAV--supplementary.sc-ds-button:has(.ds-button__1vtSAV__spinner) .ds-button__1vtSAV__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__1vtSAV__icon.sc-ds-button{height:1.5rem}.ds-button__1vtSAV.sc-ds-button:has(.ds-button__1vtSAV__spinner):not(.ds-button__1vtSAV--small) .ds-button__1vtSAV__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__1vtSAV--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__1vtSAV.sc-ds-button:not(.ds-button__1vtSAV--small):not(.ds-button__1vtSAV--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__1vtSAV.sc-ds-button:not(.ds-button__1vtSAV--small).ds-button__1vtSAV--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__1vtSAV.sc-ds-button:not(.ds-button__1vtSAV--small).ds-button__1vtSAV--icon-only{padding-left:0;padding-right:0}.ds-button__1vtSAV--small.sc-ds-button:not(.ds-button__1vtSAV--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__1vtSAV--small.ds-button__1vtSAV--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__1vtSAV--small.ds-button__1vtSAV--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__1vtSAV--small.sc-ds-button .ds-button__1vtSAV__icon.sc-ds-button{height:1rem}.ds-button__1vtSAV--icon-start.sc-ds-button:not(.ds-button__1vtSAV--small) .ds-button__1vtSAV__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__1vtSAV--icon-end.sc-ds-button:not(.ds-button__1vtSAV--small) .ds-button__1vtSAV__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--primary.ds-button__1vtSAV--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--blue.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--blue.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--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__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--secondary.ds-button__1vtSAV--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--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__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--blue.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--blue.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--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__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--black.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--black.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--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__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--white.sc-ds-button:active,.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--white.ds-button__1vtSAV--disabled.sc-ds-button,.ds-button__1vtSAV.ds-button__1vtSAV--supplementary.ds-button__1vtSAV--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";
+const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.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__rhSGFS--full-width){width:100%}.ds-button__rhSGFS.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button__rhSGFS.sc-ds-button:not(.ds-button__rhSGFS--supplementary) .ds-button__rhSGFS__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__rhSGFS--supplementary.sc-ds-button:has(.ds-button__rhSGFS__spinner) .ds-button__rhSGFS__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__rhSGFS__icon.sc-ds-button{height:1.5rem}.ds-button__rhSGFS.sc-ds-button:has(.ds-button__rhSGFS__spinner):not(.ds-button__rhSGFS--small) .ds-button__rhSGFS__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__rhSGFS--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__rhSGFS.sc-ds-button:not(.ds-button__rhSGFS--small):not(.ds-button__rhSGFS--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__rhSGFS.sc-ds-button:not(.ds-button__rhSGFS--small).ds-button__rhSGFS--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__rhSGFS.sc-ds-button:not(.ds-button__rhSGFS--small).ds-button__rhSGFS--icon-only{padding-left:0;padding-right:0}.ds-button__rhSGFS--small.sc-ds-button:not(.ds-button__rhSGFS--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__rhSGFS--small.ds-button__rhSGFS--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__rhSGFS--small.ds-button__rhSGFS--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__rhSGFS--small.sc-ds-button .ds-button__rhSGFS__icon.sc-ds-button{height:1rem}.ds-button__rhSGFS--icon-start.sc-ds-button:not(.ds-button__rhSGFS--small) .ds-button__rhSGFS__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__rhSGFS--icon-end.sc-ds-button:not(.ds-button__rhSGFS--small) .ds-button__rhSGFS__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--primary.ds-button__rhSGFS--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--blue.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--blue.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--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__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--secondary.ds-button__rhSGFS--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--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__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--blue.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--blue.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--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__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--black.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--black.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--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__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--white.sc-ds-button:active,.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--white.ds-button__rhSGFS--disabled.sc-ds-button,.ds-button__rhSGFS.ds-button__rhSGFS--supplementary.ds-button__rhSGFS--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";
 
 const DsButton = class {
     constructor(hostRef) {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-BZAixND1.js');
-var linkUtils = require('./linkUtils-DP0YPaic.js');
-var cx = require('./cx-CuQ2_TI1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
-require('./store-CLfCb5K9.js');
+var linkUtils = require('./linkUtils-CbF7IuxO.js');
+var cx = require('./cx-6iwUh-nR.js');
+var attributes = require('./attributes-D1VITZWW.js');
+require('./store-CpIgrqMw.js');
 
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__1vtSAV.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall);min-width:260px;height:auto}.ds-card__1vtSAV--fluid-height.sc-ds-card{height:100%}.ds-card__1vtSAV--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__1vtSAV--horizontal.sc-ds-card{flex-direction:row}}.ds-card__1vtSAV.ds-card__1vtSAV--focused.sc-ds-card{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__1vtSAV.ds-card__1vtSAV--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__1vtSAV.ds-card__1vtSAV--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__1vtSAV__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__1vtSAV.ds-card__1vtSAV--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__1vtSAV__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__1vtSAV.ds-card__1vtSAV--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__1vtSAV.ds-card__1vtSAV--link.sc-ds-card:active .ds-card__1vtSAV__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__1vtSAV.ds-card__1vtSAV--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__1vtSAV.ds-card__1vtSAV--link.sc-ds-card{text-decoration:none}.ds-card__1vtSAV--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__1vtSAV__image-container.sc-ds-card{display:none}.ds-card__1vtSAV__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__1vtSAV.sc-ds-card:not(.ds-card__1vtSAV--vertical) .ds-card__1vtSAV__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}.ds-card__1vtSAV__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__1vtSAV__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__1vtSAV__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__1vtSAV__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__1vtSAV__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__1vtSAV__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__1vtSAV__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__1vtSAV__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__1vtSAV__heading__link.sc-ds-card{all:unset}.ds-card__1vtSAV__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__1vtSAV__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}.ds-card__1vtSAV__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}";
+const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__rhSGFS.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall);min-width:260px;height:auto}.ds-card__rhSGFS--fluid-height.sc-ds-card{height:100%}.ds-card__rhSGFS--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__rhSGFS--horizontal.sc-ds-card{flex-direction:row}}.ds-card__rhSGFS.ds-card__rhSGFS--focused.sc-ds-card{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__rhSGFS.ds-card__rhSGFS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__rhSGFS.ds-card__rhSGFS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__rhSGFS__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__rhSGFS.ds-card__rhSGFS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__rhSGFS__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__rhSGFS.ds-card__rhSGFS--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__rhSGFS.ds-card__rhSGFS--link.sc-ds-card:active .ds-card__rhSGFS__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__rhSGFS.ds-card__rhSGFS--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__rhSGFS.ds-card__rhSGFS--link.sc-ds-card{text-decoration:none}.ds-card__rhSGFS--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__rhSGFS__image-container.sc-ds-card{display:none}.ds-card__rhSGFS__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__rhSGFS.sc-ds-card:not(.ds-card__rhSGFS--vertical) .ds-card__rhSGFS__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}.ds-card__rhSGFS__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__rhSGFS__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__rhSGFS__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__rhSGFS__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__rhSGFS__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__rhSGFS__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__rhSGFS__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__rhSGFS__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__rhSGFS__heading__link.sc-ds-card{all:unset}.ds-card__rhSGFS__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__rhSGFS__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}.ds-card__rhSGFS__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}";
 
 const DsCard = class {
     constructor(hostRef) {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
+var attributes = require('./attributes-D1VITZWW.js');
 var utils = require('./utils-BZAixND1.js');
-var controlUtils = require('./controlUtils-BY8zsWqq.js');
-var cx = require('./cx-CuQ2_TI1.js');
-require('./store-CLfCb5K9.js');
+var controlUtils = require('./controlUtils-P0uRxlvP.js');
+var cx = require('./cx-6iwUh-nR.js');
+require('./store-CpIgrqMw.js');
 
-const dsCheckboxGroupCss = ".ds-checkbox-group__1vtSAV{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__1vtSAV__legend{color:var(--ds-textColor-default);padding-inline:0;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__1vtSAV__assistive-text{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__1vtSAV__error{display:flex}.ds-checkbox-group__1vtSAV__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__1vtSAV>.ds-checkbox-group__1vtSAV__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__1vtSAV--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__1vtSAV--horizontal>.ds-checkbox-group__1vtSAV__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+const dsCheckboxGroupCss = ".ds-checkbox-group__rhSGFS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__rhSGFS__legend{color:var(--ds-textColor-default);padding-inline:0;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__rhSGFS__assistive-text{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__rhSGFS__error{display:flex}.ds-checkbox-group__rhSGFS__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__rhSGFS>.ds-checkbox-group__rhSGFS__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__rhSGFS--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__rhSGFS--horizontal>.ds-checkbox-group__rhSGFS__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
 
 const fieldsetIdGenerator = utils.idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {
@@ -30,6 +30,7 @@ const DsCheckboxGroup = class {
     checkboxElem;
     fieldsetId = fieldsetIdGenerator.next().value;
     checkboxId = `${this.fieldsetId}-checkbox`;
+    legendId = `${this.fieldsetId}-legend`;
     errorTextId = `${this.fieldsetId}-error`;
     assistiveTextId = `${this.fieldsetId}-assistive-text`;
     nestedId = `${this.fieldsetId}-nested`;
@@ -53,6 +54,10 @@ const DsCheckboxGroup = class {
     dsAllRequired = false;
     dsOptional = false;
     dsOptionalText;
+    dsName;
+    get dsId() {
+        return this.checkboxId;
+    }
     childElementsCount = 1;
     checkedChildElementCount = 0;
     isIndeterminate = false;
@@ -130,6 +135,11 @@ const DsCheckboxGroup = class {
     dsErrorTextObserver(newValue) {
         this.dsCheckboxGroupInvalidStateChange.emit(newValue);
     }
+    dsNameObserver(newValue) {
+        this.getChildCheckboxElements().forEach(checkbox => {
+            checkbox.dsName = newValue;
+        });
+    }
     listenIndeterminateChildChange(event) {
         this.indeterminateChildCheckboxCount = event.detail.indeterminate ? this.indeterminateChildCheckboxCount + 1 : this.indeterminateChildCheckboxCount - 1;
     }
@@ -272,10 +282,9 @@ const DsCheckboxGroup = class {
         });
         const nestedClasses = index$1.classNames(`${baseClass}`, `${baseClass}--inset`);
         const checkboxesClasses = index$1.classNames(`${baseClass}__checkboxes`);
-        const ariaDescribedBy = [!!this.dsAssistiveText && this.assistiveTextId, !!this.dsErrorText && this.errorTextId].filter(Boolean).join(' ');
         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: '1f69e3d517320c14ab8cf89817d947443e00846a', id: this.fieldsetId, class: classes, "aria-describedby": ariaDescribedBy, ...this.inheritedAttributes }, this.dsLabel && index.h("legend", { key: '547fca2a8f82a9ecab2ae81517ca81418d2f8531', class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '6e8503708e46ccb66e6d2ea6e087bcb700e41a41', 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))), !!this.dsErrorText && (index.h("div", { key: '3fec4eb8db1aa8eb63b94a1e7b455f12f2f8edae', class: errorClasses }, index.h(DsInputValidity, { key: '9c099ae84bbf0078be0474d420f58c2e4ec11b75', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
+        return (index.h("fieldset", { key: '4ade201074c288f93fdd494ddfbf26572a1ae33e', id: this.fieldsetId, class: classes, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && index.h("legend", { key: '116676605f4bbf20eeb548532939432ee1b23fb9', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: 'b7248d5338d9bac406bcf5b1efa1e5e644a28e2b', 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))), !!this.dsErrorText && (index.h("div", { key: 'c351108e8f6f89682154d243fa346a4ed0e879fe', class: errorClasses }, index.h(DsInputValidity, { key: '9160cb8e8283d943eb6966b2a4d3c0a16135b866', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -285,6 +294,7 @@ const DsCheckboxGroup = class {
         "dsChecked": ["dsCheckedObserver"],
         "isIndeterminate": ["isIndeterminateObserver"],
         "dsErrorText": ["dsErrorTextObserver"],
+        "dsName": ["dsNameObserver"],
         "checkedChildElementCount": ["checkedChildElementCountObserver"],
         "focusedChildCheckbox": ["focusedChildCheckboxObserver"]
     }; }

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
-var controlUtils = require('./controlUtils-BY8zsWqq.js');
+var attributes = require('./attributes-D1VITZWW.js');
+var controlUtils = require('./controlUtils-P0uRxlvP.js');
 var utils = require('./utils-BZAixND1.js');
-var cx = require('./cx-CuQ2_TI1.js');
-require('./store-CLfCb5K9.js');
+var cx = require('./cx-6iwUh-nR.js');
+require('./store-CpIgrqMw.js');
 
-const dsCheckboxCss = ".ds-checkbox__1vtSAV-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__1vtSAV-fieldset__legend.sc-ds-checkbox{padding-inline:0;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__1vtSAV-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__1vtSAV.sc-ds-checkbox{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;cursor:pointer;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__1vtSAV__input.sc-ds-checkbox{cursor:pointer;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);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__1vtSAV__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__1vtSAV__input.sc-ds-checkbox:hover,.ds-checkbox__1vtSAV__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__1vtSAV__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__1vtSAV__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__1vtSAV__input--invalid.sc-ds-checkbox,.ds-checkbox__1vtSAV__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__1vtSAV__input--invalid.sc-ds-checkbox:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox:checked,.ds-checkbox__1vtSAV__input.sc-ds-checkbox:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox:checked:hover,.ds-checkbox__1vtSAV__input.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox:checked:active,.ds-checkbox__1vtSAV__input.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox:checked:disabled,.ds-checkbox__1vtSAV__input.sc-ds-checkbox:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__1vtSAV__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__1vtSAV__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__1vtSAV__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__1vtSAV__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__1vtSAV__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__1vtSAV--no-margin.sc-ds-checkbox .ds-checkbox__1vtSAV__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__1vtSAV--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__1vtSAV__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__1vtSAV.sc-ds-checkbox:has(.ds-checkbox__1vtSAV__input:disabled){cursor:not-allowed}.ds-checkbox__1vtSAV-error.sc-ds-checkbox{display:flex}.ds-checkbox__1vtSAV-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
+const dsCheckboxCss = ".ds-checkbox__rhSGFS-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__rhSGFS-fieldset__legend.sc-ds-checkbox{padding-inline:0;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__rhSGFS-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__rhSGFS.sc-ds-checkbox{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;cursor:pointer;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__rhSGFS__input.sc-ds-checkbox{cursor:pointer;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);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__rhSGFS__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__rhSGFS__input.sc-ds-checkbox:hover,.ds-checkbox__rhSGFS__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__rhSGFS__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__rhSGFS__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__rhSGFS__input--invalid.sc-ds-checkbox,.ds-checkbox__rhSGFS__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__rhSGFS__input--invalid.sc-ds-checkbox:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox:checked,.ds-checkbox__rhSGFS__input.sc-ds-checkbox:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox:checked:hover,.ds-checkbox__rhSGFS__input.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox:checked:active,.ds-checkbox__rhSGFS__input.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox:checked:disabled,.ds-checkbox__rhSGFS__input.sc-ds-checkbox:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__rhSGFS__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__rhSGFS__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__rhSGFS__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__rhSGFS__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__rhSGFS__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__rhSGFS--no-margin.sc-ds-checkbox .ds-checkbox__rhSGFS__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__rhSGFS--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__rhSGFS__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__rhSGFS.sc-ds-checkbox:has(.ds-checkbox__rhSGFS__input:disabled){cursor:not-allowed}.ds-checkbox__rhSGFS-error.sc-ds-checkbox{display:flex}.ds-checkbox__rhSGFS-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
 
 const checkboxIdGenerator = utils.idGenerator('ds-checkbox');
 const DsCheckbox = class {
@@ -33,7 +33,16 @@ const DsCheckbox = class {
     dsSubmitInvalid;
     dsValidity;
     dsId = checkboxIdGenerator.next().value;
-    dsName = this.dsId;
+    name = this.dsId;
+    async setName(newValue) {
+        this.name = this.checkboxGroup?.dsName || newValue || this.name;
+    }
+    get dsName() {
+        return this.name;
+    }
+    set dsName(value) {
+        this.setName(value);
+    }
     dsValue = this.dsId;
     dsChecked = false;
     dsLabel;
@@ -132,6 +141,7 @@ const DsCheckbox = class {
     };
     componentWillLoad() {
         this.setIds();
+        this.setName();
         this.inheritedAttributes = {
             ...attributes.inheritAriaAttributes(this.el, ['aria-describedby', 'aria-hidden', 'aria-invalid']),
             ...attributes.inheritAttributes(this, this.el, ['value', 'name', 'id']),

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var utils = require('./utils-BZAixND1.js');
-var cx = require('./cx-CuQ2_TI1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
+var cx = require('./cx-6iwUh-nR.js');
+var attributes = require('./attributes-D1VITZWW.js');
 
-const dsChipGroupCss = ".ds-chip-group__1vtSAV__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__rhSGFS__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
 
 const chipGroupIdGenerator = utils.idGenerator('ds-chip-group');
 const DsChipGroup = class {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
-var controlUtils = require('./controlUtils-BY8zsWqq.js');
+var index = require('./index-BKeLTbeL.js');
+var controlUtils = require('./controlUtils-P0uRxlvP.js');
 var utils = require('./utils-BZAixND1.js');
-var cx = require('./cx-CuQ2_TI1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
-require('./store-CLfCb5K9.js');
+var cx = require('./cx-6iwUh-nR.js');
+var attributes = require('./attributes-D1VITZWW.js');
+require('./store-CpIgrqMw.js');
 
-const dsChipCss = ".ds-chip__1vtSAV{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__1vtSAV: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__1vtSAV:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__1vtSAV:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__1vtSAV__text{padding:0 var(--ds-spacing-3xSmall)}";
+const dsChipCss = ".ds-chip__rhSGFS{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__rhSGFS: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__rhSGFS:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__rhSGFS:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__rhSGFS__text{padding:0 var(--ds-spacing-3xSmall)}";
 
 const chipIdGenerator = utils.idGenerator('ds-chip');
 const DsChip = class {
@@ -21,23 +21,25 @@ const DsChip = class {
     dsClick;
     dsId = chipIdGenerator.next().value;
     dsName = this.dsId;
+    attrName;
     dsValue = 0;
     dsText;
     dsIcon;
     dsType = 'button';
+    attrType;
     async setFocus() {
         this.buttonEl?.focus();
     }
     componentWillLoad() {
         this.inheritedAttributes = {
+            ...attributes.inheritAttributes(this, this.el, ['name', 'type']),
             ...attributes.inheritAriaAttributes(this.el),
-            ...attributes.inheritSpecifiedAttributes(this.el),
         };
     }
-    onRoleChange(newValue) {
+    ariaAttributeObserver(newValue, _oldValue, propName) {
         this.inheritedAttributes = {
             ...this.inheritedAttributes,
-            role: newValue,
+            [propName]: newValue,
         };
         index.forceUpdate(this);
     }
@@ -49,10 +51,12 @@ const DsChip = class {
         const DsIcon = utils.transformTagName('ds-icon', 'ds-chip', this.el);
         const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-chip', this.el);
         const Elem = this.inheritedAttributes.role ? 'div' : index.Fragment;
-        return (index.h(Elem, { key: '07e60c72f8cbcfa41b78bb3ab2f7df74512a301a', role: this.inheritedAttributes.role }, index.h("button", { key: 'a796afef85cae135729775dc1aa8096ac27d37b9', ref: el => (this.buttonEl = el), id: this.dsId, name: this.dsName, type: this.dsType, class: baseClass }, index.h("slot", { key: 'a730bed96a197eb37b2e990b3bb77f1a2b8a0d10', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: '685df9d7628935c262452e21cf7cb617c13c227b', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: '5514fe7c66f7b945303d59a6ad235873769d5040', class: `${baseClass}__text` }, index.h("slot", { key: 'ce07a78f92530c01ba4c91c1acf3037b346e5a6a' }, this.dsText), index.h(DsVisuallyHidden, { key: 'dc489e439afae11e52296e3c4db1c48a4d32eca2', "ds-tag": "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: '539ea59afbc32dbc44a44d6f3e2310028e6f03c7', dsName: "close", dsSize: "1rem" }))));
+        const { role, ...buttonAttributes } = this.inheritedAttributes;
+        return (index.h(Elem, { key: '5317e1571144046021bf1844d79de37f7ee2ac2b', role: role }, index.h("button", { key: 'c1235e9602cce448452603146978131a77be92d7', ref: el => (this.buttonEl = el), id: this.dsId, name: this.attrName || this.dsName, type: this.attrType || this.dsType, class: baseClass, ...buttonAttributes }, index.h("slot", { key: '06af8b637965f800da64df5d1233e8476d38f2e3', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: 'ce9be35ffd230b7ef64d767c62774eb203559e9a', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: '8a0c34ae040569b829fdbbbb72c9909ad2434523', class: `${baseClass}__text` }, index.h("slot", { key: 'ab55c261c5f68da898eee6a76d25d63a84d5f92d' }, this.dsText), index.h(DsVisuallyHidden, { key: '5a0f4a59c6d43d27f007551cb2d89430a9e82d24', "ds-tag": "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: '9f4f0e7f4afcbf13ff939a2413de69607ce248e0', dsName: "close", dsSize: "1rem" }))));
     }
     static get watchers() { return {
-        "role": ["onRoleChange"]
+        "role": ["ariaAttributeObserver"],
+        "aria-label": ["ariaAttributeObserver"]
     }; }
 };
 utils.declareComponentDependencies([index.h("ds-icon", null), index.h("ds-visually-hidden", null)]);

package/dist/cjs/ds-combobox.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-BZAixND1.js');
-var controlUtils = require('./controlUtils-BY8zsWqq.js');
-var cx = require('./cx-CuQ2_TI1.js');
-require('./store-CLfCb5K9.js');
+var controlUtils = require('./controlUtils-P0uRxlvP.js');
+var cx = require('./cx-6iwUh-nR.js');
+require('./store-CpIgrqMw.js');
 
-const dsComboboxCss = ".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h{width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__1vtSAV__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__1vtSAV__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__1vtSAV__input-container--disabled.sc-ds-combobox .ds-combobox__1vtSAV__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__1vtSAV__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__1vtSAV__input-container--invalid.sc-ds-combobox:not(.ds-combobox__1vtSAV__input-container--open):not(.ds-combobox__1vtSAV__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__1vtSAV__input-container--invalid.sc-ds-combobox:not(.ds-combobox__1vtSAV__input-container--open):not(.ds-combobox__1vtSAV__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__1vtSAV__input-container.sc-ds-combobox:active:not(.ds-combobox__1vtSAV__input-container--invalid,.ds-combobox__1vtSAV__input-container--disabled).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__1vtSAV__input-container.sc-ds-combobox:not(.ds-combobox__1vtSAV__input-container--open,.ds-combobox__1vtSAV__input-container.sc-ds-combobox:has(>.ds-combobox__1vtSAV__input-container__clear-button>button:focus),.ds-combobox__1vtSAV__input-container--invalid.sc-ds-combobox,.ds-combobox__1vtSAV__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__1vtSAV__input-container.sc-ds-combobox:has(>.ds-combobox__1vtSAV__input-container__input:focus),.ds-combobox__1vtSAV__input-container.sc-ds-combobox:has(>.ds-combobox__1vtSAV__input-container__clear-button>button:focus){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-combobox__1vtSAV__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:inherit;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__1vtSAV__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__1vtSAV__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed}.ds-combobox__1vtSAV__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__1vtSAV__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__1vtSAV__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__1vtSAV__input-container__icon.sc-ds-combobox+.ds-combobox__1vtSAV__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__1vtSAV__input-container__clear-button.sc-ds-combobox,.ds-combobox__1vtSAV__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__1vtSAV__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__1vtSAV__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__1vtSAV__options-container.sc-ds-combobox{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-combobox__1vtSAV__options-container--open.sc-ds-combobox{display:block;box-shadow:0 var(--ds-spacing-4xSmall) var(--ds-spacing-3xSmall) calc(-1 * var(--ds-spacing-4xSmall)) var(--ds-overlay-black-15), 0 var(--ds-spacing-3xSmall) calc(var(--ds-spacing-xSmall) / 2) calc(-0.5 * var(--ds-spacing-4xSmall)) var(--ds-overlay-black-15)}.ds-combobox__1vtSAV__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__1vtSAV__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__1vtSAV__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__1vtSAV__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__1vtSAV__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__1vtSAV__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__1vtSAV__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__1vtSAV__options-container__options__inner__top-scrim--dark.sc-ds-combobox{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-combobox__1vtSAV__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
+const dsComboboxCss = ".sc-ds-combobox-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-combobox-h{width:20rem}}.sc-ds-combobox-h>div.sc-ds-combobox{display:flex;flex-direction:column;position:relative}.ds-combobox__rhSGFS__input-container.sc-ds-combobox{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:default;box-sizing:border-box;height:2.75rem;width:100%}.ds-combobox__rhSGFS__input-container--disabled.sc-ds-combobox{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-combobox__rhSGFS__input-container--disabled.sc-ds-combobox .ds-combobox__rhSGFS__input-container__toggle-button.sc-ds-combobox{cursor:not-allowed}.ds-combobox__rhSGFS__input-container--invalid.sc-ds-combobox{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-combobox__rhSGFS__input-container--invalid.sc-ds-combobox:not(.ds-combobox__rhSGFS__input-container--open):not(.ds-combobox__rhSGFS__input-container--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-combobox__rhSGFS__input-container--invalid.sc-ds-combobox:not(.ds-combobox__rhSGFS__input-container--open):not(.ds-combobox__rhSGFS__input-container--disabled):active{background-color:var(--ds-bgColor-danger-active)}.ds-combobox__rhSGFS__input-container.sc-ds-combobox:active:not(.ds-combobox__rhSGFS__input-container--invalid,.ds-combobox__rhSGFS__input-container--disabled).sc-ds-combobox{background-color:var(--ds-bgColor-white-active)}.ds-combobox__rhSGFS__input-container.sc-ds-combobox:not(.ds-combobox__rhSGFS__input-container--open,.ds-combobox__rhSGFS__input-container.sc-ds-combobox:has(>.ds-combobox__rhSGFS__input-container__clear-button>button:focus),.ds-combobox__rhSGFS__input-container--invalid.sc-ds-combobox,.ds-combobox__rhSGFS__input-container--disabled).sc-ds-combobox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-combobox__rhSGFS__input-container.sc-ds-combobox:has(>.ds-combobox__rhSGFS__input-container__input:focus),.ds-combobox__rhSGFS__input-container.sc-ds-combobox:has(>.ds-combobox__rhSGFS__input-container__clear-button>button:focus){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-combobox__rhSGFS__input-container__input.sc-ds-combobox{width:100%;height:100%;border:0;background:none;color:inherit;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-combobox__rhSGFS__input-container__input.sc-ds-combobox::placeholder{color:var(--ds-textColor-secondary)}.ds-combobox__rhSGFS__input-container__input.sc-ds-combobox:disabled{cursor:not-allowed}.ds-combobox__rhSGFS__input-container__input.sc-ds-combobox:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-combobox__rhSGFS__input-container__input.sc-ds-combobox:focus{outline:none}.ds-combobox__rhSGFS__input-container__icon.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall)}.ds-combobox__rhSGFS__input-container__icon.sc-ds-combobox+.ds-combobox__rhSGFS__input-container__input.sc-ds-combobox{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-combobox__rhSGFS__input-container__clear-button.sc-ds-combobox,.ds-combobox__rhSGFS__input-container__toggle-button.sc-ds-combobox{cursor:pointer}.ds-combobox__rhSGFS__input-container__toggle-button.sc-ds-combobox{color:inherit;display:flex;align-items:center;justify-content:center;height:100%}.ds-combobox__rhSGFS__input-container__toggle-button__icon.sc-ds-combobox{align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:inherit;z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-combobox__rhSGFS__options-container.sc-ds-combobox{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-combobox__rhSGFS__options-container--open.sc-ds-combobox{display:block;box-shadow:0 var(--ds-spacing-4xSmall) var(--ds-spacing-3xSmall) calc(-1 * var(--ds-spacing-4xSmall)) var(--ds-overlay-black-15), 0 var(--ds-spacing-3xSmall) calc(var(--ds-spacing-xSmall) / 2) calc(-0.5 * var(--ds-spacing-4xSmall)) var(--ds-overlay-black-15)}.ds-combobox__rhSGFS__options-container__options.sc-ds-combobox{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-combobox__rhSGFS__options-container__options__inner.sc-ds-combobox{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-combobox__rhSGFS__options-container__options__inner__top-scrim.sc-ds-combobox,.ds-combobox__rhSGFS__options-container__options__inner__bottom-scrim.sc-ds-combobox{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-combobox__rhSGFS__options-container__options__inner__top-scrim--visible.sc-ds-combobox,.ds-combobox__rhSGFS__options-container__options__inner__bottom-scrim--visible.sc-ds-combobox{display:block}.ds-combobox__rhSGFS__options-container__options__inner__top-scrim.sc-ds-combobox{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-combobox__rhSGFS__options-container__options__inner__top-scrim--dark.sc-ds-combobox{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-combobox__rhSGFS__options-container__options__inner__bottom-scrim.sc-ds-combobox{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
 
 const comboboxIdGenerator = utils.idGenerator('ds-combobox');
 const DsCombobox = class {

package/dist/cjs/ds-control-label.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
-var cx = require('./cx-CuQ2_TI1.js');
-var attributes = require('./attributes-BMbXzbwU.js');
+var index = require('./index-BKeLTbeL.js');
+var cx = require('./cx-6iwUh-nR.js');
+var attributes = require('./attributes-D1VITZWW.js');
 var utils = require('./utils-BZAixND1.js');
-var controlUtils = require('./controlUtils-BY8zsWqq.js');
-require('./store-CLfCb5K9.js');
+var controlUtils = require('./controlUtils-P0uRxlvP.js');
+require('./store-CpIgrqMw.js');
 
-const dsControlLabelCss = ".ds-control-label__1vtSAV__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__1vtSAV__assistive-text{display:inline-block;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}.ds-control-label__1vtSAV{display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__1vtSAV:empty{display:none}";
+const dsControlLabelCss = ".ds-control-label__rhSGFS__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__rhSGFS__assistive-text{display:inline-block;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}.ds-control-label__rhSGFS{display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__rhSGFS:empty{display:none}";
 
 const DsControlLabel = class {
     constructor(hostRef) {

package/dist/cjs/ds-grid.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-CuQ2_TI1.js');
+var cx = require('./cx-6iwUh-nR.js');
 var utils = require('./utils-BZAixND1.js');
 
-const dsGridCss = ".ds-grid__1vtSAV{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__1vtSAV{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__1vtSAV{gap:var(--ds-spacing-layout-small)}}.ds-grid__1vtSAV--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__1vtSAV--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__1vtSAV--container{margin:0 auto}}.ds-grid__1vtSAV:not(.ds-grid__1vtSAV--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-grid__1vtSAV:not(.ds-grid__1vtSAV--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-grid__1vtSAV:not(.ds-grid__1vtSAV--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}";
+const dsGridCss = ".ds-grid__rhSGFS.ds-grid__rhSGFS--container{max-width:calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));margin:0 var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__rhSGFS.ds-grid__rhSGFS--container{margin:0 var(--ds-spacing-layout-small)}}@media (min-width: 90rem){.ds-grid__rhSGFS.ds-grid__rhSGFS--container{margin:0 auto}}.ds-grid__rhSGFS.ds-grid__rhSGFS__flex{display:flex;flex-flow:wrap;min-width:0;box-sizing:border-box;gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__flex{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__flex{gap:var(--ds-spacing-layout-small)}}.ds-grid__rhSGFS.ds-grid__rhSGFS__flex:not(.ds-grid__rhSGFS.ds-grid__rhSGFS__flex--container){width:calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile))}@media (min-width: 30rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__flex:not(.ds-grid__rhSGFS.ds-grid__rhSGFS__flex--container){width:calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet))}}@media (min-width: 75rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__flex:not(.ds-grid__rhSGFS.ds-grid__rhSGFS__flex--container){width:calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop))}}.ds-grid__rhSGFS.ds-grid__rhSGFS__grid.ds-grid__rhSGFS--container{display:grid;grid-template-columns:repeat(var(--ds-columns-mobile), 1fr);gap:var(--ds-spacing-layout-2xSmall)}@media (min-width: 30rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid.ds-grid__rhSGFS--container{gap:var(--ds-spacing-layout-xSmall)}}@media (min-width: 75rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid.ds-grid__rhSGFS--container{gap:var(--ds-spacing-layout-small)}}@media (min-width: 30rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid.ds-grid__rhSGFS--container{grid-template-columns:repeat(var(--ds-columns-tablet), 1fr)}}@media (min-width: 75rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid.ds-grid__rhSGFS--container{grid-template-columns:repeat(var(--ds-columns-desktop), 1fr)}}.ds-grid__rhSGFS.ds-grid__rhSGFS__grid{grid-column:span var(--ds-size-mobile);grid-row:span var(--ds-row-span-mobile, 1)}@supports (grid-column: span var(--ds-size-mobile)){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid[style*=\"--ds-size-mobile: -1\"]{grid-column:1/-1}}@media (min-width: 30rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid{grid-column:span var(--ds-size-tablet);grid-row:span var(--ds-row-span-tablet, 1)}@supports (grid-column: span var(--ds-size-tablet)){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid[style*=\"--ds-size-tablet: -1\"]{grid-column:1/-1}.ds-grid__rhSGFS.ds-grid__rhSGFS__grid:not([style*=\"--ds-size-tablet: -1\"]){grid-column:span var(--ds-size-tablet)}}}@media (min-width: 75rem){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid{grid-column:span var(--ds-size-desktop);grid-row:span var(--ds-row-span-desktop, 1)}@supports (grid-column: span var(--ds-size-desktop)){.ds-grid__rhSGFS.ds-grid__rhSGFS__grid[style*=\"--ds-size-desktop: -1\"]{grid-column:1/-1}.ds-grid__rhSGFS.ds-grid__rhSGFS__grid:not([style*=\"--ds-size-desktop: -1\"]){grid-column:span var(--ds-size-desktop)}}}";
 
 const DsGrid = class {
     constructor(hostRef) {
@@ -13,6 +13,7 @@ const DsGrid = class {
     }
     get el() { return index.getElement(this); }
     dsContainer = false;
+    dsType = 'flex';
     dsSize = 12;
     dsSizeMobile;
     dsSizeTablet;
@@ -20,6 +21,12 @@ const DsGrid = class {
     dsParentSizeMobile;
     dsParentSizeTablet;
     dsParentSizeDesktop;
+    dsColumnsMobile;
+    dsColumnsTablet;
+    dsColumnsDesktop;
+    dsRowSpanMobile;
+    dsRowSpanTablet;
+    dsRowSpanDesktop;
     get DsGridTag() {
         return utils.transformTagName('ds-grid', 'ds-grid', this.el);
     }
@@ -30,6 +37,9 @@ const DsGrid = class {
         this.getChildGridElements().forEach(updateFn);
     };
     componentDidLoad() {
+        if (this.dsType !== 'flex') {
+            return;
+        }
         this.updateChildGrids(element => {
             element.setAttribute('ds-parent-size-mobile', (this.dsSizeMobile ? this.dsSizeMobile * 3 : this.dsSize).toString());
             element.setAttribute('ds-parent-size-tablet', (this.dsSizeTablet ? this.dsSizeTablet * 2 : this.dsSize).toString());
@@ -40,15 +50,34 @@ const DsGrid = class {
         const baseClass = cx.cx('ds-grid');
         const classes = index$1.classNames(baseClass, {
             [`${baseClass}--container`]: this.dsContainer,
+            [`${baseClass}__${this.dsType}`]: this.dsType,
         });
-        return (index.h(index.Host, { key: '0bd8521c2ec635dff2c3321aedc8682dede95430', class: classes, style: {
-                '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
-                '--ds-parent-size-tablet': `${this.dsParentSizeTablet}`,
-                '--ds-parent-size-desktop': `${this.dsParentSizeDesktop}`,
-                '--ds-size-mobile': `${this.dsSizeMobile ? this.dsSizeMobile * 3 : this.dsSize}`,
-                '--ds-size-tablet': `${this.dsSizeTablet ? this.dsSizeTablet * 2 : this.dsSize}`,
-                '--ds-size-desktop': `${this.dsSizeDesktop || this.dsSize}`,
-            } }, index.h("slot", { key: '9f70a32f5c3c8a0e9ce7ff3f756a49fcfed4ed9f' })));
+        return (index.h(index.Host, { key: '302f8d3e5ca7922582c559c8171803ff2234574c', class: classes, style: {
+                ...(this.dsType === 'flex') ? {
+                    '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
+                    '--ds-parent-size-tablet': `${this.dsParentSizeTablet}`,
+                    '--ds-parent-size-desktop': `${this.dsParentSizeDesktop}`,
+                    '--ds-size-mobile': `${this.dsSizeMobile ? this.dsSizeMobile * 3 : this.dsSize}`,
+                    '--ds-size-tablet': `${this.dsSizeTablet ? this.dsSizeTablet * 2 : this.dsSize}`,
+                    '--ds-size-desktop': `${this.dsSizeDesktop || this.dsSize}`,
+                } : {
+                    ...(this.dsContainer) ? {
+                        '--ds-columns-mobile': this.dsColumnsMobile ? `${this.dsColumnsMobile}` : undefined,
+                        '--ds-columns-tablet': this.dsColumnsTablet ? `${this.dsColumnsTablet}` : undefined,
+                        '--ds-columns-desktop': this.dsColumnsDesktop ? `${this.dsColumnsDesktop}` : undefined,
+                    } : {
+                        '--ds-columns-mobile': "unset",
+                        '--ds-columns-tablet': "unset",
+                        '--ds-columns-desktop': "unset",
+                    },
+                    '--ds-size-mobile': `${this.dsSizeMobile || this.dsSize}`,
+                    '--ds-size-tablet': `${this.dsSizeTablet || this.dsSize}`,
+                    '--ds-size-desktop': `${this.dsSizeDesktop || this.dsSize}`,
+                    '--ds-row-span-mobile': this.dsRowSpanMobile ? `${this.dsRowSpanMobile}` : undefined,
+                    '--ds-row-span-tablet': this.dsRowSpanTablet ? `${this.dsRowSpanTablet}` : undefined,
+                    '--ds-row-span-desktop': this.dsRowSpanDesktop ? `${this.dsRowSpanDesktop}` : undefined,
+                }
+            } }, index.h("slot", { key: '346a2aac8eb37ea162d1c6c40a4f875b766fd3c9' })));
     }
 };
 utils.declareComponentDependencies([index.h("ds-grid", null)]);

package/dist/cjs/ds-group-label.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
-var cx = require('./cx-CuQ2_TI1.js');
+var index = require('./index-BKeLTbeL.js');
+var cx = require('./cx-6iwUh-nR.js');
 
-const dsGroupLabelCss = ".ds-group-label__1vtSAV__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__1vtSAV__assistive-text{display:inline-block;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}.ds-group-label__1vtSAV{display:flex;flex-direction:column}.ds-group-label__1vtSAV:empty{display:none}";
+const dsGroupLabelCss = ".ds-group-label__rhSGFS__label{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-group-label__rhSGFS__assistive-text{display:inline-block;font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}.ds-group-label__rhSGFS{display:flex;flex-direction:column}.ds-group-label__rhSGFS:empty{display:none}";
 
 const DsGroupLabel = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-360.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIcon360 = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-account-balance-fill.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIconAccountBalanceFill = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-account-balance.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIconAccountBalance = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-account-circle-fill.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIconAccountCircleFill = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-account-circle.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIconAccountCircle = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-add.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIconAdd = class {
     constructor(hostRef) {

package/dist/cjs/ds-icon-archive-fill.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Buk4vtLl.js');
+var index = require('./index-BKeLTbeL.js');
 
 const DsIconArchiveFill = class {
     constructor(hostRef) {