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

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

@@ -1,23 +1,23 @@
-.ds-accordion__izAhxK {
+.ds-accordion__9el4Wy {
   box-sizing: border-box;
   position: relative;
 }
-.ds-accordion__izAhxK__title {
+.ds-accordion__9el4Wy__title {
   position: relative;
   display: flex;
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-right: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__izAhxK__title:not(.ds-accordion__izAhxK__title--hide-top-border) .ds-accordion__izAhxK__open-button {
+.ds-accordion__9el4Wy__title:not(.ds-accordion__9el4Wy__title--hide-top-border) .ds-accordion__9el4Wy__open-button {
   border-top: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__izAhxK__title--hide-right-border {
+.ds-accordion__9el4Wy__title--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__izAhxK__title--hide-left-border {
+.ds-accordion__9el4Wy__title--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__izAhxK__title--border-aligned.ds-accordion__izAhxK__title--with-background::before {
+.ds-accordion__9el4Wy__title--border-aligned.ds-accordion__9el4Wy__title--with-background::before {
   content: "";
   position: absolute;
   display: block;
@@ -26,7 +26,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__izAhxK__title--border-aligned.ds-accordion__izAhxK__title--with-background::after {
+.ds-accordion__9el4Wy__title--border-aligned.ds-accordion__9el4Wy__title--with-background::after {
   content: "";
   position: absolute;
   display: block;
@@ -35,43 +35,43 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__izAhxK__title--with-background .ds-accordion__izAhxK__open-button:not(.ds-accordion__izAhxK__open-button--icon-button) {
+.ds-accordion__9el4Wy__title--with-background .ds-accordion__9el4Wy__open-button:not(.ds-accordion__9el4Wy__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__izAhxK__title--with-background:has(.ds-accordion__izAhxK__open-button.ds-accordion__izAhxK__open-button--icon-button) {
+.ds-accordion__9el4Wy__title--with-background:has(.ds-accordion__9el4Wy__open-button.ds-accordion__9el4Wy__open-button--icon-button) {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__izAhxK__title:has(.ds-accordion__izAhxK__open-button:hover:not(.ds-accordion__izAhxK__open-button--icon-button)) .ds-accordion__izAhxK__open-button-container::after {
+.ds-accordion__9el4Wy__title:has(.ds-accordion__9el4Wy__open-button:hover:not(.ds-accordion__9el4Wy__open-button--icon-button)) .ds-accordion__9el4Wy__open-button-container::after {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__izAhxK__title:has(.ds-accordion__izAhxK__open-button:active:not(.ds-accordion__izAhxK__open-button--icon-button)) .ds-accordion__izAhxK__open-button-container::after {
+.ds-accordion__9el4Wy__title:has(.ds-accordion__9el4Wy__open-button:active:not(.ds-accordion__9el4Wy__open-button--icon-button)) .ds-accordion__9el4Wy__open-button-container::after {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__izAhxK__header-slot {
+.ds-accordion__9el4Wy__header-slot {
   order: 2;
   position: relative;
   display: block;
   width: 100%;
 }
-.ds-accordion__izAhxK__header-slot--icon-button {
+.ds-accordion__9el4Wy__header-slot--icon-button {
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-top: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-bottom: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__izAhxK__header-slot--hide-top-border {
+.ds-accordion__9el4Wy__header-slot--hide-top-border {
   border-top: 0;
 }
-.ds-accordion__izAhxK__header-slot--hide-bottom-border {
+.ds-accordion__9el4Wy__header-slot--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__izAhxK__open-button-container {
+.ds-accordion__9el4Wy__open-button-container {
   position: relative;
   width: auto;
 }
-.ds-accordion__izAhxK__open-button-container:has(.ds-accordion__izAhxK__open-button:not(.ds-accordion__izAhxK__open-button--icon-button)) {
+.ds-accordion__9el4Wy__open-button-container:has(.ds-accordion__9el4Wy__open-button:not(.ds-accordion__9el4Wy__open-button--icon-button)) {
   width: 100%;
 }
-.ds-accordion__izAhxK__open-button-container::after {
+.ds-accordion__9el4Wy__open-button-container::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -79,10 +79,10 @@
   pointer-events: none;
   z-index: 1;
 }
-.ds-accordion__izAhxK__open-button-container:has(.ds-accordion__izAhxK__open-button--border-aligned:not(.ds-accordion__izAhxK__open-button--icon-button))::after {
+.ds-accordion__9el4Wy__open-button-container:has(.ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button))::after {
   inset-inline: calc(-1 * var(--ds-spacing-small));
 }
-.ds-accordion__izAhxK__open-button {
+.ds-accordion__9el4Wy__open-button {
   all: unset;
   position: relative;
   box-sizing: border-box;
@@ -101,37 +101,37 @@
   line-height: var(--ds-lineHeight-large);
   padding: calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall);
 }
-.ds-accordion__izAhxK__open-button:focus-visible {
+.ds-accordion__9el4Wy__open-button: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) * 0);
 }
-.ds-accordion__izAhxK__open-button:hover {
+.ds-accordion__9el4Wy__open-button:hover {
   cursor: pointer;
 }
-.ds-accordion__izAhxK__open-button:focus-visible {
+.ds-accordion__9el4Wy__open-button:focus-visible {
   z-index: 1;
 }
-.ds-accordion__izAhxK__open-button--default {
+.ds-accordion__9el4Wy__open-button--default {
   font-size: var(--ds-fontSize-16);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__izAhxK__open-button--default {
+  .ds-accordion__9el4Wy__open-button--default {
     font-size: var(--ds-fontSize-18);
   }
 }
-.ds-accordion__izAhxK__open-button--compact {
+.ds-accordion__9el4Wy__open-button--compact {
   font-size: var(--ds-fontSize-14);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__izAhxK__open-button--compact {
+  .ds-accordion__9el4Wy__open-button--compact {
     font-size: var(--ds-fontSize-16);
   }
 }
-.ds-accordion__izAhxK__open-button--border-aligned:not(.ds-accordion__izAhxK__open-button--icon-button) {
+.ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button) {
   padding-inline: 0;
 }
-.ds-accordion__izAhxK__open-button--border-aligned:not(.ds-accordion__izAhxK__open-button--icon-button)::before {
+.ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button)::before {
   content: "";
   position: absolute;
   display: block;
@@ -140,7 +140,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__izAhxK__open-button--border-aligned:not(.ds-accordion__izAhxK__open-button--icon-button)::after {
+.ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button)::after {
   content: "";
   position: absolute;
   display: block;
@@ -149,82 +149,82 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__izAhxK__title--with-background .ds-accordion__izAhxK__open-button--border-aligned:not(.ds-accordion__izAhxK__open-button--icon-button)::before, .ds-accordion__izAhxK__title--with-background .ds-accordion__izAhxK__open-button--border-aligned:not(.ds-accordion__izAhxK__open-button--icon-button)::after {
+.ds-accordion__9el4Wy__title--with-background .ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button)::before, .ds-accordion__9el4Wy__title--with-background .ds-accordion__9el4Wy__open-button--border-aligned:not(.ds-accordion__9el4Wy__open-button--icon-button)::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__izAhxK__open-button--hide-bottom-border {
+.ds-accordion__9el4Wy__open-button--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__izAhxK__open-button--icon-button {
+.ds-accordion__9el4Wy__open-button--icon-button {
   display: inline-flex;
   width: auto;
   height: 100%;
   order: 1;
 }
-.ds-accordion__izAhxK__open-button--icon-button:hover {
+.ds-accordion__9el4Wy__open-button--icon-button:hover {
   background-color: var(--ds-bgColor-transparent-onLight-hover);
 }
-.ds-accordion__izAhxK__open-button--icon-button:active {
+.ds-accordion__9el4Wy__open-button--icon-button:active {
   background-color: var(--ds-bgColor-transparent-onLight-active);
 }
-.ds-accordion__izAhxK__open-button__icon--default {
+.ds-accordion__9el4Wy__open-button__icon--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
-.ds-accordion__izAhxK__open-button__header-slot {
+.ds-accordion__9el4Wy__open-button__header-slot {
   display: inline-block;
   width: 100%;
 }
-.ds-accordion__izAhxK__open-button__header-slot--default {
+.ds-accordion__9el4Wy__open-button__header-slot--default {
   padding-block: var(--ds-spacing-3xSmall);
 }
 @media (min-width: 60rem) {
-  .ds-accordion__izAhxK__open-button__header-slot--default {
+  .ds-accordion__9el4Wy__open-button__header-slot--default {
     padding-block: var(--ds-spacing-4xSmall);
   }
 }
-.ds-accordion__izAhxK__open-button__header-slot--compact {
+.ds-accordion__9el4Wy__open-button__header-slot--compact {
   padding-block: 0.0625rem; /* 1px */
 }
 @media (min-width: 60rem) {
-  .ds-accordion__izAhxK__open-button__header-slot--compact {
+  .ds-accordion__9el4Wy__open-button__header-slot--compact {
     padding-block: 0;
   }
 }
-.ds-accordion__izAhxK__panel {
+.ds-accordion__9el4Wy__panel {
   border-left: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
   border-right: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__izAhxK__panel--hide-right-border {
+.ds-accordion__9el4Wy__panel--hide-right-border {
   border-right: 0;
 }
-.ds-accordion__izAhxK__panel--hide-left-border {
+.ds-accordion__9el4Wy__panel--hide-left-border {
   border-left: 0;
 }
-.ds-accordion__izAhxK__panel--expanded {
+.ds-accordion__9el4Wy__panel--expanded {
   display: block;
 }
-.ds-accordion__izAhxK__panel--with-background {
+.ds-accordion__9el4Wy__panel--with-background {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__izAhxK ::slotted([slot=header]) {
+.ds-accordion__9el4Wy ::slotted([slot=header]) {
   color: var(--ds-textColor-default);
 }
-.ds-accordion__izAhxK__content {
+.ds-accordion__9el4Wy__content {
   position: relative;
   color: var(--ds-textColor-default);
   padding: var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));
   border-bottom: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);
 }
-.ds-accordion__izAhxK__content--hide-bottom-border {
+.ds-accordion__9el4Wy__content--hide-bottom-border {
   border-bottom: 0;
 }
-.ds-accordion__izAhxK__content--has-close-button {
+.ds-accordion__9el4Wy__content--has-close-button {
   padding-block-end: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__izAhxK__content--border-aligned {
+.ds-accordion__9el4Wy__content--border-aligned {
   padding-inline: 0;
 }
-.ds-accordion__izAhxK__content--border-aligned::before {
+.ds-accordion__9el4Wy__content--border-aligned::before {
   content: "";
   position: absolute;
   display: block;
@@ -233,7 +233,7 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__izAhxK__content--border-aligned::after {
+.ds-accordion__9el4Wy__content--border-aligned::after {
   content: "";
   position: absolute;
   display: block;
@@ -242,10 +242,10 @@
   bottom: 0;
   width: var(--ds-spacing-small);
 }
-.ds-accordion__izAhxK__content--with-background::before, .ds-accordion__izAhxK__content--with-background::after {
+.ds-accordion__9el4Wy__content--with-background::before, .ds-accordion__9el4Wy__content--with-background::after {
   background-color: var(--ds-bgColor-neutralLight);
 }
-.ds-accordion__izAhxK__close-button {
+.ds-accordion__9el4Wy__close-button {
   display: flex;
   flex-direction: row;
   padding-block-start: var(--ds-spacing-2xSmall);
@@ -253,16 +253,16 @@
   letter-spacing: var(--ds-letterSpacing-wide);
   width: max-content;
 }
-.ds-accordion__izAhxK {
+.ds-accordion__9el4Wy {
   /*
     Utility styles
   */
 }
-.ds-accordion__izAhxK ::slotted(div[slot=header][class*=toc]) {
+.ds-accordion__9el4Wy ::slotted(div[slot=header][class*=toc]) {
   display: flex;
   gap: var(--ds-spacing-2xSmall);
 }
-.ds-accordion__izAhxK ::slotted(ul[slot=content][class*=toc]) {
+.ds-accordion__9el4Wy ::slotted(ul[slot=content][class*=toc]) {
   display: flex;
   flex-direction: column;
   gap: var(--ds-spacing-small);

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

@@ -510,7 +510,7 @@ export class DsAccordion extends Mixin(componentFactory('ds-accordion', { stopRo
                     "references": {
                         "DsAccordionToggleEvent": {
                             "location": "local",
-                            "path": "/Users/tuukkaturu/hy/hy-ds/uh-ds/component-library/packages/component-library/src/components/01-base-components/ds-accordion/ds-accordion.tsx",
+                            "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-accordion/ds-accordion.tsx",
                             "id": "src/components/01-base-components/ds-accordion/ds-accordion.tsx::DsAccordionToggleEvent"
                         }
                     }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list/ds-action-list.css

@@ -4,7 +4,7 @@
   display: block;
 }
 
-.ds-action-list__izAhxK {
+.ds-action-list__9el4Wy {
   all: initial;
   display: revert;
   box-sizing: border-box;

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list/ds-action-list.js

@@ -204,7 +204,7 @@ export class DsActionList extends Mixin(componentFactory('ds-action-list')) {
     }
     render() {
         const baseClass = cx('ds-action-list');
-        return (h(Host, { key: 'b775ff33a4914a1d258811063a5fe91a9250ae4c', id: this.listId, class: baseClass, role: this.dsRole, ...ifDefined('aria-label', this.ariaLabel), ...ifDefined('aria-labelledby', this.ariaLabelledby) }, h("slot", { key: '5c95d445f89ba951140a31506ec94d0e894bdafa' })));
+        return (h(Host, { key: '180bdac653b5e4ca78773ad3f88fa25e9af63083', id: this.listId, class: baseClass, role: this.dsRole, ...ifDefined('aria-label', this.ariaLabel), ...ifDefined('aria-labelledby', this.ariaLabelledby) }, h("slot", { key: 'c585c41d8780fa8ed9c7362eefc1116e078646e8' })));
     }
     static get is() { return "ds-action-list"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-divider/ds-action-list-divider.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { declareComponentDependencies } from "../../../../utils/utils";
 export class DsActionListDivider {
     render() {
-        return h("ds-divider", { key: '6eaab0ae92ca216660af3962743feb207a3382cb', dsVariant: "accessible", dsOrientation: "horizontal" });
+        return h("ds-divider", { key: '95cc93cebd41fb7e27bfdbb127d7a24fb1209275', dsVariant: "accessible", dsOrientation: "horizontal" });
     }
     static get is() { return "ds-action-list-divider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-group-title/ds-action-list-group-title.css

@@ -8,7 +8,7 @@
   display: block;
 }
 
-.ds-action-list-group-title__izAhxK {
+.ds-action-list-group-title__9el4Wy {
   all: initial;
   display: revert;
   box-sizing: border-box;

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-group-title/ds-action-list-group-title.js

@@ -9,7 +9,7 @@ export class DsActionListGroupTitle extends Mixin(componentFactory('ds-action-li
     dsId = this.getUniqueId();
     render() {
         const baseClass = cx('ds-action-list-group-title');
-        return (h(Host, { key: 'f2e823ec3446626b7ca7a6f3b60a34b28136acc7', id: this.dsId, class: baseClass }, this.dsTitle));
+        return (h(Host, { key: '1b283379ba11079f2189d151010b288869af58c5', id: this.dsId, class: baseClass }, this.dsTitle));
     }
     static get is() { return "ds-action-list-group-title"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.css

@@ -8,7 +8,7 @@
   display: contents;
 }
 
-.ds-action-list-item__izAhxK {
+.ds-action-list-item__9el4Wy {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -32,72 +32,72 @@
   min-height: 2.75rem;
   text-decoration: none;
 }
-.ds-action-list-item__izAhxK:hover:not(:disabled):not(.ds-action-list-item__izAhxK--unavailable) {
+.ds-action-list-item__9el4Wy:hover:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable) {
   background-color: var(--ds-bgColor-white-hover);
 }
-.ds-action-list-item__izAhxK:active:not(:disabled):not(.ds-action-list-item__izAhxK--unavailable) {
+.ds-action-list-item__9el4Wy:active:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable) {
   background-color: var(--ds-bgColor-white-active);
 }
-.ds-action-list-item__izAhxK:focus-visible:not(:disabled) {
+.ds-action-list-item__9el4Wy:focus-visible:not(:disabled) {
   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-action-list-item__izAhxK:disabled, .ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--disabled {
+.ds-action-list-item__9el4Wy:disabled, .ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--unavailable {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable {
   color: var(--ds-textColor-secondary);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--unavailable .ds-action-list-item__izAhxK__checkbox--checked {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable .ds-action-list-item__9el4Wy__checkbox--checked {
   color: var(--ds-textColor-secondary);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--unavailable .ds-action-list-item__izAhxK__description {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--unavailable .ds-action-list-item__9el4Wy__description {
   color: var(--ds-textColor-attention);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--action-danger {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger {
   color: var(--ds-textColor-danger);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--action-danger:hover:not(:disabled):not(.ds-action-list-item__izAhxK--unavailable) {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger:hover:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable) {
   background-color: var(--ds-bgColor-danger);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--action-danger:active:not(:disabled):not(.ds-action-list-item__izAhxK--unavailable) {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger:active:not(:disabled):not(.ds-action-list-item__9el4Wy--unavailable) {
   background-color: var(--ds-bgColor-danger-hover);
 }
-.ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--action-danger:disabled, .ds-action-list-item__izAhxK.ds-action-list-item__izAhxK--action-danger.ds-action-list-item__izAhxK--disabled {
+.ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger:disabled, .ds-action-list-item__9el4Wy.ds-action-list-item__9el4Wy--action-danger.ds-action-list-item__9el4Wy--disabled {
   color: var(--ds-textColor-disabled-onLight);
 }
 
-.ds-action-list-item__izAhxK__icon {
+.ds-action-list-item__9el4Wy__icon {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.ds-action-list-item__izAhxK__indent {
+.ds-action-list-item__9el4Wy__indent {
   flex-shrink: 0;
   width: 1.25rem;
 }
 
-.ds-action-list-item__izAhxK__content {
+.ds-action-list-item__9el4Wy__content {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-width: 0;
 }
 
-.ds-action-list-item__izAhxK__label {
+.ds-action-list-item__9el4Wy__label {
   display: block;
 }
 
-.ds-action-list-item__izAhxK__description {
+.ds-action-list-item__9el4Wy__description {
   display: block;
   color: var(--ds-textColor-secondary);
   font-size: var(--ds-fontSize-14);
 }
 
-.ds-action-list-item__izAhxK__selector {
+.ds-action-list-item__9el4Wy__selector {
   flex-shrink: 0;
   width: 1.25rem;
   display: flex;
@@ -105,25 +105,25 @@
   justify-content: center;
   visibility: hidden;
 }
-.ds-action-list-item__izAhxK__selector.ds-action-list-item__izAhxK__selector--visible {
+.ds-action-list-item__9el4Wy__selector.ds-action-list-item__9el4Wy__selector--visible {
   visibility: visible;
 }
 
-.ds-action-list-item__izAhxK__checkbox {
+.ds-action-list-item__9el4Wy__checkbox {
   flex-shrink: 0;
   color: var(--ds-iconColor-neutral);
 }
 
-.ds-action-list-item__izAhxK__checkbox--checked {
+.ds-action-list-item__9el4Wy__checkbox--checked {
   color: var(--ds-iconColor-primary);
 }
 
-:host([disabled]) .ds-action-list-item__izAhxK__selector--visible,
-button:disabled .ds-action-list-item__izAhxK__selector--visible {
+:host([disabled]) .ds-action-list-item__9el4Wy__selector--visible,
+button:disabled .ds-action-list-item__9el4Wy__selector--visible {
   color: var(--ds-textColor-disabled-onLight);
 }
 
-button:disabled .ds-action-list-item__izAhxK__checkbox,
-button:disabled .ds-action-list-item__izAhxK__checkbox--checked {
+button:disabled .ds-action-list-item__9el4Wy__checkbox,
+button:disabled .ds-action-list-item__9el4Wy__checkbox--checked {
   color: var(--ds-textColor-disabled-onLight);
 }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.js

@@ -130,7 +130,7 @@ export class DsActionListItem extends Mixin(componentFactory('ds-action-list-ite
                     "references": {
                         "DsActionListItemVariant": {
                             "location": "local",
-                            "path": "/Users/tuukkaturu/hy/hy-ds/uh-ds/component-library/packages/component-library/src/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.tsx",
+                            "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.tsx",
                             "id": "src/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.tsx::DsActionListItemVariant"
                         }
                     }
@@ -328,7 +328,7 @@ export class DsActionListItem extends Mixin(componentFactory('ds-action-list-ite
                     "references": {
                         "DsActionListItemSelectEvent": {
                             "location": "local",
-                            "path": "/Users/tuukkaturu/hy/hy-ds/uh-ds/component-library/packages/component-library/src/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.tsx",
+                            "path": "/Users/teemuparssinen/hy/uh-design-system/component-library/packages/component-library/src/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.tsx",
                             "id": "src/components/01-base-components/ds-action-menu/ds-action-list-item/ds-action-list-item.tsx::DsActionListItemSelectEvent"
                         }
                     }

package/dist/collection/components/01-base-components/ds-action-menu/ds-action-menu.css

@@ -8,7 +8,7 @@
   display: inline-block;
 }
 
-.ds-action-menu__izAhxK {
+.ds-action-menu__9el4Wy {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -18,7 +18,7 @@
   position: relative;
 }
 
-.ds-action-menu__izAhxK__trigger-wrapper {
+.ds-action-menu__9el4Wy__trigger-wrapper {
   all: initial;
   display: revert;
   box-sizing: border-box;
@@ -27,17 +27,17 @@
   display: inline-flex;
 }
 
-.ds-action-menu__izAhxK__menu {
+.ds-action-menu__9el4Wy__menu {
   all: initial;
   display: revert;
   box-sizing: border-box;
   font-family: var(--ds-fontFamily-body);
   font-size: var(--ds-fontSize-16);
 }
-.ds-action-menu__izAhxK__menu[hidden] {
+.ds-action-menu__9el4Wy__menu[hidden] {
   display: none;
 }
-.ds-action-menu__izAhxK__menu {
+.ds-action-menu__9el4Wy__menu {
   position: absolute;
   z-index: 100;
   min-width: 288px;
@@ -50,63 +50,63 @@
   scrollbar-width: thin;
   scrollbar-color: var(--ds-borderColor-default) transparent;
 }
-.ds-action-menu__izAhxK__menu::-webkit-scrollbar {
+.ds-action-menu__9el4Wy__menu::-webkit-scrollbar {
   width: 6px;
 }
-.ds-action-menu__izAhxK__menu::-webkit-scrollbar-track {
+.ds-action-menu__9el4Wy__menu::-webkit-scrollbar-track {
   background: transparent;
 }
-.ds-action-menu__izAhxK__menu::-webkit-scrollbar-thumb {
+.ds-action-menu__9el4Wy__menu::-webkit-scrollbar-thumb {
   background-color: var(--ds-borderColor-default);
   border-radius: 3px;
 }
-.ds-action-menu__izAhxK__menu::-webkit-scrollbar-thumb:hover {
+.ds-action-menu__9el4Wy__menu::-webkit-scrollbar-thumb:hover {
   background-color: var(--ds-borderColor-black);
 }
-.ds-action-menu__izAhxK__menu {
+.ds-action-menu__9el4Wy__menu {
   max-height: 100dvh;
   padding: var(--ds-spacing-3xSmall) 0;
 }
-.ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--placement-bottom, .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--placement-auto {
+.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom, .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto {
   top: 100%;
   margin-top: var(--ds-spacing-3xSmall);
 }
-.ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--placement-top {
+.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top {
   bottom: 100%;
   margin-bottom: var(--ds-spacing-3xSmall);
 }
-.ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--align-start {
+.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start {
   left: 0;
 }
-.ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--align-end {
+.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end {
   right: 0;
 }
-.ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--align-center {
+.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center {
   left: 50%;
   transform: translateX(-50%);
 }
 @supports (anchor-name: --test) {
-  .ds-action-menu__izAhxK__menu {
+  .ds-action-menu__9el4Wy__menu {
     position: fixed;
   }
-  .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--placement-bottom {
+  .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom {
     inset-block: anchor(bottom) auto;
   }
-  .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--placement-top {
+  .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top {
     inset-block: auto anchor(top);
   }
-  .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--placement-auto {
+  .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto {
     inset-block: anchor(bottom) auto;
     position-try-order: most-height;
     position-try-fallbacks: --ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center;
   }
-  .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--align-start {
+  .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start {
     inset-inline: anchor(left) auto;
   }
-  .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--align-end {
+  .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end {
     inset-inline: auto anchor(right);
   }
-  .ds-action-menu__izAhxK__menu.ds-action-menu__izAhxK__menu--align-center {
+  .ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center {
     inset-inline: anchor(center) auto;
   }
 }