From 3f262cd98bb70990273d37150717fb430af9ad6e Mon Sep 17 00:00:00 2001
From: langermank <18661030+langermank@users.noreply.github.com>
Date: Tue, 14 May 2024 14:46:55 -0700
Subject: [PATCH] linty fresh

---
 docs/content/ActionMenu.mdx                              | 4 ++--
 packages/react/src/ActionList/ActionList.dev.stories.tsx | 6 ++++--
 packages/react/src/ActionList/Item.tsx                   | 2 +-
 packages/react/src/NavList/NavList.tsx                   | 3 ++-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/docs/content/ActionMenu.mdx b/docs/content/ActionMenu.mdx
index 89768e6ae67..6ed2c15b101 100644
--- a/docs/content/ActionMenu.mdx
+++ b/docs/content/ActionMenu.mdx
@@ -121,7 +121,7 @@ You can choose to have a different _anchor_ for the Menu depending on the applic
 
   <ActionMenu.Overlay>
     <ActionList showDividers>
-      <ActionList.Group title="Live query">
+      <ActionList.Group><ActionList.GroupHeading>Live query</ActionList.GroupHeading>
         <ActionList.Item>
           <ActionList.LeadingVisual>
             <SearchIcon />
@@ -130,7 +130,7 @@ You can choose to have a different _anchor_ for the Menu depending on the applic
         </ActionList.Item>
       </ActionList.Group>
       <ActionList.Divider />
-      <ActionList.Group title="Layout" variant="subtle">
+      <ActionList.Group variant="subtle"><ActionList.GroupHeading>Layout</ActionList.GroupHeading>
         <ActionList.Item>
           <ActionList.LeadingVisual>
             <NoteIcon />
diff --git a/packages/react/src/ActionList/ActionList.dev.stories.tsx b/packages/react/src/ActionList/ActionList.dev.stories.tsx
index 7140aebb244..8ae8b4f6d8b 100644
--- a/packages/react/src/ActionList/ActionList.dev.stories.tsx
+++ b/packages/react/src/ActionList/ActionList.dev.stories.tsx
@@ -41,7 +41,8 @@ export const GroupWithSubtleTitleOldAPI = () => {
         under features.
       </p>
       <ActionList selectionVariant="multiple" role="menu" showDividers aria-label="Reviewers">
-        <ActionList.Group title="Everyone">
+        <ActionList.Group>
+          <ActionList.GroupHeading>Everyone</ActionList.GroupHeading>
           {users.slice(2).map(user => (
             <ActionList.Item
               role="menuitemcheckbox"
@@ -80,7 +81,8 @@ export const GroupWithFilledTitleOldAPI = () => {
         under features.
       </p>
       <ActionList selectionVariant="multiple" role="menu" showDividers aria-label="Reviewers">
-        <ActionList.Group title="Everyone" variant="filled">
+        <ActionList.Group variant="filled">
+          <ActionList.GroupHeading>Everyone</ActionList.GroupHeading>
           {users.slice(2).map(user => (
             <ActionList.Item
               role="menuitemcheckbox"
diff --git a/packages/react/src/ActionList/Item.tsx b/packages/react/src/ActionList/Item.tsx
index 517f188b0ba..b5938baaedc 100644
--- a/packages/react/src/ActionList/Item.tsx
+++ b/packages/react/src/ActionList/Item.tsx
@@ -163,7 +163,7 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
         cursor: 'not-allowed',
         '[data-component="ActionList.Checkbox"]': {
           cursor: 'not-allowed',
-          bg: selected ? 'fg.muted' : 'var(--color-input-disabled-bg, rgba(175, 184, 193, 0.2))',
+          bg: selected ? 'fg.muted' : 'var(--control-bgColor-disabled, rgba(175, 184, 193, 0.2))',
           borderColor: selected ? 'fg.muted' : 'var(--color-input-disabled-bg, rgba(175, 184, 193, 0.2))',
         },
       },
diff --git a/packages/react/src/NavList/NavList.tsx b/packages/react/src/NavList/NavList.tsx
index 3d75cb700c6..c9e56e26434 100644
--- a/packages/react/src/NavList/NavList.tsx
+++ b/packages/react/src/NavList/NavList.tsx
@@ -259,7 +259,8 @@ const Group: React.FC<NavListGroupProps> = ({title, children, sx: sxProp = defau
     <>
       {/* Hide divider if the group is the first item in the list */}
       <ActionList.Divider sx={{'&:first-child': {display: 'none'}}} />
-      <ActionList.Group {...props} title={title} sx={sxProp}>
+      <ActionList.Group {...props} sx={sxProp}>
+        <ActionList.GroupHeading>{title}</ActionList.GroupHeading>
         {children}
       </ActionList.Group>
     </>