Update docs

BearStudio · Oct 3, 2024 · 4af1b5b · 4af1b5b
1 parent 901edc1
commit 4af1b5b
Show file tree

Hide file tree

Showing 9 changed files with 28 additions and 34 deletions.
diff --git a/docs/components/demos/responsive.js b/docs/components/demos/responsive.js
@@ -1,4 +1,5 @@
 import { useEffect, useState } from 'react';
+import { Badge } from 'react-native-ficus-ui';
 import {
   ThemeProvider,
   Box,
@@ -31,16 +32,7 @@ export const ItemCard = ({ content, ...props }) => {
         alt="House image"
       />
       <HStack alignItems="center" mt={2} spacing="sm">
-        <Box bg="pink.100" w="fit-content" p={2}>
-          <Text
-            color="pink.800"
-            textTransform="uppercase"
-            fontSize="sm"
-            fontWeight="bold"
-          >
-            Plus
-          </Text>
-        </Box>
+        <Badge colorScheme="pink" fontSize="md" p={2}>Plus</Badge>
         <Text
           textTransform="uppercase"
           fontSize="sm"

diff --git a/docs/next.config.mjs b/docs/next.config.mjs
@@ -76,6 +76,7 @@ export default withNextra({
     'react-native-toast-message',
     'react-native-vector-icons',
     'react-native-ficus-ui',
+    'react-native-confirmation-code-field',
   ],
 
   webpack: (config) => {

diff --git a/docs/package.json b/docs/package.json
@@ -25,7 +25,7 @@
     "react-icons": "^5.3.0",
     "react-intersection-observer": "^8.26.2",
     "react-native": "^0.75.2",
-    "react-native-ficus-ui": "^1.0.0",
+    "react-native-ficus-ui": "1.1.0",
     "react-native-web": "^0.19.12"
   },
   "dependenciesMeta": {

diff --git a/docs/pages/docs/Components/Inputs/pininput.en-US.mdx b/docs/pages/docs/Components/Inputs/pininput.en-US.mdx
@@ -20,7 +20,7 @@ import { PinInput } from 'react-native-ficus-ui';
 ## Usage
 
 <div className="mt-2">
-  <ExpoDemo id="@bearstudio/ficus-ui-input" />
+  <ExpoDemo id="@bearstudio/ficus-ui-pininput" />
 </div>
 
 ## Props
@@ -29,11 +29,6 @@ Extends every `Box` props and `CodeFieldProps` from `react-native-confirmation-c
 
 https://github.com/retyui/react-native-confirmation-code-field/blob/master/API.md#codefield-
 
-colorScheme?: string;
-  mask?: boolean;
-  placeholder?: string;
-
-
 ### `colorScheme`
 
 The colorScheme property, will define focus border color on pin inputs.

diff --git a/docs/pages/docs/Components/avatar.en-US.mdx b/docs/pages/docs/Components/avatar.en-US.mdx
@@ -18,7 +18,7 @@ import { Avatar, AvatarBadge, AvatarGroup } from 'react-native-ficus-ui';
 ## Usage
 
 <div className="mt-2">
-  <ExpoDemo id="@bearstudio/ficus-ui-text" />
+  <ExpoDemo id="@bearstudio/ficus-ui-avatar?platform=ios" />
 </div>
 
 ## Props

diff --git a/docs/pages/docs/Components/badge.en-US.mdx b/docs/pages/docs/Components/badge.en-US.mdx
@@ -18,7 +18,7 @@ import { Badge } from 'react-native-ficus-ui';
 ## Usage
 
 <div className="mt-2">
-  <ExpoDemo id="@bearstudio/ficus-ui-text" />
+  <ExpoDemo id="@bearstudio/ficus-ui-badge" />
 </div>
 
 ## Props

diff --git a/docs/pages/index.en-US.mdx b/docs/pages/index.en-US.mdx
@@ -69,16 +69,7 @@ import Image from 'next/image';
           alt="House image"
         />
         <HStack alignItems="center" mt={2} spacing="sm">
-          <Box bg="pink.100" w="fit-content" p={2}>
-            <Text
-              color="pink.800"
-              textTransform="uppercase"
-              fontSize="sm"
-              fontWeight="bold"
-            >
-              Plus
-            </Text>
-          </Box>
+          <Badge colorScheme="pink" fontSize="md" p={2}>Plus</Badge>
           <Text
             textTransform="uppercase"
             fontSize="sm"

diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
diff --git a/example/app/components/Avatar.tsx b/example/app/components/Avatar.tsx
@@ -8,7 +8,6 @@ import {
   Text,
   HStack,
   VStack,
-  Icon,
 } from 'react-native-ficus-ui';
 import ExampleSection from '@/src/ExampleSection';
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,6 @@ import { @@
       Text,
       HStack,
       VStack,
-      Icon,
     } from 'react-native-ficus-ui';
     import ExampleSection from '@/src/ExampleSection';
@@ Expand Down @@