fix: other style links

gluestack · Oct 9, 2023 · 76ba28c · 76ba28c
1 parent 89555bc
commit 76ba28c
Show file tree

Hide file tree

Showing 16 changed files with 15 additions and 16 deletions.
diff --git a/example/storybook/src/components/Disclosure/Actionsheet/index.stories.mdx b/example/storybook/src/components/Disclosure/Actionsheet/index.stories.mdx
@@ -1673,7 +1673,7 @@ function App(){
   ActionsheetItem,
   ActionsheetItemText,
       VStack,
-      HStack,https://style.gluestack.io/style
+      HStack,
       Icon,
       Box,
       FormControl,

diff --git a/example/storybook/src/components/Forms/Checkbox/index.stories.mdx b/example/storybook/src/components/Forms/Checkbox/index.stories.mdx
@@ -366,7 +366,7 @@ Contains all indicators related layout style props and actions. It inherits all
 
 #### CheckboxIcon
 
-Contains all Icon related layout style props and actions. It inherits all the properties of gluestack Style's [AsForwarder](https://style.gluestack.io/styleer) component.
+Contains all Icon related layout style props and actions. It inherits all the properties of gluestack Style's [AsForwarder](/style/docs/api/as-forwarder) component.
 
 #### CheckboxLabel
 

diff --git a/example/storybook/src/components/Forms/FormControl/index.stories.mdx b/example/storybook/src/components/Forms/FormControl/index.stories.mdx
@@ -446,7 +446,7 @@ It inherits all the properties of React Native's [View](https://reactnative.dev/
 
 #### FormControlErrorIcon
 
-It inherits all the properties of gluestack Style's [AsForwarder](https://style.gluestack.io/styleer) component.
+It inherits all the properties of gluestack Style's [AsForwarder](/style/docs/api/as-forwarder) component.
 
 #### FormControlErrorText
 

diff --git a/example/storybook/src/components/Forms/Pressable/index.stories.mdx b/example/storybook/src/components/Forms/Pressable/index.stories.mdx
@@ -86,7 +86,7 @@ You can change the child elements according to the states of Pressable component
     showArgsController={false}
     metaData={{
       code: `
- <Pressable p="$16" bg="$primary500" sx={{':hover':{ bg:"$primary400"}}}>https://style.gluestack.io/style
+ <Pressable p="$16" bg="$primary500" sx={{':hover':{ bg:"$primary400"}}}>
    {({ pressed }) => (
         <Text color={pressed ? 'pink' : 'yellow'}>PRESSABLE</Text>
       )}

diff --git a/example/storybook/src/components/Forms/Radio/index.stories.mdx b/example/storybook/src/components/Forms/Radio/index.stories.mdx
@@ -314,7 +314,7 @@ Contains all Indicator related layout style props and actions. It inherits all t
 
 #### RadioIcon
 
-Contains all Icon related layout style props and actions. It inherits all the properties of gluestack Style's [AsForwarder](https://style.gluestack.io/styleer) component.
+Contains all Icon related layout style props and actions. It inherits all the properties of gluestack Style's [AsForwarder](/style/docs/api/as-forwarder) component.
 
 #### RadioLabel
 

diff --git a/example/storybook/src/components/Layout/Box/index.stories.mdx b/example/storybook/src/components/Layout/Box/index.stories.mdx
@@ -133,7 +133,7 @@ All the components in `gluestack-ui` are unstyled by default. To customize your
 ### Customizing the Box
 
 For customizing the Box, you have to map styled view to Box. You can refer [gluestack.io/style](/style) for more information on how to use styled components.
-https://style.gluestack.io/style
+
 #### Usage
 
 Default styling of the component can be found in the `components/box` file. For reference, you can view the [source code](https://github.com/gluestack/gluestack-ui/blob/main/packages/themed/src/components/Box) of the styled `Box` component.

diff --git a/example/storybook/src/components/MediaAndIcons/Icon/index.stories.mdx b/example/storybook/src/components/MediaAndIcons/Icon/index.stories.mdx
@@ -394,7 +394,7 @@ After :
   />
 </AppProvider>
 
-> gluestack-ui provides a set of pre created icons that can be used directly in our app and can also integrate third party icons using [AsForwarder](https://style.gluestack.io/styleer) from [gluestack-style](/style)https://style.gluestack.io/style
+> gluestack-ui provides a set of pre created icons that can be used directly in our app and can also integrate third party icons using [AsForwarder](/style/docs/api/as-forwarder) from [gluestack-style](/style)
 
 ## Unstyled
 

diff --git a/example/storybook/src/components/MediaAndIcons/Image/index.stories.mdx b/example/storybook/src/components/MediaAndIcons/Image/index.stories.mdx
@@ -195,7 +195,7 @@ const Image = createImage({
   Root: StyledImage
 });
 
-// you can also https://style.gluestack.io/styled/styled to style the component
+// you can also /style/docs/getting-started/styled to style the component
 
 export default () => <Image />;
 ```

diff --git a/example/storybook/src/components/Others/Fab/index.stories.mdx b/example/storybook/src/components/Others/Fab/index.stories.mdx
@@ -255,7 +255,7 @@ It inherits all the properties of React Native's [Text](https://reactnative.dev/
 
 #### FabIcon
 
-Contains all Icon related layout style props and actions. It inherits all the properties of Gluestack Style's [AsForwarder](https://style.gluestack.io/styleer) component.
+Contains all Icon related layout style props and actions. It inherits all the properties of Gluestack Style's [AsForwarder](/style/docs/api/as-forwarder) component.
 
 ### Features
 

diff --git a/example/storybook/src/components/Overlay/AlertDialog/index.stories.mdx b/example/storybook/src/components/Overlay/AlertDialog/index.stories.mdx
@@ -731,7 +731,7 @@ import {
   CloseButton,
   Header,
   Footer,
-  Body,https://style.gluestack.io/style
+  Body,
   Backdrop,
 } from '../components/core/alert-dialog/styled-components';
 

diff --git a/example/storybook/src/components/Overlay/Modal/index.stories.mdx b/example/storybook/src/components/Overlay/Modal/index.stories.mdx
@@ -917,7 +917,7 @@ import {
   CloseButton,
   Header,
   Footer,
-  Body,https://style.gluestack.io/style
+  Body,
   Backdrop,
 } from '../components/core/modal/styled-components';
 

diff --git a/example/storybook/src/components/Overlay/Popover/index.stories.mdx b/example/storybook/src/components/Overlay/Popover/index.stories.mdx
@@ -867,7 +867,7 @@ All the components in `gluestack-ui` are unstyled by default. To customize your
 
 We provide in-depth information on how to customize and extend the component's functionality to meet your needs. Below, we describe how to modify the component to suit your requirements.
 
-### Customizing the Popoverhttps://style.gluestack.io/style
+### Customizing the Popover
 
 We have a function called `createPopover` which can be used to create a custom popover component. This function takes in a configuration object which contains the styled components that you want to use for the Popover You can refer [gluestack.io/style](/style) for more information on how to use styled components.
 

diff --git a/example/storybook/src/components/Provider/GluestackUIProvider/index.stories.mdx b/example/storybook/src/components/Provider/GluestackUIProvider/index.stories.mdx
@@ -145,7 +145,6 @@ We have a function called `createProvider` which can be used to create provider
 
 #### Usage
 
-https://style.gluestack.io/style
 You can import the config For reference, you can view the [source code](https://github.com/gluestack/gluestack-ui/tree/main/example/storybook/src/ui-components/Provider).
 
 ```jsx

diff --git a/example/storybook/src/core-concepts/UnstyledLibrary/index.stories.mdx b/example/storybook/src/core-concepts/UnstyledLibrary/index.stories.mdx
@@ -96,7 +96,7 @@ However, you can make these components look the way you want by adding your own
 
 Let's try creating an unstyled Button component
 
-We utilize a function named `createButton` for the creation of a customized button component. This function accepts a configuration object that contains the styled components you wish to apply to the button. For guidance on the usage of styled components, you can refer [gluestack.io/style](https://style.gluestack.io/style` function expects an object containing the styled components that can be tailored to meet your specifications. These styled components can be generated using the `styled` function, which is exported by `@gluestack-style/react`. Here is a basic example provided below.
+We utilize a function named `createButton` for the creation of a customized button component. This function accepts a configuration object that contains the styled components you wish to apply to the button. For guidance on the usage of styled components, you can refer [gluestack.io/style](/style) function expects an object containing the styled components that can be tailored to meet your specifications. These styled components can be generated using the `styled` function, which is exported by `@gluestack-style/react`. Here is a basic example provided below.
 
 <AppProvider>
   <CodePreview

diff --git a/example/storybook/src/styling/overview/index.stories.mdx b/example/storybook/src/styling/overview/index.stories.mdx
@@ -9,7 +9,7 @@ import { Canvas, Meta, Story } from '@storybook/addon-docs';
 
 # Styling Overview
 
-All the components of [**`@gluestack-ui/themed`**](https://github.com/gluestack/gluestack-ui/blob/main/packages/themed) by default are unstyled. Styling is provided by our styling engine [**`@gluestack-style/react`**](https://style.gluestack.io/docs/overview/introduction) by passing [`config`](https://github.com/gluestack/gluestack-ui/blob/main/packages/config/src/gluestack-ui.config.ts) file from [**`@gluestack-ui/config`**](https://github.com/gluestack/gluestack-ui/blob/main/packages/config). Config file exports an object which is passed inside the `GluetackUIProvider`(a Wrapper component that applies the theme to all the children).
+All the components of [**`@gluestack-ui/themed`**](https://github.com/gluestack/gluestack-ui/blob/main/packages/themed) by default are unstyled. Styling is provided by our styling engine [**`@gluestack-style/react`**](/style/docs/overview/introduction) by passing [`config`](https://github.com/gluestack/gluestack-ui/blob/main/packages/config/src/gluestack-ui.config.ts) file from [**`@gluestack-ui/config`**](https://github.com/gluestack/gluestack-ui/blob/main/packages/config). Config file exports an object which is passed inside the `GluetackUIProvider`(a Wrapper component that applies the theme to all the children).
 
 ```jsx
 import { config } from '@gluestack-ui/config';

diff --git a/example/storybook/src/styling/state/index.stories.mdx b/example/storybook/src/styling/state/index.stories.mdx
@@ -26,7 +26,7 @@ import {
 
 # States
 
-Styling of gluestack-ui components is achieved through the utilization of [**`@gluestack-style/react`**](https://style.gluestack.io/), a resource that provides a range of capabilities for effectively controlling states like **hover**, **active**, **focused**, and others. You can pass [`config`](https://github.com/gluestack/gluestack-ui/blob/main/packages/config/src/gluestack-ui.config.ts) file from [**`@gluestack-ui/config`**](https://github.com/gluestack/gluestack-ui/blob/main/packages/config) for default state styling. Config file exports an object which is passed inside the `GluetackUIProvider`. In this context, we will delve into how gluestack-style simplifies the management of these states and their associated styles.
+Styling of gluestack-ui components is achieved through the utilization of [**`@gluestack-style/react`**](/style), a resource that provides a range of capabilities for effectively controlling states like **hover**, **active**, **focused**, and others. You can pass [`config`](https://github.com/gluestack/gluestack-ui/blob/main/packages/config/src/gluestack-ui.config.ts) file from [**`@gluestack-ui/config`**](https://github.com/gluestack/gluestack-ui/blob/main/packages/config) for default state styling. Config file exports an object which is passed inside the `GluetackUIProvider`. In this context, we will delve into how gluestack-style simplifies the management of these states and their associated styles.
 
 Easiest way to change styling of states would be using `sx` prop which enables state management.