npm - @uh-design-system/component-library - Versions diffs - 1.2.0-rc.2 → 1.2.0 - Mend

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

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

Files changed (1599) hide show

package/dist/components/ds-tag2.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './ds-icon2.js';
 import { d as defineCustomElement$2 } from './ds-link2.js';
 import { d as defineCustomElement$1 } from './ds-visually-hidden2.js';
-const dsTagCss = ".ds-tag__iX535h: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-tag__iX535h:focus-within{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-tag__iX535h{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__iX535h.ds-tag__iX535h--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__iX535h.ds-tag__iX535h--default:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__iX535h.ds-tag__iX535h--default:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__iX535h.ds-tag__iX535h--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__iX535h.ds-tag__iX535h--black:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__iX535h.ds-tag__iX535h--black:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__iX535h.ds-tag__iX535h--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__iX535h.ds-tag__iX535h--white:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__iX535h.ds-tag__iX535h--white:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__iX535h.ds-tag__iX535h--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__iX535h.ds-tag__iX535h--info:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__iX535h.ds-tag__iX535h--info:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__iX535h.ds-tag__iX535h--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__iX535h.ds-tag__iX535h--danger:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__iX535h.ds-tag__iX535h--danger:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__iX535h.ds-tag__iX535h--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__iX535h.ds-tag__iX535h--attention:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__iX535h.ds-tag__iX535h--attention:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__iX535h.ds-tag__iX535h--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__iX535h.ds-tag__iX535h--success:has(.ds-tag__iX535h__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__iX535h.ds-tag__iX535h--success:has(.ds-tag__iX535h__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__iX535h__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__iX535h__link{display:contents}.ds-tag__iX535h__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";
+const dsTagCss = ".ds-tag__DFAX9n: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-tag__DFAX9n:focus-within{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-tag__DFAX9n{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--default:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--black:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--white:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--info:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--danger:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--attention:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success:has(.ds-tag__DFAX9n__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__DFAX9n.ds-tag__DFAX9n--success:has(.ds-tag__DFAX9n__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__DFAX9n__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__DFAX9n__link{display:contents}.ds-tag__DFAX9n__link::part(link):focus-visible{box-shadow:none;outline:none;outline-offset:none}";
 const DsTag = proxyCustomElement(class DsTag extends H {
     constructor(registerHost) {

package/dist/components/ds-text-area.js CHANGED Viewed

@@ -12,7 +12,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 dsTextAreaCss = ".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__iX535h__container--full-width){width:100%}.ds-text-area__iX535h__container.sc-ds-text-area: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-text-area__iX535h__container.sc-ds-text-area:focus-within{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-text-area__iX535h__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid.ds-text-area__iX535h__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__iX535h__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__iX535h__container--valid.sc-ds-text-area:hover:not(.ds-text-area__iX535h__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__iX535h__container--valid.ds-text-area__iX535h__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__iX535h__container--readonly.sc-ds-text-area,.ds-text-area__iX535h__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__iX535h__container.sc-ds-text-area:focus-within:not(.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--valid.sc-ds-text-area,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__iX535h__container.sc-ds-text-area:hover:not(.ds-text-area__iX535h__container.ds-text-area__iX535h__container--disabled,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--readonly.sc-ds-text-area,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--active.sc-ds-text-area,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid.sc-ds-text-area,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--valid.sc-ds-text-area,.ds-text-area__iX535h__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__iX535h__container.active.sc-ds-text-area:not(.ds-text-area__iX535h__container.ds-text-area__iX535h__container--disabled,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--readonly.sc-ds-text-area,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--invalid.sc-ds-text-area,.ds-text-area__iX535h__container.ds-text-area__iX535h__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__iX535h__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__iX535h__external-button.sc-ds-text-area,.ds-text-area__iX535h.sc-ds-text-area-s>[slot=suffix],.ds-text-area__iX535h .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__iX535h__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__iX535h__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__iX535h__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__iX535h__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__iX535h__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__iX535h__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__iX535h__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__iX535h__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__iX535h__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__iX535h__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__iX535h__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__iX535h__textarea--resize-auto.sc-ds-text-area,.ds-text-area__iX535h__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__iX535h__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__iX535h__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__iX535h__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__iX535h__textarea--full-width.sc-ds-text-area{width:100%}";
+const dsTextAreaCss = ".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__DFAX9n__container--full-width){width:100%}.ds-text-area__DFAX9n__container.sc-ds-text-area: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-text-area__DFAX9n__container.sc-ds-text-area:focus-within{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-text-area__DFAX9n__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.ds-text-area__DFAX9n__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__DFAX9n__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__DFAX9n__container--valid.sc-ds-text-area:hover:not(.ds-text-area__DFAX9n__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__DFAX9n__container--valid.ds-text-area__DFAX9n__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__DFAX9n__container--readonly.sc-ds-text-area,.ds-text-area__DFAX9n__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__DFAX9n__container.sc-ds-text-area:focus-within:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--valid.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__DFAX9n__container.sc-ds-text-area:hover:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--disabled,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--readonly.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--active.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--valid.sc-ds-text-area,.ds-text-area__DFAX9n__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__DFAX9n__container.active.sc-ds-text-area:not(.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--disabled,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--readonly.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--invalid.sc-ds-text-area,.ds-text-area__DFAX9n__container.ds-text-area__DFAX9n__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__DFAX9n__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__DFAX9n__external-button.sc-ds-text-area,.ds-text-area__DFAX9n.sc-ds-text-area-s>[slot=suffix],.ds-text-area__DFAX9n .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__DFAX9n__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__DFAX9n__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__DFAX9n__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__DFAX9n__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__DFAX9n__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__DFAX9n__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__DFAX9n__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__DFAX9n__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__DFAX9n__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__DFAX9n__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__DFAX9n__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__DFAX9n__textarea--resize-auto.sc-ds-text-area,.ds-text-area__DFAX9n__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__DFAX9n__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__DFAX9n__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__DFAX9n__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__DFAX9n__textarea--full-width.sc-ds-text-area{width:100%}";
 const textareaIdGenerator = idGenerator('ds-text-area');
 const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {

package/dist/components/ds-text-input.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { d as defineCustomElement$4 } from './ds-input-validity2.js';
 import { d as defineCustomElement$3 } from './ds-spinner2.js';
 import { d as defineCustomElement$2 } from './ds-visually-hidden2.js';
-const dsTextInputCss = ".sc-ds-text-input-h *.sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__iX535h__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__iX535h__label-container.sc-ds-text-input label.sc-ds-text-input{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);color:var(--ds-textColor-default)}.ds-text-input__iX535h__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__iX535h__container.sc-ds-text-input: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-text-input__iX535h__container.sc-ds-text-input:focus-within{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-text-input__iX535h__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__iX535h__container.ds-text-input__iX535h__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--invalid.ds-text-input__iX535h__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--valid.sc-ds-text-input:hover:not(.ds-text-input__iX535h__container.ds-text-input__iX535h__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--valid.sc-ds-text-input .ds-text-input__iX535h__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__iX535h__container.ds-text-input__iX535h__container--readonly.sc-ds-text-input,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__iX535h__container.sc-ds-text-input:has(span.ds-text-input__iX535h__prefix,.ds-text-input__iX535h__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__iX535h__container.sc-ds-text-input:has(.ds-text-input__iX535h__button){padding-inline-end:unset}.ds-text-input__iX535h__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__iX535h__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__iX535h__container.active.sc-ds-text-input:not(.ds-text-input__iX535h__container.ds-text-input__iX535h__container--disabled,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--readonly.sc-ds-text-input,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--invalid.sc-ds-text-input,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__iX535h__container.sc-ds-text-input:hover:not(.ds-text-input__iX535h__container.ds-text-input__iX535h__container--disabled,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--readonly.sc-ds-text-input,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--active.sc-ds-text-input,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--invalid.sc-ds-text-input,.ds-text-input__iX535h__container.ds-text-input__iX535h__container--valid.sc-ds-text-input,.ds-text-input__iX535h__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__iX535h__container.sc-ds-text-input:focus-within:not(.ds-text-input__iX535h__container:focus-within.ds-text-input__iX535h__container--invalid,.ds-text-input__iX535h__container.sc-ds-text-input:focus-within.ds-text-input__iX535h__container--valid,.ds-text-input__iX535h__container.sc-ds-text-input:focus-within.ds-text-input__iX535h__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__iX535h__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__iX535h__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__iX535h__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__iX535h__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__iX535h__container.sc-ds-text-input:has(span.ds-text-input__iX535h__prefix,.ds-text-input__iX535h__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__iX535h__container.sc-ds-text-input span.ds-text-input__iX535h__prefix.sc-ds-text-input,.ds-text-input__iX535h__container.sc-ds-text-input span.ds-text-input__iX535h__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__iX535h__container.sc-ds-text-input .ds-text-input__iX535h__icon.sc-ds-text-input,.ds-text-input__iX535h__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__iX535h__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__iX535h__container.sc-ds-text-input .ds-text-input__iX535h__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";
+const dsTextInputCss = ".sc-ds-text-input-h *.sc-ds-text-input,.ds-no-style-leak.sc-ds-text-input *.sc-ds-text-input{all:unset;box-sizing:border-box;display:block}.sc-ds-text-input-h{display:block;width:288px}@media (min-width: 75rem){.sc-ds-text-input-h{width:320px}}.ds-text-input__DFAX9n__label-container.sc-ds-text-input{margin-block-end:var(--ds-spacing-2xSmall)}.ds-text-input__DFAX9n__label-container.sc-ds-text-input label.sc-ds-text-input{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);color:var(--ds-textColor-default)}.ds-text-input__DFAX9n__label-container.sc-ds-text-input small.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);display:block;margin-block-start:var(--ds-spacing-3xSmall);color:var(--ds-textColor-secondary)}.ds-text-input__DFAX9n__container.sc-ds-text-input: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-text-input__DFAX9n__container.sc-ds-text-input:focus-within{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-text-input__DFAX9n__container.sc-ds-text-input{box-sizing:border-box;width:100%;display:inline-flex;position:relative;align-items:center;border-width:var(--ds-borderWidth-thin);border-style:solid;background-color:var(--ds-bgColor-white);border-color:var(--ds-borderColor-default);padding-inline:var(--ds-spacing-xSmall)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input:hover:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.ds-text-input__DFAX9n__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input:hover:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input .ds-text-input__DFAX9n__container--active.sc-ds-text-input{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--readonly.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--disabled.sc-ds-text-input{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(span.ds-text-input__DFAX9n__prefix,.ds-text-input__DFAX9n__icon).sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(.ds-text-input__DFAX9n__button){padding-inline-end:unset}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(input:active):not:has(input:disabled,input.sc-ds-text-input:read-only){border-color:var(--ds-borderColor-default)}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(input:active){outline:none}.ds-text-input__DFAX9n__container.active.sc-ds-text-input:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--disabled,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--readonly.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid).sc-ds-text-input{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-input__DFAX9n__container.sc-ds-text-input:hover:not(.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--disabled,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--readonly.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--active.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--invalid.sc-ds-text-input,.ds-text-input__DFAX9n__container.ds-text-input__DFAX9n__container--valid.sc-ds-text-input,.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within:not(.ds-text-input__DFAX9n__container:focus-within.ds-text-input__DFAX9n__container--invalid,.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within.ds-text-input__DFAX9n__container--valid,.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within.ds-text-input__DFAX9n__container--readonly){border-color:var(--ds-borderColor-primary)}.ds-text-input__DFAX9n__container.sc-ds-text-input:focus-within *.sc-ds-text-input>.ds-text-input__DFAX9n__button.sc-ds-text-input>button.sc-ds-text-input:focus-visible{background-clip:padding-box;outline-offset:-5px;box-shadow:none;height:var(--ds-spacing-xLarge);background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:100%;box-sizing:border-box;background-color:unset;flex-grow:1;height:var(--ds-spacing-xLarge);line-height:var(--ds-fontSize-24);color:var(--ds-textColor-default);border:none;padding-block:var(--ds-spacing-4xSmall)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input:disabled{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input:focus{outline:none;border:none}.ds-text-input__DFAX9n__container.sc-ds-text-input>input[type=number].sc-ds-text-input{appearance:textfield}.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-decoration,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-cancel-button,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-button,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-search-results-decoration,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-inner-spin-button,.ds-text-input__DFAX9n__container.sc-ds-text-input>input.sc-ds-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.ds-text-input__DFAX9n__container.sc-ds-text-input:has(span.ds-text-input__DFAX9n__prefix,.ds-text-input__DFAX9n__icon).sc-ds-text-input>input.sc-ds-text-input{padding-inline-start:var(--ds-spacing-2xSmall)}.ds-text-input__DFAX9n__container.sc-ds-text-input span.ds-text-input__DFAX9n__prefix.sc-ds-text-input,.ds-text-input__DFAX9n__container.sc-ds-text-input span.ds-text-input__DFAX9n__suffix.sc-ds-text-input{font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-link-standalone)}.ds-text-input__DFAX9n__container.sc-ds-text-input .ds-text-input__DFAX9n__icon.sc-ds-text-input,.ds-text-input__DFAX9n__container.sc-ds-text-input-s>[slot=prefix],.ds-text-input__DFAX9n__container .sc-ds-text-input-s>[slot=prefix]{height:1.5rem;color:var(--ds-textColor-default)}.ds-text-input__DFAX9n__container.sc-ds-text-input .ds-text-input__DFAX9n__button.sc-ds-text-input{margin-top:calc(var(--ds-spacing-3xSmall) * -1);margin-right:calc(var(--ds-spacing-4xSmall) * -1);max-height:40px}";
 const INPUT_TYPE_ICONS_MAP = {
     search: 'search',

package/dist/components/ds-visually-hidden2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './index2.js';
 import { c as cx } from './cx.js';
-const dsVisuallyHiddenCss = ":host{position:absolute}.ds-visually-hidden__iX535h{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
+const dsVisuallyHiddenCss = ":host{position:absolute}.ds-visually-hidden__DFAX9n{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
 const DsVisuallyHidden = proxyCustomElement(class DsVisuallyHidden extends H {
     constructor(registerHost) {

package/dist/components/index2.js CHANGED Viewed

@@ -2,7 +2,7 @@ const globalStyles = "html{box-sizing:border-box}html *,html *::before,html *::a
 const NAMESPACE = 'component-library';
 const BUILD = /* component-library */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: false, shadowDom: true, slotRelocation: true, updatable: true};
-const Env = /* component-library */ {"PACKAGE_VERSION":"iX535h"};
+const Env = /* component-library */ {"PACKAGE_VERSION":"DFAX9n"};
 /*
  Stencil Client Platform v4.38.2 | MIT Licensed | https://stenciljs.com