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

package/dist/collection/components/01-base-components/ds-button/ds-button.js

@@ -188,7 +188,7 @@ export class DsButton extends Mixin(componentFactory('ds-button'), ariaDeprecati
         const baseClass = cx('ds-button');
         const hostClass = `${baseClass}__host`;
         const buttonElement = this.renderButton();
-        return (h(Host, { key: '388944d06fa81513a2e768ff44610f54d704df19', class: classNames(hostClass, {
+        return (h(Host, { key: 'bd2580d3e95979653af27f4207f2c60cf79639d3', class: classNames(hostClass, {
                 [`${hostClass}--full-width`]: this.dsFullWidth,
             }) }, this.dsUseSpinner ? h("div", { "aria-live": "polite" }, buttonElement) : buttonElement));
     }

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

@@ -137,19 +137,19 @@
   display: block;
 }
 
-.ds-card__owcjsm {
+.ds-card__0apwgA {
   --ds-bodyText-fontSize-large: var(--ds-fontSize-16);
   --ds-bodyText-fontSize-medium: var(--ds-fontSize-14);
   --ds-bodyText-fontSize-small: var(--ds-fontSize-12);
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm {
+  .ds-card__0apwgA {
     --ds-bodyText-fontSize-large: var(--ds-fontSize-18);
     --ds-bodyText-fontSize-medium: var(--ds-fontSize-16);
     --ds-bodyText-fontSize-small: var(--ds-fontSize-14);
   }
 }
-.ds-card__owcjsm {
+.ds-card__0apwgA {
   background-color: var(--ds-bgColor-white);
   border: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   display: flex;
@@ -161,86 +161,86 @@
   min-height: var(--ds-spacing-layout-2xLarge, 8rem);
   position: relative;
 }
-.ds-card__owcjsm--fluid-height {
+.ds-card__0apwgA--fluid-height {
   height: 100%;
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:hover {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:hover {
   background-color: var(--ds-bgColor-neutralLight-hover);
   cursor: pointer;
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:hover .ds-card__owcjsm__icon {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:hover .ds-card__0apwgA__icon {
   color: var(--ds-textColor-link-standalone-hover);
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:hover .ds-card__owcjsm__image-container--has-image::after {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:hover .ds-card__0apwgA__image-container--has-image::after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:hover .ds-card__owcjsm__link--heading {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:hover .ds-card__0apwgA__link--heading {
   text-decoration: none;
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:active {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:active {
   background-color: var(--ds-bgColor-neutralLight-active);
   outline: none;
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:active .ds-card__owcjsm__icon {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:active .ds-card__0apwgA__icon {
   color: var(--ds-textColor-link-standalone-hover);
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:active .ds-card__owcjsm__image-container--has-image::after {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:active .ds-card__0apwgA__image-container--has-image::after {
   content: "";
   position: absolute;
   inset: 0;
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:active .ds-card__owcjsm__link--heading {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:active .ds-card__0apwgA__link--heading {
   text-decoration: none;
 }
-.ds-card__owcjsm.ds-card__owcjsm--link--full:focus-within {
+.ds-card__0apwgA.ds-card__0apwgA--link--full:focus-within {
   box-shadow: false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * -1 * -1);
 }
-.ds-card__owcjsm {
+.ds-card__0apwgA {
   /**
   * Expand the clickable area of the heading link to the entire heading
   */
 }
-.ds-card__owcjsm .ds-card__owcjsm__link--full:after {
+.ds-card__0apwgA .ds-card__0apwgA__link--full:after {
   content: "";
   position: absolute;
   inset: 0;
 }
-.ds-card__owcjsm--horizontal {
+.ds-card__0apwgA--horizontal {
   flex-direction: column;
 }
 @media (min-width: 30rem) {
-  .ds-card__owcjsm--horizontal {
+  .ds-card__0apwgA--horizontal {
     display: grid;
     grid-template: "image content" auto "image contentBottom" auto/auto 1fr;
   }
-  .ds-card__owcjsm--horizontal .ds-card__owcjsm__image-container {
+  .ds-card__0apwgA--horizontal .ds-card__0apwgA__image-container {
     grid-area: image;
     height: 100%;
     order: initial;
   }
-  .ds-card__owcjsm--horizontal .ds-card__owcjsm__content {
+  .ds-card__0apwgA--horizontal .ds-card__0apwgA__content {
     grid-area: content;
     height: 100%;
     order: initial;
   }
-  .ds-card__owcjsm--horizontal .ds-card__owcjsm__content--bottom {
+  .ds-card__0apwgA--horizontal .ds-card__0apwgA__content--bottom {
     grid-area: contentBottom;
     order: initial;
   }
 }
-.ds-card__owcjsm--filled {
+.ds-card__0apwgA--filled {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-card__owcjsm__image-container {
+.ds-card__0apwgA__image-container {
   display: none;
 }
-.ds-card__owcjsm__image-container--has-image {
+.ds-card__0apwgA__image-container--has-image {
   display: block;
   height: auto;
   order: 1;
@@ -248,19 +248,19 @@
   width: 100%;
 }
 @media (min-width: 30rem) {
-  .ds-card__owcjsm:not(.ds-card__owcjsm--vertical) .ds-card__owcjsm__image-container--has-image {
+  .ds-card__0apwgA:not(.ds-card__0apwgA--vertical) .ds-card__0apwgA__image-container--has-image {
     max-width: var(--vertical-image-max-width, 200px);
   }
 }
 @media (min-width: 30rem) {
-  .ds-card__owcjsm:not(.ds-card__owcjsm--horizontal) .ds-card__owcjsm__image-container--has-image {
+  .ds-card__0apwgA:not(.ds-card__0apwgA--horizontal) .ds-card__0apwgA__image-container--has-image {
     max-height: var(--horizontal-image-max-height, auto);
   }
 }
-.ds-card__owcjsm--link--full .ds-card__owcjsm__image-container--has-image {
+.ds-card__0apwgA--link--full .ds-card__0apwgA__image-container--has-image {
   pointer-events: none;
 }
-.ds-card__owcjsm__tag {
+.ds-card__0apwgA__tag {
   background-color: var(--ds-bgColor-black);
   color: var(--ds-textColor-white);
   font-family: var(--ds-fontFamily-body);
@@ -276,18 +276,18 @@
   top: 1rem;
   z-index: 2;
 }
-.ds-card__owcjsm__image {
+.ds-card__0apwgA__image {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.ds-card__owcjsm__content {
+.ds-card__0apwgA__content {
   display: flex;
   flex-direction: column;
   order: 2;
   width: 100%;
 }
-.ds-card__owcjsm__content--top {
+.ds-card__0apwgA__content--top {
   align-items: flex-start;
   display: flex;
   gap: var(--ds-spacing-small);
@@ -295,10 +295,10 @@
   order: 2;
   padding: var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);
 }
-.ds-card__owcjsm__content--bottom {
+.ds-card__0apwgA__content--bottom {
   order: 4;
 }
-.ds-card__owcjsm__eyebrow {
+.ds-card__0apwgA__eyebrow {
   color: var(--ds-textColor-secondary);
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
@@ -308,11 +308,11 @@
   margin-bottom: var(--ds-spacing-3xSmall);
   order: 1;
 }
-.ds-card__owcjsm__heading-container {
+.ds-card__0apwgA__heading-container {
   display: flex;
   flex-direction: column;
 }
-.ds-card__owcjsm__heading {
+.ds-card__0apwgA__heading {
   align-items: center;
   display: flex;
   margin: 0;
@@ -321,12 +321,12 @@
   order: 2;
   text-wrap: balance;
 }
-.ds-card__owcjsm__heading .ds-card__owcjsm__link {
+.ds-card__0apwgA__heading .ds-card__0apwgA__link {
   color: var(--ds-textColor-default);
   text-decoration: none;
   outline: none;
 }
-.ds-card__owcjsm__heading .ds-card__owcjsm__link:not(.ds-card__owcjsm__link--full):hover, .ds-card__owcjsm__heading .ds-card__owcjsm__link:not(.ds-card__owcjsm__link--full):active {
+.ds-card__0apwgA__heading .ds-card__0apwgA__link:not(.ds-card__0apwgA__link--full):hover, .ds-card__0apwgA__heading .ds-card__0apwgA__link:not(.ds-card__0apwgA__link--full):active {
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: auto;
@@ -334,7 +334,7 @@
   text-underline-offset: 12%; /* 2.4px */
   text-underline-position: from-font;
 }
-.ds-card__owcjsm__heading .ds-card__owcjsm__link--heading {
+.ds-card__0apwgA__heading .ds-card__0apwgA__link--heading {
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: auto;
@@ -342,12 +342,12 @@
   text-underline-offset: 12%; /* 2.4px */
   text-underline-position: from-font;
 }
-.ds-card__owcjsm__heading .ds-card__owcjsm__link--heading:focus-visible {
+.ds-card__0apwgA__heading .ds-card__0apwgA__link--heading: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-card__owcjsm__subtitle, .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA__subtitle, .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-fontSize-16);
   font-family: var(--ds-fontFamily-body);
   color: var(--ds-textColor-secondary);
@@ -355,7 +355,7 @@
   letter-spacing: var(--ds-letterSpacing-wide);
   order: 3;
 }
-.ds-card__owcjsm__description {
+.ds-card__0apwgA__description {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: var(--description-line-clamp, "none");
   color: var(--ds-textColor-default);
@@ -372,31 +372,31 @@
   order: 3;
   max-width: var(--ds-card-description-max-width, none);
 }
-.ds-card__owcjsm__icon {
+.ds-card__0apwgA__icon {
   color: var(--ds-textColor-primary);
   font-size: var(--ds-fontSize-20);
   font-weight: normal;
 }
-.ds-card__owcjsm__slot-subtitle--hidden {
+.ds-card__0apwgA__slot-subtitle--hidden {
   display: none;
 }
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__content--top {
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__content--top {
   padding: var(--ds-spacing-medium);
 }
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__eyebrow,
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__subtitle,
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__eyebrow,
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__subtitle,
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-bodyText-fontSize-large, 16px);
 }
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__description {
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__description {
   font-size: var(--ds-bodyText-fontSize-large, 16px);
   padding: 0 var(--ds-spacing-medium);
   margin: 0 0 var(--ds-spacing-large) 0;
 }
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__heading--hyphenated {
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__heading--hyphenated {
   hyphens: auto;
 }
-.ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__heading {
+.ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__heading {
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-heading);
   font-size: var(--ds-fontSize-32);
@@ -407,28 +407,28 @@
   text-transform: none;
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm--text-size-xLarge .ds-card__owcjsm__heading {
+  .ds-card__0apwgA--text-size-xLarge .ds-card__0apwgA__heading {
     font-size: var(--ds-fontSize-48);
     line-height: 52px;
   }
 }
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__content--top {
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__content--top {
   padding: var(--ds-spacing-medium);
 }
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__eyebrow,
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__subtitle,
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__eyebrow,
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__subtitle,
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-bodyText-fontSize-large, 16px);
 }
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__description {
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__description {
   font-size: var(--ds-bodyText-fontSize-large, 16px);
   padding: 0 var(--ds-spacing-medium);
   margin: 0 0 var(--ds-spacing-large) 0;
 }
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__heading--hyphenated {
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__heading--hyphenated {
   hyphens: auto;
 }
-.ds-card__owcjsm--text-size-large .ds-card__owcjsm__heading {
+.ds-card__0apwgA--text-size-large .ds-card__0apwgA__heading {
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-heading);
   font-size: var(--ds-fontSize-24);
@@ -439,30 +439,30 @@
   text-transform: none;
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm--text-size-large .ds-card__owcjsm__heading {
+  .ds-card__0apwgA--text-size-large .ds-card__0apwgA__heading {
     font-size: var(--ds-fontSize-32);
     font-weight: var(--ds-fontWeight-semiboldPlus);
     letter-spacing: var(--ds-letterSpacing-tight);
     line-height: 36px;
   }
 }
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__content--top {
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__content--top {
   padding: var(--ds-spacing-small);
 }
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__eyebrow,
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__subtitle,
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__eyebrow,
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__subtitle,
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-bodyText-fontSize-medium, 14px);
 }
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__description {
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__description {
   font-size: var(--ds-bodyText-fontSize-medium, 14px);
   padding: 0 var(--ds-spacing-small);
   margin: 0 0 var(--ds-spacing-medium) 0;
 }
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__heading--hyphenated {
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__heading--hyphenated {
   hyphens: auto;
 }
-.ds-card__owcjsm--text-size-medium .ds-card__owcjsm__heading {
+.ds-card__0apwgA--text-size-medium .ds-card__0apwgA__heading {
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-heading);
   font-size: var(--ds-fontSize-20);
@@ -473,28 +473,28 @@
   text-transform: none;
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm--text-size-medium .ds-card__owcjsm__heading {
+  .ds-card__0apwgA--text-size-medium .ds-card__0apwgA__heading {
     font-size: var(--ds-fontSize-24);
     line-height: 24px;
   }
 }
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__content--top {
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__content--top {
   padding: var(--ds-spacing-small);
 }
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__eyebrow,
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__subtitle,
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__eyebrow,
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__subtitle,
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-bodyText-fontSize-medium, 14px);
 }
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__description {
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__description {
   font-size: var(--ds-bodyText-fontSize-medium, 14px);
   padding: 0 var(--ds-spacing-small);
   margin: 0 0 var(--ds-spacing-medium) 0;
 }
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__heading--hyphenated {
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__heading--hyphenated {
   hyphens: auto;
 }
-.ds-card__owcjsm--text-size-small .ds-card__owcjsm__heading {
+.ds-card__0apwgA--text-size-small .ds-card__0apwgA__heading {
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-heading);
   font-size: var(--ds-fontSize-18);
@@ -505,28 +505,28 @@
   text-transform: none;
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm--text-size-small .ds-card__owcjsm__heading {
+  .ds-card__0apwgA--text-size-small .ds-card__0apwgA__heading {
     font-size: var(--ds-fontSize-20);
     line-height: 24px;
   }
 }
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__content--top {
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__content--top {
   padding: var(--ds-spacing-xSmall);
 }
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__eyebrow,
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__subtitle,
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__eyebrow,
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__subtitle,
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-bodyText-fontSize-small, 12px);
 }
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__description {
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__description {
   font-size: var(--ds-bodyText-fontSize-small, 12px);
   padding: 0 var(--ds-spacing-xSmall);
   margin: 0 0 var(--ds-spacing-small) 0;
 }
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__heading--hyphenated {
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__heading--hyphenated {
   hyphens: auto;
 }
-.ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__heading {
+.ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__heading {
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-heading);
   font-size: var(--ds-fontSize-16);
@@ -537,28 +537,28 @@
   text-transform: none;
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm--text-size-xSmall .ds-card__owcjsm__heading {
+  .ds-card__0apwgA--text-size-xSmall .ds-card__0apwgA__heading {
     font-size: var(--ds-fontSize-18);
     line-height: 20px;
   }
 }
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__content--top {
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__content--top {
   padding: var(--ds-spacing-xSmall);
 }
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__eyebrow,
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__subtitle,
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__slot-subtitle {
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__eyebrow,
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__subtitle,
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__slot-subtitle {
   font-size: var(--ds-bodyText-fontSize-small, 12px);
 }
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__description {
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__description {
   font-size: var(--ds-bodyText-fontSize-small, 12px);
   padding: 0 var(--ds-spacing-xSmall);
   margin: 0 0 var(--ds-spacing-small) 0;
 }
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__heading--hyphenated {
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__heading--hyphenated {
   hyphens: auto;
 }
-.ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__heading {
+.ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__heading {
   color: var(--ds-textColor-default);
   font-family: var(--ds-fontFamily-heading);
   font-size: var(--ds-fontSize-14);
@@ -569,7 +569,7 @@
   text-transform: none;
 }
 @media (min-width: 60rem) {
-  .ds-card__owcjsm--text-size-2xSmall .ds-card__owcjsm__heading {
+  .ds-card__0apwgA--text-size-2xSmall .ds-card__0apwgA__heading {
     font-size: var(--ds-fontSize-16);
     line-height: 18px;
   }

package/dist/collection/components/01-base-components/ds-card/ds-card.js

@@ -114,17 +114,17 @@ export class DsCard extends Mixin(componentFactory('ds-card', { stopRootTracking
         const DsIcon = transformTagName('ds-icon', 'ds-card', this.el);
         const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (h("article", { key: 'eccea422310671d316c1979abb77548afe7ed32d', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, h("div", { key: '3bf8ee8d79137bea3d8d664a39b27cab992e1baf', class: `${baseClass}__content` }, h("div", { key: 'f5f5f3437d8ef1615178f005e95ff42e52d6d23d', class: {
+        return (h("article", { key: 'bc667fd88ca1f37d92c32a308cc002e66f32378d', class: classes, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, h("div", { key: '1d04285272bca4a0ca7589e3a1060b728513d113', class: `${baseClass}__content` }, h("div", { key: 'd9801f06eae780690fd35dd037e0841fd5844490', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, h("div", { key: '59e350dda905f943b2c83fbe953130fcdf97fbd5', class: `${baseClass}__heading-container` }, this.dsUrl && this.dsLinkType !== 'none' ? (h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, h("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && h(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (h(HeadingTag, { class: `${baseClass}__heading` }, h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && h("span", { key: 'ab8672ab779aa44a0b36358517aa765afb8087df', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && h("div", { key: '1a3197493c601d95aa6effbb18e2e385c7d76797', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && h("div", { key: '00b65340ab3cb7d8b285599facc6559f9ba1796a', class: `${baseClass}__subtitle` }, this.dsSubtitle), h("div", { key: 'cd638fc6f8f44a2816884909a1224cc2640949a8', class: classNames(`${baseClass}__slot-subtitle`, {
+            } }, h("div", { key: '42dcff152a7bf8c106d086af9a6752323285d821', class: `${baseClass}__heading-container` }, this.dsUrl && this.dsLinkType !== 'none' ? (h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, h("slot", { name: "heading" }, this.dsHeading), opensInNewTab(this.dsUrlTarget) && h(DsVisuallyHidden, { dsTag: "span" }, visuallyHiddenAssistiveText())))) : (h(HeadingTag, { class: `${baseClass}__heading` }, h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && h("span", { key: 'bb0a807b8474550d7f54c6c7da548db1417afba2', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && h("div", { key: '17acbf34da58a1e8a5cadc540a6ab410239fbf1a', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && h("div", { key: 'a002d116f92065824ed2c3c05c92c40db1611644', class: `${baseClass}__subtitle` }, this.dsSubtitle), h("div", { key: '60a511451b1a5d597cc79fc8b344c24a18100750', class: classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, h("slot", { key: '869039e68272e5c4e4f3951f697cd748522dd606', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && (h(DsIcon, { key: '408cbc076dbf991a374ba4948dbcb1c1b07025bf', dsSize: ARROW_SIZE[this.dsTextSize], class: `${baseClass}__icon`, dsName: this.linkIcon }))), this.dsDescription && (h("p", { key: 'af54782148ea93f6233a036b17f5789d833b646d', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("div", { key: '046c01e22a36b14804557362a82b87b71f030d5a', class: classNames(`${baseClass}__content--bottom`, {
+            }) }, h("slot", { key: '9acacea42b7edf3dbad54e8160134ebc3a93a895', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && (h(DsIcon, { key: 'bf74fd42b74f69f08da6f51ae007a88a7f00c028', dsSize: ARROW_SIZE[this.dsTextSize], class: `${baseClass}__icon`, dsName: this.linkIcon }))), this.dsDescription && (h("p", { key: '645d6422d7107c521fde39b1ede6ba797ad4b766', class: `${baseClass}__description`, style: { '--ds-card-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("div", { key: '7c037a273cf40dbe7132a107ee44508a5919093c', class: classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, h("div", { key: 'b4c16e8354cb7a0ecf5125a83cd22956c4455047', class: `${baseClass}__slot--content` }, h("slot", { key: '9214ad66d3b3aab658573fbb9813a10487fac8b1', name: "content" })), h("div", { key: '24214b541e317ff3b2bf960ff9ddffe747253dc7', class: `${baseClass}__slot--footer` }, h("slot", { key: '0f35b17a3fb0785c0938ad0d45f4a0921d57a649', name: "footer" }))), h("div", { key: '2dca5cf669e316b4ccc88ff796bc51d727103476', class: {
+            }) }, h("div", { key: 'dc65e6eebd317faa46001ed60f51f8ff10f52690', class: `${baseClass}__slot--content` }, h("slot", { key: '4ebae473ebefcc8b428cdabbc2b3e1939449c371', name: "content" })), h("div", { key: 'a8db071ad15a703106b5c3ea2d36495331ee1c06', class: `${baseClass}__slot--footer` }, h("slot", { key: '264b64d9d8603cda4d42d37abcb226e8cc2ea4d1', name: "footer" }))), h("div", { key: '49eddbec4bae0dd2e0469763209d18b26c5942bc', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, h("slot", { key: 'c95e9f1edf29719785a0be46f36290b754d966b4', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, h("slot", { key: 'f1fb1936e1b7962ea46ffd6fb6f5c8a4baa6ea32', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
     static get is() { return "ds-card"; }
     static get encapsulation() { return "scoped"; }