linty fresh

primer · May 14, 2024 · 3f262cd · 3f262cd
1 parent 84b941c
commit 3f262cd
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
     </>