@reitwagen/design-components 0.2.2 → 0.3.1

package/dist/components/Icons/IconRevolvingLightDefault.d.ts

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

package/dist/components/Icons/IconRevolvingLightDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconRevolvingLightDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRevolvingLightDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA8BP;AAED,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"IconRevolvingLightDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconRevolvingLightDefault.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;;;;;;;;GAQG;AACH,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA8BP;AAED,eAAe,yBAAyB,CAAC"}

package/dist/components/Icons/IconRevolvingLightDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconRevolvingLightDefault({ 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", { fill: "#fff", d: "M0 0h24v24H0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#777783", d: "M4.236 17.299a.98.98 0 0 1 .975-.891h13.804a.98.98 0 0 1 .972.862l.198 1.633A.98.98 0 0 1 19.212 20H5.062a.98.98 0 0 1-.975-1.068z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F66", d: "M6.383 5.18c.065-.67.628-1.18 1.3-1.18h8.94c.673 0 1.236.51 1.3 1.18l1.088 11.229H5.296z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#E45454", d: "M8.809 10.406a1.306 1.306 0 0 1 1.3-1.182h4.09c.672 0 1.236.512 1.3 1.182l.573 6.002H8.235z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FFB3BB", d: "M12.026 5.3c.027-.14.228-.14.256 0l.577 2.917a.13.13 0 0 0 .2.083l2.472-1.654c.118-.08.26.062.18.181l-1.653 2.471a.13.13 0 0 0 .083.2l2.917.578c.14.028.14.229 0 .256l-2.917.578a.13.13 0 0 0-.083.2l1.654 2.471c.08.12-.062.261-.181.181l-2.471-1.654a.13.13 0 0 0-.2.083l-.578 2.917c-.028.14-.229.14-.257 0l-.577-2.917a.13.13 0 0 0-.2-.083l-2.471 1.654c-.12.08-.261-.062-.182-.18l1.655-2.472a.13.13 0 0 0-.084-.2l-2.916-.578c-.14-.027-.14-.228 0-.256l2.916-.577a.13.13 0 0 0 .084-.201l-1.655-2.47c-.08-.12.063-.262.182-.182l2.47 1.654a.13.13 0 0 0 .201-.083z" })] }));
 }

package/dist/components/Icons/IconSadDefault.d.ts

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

package/dist/components/Icons/IconSadDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSadDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSadDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA2CP;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"IconSadDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSadDefault.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;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA2CP;AAED,eAAe,cAAc,CAAC"}

package/dist/components/Icons/IconSadDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconSadDefault({ 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", { stroke: "#3C3C4A", strokeLinecap: "round", strokeWidth: 0.683, d: "M9.671 6.68S9 6.518 8.155 7.006c-.69.4-.91 1.114-.91 1.114M13.622 6.68s.672-.161 1.516.327c.69.4.911 1.114.911 1.114" }), (0, jsx_runtime_1.jsx)("path", { fill: "#FF763F", d: "M10.09 15.278c-.282.076-.517-.126-.395-.39.115-.249.282-.475.494-.665.211-.19.463-.342.739-.445a2.5 2.5 0 0 1 1.743 0c.277.103.528.254.74.445.21.19.379.416.493.665.122.264-.112.466-.394.39-.484-.13-1.183-.29-1.71-.29-.528 0-1.227.16-1.71.29" }), (0, jsx_runtime_1.jsx)("path", { fill: "#3C3C4A", d: "M10.433 10.206c0 .629-.408 1.139-.91 1.139-.504 0-.912-.51-.912-1.14 0-.628.408-1.138.911-1.138s.911.51.911 1.139" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: 14.078, cy: 10.206, fill: "#3C3C4A", rx: 0.911, ry: 1.139 }), (0, jsx_runtime_1.jsx)("path", { fill: "#A0CBFF", d: "M10.126 14.23c.163.332.307.683.307 1.084 0 1.078-.816 1.953-1.822 1.953s-1.822-.875-1.822-1.953c0-.413.163-.784.324-1.11l1.102-2.092a.456.456 0 0 1 .807.002z" })] }), (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" }) }) })] }));
 }

package/dist/components/Icons/IconSafe.d.ts

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

package/dist/components/Icons/IconSafe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSafe.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSafe.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAyBxE;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"IconSafe.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSafe.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;;;;;;;;GAQG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAyBxE;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/Icons/IconSafe.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconSafe({ 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", { fill: "currentColor", d: "M12.187 21.443c8.215-2.393 7.905-11.73 7.714-13.924a.82.82 0 0 0-.45-.664 173 173 0 0 0-7.161-3.338.8.8 0 0 0-.646 0c-.958.42-3.917 1.73-7.16 3.338a.82.82 0 0 0-.452.664c-.19 2.194-.5 11.531 7.715 13.923a.8.8 0 0 0 .44 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M12.185 20.062c6.962-2.028 6.7-9.94 6.539-11.798a.69.69 0 0 0-.384-.562 149 149 0 0 0-6.067-2.83.69.69 0 0 0-.547 0c-.81.355-3.318 1.468-6.067 2.83a.7.7 0 0 0-.383.562c-.161 1.86-.424 9.772 6.539 11.798.12.035.249.035.37 0" }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M10.959 15.28c-.287 0-.556-.112-.758-.317l-2.038-2.067a.69.69 0 0 1 .003-.969.675.675 0 0 1 .962.004l1.83 1.856 4.343-4.474a.677.677 0 0 1 .961-.01.69.69 0 0 1 .011.968l-4.55 4.686a1.06 1.06 0 0 1-.759.323z" })] }));
 }

package/dist/components/Icons/IconSearchDefault.d.ts

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

package/dist/components/Icons/IconSearchDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSearchDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSearchDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"IconSearchDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSearchDefault.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;;;;;;;;GAQG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP;AAED,eAAe,iBAAiB,CAAC"}

package/dist/components/Icons/IconSearchDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconSearchDefault({ 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)("circle", { cx: 11.767, cy: 11.767, r: 8.989, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M18.018 18.485 21.542 22" })] }));
 }

package/dist/components/Icons/IconSettingDefault.d.ts

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

package/dist/components/Icons/IconSettingDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSettingDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSettingDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"IconSettingDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSettingDefault.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;;;;;;;;GAQG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAiBP;AAED,eAAe,kBAAkB,CAAC"}

package/dist/components/Icons/IconSettingDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconSettingDefault({ 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: "M12.797 1.528a2.662 2.662 0 0 1 2.662 2.71c.002.143.032.284.088.414l.064.127.002.003a1.157 1.157 0 0 0 1.581.41l.37.628-.362-.632a2.664 2.664 0 0 1 3.632.98l.622 1.08q.03.054.05.11a2.66 2.66 0 0 1-1.017 3.522l-.379-.648.373.652c-.173.1-.318.243-.418.416l-.002.005a1.155 1.155 0 0 0 .421 1.581 2.655 2.655 0 0 1 .97 3.637l-.005.008-.654 1.089a2.664 2.664 0 0 1-3.63.97l-.131-.065a1.2 1.2 0 0 0-.419-.092 1.156 1.156 0 0 0-1.155 1.16l-.75.002v.001l.75.003a2.663 2.663 0 0 1-2.663 2.65h-1.254a2.663 2.663 0 0 1-2.663-2.655 1.1 1.1 0 0 0-.152-.54l-.006-.01a1.146 1.146 0 0 0-1.57-.42l-.378-.648.366.655a2.664 2.664 0 0 1-3.624-1.021l-.63-1.089.648-.376-.65.375a2.655 2.655 0 0 1 .97-3.624 1.164 1.164 0 0 0 0-2.014l.375-.65-.377.649a2.664 2.664 0 0 1-.968-3.632l.01-.015.667-1.099a2.663 2.663 0 0 1 3.622-.965l-.373.649.383-.644c.163.097.348.148.537.15a1.163 1.163 0 0 0 1.152-1.027l.007-.118a2.654 2.654 0 0 1 2.654-2.652zm-.622 7.225a3.136 3.136 0 1 0 0 6.272 3.136 3.136 0 0 0 0-6.272" }) }));
 }

package/dist/components/Icons/IconShareDefault.d.ts

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

package/dist/components/Icons/IconShareDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconShareDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShareDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconShareDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShareDefault.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;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAoBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconShareDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconShareDefault({ 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: "m8.59 13.51 6.83 3.98m-.01-10.98-6.82 3.98M21 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0M9 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0m12 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0" }) }));
 }

package/dist/components/Icons/IconShopDefault.d.ts

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

package/dist/components/Icons/IconShopDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconShopDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShopDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconShopDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconShopDefault.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;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAqBP;AAED,eAAe,eAAe,CAAC"}

package/dist/components/Icons/IconShopDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconShopDefault({ 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", { fill: "currentColor", d: "M16.262 2h3a3 3 0 0 1 3 3v2a3 3 0 1 1-6 0zM1.76 5a3 3 0 0 1 3-3h3v5a3 3 0 0 1-6 0zM9 2h6v5a3 3 0 1 1-6 0z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15.63 9.11a4.197 4.197 0 0 0 6.64.819v8.382c0 2.32-1.897 4.189-4.222 4.189h-.942C15.943 22.473 15 21.557 15 20.393V18a3 3 0 0 0-6 0v2.417c0 1.15-.933 2.083-2.083 2.083h-.924c-2.325 0-4.222-1.869-4.222-4.189v-8.36a4.196 4.196 0 0 0 6.608-.822 4.198 4.198 0 0 0 7.252-.02" })] }));
 }

package/dist/components/Icons/IconSmileDefault.d.ts

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

package/dist/components/Icons/IconSmileDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconSmileDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSmileDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAkCP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconSmileDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconSmileDefault.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;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAkCP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconSmileDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconSmileDefault({ 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: "M15.604 12.155c.599-.162 1.195.286 1.091.897-.063.372-.152.728-.265.975a4.5 4.5 0 0 1-1.087 1.463 5.1 5.1 0 0 1-1.625.978 5.5 5.5 0 0 1-1.918.343 5.5 5.5 0 0 1-1.918-.343 5.1 5.1 0 0 1-1.625-.978 4.5 4.5 0 0 1-1.087-1.463c-.113-.247-.202-.603-.265-.975-.104-.611.492-1.059 1.09-.897 1.067.289 2.63.647 3.805.647s2.738-.358 3.804-.647" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: 9.522, cy: 10.206, fill: "#3C3C4A", rx: 0.911, ry: 1.139 }), (0, jsx_runtime_1.jsx)("ellipse", { cx: 14.078, cy: 10.206, fill: "#3C3C4A", rx: 0.911, ry: 1.139 }), (0, jsx_runtime_1.jsx)("path", { fill: "#fff", d: "M15.444 12.255v.75c0 .373-.228.704-.59.788-.554.13-1.496.285-2.826.285s-2.272-.155-2.825-.284c-.363-.085-.592-.416-.592-.789v-.694c.998.246 2.224.491 3.189.491 1.116 0 2.582-.326 3.64-.605q.003.03.004.058" })] }), (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" }) }) })] }));
 }

package/dist/components/Icons/IconStarOff.d.ts

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

package/dist/components/Icons/IconStarOff.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconStarOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB3E;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconStarOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOff.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;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAqB3E;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Icons/IconStarOff.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconStarOff({ 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: "m13.104 4.177 1.828 3.65c.179.36.524.608.925.665l4.088.589c1.01.145 1.412 1.37.681 2.07l-2.956 2.841c-.29.28-.423.681-.354 1.076l.698 4.01c.172.992-.884 1.749-1.787 1.28l-3.654-1.895a1.25 1.25 0 0 0-1.146 0l-3.654 1.894c-.903.47-1.959-.287-1.786-1.28l.697-4.01a1.2 1.2 0 0 0-.354-1.075l-2.956-2.84c-.731-.701-.33-1.926.68-2.071l4.089-.589c.4-.057.747-.306.926-.664l1.827-3.651c.452-.903 1.756-.903 2.208 0", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconStarOn.d.ts

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

package/dist/components/Icons/IconStarOn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconStarOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB1E;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconStarOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconStarOn.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;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAuB1E;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Icons/IconStarOn.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconStarOn({ 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: "m13.104 4.177 1.828 3.65c.179.36.524.608.925.665l4.088.589c1.01.145 1.412 1.37.681 2.07l-2.956 2.841c-.29.28-.423.681-.354 1.076l.698 4.01c.172.992-.884 1.749-1.787 1.28l-3.654-1.895a1.25 1.25 0 0 0-1.146 0l-3.654 1.894c-.903.47-1.959-.287-1.786-1.28l.697-4.01a1.2 1.2 0 0 0-.354-1.075l-2.956-2.84c-.731-.701-.33-1.926.68-2.071l4.089-.589c.4-.057.747-.306.926-.664l1.827-3.651c.452-.903 1.756-.903 2.208 0", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconThumbDefault.d.ts

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

package/dist/components/Icons/IconThumbDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconThumbDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThumbDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconThumbDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThumbDefault.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;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconThumbDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconThumbDefault({ 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: "M9.675 5.413c0-1.801 1.32-2.226 2.058-2.213 1.499 0 1.73 1.248 1.854 1.912.154.826.003 2.802-.066 3.709l-.002.026q.148-.035.32-.036h2.582c.969 0 1.758.79 1.758 1.758 0 .501-.16.954-.476 1.274.649.287 1.097.887 1.097 1.58 0 .636-.287 1.194-.848 1.503.512.317.848.848.848 1.449 0 .688-.337 1.285-.992 1.574.232.24.37.596.37 1.114 0 .857-.601 1.555-1.758 1.555h-2.396l-.083-.002h-1.946c-3.186.052-5.62-.641-6.553-2.505-.743-1.488-.743-4.474-.489-5.492.25-.996 1.606-1.964 2.875-2.81.41-.396.67-.749 1.031-1.328.311-.622.622-.932.816-3.068" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F9AE00", d: "M13.83 10.053c-.635.02-2.485-.252-2.485 1.223 0 .777.29 1.214.64 1.456-.35.156-.66.732-.66 1.447 0 .796.66 1.378.66 1.378s-.66.641-.66 1.408c0 .579.254 1.006.66 1.297-.22.125-.66.555-.66 1.285 0 .87.813.979 2.405 1.044-.776-.144-1.152-.37-1.152-1.044 0-.223.01-.504.29-.76h4.068a.31.31 0 0 0 0-.62h-3.983a1.95 1.95 0 0 1-.375-1.172c0-.258.097-.676.339-1.04h4.02a.31.31 0 0 0 0-.62h-3.883c-.32-.342-.476-.824-.476-1.29 0-.223.071-.563.245-.885h4.113a.31.31 0 0 0 0-.622h-3.835c-.35-.37-.524-.921-.524-1.348 0-.503.275-.994 1.253-1.124z" })] }), (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" }) }) })] }));
 }

package/dist/components/Icons/IconThunder.d.ts

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

package/dist/components/Icons/IconThunder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconThunder.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThunder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAmB3E;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconThunder.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconThunder.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;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,KAAU,EAAE,MAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAmB3E;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Icons/IconThunder.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconThunder({ 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", d: "M15.793 3.131a.9.9 0 0 0-.078-.595.97.97 0 0 0-.434-.432 1 1 0 0 0-.612-.09.96.96 0 0 0-.537.29L5.244 11.88a.91.91 0 0 0-.195.914.95.95 0 0 0 .276.408c.126.11.28.187.446.221l3.891.214-1.455 6.965c-.042.2-.015.41.078.595a.97.97 0 0 0 .434.432c.19.094.404.126.612.09a.96.96 0 0 0 .537-.29l8.888-9.576a.91.91 0 0 0 .195-.914.95.95 0 0 0-.276-.408 1 1 0 0 0-.446-.221l-3.771-.788z", clipRule: "evenodd" }) }));
 }

package/dist/components/Icons/IconTimeDefault.d.ts

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

package/dist/components/Icons/IconTimeDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconTimeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconTimeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA4BP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"IconTimeDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconTimeDefault.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;;;;;;;;GAQG;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/IconTimeDefault.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * `Icon-` 컴포넌트의 기본 사이즈는 24px을 기준으로 합니다. className 속성으로 text color를 지정하여 색상을 변경할 수 있습니다.
+ * @see [RDS Storybook: Icon](https://main--691ac7d6da1eb0c0acb5f3e2.chromatic.com/?path=/docs/components-icons--docs)
+ * @example
+ * ```tsx
+ * <Icon width={24} height={24} className="text-gray-500" />
+ * <Icon className="text-gray-500" />
+ * ```
+ */
 function IconTimeDefault({ 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: "M21.25 12A9.25 9.25 0 0 1 12 21.25 9.25 9.25 0 0 1 2.75 12 9.25 9.25 0 0 1 12 2.75 9.25 9.25 0 0 1 21.25 12", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m15.431 14.943-3.77-2.25V7.848" })] }));
 }

package/dist/components/Icons/IconVoteDefault.d.ts

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