@liner-fe/internal-icon 1.0.33 → 1.0.34

package/lib/index.js

@@ -34,11 +34,7 @@ var generateSvgFiles = /* @__PURE__ */ __name(() => {
       // @ts-ignore
       default: v.default,
       // @ts-ignore
-      fill: v.fill,
-      // @ts-ignore
-      thick: v.thick,
-      // @ts-ignore
-      "fill-thick": v["fill-thick"]
+      fill: v.fill
     };
     Object.entries(variants).forEach(([variant, svgString]) => {
       if (svgString && svgString.trim() !== "") {
@@ -69,7 +65,7 @@ var generateTsxComponents = /* @__PURE__ */ __name(() => {
     return svgString.replace(/fill-rule/g, "fillRule").replace(/clip-rule/g, "clipRule").replace(/width="\d+"/, "width={iconSize}").replace(/height="\d+"/, "height={iconSize}").replace(
       /xmlns="http:\/\/www.w3.org\/2000\/svg"/,
       "ref={ref} className={className} {...props}"
-    ).replace(/style="[^"]*"/g, "").replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, "");
+    ).replace(/style="[^"]*"/g, "").replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, "").replace(/xmlns:xlink="[^"]*"/g, 'xmlnsXlink="http://www.w3.org/1999/xlink"').replace(/xlink:href=/g, "xlinkHref=");
   }
   __name(normalizeSvgAttributes, "normalizeSvgAttributes");
   const KEBAB_REGEX = /\p{Lu}/gu;
@@ -88,7 +84,6 @@ var generateTsxComponents = /* @__PURE__ */ __name(() => {
   }, "generateIconName");
   const IconProps = /* @__PURE__ */ __name((additionalProps = "") => `{
   fill?: boolean;
-  thick?: boolean;
   className?: string;
   ${additionalProps}
   ${COLOR}?: BasicColorType;
@@ -104,9 +99,7 @@ var generateTsxComponents = /* @__PURE__ */ __name(() => {
     const variantSvgs = {};
     const variants = {
       default: v.default,
-      fill: v.fill,
-      thick: v.thick,
-      "fill-thick": v["fill-thick"]
+      fill: v.fill
     };
     Object.entries(variants).forEach(([variant, svgString]) => {
       if (svgString && svgString.trim() !== "") {
@@ -136,16 +129,12 @@ import { iconSizeMap } from '@liner-fe/design-token-primitive';
 import { IconProps } from '../../index';
 
 export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
-  ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  ({ fill = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
     const iconSize = iconSizeMap[size];
-    if (fill && thick) {
-      return ${variantSvgs["fill-thick"] || defaultSvg};
-    } else if (fill) {
+    if (fill) {
       return ${variantSvgs.fill || defaultSvg};
-    } else if (thick) {
-      return ${variantSvgs.thick || defaultSvg};
-    } 
-    
+    }
+
     return ${variantSvgs.default || defaultSvg};
   }
 );
@@ -170,7 +159,7 @@ export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
       } else {
         const variantSvgs = processSvgVariants(variants);
         if (Object.keys(variantSvgs).length > 0) {
-          const defaultSvg = variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+          const defaultSvg = variantSvgs.default || Object.values(variantSvgs)[0];
           const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
           const filePath = path3.join(iconDir, "index.tsx");
           fs2.writeFileSync(filePath, tsxCode);
@@ -198,7 +187,7 @@ 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 ColorIconProps = Omit<IconProps, 'type' | 'fillType' | 'fill'>;
 
 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.33",
+  "version": "1.0.34",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/generate-svg-files.ts

@@ -28,10 +28,6 @@ export const generateSvgFiles = () => {
       default: v.default,
       // @ts-ignore
       fill: v.fill,
-      // @ts-ignore
-      thick: v.thick,
-      // @ts-ignore
-      'fill-thick': v['fill-thick'],
     };
 
     Object.entries(variants).forEach(([variant, svgString]) => {

package/src/generate-tsx-components.ts

@@ -29,7 +29,9 @@ export const generateTsxComponents = () => {
         'ref={ref} className={className} {...props}',
       )
       .replace(/style="[^"]*"/g, '')
-      .replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, '');
+      .replace(/xmlns="http:\/\/www.w3.org\/1999\/xhtml"/g, '')
+      .replace(/xmlns:xlink="[^"]*"/g, 'xmlnsXlink="http://www.w3.org/1999/xlink"')
+      .replace(/xlink:href=/g, 'xlinkHref=');
   }
 
   // 케밥 케이스 변환 함수
@@ -59,7 +61,6 @@ export const generateTsxComponents = () => {
   // 아이콘 Props 인터페이스 생성 함수
   const IconProps = (additionalProps = '') => `{
   fill?: boolean;
-  thick?: boolean;
   className?: string;
   ${additionalProps}
   ${COLOR}?: BasicColorType;
@@ -80,8 +81,6 @@ export const generateTsxComponents = () => {
     const variants = {
       default: v.default,
       fill: v.fill,
-      thick: v.thick,
-      'fill-thick': v['fill-thick'],
     };
 
     Object.entries(variants).forEach(([variant, svgString]) => {
@@ -119,16 +118,12 @@ import { iconSizeMap } from '@liner-fe/design-token-primitive';
 import { IconProps } from '../../index';
 
 export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
-  ({ fill = false, thick = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
+  ({ fill = false, size = 'm', type = 'neutral-label-primary', className, fillType = 'inverse-label-primary', ...props }, ref) => {
     const iconSize = iconSizeMap[size];
-    if (fill && thick) {
-      return ${variantSvgs['fill-thick'] || defaultSvg};
-    } else if (fill) {
+    if (fill) {
       return ${variantSvgs.fill || defaultSvg};
-    } else if (thick) {
-      return ${variantSvgs.thick || defaultSvg};
-    } 
-    
+    }
+
     return ${variantSvgs.default || defaultSvg};
   }
 );
@@ -163,8 +158,7 @@ export const Icon${componentName} = forwardRef<SVGSVGElement, IconProps>(
         const variantSvgs = processSvgVariants(variants);
 
         if (Object.keys(variantSvgs).length > 0) {
-          const defaultSvg =
-            variantSvgs.default || variantSvgs.thick || Object.values(variantSvgs)[0];
+          const defaultSvg = variantSvgs.default || Object.values(variantSvgs)[0];
 
           const tsxCode = generateTsxComponent(componentName, variantSvgs, defaultSvg);
 
@@ -201,7 +195,7 @@ 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 ColorIconProps = Omit<IconProps, 'type' | 'fillType' | 'fill'>;
 
 export type IconComponentType = React.ForwardRefExoticComponent<
   Omit<IconProps, 'ref'> & React.RefAttributes<SVGSVGElement>