GeekyAnts · madhav23bansal · Oct 12, 2021 · Oct 12, 2021
diff --git a/versioned_docs/version-3.2.1/FAB.md b/versioned_docs/version-3.2.1/FAB.md
@@ -3,7 +3,7 @@ id: FAB
 title: FAB
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 A floating action button is a circular icon button that hovers over content to promote a primary action in the application.
 

diff --git a/versioned_docs/version-3.2.1/actionSheet.md b/versioned_docs/version-3.2.1/actionSheet.md
@@ -3,7 +3,7 @@ id: action-sheet
 title: ActionSheet
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 An Action Sheet is a dialog that displays a set of options. It appears on top of the app's content.
 

diff --git a/versioned_docs/version-3.2.1/alert.md b/versioned_docs/version-3.2.1/alert.md
@@ -3,7 +3,7 @@ id: alert
 title: Alert
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Alerts` are used to communicate a state that affects a system, feature or page.
 
@@ -13,8 +13,8 @@ NativeBase exports 5 Alert related components:
 
 - `Alert`: The wrapper for alert components.
 - `Alert.Icon`: The visual icon for the alert that changes based on the `status` prop.
-<!-- - `Alert.Title`: The title of the alert to be announced by screen readers. -->
-<!-- - `Alert.Description`: The description of the alert to be announced by screen readers. -->
+  <!-- - `Alert.Title`: The title of the alert to be announced by screen readers. -->
+  <!-- - `Alert.Description`: The description of the alert to be announced by screen readers. -->
 
 ```jsx
 import { Alert } from 'native-base';

diff --git a/versioned_docs/version-3.2.1/alertDialog.md b/versioned_docs/version-3.2.1/alertDialog.md
@@ -3,7 +3,7 @@ id: alert-dialog
 title: AlertDialog
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `AlertDialog` component is used to interrupt the user with a mandatory confirmation or action. AlertDialog composes [`Modal`](modal.md) so you can use all its props.
 
@@ -40,7 +40,6 @@ AlertDialog and its components compose the **[Modal](modal.md)** component, so a
 | ------------------- | --------- | -------------------------------------------------------------- | ------- |
 | leastDestructiveRef | React.Ref | The least destructive action to get focus when dialog is open. | -       |
 
-
 ## Accessibility
 
 Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#alertdialog)
@@ -54,5 +53,3 @@ Adheres to the [Alert and Message Dialogs WAI-ARIA design pattern.](https://www.
 | Tab         | Moves focus to the next focusable element.                |
 | Shift + Tab | Moves focus to the previous focusable element.            |
 | Esc         | Closes the dialog and moves focus to AlertDialog.Trigger. |
-
-
diff --git a/versioned_docs/version-3.2.1/avatar.md b/versioned_docs/version-3.2.1/avatar.md
@@ -3,7 +3,7 @@ id: avatar
 title: Avatar
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Avatar` component is used to represent a user and it can display a profile picture, initials or a fallback icon.
 

diff --git a/versioned_docs/version-3.2.1/badge.md b/versioned_docs/version-3.2.1/badge.md
@@ -3,7 +3,7 @@ id: badge
 title: Badge
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Badges` are used to highlight an item's status for quick recognition.
 

diff --git a/versioned_docs/version-3.2.1/button.mdx b/versioned_docs/version-3.2.1/button.mdx
@@ -3,7 +3,7 @@ id: button
 title: Button
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 The `Button` component is used to trigger an action or event.
 

diff --git a/versioned_docs/version-3.2.1/checkBox.md b/versioned_docs/version-3.2.1/checkBox.md
@@ -3,7 +3,7 @@ id: checkbox
 title: CheckBox
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 The `Checkbox` component is used in forms when a user needs to select multiple values from several options.
 

diff --git a/versioned_docs/version-3.2.1/divider.md b/versioned_docs/version-3.2.1/divider.md
@@ -3,7 +3,7 @@ id: divider
 title: Divider
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Divider` is used to visually separate content in a list or group.
 

diff --git a/versioned_docs/version-3.2.1/formControl.md b/versioned_docs/version-3.2.1/formControl.md
@@ -3,7 +3,7 @@ id: form-control
 title: FormControl
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `FormControl` provides context such as `isInvalid`, `isDisabled`, and `isRequired` to form elements.
 

diff --git a/versioned_docs/version-3.2.1/getting-started.mdx b/versioned_docs/version-3.2.1/getting-started.mdx
@@ -4,7 +4,7 @@ title: Getting Started
 slug: /
 ---
 
-import { KitchenSinkIframe, TileLink, NBHistory } from '../src/components';
+import { KitchenSinkIframe, TileLink, NBHistory } from '../../src/components';
 import TOCInline from '@theme/TOCInline';
 
 <div className="tailwind">
@@ -42,7 +42,7 @@ import TOCInline from '@theme/TOCInline';
             className="bg-indigo-600"
           />
         </div>
-        
+
       </div>
     </div>
     <div className="col col--3 mb-12">

diff --git a/versioned_docs/version-3.2.1/heading.md b/versioned_docs/version-3.2.1/heading.md
@@ -3,7 +3,7 @@ id: heading
 title: Heading
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 Headings are used for rendering headlines. `Heading` composes [`Text`](text.md) so you can use all the style props.
 

diff --git a/versioned_docs/version-3.2.1/hidden.md b/versioned_docs/version-3.2.1/hidden.md
@@ -3,7 +3,7 @@ id: hidden
 title: Hidden
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 Hidden is used to toggle the visibility value of child components responsively, based on the colorMode or based on the platform. It doesn't mount the child components in the restricted values of props.
 

diff --git a/versioned_docs/version-3.2.1/iconButton.md b/versioned_docs/version-3.2.1/iconButton.md
@@ -3,7 +3,7 @@ id: icon-button
 title: IconButton
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `IconButton` composes the `Button` component. It is generally used to make an Icon pressable.
 

diff --git a/versioned_docs/version-3.2.1/input.md b/versioned_docs/version-3.2.1/input.md
@@ -3,7 +3,7 @@ id: input
 title: Input
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 The `Input` component is a component that is used to get user input in a text field.
 

diff --git a/versioned_docs/version-3.2.1/install-cra.mdx b/versioned_docs/version-3.2.1/install-cra.mdx
@@ -5,7 +5,7 @@ title: Install in Create React App project
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import { TileLink } from '../src/components';
+import { TileLink } from '../../src/components';
 
   <Tabs
   defaultValue='template'

diff --git a/versioned_docs/version-3.2.1/install-expo.mdx b/versioned_docs/version-3.2.1/install-expo.mdx
@@ -5,11 +5,10 @@ title: Install in Expo project
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import { TileLink } from '../src/components';
+import { TileLink } from '../../src/components';
 
 Expo helps you to create universal (iOS, Android and Web) React Native apps with no build configuration.
 
-
 <Tabs
   defaultValue='new'
   values={[
@@ -41,7 +40,6 @@ expo init my-app --template expo-template-native-base-typescript
 Yey! you are all set, start editing App.js/App.tsx now.
 
 </TabItem>
-
 
 
 <TabItem value="existing">
@@ -108,13 +106,9 @@ export default function App() {
 }
 ```
 
-
-
 </TabItem>
 </Tabs>
 
-
-
 <div style={{ textAlign: 'center' }}>
   <img src="/img/minion.gif" alt="minions clapping" />
 </div>

diff --git a/versioned_docs/version-3.2.1/install-next.mdx b/versioned_docs/version-3.2.1/install-next.mdx
@@ -5,7 +5,7 @@ title: Install in Next.js project
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import { TileLink } from '../src/components';
+import { TileLink } from '../../src/components';
 
   <Tabs
   defaultValue='new'
@@ -52,7 +52,6 @@ Yey! you are all set, start editing src/pages/index.tsx now.
 
   </TabItem>
 
-
 <TabItem value="npx">
 
 <h4>Choose your preferred setting and start your development swiftly 🚀</h4>

diff --git a/versioned_docs/version-3.2.1/install-rn.mdx b/versioned_docs/version-3.2.1/install-rn.mdx
@@ -5,8 +5,7 @@ title: Install in React Native project
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import { TileLink } from '../src/components';
-
+import { TileLink } from '../../src/components';
 
 <Tabs
   defaultValue='new'
@@ -15,11 +14,8 @@ import { TileLink } from '../src/components';
   { label: 'Existing Project', value: 'existing' }
   ]}>
 
-
 <TabItem value="new">
 
-
-
 ### Create a new project using ReactNative CLI with NativeBase template
 
 [Refer this link](https://github.com/react-native-community/cli#about) to get infomation about the React Native CLI.
@@ -44,10 +40,8 @@ npx react-native init MyApp --template react-native-template-native-base-typescr
 
 Yey! you are all set, start editing App.js/App.tsx now.
 
-
 </TabItem>
 
-
 <TabItem value="existing">
 
 ### Create a new project if not exist
@@ -112,7 +106,6 @@ export default function App() {
 
 </Tabs>
 
-
 <div style={{ textAlign: 'center' }}>
   <img src="/img/minion.gif" />
 </div>

diff --git a/versioned_docs/version-3.2.1/installation.mdx b/versioned_docs/version-3.2.1/installation.mdx
@@ -3,7 +3,7 @@ id: installation
 title: Installation
 ---
 
-import { InstallationTiles } from '../src/components';
+import { InstallationTiles } from '../../src/components';
 
 **NativeBase** is supported in [Expo](https://docs.expo.io/get-started/installation/) or React Native CLI initiated apps. Web support is made possible by [react-native-web](https://necolas.github.io/react-native-web/).
 

diff --git a/versioned_docs/version-3.2.1/kitchen-sink.mdx b/versioned_docs/version-3.2.1/kitchen-sink.mdx
@@ -3,7 +3,7 @@ id: kitchen-sink
 title: Kitchen Sink
 ---
 
-import { KitchenSinkIframe, TileLink, NBHistory } from '../src/components';
+import { KitchenSinkIframe, TileLink, NBHistory } from '../../src/components';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import ExpoIcon from '@site/static/img/expo-icon.svg';
 import useThemeContext from '@theme/hooks/useThemeContext';

diff --git a/versioned_docs/version-3.2.1/link.md b/versioned_docs/version-3.2.1/link.md
@@ -3,7 +3,7 @@ id: link
 title: Link
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Links` are accessible elements used primarily for navigation. This component is styled to resemble a hyperlink.
 
@@ -57,4 +57,4 @@ import { Link } from 'native-base';
 
 ## Accessibility
 
-Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link)
+Adheres to the [Link WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#link)
diff --git a/versioned_docs/version-3.2.1/menu.md b/versioned_docs/version-3.2.1/menu.md
@@ -3,7 +3,7 @@ id: menu
 title: Menu
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 A dropdown menu for the common dropdown menu button design pattern.
 
@@ -89,7 +89,6 @@ Extends `MenuItem`.
 
 <ComponentTheme name="menu" />
 
-
 ## Accessibility
 
-Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu)
+Adheres to the [Menu WAI-ARIA design pattern.](https://www.w3.org/TR/wai-aria-practices-1.2/#menu)
diff --git a/versioned_docs/version-3.2.1/modal.md b/versioned_docs/version-3.2.1/modal.md
@@ -3,7 +3,7 @@ id: modal
 title: Modal
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 A Modal is a window overlaid on either the primary window or another dialog window. Content behind a modal dialog is **inert**, meaning that users cannot interact with it.
 

diff --git a/versioned_docs/version-3.2.1/popOver.md b/versioned_docs/version-3.2.1/popOver.md
@@ -3,7 +3,7 @@ id: popover
 title: Popover
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Popover` is a non-modal dialog that floats around a trigger. It's used to display contextual information to the user, and should be paired with a pressable trigger element.
 
@@ -71,7 +71,7 @@ You can pass custom backgroundColor using `bg` or `backgroundColor`, `borderColo
 
 `Popover.Body` composes the [`Box`](box.md) component.
 
-### Popover.CloseButton 
+### Popover.CloseButton
 
 `Popover.CloseButton` composes the [`Button`](button.md) component.
 

diff --git a/versioned_docs/version-3.2.1/progress.md b/versioned_docs/version-3.2.1/progress.md
@@ -3,7 +3,7 @@ id: progress
 title: Progress
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Progress` is used to display the progress status for a task that takes a long time or consists of several steps.
 

diff --git a/versioned_docs/version-3.2.1/radio.md b/versioned_docs/version-3.2.1/radio.md
@@ -3,7 +3,7 @@ id: radio
 title: Radio
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Radio` is used when only one choice may be selected in a series of options.
 

diff --git a/versioned_docs/version-3.2.1/select.md b/versioned_docs/version-3.2.1/select.md
@@ -3,7 +3,7 @@ id: select
 title: Select
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 import { AndroidBadge } from "/src/components/index";