@uh-design-system/component-library 1.3.0 → 1.3.1

package/dist/collection/components/01-base-components/ds-tag/ds-tag.css

@@ -1,14 +1,14 @@
-.ds-tag__ugqjFm:focus-visible {
+.ds-tag__FMFA7u: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__ugqjFm:focus-within {
+.ds-tag__FMFA7u: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__ugqjFm {
+.ds-tag__FMFA7u {
   box-sizing: border-box;
   display: inline-flex;
   align-items: center;
@@ -17,87 +17,87 @@
   padding: calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);
   gap: var(--ds-spacing-3xSmall);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--default {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--default {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-neutral);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--default:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--default:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-neutral-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--default:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--default:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-neutral-active);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--black {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--black {
   color: var(--ds-textColor-white);
   background-color: var(--ds-bgColor-black);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--black:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--black:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--black:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--black:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--white {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--white {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-white);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--white:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--white:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--white:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--white:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--info {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--info {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-info);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--info:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--info:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-info-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--info:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--info:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-info-active);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--danger {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--danger {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-danger);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--danger:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--danger:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--danger:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--danger:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-danger-active);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--attention {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--attention {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-attention);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--attention:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--attention:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-attention-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--attention:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--attention:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-attention-active);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--success {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--success {
   color: var(--ds-textColor-default);
   background-color: var(--ds-bgColor-success);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--success:has(.ds-tag__ugqjFm__link:hover) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--success:has(.ds-tag__FMFA7u__link:hover) {
   background-color: var(--ds-bgColor-success-hover);
 }
-.ds-tag__ugqjFm.ds-tag__ugqjFm--success:has(.ds-tag__ugqjFm__link:active) {
+.ds-tag__FMFA7u.ds-tag__FMFA7u--success:has(.ds-tag__FMFA7u__link:active) {
   background-color: var(--ds-bgColor-success-active);
 }
-.ds-tag__ugqjFm__text {
+.ds-tag__FMFA7u__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__ugqjFm__link {
+.ds-tag__FMFA7u__link {
   display: contents;
 }
-.ds-tag__ugqjFm__link::part(link):focus-visible {
+.ds-tag__FMFA7u__link::part(link):focus-visible {
   box-shadow: none;
   outline: none;
   outline-offset: none;

package/dist/collection/components/01-base-components/ds-tag-group/ds-tag-group.css

@@ -1,4 +1,4 @@
-.ds-tag-group__ugqjFm__tags {
+.ds-tag-group__FMFA7u__tags {
   display: inline-flex;
   flex-flow: row wrap;
   gap: var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);

package/dist/collection/components/01-base-components/ds-text-area/ds-text-area.css

@@ -7,21 +7,21 @@
 :host {
   display: inline-block;
 }
-:host:has(.ds-text-area__ugqjFm__container--full-width) {
+:host:has(.ds-text-area__FMFA7u__container--full-width) {
   width: 100%;
 }
 
-.ds-text-area__ugqjFm__container:focus-visible {
+.ds-text-area__FMFA7u__container: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__ugqjFm__container:focus-within {
+.ds-text-area__FMFA7u__container: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__ugqjFm__container {
+.ds-text-area__FMFA7u__container {
   box-sizing: border-box;
   display: inline-flex;
   position: relative;
@@ -31,73 +31,73 @@
   border-color: var(--ds-borderColor-default);
   padding: 0;
 }
-.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid {
+.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid:hover:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid:focus-within) {
+.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid:hover:not(.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid:focus-within) {
   background-color: var(--ds-bgColor-danger-hover);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid.ds-text-area__ugqjFm__container--active {
+.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid.ds-text-area__FMFA7u__container--active {
   background-color: var(--ds-bgColor-danger-active);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-area__ugqjFm__container--valid {
+.ds-text-area__FMFA7u__container--valid {
   background-color: var(--ds-bgColor-success);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-area__ugqjFm__container--valid:hover:not(.ds-text-area__ugqjFm__container--valid:focus-within) {
+.ds-text-area__FMFA7u__container--valid:hover:not(.ds-text-area__FMFA7u__container--valid:focus-within) {
   background-color: var(--ds-bgColor-success-hover);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-area__ugqjFm__container--valid.ds-text-area__ugqjFm__container--active {
+.ds-text-area__FMFA7u__container--valid.ds-text-area__FMFA7u__container--active {
   background-color: var(--ds-bgColor-success-active);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-area__ugqjFm__container--readonly, .ds-text-area__ugqjFm__container--disabled {
+.ds-text-area__FMFA7u__container--readonly, .ds-text-area__FMFA7u__container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-text-area__ugqjFm__container:focus-within:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--valid, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--readonly) {
+.ds-text-area__FMFA7u__container:focus-within:not(.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--valid, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--readonly) {
   border-color: var(--ds-borderColor-primary);
 }
-.ds-text-area__ugqjFm__container:hover:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--disabled, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--readonly, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--active, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--valid, .ds-text-area__ugqjFm__container:focus-within) {
+.ds-text-area__FMFA7u__container:hover:not(.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--disabled, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--readonly, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--active, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--valid, .ds-text-area__FMFA7u__container:focus-within) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-text-area__ugqjFm__container.active:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--disabled, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--readonly, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid, .ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--valid) {
+.ds-text-area__FMFA7u__container.active:not(.ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--disabled, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--readonly, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--invalid, .ds-text-area__FMFA7u__container.ds-text-area__FMFA7u__container--valid) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-text-area__ugqjFm__container--full-width {
+.ds-text-area__FMFA7u__container--full-width {
   width: 100%;
 }
-.ds-text-area__ugqjFm__external-button,
-.ds-text-area__ugqjFm ::slotted([slot=suffix]) {
+.ds-text-area__FMFA7u__external-button,
+.ds-text-area__FMFA7u ::slotted([slot=suffix]) {
   margin-inline-start: var(--ds-spacing-xSmall);
   align-self: flex-start;
 }
-.ds-text-area__ugqjFm__validity-container {
+.ds-text-area__FMFA7u__validity-container {
   align-items: center;
   width: 100%;
   font-size: var(--ds-fontSize-14);
 }
-.ds-text-area__ugqjFm__validity-container--has-character-limit {
+.ds-text-area__FMFA7u__validity-container--has-character-limit {
   display: flex;
   gap: var(--ds-spacing-small);
   justify-content: space-between;
 }
-.ds-text-area__ugqjFm__character-count {
+.ds-text-area__FMFA7u__character-count {
   margin-top: var(--ds-spacing-2xSmall);
 }
-.ds-text-area__ugqjFm__character-count--over-limit {
+.ds-text-area__FMFA7u__character-count--over-limit {
   color: var(--ds-textColor-danger);
 }
-.ds-text-area__ugqjFm__character-count > small {
+.ds-text-area__FMFA7u__character-count > small {
   display: inline-block;
 }
-.ds-text-area__ugqjFm__textarea {
+.ds-text-area__FMFA7u__textarea {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -112,7 +112,7 @@
   border: none;
   padding: var(--ds-spacing-2xSmall);
 }
-.ds-text-area__ugqjFm__textarea::placeholder {
+.ds-text-area__FMFA7u__textarea::placeholder {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -120,33 +120,33 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-area__ugqjFm__textarea:disabled {
+.ds-text-area__FMFA7u__textarea:disabled {
   color: var(--ds-textColor-disabled-onLight);
   background-color: var(--ds-bgColor-disabled-onLight);
   cursor: not-allowed;
 }
-.ds-text-area__ugqjFm__textarea:disabled::placeholder {
+.ds-text-area__FMFA7u__textarea:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-area__ugqjFm__textarea:focus {
+.ds-text-area__FMFA7u__textarea:focus {
   outline: none;
   border: none;
 }
-.ds-text-area__ugqjFm__textarea--resize-both {
+.ds-text-area__FMFA7u__textarea--resize-both {
   resize: both;
 }
-.ds-text-area__ugqjFm__textarea--resize-auto, .ds-text-area__ugqjFm__textarea--resize-none {
+.ds-text-area__FMFA7u__textarea--resize-auto, .ds-text-area__FMFA7u__textarea--resize-none {
   resize: none;
 }
-.ds-text-area__ugqjFm__textarea--resize-auto {
+.ds-text-area__FMFA7u__textarea--resize-auto {
   overflow: hidden;
 }
-.ds-text-area__ugqjFm__textarea--resize-vertical {
+.ds-text-area__FMFA7u__textarea--resize-vertical {
   resize: vertical;
 }
-.ds-text-area__ugqjFm__textarea--resize-horizontal {
+.ds-text-area__FMFA7u__textarea--resize-horizontal {
   resize: horizontal;
 }
-.ds-text-area__ugqjFm__textarea--full-width {
+.ds-text-area__FMFA7u__textarea--full-width {
   width: 100%;
 }

package/dist/collection/components/01-base-components/ds-text-input/ds-text-input.css

@@ -14,10 +14,10 @@
   }
 }
 
-.ds-text-input__ugqjFm__label-container {
+.ds-text-input__FMFA7u__label-container {
   margin-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__ugqjFm__label-container label {
+.ds-text-input__FMFA7u__label-container label {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-semibold);
@@ -25,7 +25,7 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-default);
 }
-.ds-text-input__ugqjFm__label-container small {
+.ds-text-input__FMFA7u__label-container small {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
   font-weight: var(--ds-fontWeight-regular);
@@ -35,17 +35,17 @@
   margin-block-start: var(--ds-spacing-3xSmall);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__ugqjFm__container:focus-visible {
+.ds-text-input__FMFA7u__container: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__ugqjFm__container:focus-within {
+.ds-text-input__FMFA7u__container: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__ugqjFm__container {
+.ds-text-input__FMFA7u__container {
   box-sizing: border-box;
   width: 100%;
   display: inline-flex;
@@ -57,65 +57,65 @@
   border-color: var(--ds-borderColor-default);
   padding-inline: var(--ds-spacing-xSmall);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--invalid {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--invalid:hover:not(.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--invalid:focus-within) {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--invalid:hover:not(.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--invalid:focus-within) {
   background-color: var(--ds-bgColor-danger-hover);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--invalid.ds-text-input__ugqjFm__container--active {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--invalid.ds-text-input__FMFA7u__container--active {
   background-color: var(--ds-bgColor-danger-active);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--valid {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--valid {
   background-color: var(--ds-bgColor-success);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--valid:hover:not(.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--valid:focus-within) {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--valid:hover:not(.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--valid:focus-within) {
   background-color: var(--ds-bgColor-success-hover);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--valid .ds-text-input__ugqjFm__container--active {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--valid .ds-text-input__FMFA7u__container--active {
   background-color: var(--ds-bgColor-success-active);
   border-color: var(--ds-borderColor-success);
 }
-.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--readonly, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--disabled {
+.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--readonly, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
 }
-.ds-text-input__ugqjFm__container:has(span.ds-text-input__ugqjFm__prefix, .ds-text-input__ugqjFm__icon) {
+.ds-text-input__FMFA7u__container:has(span.ds-text-input__FMFA7u__prefix, .ds-text-input__FMFA7u__icon) {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__ugqjFm__container:has(.ds-text-input__ugqjFm__button) {
+.ds-text-input__FMFA7u__container:has(.ds-text-input__FMFA7u__button) {
   padding-inline-end: unset;
 }
-.ds-text-input__ugqjFm__container:has(input:active):not:has(input:disabled, input:read-only) {
+.ds-text-input__FMFA7u__container:has(input:active):not:has(input:disabled, input:read-only) {
   border-color: var(--ds-borderColor-default);
 }
-.ds-text-input__ugqjFm__container:has(input:active) {
+.ds-text-input__FMFA7u__container:has(input:active) {
   outline: none;
 }
-.ds-text-input__ugqjFm__container.active:not(.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--disabled, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--readonly, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--invalid, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--valid) {
+.ds-text-input__FMFA7u__container.active:not(.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--disabled, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--readonly, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--invalid, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--valid) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-text-input__ugqjFm__container:hover:not(.ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--disabled, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--readonly, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--active, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--invalid, .ds-text-input__ugqjFm__container.ds-text-input__ugqjFm__container--valid, .ds-text-input__ugqjFm__container:focus-within) {
+.ds-text-input__FMFA7u__container:hover:not(.ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--disabled, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--readonly, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--active, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--invalid, .ds-text-input__FMFA7u__container.ds-text-input__FMFA7u__container--valid, .ds-text-input__FMFA7u__container:focus-within) {
   border-color: var(--ds-borderColor-default);
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-text-input__ugqjFm__container:focus-within:not(.ds-text-input__ugqjFm__container:focus-within.ds-text-input__ugqjFm__container--invalid, .ds-text-input__ugqjFm__container:focus-within.ds-text-input__ugqjFm__container--valid, .ds-text-input__ugqjFm__container:focus-within.ds-text-input__ugqjFm__container--readonly) {
+.ds-text-input__FMFA7u__container:focus-within:not(.ds-text-input__FMFA7u__container:focus-within.ds-text-input__FMFA7u__container--invalid, .ds-text-input__FMFA7u__container:focus-within.ds-text-input__FMFA7u__container--valid, .ds-text-input__FMFA7u__container:focus-within.ds-text-input__FMFA7u__container--readonly) {
   border-color: var(--ds-borderColor-primary);
 }
-.ds-text-input__ugqjFm__container:focus-within * > .ds-text-input__ugqjFm__button > button:focus-visible {
+.ds-text-input__FMFA7u__container:focus-within * > .ds-text-input__FMFA7u__button > button: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__ugqjFm__container > input {
+.ds-text-input__FMFA7u__container > input {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -131,7 +131,7 @@
   border: none;
   padding-block: var(--ds-spacing-4xSmall);
 }
-.ds-text-input__ugqjFm__container > input::placeholder {
+.ds-text-input__FMFA7u__container > input::placeholder {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
   font-weight: var(--ds-fontWeight-regular);
@@ -139,35 +139,35 @@
   line-height: var(--ds-lineHeight-large);
   color: var(--ds-textColor-secondary);
 }
-.ds-text-input__ugqjFm__container > input:disabled {
+.ds-text-input__FMFA7u__container > input:disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__ugqjFm__container > input:disabled::placeholder {
+.ds-text-input__FMFA7u__container > input:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-text-input__ugqjFm__container > input:focus {
+.ds-text-input__FMFA7u__container > input:focus {
   outline: none;
   border: none;
 }
-.ds-text-input__ugqjFm__container > input[type=number] {
+.ds-text-input__FMFA7u__container > input[type=number] {
   appearance: textfield;
 }
-.ds-text-input__ugqjFm__container > input::-webkit-search-decoration, .ds-text-input__ugqjFm__container > input::-webkit-search-cancel-button, .ds-text-input__ugqjFm__container > input::-webkit-search-results-button, .ds-text-input__ugqjFm__container > input::-webkit-search-results-decoration, .ds-text-input__ugqjFm__container > input::-webkit-inner-spin-button, .ds-text-input__ugqjFm__container > input::-webkit-outer-spin-button {
+.ds-text-input__FMFA7u__container > input::-webkit-search-decoration, .ds-text-input__FMFA7u__container > input::-webkit-search-cancel-button, .ds-text-input__FMFA7u__container > input::-webkit-search-results-button, .ds-text-input__FMFA7u__container > input::-webkit-search-results-decoration, .ds-text-input__FMFA7u__container > input::-webkit-inner-spin-button, .ds-text-input__FMFA7u__container > input::-webkit-outer-spin-button {
   appearance: none;
   margin: 0;
 }
-.ds-text-input__ugqjFm__container:has(span.ds-text-input__ugqjFm__prefix, .ds-text-input__ugqjFm__icon) > input {
+.ds-text-input__FMFA7u__container:has(span.ds-text-input__FMFA7u__prefix, .ds-text-input__FMFA7u__icon) > input {
   padding-inline-start: var(--ds-spacing-2xSmall);
 }
-.ds-text-input__ugqjFm__container span.ds-text-input__ugqjFm__prefix, .ds-text-input__ugqjFm__container span.ds-text-input__ugqjFm__suffix {
+.ds-text-input__FMFA7u__container span.ds-text-input__FMFA7u__prefix, .ds-text-input__FMFA7u__container span.ds-text-input__FMFA7u__suffix {
   font-family: var(--ds-fontFamily-body);
   color: var(--ds-textColor-link-standalone);
 }
-.ds-text-input__ugqjFm__container .ds-text-input__ugqjFm__icon, .ds-text-input__ugqjFm__container ::slotted([slot=prefix]) {
+.ds-text-input__FMFA7u__container .ds-text-input__FMFA7u__icon, .ds-text-input__FMFA7u__container ::slotted([slot=prefix]) {
   height: 1.5rem;
   color: var(--ds-textColor-default);
 }
-.ds-text-input__ugqjFm__container .ds-text-input__ugqjFm__button {
+.ds-text-input__FMFA7u__container .ds-text-input__FMFA7u__button {
   margin-top: calc(var(--ds-spacing-3xSmall) * -1);
   margin-right: calc(var(--ds-spacing-4xSmall) * -1);
   max-height: 40px;

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.css

@@ -2,7 +2,7 @@
   position: absolute;
 }
 
-.ds-visually-hidden__ugqjFm {
+.ds-visually-hidden__FMFA7u {
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;