From dd4ab2db5be2f3ed8c42194db4ae87d4a479745c Mon Sep 17 00:00:00 2001
From: sohee <soheek@fairsquarelab.com>
Date: Mon, 27 May 2024 11:27:49 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20storybook=EC=97=90=20ui=20css=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/docs/.storybook/preview.ts | 11 +++---
 apps/docs/stories/page.css      | 69 ---------------------------------
 2 files changed, 6 insertions(+), 74 deletions(-)
 delete mode 100644 apps/docs/stories/page.css

diff --git a/apps/docs/.storybook/preview.ts b/apps/docs/.storybook/preview.ts
index ecf419b..2496ab0 100644
--- a/apps/docs/.storybook/preview.ts
+++ b/apps/docs/.storybook/preview.ts
@@ -1,6 +1,7 @@
 import type { Preview } from "@storybook/react";
 
-import '../src/index.css';
+import "../src/index.css";
+import "@sopt-makers/ui/dist/index.css";
 
 const preview: Preview = {
   parameters: {
@@ -11,12 +12,12 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
-    layout: 'centered',
+    layout: "centered",
     backgrounds: {
-      default: 'dark', // 기본 배경을 'dark'로 설정
+      default: "dark", // 기본 배경을 'dark'로 설정
       values: [
-        { name: 'dark', value: "#0F1012" }, // 'dark' 배경의 색상을 검정색으로 지정
-        { name: 'white', value: '#ffffff' }
+        { name: "dark", value: "#0F1012" }, // 'dark' 배경의 색상을 검정색으로 지정
+        { name: "white", value: "#ffffff" },
       ],
     },
   },
diff --git a/apps/docs/stories/page.css b/apps/docs/stories/page.css
deleted file mode 100644
index 098dad1..0000000
--- a/apps/docs/stories/page.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.storybook-page {
-  font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 24px;
-  padding: 48px 20px;
-  margin: 0 auto;
-  max-width: 600px;
-  color: #333;
-}
-
-.storybook-page h2 {
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 1;
-  margin: 0 0 4px;
-  display: inline-block;
-  vertical-align: top;
-}
-
-.storybook-page p {
-  margin: 1em 0;
-}
-
-.storybook-page a {
-  text-decoration: none;
-  color: #1ea7fd;
-}
-
-.storybook-page ul {
-  padding-left: 30px;
-  margin: 1em 0;
-}
-
-.storybook-page li {
-  margin-bottom: 8px;
-}
-
-.storybook-page .tip {
-  display: inline-block;
-  border-radius: 1em;
-  font-size: 11px;
-  line-height: 12px;
-  font-weight: 700;
-  background: #e7fdd8;
-  color: #66bf3c;
-  padding: 4px 12px;
-  margin-right: 10px;
-  vertical-align: top;
-}
-
-.storybook-page .tip-wrapper {
-  font-size: 13px;
-  line-height: 20px;
-  margin-top: 40px;
-  margin-bottom: 40px;
-}
-
-.storybook-page .tip-wrapper svg {
-  display: inline-block;
-  height: 12px;
-  width: 12px;
-  margin-right: 4px;
-  vertical-align: top;
-  margin-top: 3px;
-}
-
-.storybook-page .tip-wrapper svg path {
-  fill: #1ea7fd;
-}