@liner-fe/internal-icon 1.0.2 → 1.0.3

package/.ultra.cache.json

@@ -1 +1 @@
-{"files":{"lib":"1764577696822.9573","node_modules":"1764577682688.9214","CHANGELOG.md":"f71cd485ee819ddbf933134b38e4563d7db50b5b","README.md":"e0a89d4fcf5bddf1f816bfb20a928ddb301b8d2c","figma.json":"1c65dae980f3b2b3f57d08bd57fe2c021ebd12ec","package.json":"febacb54057e1c4e8bd5411015e3285929a830c1","src/generate-svg-files.ts":"18687c8c5c7766b988257f5bef3d296b86fefaa8","src/generate-tsx-components.ts":"175a39c7f9b02a6f76422f06bf9b16ca25e9d028","src/index.ts":"9e03c9c45c92fc534262982bce233b91892c05f1","tsconfig.json":"298030567ca332304807fcdbb95d1218c9c0814f","tsup.config.ts":"4dc8bfd36076fff8fa1d84a48a072d40e6581810"},"deps":{}}
+{"files":{"lib":"1764914149225.7688","node_modules":"1764914134010.825","CHANGELOG.md":"23f80c764240f05db00818583dbdcd7e9bef94e7","README.md":"e0a89d4fcf5bddf1f816bfb20a928ddb301b8d2c","figma.json":"1c65dae980f3b2b3f57d08bd57fe2c021ebd12ec","package.json":"44f4e701d20a8a3c1071adfa805f4d370f044f16","src/generate-svg-files.ts":"18687c8c5c7766b988257f5bef3d296b86fefaa8","src/generate-tsx-components.ts":"ba97e0330300610e94ead0c872c4725120eb830b","src/index.ts":"9e03c9c45c92fc534262982bce233b91892c05f1","tsconfig.json":"298030567ca332304807fcdbb95d1218c9c0814f","tsup.config.ts":"4dc8bfd36076fff8fa1d84a48a072d40e6581810"},"deps":{}}

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @internal/icon
 
+## 1.0.3
+
+### Patch Changes
+
+- 9ac52fb: color icon 예외 처리
+
 ## 1.0.2
 
 ### Patch Changes

package/lib/index.js

@@ -100,6 +100,17 @@ var generateTsxComponents = /* @__PURE__ */ __name(() => {
     return variantSvgs;
   }
   __name(processSvgVariants, "processSvgVariants");
+  function generateColorTsxComponent(componentName, defaultSvg) {
+    return `import React, { forwardRef } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { ColorIconProps } from '../../index';
+
+export const Icon${componentName} = forwardRef<SVGSVGElement, ColorIconProps>(
+  ({ size = 'm', className, ...props }, ref) => ${defaultSvg}
+);
+`;
+  }
+  __name(generateColorTsxComponent, "generateColorTsxComponent");
   function generateTsxComponent(componentName, variantSvgs, defaultSvg) {
     return `import React, { forwardRef } from 'react';
 import { iconSizeMap } from '@liner-fe/design-token-primitive';
@@ -127,13 +138,23 @@ export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
     Object.entries(figmaData).forEach(([iconName, variants]) => {
       const iconDir = path3.join(OUTPUT_DIR, iconName);
       ensureDirectoryExists(iconDir);
-      const variantSvgs = processSvgVariants(variants);
-      if (Object.keys(variantSvgs).length > 0) {
-        const componentName = generateIconName(iconName);
-        const defaultSvg = variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
-        const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
+      const componentName = generateIconName(iconName);
+      if (componentName.startsWith("Color")) {
+        const tsxCode = generateColorTsxComponent(
+          componentName,
+          // @ts-ignore
+          normalizeSvgAttributes(variants.default)
+        );
         const filePath = path3.join(iconDir, "index.tsx");
         fs2.writeFileSync(filePath, tsxCode);
+      } else {
+        const variantSvgs = processSvgVariants(variants);
+        if (Object.keys(variantSvgs).length > 0) {
+          const defaultSvg = variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+          const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
+          const filePath = path3.join(iconDir, "index.tsx");
+          fs2.writeFileSync(filePath, tsxCode);
+        }
       }
     });
   }
@@ -157,6 +178,8 @@ export type IconSizeKey = keyof typeof iconSizeMap;
 
 export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> ${IconProps("size?: keyof typeof iconSizeMap;")}
 
+export type ColorIconProps = Omit<IconProps, 'type' | 'fillType' | 'fill' | 'thick'>;
+
 export type IconComponentType = React.ForwardRefExoticComponent<
   Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
 >;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/internal-icon",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/generate-tsx-components.ts

@@ -87,6 +87,17 @@ export const generateTsxComponents = () => {
     return variantSvgs;
   }
 
+  function generateColorTsxComponent(componentName: string, defaultSvg: string): string {
+    return `import React, { forwardRef } from 'react';
+import { iconSizeMap } from '@liner-fe/design-token-primitive';
+import { ColorIconProps } from '../../index';
+
+export const Icon${componentName} = forwardRef<SVGSVGElement, ColorIconProps>(
+  ({ size = 'm', className, ...props }, ref) => ${defaultSvg}
+);
+`;
+  }
+
   // TSX 컴포넌트 코드 생성 함수
   function generateTsxComponent(
     componentName: string,
@@ -124,18 +135,32 @@ export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
       const iconDir = path.join(OUTPUT_DIR, iconName);
       ensureDirectoryExists(iconDir);
 
-      // @ts-ignore
-      const variantSvgs = processSvgVariants(variants);
+      const componentName = generateIconName(iconName);
 
-      if (Object.keys(variantSvgs).length > 0) {
-        const componentName = generateIconName(iconName);
-        const defaultSvg =
-          variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+      if (componentName.startsWith('Color')) {
+        const tsxCode = generateColorTsxComponent(
+          componentName,
+          // @ts-ignore
+          normalizeSvgAttributes(variants.default),
+        );
 
-        const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
         const filePath = path.join(iconDir, 'index.tsx');
 
         fs.writeFileSync(filePath, tsxCode);
+      } else {
+        // @ts-ignore
+        const variantSvgs = processSvgVariants(variants);
+
+        if (Object.keys(variantSvgs).length > 0) {
+          const defaultSvg =
+            variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+
+          const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
+
+          const filePath = path.join(iconDir, 'index.tsx');
+
+          fs.writeFileSync(filePath, tsxCode);
+        }
       }
     });
   }
@@ -165,6 +190,8 @@ export type IconSizeKey = keyof typeof iconSizeMap;
 
 export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'fill' | 'name'> ${IconProps('size?: keyof typeof iconSizeMap;')}
 
+export type ColorIconProps = Omit<IconProps, 'type' | 'fillType' | 'fill' | 'thick'>;
+
 export type IconComponentType = React.ForwardRefExoticComponent<
   Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>
 >;