From 774a922b86eb756d96d3e0e6f61d864fdf85939c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Fri, 14 Nov 2025 22:46:34 +0100
Subject: [PATCH 1/2] make actions-container folow color of button-label

---
 packages/uui-menu-item/lib/uui-menu-item.element.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
index 2bd78d7ab..e80375e43 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.element.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -302,6 +302,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
 
       /** Active */
       :host([active]) #label-button,
+      :host([active]) #actions-container,
       :host([active]) #caret-button {
         color: var(
           --uui-menu-item-color-active,
@@ -335,6 +336,8 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
       /** Selected */
       :host([selected]:not([select-mode='highlight'], [disabled]))
         #label-button,
+      :host([selected]:not([select-mode='highlight'], [disabled]))
+        #actions-container,
       :host([selected]:not([select-mode='highlight'], [disabled]))
         #caret-button {
         color: var(
@@ -394,6 +397,9 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
       :host([select-mode='highlight'][selected]:not([disabled]))
         #menu-item
         #label-button,
+      :host([select-mode='highlight'][selected]:not([disabled]))
+        #menu-item
+        #actions-container,
       :host([select-mode='highlight'][selected]:not([disabled]))
         #menu-item
         #caret-button {

From 3adf43905a7e51eca49bedbe0def9651c811d908 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Fri, 14 Nov 2025 22:51:31 +0100
Subject: [PATCH 2/2] add story

---
 packages/uui-menu-item/lib/uui-menu-item.story.ts | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/uui-menu-item/lib/uui-menu-item.story.ts b/packages/uui-menu-item/lib/uui-menu-item.story.ts
index 44944cb83..88c93a63d 100644
--- a/packages/uui-menu-item/lib/uui-menu-item.story.ts
+++ b/packages/uui-menu-item/lib/uui-menu-item.story.ts
@@ -221,6 +221,21 @@ export const WithActions: Story = {
   },
 };
 
+export const SelectableWithActions: Story = {
+  args: {
+    selectable: true,
+    selectOnly: true,
+    selected: true,
+    'actions slot': html`<uui-action-bar slot="actions">
+      <uui-button
+        style="--uui-button-contrast: currentColor;"
+        label="Open actions menu"
+        ><uui-symbol-more></uui-symbol-more
+      ></uui-button>
+    </uui-action-bar>`,
+  },
+};
+
 export const WidthBadge: Story = {
   args: {
     'badge slot': html`<uui-badge slot="badge" color="warning">!</uui-badge>`,