ADCIO-4763) fix: add icon prefix to icon svg file (#114)

* fix: add icon prefix to icon svg file

* release: release v0.0.30

---------

Co-authored-by: dev-redo <mis05041@naver.com>

package.json

@@ -3,7 +3,7 @@
   "author": "Corca <contact@corca.ai>",
   "description": "Design System for Corca, Inc.",
   "private": false,
-  "version": "0.0.29",
+  "version": "0.0.30",
   "packageManager": "pnpm@8.15.4",
   "type": "module",
   "exports": {

src/icon/generated-default/CancleLarge.tsx → src/icon/generated-default/IconCancelLarge.tsx

@@ -1,10 +1,10 @@
 import type { SVGProps } from 'react';
 import { Ref, forwardRef } from 'react';
 import type { IconProps } from '../share/props';
-const IconCancleLarge = (
+const IconCancelLarge = (
   {
-    title = 'IconCancleLarge',
-    titleId = 'CDS-IconCancleLargeIcon',
+    title = 'IconCancelLarge',
+    titleId = 'CDS-IconCancelLargeIcon',
     size = 20,
     color = '#363738',
     ...props
@@ -28,5 +28,5 @@ const IconCancleLarge = (
     />
   </svg>
 );
-const ForwardRef = forwardRef(IconCancleLarge);
-export { ForwardRef as IconCancleLarge };
+const ForwardRef = forwardRef(IconCancelLarge);
+export { ForwardRef as IconCancelLarge };

src/icon/generated-default/CancleSmall.tsx → src/icon/generated-default/IconCancelSmall.tsx

@@ -1,10 +1,10 @@
 import type { SVGProps } from 'react';
 import { Ref, forwardRef } from 'react';
 import type { IconProps } from '../share/props';
-const IconCancleSmall = (
+const IconCancelSmall = (
   {
-    title = 'IconCancleSmall',
-    titleId = 'CDS-IconCancleSmallIcon',
+    title = 'IconCancelSmall',
+    titleId = 'CDS-IconCancelSmallIcon',
     size = 20,
     color = '#363738',
     ...props
@@ -28,5 +28,5 @@ const IconCancleSmall = (
     />
   </svg>
 );
-const ForwardRef = forwardRef(IconCancleSmall);
-export { ForwardRef as IconCancleSmall };
+const ForwardRef = forwardRef(IconCancelSmall);
+export { ForwardRef as IconCancelSmall };

src/icon/generated-default/index.ts

@@ -1,50 +1,50 @@
-export { Add } from './Add';
-export { AlertCircle } from './AlertCircle';
-export { ArrowLeftLarge } from './ArrowLeftLarge';
-export { ArrowLeftSmall } from './ArrowLeftSmall';
-export { BannersVert } from './BannersVert';
-export { Bell } from './Bell';
-export { Calendar } from './Calendar';
-export { CancleLarge } from './CancleLarge';
-export { CancleSmall } from './CancleSmall';
-export { ChatFocused } from './ChatFocused';
-export { ChatPlus } from './ChatPlus';
-export { CheckLarge } from './CheckLarge';
-export { CheckSmall } from './CheckSmall';
-export { ChevronDownSmall } from './ChevronDownSmall';
-export { ChevronLeftSmall } from './ChevronLeftSmall';
-export { ChevronRighSmall } from './ChevronRighSmall';
-export { ChevronUpSmall } from './ChevronUpSmall';
-export { Clock } from './Clock';
-export { Copy } from './Copy';
-export { CurrencyWon } from './CurrencyWon';
-export { Dashboardbar } from './Dashboardbar';
-export { DotsHor } from './DotsHor';
-export { DotsVert } from './DotsVert';
-export { Earth } from './Earth';
-export { EditSquare } from './EditSquare';
-export { Edit } from './Edit';
-export { EyeClosed } from './EyeClosed';
-export { Eye } from './Eye';
-export { Filter } from './Filter';
-export { InformationCircleLarge } from './InformationCircleLarge';
-export { InformationCircleSmall } from './InformationCircleSmall';
-export { Layout } from './Layout';
-export { List } from './List';
-export { Logout } from './Logout';
-export { Megaphone } from './Megaphone';
-export { Minus } from './Minus';
-export { PictureSearch } from './PictureSearch';
-export { QuestionCircle } from './QuestionCircle';
-export { Search } from './Search';
-export { Setting } from './Setting';
-export { Shop } from './Shop';
-export { SortAscending } from './SortAscending';
-export { SortDescending } from './SortDescending';
-export { Sort } from './Sort';
-export { Switch } from './Switch';
-export { Tag } from './Tag';
-export { ThumbsUp } from './ThumbsUp';
-export { Trash } from './Trash';
-export { Upload } from './Upload';
-export { UserCircle } from './UserCircle';
+export { IconAdd } from './IconAdd';
+export { IconAlertCircle } from './IconAlertCircle';
+export { IconArrowLeftLarge } from './IconArrowLeftLarge';
+export { IconArrowLeftSmall } from './IconArrowLeftSmall';
+export { IconBannersVert } from './IconBannersVert';
+export { IconBell } from './IconBell';
+export { IconCalendar } from './IconCalendar';
+export { IconCancelLarge } from './IconCancelLarge';
+export { IconCancelSmall } from './IconCancelSmall';
+export { IconChatFocused } from './IconChatFocused';
+export { IconChatPlus } from './IconChatPlus';
+export { IconCheckLarge } from './IconCheckLarge';
+export { IconCheckSmall } from './IconCheckSmall';
+export { IconChevronDownSmall } from './IconChevronDownSmall';
+export { IconChevronLeftSmall } from './IconChevronLeftSmall';
+export { IconChevronRighSmall } from './IconChevronRighSmall';
+export { IconChevronUpSmall } from './IconChevronUpSmall';
+export { IconClock } from './IconClock';
+export { IconCopy } from './IconCopy';
+export { IconCurrencyWon } from './IconCurrencyWon';
+export { IconDashboardbar } from './IconDashboardbar';
+export { IconDotsHor } from './IconDotsHor';
+export { IconDotsVert } from './IconDotsVert';
+export { IconEarth } from './IconEarth';
+export { IconEditSquare } from './IconEditSquare';
+export { IconEdit } from './IconEdit';
+export { IconEyeClosed } from './IconEyeClosed';
+export { IconEye } from './IconEye';
+export { IconFilter } from './IconFilter';
+export { IconInformationCircleLarge } from './IconInformationCircleLarge';
+export { IconInformationCircleSmall } from './IconInformationCircleSmall';
+export { IconLayout } from './IconLayout';
+export { IconList } from './IconList';
+export { IconLogout } from './IconLogout';
+export { IconMegaphone } from './IconMegaphone';
+export { IconMinus } from './IconMinus';
+export { IconPictureSearch } from './IconPictureSearch';
+export { IconQuestionCircle } from './IconQuestionCircle';
+export { IconSearch } from './IconSearch';
+export { IconSetting } from './IconSetting';
+export { IconShop } from './IconShop';
+export { IconSortAscending } from './IconSortAscending';
+export { IconSortDescending } from './IconSortDescending';
+export { IconSort } from './IconSort';
+export { IconSwitch } from './IconSwitch';
+export { IconTag } from './IconTag';
+export { IconThumbsUp } from './IconThumbsUp';
+export { IconTrash } from './IconTrash';
+export { IconUpload } from './IconUpload';
+export { IconUserCircle } from './IconUserCircle';

svgr.config.mjs

@@ -32,7 +32,7 @@ export default {
     ],
   },
   template: (variables, { tpl }) => {
-    variables.componentName = `Icon${variables.componentName.replace(/^Svg/, '')}`;
+    variables.componentName = `${variables.componentName.replace(/^Svg/, '')}`;
 
     variables.props.forEach(prop => {
       if (prop.type === 'ObjectPattern') {