fix: Fixed type export issue and broken expo snacks in the docs

agrawal-rohit · Dec 17, 2023 · 9ee0b02 · 9ee0b02 · vercel · Dec 17, 2023
1 parent 92a72bb
commit 9ee0b02
Show file tree

Hide file tree

Showing 21 changed files with 39 additions and 21 deletions.
diff --git a/docs/docs/components/feedback/Badge.mdx b/docs/docs/components/feedback/Badge.mdx
@@ -111,7 +111,7 @@ The `Badge` component supports a [variety of style props](#supported-style-props
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/badge-light" />
+<Snack snackId="@agrawal-rohit/badge" />
 
 ## Badge Component Properties
 

diff --git a/docs/docs/components/feedback/Skeleton.mdx b/docs/docs/components/feedback/Skeleton.mdx
@@ -88,7 +88,7 @@ The `Skeleton` component supports a variety of style props which can be used to
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/skeleton-light" />
+<Snack snackId="@agrawal-rohit/skeleton" />
 
 ## Skeleton Component Properties
 

diff --git a/docs/docs/components/feedback/Spinner.mdx b/docs/docs/components/feedback/Spinner.mdx
@@ -106,7 +106,7 @@ The `Spinner` component supports a [variety of style props](#supported-style-pro
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/spinner-light" />
+<Snack snackId="@agrawal-rohit/spinner" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/forms/Button.mdx b/docs/docs/components/forms/Button.mdx
@@ -158,7 +158,7 @@ The `Button` component supports a [variety of style props](#supported-style-prop
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/button-light" />
+<Snack snackId="@agrawal-rohit/button" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/forms/CheckBox.mdx b/docs/docs/components/forms/CheckBox.mdx
@@ -204,7 +204,7 @@ The `CheckBox` component supports a [variety of style props](#supported-style-pr
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/checkbox-light" />
+<Snack snackId="@agrawal-rohit/checkbox" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/forms/Input.mdx b/docs/docs/components/forms/Input.mdx
@@ -164,7 +164,7 @@ The `Input` component supports a variety of style props which can be used to ove
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/input-light" />
+<Snack snackId="@agrawal-rohit/input" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/forms/Pressable.mdx b/docs/docs/components/forms/Pressable.mdx
@@ -77,7 +77,7 @@ The `Pressable` component allows you to customize the appearance of the componen
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/pressable-light" />
+<Snack snackId="@agrawal-rohit/pressable" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/forms/Radio.mdx b/docs/docs/components/forms/Radio.mdx
@@ -153,7 +153,7 @@ You can override the default styles of the `Radio` component by passing style pr
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/radio-light" />
+<Snack snackId="@agrawal-rohit/radio" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/forms/Textarea.mdx b/docs/docs/components/forms/Textarea.mdx
@@ -128,7 +128,7 @@ The `Textarea` component supports a variety of style props which can be used to
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/textarea-light" />
+<Snack snackId="@agrawal-rohit/textarea" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/layout/Divider.mdx b/docs/docs/components/layout/Divider.mdx
@@ -67,7 +67,7 @@ The `Divider` component supports a variety of style props which can be used to o
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/divider-light" />
+<Snack snackId="@agrawal-rohit/divider" />
 
 ## Component Properties
 

diff --git a/docs/docs/components/layout/Screen.mdx b/docs/docs/components/layout/Screen.mdx
@@ -72,7 +72,7 @@ Here are examples of the `Screen` component in both light and dark themes:
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/screen-light" />
+<Snack snackId="@agrawal-rohit/screen" />
 
 ## Component Properties
 

diff --git a/docs/docs/components/layout/Spacer.mdx b/docs/docs/components/layout/Spacer.mdx
@@ -54,7 +54,7 @@ import { Spacer } from "pearl-ui";
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/spacing" />
+<Snack snackId="@agrawal-rohit/spacer" />
 
 ## Component Properties
 

diff --git a/docs/docs/components/layout/Stack.mdx b/docs/docs/components/layout/Stack.mdx
@@ -131,7 +131,7 @@ Here are some examples of how you can use the `Stack` components in your project
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/stack-light" />
+<Snack snackId="@agrawal-rohit/stack" />
 
 ## Stack Component Properties
 

diff --git a/docs/docs/components/media/Avatar.mdx b/docs/docs/components/media/Avatar.mdx
@@ -180,7 +180,7 @@ The `Avatar` component supports a variety of style props which can be used to ov
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/avatar-light" />
+<Snack snackId="@agrawal-rohit/avatar" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/media/Icon.mdx b/docs/docs/components/media/Icon.mdx
@@ -70,7 +70,7 @@ The `Icon` component supports a variety of style props which can be used to over
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/icon-light" />
+<Snack snackId="@agrawal-rohit/icon" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/media/Image.mdx b/docs/docs/components/media/Image.mdx
@@ -228,7 +228,7 @@ The `Image` component supports a variety of style props that can be used to over
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/image-light" />
+<Snack snackId="@agrawal-rohit/image" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/media/Video.mdx b/docs/docs/components/media/Video.mdx
@@ -199,7 +199,7 @@ The `Video` component supports a variety of style props that can be used to over
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/video-light" />
+<Snack snackId="@agrawal-rohit/video" />
 
 ## Accessibility
 

diff --git a/docs/docs/components/typography/Text.mdx b/docs/docs/components/typography/Text.mdx
@@ -58,7 +58,7 @@ The `Text` component supports a wide range of style props that can be used to ov
 
 import Snack from "../../../src/components/ExpoSnack";
 
-<Snack snackId="@agrawal-rohit/text-light" />
+<Snack snackId="@agrawal-rohit/text" />
 
 ## Accessibility
 

diff --git a/docs/docs/overview/getting-started/installation.md b/docs/docs/overview/getting-started/installation.md
@@ -38,8 +38,26 @@ yarn add pearl-ui
 </TabItem>
 </Tabs>
 
+## Add the reanimated plugin in the babel configuration
+
+To add the reanimated plugin, modify your `babel.config.js` file as follows:
+
+```jsx
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ["babel-preset-expo"],
+    plugins: ["react-native-reanimated/plugin"],
+  };
+};
+```
+
 ## Setting up Pearl UI
 
+:::info
+For optimal performance, we recommend using the **"hermes"** JavaScript engine. You may encounter issues with the "jsc" engine.
+:::
+
 To get started with Pearl UI, you need to set up the theme provider and load the required fonts. This guide will walk you through the process.
 
 ### Setting up the Theme Provider

diff --git a/package.json b/package.json
@@ -146,10 +146,11 @@
           "dist/**/*.{js,ts}",
           "package.json",
           "package-lock.json",
+          "yarn.lock",
           "CHANGELOG.md"
         ],
         "message": "chore(release): ${nextRelease.version} [skip ci]nn${nextRelease.notes}"
       }
     ]
   }
-}
+}
diff --git a/src/theme/index.ts b/src/theme/index.ts
@@ -9,5 +9,4 @@ export { baseTheme, extendTheme } from "./src/base/index";
 export { generatePalette } from "./utils/utils";
 
 // Types
-export type * from "./src/types";
-export type * from "./src/style-functions";
+export * from "./src/types";