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

@uh-design-system/component-library 1.2.0-rc.2 → 1.2.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 (1599) hide show

package/dist/collection/components/01-base-components/ds-icon/ds-icon.js CHANGED Viewed

@@ -15,6 +15,7 @@ export class DsIcon extends Mixin(ariaDeprecationFactory) {
     inheritedAttributes = {};
     dsName;
     dsColour;
+    dsCustomSize;
     defaultSize = '1.5rem';
     _dsSize = this.defaultSize;
     get dsSize() {
@@ -56,9 +57,9 @@ export class DsIcon extends Mixin(ariaDeprecationFactory) {
         const iconRole = this.dsRole ?? this.inheritedAttributes['role'];
         const iconAriaHidden = String(this.dsAriaHidden ?? true);
         const restAttributes = omit(this.inheritedAttributes, ['aria-label', 'aria-labelledby', 'role', 'aria-hidden']);
-        return (h(Fragment, { key: '864808c62f169398af8a68f7e61919a8d7ea87cd' }, h("span", { key: '36b3f3c700ebb41eb40d9d58236f395f5b5c154e', class: classNames(`${baseClass}--container`, {
+        return (h(Fragment, { key: 'bcce2be812e417f93a4ce04702a37eaeaf667d7e' }, h("span", { key: '0b96425b0e5766585c8ef05c73ba4271dd28029d', class: classNames(`${baseClass}--container`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), "aria-hidden": iconAriaHidden }, h(IconTag, { key: '80f6d5b14013c75ca5070009f5e5f35a5ffbda4e', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: iconRole, dsTitle: this.dsTitle, dsAriaLabel: iconAriaLabel, dsAriaLabelledby: iconAriaLabelledby, ...restAttributes }))));
+            }), "aria-hidden": iconAriaHidden }, h(IconTag, { key: '4c92891c97f38b8ee143790a63eaea8529ff93f2', dsSize: this.dsCustomSize ? this.dsCustomSize : remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: iconRole, dsTitle: this.dsTitle, dsAriaLabel: iconAriaLabel, dsAriaLabelledby: iconAriaLabelledby, ...restAttributes }))));
     }
     static get is() { return "ds-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -112,6 +113,25 @@ export class DsIcon extends Mixin(ariaDeprecationFactory) {
                 "reflect": false,
                 "attribute": "ds-colour"
             },
+            "dsCustomSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Custom size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ds-custom-size"
+            },
             "dsSize": {
                 "type": "string",
                 "mutable": false,

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

@@ -1,20 +1,20 @@
-.ds-input-validity__iX535h {
+.ds-input-validity__DFAX9n {
   display: flex;
   align-items: center;
   margin-top: var(--ds-spacing-2xSmall);
   gap: var(--ds-spacing-2xSmall);
 }
-.ds-input-validity__iX535h--error {
+.ds-input-validity__DFAX9n--error {
   color: var(--ds-textColor-danger);
 }
-.ds-input-validity__iX535h--success {
+.ds-input-validity__DFAX9n--success {
   color: var(--ds-textColor-success);
 }
-.ds-input-validity__iX535h__icon {
+.ds-input-validity__DFAX9n__icon {
   display: block;
   height: 1.5rem;
 }
-.ds-input-validity__iX535h small {
+.ds-input-validity__DFAX9n small {
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-14);
   font-weight: var(--ds-fontWeight-regular);

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

@@ -1,16 +1,16 @@
 :host {
   display: inline;
 }
-:host:has(.ds-link__iX535h--standalone) {
+:host:has(.ds-link__DFAX9n--standalone) {
   display: inline-block;
 }
-.ds-link__iX535h:focus-visible {
+.ds-link__DFAX9n: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__iX535h {
+.ds-link__DFAX9n {
   box-sizing: border-box;
   display: inline;
   color: var(--ds-textColor-link);
@@ -25,87 +25,87 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-link__iX535h--semibold {
+.ds-link__DFAX9n--semibold {
   font-weight: var(--ds-fontWeight-semibold);
 }
-.ds-link__iX535h--bold {
+.ds-link__DFAX9n--bold {
   font-weight: var(--ds-fontWeight-bold);
 }
-.ds-link__iX535h--2xLarge {
+.ds-link__DFAX9n--2xLarge {
   font-size: var(--ds-fontSize-22);
 }
-.ds-link__iX535h--xLarge {
+.ds-link__DFAX9n--xLarge {
   font-size: var(--ds-fontSize-20);
 }
-.ds-link__iX535h--large {
+.ds-link__DFAX9n--large {
   font-size: var(--ds-fontSize-18);
 }
-.ds-link__iX535h--medium {
+.ds-link__DFAX9n--medium {
   font-size: var(--ds-fontSize-16);
 }
-.ds-link__iX535h--small {
+.ds-link__DFAX9n--small {
   font-size: var(--ds-fontSize-14);
 }
-.ds-link__iX535h--xSmall {
+.ds-link__DFAX9n--xSmall {
   font-size: var(--ds-fontSize-12);
 }
-.ds-link__iX535h__icon {
+.ds-link__DFAX9n__icon {
   display: inline-block;
   vertical-align: -0.125em;
 }
-.ds-link__iX535h__icon--start-inline {
+.ds-link__DFAX9n__icon--start-inline {
   margin-right: var(--ds-spacing-3xSmall);
 }
-.ds-link__iX535h__icon--start-standalone {
+.ds-link__DFAX9n__icon--start-standalone {
   margin-right: var(--ds-spacing-2xSmall);
 }
-.ds-link__iX535h__icon--end-inline {
+.ds-link__DFAX9n__icon--end-inline {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-link__iX535h__icon--end-standalone {
+.ds-link__DFAX9n__icon--end-standalone {
   margin-left: var(--ds-spacing-2xSmall);
 }
-.ds-link__iX535h:hover, .ds-link__iX535h:active {
+.ds-link__DFAX9n:hover, .ds-link__DFAX9n:active {
   text-decoration-thickness: 13%;
   text-underline-offset: 12%;
 }
-.ds-link__iX535h:hover {
+.ds-link__DFAX9n:hover {
   color: var(--ds-textColor-link-hover);
 }
-.ds-link__iX535h:active {
+.ds-link__DFAX9n:active {
   color: var(--ds-textColor-link-active);
 }
-.ds-link__iX535h:visited {
+.ds-link__DFAX9n:visited {
   color: var(--ds-textColor-link-visited);
 }
-.ds-link__iX535h--standalone {
+.ds-link__DFAX9n--standalone {
   color: var(--ds-textColor-link);
   text-decoration-line: none;
 }
-.ds-link__iX535h--standalone:hover, .ds-link__iX535h--standalone:active {
+.ds-link__DFAX9n--standalone:hover, .ds-link__DFAX9n--standalone:active {
   text-decoration-line: underline;
 }
-.ds-link__iX535h--standalone:hover {
+.ds-link__DFAX9n--standalone:hover {
   color: var(--ds-textColor-link-hover);
 }
-.ds-link__iX535h--standalone:active {
+.ds-link__DFAX9n--standalone:active {
   color: var(--ds-textColor-link-active);
 }
-.ds-link__iX535h--standalone:focus-visible {
+.ds-link__DFAX9n--standalone:focus-visible {
   color: var(--ds-textColor-link);
 }
-.ds-link__iX535h--standalone:visited {
+.ds-link__DFAX9n--standalone:visited {
   color: var(--ds-textColor-link);
 }
-.ds-link__iX535h--colour-white {
+.ds-link__DFAX9n--colour-white {
   color: var(--ds-textColor-white);
 }
-.ds-link__iX535h--colour-white:hover, .ds-link__iX535h--colour-white:active, .ds-link__iX535h--colour-white:visited, .ds-link__iX535h--colour-white:focus-visible {
+.ds-link__DFAX9n--colour-white:hover, .ds-link__DFAX9n--colour-white:active, .ds-link__DFAX9n--colour-white:visited, .ds-link__DFAX9n--colour-white:focus-visible {
   color: var(--ds-textColor-white);
 }
-.ds-link__iX535h--colour-black {
+.ds-link__DFAX9n--colour-black {
   color: var(--ds-textColor-default);
 }
-.ds-link__iX535h--colour-black:hover, .ds-link__iX535h--colour-black:active, .ds-link__iX535h--colour-black:visited, .ds-link__iX535h--colour-black:focus-visible {
+.ds-link__DFAX9n--colour-black:hover, .ds-link__DFAX9n--colour-black:active, .ds-link__DFAX9n--colour-black:visited, .ds-link__DFAX9n--colour-black:focus-visible {
   color: var(--ds-textColor-default);
 }

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

@@ -8,7 +8,7 @@
   display: inline-block;
 }
-.ds-link-cta__iX535h {
+.ds-link-cta__DFAX9n {
   width: 100%;
   align-items: center;
   border-radius: 0;
@@ -22,7 +22,7 @@
   user-select: none;
   --webkit-user-select: none;
 }
-.ds-link-cta__iX535h__text {
+.ds-link-cta__DFAX9n__text {
   padding: 0 var(--ds-spacing-3xSmall, 4px);
   letter-spacing: var(--ds-letterSpacing-wide);
   line-height: var(--ds-lineHeight-large);
@@ -33,151 +33,157 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-link-cta__iX535h__icon {
+.ds-link-cta__DFAX9n__icon {
   margin-left: var(--ds-spacing-3xSmall, 4px);
 }
-.ds-link-cta__iX535h:has(.ds-link-cta__iX535h__spinner):not(.ds-link-cta__iX535h--small) .ds-link-cta__iX535h__value {
+.ds-link-cta__DFAX9n:has(.ds-link-cta__DFAX9n__spinner):not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__value {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-link-cta__iX535h--icon-only {
+.ds-link-cta__DFAX9n--icon-only {
   aspect-ratio: 1;
   justify-content: center;
 }
-.ds-link-cta__iX535h:not(.ds-link-cta__iX535h--small):not(.ds-link-cta__iX535h--secondary) {
+.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small):not(.ds-link-cta__DFAX9n--secondary) {
   border-width: 0px;
   font-size: var(--ds-fontSize-18);
   min-height: 44px;
   padding: var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall);
 }
-.ds-link-cta__iX535h:not(.ds-link-cta__iX535h--small).ds-link-cta__iX535h--secondary {
+.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small).ds-link-cta__DFAX9n--secondary {
   border-width: var(--ds-borderWidth-thin);
   font-size: var(--ds-fontSize-18);
   min-height: 44px;
   padding: var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall);
 }
-.ds-link-cta__iX535h:not(.ds-link-cta__iX535h--small).ds-link-cta__iX535h--icon-only {
+.ds-link-cta__DFAX9n:not(.ds-link-cta__DFAX9n--small).ds-link-cta__DFAX9n--icon-only {
   padding-left: 0;
   padding-right: 0;
 }
-.ds-link-cta__iX535h--small:not(.ds-link-cta__iX535h--secondary) {
+.ds-link-cta__DFAX9n--small:not(.ds-link-cta__DFAX9n--secondary) {
   border-width: 0px;
-  font-size: var(--ds-fontSize-14);
+  font-size: var(--ds-fontSize-16);
+  font-weight: var(--ds-fontWeight-semibold);
+  line-height: 150%;
+  letter-spacing: var(--ds-letterSpacing-wide, 0);
   min-height: 32px;
   padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
 }
-.ds-link-cta__iX535h--small.ds-link-cta__iX535h--secondary {
+.ds-link-cta__DFAX9n--small.ds-link-cta__DFAX9n--secondary {
   border-width: var(--ds-borderWidth-thin);
-  font-size: var(--ds-fontSize-14);
+  font-size: var(--ds-fontSize-16);
+  font-weight: var(--ds-fontWeight-semibold);
+  line-height: 150%;
+  letter-spacing: var(--ds-letterSpacing-wide, 0);
   min-height: 32px;
   padding: var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall);
 }
-.ds-link-cta__iX535h--small.ds-link-cta__iX535h--icon-only {
+.ds-link-cta__DFAX9n--small.ds-link-cta__DFAX9n--icon-only {
   padding-left: 0;
   padding-right: 0;
   width: 32px;
 }
-.ds-link-cta__iX535h--small .ds-link-cta__iX535h__icon {
+.ds-link-cta__DFAX9n--small .ds-link-cta__DFAX9n__icon {
   height: 1rem;
 }
-.ds-link-cta__iX535h--icon-start:not(.ds-link-cta__iX535h--small) .ds-link-cta__iX535h__icon {
+.ds-link-cta__DFAX9n--icon-start:not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__icon {
   margin-right: var(--ds-spacing-3xSmall);
 }
-.ds-link-cta__iX535h--icon-end:not(.ds-link-cta__iX535h--small) .ds-link-cta__iX535h__icon {
+.ds-link-cta__DFAX9n--icon-end:not(.ds-link-cta__DFAX9n--small) .ds-link-cta__DFAX9n__icon {
   margin-left: var(--ds-spacing-3xSmall);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--blue:focus-visible {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--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__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--blue {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue {
   background-color: var(--ds-bgColor-primary);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--blue:hover {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue:hover {
   background-color: var(--ds-bgColor-primary-hover);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--blue:active {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--blue:active {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--black:focus-visible {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--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__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--black {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black {
   background-color: var(--ds-bgColor-black);
   border-color: transparent;
   color: var(--ds-textColor-white);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--black:hover {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black:hover {
   background-color: var(--ds-bgColor-black-hover);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--black:active {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--black:active {
   background-color: var(--ds-bgColor-black-active);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--white:focus-visible {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--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__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--white {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white {
   background-color: var(--ds-bgColor-white);
   border-color: transparent;
   color: var(--ds-textColor-default);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--white:hover {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--primary.ds-link-cta__iX535h--white:active {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--primary.ds-link-cta__DFAX9n--white:active {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--blue:focus-visible {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--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__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--blue {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue {
   background-color: var(--ds-bgColor-secondary);
   border-color: var(--ds-borderColor-primary);
   color: var(--ds-textColor-primary);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--blue:hover {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue:hover {
   background-color: var(--ds-bgColor-secondary-hover);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--blue:active {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--blue:active {
   background-color: var(--ds-bgColor-secondary-active);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--black:focus-visible {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--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__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--black {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black {
   background-color: transparent;
   border-color: var(--ds-borderColor-black);
   color: var(--ds-textColor-default);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--black:hover {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--black:active {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--black:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--white:focus-visible {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--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__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--white {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white {
   background-color: transparent;
   border-color: var(--ds-borderColor-white);
   color: var(--ds-textColor-white);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--white:hover {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:hover {
   background-color: var(--ds-bgColor-transparent-onDark-hover);
 }
-.ds-link-cta__iX535h.ds-link-cta__iX535h--secondary.ds-link-cta__iX535h--white:active {
+.ds-link-cta__DFAX9n.ds-link-cta__DFAX9n--secondary.ds-link-cta__DFAX9n--white:active {
   background-color: var(--ds-bgColor-transparent-onDark-active);
 }

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

@@ -69,7 +69,7 @@ export class DsLinkCta extends Mixin(linkFactory) {
         const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (h(this.dsTag, { key: '62507e81c9d33941250828be655e9d2a9da2fb04', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, h("span", { key: 'd82d0a2cb8a3689db2cbf68bf34a6cce56d0ec96', class: linkTextClasses }, this.dsText), h(DsIcon, { key: '3d742f214abeef81c17edce9ca9314e420c29f30', dsName: this.icon, class: iconClasses, dsSize: this.dsSize === 'medium' ? '1.5rem' : '1rem' }), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'fd20dcf258dd1c000ea6e2521c33488c9a8b75ec', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
+        return (h(this.dsTag, { key: '62507e81c9d33941250828be655e9d2a9da2fb04', ref: el => (this.linkEl = el), part: "link", class: classes, onKeyDown: this.handleKeyDown, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, h("span", { key: 'd82d0a2cb8a3689db2cbf68bf34a6cce56d0ec96', class: linkTextClasses }, this.dsText), h(DsIcon, { key: 'b6e73e0fd1189eb069668a867298a2a947f943be', dsName: this.icon, class: iconClasses, dsCustomSize: this.dsSize === 'medium' ? '1.5rem' : '1.25rem' }), opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'a17da445690cbdcfacc0682c80897badb732c533', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
     }
     static get is() { return "ds-link-cta"; }
     static get encapsulation() { return "shadow"; }

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__iX535h:focus-visible {
+.ds-link-logo__DFAX9n: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__iX535h {
+.ds-link-logo__DFAX9n {
   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__iX535h:hover {
+.ds-link-logo__DFAX9n:hover {
   color: var(--ds-bgColor-primary, #005a94);
 }
 @media (min-width: 60rem) {
-  .ds-link-logo__iX535h {
+  .ds-link-logo__DFAX9n {
     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__iX535h--full-width) {
+:host:has(.ds-link-with-arrow__DFAX9n--full-width) {
   width: 100%;
 }
-.ds-link-with-arrow__iX535h:focus-visible {
+.ds-link-with-arrow__DFAX9n: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__iX535h {
+.ds-link-with-arrow__DFAX9n {
   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__iX535h {
+  .ds-link-with-arrow__DFAX9n {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-link-with-arrow__iX535h--full-width {
+.ds-link-with-arrow__DFAX9n--full-width {
   width: 100%;
   justify-content: space-between;
 }
-.ds-link-with-arrow__iX535h__icon {
+.ds-link-with-arrow__DFAX9n__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__iX535h__icon {
+  .ds-link-with-arrow__DFAX9n__icon {
     width: 2.5rem;
     height: 2.5rem;
   }
 }
-.ds-link-with-arrow__iX535h__icon--start {
+.ds-link-with-arrow__DFAX9n__icon--start {
   margin-right: var(--ds-spacing-xSmall);
 }
-.ds-link-with-arrow__iX535h__icon--end {
+.ds-link-with-arrow__DFAX9n__icon--end {
   margin-left: var(--ds-spacing-xSmall);
 }
-:hover slot > .ds-link-with-arrow__iX535h__icon {
+:hover slot > .ds-link-with-arrow__DFAX9n__icon {
   background-color: var(--ds-bgColor-primary-hover);
 }
-:active slot > .ds-link-with-arrow__iX535h__icon {
+:active slot > .ds-link-with-arrow__DFAX9n__icon {
   background-color: var(--ds-bgColor-primary-active);
 }
-.ds-link-with-arrow__iX535h:hover, .ds-link-with-arrow__iX535h:active {
+.ds-link-with-arrow__DFAX9n:hover, .ds-link-with-arrow__DFAX9n: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__iX535h:hover {
+.ds-link-with-arrow__DFAX9n:hover {
   color: var(--ds-textColor-link-hover);
 }
-.ds-link-with-arrow__iX535h:active, .ds-link-with-arrow__iX535h:focus-visible {
+.ds-link-with-arrow__DFAX9n:active, .ds-link-with-arrow__DFAX9n: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__iX535h {
+.ds-media__DFAX9n {
   position: relative;
   width: 100%;
   height: auto;
   overflow: hidden;
   background-color: var(--ds-palette-black-05);
 }
-.ds-media__iX535h .ds-media__image,
-.ds-media__iX535h .ds-media__video,
-.ds-media__iX535h .ds-media__youtube {
+.ds-media__DFAX9n .ds-media__image,
+.ds-media__DFAX9n .ds-media__video,
+.ds-media__DFAX9n .ds-media__youtube {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -15,16 +15,16 @@
   max-height: var(--horizontal-image-max-height, auto);
   aspect-ratio: var(--ds-media-aspect-ratio);
 }
-.ds-media__iX535h .ds-media__image--fluid,
-.ds-media__iX535h .ds-media__video--fluid,
-.ds-media__iX535h .ds-media__youtube--fluid {
+.ds-media__DFAX9n .ds-media__image--fluid,
+.ds-media__DFAX9n .ds-media__video--fluid,
+.ds-media__DFAX9n .ds-media__youtube--fluid {
   aspect-ratio: unset;
 }
-.ds-media__iX535h__youtube {
+.ds-media__DFAX9n__youtube {
   border: none;
   object-fit: initial;
 }
-.ds-media__iX535h__error {
+.ds-media__DFAX9n__error {
   position: absolute;
   inset: 0;
   display: flex;
@@ -38,62 +38,62 @@
   padding: 16px;
   text-align: center;
 }
-.ds-media__iX535h__error-icon {
+.ds-media__DFAX9n__error-icon {
   width: 48px;
   height: 48px;
   color: var(--ds-bgColor-danger-active);
   flex-shrink: 0;
 }
-.ds-media__iX535h__error-text {
+.ds-media__DFAX9n__error-text {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
 }
-.ds-media__iX535h--loading .ds-media__image,
-.ds-media__iX535h--loading .ds-media__video {
+.ds-media__DFAX9n--loading .ds-media__image,
+.ds-media__DFAX9n--loading .ds-media__video {
   opacity: 0;
 }
-.ds-media__iX535h--error .ds-media__image,
-.ds-media__iX535h--error .ds-media__video {
+.ds-media__DFAX9n--error .ds-media__image,
+.ds-media__DFAX9n--error .ds-media__video {
   display: none;
 }
-.ds-media__iX535h--image .ds-media__image {
+.ds-media__DFAX9n--image .ds-media__image {
   transition: opacity 0.3s ease;
 }
-.ds-media__iX535h--video .ds-media__video {
+.ds-media__DFAX9n--video .ds-media__video {
   transition: opacity 0.3s ease;
 }
-.ds-media__iX535h--youtube .ds-media__youtube {
+.ds-media__DFAX9n--youtube .ds-media__youtube {
   transition: opacity 0.3s ease;
 }
-.ds-media__iX535h--fluid {
+.ds-media__DFAX9n--fluid {
   width: 100%;
   height: 100%;
 }
-.ds-media__iX535h--fluid .ds-media__iX535h__image,
-.ds-media__iX535h--fluid .ds-media__iX535h__video,
-.ds-media__iX535h--fluid .ds-media__iX535h__youtube {
+.ds-media__DFAX9n--fluid .ds-media__DFAX9n__image,
+.ds-media__DFAX9n--fluid .ds-media__DFAX9n__video,
+.ds-media__DFAX9n--fluid .ds-media__DFAX9n__youtube {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 @media (max-width: 768px) {
-  .ds-media__iX535h {
+  .ds-media__DFAX9n {
     border-radius: 2px;
   }
-  .ds-media__iX535h__loading-spinner {
+  .ds-media__DFAX9n__loading-spinner {
     width: 24px;
     height: 24px;
     border-width: 2px;
   }
-  .ds-media__iX535h__loading-text {
+  .ds-media__DFAX9n__loading-text {
     font-size: 12px;
   }
-  .ds-media__iX535h__error-icon {
+  .ds-media__DFAX9n__error-icon {
     width: 40px;
     height: 40px;
   }
-  .ds-media__iX535h__error-text {
+  .ds-media__DFAX9n__error-text {
     font-size: 12px;
   }
 }