@uh-design-system/component-library 1.3.0-rc.9 → 1.3.0

package/dist/cjs/{multipleValueFactory-BGw3JYsK.js → multipleValueFactory-Bo5_yDBE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DKw2fzN7.js');
+var index = require('./index-CJryYW80.js');
 
 const multipleValueFactory = (Base) => {
     const BaseMultiple = class extends Base {

package/dist/cjs/{paginationFactory-VW8a6WPF.js → paginationFactory-DoF7viDl.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DKw2fzN7.js');
+var index = require('./index-CJryYW80.js');
 var paginationContext = require('./paginationContext-B180TuuP.js');
 
 const paginationFactory = (Base) => {

package/dist/cjs/{paginationUtils-D3ojdICU.js → paginationUtils-CVl2GS2v.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var store = require('./store-Cka0k4-8.js');
+var store = require('./store-CGHdVG7N.js');
 
 const calculatePaginationPages = (currentPage, totalPages) => {
     const pages = [];

package/dist/cjs/{store-Cka0k4-8.js → store-CGHdVG7N.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DKw2fzN7.js');
+var index = require('./index-CJryYW80.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

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

@@ -1,26 +1,26 @@
-.ds-accordion__JXNKsd {
+.ds-accordion__ugqjFm {
   box-sizing: border-box;
   position: relative;
 }
-.ds-accordion__JXNKsd--with-background.ds-accordion__JXNKsd--expanded {
+.ds-accordion__ugqjFm--with-background.ds-accordion__ugqjFm--expanded {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__JXNKsd__title {
+.ds-accordion__ugqjFm__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__JXNKsd__title:not(.ds-accordion__JXNKsd__title--hide-top-border) .ds-accordion__JXNKsd__open-button {
+.ds-accordion__ugqjFm__title:not(.ds-accordion__ugqjFm__title--hide-top-border) .ds-accordion__ugqjFm__open-button {
   border-top: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__JXNKsd__title--hide-right-border {
+.ds-accordion__ugqjFm__title--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__JXNKsd__title--hide-left-border {
+.ds-accordion__ugqjFm__title--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__JXNKsd__title--border-aligned.ds-accordion__JXNKsd__title--with-background::before {
+.ds-accordion__ugqjFm__title--border-aligned.ds-accordion__ugqjFm__title--with-background::before {
   content: "";
   position: absolute;
   display: block;
@@ -29,7 +29,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__JXNKsd__title--border-aligned.ds-accordion__JXNKsd__title--with-background::after {
+.ds-accordion__ugqjFm__title--border-aligned.ds-accordion__ugqjFm__title--with-background::after {
   content: "";
   position: absolute;
   display: block;
@@ -38,36 +38,36 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__JXNKsd__title--border-aligned.ds-accordion__JXNKsd__title--with-background:has(.ds-accordion__JXNKsd__open-button[aria-expanded=true])::before, .ds-accordion__JXNKsd__title--border-aligned.ds-accordion__JXNKsd__title--with-background:has(.ds-accordion__JXNKsd__open-button[aria-expanded=true])::after {
+.ds-accordion__ugqjFm__title--border-aligned.ds-accordion__ugqjFm__title--with-background:has(.ds-accordion__ugqjFm__open-button[aria-expanded=true])::before, .ds-accordion__ugqjFm__title--border-aligned.ds-accordion__ugqjFm__title--with-background:has(.ds-accordion__ugqjFm__open-button[aria-expanded=true])::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__JXNKsd__title:has(.ds-accordion__JXNKsd__open-button[aria-expanded=true].ds-accordion__JXNKsd__open-button--icon-button) {
+.ds-accordion__ugqjFm__title:has(.ds-accordion__ugqjFm__open-button[aria-expanded=true].ds-accordion__ugqjFm__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__JXNKsd__title:has(.ds-accordion__JXNKsd__open-button:hover:not(.ds-accordion__JXNKsd__open-button--icon-button)) {
+.ds-accordion__ugqjFm__title:has(.ds-accordion__ugqjFm__open-button:hover:not(.ds-accordion__ugqjFm__open-button--icon-button)) {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__JXNKsd__title:has(.ds-accordion__JXNKsd__open-button:active:not(.ds-accordion__JXNKsd__open-button--icon-button)) {
+.ds-accordion__ugqjFm__title:has(.ds-accordion__ugqjFm__open-button:active:not(.ds-accordion__ugqjFm__open-button--icon-button)) {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__JXNKsd__header-slot {
+.ds-accordion__ugqjFm__header-slot {
   order: 2;
   position: relative;
   display: block;
   width: 100%;
 }
-.ds-accordion__JXNKsd__header-slot--icon-button {
+.ds-accordion__ugqjFm__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__JXNKsd__header-slot--hide-top-border {
+.ds-accordion__ugqjFm__header-slot--hide-top-border {
   border-top: 0;
 }
-.ds-accordion__JXNKsd__header-slot--hide-bottom-border {
+.ds-accordion__ugqjFm__header-slot--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__JXNKsd__open-button {
+.ds-accordion__ugqjFm__open-button {
   all: unset;
   position: relative;
   box-sizing: border-box;
@@ -86,37 +86,37 @@
   line-height: var(--ds-lineHeight-large);
   padding: calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall);
 }
-.ds-accordion__JXNKsd__open-button:focus-visible {
+.ds-accordion__ugqjFm__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__JXNKsd__open-button:hover {
+.ds-accordion__ugqjFm__open-button:hover {
   cursor: pointer;
 }
-.ds-accordion__JXNKsd__open-button:focus-visible {
+.ds-accordion__ugqjFm__open-button:focus-visible {
   z-index: 1;
 }
-.ds-accordion__JXNKsd__open-button--default {
+.ds-accordion__ugqjFm__open-button--default {
   font-size: var(--ds-fontSize-16);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__JXNKsd__open-button--default {
+  .ds-accordion__ugqjFm__open-button--default {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-accordion__JXNKsd__open-button--compact {
+.ds-accordion__ugqjFm__open-button--compact {
   font-size: var(--ds-fontSize-14);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__JXNKsd__open-button--compact {
+  .ds-accordion__ugqjFm__open-button--compact {
     font-size: var(--ds-fontSize-16);
   }
 }
-.ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button) {
+.ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button) {
   padding-inline: 0;
 }
-.ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button)::before {
+.ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button)::before {
   content: "";
   position: absolute;
   display: block;
@@ -125,7 +125,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button)::after {
+.ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button)::after {
   content: "";
   position: absolute;
   display: block;
@@ -134,85 +134,85 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button):hover::before, .ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button):hover::after {
+.ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button):hover::before, .ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button):hover::after {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
   z-index: 1;
 }
-.ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button):active::before, .ds-accordion__JXNKsd__open-button--border-aligned:not(.ds-accordion__JXNKsd__open-button--icon-button):active::after {
+.ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button):active::before, .ds-accordion__ugqjFm__open-button--border-aligned:not(.ds-accordion__ugqjFm__open-button--icon-button):active::after {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__JXNKsd__open-button--hide-bottom-border {
+.ds-accordion__ugqjFm__open-button--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__JXNKsd__open-button--icon-button {
+.ds-accordion__ugqjFm__open-button--icon-button {
   display: inline-flex;
   width: auto;
   order: 1;
 }
-.ds-accordion__JXNKsd__open-button--icon-button:hover {
+.ds-accordion__ugqjFm__open-button--icon-button:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__JXNKsd__open-button--icon-button:active {
+.ds-accordion__ugqjFm__open-button--icon-button:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__JXNKsd__open-button__icon--default {
+.ds-accordion__ugqjFm__open-button__icon--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
-.ds-accordion__JXNKsd__open-button__header-slot {
+.ds-accordion__ugqjFm__open-button__header-slot {
   display: inline-block;
   width: 100%;
 }
-.ds-accordion__JXNKsd__open-button__header-slot--default {
+.ds-accordion__ugqjFm__open-button__header-slot--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__JXNKsd__open-button__header-slot--default {
+  .ds-accordion__ugqjFm__open-button__header-slot--default {
     padding-block: var(--ds-spacing-4xSmall);
   }
 }
-.ds-accordion__JXNKsd__open-button__header-slot--compact {
+.ds-accordion__ugqjFm__open-button__header-slot--compact {
   padding-block: 0.0625rem; /* 1px */
 }
 @media (min-width: 60rem) {
-  .ds-accordion__JXNKsd__open-button__header-slot--compact {
+  .ds-accordion__ugqjFm__open-button__header-slot--compact {
     padding-block: 0;
   }
 }
-.ds-accordion__JXNKsd__panel {
+.ds-accordion__ugqjFm__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__JXNKsd__panel--hide-right-border {
+.ds-accordion__ugqjFm__panel--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__JXNKsd__panel--hide-left-border {
+.ds-accordion__ugqjFm__panel--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__JXNKsd__panel--expanded {
+.ds-accordion__ugqjFm__panel--expanded {
   display: block;
 }
-.ds-accordion__JXNKsd__panel--with-background {
+.ds-accordion__ugqjFm__panel--with-background {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__JXNKsd ::slotted([slot=header]) {
+.ds-accordion__ugqjFm ::slotted([slot=header]) {
   color: var(--ds-textColor-default);
 }
-.ds-accordion__JXNKsd__content {
+.ds-accordion__ugqjFm__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__JXNKsd__content--hide-bottom-border {
+.ds-accordion__ugqjFm__content--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__JXNKsd__content--has-close-button {
+.ds-accordion__ugqjFm__content--has-close-button {
   padding-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__JXNKsd__content--border-aligned {
+.ds-accordion__ugqjFm__content--border-aligned {
   padding-inline: 0;
 }
-.ds-accordion__JXNKsd__content--border-aligned::before {
+.ds-accordion__ugqjFm__content--border-aligned::before {
   content: "";
   position: absolute;
   display: block;
@@ -221,7 +221,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__JXNKsd__content--border-aligned::after {
+.ds-accordion__ugqjFm__content--border-aligned::after {
   content: "";
   position: absolute;
   display: block;
@@ -230,10 +230,10 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__JXNKsd__content--with-background::before, .ds-accordion__JXNKsd__content--with-background::after {
+.ds-accordion__ugqjFm__content--with-background::before, .ds-accordion__ugqjFm__content--with-background::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__JXNKsd__close-button {
+.ds-accordion__ugqjFm__close-button {
   display: flex;
   flex-direction: row;
   padding-block-start: var(--ds-spacing-2xSmall);

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

@@ -1,4 +1,4 @@
-.ds-assistive-text__JXNKsd {
+.ds-assistive-text__ugqjFm {
   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__JXNKsd {
+.ds-backdrop__ugqjFm {
   z-index: var(--ds-backdrop-z-index);
   max-width: 100vw;
   max-height: 100vh;
   max-height: 100dvh;
 }
-.ds-backdrop__JXNKsd::backdrop {
+.ds-backdrop__ugqjFm::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__JXNKsd::backdrop {
+  .ds-backdrop__ugqjFm::backdrop {
     background-color: var(--ds-bgColor-transparent-onLight);
   }
 }
-.ds-backdrop__JXNKsd--in::backdrop {
+.ds-backdrop__ugqjFm--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__JXNKsd--open::backdrop {
+.ds-backdrop__ugqjFm--open::backdrop {
   background-color: var(--ds-bgColor-backdrop);
 }
 @media (prefers-reduced-motion: reduce) {
-  .ds-backdrop__JXNKsd::backdrop {
+  .ds-backdrop__ugqjFm::backdrop {
     transition: none;
   }
 }
 
-html:has(.ds-modal__JXNKsd--open) {
+html:has(.ds-modal__ugqjFm--open) {
   overflow: hidden;
 }

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

@@ -1,4 +1,4 @@
-.ds-badge__JXNKsd {
+.ds-badge__ugqjFm {
   display: flex;
   width: fit-content;
   min-width: 24px;
@@ -9,39 +9,39 @@
   gap: var(--ds-spacing-3xSmall, 4px);
   border-radius: 12px;
 }
-.ds-badge__JXNKsd--default {
+.ds-badge__ugqjFm--default {
   background-color: var(--ds-overlay-black-10);
   color: var(--ds-textColor-default);
 }
-.ds-badge__JXNKsd--success {
+.ds-badge__ugqjFm--success {
   background-color: var(--ds-bgColor-success);
   color: var(--ds-textColor-success);
 }
-.ds-badge__JXNKsd--attention {
+.ds-badge__ugqjFm--attention {
   background-color: var(--ds-bgColor-attention);
   color: var(--ds-textColor-attention);
 }
-.ds-badge__JXNKsd--danger {
+.ds-badge__ugqjFm--danger {
   background-color: var(--ds-bgColor-danger);
   color: var(--ds-textColor-danger);
 }
-.ds-badge__JXNKsd--info {
+.ds-badge__ugqjFm--info {
   background-color: var(--ds-bgColor-info);
   color: var(--ds-textColor-info);
 }
-.ds-badge__JXNKsd--notification {
+.ds-badge__ugqjFm--notification {
   background-color: var(--ds-palette-red-50);
   color: var(--ds-textColor-white);
 }
-.ds-badge__JXNKsd--primary {
+.ds-badge__ugqjFm--primary {
   background-color: var(--ds-bgColor-primary);
   color: var(--ds-textColor-white);
 }
-.ds-badge__JXNKsd--disabled {
+.ds-badge__ugqjFm--disabled {
   background-color: var(--ds-overlay-black-10);
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-badge__JXNKsd__content {
+.ds-badge__ugqjFm__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__JXNKsd__content__text {
+.ds-badge__ugqjFm__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__JXNKsd {
+.ds-breadcrumb__ugqjFm {
   display: contents;
 }
-.ds-breadcrumb__JXNKsd--hidden {
+.ds-breadcrumb__ugqjFm--hidden {
   display: none;
 }
-.ds-breadcrumb__JXNKsd__content {
+.ds-breadcrumb__ugqjFm__content {
   display: inline;
   vertical-align: middle;
 }
-.ds-breadcrumb__JXNKsd__content__link::part(link) {
+.ds-breadcrumb__ugqjFm__content__link::part(link) {
   vertical-align: middle;
 }
-.ds-breadcrumb__JXNKsd__content__current-page {
+.ds-breadcrumb__ugqjFm__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__JXNKsd {
+.ds-breadcrumbs-expand-button__ugqjFm {
   display: inline;
   vertical-align: middle;
 }
-.ds-breadcrumbs-expand-button__JXNKsd--hidden {
+.ds-breadcrumbs-expand-button__ugqjFm--hidden {
   display: none;
 }
-.ds-breadcrumbs-expand-button__JXNKsd__button:focus-visible {
+.ds-breadcrumbs-expand-button__ugqjFm__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__JXNKsd__button {
+.ds-breadcrumbs-expand-button__ugqjFm__button {
   background: none;
   border: none;
   padding: 0;
@@ -32,7 +32,7 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-breadcrumbs-expand-button__JXNKsd__button:hover, .ds-breadcrumbs-expand-button__JXNKsd__button:active {
+.ds-breadcrumbs-expand-button__ugqjFm__button:hover, .ds-breadcrumbs-expand-button__ugqjFm__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__JXNKsd {
+.ds-breadcrumbs-separator__ugqjFm {
   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__JXNKsd {
+  .ds-breadcrumbs-separator__ugqjFm {
     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__JXNKsd {
+.ds-breadcrumbs__ugqjFm {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -7,11 +7,11 @@
   line-height: var(--ds-lineHeight-small);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs__JXNKsd {
+  .ds-breadcrumbs__ugqjFm {
     min-height: 32px;
   }
 }
-.ds-breadcrumbs__JXNKsd__breadcrumbs {
+.ds-breadcrumbs__ugqjFm__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__JXNKsd__breadcrumbs {
+  .ds-breadcrumbs__ugqjFm__breadcrumbs {
     padding: var(--ds-spacing-4xSmall, 2px) 0;
     font-size: var(--ds-fontSize-16);
   }