From 6b5addb59905ce4aed1435f5cab37852d38d062d Mon Sep 17 00:00:00 2001 From: amars29 Date: Thu, 5 Oct 2023 16:35:03 +0530 Subject: [PATCH] fix: replaced style to gluestack.io --- CONTRIBUTING.md | 2 +- README.md | 4 ++-- example/storybook/src/api/ResponsiveStyles/index.stories.mdx | 2 +- example/storybook/src/api/UtilityFunctions/index.stories.mdx | 2 +- .../src/getting-started/Installation/index.stories.mdx | 2 +- example/storybook/src/hooks/useMediaQuery/index.stories.mdx | 2 +- .../storybook/src/plugins/AnimationPlugin/index.stories.mdx | 2 +- example/storybook/src/plugins/CSSVariables/index.stories.mdx | 2 +- example/storybook/src/plugins/FontsPlugin/index.stories.mdx | 2 +- example/storybook/src/plugins/Introduction/index.stories.mdx | 2 +- packages/animation-plugin/README.md | 2 +- packages/babel-plugin-styled-resolver/README.md | 2 +- packages/react/README.md | 4 ++-- 13 files changed, 15 insertions(+), 15 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index d5290a20a..02d8ae155 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -159,4 +159,4 @@ If all goes well, your pull request will be merged. If it is not merged, maintai ## Helping with Documentation -The `gluestack-style` documentation is hosted as part of the `gluestack` repository. The website itself is located at . If there's anything you'd like to change in the docs, you can get started by clicking on the "Edit" button located on the bottom left of most pages on the website. +The `gluestack-style` documentation is hosted as part of the `gluestack` repository. The website itself is located at . If there's anything you'd like to change in the docs, you can get started by clicking on the "Edit" button located on the bottom left of most pages on the website. diff --git a/README.md b/README.md index d141527e1..8ea241a5d 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ ## Documentation -You can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website. +You can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/styledocs website. ## Features @@ -88,7 +88,7 @@ export const App = () => { ``` More guides on how to get started are available -[here](https://style.gluestack.io/). +[here](https://gluestack.io/style). ## Contributing diff --git a/example/storybook/src/api/ResponsiveStyles/index.stories.mdx b/example/storybook/src/api/ResponsiveStyles/index.stories.mdx index fa089ed01..21ca805a0 100644 --- a/example/storybook/src/api/ResponsiveStyles/index.stories.mdx +++ b/example/storybook/src/api/ResponsiveStyles/index.stories.mdx @@ -1,7 +1,7 @@ --- title: Responsive Styles | gluestack-style description: gluestack-style supports responsive styles using media queries. You can define your breakpoints and other configuration options. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/example/storybook/src/api/UtilityFunctions/index.stories.mdx b/example/storybook/src/api/UtilityFunctions/index.stories.mdx index a5af4fccf..163a48d3b 100644 --- a/example/storybook/src/api/UtilityFunctions/index.stories.mdx +++ b/example/storybook/src/api/UtilityFunctions/index.stories.mdx @@ -1,7 +1,7 @@ --- title: Utility Functions | gluestack-style description: Create global CSS styles easily with createGlobalStylesWeb function, supporting aliases and tokens for easy integration. Only for web, with some limitations. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/example/storybook/src/getting-started/Installation/index.stories.mdx b/example/storybook/src/getting-started/Installation/index.stories.mdx index 7d0c71d61..0b53ebc29 100644 --- a/example/storybook/src/getting-started/Installation/index.stories.mdx +++ b/example/storybook/src/getting-started/Installation/index.stories.mdx @@ -49,4 +49,4 @@ Refer the guides shown below to setup gluestack-style in your Expo or Next.js ap Throughout this guide, we have provided detailed instructions on how to install `gluestack-style` in your Expo or Next.js application and configure its settings to ensure optimal performance. We highly recommend taking the time to familiarize yourself with the various aspects of gluestack-style, such as its configuration options and styled provider functionality, as well as the styled function. -To get started, we suggest reviewing the [config](https://style.gluestack.io/docs/configuration/theme-tokens) and [provider](https://style.gluestack.io/docs/getting-started/styled-provider) sections to gain a deeper understanding of aliases and tokens works. Once you have a solid grasp of these concepts, you can begin experimenting with the [styled](https://style.gluestack.io/docs/getting-started/styled) function and applying it to your project as needed. +To get started, we suggest reviewing the [config](https://gluestack.io/styledocs/configuration/theme-tokens) and [provider](https://gluestack.io/styledocs/getting-started/styled-provider) sections to gain a deeper understanding of aliases and tokens works. Once you have a solid grasp of these concepts, you can begin experimenting with the [styled](https://gluestack.io/styledocs/getting-started/styled) function and applying it to your project as needed. diff --git a/example/storybook/src/hooks/useMediaQuery/index.stories.mdx b/example/storybook/src/hooks/useMediaQuery/index.stories.mdx index 07685bef9..1f5aca919 100644 --- a/example/storybook/src/hooks/useMediaQuery/index.stories.mdx +++ b/example/storybook/src/hooks/useMediaQuery/index.stories.mdx @@ -1,7 +1,7 @@ --- title: useMediaQuery | gluestack-style description: Learn to use the useMediaQuery hook in React Native for detecting media query matches and creating responsive UI elements, despite limitations like performance impacts and lack of typings. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/example/storybook/src/plugins/AnimationPlugin/index.stories.mdx b/example/storybook/src/plugins/AnimationPlugin/index.stories.mdx index 5da34b7b6..b88938bfe 100644 --- a/example/storybook/src/plugins/AnimationPlugin/index.stories.mdx +++ b/example/storybook/src/plugins/AnimationPlugin/index.stories.mdx @@ -1,7 +1,7 @@ --- title: Animation Plugin | gluestack-style description: Learn to add animation props with gluestack-style’s Animation Plugin for dynamic, animated UI elements. Performance impacts and lack of typings are limitations. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/example/storybook/src/plugins/CSSVariables/index.stories.mdx b/example/storybook/src/plugins/CSSVariables/index.stories.mdx index 00fbcba6b..949c236b9 100644 --- a/example/storybook/src/plugins/CSSVariables/index.stories.mdx +++ b/example/storybook/src/plugins/CSSVariables/index.stories.mdx @@ -1,7 +1,7 @@ --- title: CSS Variables Plugin | gluestack-style description: gluestack-style provides a Plugin to inject all your tokens as CSS variables. An internal plugin to insert all theme tokens as css variables in your global styles. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/example/storybook/src/plugins/FontsPlugin/index.stories.mdx b/example/storybook/src/plugins/FontsPlugin/index.stories.mdx index 7f7a8f749..a4d56aa37 100644 --- a/example/storybook/src/plugins/FontsPlugin/index.stories.mdx +++ b/example/storybook/src/plugins/FontsPlugin/index.stories.mdx @@ -1,7 +1,7 @@ --- title: Fonts Plugin | gluestack-style description: gluestack-style provides a Plugin to unify font family styles across platforms. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/example/storybook/src/plugins/Introduction/index.stories.mdx b/example/storybook/src/plugins/Introduction/index.stories.mdx index ae5f023a0..83eca9f36 100644 --- a/example/storybook/src/plugins/Introduction/index.stories.mdx +++ b/example/storybook/src/plugins/Introduction/index.stories.mdx @@ -1,7 +1,7 @@ --- title: Intro to Plugins | gluestack-style description: gluestack-style provides a plugin system to extend existing functionality of styled function. It's a great way to add support for new aliases, tokens and beyond. -canonical: https://style.gluestack.io/ +canonical: https://gluestack.io/style --- import { Canvas, Meta, Story } from '@storybook/addon-docs'; diff --git a/packages/animation-plugin/README.md b/packages/animation-plugin/README.md index 58e26e535..3cf303a80 100644 --- a/packages/animation-plugin/README.md +++ b/packages/animation-plugin/README.md @@ -66,4 +66,4 @@ styledObject = { ``` More guides on how to get started are available -[here](https://style.gluestack.io/). +[here](https://gluestack.io/style). diff --git a/packages/babel-plugin-styled-resolver/README.md b/packages/babel-plugin-styled-resolver/README.md index 7040d063e..b1ab4b48a 100644 --- a/packages/babel-plugin-styled-resolver/README.md +++ b/packages/babel-plugin-styled-resolver/README.md @@ -32,4 +32,4 @@ module.exports = function (api) { Just make sure your babel.config.js and gluestack-style.config.js/ts are in the same directory. We suggest you keep both of them at the root of your app codebase. More guides on how to get started are available -[here](https://style.gluestack.io/). +[here](https://gluestack.io/style). diff --git a/packages/react/README.md b/packages/react/README.md index d4f663dcc..4770baeae 100644 --- a/packages/react/README.md +++ b/packages/react/README.md @@ -10,7 +10,7 @@ ## Documentation -You can find detailed documentation for each component, including a list of props and examples, in https://style.gluestack.io/docs website. +You can find detailed documentation for each component, including a list of props and examples, in https://gluestack.io/styledocs website. ## Installation @@ -70,4 +70,4 @@ export const App = () => { ``` More guides on how to get started are available -[here](https://style.gluestack.io/). +[here](https://gluestack.io/style).