feat(framework): chakra ui

Author: Jonathangarrido

.cssrem

@@ -0,0 +1,4 @@
+{
+  "rootFontSize": 16,
+  "fixedDigits": 3
+}

.storybook/eClassTheme.js renamed to .storybook/eClassTheme.ts

@@ -1,13 +1,14 @@
 module.exports = {
-  stories: [
-    '../src/**/*.stories.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx)'
-  ],
+  stories: ['../src/**/*.stories.@(ts|tsx|mdx)'],
   addons: [
+    '@storybook/addon-docs',
     '@storybook/addon-links',
     '@storybook/addon-essentials'
   ],
   core: {
     builder: 'storybook-builder-vite',
   },
+  typescript: {
+    check: true
+  }
 }

.storybook/main.js renamed to .storybook/main.ts

@@ -0,0 +1,23 @@
+
+import React from 'react'
+// import {addDecorator} from '@storybook/react'
+// import {ChakraProvider, CSSReset} from '@chakra-ui/react'
+
+// import {theme} from '../src/theme'
+
+// addDecorator(storyFn => (
+//   <ChakraProvider theme={theme}>
+//     <CSSReset />
+//     {storyFn()}
+//   </ChakraProvider>
+// ))
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}