npm - @uh-design-system/component-library - Versions diffs - 1.6.0-rc.2 → 1.6.0 - Mend

@uh-design-system/component-library 1.6.0-rc.2 → 1.6.0

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 (1950) 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__9el4Wy {
+.ds-link-cta__WN0Emr {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -28,14 +28,14 @@
   user-select: none;
   --webkit-user-select: none;
 }
-.ds-link-cta__9el4Wy[aria-disabled=true] {
+.ds-link-cta__WN0Emr[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__9el4Wy__text {
+.ds-link-cta__WN0Emr__text {
   padding: 0 var(--ds-spacing-3xSmall, 4px);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
@@ -46,26 +46,26 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-link-cta__9el4Wy--no-text .ds-link-cta__9el4Wy__text {
+.ds-link-cta__WN0Emr--no-text .ds-link-cta__WN0Emr__text {
   padding: 0;
 }
-.ds-link-cta__9el4Wy:has(.ds-link-cta__9el4Wy__spinner):not(.ds-link-cta__9el4Wy--small) .ds-link-cta__9el4Wy__value {
+.ds-link-cta__WN0Emr:has(.ds-link-cta__WN0Emr__spinner):not(.ds-link-cta__WN0Emr--small) .ds-link-cta__WN0Emr__value {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-link-cta__9el4Wy--icon-only {
+.ds-link-cta__WN0Emr--icon-only {
   aspect-ratio: 1;
   justify-content: center;
 }
-.ds-link-cta__9el4Wy:has(.ds-link-cta__9el4Wy__text:empty) {
+.ds-link-cta__WN0Emr:has(.ds-link-cta__WN0Emr__text:empty) {
   width: var(--ds-link-cta-min-height);
   aspect-ratio: 1;
   padding-left: 0;
   padding-right: 0;
 }
-.ds-link-cta__9el4Wy:has(.ds-link-cta__9el4Wy__text:empty) .ds-link-cta__9el4Wy__icon {
+.ds-link-cta__WN0Emr:has(.ds-link-cta__WN0Emr__text:empty) .ds-link-cta__WN0Emr__icon {
   margin: 0;
 }
-.ds-link-cta__9el4Wy:not(.ds-link-cta__9el4Wy--small):not(.ds-link-cta__9el4Wy--secondary):not(.ds-link-cta__9el4Wy--supplementary) {
+.ds-link-cta__WN0Emr:not(.ds-link-cta__WN0Emr--small):not(.ds-link-cta__WN0Emr--secondary):not(.ds-link-cta__WN0Emr--supplementary) {
   border-width: 0;
   border-style: none;
   font-size: var(--ds-fontSize-18);
@@ -74,7 +74,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__9el4Wy:not(.ds-link-cta__9el4Wy--small).ds-link-cta__9el4Wy--secondary {
+.ds-link-cta__WN0Emr:not(.ds-link-cta__WN0Emr--small).ds-link-cta__WN0Emr--secondary {
   border-width: var(--ds-borderWidth-thin);
   border-style: solid;
   font-size: var(--ds-fontSize-18);
@@ -83,7 +83,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__9el4Wy:not(.ds-link-cta__9el4Wy--small).ds-link-cta__9el4Wy--supplementary {
+.ds-link-cta__WN0Emr:not(.ds-link-cta__WN0Emr--small).ds-link-cta__WN0Emr--supplementary {
   border-width: 0;
   border-style: none;
   font-size: var(--ds-fontSize-18);
@@ -92,11 +92,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__9el4Wy:not(.ds-link-cta__9el4Wy--small).ds-link-cta__9el4Wy--icon-only {
+.ds-link-cta__WN0Emr:not(.ds-link-cta__WN0Emr--small).ds-link-cta__WN0Emr--icon-only {
   padding-left: 0;
   padding-right: 0;
 }
-.ds-link-cta__9el4Wy--small:not(.ds-link-cta__9el4Wy--secondary):not(.ds-link-cta__9el4Wy--supplementary) {
+.ds-link-cta__WN0Emr--small:not(.ds-link-cta__WN0Emr--secondary):not(.ds-link-cta__WN0Emr--supplementary) {
   font-weight: var(--ds-fontWeight-semibold);
   border-width: 0;
   border-style: none;
@@ -106,7 +106,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__9el4Wy--small.ds-link-cta__9el4Wy--secondary {
+.ds-link-cta__WN0Emr--small.ds-link-cta__WN0Emr--secondary {
   font-weight: var(--ds-fontWeight-semibold);
   border-width: var(--ds-borderWidth-thin);
   border-style: solid;
@@ -116,7 +116,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__9el4Wy--small.ds-link-cta__9el4Wy--supplementary {
+.ds-link-cta__WN0Emr--small.ds-link-cta__WN0Emr--supplementary {
   font-weight: var(--ds-fontWeight-semibold);
   border-width: 0;
   border-style: none;
@@ -126,168 +126,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__9el4Wy--small.ds-link-cta__9el4Wy--icon-only {
+.ds-link-cta__WN0Emr--small.ds-link-cta__WN0Emr--icon-only {
   padding-left: 0;
   padding-right: 0;
   width: 32px;
 }
-.ds-link-cta__9el4Wy--small .ds-link-cta__9el4Wy__icon {
+.ds-link-cta__WN0Emr--small .ds-link-cta__WN0Emr__icon {
   width: var(--ds-link-cta-icon-size, auto);
   height: var(--ds-link-cta-icon-size, 1rem);
 }
-.ds-link-cta__9el4Wy__icon--start {
+.ds-link-cta__WN0Emr__icon--start {
   margin-right: var(--ds-spacing-3xSmall);
   margin-left: 0;
 }
-.ds-link-cta__9el4Wy__icon--end {
+.ds-link-cta__WN0Emr__icon--end {
   margin-left: var(--ds-spacing-3xSmall);
   margin-right: 0;
 }
-.ds-link-cta__9el4Wy--no-text .ds-link-cta__9el4Wy__icon--start,
-.ds-link-cta__9el4Wy--no-text .ds-link-cta__9el4Wy__icon--end {
+.ds-link-cta__WN0Emr--no-text .ds-link-cta__WN0Emr__icon--start,
+.ds-link-cta__WN0Emr--no-text .ds-link-cta__WN0Emr__icon--end {
   margin: 0;
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--blue:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--blue:active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--black:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--black:active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--primary.ds-link-cta__9el4Wy--white:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--primary.ds-link-cta__WN0Emr--white:active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--blue:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--blue:active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--black:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--black:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--secondary.ds-link-cta__9el4Wy--white:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--secondary.ds-link-cta__WN0Emr--white:active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--blue:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--blue:active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--black:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--black:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white:focus-visible {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white:hover {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-link-cta__9el4Wy.ds-link-cta__9el4Wy--supplementary.ds-link-cta__9el4Wy--white:active {
+.ds-link-cta__WN0Emr.ds-link-cta__WN0Emr--supplementary.ds-link-cta__WN0Emr--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,19 +8,19 @@
   display: inline-block;
 }
-.ds-link-logo__9el4Wy {
+.ds-link-logo__WN0Emr {
   all: initial;
   display: revert;
   box-sizing: border-box;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
 }
-.ds-link-logo__9el4Wy:focus-visible {
+.ds-link-logo__WN0Emr: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__9el4Wy {
+.ds-link-logo__WN0Emr {
   display: flex;
   align-items: center;
   gap: var(--ds-spacing-2xSmall, 0.5rem);
@@ -33,11 +33,11 @@
   line-height: 1;
   text-transform: uppercase;
 }
-.ds-link-logo__9el4Wy:hover {
+.ds-link-logo__WN0Emr:hover {
   color: var(--ds-bgColor-primary, #005a94);
 }
 @media (min-width: 60rem) {
-  .ds-link-logo__9el4Wy {
+  .ds-link-logo__WN0Emr {
     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

@@ -4,19 +4,19 @@
   display: block;
 }
-.ds-link-with-arrow__9el4Wy {
+.ds-link-with-arrow__WN0Emr {
   all: initial;
   display: revert;
   box-sizing: border-box;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
 }
-.ds-link-with-arrow__9el4Wy:focus-visible {
+.ds-link-with-arrow__WN0Emr: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__9el4Wy {
+.ds-link-with-arrow__WN0Emr {
   display: inline-flex;
   align-items: center;
   color: var(--ds-textColor-link);
@@ -27,15 +27,15 @@
   text-decoration-line: none;
 }
 @media (min-width: 30rem) {
-  .ds-link-with-arrow__9el4Wy {
+  .ds-link-with-arrow__WN0Emr {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-link-with-arrow__9el4Wy--full-width {
+.ds-link-with-arrow__WN0Emr--full-width {
   width: 100%;
   justify-content: space-between;
 }
-.ds-link-with-arrow__9el4Wy__icon {
+.ds-link-with-arrow__WN0Emr__icon {
   display: inline-flex;
   flex-shrink: 0;
   width: 2rem;
@@ -47,18 +47,18 @@
   background-color: var(--ds-bgColor-primary);
 }
 @media (min-width: 30rem) {
-  .ds-link-with-arrow__9el4Wy__icon {
+  .ds-link-with-arrow__WN0Emr__icon {
     width: 2.5rem;
     height: 2.5rem;
   }
 }
-.ds-link-with-arrow__9el4Wy__icon--start {
+.ds-link-with-arrow__WN0Emr__icon--start {
   margin-right: var(--ds-spacing-xSmall);
 }
-.ds-link-with-arrow__9el4Wy__icon--end {
+.ds-link-with-arrow__WN0Emr__icon--end {
   margin-left: var(--ds-spacing-xSmall);
 }
-.ds-link-with-arrow__9el4Wy:hover, .ds-link-with-arrow__9el4Wy:active {
+.ds-link-with-arrow__WN0Emr:hover, .ds-link-with-arrow__WN0Emr:active {
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-skip-ink: auto;
@@ -66,16 +66,16 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-link-with-arrow__9el4Wy:hover {
+.ds-link-with-arrow__WN0Emr:hover {
   cursor: pointer;
   color: var(--ds-textColor-link-hover);
 }
-.ds-link-with-arrow__9el4Wy:hover .ds-link-with-arrow__9el4Wy__icon {
+.ds-link-with-arrow__WN0Emr:hover .ds-link-with-arrow__WN0Emr__icon {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-link-with-arrow__9el4Wy:active, .ds-link-with-arrow__9el4Wy:focus-visible {
+.ds-link-with-arrow__WN0Emr:active, .ds-link-with-arrow__WN0Emr:focus-visible {
   color: var(--ds-textColor-link-active);
 }
-.ds-link-with-arrow__9el4Wy:active .ds-link-with-arrow__9el4Wy__icon {
+.ds-link-with-arrow__WN0Emr:active .ds-link-with-arrow__WN0Emr__icon {
   background-color: var(--ds-bgColor-primary-active);
 }

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

@@ -1,13 +1,13 @@
-.ds-media__9el4Wy {
+.ds-media__WN0Emr {
   position: relative;
   width: 100%;
   height: auto;
   overflow: hidden;
   background-color: var(--ds-palette-black-05);
 }
-.ds-media__9el4Wy .ds-media__image,
-.ds-media__9el4Wy .ds-media__video,
-.ds-media__9el4Wy .ds-media__youtube {
+.ds-media__WN0Emr .ds-media__image,
+.ds-media__WN0Emr .ds-media__video,
+.ds-media__WN0Emr .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__9el4Wy .ds-media__image--fluid,
-.ds-media__9el4Wy .ds-media__video--fluid,
-.ds-media__9el4Wy .ds-media__youtube--fluid {
+.ds-media__WN0Emr .ds-media__image--fluid,
+.ds-media__WN0Emr .ds-media__video--fluid,
+.ds-media__WN0Emr .ds-media__youtube--fluid {
   aspect-ratio: unset;
 }
-.ds-media__9el4Wy__youtube {
+.ds-media__WN0Emr__youtube {
   border: none;
   object-fit: initial;
 }
-.ds-media__9el4Wy--loading .ds-media__image,
-.ds-media__9el4Wy--loading .ds-media__video {
+.ds-media__WN0Emr--loading .ds-media__image,
+.ds-media__WN0Emr--loading .ds-media__video {
   opacity: 0;
 }
-.ds-media__9el4Wy--error {
+.ds-media__WN0Emr--error {
   aspect-ratio: var(--ds-media-aspect-ratio);
 }
-.ds-media__9el4Wy--error .ds-media__image,
-.ds-media__9el4Wy--error .ds-media__video {
+.ds-media__WN0Emr--error .ds-media__image,
+.ds-media__WN0Emr--error .ds-media__video {
   display: none;
 }
-.ds-media__9el4Wy--error .ds-media__error {
+.ds-media__WN0Emr--error .ds-media__error {
   position: absolute;
   inset: 0;
   display: flex;
@@ -49,54 +49,54 @@
   padding: 16px;
   text-align: center;
 }
-.ds-media__9el4Wy--error .ds-media__error-icon {
+.ds-media__WN0Emr--error .ds-media__error-icon {
   width: 48px;
   height: 48px;
   color: var(--ds-bgColor-danger-bold);
   flex-shrink: 0;
 }
-.ds-media__9el4Wy--error .ds-media__error-text {
+.ds-media__WN0Emr--error .ds-media__error-text {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
 }
-.ds-media__9el4Wy--image .ds-media__image {
+.ds-media__WN0Emr--image .ds-media__image {
   transition: opacity 0.3s ease;
 }
-.ds-media__9el4Wy--video .ds-media__video {
+.ds-media__WN0Emr--video .ds-media__video {
   transition: opacity 0.3s ease;
 }
-.ds-media__9el4Wy--youtube .ds-media__youtube {
+.ds-media__WN0Emr--youtube .ds-media__youtube {
   transition: opacity 0.3s ease;
 }
-.ds-media__9el4Wy--fluid {
+.ds-media__WN0Emr--fluid {
   width: 100%;
   height: 100%;
 }
-.ds-media__9el4Wy--fluid .ds-media__9el4Wy__image,
-.ds-media__9el4Wy--fluid .ds-media__9el4Wy__video,
-.ds-media__9el4Wy--fluid .ds-media__9el4Wy__youtube {
+.ds-media__WN0Emr--fluid .ds-media__WN0Emr__image,
+.ds-media__WN0Emr--fluid .ds-media__WN0Emr__video,
+.ds-media__WN0Emr--fluid .ds-media__WN0Emr__youtube {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 @media (max-width: 768px) {
-  .ds-media__9el4Wy {
+  .ds-media__WN0Emr {
     border-radius: 2px;
   }
-  .ds-media__9el4Wy__loading-spinner {
+  .ds-media__WN0Emr__loading-spinner {
     width: 24px;
     height: 24px;
     border-width: 2px;
   }
-  .ds-media__9el4Wy__loading-text {
+  .ds-media__WN0Emr__loading-text {
     font-size: 12px;
   }
-  .ds-media__9el4Wy__error-icon {
+  .ds-media__WN0Emr__error-icon {
     width: 40px;
     height: 40px;
   }
-  .ds-media__9el4Wy__error-text {
+  .ds-media__WN0Emr__error-text {
     font-size: 12px;
   }
 }