From 20e8b05193b2dc6e8ee448fd4e065c5b02c3fa4e Mon Sep 17 00:00:00 2001
From: HyeongKyeom Kim <97586683+Brokyeom@users.noreply.github.com>
Date: Tue, 29 Oct 2024 02:58:03 +0900
Subject: [PATCH] =?UTF-8?q?docs:=20Storybook=20Introduction=20=EB=AC=B8?=
=?UTF-8?q?=EC=84=9C=20=EC=B6=94=EA=B0=80=20(#193)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* docs: write Introduction.
* cs
* fix
---
.changeset/popular-keys-share.md | 5 +++
apps/docs/src/stories/Configure.mdx | 53 ++++++++++++++++++++++++++---
2 files changed, 53 insertions(+), 5 deletions(-)
create mode 100644 .changeset/popular-keys-share.md
diff --git a/.changeset/popular-keys-share.md b/.changeset/popular-keys-share.md
new file mode 100644
index 0000000..0c351c9
--- /dev/null
+++ b/.changeset/popular-keys-share.md
@@ -0,0 +1,5 @@
+---
+'docs': patch
+---
+
+write Introduction
diff --git a/apps/docs/src/stories/Configure.mdx b/apps/docs/src/stories/Configure.mdx
index 2cfa156..f8a4482 100644
--- a/apps/docs/src/stories/Configure.mdx
+++ b/apps/docs/src/stories/Configure.mdx
@@ -1,8 +1,51 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from '@storybook/blocks';
-
+
-SOPT MAKERS Design System
+# makers design system (mds)
-
+### The Design System for SOPT makers
+
+> makers design system(mds) is a design system created to support the goals of approximately 50 members across 5 teams
+
+
+
+
+## Links
+
+[Github](https://github.com/sopt-makers/makers-design-system) / [npm](https://www.npmjs.com/search?q=%40sopt-makers)
+
+## Packages(npm)
+
+- [@sopt-makers/colors](https://www.npmjs.com/package/@sopt-makers/colors)
+- [@sopt-makers/icon](https://www.npmjs.com/package/@sopt-makers/icons)
+- [@sopt-makers/fonts](https://www.npmjs.com/package/@sopt-makers/fonts)
+- [@sopt-makers/ui](https://www.npmjs.com/package/@sopt-makers/ui)
+
+## Components(ui)
+
+- [Button](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-button--docs)
+- [Callout](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-button--docs)
+- Control
+ - [Checkbox](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-control-checkbox--docs)
+ - [Radio](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-control-radio--docs)
+ - [Toggle](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-control-toggle--docs)
+- [Chip](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-chip--docs)
+- [Dialog](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-dialog--docs)
+- [FieldBox](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-fieldbox--docs)
+- Input
+ - [SearchField](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-searchfield--docs)
+ - [Select(V2)](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-selectv2-withtriggercontent--docs)
+ - [TextArea](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-textarea--docs)
+ - [TextField](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-textfield--docs)
+ - [UserMention](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-input-usermention--docs)
+- [Skeleton](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-skeleton--docs)
+- [Tab](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-tab--docs)
+- [Tag](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-tag--docs)
+- [Toast](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/docs/components-toast--docs)
+
+## Design Tokens and Icons
+
+### [Colors](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/story/colors-colors--default) / [Fonts](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/story/fonts-fonts--default) / [Icons](https://main--6571c88390d085ed7efcce84.chromatic.com/?path=/story/icons-icons--default)
+
+