Fix invalid hooks (#112)

Author: deeved-hiuston-brisa

package.json

@@ -40,6 +40,7 @@
     "@commitlint/cli": "^17.4.2",
     "@commitlint/config-conventional": "^17.4.2",
     "@commitlint/cz-commitlint": "^17.4.2",
+    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-terser": "^0.4.0",
@@ -104,7 +105,7 @@
     }
   },
   "dependencies": {
-    "@stitches/react": "^1.2.8", 
+    "@stitches/react": "^1.2.8",
     "dompurify": "^2.4.3"
   }
 }

rollup.config.mjs

@@ -4,6 +4,7 @@ import typescript from '@rollup/plugin-typescript';
 import dts from 'rollup-plugin-dts';
 import postcss from 'rollup-plugin-postcss';
 import terser from '@rollup/plugin-terser';
+import babel from '@rollup/plugin-babel';
 
 import packageJson from './package.json' assert { type: 'json' };
 
@@ -22,8 +23,13 @@ export default [
         sourcemap: true,
       },
     ],
+    external: ['react'],
     plugins: [
       resolve(),
+      babel({
+        exclude: 'node_modules/**',
+        babelHelpers: 'runtime',
+      }),
       commonjs(),
       typescript({ tsconfig: './tsconfig.json' }),
       postcss(),

src/stories/typhography/body.stories.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
 
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { IonBody, IonBodyProps } from '../../components/typhography';
+import { IonBody } from '../../components/typhography';
+import { IonBodyInterface } from '../../components/typhography/typhography.types';
 
 export default {
   title: 'Ion/Design Tokens/Typhopraphy/Body',
   component: IonBody,
 } as ComponentMeta<typeof IonBody>;
 
-const Template: ComponentStory<typeof IonBody> = (args: IonBodyProps) => (
+const Template: ComponentStory<typeof IonBody> = (args: IonBodyInterface) => (
   <IonBody {...args} />
 );
 
@@ -50,19 +51,19 @@ export const IonBodyColorSecondary = Template.bind({});
 IonBodyColorSecondary.storyName = 'Color: Secondary';
 IonBodyColorSecondary.args = {
   label: 'Ion React',
-  color: 'secondary',
+  colorScheme: 'secondary',
 };
 
 export const IonBodyColordarkPrimary = Template.bind({});
 IonBodyColordarkPrimary.storyName = 'Color: dark-primary';
 IonBodyColordarkPrimary.args = {
   label: 'Ion React',
-  color: 'dark-primary',
+  colorScheme: 'dark-primary',
 };
 
 export const IonBodyColordarkSecondary = Template.bind({});
 IonBodyColordarkSecondary.storyName = 'Color: dark-secondary';
 IonBodyColordarkSecondary.args = {
   label: 'Ion React',
-  color: 'dark-secondary',
+  colorScheme: 'dark-secondary',
 };

src/stories/typhography/heading.stories.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
 
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-import { IonHeading, IonHeadingProps } from '../../components/typhography';
+import IonHeading from '../../components/typhography/heading/heading';
+import { IonHeadingInterface } from '../../components/typhography/typhography.types';
 
 export default {
   title: 'Ion/Design Tokens/Typhopraphy/Heading',
   component: IonHeading,
 } as ComponentMeta<typeof IonHeading>;
 
-const Template: ComponentStory<typeof IonHeading> = (args: IonHeadingProps) => (
-  <IonHeading {...args} />
-);
+const Template: ComponentStory<typeof IonHeading> = (
+  args: IonHeadingInterface
+) => <IonHeading {...args} />;
 
 export const IonHeadingDefault = Template.bind({});
 IonHeadingDefault.storyName = 'Heading: default';

tsconfig.json

@@ -13,7 +13,8 @@
     "outDir": "dist",
     "moduleResolution": "node",
     "allowSyntheticDefaultImports": true,
-    "emitDeclarationOnly": true,
-    "rootDir": "src"
-  }
+    "emitDeclarationOnly": true
+  },
+  "include": ["src"],
+  "exclude": ["src/stories"]
 }

yarn.lock

@@ -1846,6 +1846,14 @@
     schema-utils "^3.0.0"
     source-map "^0.7.3"
 
+"@rollup/plugin-babel@^6.0.3":
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-6.0.3.tgz#07ccde15de278c581673034ad6accdb4a153dfeb"
+  integrity sha512-fKImZKppa1A/gX73eg4JGo+8kQr/q1HBQaCGKECZ0v4YBBv3lFqi14+7xyApECzvkLTHCifx+7ntcrvtBIRcpg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.18.6"
+    "@rollup/pluginutils" "^5.0.1"
+
 "@rollup/plugin-commonjs@^24.0.1":
   version "24.0.1"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-commonjs/-/plugin-commonjs-24.0.1.tgz#d54ba26a3e3c495dc332bd27a81f7e9e2df46f90"