feat(button & spinner): create button & spinner components

.gitignore

@@ -0,0 +1,18 @@
+# local changelog cache (lerna-changelog)
+.changelog/
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity

.storybook/main.js

@@ -0,0 +1,16 @@
+module.exports = {
+ stories: ["../packages/**/stories/*.stories.tsx"],
+ addons: [
+ {
+ name: "@storybook/addon-postcss",
+ options: {
+ postcssLoaderOptions: {
+ implementation: require("postcss"),
+ },
+ },
+ },
+ ],
+ typescript: {
+ reactDocgen: false,
+ },
+};

.storybook/preview.js

@@ -0,0 +1,5 @@
+import "./styles.css";
+
+export const parameters = {
+ actions: { argTypesRegex: "^on[A-Z].*" },
+};

.storybook/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

babel.config.js

@@ -0,0 +1,31 @@
+const BABEL_ENV = process.env.BABEL_ENV;
+const isCommonJS = BABEL_ENV !== undefined && BABEL_ENV === "cjs";
+const isESM = BABEL_ENV !== undefined && BABEL_ENV === "esm";
+
+module.exports = function(api) {
+ api.cache(true);
+
+ const presets = [
+ [
+ "@babel/env",
+ {
+ loose: true,
+ modules: isCommonJS ? "commonjs" : false,
+ targets: {
+ esmodules: isESM ? true : undefined,
+ },
+ },
+ ],
+ "@babel/preset-typescript",
+ "@babel/preset-react",
+ ];
+
+ const plugins = [
+ ["@babel/plugin-proposal-class-properties", { loose: true }],
+ ];
+
+ return {
+ presets,
+ plugins,
+ };
+};

lerna.json

@@ -0,0 +1,16 @@
+{
+ "packages": ["packages/*", "docs"],
+ "version": "independent",
+ "npmClient": "yarn",
+ "useWorkspaces": true,
+ "registry": "https://registry.npmjs.org/",
+ "command": {
+ "version": { "exact": true },
+ "publish": {
+ "conventionalCommits": true,
+ "message": "chore(release): publish",
+ "ignoreChanges": ["**/stories/**", "**/tests/**"],
+ "allowBranch": "master"
+ }
+ }
+}

package.json

@@ -0,0 +1,60 @@
+{
+ "name": "vechaiui",
+ "private": true,
+ "version": "1.0.0",
+ "workspaces": {
+ "packages": [
+ "packages/*",
+ "docs"
+ ]
+ },
+ "description": "",
+ "main": "index.js",
+ "directories": {
+ "doc": "docs"
+ },
+ "scripts": {
+ "clean": "run-p clean:*",
+ "clean:build": "lerna run clean:build --parallel",
+ "clean:node_modules": "lerna run clean:node_modules --parallel && rimraf node_modules",
+ "prestart": "yarn && yarn bootstrap",
+ "boot": "yarn prestart && yarn build",
+ "start": "yarn build && yarn storybook",
+ "start:all": "yarn build && concurrently \"yarn docs dev\" \"yarn storybook\" ",
+ "build": "lerna run build --no-private --stream",
+ "bootstrap": "lerna bootstrap --use-workspaces",
+ "test": "echo \"Error: no test specified\" && exit 1",
+ "storybook": "start-storybook -p 6006",
+ "build-storybook": "build-storybook",
+ "release": "changeset publish",
+ "docs": "yarn workspace @vechai-ui/docs",
+ "docs:dev": "yarn docs dev",
+ "docs:start": "yarn docs start"
+ },
+ "resolutions": {
+ "**/react": "17.0.1",
+ "**/react-dom": "17.0.1"
+ },
+ "author": "pepelele",
+ "license": "MIT",
+ "devDependencies": {
+ "@babel/cli": "^7.14.5",
+ "@babel/core": "^7.14.5",
+ "@babel/plugin-proposal-class-properties": "^7.14.5",
+ "@babel/preset-env": "^7.14.5",
+ "@babel/preset-react": "^7.14.5",
+ "@babel/preset-typescript": "^7.14.5",
+ "@babel/runtime": "^7.14.5",
+ "@changesets/cli": "^2.16.0",
+ "@storybook/addon-postcss": "^2.0.0",
+ "@storybook/react": "^6.2.9",
+ "@tailwindcss/forms": "^0.3.3",
+ "autoprefixer": "^10.2.6",
+ "cross-env": "^7.0.3",
+ "lerna": "^4.0.0",
+ "postcss": "^8.3.2",
+ "rimraf": "^3.0.2",
+ "tailwindcss": "^2.1.4",
+ "typescript": "^4.3.2"
+ }
+}

packages/button/README.md

@@ -0,0 +1,11 @@
+# `button`
+
+> TODO: description
+
+## Usage
+
+```
+const button = require('button');
+
+// TODO: DEMONSTRATE API
+```