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

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

@@ -1,4 +1,4 @@
-.ds-badge__m9sbXh {
+.ds-badge__MsKlb0 {
   display: flex;
   width: fit-content;
   min-width: 24px;
@@ -9,39 +9,39 @@
   gap: var(--ds-spacing-3xSmall, 4px);
   border-radius: 12px;
 }
-.ds-badge__m9sbXh--default {
+.ds-badge__MsKlb0--default {
   background-color: var(--ds-overlay-black-10);
   color: var(--ds-textColor-default);
 }
-.ds-badge__m9sbXh--success {
+.ds-badge__MsKlb0--success {
   background-color: var(--ds-bgColor-success);
   color: var(--ds-textColor-success);
 }
-.ds-badge__m9sbXh--attention {
+.ds-badge__MsKlb0--attention {
   background-color: var(--ds-bgColor-attention);
   color: var(--ds-textColor-attention);
 }
-.ds-badge__m9sbXh--danger {
+.ds-badge__MsKlb0--danger {
   background-color: var(--ds-bgColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-badge__m9sbXh--info {
+.ds-badge__MsKlb0--info {
   background-color: var(--ds-bgColor-info);
   color: var(--ds-textColor-info);
 }
-.ds-badge__m9sbXh--notification {
+.ds-badge__MsKlb0--notification {
   background-color: var(--ds-palette-red-50);
   color: var(--ds-textColor-white);
 }
-.ds-badge__m9sbXh--primary {
+.ds-badge__MsKlb0--primary {
   background-color: var(--ds-bgColor-primary);
   color: var(--ds-textColor-white);
 }
-.ds-badge__m9sbXh--disabled {
+.ds-badge__MsKlb0--disabled {
   background-color: var(--ds-overlay-black-10);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-badge__m9sbXh__content {
+.ds-badge__MsKlb0__content {
   display: flex;
   padding: 0 var(--ds-spacing-3xSmall, 4px);
   flex-direction: column;
@@ -49,6 +49,6 @@
   align-items: center;
   gap: var(--ds-spacing-2xSmall, 8px);
 }
-.ds-badge__m9sbXh__content__text {
+.ds-badge__MsKlb0__content__text {
   white-space: nowrap;
 }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumb/ds-breadcrumb.css

@@ -2,20 +2,20 @@
   display: contents;
 }
 
-.ds-breadcrumb__m9sbXh {
+.ds-breadcrumb__MsKlb0 {
   display: contents;
 }
-.ds-breadcrumb__m9sbXh--hidden {
+.ds-breadcrumb__MsKlb0--hidden {
   display: none;
 }
-.ds-breadcrumb__m9sbXh__content {
+.ds-breadcrumb__MsKlb0__content {
   display: inline;
   vertical-align: middle;
 }
-.ds-breadcrumb__m9sbXh__content__link::part(link) {
+.ds-breadcrumb__MsKlb0__content__link::part(link) {
   vertical-align: middle;
 }
-.ds-breadcrumb__m9sbXh__content__current-page {
+.ds-breadcrumb__MsKlb0__content__current-page {
   color: var(--ds-textColor-secondary);
   font-variant-numeric: lining-nums proportional-nums;
   font-family: var(--ds-fontFamily-body);

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-expand-button/ds-breadcrumbs-expand-button.css

@@ -1,16 +1,16 @@
-.ds-breadcrumbs-expand-button__m9sbXh {
+.ds-breadcrumbs-expand-button__MsKlb0 {
   display: inline;
   vertical-align: middle;
 }
-.ds-breadcrumbs-expand-button__m9sbXh--hidden {
+.ds-breadcrumbs-expand-button__MsKlb0--hidden {
   display: none;
 }
-.ds-breadcrumbs-expand-button__m9sbXh__button:focus-visible {
+.ds-breadcrumbs-expand-button__MsKlb0__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) * 1);
 }
-.ds-breadcrumbs-expand-button__m9sbXh__button {
+.ds-breadcrumbs-expand-button__MsKlb0__button {
   background: none;
   border: none;
   padding: 0;
@@ -32,7 +32,7 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-breadcrumbs-expand-button__m9sbXh__button:hover, .ds-breadcrumbs-expand-button__m9sbXh__button:active {
+.ds-breadcrumbs-expand-button__MsKlb0__button:hover, .ds-breadcrumbs-expand-button__MsKlb0__button:active {
   text-decoration-thickness: 13%;
   text-underline-offset: 12%;
 }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-separator/ds-breadcrumbs-separator.css

@@ -1,4 +1,4 @@
-.ds-breadcrumbs-separator__m9sbXh {
+.ds-breadcrumbs-separator__MsKlb0 {
   display: inline-block;
   line-height: var(--ds-lineHeight-large);
   vertical-align: middle;
@@ -6,7 +6,7 @@
   margin-right: var(--ds-spacing-3xSmall, 4px);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs-separator__m9sbXh {
+  .ds-breadcrumbs-separator__MsKlb0 {
     margin-left: var(--ds-spacing-2xSmall, 8px);
     margin-right: var(--ds-spacing-2xSmall, 8px);
   }

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

@@ -1,4 +1,4 @@
-.ds-breadcrumbs__m9sbXh {
+.ds-breadcrumbs__MsKlb0 {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -7,11 +7,11 @@
   line-height: var(--ds-lineHeight-small);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs__m9sbXh {
+  .ds-breadcrumbs__MsKlb0 {
     min-height: 32px;
   }
 }
-.ds-breadcrumbs__m9sbXh__breadcrumbs {
+.ds-breadcrumbs__MsKlb0__breadcrumbs {
   display: inline-block;
   vertical-align: middle;
   margin: 0;
@@ -21,7 +21,7 @@
   font-size: var(--ds-fontSize-14);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs__m9sbXh__breadcrumbs {
+  .ds-breadcrumbs__MsKlb0__breadcrumbs {
     padding: var(--ds-spacing-4xSmall, 2px) 0;
     font-size: var(--ds-fontSize-16);
   }