Merge pull request #2321 from gluestack/fix/tab-panel

fix: tabpanel unstyled and minor alert component changes

Author: Viraj-10

example/storybook-nativewind/src/components/Alert/Alert.tsx

@@ -4,7 +4,7 @@ import { InfoIcon } from '@/components/ui/icon';
 
 const AlertBasic = ({ ...props }: any) => {
   return (
-    <Alert {...props} className="gap-3">
+    <Alert {...props}>
       <AlertIcon as={InfoIcon} />
       <AlertText>Selection successfully moved!</AlertText>
     </Alert>

example/storybook-nativewind/src/core-components/nativewind/alert/index.tsx

@@ -188,7 +188,7 @@ const Alert = React.forwardRef(
     {
       className,
       variant = 'solid',
-      action = 'info',
+      action = 'muted',
       ...props
     }: { className?: string } & IAlertProps,
     ref?: any

packages/unstyled/tabs/src/TabPanel.tsx

@@ -19,7 +19,8 @@ export const TabPanel = <StyledTabPanel,>(
               tabIndex={value === currentActiveTab ? 0 : -1}
               role={Platform.OS === 'web' ? 'tabpanel' : undefined}
               {...(props as StyledTabPanel)}
-              style={{ display: isActive ? 'flex' : 'none' }}
+              //@ts-ignore
+              style={[{ display: isActive ? 'flex' : 'none' }, props.style]}
               ref={ref}
             />
           );