feat: initial commit

Author: fakundo

.eslintrc

@@ -0,0 +1,16 @@
+{
+  "extends": ["airbnb", "airbnb-typescript", "prettier"],
+  "plugins": ["prettier", "storybook"],
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "react/no-children-prop": 0,
+    "react/react-in-jsx-scope": 0,
+    "react/require-default-props": 0,
+    "import/prefer-default-export": 0,
+    "react/jsx-props-no-spreading": 0,
+    "import/no-extraneous-dependencies": 0,
+    "jsx-a11y/label-has-associated-control": 0
+  }
+}

.github/workflows/build-deploy-docs.yml

@@ -0,0 +1,23 @@
+name: Build docs
+on:
+  push:
+    branches:
+      - master
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/[email protected]
+
+      - name: Install and build docs 🔧
+        run: |
+          yarn
+          yarn run lint
+          yarn run docs
+
+      - name: Deploy 🚀
+        uses: JamesIves/[email protected]
+        with:
+          branch: gh-pages
+          folder: docs

.github/workflows/publish.yml

@@ -0,0 +1,19 @@
+name: Publish to Npm
+on:
+  push:
+    branches:
+      - master
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/[email protected]
+
+      - name: Install 🔧
+        run: yarn
+
+      - name: Publish 🚀
+        uses: JS-DevTools/npm-publish@v1
+        with:
+          token: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -0,0 +1,46 @@
+dist
+docs
+*storybook.log
+
+# Yarn #
+#################
+.yarn/*
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+
+# Node specific #
+#################
+*.tgz
+.node_repl_history
+pids
+*.pid
+*.seed
+*.pid.lock
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.yarn-integrity
+node_modules
+
+# IDE generated files #
+#######################
+.idea
+.settings
+.vscode
+*.sublime-*
+
+# OS generated files #
+######################
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+Icon?
+ehthumbs.db
+Thumbs.db
+Desktop.ini

.husky/commit-msg

@@ -0,0 +1 @@
+npx --no -- commitlint --edit "$1"

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 110,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "endOfLine": "auto",
+  "semi": true,
+  "parser": "typescript"
+}

.storybook/main.ts

@@ -0,0 +1,27 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+const config: StorybookConfig = {
+  stories: ['../stories/**/*.mdx', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: ['@storybook/addon-controls', '@storybook/addon-actions', '@storybook/addon-docs'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  core: {
+    disableTelemetry: true,
+    enableCrashReports: false,
+    disableWhatsNewNotifications: true,
+  },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+  viteFinal: async config => {
+    const { mergeConfig } = await import('vite');
+    return mergeConfig(config, {
+      plugins: [tsconfigPaths()],
+    });
+  },
+};
+
+export default config;

.storybook/manager.ts

@@ -0,0 +1,7 @@
+import { addons } from '@storybook/manager-api';
+import theme from './theme';
+
+addons.setConfig({
+  theme: theme,
+  showToolbar: false,
+});

.storybook/preview.css

@@ -0,0 +1,7 @@
+#storybook-root, .sb-story {
+  color: #C9CDCF;
+}
+button {
+  color: #1B1C1D;
+  background-color: #C9CDCF;
+}

.storybook/preview.ts

@@ -0,0 +1,27 @@
+import type { Preview } from '@storybook/react';
+import theme from './theme';
+import './preview.css';
+
+const preview: Preview = {
+  parameters: {
+    docs: {
+      theme: theme,
+    },
+    darkMode: {
+      current: 'dark',
+    },
+    options: {
+      storySort: {
+        order: [
+          'Intro',
+          'Examples',
+          ['Basic Transition', 'Fade Transition', ['Inline Styles']],
+          'Components',
+          ['Transition', 'StyleTransition', 'CSSTransition'],
+        ],
+      },
+    },
+  },
+};
+
+export default preview;