fix: added fix for avatar fallback text

gluestack · Mar 14, 2024 · 9c3b45f · 9c3b45f
1 parent d36229b
commit 9c3b45f
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 22 deletions.
diff --git a/example/storybook-nativewind/src/components/Accordion/index.themed.stories.mdx b/example/storybook-nativewind/src/components/Accordion/index.themed.stories.mdx
@@ -242,7 +242,7 @@ The borderRadius prop can be used to create rounded corners for both the Accordi
       code: `
 function App(){
     return (
-          <Accordion m="$5" width="80%" maxWidth={640} shadowColor="transparent" bg="$backgroundLight0" $dark-bg="$backgroundDark950">
+          <Accordion m="$5" width="80%" maxWidth={640} shadowColor="transparent" bg="$white" $dark-bg="$black" borderRadius='$lg'>
       <AccordionItem value="item-1" borderRadius="$lg">
         <AccordionHeader>
           <AccordionTrigger sx={{

diff --git a/example/storybook-nativewind/src/components/HStack/index.themed.stories.mdx b/example/storybook-nativewind/src/components/HStack/index.themed.stories.mdx
@@ -197,9 +197,9 @@ An HStack component with the reversed prop reverses the order of horizontally st
     metaData={{
       code: `
         <HStack space="md" reversed>
-          <Box w='$20' h='$20' bg='$blue300' />
-          <Box w='$20' h='$20' bg='$blue400' />
-          <Box w='$20' h='$20' bg='$blue500' />
+          <Box w='$20' h='$20' bg='$primary200' />
+          <Box w='$20' h='$20' bg='$primary400' />
+          <Box w='$20' h='$20' bg='$primary600' />
         </HStack>
       `,
       transformCode: (code) => {

diff --git a/example/storybook-nativewind/src/core-components/themed/avatar/index.tsx b/example/storybook-nativewind/src/core-components/themed/avatar/index.tsx
@@ -170,12 +170,9 @@ const StyledImage = styled(
   }
 );
 
-const StyledText = styled(
+const StyledFallbackText = styled(
   Text,
   {
-    color: '$text700',
-    // flex: 1,
-    fontWeight: '$normal',
     fontFamily: '$body',
     fontStyle: 'normal',
     letterSpacing: '$md',
@@ -266,17 +263,6 @@ const StyledText = styled(
       },
     },
 
-    defaultProps: {
-      size: 'md',
-    },
-  },
-  {
-    ancestorStyle: ['_text'],
-  }
-);
-const StyledFallbackText = styled(
-  StyledText,
-  {
     color: '$text0',
     fontWeight: '$semibold',
     props: {

diff --git a/example/storybook-nativewind/src/core-components/themed/popover/index.tsx b/example/storybook-nativewind/src/core-components/themed/popover/index.tsx
@@ -40,9 +40,6 @@ const StyledArrow = styled(AnimatedView, {
   'zIndex': 1,
   'position': 'absolute',
   'overflow': 'hidden',
-  '_dark': {
-    bg: '$backgroundDark900',
-  },
   'h': '$3.5',
   'w': '$3.5',
   ':transition': {