GeekyAnts · intergalacticspacehighway · Jul 20, 2021 · Jul 16, 2021 · Jul 16, 2021
diff --git a/versioned_docs/version-3.0.6/FAB.md b/versioned_docs/version-3.0.6/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.0.6/actionSheet.md b/versioned_docs/version-3.0.6/actionSheet.md
@@ -3,7 +3,7 @@ id: actionSheet
 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.0.6/alert.md b/versioned_docs/version-3.0.6/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.
 

diff --git a/versioned_docs/version-3.0.6/alertDialog.md b/versioned_docs/version-3.0.6/alertDialog.md
@@ -3,7 +3,7 @@ id: alertDialog
 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.
 

diff --git a/versioned_docs/version-3.0.6/avatar.md b/versioned_docs/version-3.0.6/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.0.6/badge.md b/versioned_docs/version-3.0.6/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.0.6/button.mdx b/versioned_docs/version-3.0.6/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.0.6/checkBox.md b/versioned_docs/version-3.0.6/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.0.6/divider.md b/versioned_docs/version-3.0.6/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.0.6/formControl.md b/versioned_docs/version-3.0.6/formControl.md
@@ -3,7 +3,7 @@ id: formControl
 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.0.6/heading.md b/versioned_docs/version-3.0.6/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.0.6/iconButton.md b/versioned_docs/version-3.0.6/iconButton.md
@@ -3,7 +3,7 @@ id: iconButton
 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.0.6/input.md b/versioned_docs/version-3.0.6/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.0.6/install-cra.mdx b/versioned_docs/version-3.0.6/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.0.6/install-expo.mdx b/versioned_docs/version-3.0.6/install-expo.mdx
@@ -5,7 +5,7 @@ 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.
 

diff --git a/versioned_docs/version-3.0.6/install-next.mdx b/versioned_docs/version-3.0.6/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'

diff --git a/versioned_docs/version-3.0.6/install-rn.mdx b/versioned_docs/version-3.0.6/install-rn.mdx
@@ -5,7 +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';
 
 ### Create a new project
 

diff --git a/versioned_docs/version-3.0.6/installation.mdx b/versioned_docs/version-3.0.6/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.0.6/kitchen-sink.mdx b/versioned_docs/version-3.0.6/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.0.6/link.md b/versioned_docs/version-3.0.6/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.
 

diff --git a/versioned_docs/version-3.0.6/menu.md b/versioned_docs/version-3.0.6/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.
 

diff --git a/versioned_docs/version-3.0.6/modal.md b/versioned_docs/version-3.0.6/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.0.6/nativebase.mdx b/versioned_docs/version-3.0.6/nativebase.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">

diff --git a/versioned_docs/version-3.0.6/popOver.md b/versioned_docs/version-3.0.6/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.
 

diff --git a/versioned_docs/version-3.0.6/progress.md b/versioned_docs/version-3.0.6/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.0.6/radio.md b/versioned_docs/version-3.0.6/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.0.6/select.md b/versioned_docs/version-3.0.6/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";
 

diff --git a/versioned_docs/version-3.0.6/skeleton.md b/versioned_docs/version-3.0.6/skeleton.md
@@ -3,7 +3,7 @@ id: skeleton
 title: Skeleton
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Skeleton` is used to display the loading state of a component.
 

diff --git a/versioned_docs/version-3.0.6/slider.md b/versioned_docs/version-3.0.6/slider.md
@@ -3,7 +3,7 @@ id: slider
 title: Slider
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 The `Slider` is used to allow users to make selections from a range of values.
 

diff --git a/versioned_docs/version-3.0.6/text.md b/versioned_docs/version-3.0.6/text.md
@@ -3,7 +3,7 @@ id: text
 title: Text
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Text` is used to render text and paragraphs within an interface.
 

diff --git a/versioned_docs/version-3.0.6/textArea.md b/versioned_docs/version-3.0.6/textArea.md
@@ -3,7 +3,7 @@ id: textArea
 title: TextArea
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 The `Textarea` component allows you to easily create multi-line text inputs.
 

diff --git a/versioned_docs/version-3.0.6/toast.md b/versioned_docs/version-3.0.6/toast.md
@@ -3,7 +3,7 @@ id: toast
 title: Toast
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 `Toast` is used to show alerts on top of an overlay. `Toast` will close itself when the close button is clicked, or after a timeout — the default is 5 seconds. The toast component is used to give feeback to users after an action has taken place.
 

diff --git a/versioned_docs/version-3.0.6/tooltip.md b/versioned_docs/version-3.0.6/tooltip.md
@@ -3,7 +3,7 @@ id: tooltip
 title: Tooltip
 ---
 
-import { ComponentTheme } from '../src/components';
+import { ComponentTheme } from '../../src/components';
 
 A tooltip is a brief, informative message that appears when a user interacts with an element. Tooltips are usually initiated in one of two ways: through a mouse-hover gesture or through a keyboard-hover gesture.
 

diff --git a/versioned_docs/version-3.0.6/utility-first.mdx b/versioned_docs/version-3.0.6/utility-first.mdx
@@ -3,8 +3,8 @@ id: utility-first
 title: Utility First
 ---
 
-import { UtilityFirstExample } from '../src/components';
-import { KitchenSinkIframe, TileLink, NBHistory } from '../src/components';
+import { UtilityFirstExample } from '../../src/components';
+import { KitchenSinkIframe, TileLink, NBHistory } from '../../src/components';
 
 React Native has a great StyleSheet API which is optimal for component-based systems. NativeBase leverages it and adds a layer of utility props and constraint based designed tokens on top of it.