From 0d4ec1e433753868eb373262339741e90498af00 Mon Sep 17 00:00:00 2001
From: Minsu Kim <alstn2468_@naver.com>
Date: Sun, 28 Jan 2024 17:53:55 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20Icon=EC=9D=84=20=EB=92=A4=EC=97=90=20?=
 =?UTF-8?q?=EB=B6=99=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/preview/src/App.tsx            | 74 ++++++++++++++---------------
 packages/ui/src/components/index.ts | 47 +++++++++++++++++-
 2 files changed, 82 insertions(+), 39 deletions(-)

diff --git a/apps/preview/src/App.tsx b/apps/preview/src/App.tsx
index c1da9b82..db61460b 100644
--- a/apps/preview/src/App.tsx
+++ b/apps/preview/src/App.tsx
@@ -1,24 +1,24 @@
 import { Badge, Button, TextButton, ThemeProvider, Icon } from '@boolti/ui';
 import {
-  Apple,
-  ArrowLeft,
-  ArrowRight,
-  Calendar,
-  ChevronLeft,
-  ChevronRight,
-  Clock,
-  Close,
-  Edit,
-  Github,
-  Instagram,
-  Kakaotalk,
-  Plus,
-  Search,
-  Ticket,
-  UpDown,
-  Users,
-  Wallet,
-} from '@boolti/ui/src/components/Icon';
+  AppleIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  CalendarIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ClockIcon,
+  CloseIcon,
+  EditIcon,
+  GithubIcon,
+  InstagramIcon,
+  KakaotalkIcon,
+  PlusIcon,
+  SearchIcon,
+  TicketIcon,
+  UpDownIcon,
+  UsersIcon,
+  WalletIcon,
+} from '@boolti/ui';
 
 const App = () => {
   return (
@@ -219,24 +219,24 @@ const App = () => {
           <Badge colorTheme="grey">공연 종료</Badge>
         </div>
         <div style={{ color: 'blue' }}>
-          <Apple size={20} /> <Apple size={24} />
-          <Github size={20} /> <Github size={24} />
-          <Instagram size={20} /> <Instagram size={24} />
-          <Kakaotalk size={20} /> <Kakaotalk size={24} />
-          <Ticket size={20} /> <Ticket size={24} />
-          <Wallet size={20} /> <Wallet size={24} />
-          <Users size={20} /> <Users size={24} />
-          <Edit size={20} /> <Edit size={24} />
-          <Calendar size={20} /> <Calendar size={24} />
-          <Clock size={20} /> <Clock size={24} />
-          <Search size={20} /> <Search size={24} />
-          <UpDown size={20} /> <UpDown size={24} />
-          <ChevronRight size={20} /> <ChevronRight size={24} />
-          <ChevronLeft size={20} /> <ChevronLeft size={24} />
-          <ArrowLeft size={20} /> <ArrowLeft size={24} />
-          <ArrowRight size={20} /> <ArrowRight size={24} />
-          <Plus size={20} /> <Plus size={24} />
-          <Close size={20} /> <Close size={24} />
+          <AppleIcon size={20} /> <AppleIcon size={24} />
+          <GithubIcon size={20} /> <GithubIcon size={24} />
+          <InstagramIcon size={20} /> <InstagramIcon size={24} />
+          <KakaotalkIcon size={20} /> <KakaotalkIcon size={24} />
+          <TicketIcon size={20} /> <TicketIcon size={24} />
+          <WalletIcon size={20} /> <WalletIcon size={24} />
+          <UsersIcon size={20} /> <UsersIcon size={24} />
+          <EditIcon size={20} /> <EditIcon size={24} />
+          <CalendarIcon size={20} /> <CalendarIcon size={24} />
+          <ClockIcon size={20} /> <ClockIcon size={24} />
+          <SearchIcon size={20} /> <SearchIcon size={24} />
+          <UpDownIcon size={20} /> <UpDownIcon size={24} />
+          <ChevronRightIcon size={20} /> <ChevronRightIcon size={24} />
+          <ChevronLeftIcon size={20} /> <ChevronLeftIcon size={24} />
+          <ArrowLeftIcon size={20} /> <ArrowLeftIcon size={24} />
+          <ArrowRightIcon size={20} /> <ArrowRightIcon size={24} />
+          <PlusIcon size={20} /> <PlusIcon size={24} />
+          <CloseIcon size={20} /> <Close size={24} />
         </div>
       </h1>
     </ThemeProvider>
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index 73959202..d11717b2 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -2,6 +2,49 @@ import ThemeProvider from './ThemeProvider';
 import Button from './Button';
 import TextButton from './TextButton';
 import Badge from './Badge';
-import Icon from './Icon';
+import Icon, {
+  Apple,
+  Github,
+  Instagram,
+  Kakaotalk,
+  Ticket,
+  Wallet,
+  Users,
+  Edit,
+  Calendar,
+  Clock,
+  Search,
+  UpDown,
+  ChevronRight,
+  ChevronLeft,
+  ArrowLeft,
+  ArrowRight,
+  Plus,
+  Close,
+} from './Icon';
 
-export { ThemeProvider, Button, TextButton, Badge, Icon };
+export {
+  ThemeProvider,
+  Button,
+  TextButton,
+  Badge,
+  Icon,
+  Apple as AppleIcon,
+  Github as GithubIcon,
+  Instagram as InstagramIcon,
+  Kakaotalk as KakaotalkIcon,
+  Ticket as TicketIcon,
+  Wallet as WalletIcon,
+  Users as UsersIcon,
+  Edit as EditIcon,
+  Calendar as CalendarIcon,
+  Clock as ClockIcon,
+  Search as SearchIcon,
+  UpDown as UpDownIcon,
+  ChevronRight as ChevronRightIcon,
+  ChevronLeft as ChevronLeftIcon,
+  ArrowLeft as ArrowLeftIcon,
+  ArrowRight as ArrowRightIcon,
+  Plus as PlusIcon,
+  Close as CloseIcon,
+};