Merge pull request #426 from GeekyAnts/fix/doc-changes-url

Fix/doc changes url

docs/3.0.x/customizing-fonts.md

@@ -7,7 +7,7 @@ Follow 3 simple steps to add a custom font family.
 
 ### Loading fonts in Expo or React Native init project.
 
-[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/)
+[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/)
 
 [Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9)
 

docs/3.0.x/icon.md

@@ -25,7 +25,7 @@ We provide a set of commonly used interface icons which you can directly use in
 
 ```
 
-Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/react-native-svg/react-native-svg).
+Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/software-mansion/react-native-svg).
 
 ### Custom Icon
 

docs/3.0.x/modal.md

@@ -66,7 +66,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems`
 
 ## Accessibility
 
-Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
+Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
 
 ### Keyboard Interactions
 

docs/3.0.x/setup-provider.md

@@ -93,7 +93,7 @@ export default ({ children, theme }: any) => {
 
 ## Add external dependencies (Optional)
 
-If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
+If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
 
 ```jsx
 import React from 'react';

docs/3.1.x/customizing-fonts.md

@@ -7,7 +7,7 @@ Follow 3 simple steps to add a custom font family.
 
 ### Loading fonts in Expo or React Native init project.
 
-[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/)
+[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/)
 
 [Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9)
 

docs/3.1.x/icon.md

@@ -25,7 +25,7 @@ We provide a set of commonly used interface icons which you can directly use in
 
 ```
 
-Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/react-native-svg/react-native-svg).
+Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/software-mansion/react-native-svg).
 
 ### Custom Icon
 

docs/3.1.x/modal.md

@@ -66,7 +66,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems`
 
 ## Accessibility
 
-Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
+Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
 
 ### Keyboard Interactions
 

docs/3.1.x/setup-provider.md

@@ -93,7 +93,7 @@ export default ({ children, theme }: any) => {
 
 ## Add external dependencies (Optional)
 
-If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
+If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
 
 ```jsx
 import React from 'react';

docs/3.2.x/customizing-fonts.md

@@ -7,7 +7,7 @@ Follow 3 simple steps to add a custom font family.
 
 ### Loading fonts in Expo or React Native init project.
 
-[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/)
+[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/)
 
 [Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9)
 

docs/3.2.x/icon.md

@@ -17,7 +17,7 @@ You can use icons in multiple ways in NativeBase:
 
 ```
 
-Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/react-native-svg/react-native-svg).
+Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/software-mansion/react-native-svg).
 
 ### NativeBase Icons
 

docs/3.2.x/modal.md

@@ -78,7 +78,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems`
 
 ## Accessibility
 
-Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
+Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
 
 ### Keyboard Interactions
 

docs/3.2.x/setup-provider.md

@@ -93,7 +93,7 @@ export default ({ children, theme }: any) => {
 
 ## Add external dependencies (Optional)
 
-If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
+If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
 
 ```jsx
 import React from 'react';

docs/3.3.x/customizing-fonts.md

@@ -7,7 +7,7 @@ Follow 3 simple steps to add a custom font family.
 
 ### Loading fonts in Expo or React Native init project.
 
-[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/)
+[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/)
 
 [Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9)
 

docs/3.3.x/icon.md

@@ -33,7 +33,7 @@ export const Example = () => {
 
 ```
 
-Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/react-native-svg/react-native-svg).
+Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/software-mansion/react-native-svg).
 
 ### NativeBase Icons
 

docs/3.3.x/modal.md

@@ -132,7 +132,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems`
 
 ## Accessibility
 
-Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
+Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
 
 ### Keyboard Interactions
 

docs/3.3.x/setup-provider.md

@@ -93,7 +93,7 @@ export default ({ children, theme }: any) => {
 
 ## Add external dependencies (Optional)
 
-If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
+If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
 ```jsx
 import React from 'react';
 import { NativeBaseProvider } from 'native-base';

docs/3.4.x/config-next-adapter.md

@@ -58,7 +58,7 @@ module.exports = withNativebase({
 
 ## Phase
 
-If the plugin should only be applied in specific phases, you can specify them here. You can use all phases [next.js provides](https://github.com/vercel/next.js/blob/canary/packages/next/shared/lib/constants.ts#L20-L22).
+If the plugin should only be applied in specific phases, you can specify them here. You can use all phases [next.js provides](https://nextjs.org/docs/basic-features/pages).
 
 ```jsx
 const { withNativebase } = require("@native-base/next-adapter");

docs/3.4.x/customizing-fonts.md

@@ -7,7 +7,7 @@ Follow 3 simple steps to add a custom font family.
 
 ### Loading fonts in Expo or React Native init project.
 
-[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/)
+[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/)
 
 [Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9)
 

docs/3.4.x/icon.md

@@ -33,7 +33,7 @@ export const Example = () => {
 
 ```
 
-Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/react-native-svg/react-native-svg).
+Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/software-mansion/react-native-svg).
 
 ### NativeBase Icons
 

docs/3.4.x/modal.md

@@ -132,7 +132,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems`
 
 ## Accessibility
 
-Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
+Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
 
 ### Keyboard Interactions
 

docs/3.4.x/setup-provider.md

@@ -93,7 +93,7 @@ export default ({ children, theme }: any) => {
 
 ## Add external dependencies (Optional)
 
-If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
+If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
 
 ```jsx
 import React from "react";

docs/next/config-next-adapter.md

@@ -58,7 +58,7 @@ module.exports = withNativebase({
 
 ## Phase
 
-If the plugin should only be applied in specific phases, you can specify them here. You can use all phases [next.js provides](https://github.com/vercel/next.js/blob/canary/packages/next/shared/lib/constants.ts#L20-L22).
+If the plugin should only be applied in specific phases, you can specify them here. You can use all phases [next.js provides](https://nextjs.org/docs/basic-features/pages).
 
 ```jsx
 const { withNativebase } = require("@native-base/next-adapter");

docs/next/customizing-fonts.md

@@ -7,7 +7,7 @@ Follow 3 simple steps to add a custom font family.
 
 ### Loading fonts in Expo or React Native init project.
 
-[Refer this guide if you're using Expo](https://docs.expo.io/guides/using-custom-fonts/)
+[Refer this guide if you're using Expo](https://docs.expo.dev/guides/using-custom-fonts/)
 
 [Refer this guide if you're using React Native init](https://aravindmnair.medium.com/add-custom-fonts-to-react-native-0-60-easily-in-3-steps-fcd71459f4c9)
 

docs/next/icon.md

@@ -33,7 +33,7 @@ export const Example = () => {
 
 ```
 
-Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/react-native-svg/react-native-svg).
+Apart from the icons provided by [@expo/vector-icon](https://github.com/expo/vector-icons), you can also create custom icons using SVG. You can use all the components from [react-native-svg](https://github.com/software-mansion/react-native-svg).
 
 ### NativeBase Icons
 

docs/next/modal.md

@@ -132,7 +132,7 @@ If you want a specifically aligned Modal, pass `justifyContent` and `alignItems`
 
 ## Accessibility
 
-Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/docs/FocusScope) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
+Uses React Native ARIA [@react-native-aria/focus](https://react-native-aria.geekyants.com/) which follows the [Dialog Modal WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/#dialog_modal).
 
 ### Keyboard Interactions
 

docs/next/setup-provider.md

@@ -93,7 +93,7 @@ export default ({ children, theme }: any) => {
 
 ## Add external dependencies (Optional)
 
-If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.io/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
+If you want to use the [Gradient feature in Box](box#with-linear-gradient),it has to pass linear gradient dependency as a config object in NativeBaseProvider. This dependency can be either from [expo-linear-gradient](https://docs.expo.dev/versions/latest/sdk/linear-gradient/) or [react-native-linear-gradient](https://www.npmjs.com/package/react-native-linear-gradient).
 
 ```jsx
 import React from "react";