@uh-design-system/component-library 1.1.0 → 1.2.0-rc.0

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-JgJtlsd6.js');
+var index = require('./index-BLVteh3w.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var linkUtils = require('./linkUtils-CzR4cijE.js');
-var cx = require('./cx-7_PEyDS7.js');
+var linkUtils = require('./linkUtils-lJ6OQWYk.js');
+var cx = require('./cx-C3dbeP9F.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-require('./store-CCqF9deg.js');
+require('./store-B5JrXfGq.js');
 
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__JDwdTJ.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;height:auto}.ds-card__JDwdTJ--fluid-height.sc-ds-card{height:100%}.ds-card__JDwdTJ--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__JDwdTJ--horizontal.sc-ds-card{flex-direction:row}}.ds-card__JDwdTJ.ds-card__JDwdTJ--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__JDwdTJ.ds-card__JDwdTJ--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__JDwdTJ.ds-card__JDwdTJ--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__JDwdTJ__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__JDwdTJ.ds-card__JDwdTJ--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__JDwdTJ__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__JDwdTJ.ds-card__JDwdTJ--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__JDwdTJ.ds-card__JDwdTJ--link.sc-ds-card:active .ds-card__JDwdTJ__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__JDwdTJ.ds-card__JDwdTJ--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__JDwdTJ.ds-card__JDwdTJ--link.sc-ds-card{text-decoration:none}.ds-card__JDwdTJ.sc-ds-card .ds-card__JDwdTJ__heading__link.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__JDwdTJ--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__JDwdTJ__image-container.sc-ds-card{display:none}.ds-card__JDwdTJ__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__JDwdTJ.sc-ds-card:not(.ds-card__JDwdTJ--vertical) .ds-card__JDwdTJ__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__JDwdTJ.sc-ds-card:not(.ds-card__JDwdTJ--horizontal) .ds-card__JDwdTJ__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__JDwdTJ__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__JDwdTJ__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__JDwdTJ__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%;position:relative}.ds-card__JDwdTJ__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__JDwdTJ__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__JDwdTJ__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__JDwdTJ__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__JDwdTJ__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__JDwdTJ__heading__link.sc-ds-card{all:unset}.ds-card__JDwdTJ__subtitle.sc-ds-card,.ds-card__JDwdTJ__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__JDwdTJ__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__JDwdTJ__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__JDwdTJ__slot-subtitle--hidden.sc-ds-card{display:none}";
+const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__nkrEji.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;height:auto;position:relative}.ds-card__nkrEji--fluid-height.sc-ds-card{height:100%}.ds-card__nkrEji--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__nkrEji--horizontal.sc-ds-card{display:grid;grid-template:\"image content\" auto \"image contentBottom\" auto/auto 1fr}.ds-card__nkrEji--horizontal.sc-ds-card .ds-card__nkrEji__image-container.sc-ds-card{order:initial;grid-area:image;height:100%}.ds-card__nkrEji--horizontal.sc-ds-card .ds-card__nkrEji__content.sc-ds-card{order:initial;grid-area:content;height:100%}.ds-card__nkrEji--horizontal.sc-ds-card .ds-card__nkrEji__content--bottom.sc-ds-card{order:initial;grid-area:contentBottom}}.ds-card__nkrEji.ds-card__nkrEji--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__nkrEji.ds-card__nkrEji--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__nkrEji.ds-card__nkrEji--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__nkrEji__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__nkrEji.ds-card__nkrEji--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__nkrEji__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__nkrEji.ds-card__nkrEji--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__nkrEji.ds-card__nkrEji--link.sc-ds-card:active .ds-card__nkrEji__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__nkrEji.ds-card__nkrEji--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__nkrEji.ds-card__nkrEji--link.sc-ds-card{text-decoration:none}.ds-card__nkrEji.sc-ds-card .ds-card__nkrEji__heading__link.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__nkrEji--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__nkrEji__image-container.sc-ds-card{display:none}.ds-card__nkrEji__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__nkrEji.sc-ds-card:not(.ds-card__nkrEji--vertical) .ds-card__nkrEji__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__nkrEji.sc-ds-card:not(.ds-card__nkrEji--horizontal) .ds-card__nkrEji__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__nkrEji__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__nkrEji__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__nkrEji__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__nkrEji__content--top.sc-ds-card{align-items:center;display:flex;order:2;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__nkrEji__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__nkrEji__content--bottom.sc-ds-card{order:4}.ds-card__nkrEji__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__nkrEji__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__nkrEji__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__nkrEji__heading__link.sc-ds-card{all:unset}.ds-card__nkrEji__subtitle.sc-ds-card,.ds-card__nkrEji__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__nkrEji__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__nkrEji__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__nkrEji__slot-subtitle--hidden.sc-ds-card{display:none}";
 
 const cardIdGenerator = utils.idGenerator('ds-card');
 const DsCard = class {
@@ -163,17 +163,17 @@ const DsCard = class {
         const headingId = `${this.cardId}-heading`;
         const DsIcon = utils.transformTagName('ds-icon', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (index.h("article", { key: '57ca87be8426872a118155a496e24a9d75bbb797', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: 'e1e1750df499941ab86917bb74a010121da48849', class: `${baseClass}__content` }, index.h("div", { key: '807ef4e1cc5203f8cb0057ca7f884b3b00a9f252', class: {
+        return (index.h("article", { key: '1adf32af53386349b2bd220084af9fcc9958b648', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: '14e988fd3c4ffbb5b21a8fa9ad89657bb25737f1', class: `${baseClass}__content` }, index.h("div", { key: '11eb7e3a832d467e79554d97e30ba77685c99027', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, index.h("div", { key: 'b6b43a93e158ed61fb027e66c721e17b5d3025f3', class: `${baseClass}__heading-container` }, this.dsUrl ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: `${baseClass}__heading__link` }, index.h("slot", { name: "heading" }, this.dsHeading)))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsEyebrow && index.h("div", { key: 'c1aa235362caf7f140c274d380e95a444ce3ea18', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'f437e2f94a0893be71049d317d0b9bfb5a410c20', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: 'b96f0342f4450fbae949a11460648bc3d989819b', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
+            } }, index.h("div", { key: '8c52cd5611f0b5788bdda3aa22853aca5747a77b', class: `${baseClass}__heading-container` }, this.dsUrl ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: `${baseClass}__heading__link` }, index.h("slot", { name: "heading" }, this.dsHeading)))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && index.h("span", { key: '90123150655af9896cd235a362a2ad89e8e4377a', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && index.h("div", { key: '07e2c1a9cc3a1bf113904f0a8be41042964da83b', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: '7b6c284872df3a33e021eccc4738685e72d9fa61', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: '0cb9d8652e084ee0d6f438ed2f49048c810179a3', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, index.h("slot", { key: 'c094c952c32c75f4e1f35972697857ba9e9d2d80', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: 'eb8067195f2da899e302c2e28b53102fa07b769d', class: `${baseClass}__icon`, dsName: this.linkIcon })), index.h("div", { key: 'a005894165e8351b3525019863506452ff5ab1f4', class: index$1.classNames(`${baseClass}__content--bottom`, {
-                [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, this.dsDescription && index.h("p", { key: '71dcaac43ace23d550c02af9bf7b84d6b71d2e64', class: `${baseClass}__description` }, this.dsDescription), index.h("div", { key: '2d614baf3ce2c63409e1fe34540f5956368d93c0', class: `${baseClass}__slot--content` }, index.h("slot", { key: '2e53989838d10491a9cfedaa8d62bbcc54ad9698', name: "content" })), index.h("div", { key: '15b6c386c31c7b0619aa15701ff713ef6ee76cec', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '9da0c307566630b863a1e9dc041053fd2659ff26', name: "footer" })))), index.h("div", { key: '8754ec4d9c84cf784aa60279086ee48a1532003a', class: {
+            }) }, index.h("slot", { key: 'f12b13435b59c0d51d9e1477d1bc6a98dccf5dcb', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: '472f72104e3719f1ab8ec4aa830d6380ae0bab05', class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && index.h("p", { key: '9968b5324b111bce045887586696e05f42674001', class: `${baseClass}__description` }, this.dsDescription)), index.h("div", { key: '41b2b69de5f5b5d1c05dfd130a931a94bdf21b41', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: 'd5ee1a469335adb768707603ebdcde46cf48b0c8', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: 'acbba4114673e1675fe5841fad41afd739af85cc', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, index.h("slot", { key: 'e85abf280e7981836e9c363f43f7cf916637bbaf', name: "image", onSlotchange: () => this.checkImageSlot() })), index.h("div", { key: '20cde1c03cab1cb244f7085bdbd74c1778a937b6', class: index$1.classNames(`${baseClass}__content--bottom`, {
+                [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
+            }) }, index.h("div", { key: '4a1cf56c3d5f2fb0bd1e373a8f9f40d068aa6b6d', class: `${baseClass}__slot--content` }, index.h("slot", { key: '2b41627ca7b51b56695511c9b93d20e5f20ef32b', name: "content" })), index.h("div", { key: '0b231d3ee3b5b8f3077ab0ef1dcaf30723cbbfe4', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '60e0899f01c932fbbb1540123c5d7ad3a0aa3748', name: "footer" })))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-JgJtlsd6.js');
+var index = require('./index-BLVteh3w.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var utils = require('./utils-CEhBgrbV.js');
-var controlUtils = require('./controlUtils-Cqn295aw.js');
-var cx = require('./cx-7_PEyDS7.js');
-require('./store-CCqF9deg.js');
+var controlUtils = require('./controlUtils-Df6dCmrT.js');
+var cx = require('./cx-C3dbeP9F.js');
+require('./store-B5JrXfGq.js');
 
-const dsCheckboxGroupCss = ".ds-checkbox-group__JDwdTJ{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__JDwdTJ__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__JDwdTJ__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__JDwdTJ__error{display:flex}.ds-checkbox-group__JDwdTJ__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__JDwdTJ>.ds-checkbox-group__JDwdTJ__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__JDwdTJ--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__JDwdTJ--horizontal>.ds-checkbox-group__JDwdTJ__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+const dsCheckboxGroupCss = ".ds-checkbox-group__nkrEji{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__nkrEji__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__nkrEji__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__nkrEji__error{display:flex}.ds-checkbox-group__nkrEji__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__nkrEji>.ds-checkbox-group__nkrEji__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__nkrEji--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__nkrEji--horizontal>.ds-checkbox-group__nkrEji__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
 
 const fieldsetIdGenerator = utils.idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {
@@ -309,7 +309,7 @@ const DsCheckboxGroup = class {
         const checkboxesClasses = index$1.classNames(`${baseClass}__checkboxes`);
         const DsCheckbox = utils.transformTagName('ds-checkbox', 'ds-checkbox-group', this.el);
         const DsInputValidity = utils.transformTagName('ds-input-validity', 'ds-checkbox-group', this.el);
-        return (index.h("fieldset", { key: 'b64380214102bebb0d789d6018886ebfdac43fa7', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (index.h("legend", { key: 'b87e70138eb56171591c462caa5680682508e9a7', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (index.h("small", { key: '79e979270d9eaedbb7ad48b39b47f0a5d4317d2f', 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: '2b499ffdde772785b2350413a8a59c0920e3f1e5', class: errorClasses }, index.h(DsInputValidity, { key: '2863135ff88780448f28ac9f57a8b78e5b47d1f9', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
+        return (index.h("fieldset", { key: 'c4060d2878ae9d424608f81bb482af3f079de37c', class: classes, id: this.fieldsetId, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, this.dsLabel && (index.h("legend", { key: 'fb673485fdadfaa19907f76029dc8eee0955fa5d', id: this.legendId, class: legendClasses }, this.getLegendText())), this.dsAssistiveText && (index.h("small", { key: 'c313974eb63843527671f4ea822f2dfc5b593d1c', 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: 'fe7a22bf3dca643ea10c14bc0c256b0f5ea83a23', class: errorClasses }, index.h(DsInputValidity, { key: '76e97293f3276fb7771a608851df78ca2f694e41', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-JgJtlsd6.js');
+var index = require('./index-BLVteh3w.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-Cqn295aw.js');
+var controlUtils = require('./controlUtils-Df6dCmrT.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-7_PEyDS7.js');
-require('./store-CCqF9deg.js');
+var cx = require('./cx-C3dbeP9F.js');
+require('./store-B5JrXfGq.js');
 
-const dsCheckboxCss = ".ds-checkbox__JDwdTJ-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__JDwdTJ-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__JDwdTJ-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__JDwdTJ.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;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__JDwdTJ__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)}.ds-checkbox__JDwdTJ__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__JDwdTJ__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:hover,.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__JDwdTJ__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__JDwdTJ__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__JDwdTJ__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):checked,.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):checked:hover,.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):checked:active,.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):checked:disabled,.ds-checkbox__JDwdTJ__input.sc-ds-checkbox:not(.ds-checkbox__JDwdTJ__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__JDwdTJ__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__JDwdTJ__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__JDwdTJ__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__JDwdTJ__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__JDwdTJ__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__JDwdTJ--no-margin.sc-ds-checkbox .ds-checkbox__JDwdTJ__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__JDwdTJ--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__JDwdTJ__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__JDwdTJ.sc-ds-checkbox:has(.ds-checkbox__JDwdTJ__input:disabled){cursor:not-allowed}.ds-checkbox__JDwdTJ-error.sc-ds-checkbox{display:flex}.ds-checkbox__JDwdTJ-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
+const dsCheckboxCss = ".ds-checkbox__nkrEji-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__nkrEji-fieldset__legend.sc-ds-checkbox{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox__nkrEji-fieldset__assistive-text.sc-ds-checkbox{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}.ds-checkbox__nkrEji.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;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__nkrEji__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)}.ds-checkbox__nkrEji__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__nkrEji__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:hover,.ds-checkbox__nkrEji__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__nkrEji__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__nkrEji__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__nkrEji__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):checked,.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):checked:hover,.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):checked:active,.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):checked:disabled,.ds-checkbox__nkrEji__input.sc-ds-checkbox:not(.ds-checkbox__nkrEji__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__nkrEji__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__nkrEji__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__nkrEji__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__nkrEji__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__nkrEji__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__nkrEji--no-margin.sc-ds-checkbox .ds-checkbox__nkrEji__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__nkrEji--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__nkrEji__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__nkrEji.sc-ds-checkbox:has(.ds-checkbox__nkrEji__input:disabled){cursor:not-allowed}.ds-checkbox__nkrEji-error.sc-ds-checkbox{display:flex}.ds-checkbox__nkrEji-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 {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-JgJtlsd6.js');
+var index = require('./index-BLVteh3w.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-7_PEyDS7.js');
+var cx = require('./cx-C3dbeP9F.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-Cqn295aw.js');
-require('./store-CCqF9deg.js');
+var controlUtils = require('./controlUtils-Df6dCmrT.js');
+require('./store-B5JrXfGq.js');
 
-const dsChipGroupCss = ".ds-chip-group__JDwdTJ__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__nkrEji__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 {
@@ -158,7 +158,7 @@ const DsChipGroup = class {
         const ariaDescribedBy = attrAriaDescribedBy || [!!this.dsAssistiveText && assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = attrAriaLabel || this.dsLabel;
         const errorTextId = `${this.dsId}-error-text`;
-        return (index.h("div", { key: '8c2e1ff12270960700585bda2e6424bf22377a39', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...utils.ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, index.h(this.DsGroupLabel, { key: 'e98e969033876de30e4959cd331ea1eca49fd670', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '6611f352ea98a3e57e47ae56175b3acac287728c', name: "label" }), index.h("slot", { key: 'b34ad08d9e4672ac4c722c9501017597ed698935', name: "assistiveText" })), index.h("div", { key: '36ab80ab6a2565ab72a5c8f53fb0428ff50ac5f4', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '7c105c033cf72a61305675bf8369309484617d7c' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { key: 'dd86654cd86d1d1c651fb958c5a46e742921291c', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
+        return (index.h("div", { key: '41ba94f4a8898d18d37bd0d8df391026557796d6', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...utils.ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, index.h(this.DsGroupLabel, { key: 'aa3d31ed648edf57ba1f6929727ed87ab9289779', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: 'c1782ce439560d8d19e11a3bbbdfff12f5e51480', name: "label" }), index.h("slot", { key: 'bd07c9363d59341a74cbaa36a70bf2f201a9e5cf', name: "assistiveText" })), index.h("div", { key: 'b66e9d4d9c2229e97ce6de3c97b649552e5c3ec6', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '8a7b1e640b9bfdf16a8230ab71ba7718e9f0dc79' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { key: '640d582c5c224a1df088b8ef5b301c1bf1f96dbb', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-JgJtlsd6.js');
-var controlUtils = require('./controlUtils-Cqn295aw.js');
+var index = require('./index-BLVteh3w.js');
+var controlUtils = require('./controlUtils-Df6dCmrT.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-7_PEyDS7.js');
+var cx = require('./cx-C3dbeP9F.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-require('./store-CCqF9deg.js');
+require('./store-B5JrXfGq.js');
 
-const dsChipCss = ".ds-chip__JDwdTJ: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__JDwdTJ{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__JDwdTJ:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__JDwdTJ:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__JDwdTJ__text{padding:0 var(--ds-spacing-3xSmall)}";
+const dsChipCss = ".ds-chip__nkrEji: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__nkrEji{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__nkrEji:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__nkrEji:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__nkrEji__text{padding:0 var(--ds-spacing-3xSmall)}";
 
 const chipIdGenerator = utils.idGenerator('ds-chip');
 const DsChip = class {
@@ -71,7 +71,7 @@ const DsChip = class {
         const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-chip', this.el);
         const Elem = this.inheritedAttributes.role ? 'div' : index.Fragment;
         const { role, ...restAttributes } = this.inheritedAttributes;
-        return (index.h(Elem, { key: 'b885f572d06954ffe8b7d72ebe8a7092f2ed46fe', role: role }, index.h("button", { key: '21294a3220bd575128a1b92442f006da7444e1f2', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, ...restAttributes }, index.h("slot", { key: '1009e69d5a99201662a9c05ac5d9f05a1e10faa9', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: 'b34b053fcf8ad0363893e6f2a15b1d65096b6d50', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: 'dccce4141f97b37bde7f6e192bcfa62f3e329227', class: `${baseClass}__text` }, index.h("slot", { key: 'aa55f0c6c9f148e7d5f3d0c074651140eb28c8f7' }, this.dsText), index.h(DsVisuallyHidden, { key: '7c125b88cab746e923d4a1dbeaca69c8c6e638fa', dsTag: "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: '1ff5478cbc6163a27dde651314270007a928a081', dsName: "close", dsSize: "1rem" }))));
+        return (index.h(Elem, { key: 'd6d0e700274168c3bdad700373065ce1461a5eee', role: role }, index.h("button", { key: '770ae1766f0de7664b141a6e53ad0a04d3ab37b0', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, ...restAttributes }, index.h("slot", { key: '0910eaac3193f00a3b751ea28bb38dd1d243ce5c', name: "prefix" }, this.dsIcon && index.h(DsIcon, { key: 'd319b05f4428c8dbcb6fadac5e14efb5d5161fc8', dsName: this.dsIcon, dsSize: "1rem" })), index.h("span", { key: '12b530c87605d6c965a40a018da975fc22e6686b', class: `${baseClass}__text` }, index.h("slot", { key: '95914131342f5e320cffdcf60592b900c42caf7e' }, this.dsText), index.h(DsVisuallyHidden, { key: 'f305e96fc82f06f7b4bdd49bba5571da85dceaa8', dsTag: "span" }, ", ", controlUtils.removeSelection())), index.h(DsIcon, { key: 'b59e33d8d7dcc5a358d9be79f5b2f45abe6ee021', dsName: "close", dsSize: "1rem" }))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],