From c1f8a377832619e7ac7a6f4d1fbfc1a3bf04002e Mon Sep 17 00:00:00 2001 From: dioo1461 Date: Sun, 29 Jun 2025 21:06:37 +0900 Subject: [PATCH 1/5] =?UTF-8?q?chore:=20create-icon,=20create-theme=20?= =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A6=BD=ED=8A=B8=EB=A5=BC=20=EA=B0=81?= =?UTF-8?q?=EA=B0=81=20ui,=20theme=20=ED=8C=A8=ED=82=A4=EC=A7=80=EB=A1=9C?= =?UTF-8?q?=20=EC=9D=B4=EB=8F=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/apps/client/package.json | 2 -- frontend/apps/client/tsconfig.app.json | 2 +- frontend/packages/theme/package.json | 3 ++- .../src => packages/theme}/scripts/create-theme.cjs | 0 frontend/packages/ui/package.json | 3 ++- .../src => packages/ui}/scripts/create-icon.cjs | 12 ++++++------ 6 files changed, 11 insertions(+), 11 deletions(-) rename frontend/{apps/client/src => packages/theme}/scripts/create-theme.cjs (100%) rename frontend/{apps/client/src => packages/ui}/scripts/create-icon.cjs (89%) diff --git a/frontend/apps/client/package.json b/frontend/apps/client/package.json index de844a68..1c8012bf 100644 --- a/frontend/apps/client/package.json +++ b/frontend/apps/client/package.json @@ -9,8 +9,6 @@ "test": "vitest", "lint": "eslint .", "coverage": "vitest run --coverage", - "create-theme": "node src/scripts/create-theme.cjs & pnpm eslint --fix", - "create-icon": "node src/scripts/create-icon.cjs", "optimize-image": "node src/scripts/optimize-image.cjs", "storybook": "storybook dev -p 6006", "build-storybook": "storybook build", diff --git a/frontend/apps/client/tsconfig.app.json b/frontend/apps/client/tsconfig.app.json index 5d88d692..399d9658 100644 --- a/frontend/apps/client/tsconfig.app.json +++ b/frontend/apps/client/tsconfig.app.json @@ -16,5 +16,5 @@ "allowImportingTsExtensions": true, "noEmit": true, }, - "include": ["src", "__tests__"] + "include": ["src", "__tests__", "../../packages/ui/scripts/create-icon.cjs", "../../packages/theme/scripts/create-theme.cjs"] } diff --git a/frontend/packages/theme/package.json b/frontend/packages/theme/package.json index b78a3170..8d18b284 100644 --- a/frontend/packages/theme/package.json +++ b/frontend/packages/theme/package.json @@ -27,6 +27,7 @@ "@vanilla-extract/recipes": "^0.5.5" }, "scripts": { - "build": "tsc -b && node scripts/copy-fonts.js" + "build": "tsc -b && node scripts/copy-fonts.js", + "create-theme": "node ./scripts/create-theme.cjs & pnpm eslint --fix" } } diff --git a/frontend/apps/client/src/scripts/create-theme.cjs b/frontend/packages/theme/scripts/create-theme.cjs similarity index 100% rename from frontend/apps/client/src/scripts/create-theme.cjs rename to frontend/packages/theme/scripts/create-theme.cjs diff --git a/frontend/packages/ui/package.json b/frontend/packages/ui/package.json index 50c0a78e..2d588308 100644 --- a/frontend/packages/ui/package.json +++ b/frontend/packages/ui/package.json @@ -13,7 +13,8 @@ "start": "tsup --watch", "test": "vitest", "storybook": "storybook dev -p 6006", - "build-storybook": "storybook build" + "build-storybook": "storybook build", + "create-icon": "node ./scripts/create-icon.cjs & pnpm eslint --fix" }, "publishConfig": { "access": "public" diff --git a/frontend/apps/client/src/scripts/create-icon.cjs b/frontend/packages/ui/scripts/create-icon.cjs similarity index 89% rename from frontend/apps/client/src/scripts/create-icon.cjs rename to frontend/packages/ui/scripts/create-icon.cjs index ca553e72..296b7a56 100644 --- a/frontend/apps/client/src/scripts/create-icon.cjs +++ b/frontend/packages/ui/scripts/create-icon.cjs @@ -1,8 +1,9 @@ const { existsSync, promises: fs } = require("fs"); const path = require("path"); +const ICON_DIR_RELATIVE_PATH = "../src/components/Icon"; -const SVG_DIR = path.resolve(__dirname, "../components/Icon/svg"); -const COMPONENT_DIR = path.resolve(__dirname,"../components/Icon/component"); +const SVG_DIR = path.resolve(__dirname, `${ICON_DIR_RELATIVE_PATH}/svg`); +const COMPONENT_DIR = path.resolve(__dirname,`${ICON_DIR_RELATIVE_PATH}/component`); const generateSvgComponentMap = async () => { const svgFiles = (await fs.readdir(SVG_DIR)).reduce( @@ -50,10 +51,9 @@ const createComponentContent = ( const hasFill = fillAttributes.length; const propsString = `{ clickable = false, className, width = 24, height = 24${hasStroke || hasFill ? ` ${hasStroke ? ', stroke = "white"' : ""}${hasFill ? ', fill = "white"' : ""}` : ""}, ...rest }`; const modifiedSvgContent = svgContent - .replace(/style="mask-type:luminance"/g, "MASK_TYPE_PLACEHOLDER") + .replace(/style="mask-type:([^"]+)"/g, (_match, value) => `style={{ maskType: "${value}" }}`) .replace(/data:image/g, "DATA_IMAGE_PLACEHOLDER") - .replace(/[-:](\w)/g, (_, letter) => letter.toUpperCase()) - .replace(/MASK_TYPE_PLACEHOLDER/g, "mask-type='luminance'") + .replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) .replace(/DATA_IMAGE_PLACEHOLDER/g, "data:image") .replace(/]*)width="(\d+)"/g, `]*)height="(\d+)"/g, ` { }; const generateExportFile = async (components) => { - const EXPORT_FILE_PATH = path.resolve(__dirname, '../components/Icon/index.ts'); + const EXPORT_FILE_PATH = path.resolve(__dirname, `${ICON_DIR_RELATIVE_PATH}/index.ts`); const exportFileContent = components .map( (component) => From 0e958b1a63bd63ac9d8c5738686bf6fcd252ec91 Mon Sep 17 00:00:00 2001 From: dioo1461 Date: Sun, 29 Jun 2025 21:10:24 +0900 Subject: [PATCH 2/5] =?UTF-8?q?fix:=20Icon/index.ts=20=EC=97=90=EC=84=9C?= =?UTF-8?q?=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=93=A4=EC=9D=84=20`So?= =?UTF-8?q?meIcon.tsx`=20=ED=98=95=ED=83=9C=EB=A1=9C=20=EA=B0=80=EC=A0=B8?= =?UTF-8?q?=EC=98=A4=EB=8D=98=20=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit `import SomeIcon from '~/SomeIcon.tsx'` 가 아닌, `import SomeIcon from '~/SomeIcon'` 형태로 가져와야 함 --- frontend/packages/ui/scripts/create-icon.cjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/packages/ui/scripts/create-icon.cjs b/frontend/packages/ui/scripts/create-icon.cjs index 296b7a56..bb63a24a 100644 --- a/frontend/packages/ui/scripts/create-icon.cjs +++ b/frontend/packages/ui/scripts/create-icon.cjs @@ -113,7 +113,7 @@ const generateExportFile = async (components) => { const exportFileContent = components .map( (component) => - `export * from "./component/${component}.tsx";` + `export * from "./component/${component}";` ) .join("\n"); From 45c9c276461bc761dcb611721d4065640b39abcd Mon Sep 17 00:00:00 2001 From: dioo1461 Date: Sun, 29 Jun 2025 21:20:40 +0900 Subject: [PATCH 3/5] =?UTF-8?q?fix:=20`prop:subProp`=20=ED=98=95=ED=83=9C?= =?UTF-8?q?=EC=9D=98=20=ED=94=84=EB=A1=AD=EC=9D=84=20=EB=B3=80=ED=99=98?= =?UTF-8?q?=ED=95=98=EC=A7=80=20=EC=95=8A=EB=8D=98=20=EB=AC=B8=EC=A0=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/packages/ui/scripts/create-icon.cjs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/packages/ui/scripts/create-icon.cjs b/frontend/packages/ui/scripts/create-icon.cjs index bb63a24a..02d69994 100644 --- a/frontend/packages/ui/scripts/create-icon.cjs +++ b/frontend/packages/ui/scripts/create-icon.cjs @@ -53,7 +53,7 @@ const createComponentContent = ( const modifiedSvgContent = svgContent .replace(/style="mask-type:([^"]+)"/g, (_match, value) => `style={{ maskType: "${value}" }}`) .replace(/data:image/g, "DATA_IMAGE_PLACEHOLDER") - .replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) + .replace(/[:\-]([A-Za-z])/g, (_, letter) => letter.toUpperCase()) .replace(/DATA_IMAGE_PLACEHOLDER/g, "data:image") .replace(/]*)width="(\d+)"/g, `]*)height="(\d+)"/g, ` Date: Sun, 29 Jun 2025 21:21:08 +0900 Subject: [PATCH 4/5] =?UTF-8?q?chore:=20create-icon=20=EC=8A=A4=ED=81=AC?= =?UTF-8?q?=EB=A6=BD=ED=8A=B8=EB=A1=9C=20=EC=95=84=EC=9D=B4=EC=BD=98=20?= =?UTF-8?q?=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/packages/ui/package.json | 2 +- .../components/Icon/component/ArrowLeft.tsx | 51 +--- .../components/Icon/component/Calendar.tsx | 252 +++++------------- .../Icon/component/CalendarCheck.tsx | 51 +--- .../src/components/Icon/component/Check.tsx | 46 +--- .../Icon/component/CheckGraphic.tsx | 65 +++++ .../components/Icon/component/ChevronDown.tsx | 42 ++- .../components/Icon/component/ChevronLeft.tsx | 24 +- .../Icon/component/ChevronRight.tsx | 24 +- .../components/Icon/component/CircleCheck.tsx | 51 +--- .../src/components/Icon/component/Clock.tsx | 51 +--- .../Icon/component/ClockGraphic.tsx | 4 +- .../src/components/Icon/component/Close.tsx | 51 +--- .../src/components/Icon/component/Google.tsx | 50 +--- .../Icon/component/GoogleCalendar.tsx | 51 +--- .../Icon/component/IconDotsMono.tsx | 51 +--- .../ui/src/components/Icon/component/Logo.tsx | 130 +++------ .../src/components/Icon/component/Pencil.tsx | 51 +--- .../components/Icon/component/PinLocation.tsx | 51 +--- .../ui/src/components/Icon/component/Plus.tsx | 30 +-- .../components/Icon/component/Progress.tsx | 107 ++------ .../Icon/component/TriangleWarning.tsx | 51 +--- .../src/components/Icon/component/UserTwo.tsx | 59 +--- .../packages/ui/src/components/Icon/index.ts | 48 ++-- 24 files changed, 422 insertions(+), 971 deletions(-) create mode 100644 frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx diff --git a/frontend/packages/ui/package.json b/frontend/packages/ui/package.json index 2d588308..3822a8a6 100644 --- a/frontend/packages/ui/package.json +++ b/frontend/packages/ui/package.json @@ -14,7 +14,7 @@ "test": "vitest", "storybook": "storybook dev -p 6006", "build-storybook": "storybook build", - "create-icon": "node ./scripts/create-icon.cjs & pnpm eslint --fix" + "create-icon": "node ./scripts/create-icon.cjs" }, "publishConfig": { "access": "public" diff --git a/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx b/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx index bc1c246e..2811495b 100644 --- a/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx +++ b/frontend/packages/ui/src/components/Icon/component/ArrowLeft.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const ArrowLeft = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const ArrowLeft = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; ArrowLeft.displayName = 'ArrowLeft'; diff --git a/frontend/packages/ui/src/components/Icon/component/Calendar.tsx b/frontend/packages/ui/src/components/Icon/component/Calendar.tsx index 0db77c98..9252aceb 100644 --- a/frontend/packages/ui/src/components/Icon/component/Calendar.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Calendar.tsx @@ -1,195 +1,67 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Calendar = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +export const Calendar = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -); + ); +}; Calendar.displayName = 'Calendar'; diff --git a/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx b/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx index 1035a5bf..370f9f1a 100644 --- a/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx +++ b/frontend/packages/ui/src/components/Icon/component/CalendarCheck.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const CalendarCheck = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const CalendarCheck = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; CalendarCheck.displayName = 'CalendarCheck'; diff --git a/frontend/packages/ui/src/components/Icon/component/Check.tsx b/frontend/packages/ui/src/components/Icon/component/Check.tsx index 4b0f6931..ee843afd 100644 --- a/frontend/packages/ui/src/components/Icon/component/Check.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Check.tsx @@ -1,38 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Check = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const Check = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; Check.displayName = 'Check'; diff --git a/frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx b/frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx new file mode 100644 index 00000000..447cf06c --- /dev/null +++ b/frontend/packages/ui/src/components/Icon/component/CheckGraphic.tsx @@ -0,0 +1,65 @@ + +import type { IconProps } from '../Icon.d.ts'; + +export const CheckGraphic = ({ clickable = false, className, width = 24, height = 24 , stroke = "white", fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +CheckGraphic.displayName = 'CheckGraphic'; diff --git a/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx b/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx index aa5289c2..d80b3114 100644 --- a/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx +++ b/frontend/packages/ui/src/components/Icon/component/ChevronDown.tsx @@ -1,32 +1,20 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const ChevronDown = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - - +export const ChevronDown = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + + -); + ); +}; ChevronDown.displayName = 'ChevronDown'; diff --git a/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx b/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx index 5f23a825..f1e197dd 100644 --- a/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx +++ b/frontend/packages/ui/src/components/Icon/component/ChevronLeft.tsx @@ -1,21 +1,13 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const ChevronLeft = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - +export const ChevronLeft = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + -); + ); +}; ChevronLeft.displayName = 'ChevronLeft'; diff --git a/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx b/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx index 264f393f..1d2cbed9 100644 --- a/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx +++ b/frontend/packages/ui/src/components/Icon/component/ChevronRight.tsx @@ -1,21 +1,13 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const ChevronRight = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - +export const ChevronRight = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + -); + ); +}; ChevronRight.displayName = 'ChevronRight'; diff --git a/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx b/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx index a7c06d74..7f6a9f89 100644 --- a/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx +++ b/frontend/packages/ui/src/components/Icon/component/CircleCheck.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const CircleCheck = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const CircleCheck = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; CircleCheck.displayName = 'CircleCheck'; diff --git a/frontend/packages/ui/src/components/Icon/component/Clock.tsx b/frontend/packages/ui/src/components/Icon/component/Clock.tsx index 718207e8..0a1d6713 100644 --- a/frontend/packages/ui/src/components/Icon/component/Clock.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Clock.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Clock = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const Clock = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; Clock.displayName = 'Clock'; diff --git a/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx b/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx index 12e3fe62..10d3e198 100644 --- a/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx +++ b/frontend/packages/ui/src/components/Icon/component/ClockGraphic.tsx @@ -7,11 +7,11 @@ export const ClockGraphic = ({ clickable = false, className, width = 24, height - + - + diff --git a/frontend/packages/ui/src/components/Icon/component/Close.tsx b/frontend/packages/ui/src/components/Icon/component/Close.tsx index 46723f33..d8e88dd0 100644 --- a/frontend/packages/ui/src/components/Icon/component/Close.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Close.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Close = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const Close = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; Close.displayName = 'Close'; diff --git a/frontend/packages/ui/src/components/Icon/component/Google.tsx b/frontend/packages/ui/src/components/Icon/component/Google.tsx index 74ffb632..a77c5d4d 100644 --- a/frontend/packages/ui/src/components/Icon/component/Google.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Google.tsx @@ -1,44 +1,16 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Google = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - +export const Google = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + -); + ); +}; Google.displayName = 'Google'; diff --git a/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx b/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx index c40c0845..a74a802d 100644 --- a/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx +++ b/frontend/packages/ui/src/components/Icon/component/GoogleCalendar.tsx @@ -1,42 +1,19 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const GoogleCalendar = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - +export const GoogleCalendar = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + -); + ); +}; GoogleCalendar.displayName = 'GoogleCalendar'; diff --git a/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx b/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx index 4b74846b..59bf76e1 100644 --- a/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx +++ b/frontend/packages/ui/src/components/Icon/component/IconDotsMono.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const IconDotsMono = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const IconDotsMono = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; IconDotsMono.displayName = 'IconDotsMono'; diff --git a/frontend/packages/ui/src/components/Icon/component/Logo.tsx b/frontend/packages/ui/src/components/Icon/component/Logo.tsx index 37a77660..71465bb9 100644 --- a/frontend/packages/ui/src/components/Icon/component/Logo.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Logo.tsx @@ -1,95 +1,45 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Logo = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +export const Logo = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -); + ); +}; Logo.displayName = 'Logo'; diff --git a/frontend/packages/ui/src/components/Icon/component/Pencil.tsx b/frontend/packages/ui/src/components/Icon/component/Pencil.tsx index 6c1181f5..4ba57719 100644 --- a/frontend/packages/ui/src/components/Icon/component/Pencil.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Pencil.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Pencil = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const Pencil = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; Pencil.displayName = 'Pencil'; diff --git a/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx b/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx index 6f7c79ba..c835ef73 100644 --- a/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx +++ b/frontend/packages/ui/src/components/Icon/component/PinLocation.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const PinLocation = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const PinLocation = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; PinLocation.displayName = 'PinLocation'; diff --git a/frontend/packages/ui/src/components/Icon/component/Plus.tsx b/frontend/packages/ui/src/components/Icon/component/Plus.tsx index 52f4763b..f9c2374b 100644 --- a/frontend/packages/ui/src/components/Icon/component/Plus.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Plus.tsx @@ -1,27 +1,13 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Plus = ({ clickable = false, className, width = 24, height = 24, stroke = 'white', ...rest }: IconProps) => ( - - - +export const Plus = ({ clickable = false, className, width = 24, height = 24 , stroke = "white", ...rest }: IconProps) => { + return ( + + + -); + ); +}; Plus.displayName = 'Plus'; diff --git a/frontend/packages/ui/src/components/Icon/component/Progress.tsx b/frontend/packages/ui/src/components/Icon/component/Progress.tsx index 655bc877..f808796f 100644 --- a/frontend/packages/ui/src/components/Icon/component/Progress.tsx +++ b/frontend/packages/ui/src/components/Icon/component/Progress.tsx @@ -1,92 +1,25 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const Progress = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - - - - - - - +export const Progress = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + + + + + + + -); + ); +}; Progress.displayName = 'Progress'; diff --git a/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx b/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx index 8e4c89d5..2489a011 100644 --- a/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx +++ b/frontend/packages/ui/src/components/Icon/component/TriangleWarning.tsx @@ -1,43 +1,18 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const TriangleWarning = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - +export const TriangleWarning = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + -); + ); +}; TriangleWarning.displayName = 'TriangleWarning'; diff --git a/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx b/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx index b6033496..d735a242 100644 --- a/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx +++ b/frontend/packages/ui/src/components/Icon/component/UserTwo.tsx @@ -1,50 +1,19 @@ -import type { IconProps } from '../Icon'; +import type { IconProps } from '../Icon.d.ts'; -export const UserTwo = ({ clickable = false, className, width = 24, height = 24, fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - +export const UserTwo = ({ clickable = false, className, width = 24, height = 24 , fill = "white", ...rest }: IconProps) => { + return ( + + + + + + + + + -); + ); +}; UserTwo.displayName = 'UserTwo'; diff --git a/frontend/packages/ui/src/components/Icon/index.ts b/frontend/packages/ui/src/components/Icon/index.ts index 9a403ea3..bf31d0ec 100644 --- a/frontend/packages/ui/src/components/Icon/index.ts +++ b/frontend/packages/ui/src/components/Icon/index.ts @@ -1,24 +1,24 @@ -export * from './component/ArrowLeft'; -export * from './component/CalendarCheck'; -export * from './component/CalendarMini'; -export * from './component/Calendar'; -export * from './component/Check'; -export * from './custom/CheckGraphic'; -export * from './component/ChevronDown'; -export * from './component/ChevronLeft'; -export * from './component/ChevronRight'; -export * from './component/CircleCheck'; -export * from './component/ClockGraphic'; -export * from './component/Clock'; -export * from './component/Close'; -export * from './component/GoogleCalendar'; -export * from './component/Google'; -export * from './component/IconDotsMono'; -export * from './component/Logo'; -export * from './component/Pencil'; -export * from './component/PinLocation'; -export * from './component/Plus'; -export * from './component/Progress'; -export * from './component/TriangleWarning'; -export * from './component/UserTwo'; -export * from './component/TooltipArrow'; \ No newline at end of file +export * from "./component/ArrowLeft"; +export * from "./component/CalendarCheck"; +export * from "./component/CalendarMini"; +export * from "./component/Calendar"; +export * from "./component/CheckGraphic"; +export * from "./component/Check"; +export * from "./component/ChevronDown"; +export * from "./component/ChevronLeft"; +export * from "./component/ChevronRight"; +export * from "./component/CircleCheck"; +export * from "./component/ClockGraphic"; +export * from "./component/Clock"; +export * from "./component/Close"; +export * from "./component/GoogleCalendar"; +export * from "./component/Google"; +export * from "./component/IconDotsMono"; +export * from "./component/Logo"; +export * from "./component/Pencil"; +export * from "./component/PinLocation"; +export * from "./component/Plus"; +export * from "./component/Progress"; +export * from "./component/TriangleWarning"; +export * from "./component/UserTwo"; +export * from "./component/TooltipArrow"; \ No newline at end of file From 07af05122bf4406c1ed0b2057bd43c06e25f56b5 Mon Sep 17 00:00:00 2001 From: dioo1461 Date: Sun, 29 Jun 2025 21:26:09 +0900 Subject: [PATCH 5/5] =?UTF-8?q?chore:=20=EB=8D=94=20=EC=9D=B4=EC=83=81=20?= =?UTF-8?q?=ED=95=84=EC=9A=94=ED=95=98=EC=A7=80=20=EC=95=8A=EC=9D=80=20Ico?= =?UTF-8?q?n/custom=20=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/Icon/custom/CheckGraphic.tsx | 193 ------------------ .../components/Icon/custom/ClockGraphic.tsx | 90 -------- 2 files changed, 283 deletions(-) delete mode 100644 frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx delete mode 100644 frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx diff --git a/frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx b/frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx deleted file mode 100644 index 4a81dda7..00000000 --- a/frontend/packages/ui/src/components/Icon/custom/CheckGraphic.tsx +++ /dev/null @@ -1,193 +0,0 @@ - -import type { IconProps } from '../Icon'; - -export const CheckGraphic = ({ clickable = false, className, width = 24, height = 24, stroke = 'white', fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -); - -CheckGraphic.displayName = 'CheckGraphic'; \ No newline at end of file diff --git a/frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx b/frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx deleted file mode 100644 index 3722afdb..00000000 --- a/frontend/packages/ui/src/components/Icon/custom/ClockGraphic.tsx +++ /dev/null @@ -1,90 +0,0 @@ - -import type { IconProps } from '../Icon'; - -export const ClockGraphic = ({ clickable = false, className, width = 24, height = 24, stroke = 'white', fill = 'white', ...rest }: IconProps) => ( - - - - - - - - - - - - - - - - - - - -); - -ClockGraphic.displayName = 'ClockGraphic';