Merge pull request #398 from gluestack/release/@gluestack-style/react…

…@0.2.30 Release/@gluestack style/[email protected]
gluestack · Sep 6, 2023 · 6476e78 · 6476e78
2 parents df4cfb1 + d6c5fe9
commit 6476e78
Show file tree

Hide file tree

Showing 10 changed files with 192 additions and 175 deletions.
diff --git a/example/storybook/src/api/DescendantsStyles/ContextBasedStyles.tsx b/example/storybook/src/api/DescendantsStyles/ContextBasedStyles.tsx
@@ -24,6 +24,7 @@ const Pressable = styled(
   {
     bg: '$red500',
     p: '$2',
+
     // 'bg': '$red600',
     // 'w': 100,
     // 'h': 100,

diff --git a/example/ui-examples-babel/babel.config.js b/example/ui-examples-babel/babel.config.js
@@ -11,18 +11,22 @@ module.exports = function (api) {
         {
           configPath: path.join(__dirname, './gluestack-ui.config.ts'),
           configThemePath: ['theme'],
-          components: [path.join(__dirname, './gluestack-components')],
+          styled: [
+            '@gluestack-style/react',
+            path.resolve(__dirname, './gluestack-ui-components/core/styled'),
+          ],
+          components: ['@gluesatck-ui/themed'],
         },
       ],
       [
         'module-resolver',
         {
           alias: {
             // For development, we want to alias the library to the source
-            ['@gluestack-style/react']: path.join(
-              __dirname,
-              '../../packages/react/src'
-            ),
+            // ['@gluestack-style/react']: path.join(
+            //   __dirname,
+            //   '../../packages/react/src'
+            // ),
             // ['@gluestack-style/animation-plugin']: path.join(
             //   __dirname,
             //   '../../packages/animation-plugin/src'

diff --git a/packages/animation-plugin/package.json b/packages/animation-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-style/animation-plugin",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "A gluestack-style plugin for animation properties, utilizing animation libraries.",
   "keywords": [
     "react",

diff --git a/packages/animation-plugin/src/index.tsx b/packages/animation-plugin/src/index.tsx
@@ -267,6 +267,8 @@ export class AnimationResolver implements IStyledPlugin {
     //@ts-ignore
     Component.styled.config = styledConfig;
 
+    //@ts-ignore
+    Component.isStyledComponent = true;
     Component.displayName = 'StyledComponent';
 
     return Component;