Fix TextOptions and CalloutCard

Shopify · Mar 21, 2024 · 2752a0a · 2752a0a
1 parent 224da93
commit 2752a0a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 9 deletions.
diff --git a/polaris-react/src/components/CalloutCard/CalloutCard.tsx b/polaris-react/src/components/CalloutCard/CalloutCard.tsx
@@ -82,7 +82,7 @@ export function CalloutCard({
           <div className={styles.CalloutCard}>
             <div className={styles.Content}>
               <div className={styles.Title}>
-                <Text variant="headingMd" as="h2">
+                <Text variant="headingSm" as="h2">
                   {title}
                 </Text>
               </div>

diff --git a/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx b/polaris-react/src/components/Listbox/components/TextOption/TextOption.tsx
@@ -36,23 +36,17 @@ export const TextOption = memo(function TextOption({
     isAction && styles.isAction,
   );
 
-  const textContent = (
-    <Text as="span" variant="bodyMd" fontWeight={selected ? "semibold" : "regular"}>
-      {children}
-    </Text>
-  );
-
   const optionMarkup = selected ? (
     <Box width="100%">
       <InlineStack wrap={false} align="space-between" gap="200">
-        {textContent}
+        {children}
         <InlineStack align="end">
           <Icon source={CheckIcon} />
         </InlineStack>
       </InlineStack>
     </Box>
   ) : (
-    textContent
+    <>{children}</>
   );
 
   return (