npm - @uh-design-system/component-library - Versions diffs - 1.3.0-rc.9 → 1.3.1 - Mend

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

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

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

@@ -9,7 +9,7 @@
   vertical-align: middle;
 }
-.ds-link-cta__JXNKsd {
+.ds-link-cta__FMFA7u {
   width: 100%;
   align-items: center;
   border-radius: 0;
@@ -23,14 +23,14 @@
   user-select: none;
   --webkit-user-select: none;
 }
-.ds-link-cta__JXNKsd[aria-disabled=true] {
+.ds-link-cta__FMFA7u[aria-disabled=true] {
   cursor: default;
   pointer-events: none;
   background-color: transparent !important;
   border-color: transparent !important;
   color: var(--ds-textColor-disabled-onLight) !important;
 }
-.ds-link-cta__JXNKsd__text {
+.ds-link-cta__FMFA7u__text {
   padding: 0 var(--ds-spacing-3xSmall, 4px);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
@@ -41,26 +41,26 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-link-cta__JXNKsd--no-text .ds-link-cta__JXNKsd__text {
+.ds-link-cta__FMFA7u--no-text .ds-link-cta__FMFA7u__text {
   padding: 0;
 }
-.ds-link-cta__JXNKsd:has(.ds-link-cta__JXNKsd__spinner):not(.ds-link-cta__JXNKsd--small) .ds-link-cta__JXNKsd__value {
+.ds-link-cta__FMFA7u:has(.ds-link-cta__FMFA7u__spinner):not(.ds-link-cta__FMFA7u--small) .ds-link-cta__FMFA7u__value {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-link-cta__JXNKsd--icon-only {
+.ds-link-cta__FMFA7u--icon-only {
   aspect-ratio: 1;
   justify-content: center;
 }
-.ds-link-cta__JXNKsd:has(.ds-link-cta__JXNKsd__text:empty) {
+.ds-link-cta__FMFA7u:has(.ds-link-cta__FMFA7u__text:empty) {
   width: var(--ds-link-cta-min-height);
   aspect-ratio: 1;
   padding-left: 0;
   padding-right: 0;
 }
-.ds-link-cta__JXNKsd:has(.ds-link-cta__JXNKsd__text:empty) .ds-link-cta__JXNKsd__icon {
+.ds-link-cta__FMFA7u:has(.ds-link-cta__FMFA7u__text:empty) .ds-link-cta__FMFA7u__icon {
   margin: 0;
 }
-.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small):not(.ds-link-cta__JXNKsd--secondary):not(.ds-link-cta__JXNKsd--supplementary) {
+.ds-link-cta__FMFA7u:not(.ds-link-cta__FMFA7u--small):not(.ds-link-cta__FMFA7u--secondary):not(.ds-link-cta__FMFA7u--supplementary) {
   border-width: 0;
   border-style: none;
   font-size: var(--ds-fontSize-18);
@@ -69,7 +69,7 @@
   padding-block: var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));
   padding-inline: var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)));
 }
-.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small).ds-link-cta__JXNKsd--secondary {
+.ds-link-cta__FMFA7u:not(.ds-link-cta__FMFA7u--small).ds-link-cta__FMFA7u--secondary {
   border-width: var(--ds-borderWidth-thin);
   border-style: solid;
   font-size: var(--ds-fontSize-18);
@@ -78,7 +78,7 @@
   padding-block: var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));
   padding-inline: var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)));
 }
-.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small).ds-link-cta__JXNKsd--supplementary {
+.ds-link-cta__FMFA7u:not(.ds-link-cta__FMFA7u--small).ds-link-cta__FMFA7u--supplementary {
   border-width: 0;
   border-style: none;
   font-size: var(--ds-fontSize-18);
@@ -87,11 +87,11 @@
   padding-block: var(--ds-link-cta-padding-block, var(--ds-spacing-3xSmall));
   padding-inline: var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-xSmall)));
 }
-.ds-link-cta__JXNKsd:not(.ds-link-cta__JXNKsd--small).ds-link-cta__JXNKsd--icon-only {
+.ds-link-cta__FMFA7u:not(.ds-link-cta__FMFA7u--small).ds-link-cta__FMFA7u--icon-only {
   padding-left: 0;
   padding-right: 0;
 }
-.ds-link-cta__JXNKsd--small:not(.ds-link-cta__JXNKsd--secondary):not(.ds-link-cta__JXNKsd--supplementary) {
+.ds-link-cta__FMFA7u--small:not(.ds-link-cta__FMFA7u--secondary):not(.ds-link-cta__FMFA7u--supplementary) {
   border-width: 0;
   border-style: none;
   font-size: var(--ds-fontSize-16);
@@ -101,7 +101,7 @@
   padding-block: var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));
   padding-inline: var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)));
 }
-.ds-link-cta__JXNKsd--small.ds-link-cta__JXNKsd--secondary {
+.ds-link-cta__FMFA7u--small.ds-link-cta__FMFA7u--secondary {
   border-width: var(--ds-borderWidth-thin);
   border-style: solid;
   font-size: var(--ds-fontSize-16);
@@ -111,7 +111,7 @@
   padding-block: var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));
   padding-inline: var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)));
 }
-.ds-link-cta__JXNKsd--small.ds-link-cta__JXNKsd--supplementary {
+.ds-link-cta__FMFA7u--small.ds-link-cta__FMFA7u--supplementary {
   border-width: 0;
   border-style: none;
   font-size: var(--ds-fontSize-16);
@@ -121,168 +121,168 @@
   padding-block: var(--ds-link-cta-padding-block, var(--ds-spacing-4xSmall));
   padding-inline: var(--ds-link-cta-padding-inline-start, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall))) var(--ds-link-cta-padding-inline-end, var(--ds-link-cta-padding-inline, var(--ds-spacing-2xSmall)));
 }
-.ds-link-cta__JXNKsd--small.ds-link-cta__JXNKsd--icon-only {
+.ds-link-cta__FMFA7u--small.ds-link-cta__FMFA7u--icon-only {
   padding-left: 0;
   padding-right: 0;
   width: 32px;
 }
-.ds-link-cta__JXNKsd--small .ds-link-cta__JXNKsd__icon {
+.ds-link-cta__FMFA7u--small .ds-link-cta__FMFA7u__icon {
   width: var(--ds-link-cta-icon-size, auto);
   height: var(--ds-link-cta-icon-size, 1rem);
 }
-.ds-link-cta__JXNKsd__icon--start {
+.ds-link-cta__FMFA7u__icon--start {
   margin-right: var(--ds-spacing-3xSmall);
   margin-left: 0;
 }
-.ds-link-cta__JXNKsd__icon--end {
+.ds-link-cta__FMFA7u__icon--end {
   margin-left: var(--ds-spacing-3xSmall);
   margin-right: 0;
 }
-.ds-link-cta__JXNKsd--no-text .ds-link-cta__JXNKsd__icon--start,
-.ds-link-cta__JXNKsd--no-text .ds-link-cta__JXNKsd__icon--end {
+.ds-link-cta__FMFA7u--no-text .ds-link-cta__FMFA7u__icon--start,
+.ds-link-cta__FMFA7u--no-text .ds-link-cta__FMFA7u__icon--end {
   margin: 0;
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--blue: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--blue {
   background-color: var(--ds-link-cta-bg-color, var(--ds-bgColor-primary));
   border-color: transparent;
   color: var(--ds-link-cta-text-color, var(--ds-textColor-white));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--blue:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--blue:active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--black: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--black {
   background-color: var(--ds-link-cta-bg-color, var(--ds-bgColor-black));
   border-color: transparent;
   color: var(--ds-link-cta-text-color, var(--ds-textColor-white));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--black:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--black:active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--white:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--white {
   background-color: var(--ds-link-cta-bg-color, var(--ds-bgColor-white));
   border-color: transparent;
   color: var(--ds-link-cta-text-color, var(--ds-textColor-default));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--primary.ds-link-cta__JXNKsd--white:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--primary.ds-link-cta__FMFA7u--white:active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--blue: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--blue {
   background-color: var(--ds-link-cta-bg-color, var(--ds-bgColor-secondary));
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-link-cta-text-color, var(--ds-textColor-primary));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--blue:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--blue:active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--black: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--black {
   background-color: var(--ds-link-cta-bg-color, transparent);
   border-color: var(--ds-borderColor-black);
   color: var(--ds-link-cta-text-color, var(--ds-textColor-default));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--black:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--black:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--white:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--white {
   background-color: var(--ds-link-cta-bg-color, transparent);
   border-color: var(--ds-borderColor-white);
   color: var(--ds-link-cta-text-color, var(--ds-textColor-white));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--secondary.ds-link-cta__JXNKsd--white:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--secondary.ds-link-cta__FMFA7u--white:active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--blue: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--blue {
   background-color: var(--ds-link-cta-bg-color, transparent);
   border-color: transparent;
   color: var(--ds-link-cta-text-color, var(--ds-textColor-primary));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--blue:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--blue:active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--black: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-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--black {
   background-color: var(--ds-link-cta-bg-color, transparent);
   border-color: transparent;
   color: var(--ds-link-cta-text-color, var(--ds-textColor-default));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--black:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--black:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white:focus-visible {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--white:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--white {
   background-color: var(--ds-link-cta-bg-color, transparent);
   border-color: transparent;
   color: var(--ds-link-cta-text-color, var(--ds-textColor-white));
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white:hover {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-link-cta__JXNKsd.ds-link-cta__JXNKsd--supplementary.ds-link-cta__JXNKsd--white:active {
+.ds-link-cta__FMFA7u.ds-link-cta__FMFA7u--supplementary.ds-link-cta__FMFA7u--white:active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }

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

@@ -8,12 +8,12 @@
   display: inline-block;
 }
-.ds-link-logo__JXNKsd:focus-visible {
+.ds-link-logo__FMFA7u: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-link-logo__JXNKsd {
+.ds-link-logo__FMFA7u {
   display: flex;
   align-items: center;
   gap: var(--ds-spacing-2xSmall, 0.5rem);
@@ -26,11 +26,11 @@
   line-height: 1;
   text-transform: uppercase;
 }
-.ds-link-logo__JXNKsd:hover {
+.ds-link-logo__FMFA7u:hover {
   color: var(--ds-bgColor-primary, #005a94);
 }
 @media (min-width: 60rem) {
-  .ds-link-logo__JXNKsd {
+  .ds-link-logo__FMFA7u {
     font-size: var(--ds-fontSize-16, 1rem);
   }
 }

package/dist/collection/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.css CHANGED Viewed

@@ -1,16 +1,16 @@
 :host {
   display: inline-block;
 }
-:host:has(.ds-link-with-arrow__JXNKsd--full-width) {
+:host:has(.ds-link-with-arrow__FMFA7u--full-width) {
   width: 100%;
 }
-.ds-link-with-arrow__JXNKsd:focus-visible {
+.ds-link-with-arrow__FMFA7u: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-link-with-arrow__JXNKsd {
+.ds-link-with-arrow__FMFA7u {
   display: inline-flex;
   align-items: center;
   color: var(--ds-textColor-link);
@@ -21,15 +21,15 @@
   text-decoration-line: none;
 }
 @media (min-width: 30rem) {
-  .ds-link-with-arrow__JXNKsd {
+  .ds-link-with-arrow__FMFA7u {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-link-with-arrow__JXNKsd--full-width {
+.ds-link-with-arrow__FMFA7u--full-width {
   width: 100%;
   justify-content: space-between;
 }
-.ds-link-with-arrow__JXNKsd__icon {
+.ds-link-with-arrow__FMFA7u__icon {
   display: inline-flex;
   flex-shrink: 0;
   width: 2rem;
@@ -41,24 +41,24 @@
   background-color: var(--ds-bgColor-primary);
 }
 @media (min-width: 30rem) {
-  .ds-link-with-arrow__JXNKsd__icon {
+  .ds-link-with-arrow__FMFA7u__icon {
     width: 2.5rem;
     height: 2.5rem;
   }
 }
-.ds-link-with-arrow__JXNKsd__icon--start {
+.ds-link-with-arrow__FMFA7u__icon--start {
   margin-right: var(--ds-spacing-xSmall);
 }
-.ds-link-with-arrow__JXNKsd__icon--end {
+.ds-link-with-arrow__FMFA7u__icon--end {
   margin-left: var(--ds-spacing-xSmall);
 }
-:hover slot > .ds-link-with-arrow__JXNKsd__icon {
+:hover slot > .ds-link-with-arrow__FMFA7u__icon {
   background-color: var(--ds-bgColor-primary-hover);
 }
-:active slot > .ds-link-with-arrow__JXNKsd__icon {
+:active slot > .ds-link-with-arrow__FMFA7u__icon {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-link-with-arrow__JXNKsd:hover, .ds-link-with-arrow__JXNKsd:active {
+.ds-link-with-arrow__FMFA7u:hover, .ds-link-with-arrow__FMFA7u:active {
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: auto;
@@ -66,9 +66,9 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-link-with-arrow__JXNKsd:hover {
+.ds-link-with-arrow__FMFA7u:hover {
   color: var(--ds-textColor-link-hover);
 }
-.ds-link-with-arrow__JXNKsd:active, .ds-link-with-arrow__JXNKsd:focus-visible {
+.ds-link-with-arrow__FMFA7u:active, .ds-link-with-arrow__FMFA7u:focus-visible {
   color: var(--ds-textColor-link-active);
 }

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

@@ -1,13 +1,13 @@
-.ds-media__JXNKsd {
+.ds-media__FMFA7u {
   position: relative;
   width: 100%;
   height: auto;
   overflow: hidden;
   background-color: var(--ds-palette-black-05);
 }
-.ds-media__JXNKsd .ds-media__image,
-.ds-media__JXNKsd .ds-media__video,
-.ds-media__JXNKsd .ds-media__youtube {
+.ds-media__FMFA7u .ds-media__image,
+.ds-media__FMFA7u .ds-media__video,
+.ds-media__FMFA7u .ds-media__youtube {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -15,27 +15,27 @@
   max-height: var(--horizontal-image-max-height, auto);
   aspect-ratio: var(--ds-media-aspect-ratio);
 }
-.ds-media__JXNKsd .ds-media__image--fluid,
-.ds-media__JXNKsd .ds-media__video--fluid,
-.ds-media__JXNKsd .ds-media__youtube--fluid {
+.ds-media__FMFA7u .ds-media__image--fluid,
+.ds-media__FMFA7u .ds-media__video--fluid,
+.ds-media__FMFA7u .ds-media__youtube--fluid {
   aspect-ratio: unset;
 }
-.ds-media__JXNKsd__youtube {
+.ds-media__FMFA7u__youtube {
   border: none;
   object-fit: initial;
 }
-.ds-media__JXNKsd--loading .ds-media__image,
-.ds-media__JXNKsd--loading .ds-media__video {
+.ds-media__FMFA7u--loading .ds-media__image,
+.ds-media__FMFA7u--loading .ds-media__video {
   opacity: 0;
 }
-.ds-media__JXNKsd--error {
+.ds-media__FMFA7u--error {
   aspect-ratio: var(--ds-media-aspect-ratio);
 }
-.ds-media__JXNKsd--error .ds-media__image,
-.ds-media__JXNKsd--error .ds-media__video {
+.ds-media__FMFA7u--error .ds-media__image,
+.ds-media__FMFA7u--error .ds-media__video {
   display: none;
 }
-.ds-media__JXNKsd--error .ds-media__error {
+.ds-media__FMFA7u--error .ds-media__error {
   position: absolute;
   inset: 0;
   display: flex;
@@ -49,54 +49,54 @@
   padding: 16px;
   text-align: center;
 }
-.ds-media__JXNKsd--error .ds-media__error-icon {
+.ds-media__FMFA7u--error .ds-media__error-icon {
   width: 48px;
   height: 48px;
   color: var(--ds-bgColor-danger-bold);
   flex-shrink: 0;
 }
-.ds-media__JXNKsd--error .ds-media__error-text {
+.ds-media__FMFA7u--error .ds-media__error-text {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
 }
-.ds-media__JXNKsd--image .ds-media__image {
+.ds-media__FMFA7u--image .ds-media__image {
   transition: opacity 0.3s ease;
 }
-.ds-media__JXNKsd--video .ds-media__video {
+.ds-media__FMFA7u--video .ds-media__video {
   transition: opacity 0.3s ease;
 }
-.ds-media__JXNKsd--youtube .ds-media__youtube {
+.ds-media__FMFA7u--youtube .ds-media__youtube {
   transition: opacity 0.3s ease;
 }
-.ds-media__JXNKsd--fluid {
+.ds-media__FMFA7u--fluid {
   width: 100%;
   height: 100%;
 }
-.ds-media__JXNKsd--fluid .ds-media__JXNKsd__image,
-.ds-media__JXNKsd--fluid .ds-media__JXNKsd__video,
-.ds-media__JXNKsd--fluid .ds-media__JXNKsd__youtube {
+.ds-media__FMFA7u--fluid .ds-media__FMFA7u__image,
+.ds-media__FMFA7u--fluid .ds-media__FMFA7u__video,
+.ds-media__FMFA7u--fluid .ds-media__FMFA7u__youtube {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 @media (max-width: 768px) {
-  .ds-media__JXNKsd {
+  .ds-media__FMFA7u {
     border-radius: 2px;
   }
-  .ds-media__JXNKsd__loading-spinner {
+  .ds-media__FMFA7u__loading-spinner {
     width: 24px;
     height: 24px;
     border-width: 2px;
   }
-  .ds-media__JXNKsd__loading-text {
+  .ds-media__FMFA7u__loading-text {
     font-size: 12px;
   }
-  .ds-media__JXNKsd__error-icon {
+  .ds-media__FMFA7u__error-icon {
     width: 40px;
     height: 40px;
   }
-  .ds-media__JXNKsd__error-text {
+  .ds-media__FMFA7u__error-text {
     font-size: 12px;
   }
 }