[DPCP-1] Release design system 0.0.1 (#1)

* ar(colors) temp colors

* ar(lint)

* ar(npm) opt dep

.eslintrc

@@ -0,0 +1,53 @@
+{
+  "env": {
+    "jest": true,
+    "browser": true
+  },
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "react"],
+  "settings": {
+    "react": {
+      "version": "detect"
+    },
+    "import/resolver": {
+      "node": {
+        "extensions": [".js", ".jsx", ".ts", ".tsx"],
+        "moduleDirectory": ["node_modules", "src/"]
+      }
+  },
+  },
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "prettier",
+    "plugin:prettier/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:storybook/recommended",
+    "airbnb"
+  ],
+  "rules": {
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "react/require-default-props": "off",
+    "react/react-in-jsx-scope": "off",
+    "import/no-extraneous-dependencies": "off",
+    "import/no-unresolved": "off",
+    "import/extensions": "off",
+    "react/jsx-filename-extension": [1,
+        {
+          "extensions": [
+            ".tsx"
+          ]
+        }
+    ],
+    "react/function-component-definition": [2, { "namedComponents": "function-expression" }]
+  },
+}

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "singleQuote": true
+}

package.json

@@ -86,5 +86,8 @@
     "react-dom": "^18.2.0",
     "tailwind": "^4.0.0"
   },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "4.9.5"
+  },
   "snyk": true
 }

tailwind.config.js

@@ -9,16 +9,16 @@ export default {
   theme: {
     colors: {
       primary: {
-        light: '#123456',
-        dark: '#654321',
+        light: '#2962FF',
+        dark: '#82B1FF',
       },
       secondary: {
-        light: '#567890',
-        dark: '#098765',
+        light: '#558B2F',
+        dark: '#AED581',
       },
       outro: {
-        light: '#345678',
-        dark: '#876543',
+        light: '#FF7043',
+        dark: '#FFAB91',
       },
       body: {
         light: '#2A2A2A',