@uh-design-system/component-library 1.1.0-rc.5 → 1.1.0-rc.7

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

@@ -3,7 +3,7 @@
   width: 100%;
 }
 @media (min-width: 30rem) {
-  :host:not(:has(.ds-combobox__BahgnS--full-width)) {
+  :host:not(:has(.ds-combobox__kfFKF0--full-width)) {
     width: 20rem;
   }
 }
@@ -13,7 +13,7 @@
   position: relative;
 }
 
-.ds-combobox__BahgnS__input-container {
+.ds-combobox__kfFKF0__input-container {
   position: relative;
   display: flex;
   align-items: center;
@@ -25,37 +25,37 @@
   height: 2.75rem;
   width: 100%;
 }
-.ds-combobox__BahgnS__input-container--disabled {
+.ds-combobox__kfFKF0__input-container--disabled {
   background-color: var(--ds-bgColor-disabled-onLight);
   border-color: var(--ds-borderColor-disabled-onLight);
   color: var(--ds-textColor-disabled-onLight);
   cursor: not-allowed;
 }
-.ds-combobox__BahgnS__input-container--disabled .ds-combobox__BahgnS__input-container__toggle-button {
+.ds-combobox__kfFKF0__input-container--disabled .ds-combobox__kfFKF0__input-container__toggle-button {
   cursor: not-allowed;
 }
-.ds-combobox__BahgnS__input-container--invalid {
+.ds-combobox__kfFKF0__input-container--invalid {
   background-color: var(--ds-bgColor-danger);
   border-color: var(--ds-borderColor-danger);
 }
-.ds-combobox__BahgnS__input-container--invalid:not(.ds-combobox__BahgnS__input-container--open):not(.ds-combobox__BahgnS__input-container--disabled):hover {
+.ds-combobox__kfFKF0__input-container--invalid:not(.ds-combobox__kfFKF0__input-container--open):not(.ds-combobox__kfFKF0__input-container--disabled):hover {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-combobox__BahgnS__input-container--invalid:not(.ds-combobox__BahgnS__input-container--open):not(.ds-combobox__BahgnS__input-container--disabled):active {
+.ds-combobox__kfFKF0__input-container--invalid:not(.ds-combobox__kfFKF0__input-container--open):not(.ds-combobox__kfFKF0__input-container--disabled):active {
   background-color: var(--ds-bgColor-danger-active);
 }
-.ds-combobox__BahgnS__input-container:active:not(.ds-combobox__BahgnS__input-container--invalid, .ds-combobox__BahgnS__input-container--disabled) {
+.ds-combobox__kfFKF0__input-container:active:not(.ds-combobox__kfFKF0__input-container--invalid, .ds-combobox__kfFKF0__input-container--disabled) {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-combobox__BahgnS__input-container:not(.ds-combobox__BahgnS__input-container--open, .ds-combobox__BahgnS__input-container:has(> .ds-combobox__BahgnS__input-container__clear-button > button:focus), .ds-combobox__BahgnS__input-container--invalid, .ds-combobox__BahgnS__input-container--disabled):hover {
+.ds-combobox__kfFKF0__input-container:not(.ds-combobox__kfFKF0__input-container--open, .ds-combobox__kfFKF0__input-container:has(> .ds-combobox__kfFKF0__input-container__clear-button > button:focus), .ds-combobox__kfFKF0__input-container--invalid, .ds-combobox__kfFKF0__input-container--disabled):hover {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-combobox__BahgnS__input-container:has(> .ds-combobox__BahgnS__input-container__input:focus), .ds-combobox__BahgnS__input-container:has(> .ds-combobox__BahgnS__input-container__clear-button > button:focus) {
+.ds-combobox__kfFKF0__input-container:has(> .ds-combobox__kfFKF0__input-container__input:focus), .ds-combobox__kfFKF0__input-container:has(> .ds-combobox__kfFKF0__input-container__clear-button > button:focus) {
   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-combobox__BahgnS__input-container__input {
+.ds-combobox__kfFKF0__input-container__input {
   width: 100%;
   height: 100%;
   border: 0;
@@ -69,36 +69,36 @@
   padding-right: var(--ds-spacing-xSmall);
   text-overflow: ellipsis;
 }
-.ds-combobox__BahgnS__input-container__input::placeholder {
+.ds-combobox__kfFKF0__input-container__input::placeholder {
   color: var(--ds-textColor-secondary);
 }
-.ds-combobox__BahgnS__input-container__input:disabled {
+.ds-combobox__kfFKF0__input-container__input:disabled {
   cursor: not-allowed;
 }
-.ds-combobox__BahgnS__input-container__input:disabled::placeholder {
+.ds-combobox__kfFKF0__input-container__input:disabled::placeholder {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-combobox__BahgnS__input-container__input:focus {
+.ds-combobox__kfFKF0__input-container__input:focus {
   outline: none;
 }
-.ds-combobox__BahgnS__input-container__icon {
+.ds-combobox__kfFKF0__input-container__icon {
   padding-left: var(--ds-spacing-2xSmall);
 }
-.ds-combobox__BahgnS__input-container__icon + .ds-combobox__BahgnS__input-container__input {
+.ds-combobox__kfFKF0__input-container__icon + .ds-combobox__kfFKF0__input-container__input {
   padding-left: var(--ds-spacing-2xSmall);
   padding-right: var(--ds-spacing-2xSmall);
 }
-.ds-combobox__BahgnS__input-container__clear-button, .ds-combobox__BahgnS__input-container__toggle-button {
+.ds-combobox__kfFKF0__input-container__clear-button, .ds-combobox__kfFKF0__input-container__toggle-button {
   cursor: pointer;
 }
-.ds-combobox__BahgnS__input-container__toggle-button {
+.ds-combobox__kfFKF0__input-container__toggle-button {
   color: inherit;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
-.ds-combobox__BahgnS__input-container__toggle-button__icon {
+.ds-combobox__kfFKF0__input-container__toggle-button__icon {
   align-items: center;
   align-self: stretch;
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);
@@ -107,7 +107,7 @@
   pointer-events: none;
   padding: 0 var(--ds-spacing-2xSmall);
 }
-.ds-combobox__BahgnS__options-container {
+.ds-combobox__kfFKF0__options-container {
   display: none;
   position: absolute;
   top: 100%;
@@ -117,11 +117,11 @@
   border: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   background-color: var(--ds-bgColor-white);
 }
-.ds-combobox__BahgnS__options-container--open {
+.ds-combobox__kfFKF0__options-container--open {
   display: block;
   box-shadow: var(--ds-shadow-overlay);
 }
-.ds-combobox__BahgnS__options-container__options {
+.ds-combobox__kfFKF0__options-container__options {
   position: relative;
   display: block;
   width: 100%;
@@ -130,7 +130,7 @@
   z-index: 0;
   overflow: auto;
 }
-.ds-combobox__BahgnS__options-container__options__inner {
+.ds-combobox__kfFKF0__options-container__options__inner {
   position: relative;
   width: 100%;
   max-height: 20rem;
@@ -141,7 +141,7 @@
   padding: 0;
   margin: 0;
 }
-.ds-combobox__BahgnS__options-container__options__inner__top-scrim, .ds-combobox__BahgnS__options-container__options__inner__bottom-scrim {
+.ds-combobox__kfFKF0__options-container__options__inner__top-scrim, .ds-combobox__kfFKF0__options-container__options__inner__bottom-scrim {
   pointer-events: none;
   width: 100%;
   height: 2.75rem;
@@ -151,20 +151,20 @@
   z-index: 1;
   display: none;
 }
-.ds-combobox__BahgnS__options-container__options__inner__top-scrim--visible, .ds-combobox__BahgnS__options-container__options__inner__bottom-scrim--visible {
+.ds-combobox__kfFKF0__options-container__options__inner__top-scrim--visible, .ds-combobox__kfFKF0__options-container__options__inner__bottom-scrim--visible {
   display: block;
 }
-.ds-combobox__BahgnS__options-container__options__inner__top-scrim {
+.ds-combobox__kfFKF0__options-container__options__inner__top-scrim {
   top: 0;
   background: linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%);
 }
-.ds-combobox__BahgnS__options-container__options__inner__top-scrim--dark {
+.ds-combobox__kfFKF0__options-container__options__inner__top-scrim--dark {
   height: calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));
   background: none;
   margin-top: calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));
   box-shadow: var(--ds-shadow-overflow);
 }
-.ds-combobox__BahgnS__options-container__options__inner__bottom-scrim {
+.ds-combobox__kfFKF0__options-container__options__inner__bottom-scrim {
   bottom: 0;
   background: linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%);
 }

package/dist/collection/components/01-base-components/ds-control-label/ds-control-label.css

@@ -1,4 +1,4 @@
-.ds-control-label__BahgnS__label {
+.ds-control-label__kfFKF0__label {
   padding-inline: 0;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
@@ -8,12 +8,12 @@
   color: var(--ds-textColor-default);
 }
 
-.ds-control-label__BahgnS {
+.ds-control-label__kfFKF0 {
   font-family: var(--ds-fontFamily-body);
   display: flex;
   flex-direction: column;
   margin-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-control-label__BahgnS:empty {
+.ds-control-label__kfFKF0:empty {
   display: none;
 }

package/dist/collection/components/01-base-components/ds-control-label/ds-control-label.js

@@ -39,7 +39,7 @@ export class DsControlLabel {
     };
     render() {
         const baseClass = cx('ds-control-label');
-        return (h("div", { key: 'f22786714fc074b0f1364ba62ed3d222cec3a3ee', class: baseClass }, h("slot", { key: '0b0fa9b05ff924fd03b3c5d615c685c687319247', name: "label" }, this.dsLabel && (h("label", { key: '2e1aeaadac5a8963698beae68e64270a5c7eb4e0', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), h("slot", { key: 'd45b17f7f6470ebd525c3d183069fe66d8d7bf19', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '946c4f3d4a0f8ef8bc54a1cab1f0a6990bd9a85d', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: 'e73336d771d50cc366d285ca16b6e42560a8dbbe', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
+        return (h("div", { key: '577f63ea0e33c4df81cdd6319ecfcdb9de536d88', class: baseClass }, h("slot", { key: '305bdffe3097439dd1d6bdcfece3c819e706c3f4', name: "label" }, this.dsLabel && (h("label", { key: '8580d02eb3ccada4f291338bb0bb602b4e79e949', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), h("slot", { key: 'fb02a5f93c267635d47f659e66b30d28f1eb1910', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: 'ed5c52f2532a4ad11af703c8949a53fd49a6f863', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: '004a368d8b977edf2688dfb5375c65f6630dff14', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
     }
     static get is() { return "ds-control-label"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,7 @@ export class DsFeedback {
     render() {
         const Elem = this.dsSrOnly ? this.DsVisuallyHidden : Fragment;
         const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
-        return (h(this.dsTag, { key: '08a9c1cd7d3c44151eb24180ab13a9962183e1c6', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic) }, h(Elem, { key: '5916b837b92b408eb73f1159bcafe5ea4c492b89', ...elemProps }, h("slot", { key: 'ca43c1dfefd2d7d3162bed09f5b8c947c46c5f58' }))));
+        return (h(this.dsTag, { key: '183abaa812b93aca5ebb2a3ac473df476927b560', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic) }, h(Elem, { key: '44635d644afb23f32169a8663d9966166743a905', ...elemProps }, h("slot", { key: '570b91edab22142b45c23343be05d51b155e8393' }))));
     }
     static get is() { return "ds-feedback"; }
     static get encapsulation() { return "scoped"; }

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

@@ -1,18 +1,18 @@
-.ds-grid__BahgnS.ds-grid__BahgnS--container {
+.ds-grid__kfFKF0.ds-grid__kfFKF0--container {
   max-width: calc(var(--ds-breakpoint-xLarge) - var(--ds-spacing-layout-large));
   margin: 0 var(--ds-spacing-layout-2xSmall);
 }
 @media (min-width: 30rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS--container {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0--container {
     margin: 0 var(--ds-spacing-layout-small);
   }
 }
 @media (min-width: 90rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS--container {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0--container {
     margin: 0 auto;
   }
 }
-.ds-grid__BahgnS.ds-grid__BahgnS__flex {
+.ds-grid__kfFKF0.ds-grid__kfFKF0__flex {
   display: flex;
   flex-flow: wrap;
   min-width: 0;
@@ -20,86 +20,86 @@
   gap: var(--ds-spacing-layout-2xSmall);
 }
 @media (min-width: 30rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__flex {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__flex {
     gap: var(--ds-spacing-layout-xSmall);
   }
 }
 @media (min-width: 75rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__flex {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__flex {
     gap: var(--ds-spacing-layout-small);
   }
 }
-.ds-grid__BahgnS.ds-grid__BahgnS__flex:not(.ds-grid__BahgnS.ds-grid__BahgnS__flex--container) {
+.ds-grid__kfFKF0.ds-grid__kfFKF0__flex:not(.ds-grid__kfFKF0.ds-grid__kfFKF0__flex--container) {
   width: calc(100% * var(--ds-size-mobile) / var(--ds-parent-size-mobile) - (var(--ds-parent-size-mobile) - var(--ds-size-mobile)) * var(--ds-spacing-layout-2xSmall) / var(--ds-parent-size-mobile));
 }
 @media (min-width: 30rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__flex:not(.ds-grid__BahgnS.ds-grid__BahgnS__flex--container) {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__flex:not(.ds-grid__kfFKF0.ds-grid__kfFKF0__flex--container) {
     width: calc(100% * var(--ds-size-tablet) / var(--ds-parent-size-tablet) - (var(--ds-parent-size-tablet) - var(--ds-size-tablet)) * var(--ds-spacing-layout-xSmall) / var(--ds-parent-size-tablet));
   }
 }
 @media (min-width: 75rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__flex:not(.ds-grid__BahgnS.ds-grid__BahgnS__flex--container) {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__flex:not(.ds-grid__kfFKF0.ds-grid__kfFKF0__flex--container) {
     width: calc(100% * var(--ds-size-desktop) / var(--ds-parent-size-desktop) - (var(--ds-parent-size-desktop) - var(--ds-size-desktop)) * var(--ds-spacing-layout-small) / var(--ds-parent-size-desktop));
   }
 }
-.ds-grid__BahgnS.ds-grid__BahgnS__grid.ds-grid__BahgnS--container {
+.ds-grid__kfFKF0.ds-grid__kfFKF0__grid.ds-grid__kfFKF0--container {
   display: grid;
   grid-template-columns: repeat(var(--ds-columns-mobile), 1fr);
   gap: var(--ds-spacing-layout-2xSmall);
 }
 @media (min-width: 30rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid.ds-grid__BahgnS--container {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid.ds-grid__kfFKF0--container {
     gap: var(--ds-spacing-layout-xSmall);
   }
 }
 @media (min-width: 75rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid.ds-grid__BahgnS--container {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid.ds-grid__kfFKF0--container {
     gap: var(--ds-spacing-layout-small);
   }
 }
 @media (min-width: 30rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid.ds-grid__BahgnS--container {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid.ds-grid__kfFKF0--container {
     grid-template-columns: repeat(var(--ds-columns-tablet), 1fr);
   }
 }
 @media (min-width: 75rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid.ds-grid__BahgnS--container {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid.ds-grid__kfFKF0--container {
     grid-template-columns: repeat(var(--ds-columns-desktop), 1fr);
   }
 }
-.ds-grid__BahgnS.ds-grid__BahgnS__grid {
+.ds-grid__kfFKF0.ds-grid__kfFKF0__grid {
   grid-column: span var(--ds-size-mobile);
   grid-row: span var(--ds-row-span-mobile, 1);
 }
 @supports (grid-column: span var(--ds-size-mobile)) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid[style*="--ds-size-mobile: -1"] {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid[style*="--ds-size-mobile: -1"] {
     grid-column: 1/-1;
   }
 }
 @media (min-width: 30rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid {
     grid-column: span var(--ds-size-tablet);
     grid-row: span var(--ds-row-span-tablet, 1);
   }
   @supports (grid-column: span var(--ds-size-tablet)) {
-    .ds-grid__BahgnS.ds-grid__BahgnS__grid[style*="--ds-size-tablet: -1"] {
+    .ds-grid__kfFKF0.ds-grid__kfFKF0__grid[style*="--ds-size-tablet: -1"] {
       grid-column: 1/-1;
     }
-    .ds-grid__BahgnS.ds-grid__BahgnS__grid:not([style*="--ds-size-tablet: -1"]) {
+    .ds-grid__kfFKF0.ds-grid__kfFKF0__grid:not([style*="--ds-size-tablet: -1"]) {
       grid-column: span var(--ds-size-tablet);
     }
   }
 }
 @media (min-width: 75rem) {
-  .ds-grid__BahgnS.ds-grid__BahgnS__grid {
+  .ds-grid__kfFKF0.ds-grid__kfFKF0__grid {
     grid-column: span var(--ds-size-desktop);
     grid-row: span var(--ds-row-span-desktop, 1);
   }
   @supports (grid-column: span var(--ds-size-desktop)) {
-    .ds-grid__BahgnS.ds-grid__BahgnS__grid[style*="--ds-size-desktop: -1"] {
+    .ds-grid__kfFKF0.ds-grid__kfFKF0__grid[style*="--ds-size-desktop: -1"] {
       grid-column: 1/-1;
     }
-    .ds-grid__BahgnS.ds-grid__BahgnS__grid:not([style*="--ds-size-desktop: -1"]) {
+    .ds-grid__kfFKF0.ds-grid__kfFKF0__grid:not([style*="--ds-size-desktop: -1"]) {
       grid-column: span var(--ds-size-desktop);
     }
   }

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

@@ -50,7 +50,7 @@ export class DsGrid {
             [`${baseClass}--container`]: this.dsContainer,
             [`${baseClass}__${this.dsType}`]: this.dsType,
         });
-        return (h(Host, { key: 'f9b2e269fdd63c8e7670a3f574a163622864f0c8', class: classes, style: {
+        return (h(Host, { key: '639922259eee5a88a3c2bf7b13b58218b9f2d84a', class: classes, style: {
                 ...(this.dsType === 'flex'
                     ? {
                         '--ds-parent-size-mobile': `${this.dsParentSizeMobile}`,
@@ -79,7 +79,7 @@ export class DsGrid {
                         '--ds-row-span-tablet': this.dsRowSpanTablet ? `${this.dsRowSpanTablet}` : undefined,
                         '--ds-row-span-desktop': this.dsRowSpanDesktop ? `${this.dsRowSpanDesktop}` : undefined,
                     }),
-            } }, h("slot", { key: '97270f803600f2790db7d403a6eeac60947bbc11' })));
+            } }, h("slot", { key: 'e99ca8ee7a17b42dc20b30be715fd52592abaeae' })));
     }
     static get is() { return "ds-grid"; }
     static get originalStyleUrls() {

package/dist/collection/components/01-base-components/ds-group-label/ds-group-label.css

@@ -1,4 +1,4 @@
-.ds-group-label__BahgnS__label {
+.ds-group-label__kfFKF0__label {
   padding-inline: 0;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
@@ -8,10 +8,10 @@
   color: var(--ds-textColor-default);
 }
 
-.ds-group-label__BahgnS {
+.ds-group-label__kfFKF0 {
   display: flex;
   flex-direction: column;
 }
-.ds-group-label__BahgnS:empty {
+.ds-group-label__kfFKF0:empty {
   display: none;
 }

package/dist/collection/components/01-base-components/ds-group-label/ds-group-label.js

@@ -11,7 +11,7 @@ export class DsGroupLabel {
     }
     render() {
         const baseClass = cx('ds-group-label');
-        return (h("div", { key: '169802d3e6dab3295ef6fe9cf8bde6345455ab99', class: baseClass }, h("slot", { key: '2efb2b199216874511d8bea5ec41792a5d23b2ea', name: "label" }, this.dsLabel && h("div", { key: 'fc5c657b8e323e848729a19ed778b5c5c9c12bc7', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: '29ef665bae2de9bd77af7eeef75c6cb52c2383a9', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: 'fbcc902c3b8c6ed8ff9e5eda1f8c2c00ddd66ad8', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
+        return (h("div", { key: '6eeb81262f646ab7181dd982ab5797bd9ba03e08', class: baseClass }, h("slot", { key: 'f15823377bd863f47e45f236e8fe6dc89490e3e8', name: "label" }, this.dsLabel && h("div", { key: 'eae8ba8afc88bcaf8e59c73a47d44bdf6892a852', class: `${baseClass}__label` }, this.dsLabel)), h("slot", { key: 'fad5c9ff649b452b2e24dc8185d41fafde6ba3fe', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '8298404a3298b5c941a61f4e9f90adaa438aca9e', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }))));
     }
     static get is() { return "ds-group-label"; }
     static get originalStyleUrls() {

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

@@ -2,6 +2,6 @@
   display: flex;
 }
 
-.ds-icon__BahgnS--container {
+.ds-icon__kfFKF0--container {
   display: flex;
 }

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

@@ -34,7 +34,7 @@ export class DsIcon {
         const iconComponentName = `ds-icon-${this.dsName?.replace(/_/g, '-')}`;
         const IconTag = transformTagName(iconComponentName, 'ds-icon', this.el);
         const { role, ['aria-label']: attrAriaLabel, ...restAttributes } = this.inheritedAttributes;
-        return (h(Fragment, { key: '3bfa4ed407d46f743a1244c4d2da5cf5d8edf5e9' }, h("span", { key: 'e8cdcb7c7353982ad676e79784f92698d831b281', class: cx(`${baseClass}--container`), "aria-hidden": this.dsHidden ? 'true' : 'false' }, h(IconTag, { key: '0343dc5bd42fa09426180591f4683242f2ca40f3', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: role || this.dsRole, dsTitle: this.dsTitle, dsAriaLabel: attrAriaLabel || this.dsAriaLabel, ...restAttributes }))));
+        return (h(Fragment, { key: '839683e0875a7dedf7a81cbe144c21c54c6885d1' }, h("span", { key: '7715c43abf758f486df1b5341b4f7a40d4827d69', class: cx(`${baseClass}--container`), "aria-hidden": this.dsHidden ? 'true' : 'false' }, h(IconTag, { key: 'd816b938281e956ccc100d5f0c15956f2c133302', dsSize: remToPx(this.dsSize), dsColour: this.getIconColour(), dsRole: role || this.dsRole, dsTitle: this.dsTitle, dsAriaLabel: attrAriaLabel || this.dsAriaLabel, ...restAttributes }))));
     }
     static get is() { return "ds-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,20 +1,20 @@
-.ds-input-validity__BahgnS {
+.ds-input-validity__kfFKF0 {
   display: flex;
   align-items: center;
   margin-top: var(--ds-spacing-2xSmall);
   gap: var(--ds-spacing-2xSmall);
 }
-.ds-input-validity__BahgnS--error {
+.ds-input-validity__kfFKF0--error {
   color: var(--ds-textColor-danger);
 }
-.ds-input-validity__BahgnS--success {
+.ds-input-validity__kfFKF0--success {
   color: var(--ds-textColor-success);
 }
-.ds-input-validity__BahgnS__icon {
+.ds-input-validity__kfFKF0__icon {
   display: block;
   height: 1.5rem;
 }
-.ds-input-validity__BahgnS small {
+.ds-input-validity__kfFKF0 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-input-validity/ds-input-validity.js

@@ -53,7 +53,7 @@ export class DsInputValidity {
                 dsAriaAtomic: attrAriaAtomic || this.dsAriaAtomic,
             }
             : {};
-        return (h(Elem, { key: '86cdc88a825a3f878c1b277c2a8ce1aa0690b921', ...elemProps, ...restAttributes }, h("slot", { key: '54ee3dfaf30891afb3206cff203df209b6c4a5fe' }), this.dsText && (h("div", { key: '032d2df0653feead7576e2b338ea5dfcac73361d', class: classes }, h(this.DsIcon, { key: '2b00891b2a3eada6ed522157b4f159a8a6ed1e8e', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), h("small", { key: '1a0de6d3b9be849214c1e969bc80faf80e07931a', id: this.identifier }, this.dsText)))));
+        return (h(Elem, { key: '96f7add61a6ac50253ee7f29d0ce33139a5a1101', ...elemProps, ...restAttributes }, h("slot", { key: '1c3e756528c8a5010543cb00cc3c609a1c8bbe00' }), this.dsText && (h("div", { key: '3297e6803129e94fd4049dd43c5989fd4518810f', class: classes }, h(this.DsIcon, { key: 'f42923856153a239cf698e8883b3fa8a47ea7a24', class: "ds-input-validity__icon", dsColour: iconColour, dsName: icon }), h("small", { key: 'c4c647e6bcb311eaef0b2ceb7cb5e1d0280d19c2', id: this.identifier }, this.dsText)))));
     }
     static get is() { return "ds-input-validity"; }
     static get originalStyleUrls() {

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

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