address feedback

Opentrons · Dec 2, 2024 · c088c62 · c088c62
1 parent 1f67cbe
commit c088c62
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/src/atoms/ListItem/index.tsx b/components/src/atoms/ListItem/index.tsx
@@ -13,7 +13,7 @@ export type ListItemType =
   | 'noActive'
   | 'success'
   | 'warning'
-  | 'disabled'
+  | 'unavailable'
 
 interface ListItemProps extends StyleProps {
   /** ListItem state type */
@@ -41,7 +41,7 @@ const LISTITEM_PROPS_BY_TYPE: Record<
   warning: {
     backgroundColor: COLORS.yellow35,
   },
-  disabled: {
+  unavailable: {
     backgroundColor: COLORS.grey20,
     color: COLORS.grey40,
   },
@@ -63,7 +63,7 @@ export function ListItem(props: ListItemProps): JSX.Element {
 
   const LIST_ITEM_STYLE = css`
     background-color: ${listItemProps.backgroundColor};
-    color: ${listItemProps.color};
+    color: ${listItemProps.color ?? COLORS.black90};
     width: 100%;
     height: ${FLEX_MAX_CONTENT};
     border-radius: ${BORDERS.borderRadius4};

diff --git a/protocol-designer/src/molecules/CheckboxExpandStepFormField/index.tsx b/protocol-designer/src/molecules/CheckboxExpandStepFormField/index.tsx
@@ -38,7 +38,7 @@ export function CheckboxExpandStepFormField(
   const [targetProps, tooltipProps] = useHoverTooltip()
   return (
     <>
-      <ListItem type={disabled ? 'disabled' : 'noActive'}>
+      <ListItem type={disabled ? 'unavailable' : 'noActive'}>
         <Flex
           padding={SPACING.spacing12}
           width="100%"