npm - @uh-design-system/component-library - Versions diffs - 1.5.2-rc.1 → 1.5.2 - Mend

@uh-design-system/component-library 1.5.2-rc.1 → 1.5.2

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 (1929) hide show

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

@@ -1,23 +1,23 @@
-.ds-accordion__m9sbXh {
+.ds-accordion__MsKlb0 {
   box-sizing: border-box;
   position: relative;
 }
-.ds-accordion__m9sbXh__title {
+.ds-accordion__MsKlb0__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__m9sbXh__title:not(.ds-accordion__m9sbXh__title--hide-top-border) .ds-accordion__m9sbXh__open-button {
+.ds-accordion__MsKlb0__title:not(.ds-accordion__MsKlb0__title--hide-top-border) .ds-accordion__MsKlb0__open-button {
   border-top: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__m9sbXh__title--hide-right-border {
+.ds-accordion__MsKlb0__title--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__m9sbXh__title--hide-left-border {
+.ds-accordion__MsKlb0__title--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__m9sbXh__title--border-aligned.ds-accordion__m9sbXh__title--with-background::before {
+.ds-accordion__MsKlb0__title--border-aligned.ds-accordion__MsKlb0__title--with-background::before {
   content: "";
   position: absolute;
   display: block;
@@ -26,7 +26,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__m9sbXh__title--border-aligned.ds-accordion__m9sbXh__title--with-background::after {
+.ds-accordion__MsKlb0__title--border-aligned.ds-accordion__MsKlb0__title--with-background::after {
   content: "";
   position: absolute;
   display: block;
@@ -35,43 +35,43 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__m9sbXh__title--with-background .ds-accordion__m9sbXh__open-button:not(.ds-accordion__m9sbXh__open-button--icon-button) {
+.ds-accordion__MsKlb0__title--with-background .ds-accordion__MsKlb0__open-button:not(.ds-accordion__MsKlb0__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__m9sbXh__title--with-background:has(.ds-accordion__m9sbXh__open-button.ds-accordion__m9sbXh__open-button--icon-button) {
+.ds-accordion__MsKlb0__title--with-background:has(.ds-accordion__MsKlb0__open-button.ds-accordion__MsKlb0__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__m9sbXh__title:has(.ds-accordion__m9sbXh__open-button:hover:not(.ds-accordion__m9sbXh__open-button--icon-button)) .ds-accordion__m9sbXh__open-button-container::after {
+.ds-accordion__MsKlb0__title:has(.ds-accordion__MsKlb0__open-button:hover:not(.ds-accordion__MsKlb0__open-button--icon-button)) .ds-accordion__MsKlb0__open-button-container::after {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__m9sbXh__title:has(.ds-accordion__m9sbXh__open-button:active:not(.ds-accordion__m9sbXh__open-button--icon-button)) .ds-accordion__m9sbXh__open-button-container::after {
+.ds-accordion__MsKlb0__title:has(.ds-accordion__MsKlb0__open-button:active:not(.ds-accordion__MsKlb0__open-button--icon-button)) .ds-accordion__MsKlb0__open-button-container::after {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__m9sbXh__header-slot {
+.ds-accordion__MsKlb0__header-slot {
   order: 2;
   position: relative;
   display: block;
   width: 100%;
 }
-.ds-accordion__m9sbXh__header-slot--icon-button {
+.ds-accordion__MsKlb0__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__m9sbXh__header-slot--hide-top-border {
+.ds-accordion__MsKlb0__header-slot--hide-top-border {
   border-top: 0;
 }
-.ds-accordion__m9sbXh__header-slot--hide-bottom-border {
+.ds-accordion__MsKlb0__header-slot--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__m9sbXh__open-button-container {
+.ds-accordion__MsKlb0__open-button-container {
   position: relative;
   width: auto;
 }
-.ds-accordion__m9sbXh__open-button-container:has(.ds-accordion__m9sbXh__open-button:not(.ds-accordion__m9sbXh__open-button--icon-button)) {
+.ds-accordion__MsKlb0__open-button-container:has(.ds-accordion__MsKlb0__open-button:not(.ds-accordion__MsKlb0__open-button--icon-button)) {
   width: 100%;
 }
-.ds-accordion__m9sbXh__open-button-container::after {
+.ds-accordion__MsKlb0__open-button-container::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -79,10 +79,10 @@
   pointer-events: none;
   z-index: 1;
 }
-.ds-accordion__m9sbXh__open-button-container:has(.ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button))::after {
+.ds-accordion__MsKlb0__open-button-container:has(.ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button))::after {
   inset-inline: calc(-1 * var(--ds-spacing-small));
 }
-.ds-accordion__m9sbXh__open-button {
+.ds-accordion__MsKlb0__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__m9sbXh__open-button:focus-visible {
+.ds-accordion__MsKlb0__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__m9sbXh__open-button:hover {
+.ds-accordion__MsKlb0__open-button:hover {
   cursor: pointer;
 }
-.ds-accordion__m9sbXh__open-button:focus-visible {
+.ds-accordion__MsKlb0__open-button:focus-visible {
   z-index: 1;
 }
-.ds-accordion__m9sbXh__open-button--default {
+.ds-accordion__MsKlb0__open-button--default {
   font-size: var(--ds-fontSize-16);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__m9sbXh__open-button--default {
+  .ds-accordion__MsKlb0__open-button--default {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-accordion__m9sbXh__open-button--compact {
+.ds-accordion__MsKlb0__open-button--compact {
   font-size: var(--ds-fontSize-14);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__m9sbXh__open-button--compact {
+  .ds-accordion__MsKlb0__open-button--compact {
     font-size: var(--ds-fontSize-16);
   }
 }
-.ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button) {
+.ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button) {
   padding-inline: 0;
 }
-.ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button)::before {
+.ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button)::before {
   content: "";
   position: absolute;
   display: block;
@@ -140,7 +140,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button)::after {
+.ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button)::after {
   content: "";
   position: absolute;
   display: block;
@@ -149,82 +149,82 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__m9sbXh__title--with-background .ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button)::before, .ds-accordion__m9sbXh__title--with-background .ds-accordion__m9sbXh__open-button--border-aligned:not(.ds-accordion__m9sbXh__open-button--icon-button)::after {
+.ds-accordion__MsKlb0__title--with-background .ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button)::before, .ds-accordion__MsKlb0__title--with-background .ds-accordion__MsKlb0__open-button--border-aligned:not(.ds-accordion__MsKlb0__open-button--icon-button)::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__m9sbXh__open-button--hide-bottom-border {
+.ds-accordion__MsKlb0__open-button--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__m9sbXh__open-button--icon-button {
+.ds-accordion__MsKlb0__open-button--icon-button {
   display: inline-flex;
   width: auto;
   height: 100%;
   order: 1;
 }
-.ds-accordion__m9sbXh__open-button--icon-button:hover {
+.ds-accordion__MsKlb0__open-button--icon-button:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__m9sbXh__open-button--icon-button:active {
+.ds-accordion__MsKlb0__open-button--icon-button:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__m9sbXh__open-button__icon--default {
+.ds-accordion__MsKlb0__open-button__icon--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
-.ds-accordion__m9sbXh__open-button__header-slot {
+.ds-accordion__MsKlb0__open-button__header-slot {
   display: inline-block;
   width: 100%;
 }
-.ds-accordion__m9sbXh__open-button__header-slot--default {
+.ds-accordion__MsKlb0__open-button__header-slot--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__m9sbXh__open-button__header-slot--default {
+  .ds-accordion__MsKlb0__open-button__header-slot--default {
     padding-block: var(--ds-spacing-4xSmall);
   }
 }
-.ds-accordion__m9sbXh__open-button__header-slot--compact {
+.ds-accordion__MsKlb0__open-button__header-slot--compact {
   padding-block: 0.0625rem; /* 1px */
 }
 @media (min-width: 60rem) {
-  .ds-accordion__m9sbXh__open-button__header-slot--compact {
+  .ds-accordion__MsKlb0__open-button__header-slot--compact {
     padding-block: 0;
   }
 }
-.ds-accordion__m9sbXh__panel {
+.ds-accordion__MsKlb0__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__m9sbXh__panel--hide-right-border {
+.ds-accordion__MsKlb0__panel--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__m9sbXh__panel--hide-left-border {
+.ds-accordion__MsKlb0__panel--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__m9sbXh__panel--expanded {
+.ds-accordion__MsKlb0__panel--expanded {
   display: block;
 }
-.ds-accordion__m9sbXh__panel--with-background {
+.ds-accordion__MsKlb0__panel--with-background {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__m9sbXh ::slotted([slot=header]) {
+.ds-accordion__MsKlb0 ::slotted([slot=header]) {
   color: var(--ds-textColor-default);
 }
-.ds-accordion__m9sbXh__content {
+.ds-accordion__MsKlb0__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__m9sbXh__content--hide-bottom-border {
+.ds-accordion__MsKlb0__content--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__m9sbXh__content--has-close-button {
+.ds-accordion__MsKlb0__content--has-close-button {
   padding-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__m9sbXh__content--border-aligned {
+.ds-accordion__MsKlb0__content--border-aligned {
   padding-inline: 0;
 }
-.ds-accordion__m9sbXh__content--border-aligned::before {
+.ds-accordion__MsKlb0__content--border-aligned::before {
   content: "";
   position: absolute;
   display: block;
@@ -233,7 +233,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__m9sbXh__content--border-aligned::after {
+.ds-accordion__MsKlb0__content--border-aligned::after {
   content: "";
   position: absolute;
   display: block;
@@ -242,10 +242,10 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__m9sbXh__content--with-background::before, .ds-accordion__m9sbXh__content--with-background::after {
+.ds-accordion__MsKlb0__content--with-background::before, .ds-accordion__MsKlb0__content--with-background::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__m9sbXh__close-button {
+.ds-accordion__MsKlb0__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__m9sbXh {
+.ds-accordion__MsKlb0 {
   /*
     Utility styles
   */
 }
-.ds-accordion__m9sbXh ::slotted(div[slot=header][class*=toc]) {
+.ds-accordion__MsKlb0 ::slotted(div[slot=header][class*=toc]) {
   display: flex;
   gap: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__m9sbXh ::slotted(ul[slot=content][class*=toc]) {
+.ds-accordion__MsKlb0 ::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 CHANGED Viewed

@@ -4,7 +4,7 @@
   display: block;
 }
-.ds-action-list__m9sbXh {
+.ds-action-list__MsKlb0 {
   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 CHANGED Viewed

@@ -8,7 +8,7 @@
   display: block;
 }
-.ds-action-list-divider__m9sbXh {
+.ds-action-list-divider__MsKlb0 {
   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 CHANGED Viewed

@@ -8,7 +8,7 @@
   display: block;
 }
-.ds-action-list-group-title__m9sbXh {
+.ds-action-list-group-title__MsKlb0 {
   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 CHANGED Viewed

@@ -8,7 +8,7 @@
   display: contents;
 }
-.ds-action-list-item__m9sbXh {
+.ds-action-list-item__MsKlb0 {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -32,72 +32,72 @@
   min-height: 2.75rem;
   text-decoration: none;
 }
-.ds-action-list-item__m9sbXh:hover:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable) {
+.ds-action-list-item__MsKlb0:hover:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable) {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-action-list-item__m9sbXh:active:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable) {
+.ds-action-list-item__MsKlb0:active:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable) {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-action-list-item__m9sbXh:focus-visible:not(:disabled) {
+.ds-action-list-item__MsKlb0: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__m9sbXh:disabled, .ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--disabled {
+.ds-action-list-item__MsKlb0:disabled, .ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--unavailable {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable {
   color: var(--ds-textColor-secondary);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--unavailable .ds-action-list-item__m9sbXh__checkbox--checked {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable .ds-action-list-item__MsKlb0__checkbox--checked {
   color: var(--ds-textColor-secondary);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--unavailable .ds-action-list-item__m9sbXh__description {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--unavailable .ds-action-list-item__MsKlb0__description {
   color: var(--ds-textColor-attention);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger {
   color: var(--ds-textColor-danger);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger:hover:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable) {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger:hover:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable) {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger:active:not(:disabled):not(.ds-action-list-item__m9sbXh--unavailable) {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger:active:not(:disabled):not(.ds-action-list-item__MsKlb0--unavailable) {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger:disabled, .ds-action-list-item__m9sbXh.ds-action-list-item__m9sbXh--action-danger.ds-action-list-item__m9sbXh--disabled {
+.ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger:disabled, .ds-action-list-item__MsKlb0.ds-action-list-item__MsKlb0--action-danger.ds-action-list-item__MsKlb0--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-action-list-item__m9sbXh__icon {
+.ds-action-list-item__MsKlb0__icon {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.ds-action-list-item__m9sbXh__indent {
+.ds-action-list-item__MsKlb0__indent {
   flex-shrink: 0;
   width: 1.25rem;
 }
-.ds-action-list-item__m9sbXh__content {
+.ds-action-list-item__MsKlb0__content {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-width: 0;
 }
-.ds-action-list-item__m9sbXh__label {
+.ds-action-list-item__MsKlb0__label {
   display: block;
 }
-.ds-action-list-item__m9sbXh__description {
+.ds-action-list-item__MsKlb0__description {
   display: block;
   color: var(--ds-textColor-secondary);
   font-size: var(--ds-fontSize-14);
 }
-.ds-action-list-item__m9sbXh__selector {
+.ds-action-list-item__MsKlb0__selector {
   flex-shrink: 0;
   width: 1.25rem;
   display: flex;
@@ -105,25 +105,25 @@
   justify-content: center;
   visibility: hidden;
 }
-.ds-action-list-item__m9sbXh__selector.ds-action-list-item__m9sbXh__selector--visible {
+.ds-action-list-item__MsKlb0__selector.ds-action-list-item__MsKlb0__selector--visible {
   visibility: visible;
 }
-.ds-action-list-item__m9sbXh__checkbox {
+.ds-action-list-item__MsKlb0__checkbox {
   flex-shrink: 0;
   color: var(--ds-iconColor-neutral);
 }
-.ds-action-list-item__m9sbXh__checkbox--checked {
+.ds-action-list-item__MsKlb0__checkbox--checked {
   color: var(--ds-iconColor-primary);
 }
-:host([disabled]) .ds-action-list-item__m9sbXh__selector--visible,
-button:disabled .ds-action-list-item__m9sbXh__selector--visible {
+:host([disabled]) .ds-action-list-item__MsKlb0__selector--visible,
+button:disabled .ds-action-list-item__MsKlb0__selector--visible {
   color: var(--ds-textColor-disabled-onLight);
 }
-button:disabled .ds-action-list-item__m9sbXh__checkbox,
-button:disabled .ds-action-list-item__m9sbXh__checkbox--checked {
+button:disabled .ds-action-list-item__MsKlb0__checkbox,
+button:disabled .ds-action-list-item__MsKlb0__checkbox--checked {
   color: var(--ds-textColor-disabled-onLight);
 }

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

@@ -8,7 +8,7 @@
   display: inline-block;
 }
-.ds-action-menu__m9sbXh {
+.ds-action-menu__MsKlb0 {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -18,7 +18,7 @@
   position: relative;
 }
-.ds-action-menu__m9sbXh__trigger-wrapper {
+.ds-action-menu__MsKlb0__trigger-wrapper {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -27,17 +27,17 @@
   display: inline-flex;
 }
-.ds-action-menu__m9sbXh__menu {
+.ds-action-menu__MsKlb0__menu {
   all: initial;
   display: revert;
   box-sizing: border-box;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
 }
-.ds-action-menu__m9sbXh__menu[hidden] {
+.ds-action-menu__MsKlb0__menu[hidden] {
   display: none;
 }
-.ds-action-menu__m9sbXh__menu {
+.ds-action-menu__MsKlb0__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__m9sbXh__menu::-webkit-scrollbar {
+.ds-action-menu__MsKlb0__menu::-webkit-scrollbar {
   width: 6px;
 }
-.ds-action-menu__m9sbXh__menu::-webkit-scrollbar-track {
+.ds-action-menu__MsKlb0__menu::-webkit-scrollbar-track {
   background: transparent;
 }
-.ds-action-menu__m9sbXh__menu::-webkit-scrollbar-thumb {
+.ds-action-menu__MsKlb0__menu::-webkit-scrollbar-thumb {
   background-color: var(--ds-borderColor-default);
   border-radius: 3px;
 }
-.ds-action-menu__m9sbXh__menu::-webkit-scrollbar-thumb:hover {
+.ds-action-menu__MsKlb0__menu::-webkit-scrollbar-thumb:hover {
   background-color: var(--ds-borderColor-black);
 }
-.ds-action-menu__m9sbXh__menu {
+.ds-action-menu__MsKlb0__menu {
   max-height: 100dvh;
   padding: var(--ds-spacing-3xSmall) 0;
 }
-.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-bottom, .ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-auto {
+.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-bottom, .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-auto {
   top: 100%;
   margin-top: var(--ds-spacing-3xSmall);
 }
-.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-top {
+.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-top {
   bottom: 100%;
   margin-bottom: var(--ds-spacing-3xSmall);
 }
-.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-start {
+.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-start {
   left: 0;
 }
-.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-end {
+.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-end {
   right: 0;
 }
-.ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-center {
+.ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-center {
   left: 50%;
   transform: translateX(-50%);
 }
 @supports (anchor-name: --test) {
-  .ds-action-menu__m9sbXh__menu {
+  .ds-action-menu__MsKlb0__menu {
     position: fixed;
   }
-  .ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-bottom {
+  .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-bottom {
     inset-block: anchor(bottom) auto;
   }
-  .ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-top {
+  .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--placement-top {
     inset-block: auto anchor(top);
   }
-  .ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--placement-auto {
+  .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__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__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-start {
+  .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-start {
     inset-inline: anchor(left) auto;
   }
-  .ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-end {
+  .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-end {
     inset-inline: auto anchor(right);
   }
-  .ds-action-menu__m9sbXh__menu.ds-action-menu__m9sbXh__menu--align-center {
+  .ds-action-menu__MsKlb0__menu.ds-action-menu__MsKlb0__menu--align-center {
     inset-inline: anchor(center) auto;
   }
 }

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

@@ -1,4 +1,4 @@
-.ds-assistive-text__m9sbXh {
+.ds-assistive-text__MsKlb0 {
   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 CHANGED Viewed

@@ -1,30 +1,30 @@
-.ds-backdrop__m9sbXh {
+.ds-backdrop__MsKlb0 {
   z-index: var(--ds-backdrop-z-index);
   max-width: 100vw;
   max-height: 100vh;
   max-height: 100dvh;
 }
-.ds-backdrop__m9sbXh::backdrop {
+.ds-backdrop__MsKlb0::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__m9sbXh::backdrop {
+  .ds-backdrop__MsKlb0::backdrop {
     background-color: var(--ds-bgColor-transparent-onLight);
   }
 }
-.ds-backdrop__m9sbXh--in::backdrop {
+.ds-backdrop__MsKlb0--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__m9sbXh--open::backdrop {
+.ds-backdrop__MsKlb0--open::backdrop {
   background-color: var(--ds-bgColor-backdrop);
 }
 @media (prefers-reduced-motion: reduce) {
-  .ds-backdrop__m9sbXh::backdrop {
+  .ds-backdrop__MsKlb0::backdrop {
     transition: none;
   }
 }
-html:has(.ds-modal__m9sbXh--open) {
+html:has(.ds-modal__MsKlb0--open) {
   overflow: hidden;
 }