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

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

@@ -1,23 +1,23 @@
-.ds-accordion__0Yjiso {
+.ds-accordion__bQiYWO {
   box-sizing: border-box;
   position: relative;
 }
-.ds-accordion__0Yjiso__title {
+.ds-accordion__bQiYWO__title {
   position: relative;
   display: flex;
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-right: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__0Yjiso__title:not(.ds-accordion__0Yjiso__title--hide-top-border) .ds-accordion__0Yjiso__open-button {
+.ds-accordion__bQiYWO__title:not(.ds-accordion__bQiYWO__title--hide-top-border) .ds-accordion__bQiYWO__open-button {
   border-top: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__0Yjiso__title--hide-right-border {
+.ds-accordion__bQiYWO__title--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__0Yjiso__title--hide-left-border {
+.ds-accordion__bQiYWO__title--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__0Yjiso__title--border-aligned.ds-accordion__0Yjiso__title--with-background::before {
+.ds-accordion__bQiYWO__title--border-aligned.ds-accordion__bQiYWO__title--with-background::before {
   content: "";
   position: absolute;
   display: block;
@@ -26,7 +26,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__0Yjiso__title--border-aligned.ds-accordion__0Yjiso__title--with-background::after {
+.ds-accordion__bQiYWO__title--border-aligned.ds-accordion__bQiYWO__title--with-background::after {
   content: "";
   position: absolute;
   display: block;
@@ -35,43 +35,43 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__0Yjiso__title--with-background .ds-accordion__0Yjiso__open-button:not(.ds-accordion__0Yjiso__open-button--icon-button) {
+.ds-accordion__bQiYWO__title--with-background .ds-accordion__bQiYWO__open-button:not(.ds-accordion__bQiYWO__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__0Yjiso__title--with-background:has(.ds-accordion__0Yjiso__open-button.ds-accordion__0Yjiso__open-button--icon-button) {
+.ds-accordion__bQiYWO__title--with-background:has(.ds-accordion__bQiYWO__open-button.ds-accordion__bQiYWO__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__0Yjiso__title:has(.ds-accordion__0Yjiso__open-button:hover:not(.ds-accordion__0Yjiso__open-button--icon-button)) .ds-accordion__0Yjiso__open-button-container::after {
+.ds-accordion__bQiYWO__title:has(.ds-accordion__bQiYWO__open-button:hover:not(.ds-accordion__bQiYWO__open-button--icon-button)) .ds-accordion__bQiYWO__open-button-container::after {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__0Yjiso__title:has(.ds-accordion__0Yjiso__open-button:active:not(.ds-accordion__0Yjiso__open-button--icon-button)) .ds-accordion__0Yjiso__open-button-container::after {
+.ds-accordion__bQiYWO__title:has(.ds-accordion__bQiYWO__open-button:active:not(.ds-accordion__bQiYWO__open-button--icon-button)) .ds-accordion__bQiYWO__open-button-container::after {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__0Yjiso__header-slot {
+.ds-accordion__bQiYWO__header-slot {
   order: 2;
   position: relative;
   display: block;
   width: 100%;
 }
-.ds-accordion__0Yjiso__header-slot--icon-button {
+.ds-accordion__bQiYWO__header-slot--icon-button {
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-top: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-bottom: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__0Yjiso__header-slot--hide-top-border {
+.ds-accordion__bQiYWO__header-slot--hide-top-border {
   border-top: 0;
 }
-.ds-accordion__0Yjiso__header-slot--hide-bottom-border {
+.ds-accordion__bQiYWO__header-slot--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__0Yjiso__open-button-container {
+.ds-accordion__bQiYWO__open-button-container {
   position: relative;
   width: auto;
 }
-.ds-accordion__0Yjiso__open-button-container:has(.ds-accordion__0Yjiso__open-button:not(.ds-accordion__0Yjiso__open-button--icon-button)) {
+.ds-accordion__bQiYWO__open-button-container:has(.ds-accordion__bQiYWO__open-button:not(.ds-accordion__bQiYWO__open-button--icon-button)) {
   width: 100%;
 }
-.ds-accordion__0Yjiso__open-button-container::after {
+.ds-accordion__bQiYWO__open-button-container::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -79,10 +79,10 @@
   pointer-events: none;
   z-index: 1;
 }
-.ds-accordion__0Yjiso__open-button-container:has(.ds-accordion__0Yjiso__open-button--border-aligned:not(.ds-accordion__0Yjiso__open-button--icon-button))::after {
+.ds-accordion__bQiYWO__open-button-container:has(.ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button))::after {
   inset-inline: calc(-1 * var(--ds-spacing-small));
 }
-.ds-accordion__0Yjiso__open-button {
+.ds-accordion__bQiYWO__open-button {
   all: unset;
   position: relative;
   box-sizing: border-box;
@@ -101,37 +101,37 @@
   line-height: var(--ds-lineHeight-large);
   padding: calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall);
 }
-.ds-accordion__0Yjiso__open-button:focus-visible {
+.ds-accordion__bQiYWO__open-button:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 0);
 }
-.ds-accordion__0Yjiso__open-button:hover {
+.ds-accordion__bQiYWO__open-button:hover {
   cursor: pointer;
 }
-.ds-accordion__0Yjiso__open-button:focus-visible {
+.ds-accordion__bQiYWO__open-button:focus-visible {
   z-index: 1;
 }
-.ds-accordion__0Yjiso__open-button--default {
+.ds-accordion__bQiYWO__open-button--default {
   font-size: var(--ds-fontSize-16);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__0Yjiso__open-button--default {
+  .ds-accordion__bQiYWO__open-button--default {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-accordion__0Yjiso__open-button--compact {
+.ds-accordion__bQiYWO__open-button--compact {
   font-size: var(--ds-fontSize-14);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__0Yjiso__open-button--compact {
+  .ds-accordion__bQiYWO__open-button--compact {
     font-size: var(--ds-fontSize-16);
   }
 }
-.ds-accordion__0Yjiso__open-button--border-aligned:not(.ds-accordion__0Yjiso__open-button--icon-button) {
+.ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button) {
   padding-inline: 0;
 }
-.ds-accordion__0Yjiso__open-button--border-aligned:not(.ds-accordion__0Yjiso__open-button--icon-button)::before {
+.ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button)::before {
   content: "";
   position: absolute;
   display: block;
@@ -140,7 +140,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__0Yjiso__open-button--border-aligned:not(.ds-accordion__0Yjiso__open-button--icon-button)::after {
+.ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button)::after {
   content: "";
   position: absolute;
   display: block;
@@ -149,82 +149,82 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__0Yjiso__title--with-background .ds-accordion__0Yjiso__open-button--border-aligned:not(.ds-accordion__0Yjiso__open-button--icon-button)::before, .ds-accordion__0Yjiso__title--with-background .ds-accordion__0Yjiso__open-button--border-aligned:not(.ds-accordion__0Yjiso__open-button--icon-button)::after {
+.ds-accordion__bQiYWO__title--with-background .ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button)::before, .ds-accordion__bQiYWO__title--with-background .ds-accordion__bQiYWO__open-button--border-aligned:not(.ds-accordion__bQiYWO__open-button--icon-button)::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__0Yjiso__open-button--hide-bottom-border {
+.ds-accordion__bQiYWO__open-button--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__0Yjiso__open-button--icon-button {
+.ds-accordion__bQiYWO__open-button--icon-button {
   display: inline-flex;
   width: auto;
   height: 100%;
   order: 1;
 }
-.ds-accordion__0Yjiso__open-button--icon-button:hover {
+.ds-accordion__bQiYWO__open-button--icon-button:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__0Yjiso__open-button--icon-button:active {
+.ds-accordion__bQiYWO__open-button--icon-button:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__0Yjiso__open-button__icon--default {
+.ds-accordion__bQiYWO__open-button__icon--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
-.ds-accordion__0Yjiso__open-button__header-slot {
+.ds-accordion__bQiYWO__open-button__header-slot {
   display: inline-block;
   width: 100%;
 }
-.ds-accordion__0Yjiso__open-button__header-slot--default {
+.ds-accordion__bQiYWO__open-button__header-slot--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__0Yjiso__open-button__header-slot--default {
+  .ds-accordion__bQiYWO__open-button__header-slot--default {
     padding-block: var(--ds-spacing-4xSmall);
   }
 }
-.ds-accordion__0Yjiso__open-button__header-slot--compact {
+.ds-accordion__bQiYWO__open-button__header-slot--compact {
   padding-block: 0.0625rem; /* 1px */
 }
 @media (min-width: 60rem) {
-  .ds-accordion__0Yjiso__open-button__header-slot--compact {
+  .ds-accordion__bQiYWO__open-button__header-slot--compact {
     padding-block: 0;
   }
 }
-.ds-accordion__0Yjiso__panel {
+.ds-accordion__bQiYWO__panel {
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-right: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__0Yjiso__panel--hide-right-border {
+.ds-accordion__bQiYWO__panel--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__0Yjiso__panel--hide-left-border {
+.ds-accordion__bQiYWO__panel--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__0Yjiso__panel--expanded {
+.ds-accordion__bQiYWO__panel--expanded {
   display: block;
 }
-.ds-accordion__0Yjiso__panel--with-background {
+.ds-accordion__bQiYWO__panel--with-background {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__0Yjiso ::slotted([slot=header]) {
+.ds-accordion__bQiYWO ::slotted([slot=header]) {
   color: var(--ds-textColor-default);
 }
-.ds-accordion__0Yjiso__content {
+.ds-accordion__bQiYWO__content {
   position: relative;
   color: var(--ds-textColor-default);
   padding: var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));
   border-bottom: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__0Yjiso__content--hide-bottom-border {
+.ds-accordion__bQiYWO__content--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__0Yjiso__content--has-close-button {
+.ds-accordion__bQiYWO__content--has-close-button {
   padding-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__0Yjiso__content--border-aligned {
+.ds-accordion__bQiYWO__content--border-aligned {
   padding-inline: 0;
 }
-.ds-accordion__0Yjiso__content--border-aligned::before {
+.ds-accordion__bQiYWO__content--border-aligned::before {
   content: "";
   position: absolute;
   display: block;
@@ -233,7 +233,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__0Yjiso__content--border-aligned::after {
+.ds-accordion__bQiYWO__content--border-aligned::after {
   content: "";
   position: absolute;
   display: block;
@@ -242,10 +242,10 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__0Yjiso__content--with-background::before, .ds-accordion__0Yjiso__content--with-background::after {
+.ds-accordion__bQiYWO__content--with-background::before, .ds-accordion__bQiYWO__content--with-background::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__0Yjiso__close-button {
+.ds-accordion__bQiYWO__close-button {
   display: flex;
   flex-direction: row;
   padding-block-start: var(--ds-spacing-2xSmall);
@@ -253,16 +253,16 @@
   letter-spacing: var(--ds-letterSpacing-wide);
   width: max-content;
 }
-.ds-accordion__0Yjiso {
+.ds-accordion__bQiYWO {
   /*
     Utility styles
   */
 }
-.ds-accordion__0Yjiso ::slotted(div[slot=header][class*=toc]) {
+.ds-accordion__bQiYWO ::slotted(div[slot=header][class*=toc]) {
   display: flex;
   gap: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__0Yjiso ::slotted(ul[slot=content][class*=toc]) {
+.ds-accordion__bQiYWO ::slotted(ul[slot=content][class*=toc]) {
   display: flex;
   flex-direction: column;
   gap: var(--ds-spacing-small);

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list/ds-action-list.css

@@ -4,7 +4,7 @@
   display: block;
 }
 
-.ds-action-list__0Yjiso {
+.ds-action-list__bQiYWO {
   all: initial;
   display: revert;
   box-sizing: border-box;

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-divider/ds-action-list-divider.css

@@ -8,7 +8,7 @@
   display: block;
 }
 
-.ds-action-list-divider__0Yjiso {
+.ds-action-list-divider__bQiYWO {
   all: initial;
   display: revert;
   box-sizing: border-box;

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-group-title/ds-action-list-group-title.css

@@ -8,7 +8,7 @@
   display: block;
 }
 
-.ds-action-list-group-title__0Yjiso {
+.ds-action-list-group-title__bQiYWO {
   all: initial;
   display: revert;
   box-sizing: border-box;

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.css

@@ -8,7 +8,7 @@
   display: contents;
 }
 
-.ds-action-list-item__0Yjiso {
+.ds-action-list-item__bQiYWO {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -32,72 +32,72 @@
   min-height: 2.75rem;
   text-decoration: none;
 }
-.ds-action-list-item__0Yjiso:hover:not(:disabled):not(.ds-action-list-item__0Yjiso--unavailable) {
+.ds-action-list-item__bQiYWO:hover:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable) {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-action-list-item__0Yjiso:active:not(:disabled):not(.ds-action-list-item__0Yjiso--unavailable) {
+.ds-action-list-item__bQiYWO:active:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable) {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-action-list-item__0Yjiso:focus-visible:not(:disabled) {
+.ds-action-list-item__bQiYWO:focus-visible:not(:disabled) {
   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-action-list-item__0Yjiso:disabled, .ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--disabled {
+.ds-action-list-item__bQiYWO:disabled, .ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--unavailable {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable {
   color: var(--ds-textColor-secondary);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--unavailable .ds-action-list-item__0Yjiso__checkbox--checked {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable .ds-action-list-item__bQiYWO__checkbox--checked {
   color: var(--ds-textColor-secondary);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--unavailable .ds-action-list-item__0Yjiso__description {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--unavailable .ds-action-list-item__bQiYWO__description {
   color: var(--ds-textColor-attention);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--action-danger {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger {
   color: var(--ds-textColor-danger);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--action-danger:hover:not(:disabled):not(.ds-action-list-item__0Yjiso--unavailable) {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger:hover:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable) {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--action-danger:active:not(:disabled):not(.ds-action-list-item__0Yjiso--unavailable) {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger:active:not(:disabled):not(.ds-action-list-item__bQiYWO--unavailable) {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--action-danger:disabled, .ds-action-list-item__0Yjiso.ds-action-list-item__0Yjiso--action-danger.ds-action-list-item__0Yjiso--disabled {
+.ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger:disabled, .ds-action-list-item__bQiYWO.ds-action-list-item__bQiYWO--action-danger.ds-action-list-item__bQiYWO--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
 
-.ds-action-list-item__0Yjiso__icon {
+.ds-action-list-item__bQiYWO__icon {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.ds-action-list-item__0Yjiso__indent {
+.ds-action-list-item__bQiYWO__indent {
   flex-shrink: 0;
   width: 1.25rem;
 }
 
-.ds-action-list-item__0Yjiso__content {
+.ds-action-list-item__bQiYWO__content {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-width: 0;
 }
 
-.ds-action-list-item__0Yjiso__label {
+.ds-action-list-item__bQiYWO__label {
   display: block;
 }
 
-.ds-action-list-item__0Yjiso__description {
+.ds-action-list-item__bQiYWO__description {
   display: block;
   color: var(--ds-textColor-secondary);
   font-size: var(--ds-fontSize-14);
 }
 
-.ds-action-list-item__0Yjiso__selector {
+.ds-action-list-item__bQiYWO__selector {
   flex-shrink: 0;
   width: 1.25rem;
   display: flex;
@@ -105,25 +105,25 @@
   justify-content: center;
   visibility: hidden;
 }
-.ds-action-list-item__0Yjiso__selector.ds-action-list-item__0Yjiso__selector--visible {
+.ds-action-list-item__bQiYWO__selector.ds-action-list-item__bQiYWO__selector--visible {
   visibility: visible;
 }
 
-.ds-action-list-item__0Yjiso__checkbox {
+.ds-action-list-item__bQiYWO__checkbox {
   flex-shrink: 0;
   color: var(--ds-iconColor-neutral);
 }
 
-.ds-action-list-item__0Yjiso__checkbox--checked {
+.ds-action-list-item__bQiYWO__checkbox--checked {
   color: var(--ds-iconColor-primary);
 }
 
-:host([disabled]) .ds-action-list-item__0Yjiso__selector--visible,
-button:disabled .ds-action-list-item__0Yjiso__selector--visible {
+:host([disabled]) .ds-action-list-item__bQiYWO__selector--visible,
+button:disabled .ds-action-list-item__bQiYWO__selector--visible {
   color: var(--ds-textColor-disabled-onLight);
 }
 
-button:disabled .ds-action-list-item__0Yjiso__checkbox,
-button:disabled .ds-action-list-item__0Yjiso__checkbox--checked {
+button:disabled .ds-action-list-item__bQiYWO__checkbox,
+button:disabled .ds-action-list-item__bQiYWO__checkbox--checked {
   color: var(--ds-textColor-disabled-onLight);
 }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-menu.css

@@ -8,7 +8,7 @@
   display: inline-block;
 }
 
-.ds-action-menu__0Yjiso {
+.ds-action-menu__bQiYWO {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -18,7 +18,7 @@
   position: relative;
 }
 
-.ds-action-menu__0Yjiso__trigger-wrapper {
+.ds-action-menu__bQiYWO__trigger-wrapper {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -27,17 +27,17 @@
   display: inline-flex;
 }
 
-.ds-action-menu__0Yjiso__menu {
+.ds-action-menu__bQiYWO__menu {
   all: initial;
   display: revert;
   box-sizing: border-box;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
 }
-.ds-action-menu__0Yjiso__menu[hidden] {
+.ds-action-menu__bQiYWO__menu[hidden] {
   display: none;
 }
-.ds-action-menu__0Yjiso__menu {
+.ds-action-menu__bQiYWO__menu {
   position: absolute;
   z-index: 100;
   min-width: 288px;
@@ -50,63 +50,63 @@
   scrollbar-width: thin;
   scrollbar-color: var(--ds-borderColor-default) transparent;
 }
-.ds-action-menu__0Yjiso__menu::-webkit-scrollbar {
+.ds-action-menu__bQiYWO__menu::-webkit-scrollbar {
   width: 6px;
 }
-.ds-action-menu__0Yjiso__menu::-webkit-scrollbar-track {
+.ds-action-menu__bQiYWO__menu::-webkit-scrollbar-track {
   background: transparent;
 }
-.ds-action-menu__0Yjiso__menu::-webkit-scrollbar-thumb {
+.ds-action-menu__bQiYWO__menu::-webkit-scrollbar-thumb {
   background-color: var(--ds-borderColor-default);
   border-radius: 3px;
 }
-.ds-action-menu__0Yjiso__menu::-webkit-scrollbar-thumb:hover {
+.ds-action-menu__bQiYWO__menu::-webkit-scrollbar-thumb:hover {
   background-color: var(--ds-borderColor-black);
 }
-.ds-action-menu__0Yjiso__menu {
+.ds-action-menu__bQiYWO__menu {
   max-height: 100dvh;
   padding: var(--ds-spacing-3xSmall) 0;
 }
-.ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--placement-bottom, .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--placement-auto {
+.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-bottom, .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-auto {
   top: 100%;
   margin-top: var(--ds-spacing-3xSmall);
 }
-.ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--placement-top {
+.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-top {
   bottom: 100%;
   margin-bottom: var(--ds-spacing-3xSmall);
 }
-.ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--align-start {
+.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-start {
   left: 0;
 }
-.ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--align-end {
+.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-end {
   right: 0;
 }
-.ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--align-center {
+.ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-center {
   left: 50%;
   transform: translateX(-50%);
 }
 @supports (anchor-name: --test) {
-  .ds-action-menu__0Yjiso__menu {
+  .ds-action-menu__bQiYWO__menu {
     position: fixed;
   }
-  .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--placement-bottom {
+  .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-bottom {
     inset-block: anchor(bottom) auto;
   }
-  .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--placement-top {
+  .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-top {
     inset-block: auto anchor(top);
   }
-  .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--placement-auto {
+  .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--placement-auto {
     inset-block: anchor(bottom) auto;
     position-try-order: most-height;
     position-try-fallbacks: --ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center;
   }
-  .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--align-start {
+  .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-start {
     inset-inline: anchor(left) auto;
   }
-  .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--align-end {
+  .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-end {
     inset-inline: auto anchor(right);
   }
-  .ds-action-menu__0Yjiso__menu.ds-action-menu__0Yjiso__menu--align-center {
+  .ds-action-menu__bQiYWO__menu.ds-action-menu__bQiYWO__menu--align-center {
     inset-inline: anchor(center) auto;
   }
 }

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

@@ -1,4 +1,4 @@
-.ds-assistive-text__0Yjiso {
+.ds-assistive-text__bQiYWO {
   display: inline-block;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);

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

@@ -1,30 +1,30 @@
-.ds-backdrop__0Yjiso {
+.ds-backdrop__bQiYWO {
   z-index: var(--ds-backdrop-z-index);
   max-width: 100vw;
   max-height: 100vh;
   max-height: 100dvh;
 }
-.ds-backdrop__0Yjiso::backdrop {
+.ds-backdrop__bQiYWO::backdrop {
   background-color: var(--ds-bgColor-transparent-onLight);
   transition: display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease;
 }
 @starting-style {
-  .ds-backdrop__0Yjiso::backdrop {
+  .ds-backdrop__bQiYWO::backdrop {
     background-color: var(--ds-bgColor-transparent-onLight);
   }
 }
-.ds-backdrop__0Yjiso--in::backdrop {
+.ds-backdrop__bQiYWO--in::backdrop {
   transition: display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease;
 }
-.ds-backdrop__0Yjiso--open::backdrop {
+.ds-backdrop__bQiYWO--open::backdrop {
   background-color: var(--ds-bgColor-backdrop);
 }
 @media (prefers-reduced-motion: reduce) {
-  .ds-backdrop__0Yjiso::backdrop {
+  .ds-backdrop__bQiYWO::backdrop {
     transition: none;
   }
 }
 
-html:has(.ds-modal__0Yjiso--open) {
+html:has(.ds-modal__bQiYWO--open) {
   overflow: hidden;
 }