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

package/dist/components/ds-checkbox2.js

@@ -8,7 +8,7 @@ import { d as defineCustomElement$3 } from './ds-feedback2.js';
 import { d as defineCustomElement$2 } from './ds-icon2.js';
 import { d as defineCustomElement$1 } from './ds-input-validity2.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 = idGenerator('ds-checkbox');
 const DsCheckbox = proxyCustomElement(class DsCheckbox extends H {

package/dist/components/ds-chip-group.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$4 } from './ds-icon2.js';
 import { d as defineCustomElement$3 } from './ds-input-validity2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.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 = idGenerator('ds-chip-group');
 const DsChipGroup$1 = proxyCustomElement(class DsChipGroup extends H {
@@ -159,7 +159,7 @@ const DsChipGroup$1 = proxyCustomElement(class DsChipGroup extends H {
         const ariaDescribedBy = attrAriaDescribedBy || [!!this.dsAssistiveText && assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = attrAriaLabel || this.dsLabel;
         const errorTextId = `${this.dsId}-error-text`;
-        return (h("div", { key: '8c2e1ff12270960700585bda2e6424bf22377a39', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, h(this.DsGroupLabel, { key: 'e98e969033876de30e4959cd331ea1eca49fd670', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, h("slot", { key: '6611f352ea98a3e57e47ae56175b3acac287728c', name: "label" }), h("slot", { key: 'b34ad08d9e4672ac4c722c9501017597ed698935', name: "assistiveText" })), h("div", { key: '36ab80ab6a2565ab72a5c8f53fb0428ff50ac5f4', role: "list", class: `${baseClass}__chips` }, h("slot", { key: '7c105c033cf72a61305675bf8369309484617d7c' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => h("input", { type: "hidden", name: this.dsName, value: chip.dsValue })), !!this.dsErrorText && h(this.DsInputValidity, { key: 'dd86654cd86d1d1c651fb958c5a46e742921291c', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
+        return (h("div", { key: '41ba94f4a8898d18d37bd0d8df391026557796d6', class: baseClass, role: "group", ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-describedby', ariaDescribedBy), ...ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, h(this.DsGroupLabel, { key: 'aa3d31ed648edf57ba1f6929727ed87ab9289779', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, h("slot", { key: 'c1782ce439560d8d19e11a3bbbdfff12f5e51480', name: "label" }), h("slot", { key: 'bd07c9363d59341a74cbaa36a70bf2f201a9e5cf', name: "assistiveText" })), h("div", { key: 'b66e9d4d9c2229e97ce6de3c97b649552e5c3ec6', role: "list", class: `${baseClass}__chips` }, h("slot", { key: '8a7b1e640b9bfdf16a8230ab71ba7718e9f0dc79' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), !!this.dsErrorText && h(this.DsInputValidity, { key: '640d582c5c224a1df088b8ef5b301c1bf1f96dbb', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/components/ds-chip2.js

@@ -6,7 +6,7 @@ import { i as inheritAriaAttributes, a as inheritAttributes } from './attributes
 import { d as defineCustomElement$2 } from './ds-icon2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.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 = idGenerator('ds-chip');
 const DsChip = proxyCustomElement(class DsChip extends H {
@@ -73,7 +73,7 @@ const DsChip = proxyCustomElement(class DsChip extends H {
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-chip', this.el);
         const Elem = this.inheritedAttributes.role ? 'div' : Fragment;
         const { role, ...restAttributes } = this.inheritedAttributes;
-        return (h(Elem, { key: 'b885f572d06954ffe8b7d72ebe8a7092f2ed46fe', role: role }, h("button", { key: '21294a3220bd575128a1b92442f006da7444e1f2', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, ...restAttributes }, h("slot", { key: '1009e69d5a99201662a9c05ac5d9f05a1e10faa9', name: "prefix" }, this.dsIcon && h(DsIcon, { key: 'b34b053fcf8ad0363893e6f2a15b1d65096b6d50', dsName: this.dsIcon, dsSize: "1rem" })), h("span", { key: 'dccce4141f97b37bde7f6e192bcfa62f3e329227', class: `${baseClass}__text` }, h("slot", { key: 'aa55f0c6c9f148e7d5f3d0c074651140eb28c8f7' }, this.dsText), h(DsVisuallyHidden, { key: '7c125b88cab746e923d4a1dbeaca69c8c6e638fa', dsTag: "span" }, ", ", removeSelection())), h(DsIcon, { key: '1ff5478cbc6163a27dde651314270007a928a081', dsName: "close", dsSize: "1rem" }))));
+        return (h(Elem, { key: 'd6d0e700274168c3bdad700373065ce1461a5eee', role: role }, h("button", { key: '770ae1766f0de7664b141a6e53ad0a04d3ab37b0', ref: el => (this.buttonEl = el), class: baseClass, id: this.dsId, name: this.name, form: this.dsForm, type: this.dsType, ...restAttributes }, h("slot", { key: '0910eaac3193f00a3b751ea28bb38dd1d243ce5c', name: "prefix" }, this.dsIcon && h(DsIcon, { key: 'd319b05f4428c8dbcb6fadac5e14efb5d5161fc8', dsName: this.dsIcon, dsSize: "1rem" })), h("span", { key: '12b530c87605d6c965a40a018da975fc22e6686b', class: `${baseClass}__text` }, h("slot", { key: '95914131342f5e320cffdcf60592b900c42caf7e' }, this.dsText), h(DsVisuallyHidden, { key: 'f305e96fc82f06f7b4bdd49bba5571da85dceaa8', dsTag: "span" }, ", ", removeSelection())), h(DsIcon, { key: 'b59e33d8d7dcc5a358d9be79f5b2f45abe6ee021', dsName: "close", dsSize: "1rem" }))));
     }
     static get watchers() { return {
         "role": ["ariaAttributeObserver"],