v0.1.0

.editorconfig

@@ -0,0 +1,13 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+end_of_line = lf
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  "extends": "@channel.io/eslint-config",
+  rules: {
+    'no-restricted-imports': 'off',
+    'no-restricted-modules': 'off',
+  },
+};

.github/ISSUE_TEMPLATE/bug.md

@@ -0,0 +1,17 @@
+---
+name: 버그 리포트
+about: Suggest an idea for this project
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+# 현재상황
+## 재현 방법
+
+## 기대한 동작
+
+## 실제 동작
+
+# Reference

.github/ISSUE_TEMPLATE/features.md

@@ -0,0 +1,16 @@
+---
+name: 기능 개선 및 추가
+about: Suggest an idea for this project
+title: ''
+labels: feature
+assignees: ''
+
+---
+
+## 현재 상황
+
+## 문제점
+
+## 어떻게 개선할 수 있는지
+
+# Reference

.github/pull_request_template.md

@@ -0,0 +1,26 @@
+# Description
+변경사항 개요를 작성해주세요. Github 이슈, Notion 등 연관 문서가 있다면 첨부해주세요.
+
+## Changes Detail
+* 변경1 세부사항
+* 변경2 세부사항
+
+# Tests
+- [ ] Jest 테스트 코드 작성 완료
+- [ ] Storybook 작성 완료
+
+## Browser Compatibility
+OS / Engine 호환성을 반드시 확인해주세요.
+### Windows
+- [ ] Chrome - Blink
+- [ ] Edge - Blink
+- [ ] Firefox - Gecko (Option)
+### macOS
+- [ ] Chrome - Blink
+- [ ] Edge - Blink
+- [ ] Safari - WebKit
+- [ ] Firefox - Gecko (Option)
+
+# (Option) Issues
+(연관된 PR이나 Task / 특정 시점까지 머지하면 안됨 / 번역 추가 필요 / ...)
+* 이슈 없음.

.nvmrc

@@ -0,0 +1 @@
+v12.18.0

.storybook/main.js

@@ -1,24 +1,29 @@
-const path = require("path")
+const path = require('path')
 
 module.exports = {
-  stories: ["../src/**/*.stories.tsx"],
-  addons: [],
+  stories: [
+    '../src/**/*.stories.tsx',
+  ],
+  addons: [
+    '@storybook/addon-actions/register',
+    '@storybook/addon-knobs/register',
+  ],
   webpackFinal: async (config) => {
     config.module.rules.push({
       test: /\.scss$/,
-      use: ["style-loader", "css-loader", "sass-loader"],
-      include: path.resolve(__dirname, "../"),
+      use: ['style-loader', 'css-loader', 'sass-loader'],
+      include: path.resolve(__dirname, '../'),
     })
 
     config.module.rules.push({
       test: /\.(ts|tsx)$/,
-      loader: require.resolve("babel-loader"),
+      loader: require.resolve('babel-loader'),
       options: {
-        presets: [["react-app", { flow: false, typescript: true }]],
+        presets: [['react-app', { flow: false, typescript: true }]],
       },
     })
 
-    config.resolve.extensions.push(".ts", ".tsx")
+    config.resolve.extensions.push('.ts', '.tsx')
 
     return config
   }

.storybook/preview-head.html

@@ -0,0 +1,6 @@
+<style type="text/css">
+  body {
+    margin: 0;
+    padding: 0;
+  }
+</style>

.stylelintrc

@@ -0,0 +1,3 @@
+{
+  "extends": ["@channel.io/stylelint-config"]
+}

README.md

@@ -0,0 +1,7 @@
+# Design system
+React Component library from Channel.io
+
+## Install
+```
+> npm i @channel.io/design-system
+```