npm - @reitwagen/design-components - Versions diffs - 0.2.1 → 0.3.0 - Mend

@reitwagen/design-components 0.2.1 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (292) hide show

package/dist/components/Icons/IconEditDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconEditDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconEditDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconEditDefault;
 //# sourceMappingURL=IconEditDefault.d.ts.map

package/dist/components/Icons/IconEditDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconEditDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEditDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CAmBP~~;AAED,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"IconEditDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEditDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconEditDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconEditDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.629 10.2 13.8 6.371M2.793 21.207l3.24-.36c.395-.044.593-.066.778-.126q.247-.08.464-.223c.162-.107.303-.248.585-.53L20.5 7.329A2.707 2.707 0 0 0 16.671 3.5L4.031 16.14c-.281.282-.422.423-.53.585q-.143.217-.222.464c-.06.185-.082.383-.126.779z" }) }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconEditDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.629 10.2 13.8 6.371M2.793 21.207l3.24-.36c.395-.044.593-.066.778-.126q.247-.08.464-.223c.162-.107.303-.248.585-.53L20.5 7.329A2.707 2.707 0 0 0 16.671 3.5L4.031 16.14c-.281.282-.422.423-.53.585q-.143.217-.222.464c-.06.185-.082.383-.126.779z" }) }));
 }
 exports.default = IconEditDefault;

package/dist/components/Icons/IconEyeOff.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconEyeOff({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconEyeOff({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconEyeOff;
 //# sourceMappingURL=IconEyeOff.d.ts.map

package/dist/components/Icons/IconEyeOff.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconEyeOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,UAAU,CAAC,~~EAClB~~,~~IAAgB~~,~~EAChB~~,KAAU,~~EACV~~,MAAW,~~EACX~~,GAAG,KAAK,~~EACT~~,EAAE,KAAK,~~2CAiCP~~;AAED,eAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"IconEyeOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAkC1E;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Icons/IconEyeOff.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconEyeOff({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m14.53 9.47-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06" }), (0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68-.9 1.41-.9 3.78 0 5.19.79 1.24 1.71 2.31 2.71 3.17M8.42 19.53c1.14.48 2.35.74 3.58.74 3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-.33-.52-.69-1.01-1.06-1.47" }), (0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82M9.47 14.53 2 22M22 2l-7.47 7.47" })] }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconEyeOff({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m14.53 9.47-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68-.9 1.41-.9 3.78 0 5.19.79 1.24 1.71 2.31 2.71 3.17M8.42 19.53c1.14.48 2.35.74 3.58.74 3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-.33-.52-.69-1.01-1.06-1.47" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82M9.47 14.53 2 22M22 2l-7.47 7.47" })] }));
 }
 exports.default = IconEyeOff;

package/dist/components/Icons/IconEyeOn.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconEyeOn({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconEyeOn({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconEyeOn;
 //# sourceMappingURL=IconEyeOn.d.ts.map

package/dist/components/Icons/IconEyeOn.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconEyeOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,SAAS,CAAC,~~EACjB~~,~~IAAgB~~,~~EAChB~~,KAAU,~~EACV~~,MAAW,~~EACX~~,GAAG,KAAK,~~EACT~~,EAAE,KAAK,~~2CA0BP~~;AAED,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"IconEyeOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconEyeOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CA2BzE;AAED,eAAe,SAAS,CAAC"}

package/dist/components/Icons/IconEyeOn.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconEyeOn({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.58 12c0 1.98-1.6 3.58-3.58 3.58S8.42 13.98 8.42 12s1.6-3.58 3.58-3.58 3.58 1.6 3.58 3.58" }), (0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 20.27c3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-2.29-3.6-5.58-5.68-9.11-5.68S5.18 5.8 2.89 9.4c-.9 1.41-.9 3.78 0 5.19 2.29 3.6 5.58 5.68 9.11 5.68" })] }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconEyeOn({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.58 12c0 1.98-1.6 3.58-3.58 3.58S8.42 13.98 8.42 12s1.6-3.58 3.58-3.58 3.58 1.6 3.58 3.58" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 20.27c3.53 0 6.82-2.08 9.11-5.68.9-1.41.9-3.78 0-5.19-2.29-3.6-5.58-5.68-9.11-5.68S5.18 5.8 2.89 9.4c-.9 1.41-.9 3.78 0 5.19 2.29 3.6 5.58 5.68 9.11 5.68" })] }));
 }
 exports.default = IconEyeOn;

package/dist/components/Icons/IconFilterDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconFilterDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconFilterDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFilterDefault;
 //# sourceMappingURL=IconFilterDefault.d.ts.map

package/dist/components/Icons/IconFilterDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconFilterDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFilterDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,iBAAiB,CAAC,EACzB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CAoBP~~;AAED,eAAe,iBAAiB,CAAC"}
1	+ {"version":3,"file":"IconFilterDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFilterDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconFilterDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconFilterDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M22 6.5h-8.5M6 6.5H2M10 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M22 17.5h-4M10.5 17.5H2M14 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" }) }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconFilterDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 10, strokeWidth: 1.5, d: "M22 6.5h-8.5M6 6.5H2M10 10a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M22 17.5h-4M10.5 17.5H2M14 21a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" }) }));
 }
 exports.default = IconFilterDefault;

package/dist/components/Icons/IconFireDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconFireDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconFireDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFireDefault;
 //# sourceMappingURL=IconFireDefault.d.ts.map

package/dist/components/Icons/IconFireDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconFireDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFireDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CA2BP~~;AAED,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"IconFireDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFireDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconFireDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconFireDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M4.4 12.833c0 3.211 1.52 7.189 7.6 7.189s7.6-3.978 7.6-7.992-2.28-5.621-2.28-5.621c.478 1.01.054 2.656-.326 3.738C15.538 4.614 10.542 4 10.542 4c1.52.801.822 6.424-1.582 6.424-2.28 0-.76-3.212-.76-3.212s-3.8.803-3.8 5.62" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFDB76", d: "M12.366 12.01c-.623.668-.156 3.302 1.602 3.303 1.656 0 1.012-1.845 1.002-1.873.026.004 2.781.481 2.781 3.278 0 .472-.07.972-.248 1.457-1.17 1.13-2.925 1.846-5.502 1.846-2.24 0-3.86-.54-5.014-1.383-.26-.58-.361-1.24-.362-1.943 0-2.337 1.663-3.276 1.67-3.279-.35.59-.04 1.55.239 2.18 1.06-3.21 3.802-3.581 3.832-3.585" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconFireDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M4.4 12.833c0 3.211 1.52 7.189 7.6 7.189s7.6-3.978 7.6-7.992-2.28-5.621-2.28-5.621c.478 1.01.054 2.656-.326 3.738C15.538 4.614 10.542 4 10.542 4c1.52.801.822 6.424-1.582 6.424-2.28 0-.76-3.212-.76-3.212s-3.8.803-3.8 5.62" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFDB76", d: "M12.366 12.01c-.623.668-.156 3.302 1.602 3.303 1.656 0 1.012-1.845 1.002-1.873.026.004 2.781.481 2.781 3.278 0 .472-.07.972-.248 1.457-1.17 1.13-2.925 1.846-5.502 1.846-2.24 0-3.86-.54-5.014-1.383-.26-.58-.361-1.24-.362-1.943 0-2.337 1.663-3.276 1.67-3.279-.35.59-.04 1.55.239 2.18 1.06-3.21 3.802-3.581 3.832-3.585" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }
 exports.default = IconFireDefault;

package/dist/components/Icons/IconFlagDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconFlagDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconFlagDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFlagDefault;
 //# sourceMappingURL=IconFlagDefault.d.ts.map

package/dist/components/Icons/IconFlagDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconFlagDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFlagDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CAgBP~~;AAED,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"IconFlagDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFlagDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconFlagDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconFlagDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: fill, d: "M5.697 2c.536 0 .97.448.97 1v1.445c1.2-.268 2.705-.526 3.742-.422 1.985.2 3.025 1.789 4.773 1.843.884.028 1.922-.209 2.73-.449.66-.196 1.36.301 1.36 1.01v7.975c0 .408-.24.775-.614.906-.813.284-2.284.727-3.476.69-1.748-.054-2.788-1.643-4.773-1.843-1.037-.104-2.542.154-3.742.422V21c0 .552-.434 1-.97 1-.535 0-.97-.448-.97-1V3c0-.552.435-1 .97-1" }) }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconFlagDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M5.697 2c.536 0 .97.448.97 1v1.445c1.2-.268 2.705-.526 3.742-.422 1.985.2 3.025 1.789 4.773 1.843.884.028 1.922-.209 2.73-.449.66-.196 1.36.301 1.36 1.01v7.975c0 .408-.24.775-.614.906-.813.284-2.284.727-3.476.69-1.748-.054-2.788-1.643-4.773-1.843-1.037-.104-2.542.154-3.742.422V21c0 .552-.434 1-.97 1-.535 0-.97-.448-.97-1V3c0-.552.435-1 .97-1" }) }));
 }
 exports.default = IconFlagDefault;

package/dist/components/Icons/IconFunDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconFunDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconFunDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconFunDefault;
 //# sourceMappingURL=IconFunDefault.d.ts.map

package/dist/components/Icons/IconFunDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconFunDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFunDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,cAAc,CAAC,EACtB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CAyCP~~;AAED,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"IconFunDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconFunDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA0CP;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Icons/IconFunDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconFunDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FFDB70", d: "M20 11.8a8.2 8.2 0 1 1-16.4 0 8.2 8.2 0 0 1 16.4 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M13.64 14.155c.39-.207.899.093.685.48a2.1 2.1 0 0 1-.592.665c-.254.19-.555.34-.887.444a3.5 3.5 0 0 1-1.046.156c-.359 0-.714-.053-1.046-.156a2.9 2.9 0 0 1-.887-.444 2.1 2.1 0 0 1-.592-.666c-.214-.386.295-.686.686-.48.56.297 1.28.607 1.839.607s1.279-.31 1.84-.606" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M4.79 10.538c-.072-1 .656-1.795 1.656-1.874.402-.031.884-.053 1.453-.053.709 0 1.317.05 1.814.118.973.132 1.649.949 1.52 1.923q-.043.329-.126.709c-.093.42-.215.74-.34.983-.271.53-.845.89-1.43 1-.307.057-.722.113-1.286.156-.395.03-.877-.01-1.32-.07-.815-.11-1.497-.665-1.705-1.461a8 8 0 0 1-.237-1.43M18.81 10.538c.072-1-.656-1.795-1.656-1.874a19 19 0 0 0-1.453-.053c-.709 0-1.317.05-1.814.118-.973.132-1.649.949-1.52 1.923q.043.329.126.709c.093.42.215.74.34.983.271.53.845.89 1.43 1 .306.057.722.113 1.285.156.396.03.878-.01 1.32-.07.815-.11 1.498-.665 1.706-1.461a8 8 0 0 0 .237-1.43" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M10.293 9.616s.754.25 1.507.25 1.507-.25 1.507-.25v2.51s-.887-1.004-1.507-1.004-1.507 1.005-1.507 1.005z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: 0.592, d: "M17.594 11s.14.691-.186 1.139c-.497.683-1.408.683-1.408.683M9.75 10.661s.139.691-.186 1.139c-.497.683-1.408.683-1.408.683" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconFunDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("path", { fill: "#FFDB70", d: "M20 11.8a8.2 8.2 0 1 1-16.4 0 8.2 8.2 0 0 1 16.4 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M13.64 14.155c.39-.207.899.093.685.48a2.1 2.1 0 0 1-.592.665c-.254.19-.555.34-.887.444a3.5 3.5 0 0 1-1.046.156c-.359 0-.714-.053-1.046-.156a2.9 2.9 0 0 1-.887-.444 2.1 2.1 0 0 1-.592-.666c-.214-.386.295-.686.686-.48.56.297 1.28.607 1.839.607s1.279-.31 1.84-.606" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M4.79 10.538c-.072-1 .656-1.795 1.656-1.874.402-.031.884-.053 1.453-.053.709 0 1.317.05 1.814.118.973.132 1.649.949 1.52 1.923q-.043.329-.126.709c-.093.42-.215.74-.34.983-.271.53-.845.89-1.43 1-.307.057-.722.113-1.286.156-.395.03-.877-.01-1.32-.07-.815-.11-1.497-.665-1.705-1.461a8 8 0 0 1-.237-1.43M18.81 10.538c.072-1-.656-1.795-1.656-1.874a19 19 0 0 0-1.453-.053c-.709 0-1.317.05-1.814.118-.973.132-1.649.949-1.52 1.923q.043.329.126.709c.093.42.215.74.34.983.271.53.845.89 1.43 1 .306.057.722.113 1.285.156.396.03.878-.01 1.32-.07.815-.11 1.498-.665 1.706-1.461a8 8 0 0 0 .237-1.43" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M10.293 9.616s.754.25 1.507.25 1.507-.25 1.507-.25v2.51s-.887-1.004-1.507-1.004-1.507 1.005-1.507 1.005z" }), (0, jsx_runtime_1.jsx)("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: 0.592, d: "M17.594 11s.14.691-.186 1.139c-.497.683-1.408.683-1.408.683M9.75 10.661s.139.691-.186 1.139c-.497.683-1.408.683-1.408.683" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }
 exports.default = IconFunDefault;

package/dist/components/Icons/IconHeartDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconHeartDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconHeartDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHeartDefault;
 //# sourceMappingURL=IconHeartDefault.d.ts.map

package/dist/components/Icons/IconHeartDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconHeartDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,gBAAgB,CAAC,EACxB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CAuBP~~;AAED,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"IconHeartDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAwBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconHeartDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconHeartDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#prefix__a)", children: (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", d: "M15.552 4.8A4.44 4.44 0 0 0 12 6.584 4.44 4.44 0 0 0 8.448 4.8C5.992 4.8 4 6.8 4 9.272c0 .952.152 1.832.416 2.648 1.264 4 5.16 6.392 7.088 7.048.272.096.72.096.992 0 1.928-.656 5.824-3.048 7.088-7.048A8.5 8.5 0 0 0 20 9.272C20 6.8 18.008 4.8 15.552 4.8" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconHeartDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsx)("g", { clipPath: "url(#prefix__a)", children: (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", d: "M15.552 4.8A4.44 4.44 0 0 0 12 6.584 4.44 4.44 0 0 0 8.448 4.8C5.992 4.8 4 6.8 4 9.272c0 .952.152 1.832.416 2.648 1.264 4 5.16 6.392 7.088 7.048.272.096.72.096.992 0 1.928-.656 5.824-3.048 7.088-7.048A8.5 8.5 0 0 0 20 9.272C20 6.8 18.008 4.8 15.552 4.8" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }
 exports.default = IconHeartDefault;

package/dist/components/Icons/IconHeartOff.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconHeartOff({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconHeartOff({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHeartOff;
 //# sourceMappingURL=IconHeartOff.d.ts.map

package/dist/components/Icons/IconHeartOff.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconHeartOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,YAAY,CAAC,~~EACpB~~,~~IAAgB~~,~~EAChB~~,KAAU,~~EACV~~,MAAW,~~EACX~~,GAAG,KAAK,~~EACT~~,EAAE,KAAK,~~2CAoBP~~;AAED,eAAe,YAAY,CAAC"}
1	+ {"version":3,"file":"IconHeartOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB5E;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Icons/IconHeartOff.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconHeartOff({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.872 11.598c-1.073-3.35.18-7.179 3.698-8.312C8.42 2.69 10.5 3 12 5c1.5-2 3.572-2.307 5.42-1.714 3.517 1.133 4.779 4.962 3.707 8.312-1.215 3.862-5.49 7.079-7.732 8.546a2.54 2.54 0 0 1-2.792.003c-2.232-1.456-6.478-4.648-7.731-8.549", clipRule: "evenodd" }) }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconHeartOff({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.872 11.598c-1.073-3.35.18-7.179 3.698-8.312C8.42 2.69 10.5 3 12 5c1.5-2 3.572-2.307 5.42-1.714 3.517 1.133 4.779 4.962 3.707 8.312-1.215 3.862-5.49 7.079-7.732 8.546a2.54 2.54 0 0 1-2.792.003c-2.232-1.456-6.478-4.648-7.731-8.549", clipRule: "evenodd" }) }));
 }
 exports.default = IconHeartOff;

package/dist/components/Icons/IconHeartOn.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconHeartOn({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconHeartOn({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHeartOn;
 //# sourceMappingURL=IconHeartOn.d.ts.map

package/dist/components/Icons/IconHeartOn.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconHeartOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,~~EACnB~~,~~IAAgB~~,~~EAChB~~,KAAU,~~EACV~~,MAAW,~~EACX~~,GAAG,KAAK,~~EACT~~,EAAE,KAAK,~~2CAsBP~~;AAED,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"IconHeartOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHeartOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB3E;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Icons/IconHeartOn.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconHeartOn({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: fill, fillRule: "evenodd", stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.872 11.598c-1.073-3.35.18-7.179 3.698-8.312C8.42 2.69 10.5 3 12 5c1.5-2 3.572-2.307 5.42-1.714 3.517 1.133 4.779 4.962 3.707 8.312-1.215 3.862-5.49 7.079-7.732 8.546a2.54 2.54 0 0 1-2.792.003c-2.232-1.456-6.478-4.648-7.731-8.549", clipRule: "evenodd" }) }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconHeartOn({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M2.872 11.598c-1.073-3.35.18-7.179 3.698-8.312C8.42 2.69 10.5 3 12 5c1.5-2 3.572-2.307 5.42-1.714 3.517 1.133 4.779 4.962 3.707 8.312-1.215 3.862-5.49 7.079-7.732 8.546a2.54 2.54 0 0 1-2.792.003c-2.232-1.456-6.478-4.648-7.731-8.549", clipRule: "evenodd" }) }));
 }
 exports.default = IconHeartOn;

package/dist/components/Icons/IconHelmetDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconHelmetDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconHelmetDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHelmetDefault;
 //# sourceMappingURL=IconHelmetDefault.d.ts.map

package/dist/components/Icons/IconHelmetDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconHelmetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHelmetDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,iBAAiB,CAAC,EACzB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CA2DP~~;AAED,eAAe,iBAAiB,CAAC"}
1	+ {"version":3,"file":"IconHelmetDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHelmetDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4DP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconHelmetDefault.js CHANGED Viewed

@@ -1,7 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function IconHelmetDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("ellipse", { cx: 17.195, cy: 12.62, fill: "#fff", rx: 1.082, ry: 2.596, transform: "rotate(-11.815 17.195 12.62)" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", d: "M11.81 10.4c.155 0 .284.13.284.285 0 .156-.129.285-.285.285a.29.29 0 0 1-.285-.285c0-.155.13-.285.285-.285" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", fillRule: "evenodd", d: "M12.057 4.406c2.541.13 5.028 2.238 6.014 4.28v.003c.9 1.848 1.529 4.831 1.529 7.252l-.002.009-.004.03-.006.028-.001.01-.644 2.251a1.26 1.26 0 0 1-.569.741l-1.54.925a.28.28 0 0 1-.238.023L5.184 15.907a.74.74 0 0 1-.463-.497c-.366-1.321-.696-2.622-.696-3.974 0-.741.16-1.392.4-1.985l.001-.008.002-.004c.282-.698.672-1.311 1.038-1.881l.187-.294.177-.286-1.031-.597a.28.28 0 0 1-.077-.251.28.28 0 0 1 .165-.207C7.009 5.004 9.04 4.4 11.812 4.4zm5.263 6.161a.281.281 0 0 0-.51.237c.42.906.724 2.435.724 3.634a.281.281 0 1 0 .563 0c0-1.29-.32-2.882-.777-3.871M4.835 9.948a4.7 4.7 0 0 0-.249 1.488q.002.47.054.94l3.64 1.214c-.927-1.846-2.313-3.055-3.445-3.642m6.977-.482c-.672 0-1.22.548-1.22 1.22s.548 1.22 1.22 1.22a1.22 1.22 0 0 0 1.212-1.352 1.21 1.21 0 0 0-.411-.786 1.22 1.22 0 0 0-.801-.302", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFA0A0", d: "M8.568 13.918c-1.064-2.194-2.89-3.706-4.19-4.404 0 0-.272.347-.353 1.375s.058 1.73.058 1.73c.674.235 2.755.701 4.485 1.299" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", fillRule: "evenodd", d: "M18.071 8.687v.002c.9 1.848 1.529 4.832 1.529 7.252l-.002.01-.003.03-.006.027q0 .003-.002.01l-.042.145c-.237.031-.44.044-.63.047a12.3 12.3 0 0 1-2.225-.273c-.86-.19-1.702-.473-2.503-.842l-2.16-.995a.87.87 0 0 1-.497-.78v-.874a1.78 1.78 0 0 1-1.5-1.759c0-.983.799-1.782 1.782-1.782.384 0 .758.126 1.065.356l4.505-.67.597-.085q.048.09.092.181m-.75 1.88a.281.281 0 0 0-.511.237c.42.906.725 2.435.725 3.634a.281.281 0 1 0 .562 0c0-1.29-.319-2.882-.777-3.87m-5.51-1.101c-.67 0-1.219.548-1.219 1.22s.548 1.22 1.22 1.22a1.22 1.22 0 0 0 1.212-1.352 1.2 1.2 0 0 0-.411-.786 1.22 1.22 0 0 0-.801-.302", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M11.813 10.24c.236 0 .432.197.432.433a.436.436 0 0 1-.432.433.436.436 0 0 1-.433-.433c0-.236.196-.432.432-.432" }), (0, jsx_runtime_1.jsx)("path", { fill: "#C62222", d: "M11.708 8.834c1.004 0 1.838.835 1.838 1.839a1.853 1.853 0 0 1-1.838 1.839 1.854 1.854 0 0 1-1.839-1.839c0-1.004.835-1.838 1.839-1.839" }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M11.722 9.6c.59 0 1.081.49 1.081 1.08a1.09 1.09 0 0 1-1.081 1.082 1.09 1.09 0 0 1-1.082-1.081c0-.59.491-1.082 1.082-1.082" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+function IconHelmetDefault({ className, width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", className: className, ...props, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#prefix__a)", children: [(0, jsx_runtime_1.jsx)("ellipse", { cx: 17.195, cy: 12.62, fill: "#fff", rx: 1.082, ry: 2.596, transform: "rotate(-11.815 17.195 12.62)" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", d: "M11.81 10.4c.155 0 .284.13.284.285 0 .156-.129.285-.285.285a.29.29 0 0 1-.285-.285c0-.155.13-.285.285-.285" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F65353", fillRule: "evenodd", d: "M12.057 4.406c2.541.13 5.028 2.238 6.014 4.28v.003c.9 1.848 1.529 4.831 1.529 7.252l-.002.009-.004.03-.006.028-.001.01-.644 2.251a1.26 1.26 0 0 1-.569.741l-1.54.925a.28.28 0 0 1-.238.023L5.184 15.907a.74.74 0 0 1-.463-.497c-.366-1.321-.696-2.622-.696-3.974 0-.741.16-1.392.4-1.985l.001-.008.002-.004c.282-.698.672-1.311 1.038-1.881l.187-.294.177-.286-1.031-.597a.28.28 0 0 1-.077-.251.28.28 0 0 1 .165-.207C7.009 5.004 9.04 4.4 11.812 4.4zm5.263 6.161a.281.281 0 0 0-.51.237c.42.906.724 2.435.724 3.634a.281.281 0 1 0 .563 0c0-1.29-.32-2.882-.777-3.871M4.835 9.948a4.7 4.7 0 0 0-.249 1.488q.002.47.054.94l3.64 1.214c-.927-1.846-2.313-3.055-3.445-3.642m6.977-.482c-.672 0-1.22.548-1.22 1.22s.548 1.22 1.22 1.22a1.22 1.22 0 0 0 1.212-1.352 1.21 1.21 0 0 0-.411-.786 1.22 1.22 0 0 0-.801-.302", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFA0A0", d: "M8.568 13.918c-1.064-2.194-2.89-3.706-4.19-4.404 0 0-.272.347-.353 1.375s.058 1.73.058 1.73c.674.235 2.755.701 4.485 1.299" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", fillRule: "evenodd", d: "M18.071 8.687v.002c.9 1.848 1.529 4.832 1.529 7.252l-.002.01-.003.03-.006.027q0 .003-.002.01l-.042.145c-.237.031-.44.044-.63.047a12.3 12.3 0 0 1-2.225-.273c-.86-.19-1.702-.473-2.503-.842l-2.16-.995a.87.87 0 0 1-.497-.78v-.874a1.78 1.78 0 0 1-1.5-1.759c0-.983.799-1.782 1.782-1.782.384 0 .758.126 1.065.356l4.505-.67.597-.085q.048.09.092.181m-.75 1.88a.281.281 0 0 0-.511.237c.42.906.725 2.435.725 3.634a.281.281 0 1 0 .562 0c0-1.29-.319-2.882-.777-3.87m-5.51-1.101c-.67 0-1.219.548-1.219 1.22s.548 1.22 1.22 1.22a1.22 1.22 0 0 0 1.212-1.352 1.2 1.2 0 0 0-.411-.786 1.22 1.22 0 0 0-.801-.302", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M11.813 10.24c.236 0 .432.197.432.433a.436.436 0 0 1-.432.433.436.436 0 0 1-.433-.433c0-.236.196-.432.432-.432" }), (0, jsx_runtime_1.jsx)("path", { fill: "#C62222", d: "M11.708 8.834c1.004 0 1.838.835 1.838 1.839a1.853 1.853 0 0 1-1.838 1.839 1.854 1.854 0 0 1-1.839-1.839c0-1.004.835-1.838 1.839-1.839" }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M11.722 9.6c.59 0 1.081.49 1.081 1.08a1.09 1.09 0 0 1-1.081 1.082 1.09 1.09 0 0 1-1.082-1.081c0-.59.491-1.082 1.082-1.082" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "prefix__a", children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M0 0h24v24H0z" }) }) })] }));
 }
 exports.default = IconHelmetDefault;

package/dist/components/Icons/IconHomeDefault.d.ts CHANGED Viewed

@@ -1,9 +1,17 @@
 import type { SVGProps } from "react";
 interface Props extends SVGProps<SVGSVGElement> {
-    fill?: string;
+    className: string;
     width?: number;
     height?: number;
 }
-declare function IconHomeDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
+declare function IconHomeDefault({ className, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconHomeDefault;
 //# sourceMappingURL=IconHomeDefault.d.ts.map

package/dist/components/Icons/IconHomeDefault.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconHomeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHomeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,~~IAAI~~,~~CAAC,~~EAAE,MAAM,CAAC;~~IACd~~,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,~~IAAgB~~,~~EAChB~~,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,~~2CAgBP~~;AAED,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"IconHomeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconHomeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,eAAe,CAAC"}