From 62a2c3e41c6f012ee6d945d2f73e21f6f777f53d Mon Sep 17 00:00:00 2001
From: Minsu Kim <alstn2468_@naver.com>
Date: Thu, 15 Feb 2024 00:10:27 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EA=B0=A4?=
 =?UTF-8?q?=EB=9F=AC=EB=A6=AC=20=EA=B0=84=EA=B2=B0=ED=99=94=20(#54)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/storybook/stories/Icon.stories.mdx | 276 +-----------------------
 1 file changed, 7 insertions(+), 269 deletions(-)

diff --git a/apps/storybook/stories/Icon.stories.mdx b/apps/storybook/stories/Icon.stories.mdx
index a13cc2f0..b6721430 100644
--- a/apps/storybook/stories/Icon.stories.mdx
+++ b/apps/storybook/stories/Icon.stories.mdx
@@ -1,280 +1,18 @@
 import { Meta, IconGallery, IconItem } from '@storybook/blocks';
 
-import { palette } from '@boolti/ui'
-import {
-  AppleIcon,
-  ArrowLeftIcon,
-  ArrowRightIcon,
-  CalendarIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ClockIcon,
-  CloseIcon,
-  EditIcon,
-  GithubIcon,
-  InstagramIcon,
-  KakaotalkIcon,
-  PlusIcon,
-  SearchIcon,
-  TicketIcon,
-  UpDownIcon,
-  ClearIcon,
-  UsersIcon,
-  WalletIcon,
-  BNK,
-  BNP,
-  BoA,
-  CB,
-  CU,
-  ChinaCB,
-  Citi,
-  DGB,
-  Deutsche,
-  EPost,
-  HSBC,
-  Hana,
-  IBK,
-  ICBC,
-  JPMorgan,
-  K,
-  KB,
-  KDB,
-  KIS,
-  KakaoBank,
-  Kwangju,
-  MG,
-  NFCF,
-  NFF,
-  NH,
-  SB,
-  SBI,
-  SC,
-  Shinhan,
-  Toss,
-  Woori,
-} from '@boolti/icon';
+import * as Icon from '@boolti/icon';
 
 <Meta title="아이콘" />
 
-## 기본 아이콘 종류
+## 아이콘 종류
 
 > @boolti/icon 패키지 설치해 사용<br/>
 
 <IconGallery style={{ marginTop: 20 }}>
-  <IconItem name='AppleIcon'>
-    <AppleIcon />
-  </IconItem>
-  <IconItem name='GithubIcon'>
-    <GithubIcon />
-  </IconItem>
-  <IconItem name='InstagramIcon'>
-    <InstagramIcon />
-  </IconItem>
-  <IconItem name='KakaotalkIcon'>
-    <KakaotalkIcon />
-  </IconItem>
-  <IconItem name='TicketIcon'>
-    <TicketIcon />
-  </IconItem>
-  <IconItem name='WalletIcon'>
-    <WalletIcon />
-  </IconItem>
-  <IconItem name='ClearIcon'>
-    <ClearIcon />
-  </IconItem>
-  <IconItem name='UsersIcon'>
-    <UsersIcon />
-  </IconItem>
-  <IconItem name='EditIcon'>
-    <EditIcon />
-  </IconItem>
-  <IconItem name='CalendarIcon'>
-    <CalendarIcon />
-  </IconItem>
-  <IconItem name='ClockIcon'>
-    <ClockIcon />
-  </IconItem>
-  <IconItem name='SearchIcon'>
-    <SearchIcon />
-  </IconItem>
-  <IconItem name='DownIcon'>
-    <UpDownIcon />
-  </IconItem>
-  <IconItem name='RightIcon'>
-    <ChevronRightIcon />
-  </IconItem>
-  <IconItem name='LeftIcon'>
-    <ChevronLeftIcon />
-  </IconItem>
-  <IconItem name='LeftIcon'>
-    <ArrowLeftIcon />
-  </IconItem>
-  <IconItem name='RightIcon'>
-    <ArrowRightIcon />
-  </IconItem>
-  <IconItem name='PlusIcon'>
-    <PlusIcon />
-  </IconItem>
-  <IconItem name='CloseIcon'>
-    <CloseIcon />
-  </IconItem>
+  {Object.entries(Icon).map(([key, Comp]) => (
+    <IconItem name={key}>
+      <Comp />
+    </IconItem>
+  ))}
 </IconGallery>
 
-## 은행 아이콘
-
-<IconGallery style={{ marginTop: 20 }}>
-  <IconItem name='BNK (경남, 부산)'>
-    <BNK />
-  </IconItem>
-  <IconItem name='BNP (파라바)'>
-    <BNP />
-  </IconItem>
-  <IconItem name='BoA (뱅크오브아메리카)'>
-    <BoA />
-  </IconItem>
-  <IconItem name='CB (중국)'>
-    <CB />
-  </IconItem>
-  <IconItem name='CU (신협)'>
-    <CU />
-  </IconItem>
-  <IconItem name='ChinaCB (중국건설)'>
-    <ChinaCB />
-  </IconItem>
-  <IconItem name='Citi (씨티)'>
-    <Citi />
-  </IconItem>
-  <IconItem name='DGB (대구)'>
-    <DGB />
-  </IconItem>
-  <IconItem name='Deutsche (도이치)'>
-    <Deutsche />
-  </IconItem>
-  <IconItem name='EPost (우체국)'>
-    <EPost />
-  </IconItem>
-  <IconItem name='HSBC (HSBC)'>
-    <HSBC />
-  </IconItem>
-  <IconItem name='Hana (하나)'>
-    <Hana />
-  </IconItem>
-  <IconItem name='IBK (IBK기업)'>
-    <IBK />
-  </IconItem>
-  <IconItem name='ICBC (중국공상)'>
-    <ICBC />
-  </IconItem>
-  <IconItem name='JPMorgan (JP모건)'>
-    <JPMorgan />
-  </IconItem>
-  <IconItem name='K (케이)'>
-    <K />
-  </IconItem>
-  <IconItem name='KB (KB국민, KB증권)'>
-    <KB />
-  </IconItem>
-  <IconItem name='KDB (KDB산업)'>
-    <KDB />
-  </IconItem>
-  <IconItem name='KIS (한국투자)'>
-    <KIS />
-  </IconItem>
-  <IconItem name='KakaoBank (카카오뱅크)'>
-    <KakaoBank />
-  </IconItem>
-  <IconItem name='Kwangju (광주, 전북)'>
-    <Kwangju />
-  </IconItem>
-  <IconItem name='MG (새마을금고)'>
-    <MG />
-  </IconItem>
-  <IconItem name='NFCF (산림조합)'>
-    <NFCF />
-  </IconItem>
-  <IconItem name='NFF (수협)'>
-    <NFF />
-  </IconItem>
-  <IconItem name='NH (NH농협, NH투자증권)'>
-    <NH />
-  </IconItem>
-  <IconItem name='SB (저축)'>
-    <SB />
-  </IconItem>
-  <IconItem name='SBI (SBI저축)'>
-    <SBI />
-  </IconItem>
-  <IconItem name='SC (SC제일)'>
-    <SC />
-  </IconItem>
-  <IconItem name='Shinhan (신한, 제주)'>
-    <Shinhan />
-  </IconItem>
-  <IconItem name='Toss (토스뱅크, 토스증권)'>
-    <Toss />
-  </IconItem>
-  <IconItem name='Woori (우리)'>
-    <Woori />
-  </IconItem>
-</IconGallery>
-
-## 색상 변경 예시
-
-> 부모의 color를 따라 색상이 변경됨
-
-<IconGallery style={{ color: palette.primary.o1, marginTop: 20 }}>
-  <IconItem name='AppleIcon'>
-    <AppleIcon />
-  </IconItem>
-  <IconItem name='GithubIcon'>
-    <GithubIcon />
-  </IconItem>
-  <IconItem name='InstagramIcon'>
-    <InstagramIcon />
-  </IconItem>
-  <IconItem name='KakaotalkIcon'>
-    <KakaotalkIcon />
-  </IconItem>
-  <IconItem name='TicketIcon'>
-    <TicketIcon />
-  </IconItem>
-  <IconItem name='WalletIcon'>
-    <WalletIcon />
-  </IconItem>
-  <IconItem name='UsersIcon'>
-    <UsersIcon />
-  </IconItem>
-  <IconItem name='EditIcon'>
-    <EditIcon />
-  </IconItem>
-  <IconItem name='CalendarIcon'>
-    <CalendarIcon />
-  </IconItem>
-  <IconItem name='ClockIcon'>
-    <ClockIcon />
-  </IconItem>
-  <IconItem name='SearchIcon'>
-    <SearchIcon />
-  </IconItem>
-  <IconItem name='DownIcon'>
-    <UpDownIcon />
-  </IconItem>
-  <IconItem name='RightIcon'>
-    <ChevronRightIcon />
-  </IconItem>
-  <IconItem name='LeftIcon'>
-    <ChevronLeftIcon />
-  </IconItem>
-  <IconItem name='LeftIcon'>
-    <ArrowLeftIcon />
-  </IconItem>
-  <IconItem name='RightIcon'>
-    <ArrowRightIcon />
-  </IconItem>
-  <IconItem name='PlusIcon'>
-    <PlusIcon />
-  </IconItem>
-  <IconItem name='CloseIcon'>
-    <CloseIcon />
-  </IconItem>
-</IconGallery>
\ No newline at end of file