v1.0.0-alpha.1

gluestack · Oct 6, 2023 · 2c3e7a8 · 2c3e7a8
1 parent 6dc8788
commit 2c3e7a8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/example/storybook/src/api/DescendantsStyles/ContextBasedStyles.tsx b/example/storybook/src/api/DescendantsStyles/ContextBasedStyles.tsx
@@ -121,20 +121,19 @@ export function ContextBasedStyles() {
   return (
     <Wrapper colorMode="dark">
       {/* <StyledIcon as={CameraIcon} /> */}
-      <Text1
-        data-style="hell"
+      {/* <Text1
+        // data-style="hell"
         sx={{
           color: '$red500',
         }}
       >
         vdkbkdfbv
-      </Text1>
+      </Text1> */}
       <MyLink
         href={'/'}
         sx={{
           color: '$red500',
         }}
-        data-style="kkkk"
       >
         next link
       </MyLink>

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@gluestack-style/react",
   "description": "A universal & performant styling library for React Native, Next.js & React",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "keywords": [
     "React Native",
     "Next.js",

diff --git a/packages/react/src/generateStylePropsFromCSSIds.ts b/packages/react/src/generateStylePropsFromCSSIds.ts
@@ -170,11 +170,13 @@ export function generateStylePropsFromCSSIds(
   }
 
   Object.assign(props, {
-    style: propsStyles ? [...styleObj, ...propsStyles] : styleObj,
-    dataSet: {
+    'style': propsStyles ? [...styleObj, ...propsStyles] : styleObj,
+    'dataSet': {
       ...props?.dataSet,
       style: getDataStyle(props, styleCSSIdsString),
     },
+    // DONOT REMOVE THIS LINE, THIS IS FOR SPECIFIC COMPONENTS LIKE next/link
+    'data-style': getDataStyle(props, styleCSSIdsString),
   });
   return props;
 }