@pfct/purple 1.4.0-rc.6 → 1.4.0-rc.7

package/dist/Icon/export.generated.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoreIcon = exports.ShareIcon = exports.SettingFillIcon = exports.SearchIcon = exports.ReIcon = exports.QuestionCircleIcon = exports.PlusIcon = exports.PersonFillIcon = exports.MoreIcon = exports.MenuIcon = exports.InformationIcon = exports.FilterIcon = exports.EyeSlashFillIcon = exports.EyeFillIcon = exports.DoubleChevronRightIcon = exports.DoubleChevronLeftIcon = exports.ChevronUpIcon = exports.ChevronRightIcon = exports.ChevronLeftIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.CartFillIcon = exports.CancelCircleIcon = exports.CancelIcon = exports.CalendarIcon = exports.AlarmFillIcon = void 0;
+var AlarmFill_1 = require("./generated/AlarmFill");
+Object.defineProperty(exports, "AlarmFillIcon", { enumerable: true, get: function () { return AlarmFill_1.AlarmFill; } });
+var Calendar_1 = require("./generated/Calendar");
+Object.defineProperty(exports, "CalendarIcon", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
+var Cancel_1 = require("./generated/Cancel");
+Object.defineProperty(exports, "CancelIcon", { enumerable: true, get: function () { return Cancel_1.Cancel; } });
+var CancelCircle_1 = require("./generated/CancelCircle");
+Object.defineProperty(exports, "CancelCircleIcon", { enumerable: true, get: function () { return CancelCircle_1.CancelCircle; } });
+var CartFill_1 = require("./generated/CartFill");
+Object.defineProperty(exports, "CartFillIcon", { enumerable: true, get: function () { return CartFill_1.CartFill; } });
+var Check_1 = require("./generated/Check");
+Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return Check_1.Check; } });
+var ChevronDown_1 = require("./generated/ChevronDown");
+Object.defineProperty(exports, "ChevronDownIcon", { enumerable: true, get: function () { return ChevronDown_1.ChevronDown; } });
+var ChevronLeft_1 = require("./generated/ChevronLeft");
+Object.defineProperty(exports, "ChevronLeftIcon", { enumerable: true, get: function () { return ChevronLeft_1.ChevronLeft; } });
+var ChevronRight_1 = require("./generated/ChevronRight");
+Object.defineProperty(exports, "ChevronRightIcon", { enumerable: true, get: function () { return ChevronRight_1.ChevronRight; } });
+var ChevronUp_1 = require("./generated/ChevronUp");
+Object.defineProperty(exports, "ChevronUpIcon", { enumerable: true, get: function () { return ChevronUp_1.ChevronUp; } });
+var DoubleChevronLeft_1 = require("./generated/DoubleChevronLeft");
+Object.defineProperty(exports, "DoubleChevronLeftIcon", { enumerable: true, get: function () { return DoubleChevronLeft_1.DoubleChevronLeft; } });
+var DoubleChevronRight_1 = require("./generated/DoubleChevronRight");
+Object.defineProperty(exports, "DoubleChevronRightIcon", { enumerable: true, get: function () { return DoubleChevronRight_1.DoubleChevronRight; } });
+var EyeFill_1 = require("./generated/EyeFill");
+Object.defineProperty(exports, "EyeFillIcon", { enumerable: true, get: function () { return EyeFill_1.EyeFill; } });
+var EyeSlashFill_1 = require("./generated/EyeSlashFill");
+Object.defineProperty(exports, "EyeSlashFillIcon", { enumerable: true, get: function () { return EyeSlashFill_1.EyeSlashFill; } });
+var Filter_1 = require("./generated/Filter");
+Object.defineProperty(exports, "FilterIcon", { enumerable: true, get: function () { return Filter_1.Filter; } });
+var Information_1 = require("./generated/Information");
+Object.defineProperty(exports, "InformationIcon", { enumerable: true, get: function () { return Information_1.Information; } });
+var Menu_1 = require("./generated/Menu");
+Object.defineProperty(exports, "MenuIcon", { enumerable: true, get: function () { return Menu_1.Menu; } });
+var More_1 = require("./generated/More");
+Object.defineProperty(exports, "MoreIcon", { enumerable: true, get: function () { return More_1.More; } });
+var PersonFill_1 = require("./generated/PersonFill");
+Object.defineProperty(exports, "PersonFillIcon", { enumerable: true, get: function () { return PersonFill_1.PersonFill; } });
+var Plus_1 = require("./generated/Plus");
+Object.defineProperty(exports, "PlusIcon", { enumerable: true, get: function () { return Plus_1.Plus; } });
+var QuestionCircle_1 = require("./generated/QuestionCircle");
+Object.defineProperty(exports, "QuestionCircleIcon", { enumerable: true, get: function () { return QuestionCircle_1.QuestionCircle; } });
+var Re_1 = require("./generated/Re");
+Object.defineProperty(exports, "ReIcon", { enumerable: true, get: function () { return Re_1.Re; } });
+var Search_1 = require("./generated/Search");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return Search_1.Search; } });
+var SettingFill_1 = require("./generated/SettingFill");
+Object.defineProperty(exports, "SettingFillIcon", { enumerable: true, get: function () { return SettingFill_1.SettingFill; } });
+var Share_1 = require("./generated/Share");
+Object.defineProperty(exports, "ShareIcon", { enumerable: true, get: function () { return Share_1.Share; } });
+var Store_1 = require("./generated/Store");
+Object.defineProperty(exports, "StoreIcon", { enumerable: true, get: function () { return Store_1.Store; } });

package/dist/Icon/generated/AlarmFill.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const AlarmFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/AlarmFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlarmFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.AlarmFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M20.598 18.42H5.158a1 1 0 0 1-.47-1.88l.006-.006c.101-.092 1.404-1.283 1.404-5.824 0-4.9 2.48-7.71 6.79-7.71s6.79 2.93 6.79 7.71 1.46 5.86 1.46 5.86a1 1 0 0 1 .46 1.11 1 1 0 0 1-1 .74M9.601 20.293a1 1 0 0 1 .707-.293h5.14a1 1 0 0 1 0 2h-5.14a1 1 0 0 1-.707-1.707", clipRule: "evenodd" }))));

package/dist/Icon/generated/Calendar.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Calendar: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Calendar.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Calendar = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M8.581 3.925h.445a.88.88 0 0 1 .88.88v2.179a1 1 0 0 1-.004.093h5.992a1 1 0 0 1-.005-.093V4.805a.88.88 0 0 1 .88-.88h.445a.88.88 0 0 1 .88.88v2.179a1 1 0 0 1-.005.093h1.703c1.001 0 1.813.812 1.813 1.814v12.207a1.814 1.814 0 0 1-1.814 1.814H6.004a1.814 1.814 0 0 1-1.814-1.814V8.89c0-1.002.812-1.814 1.814-1.814h1.702a1 1 0 0 1-.005-.093V4.805a.88.88 0 0 1 .88-.88M9.6 7.077a1 1 0 0 0 .008-.093V4.806a.58.58 0 0 0-.58-.58H8.58h.445c.32 0 .58.259.58.58v2.178a1 1 0 0 1-.007.093m6.597 0a1 1 0 0 1-.007-.093V4.806c0-.321.26-.58.58-.58h.445-.445a.58.58 0 0 0-.58.58v2.178a1 1 0 0 0 .007.093M6.19 13.315h13.415v7.597H6.19z", clipRule: "evenodd" }))));

package/dist/Icon/generated/Cancel.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Cancel: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Cancel.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cancel = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Cancel = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M6.9 5.293a1 1 0 0 0-1.414 1.414L11.28 12.5l-5.793 5.793a1 1 0 1 0 1.415 1.414l5.793-5.793 5.792 5.793a1 1 0 0 0 1.415-1.414L14.108 12.5 19.9 6.707a1 1 0 1 0-1.415-1.414l-5.792 5.793z", clipRule: "evenodd" }))));

package/dist/Icon/generated/CancelCircle.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const CancelCircle: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CancelCircle.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelCircle = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CancelCircle = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M22.398 12.566a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0m-13.604-4.1a.68.68 0 0 1 .96 0l3.144 3.145 3.144-3.144a.679.679 0 1 1 .96.96l-3.144 3.144 3.133 3.134a.679.679 0 1 1-.96.96l-3.133-3.134-3.134 3.133a.679.679 0 0 1-.96-.96l3.134-3.133-3.144-3.145a.68.68 0 0 1 0-.96", clipRule: "evenodd" }))));

package/dist/Icon/generated/CartFill.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const CartFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/CartFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CartFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.CartFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M10.326 7.532h5.143v-.453a2.571 2.571 0 1 0-5.143 0zm2.676 14.474h6.834a1.5 1.5 0 0 0 1.493-1.65L20.186 8.884a1.5 1.5 0 0 0-1.493-1.351H16.97v-.453a4.071 4.071 0 1 0-8.143 0v.453H7.104a1.5 1.5 0 0 0-1.492 1.351L4.467 20.36a1.5 1.5 0 0 0 1.493 1.649l6.835-.002a4 4 0 0 0 .207 0", clipRule: "evenodd" }))));

package/dist/Icon/generated/Check.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Check: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Check.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Check = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Check = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M20.877 6.77a1 1 0 0 1 .046 1.414l-9.832 10.5a1 1 0 0 1-1.488-.031l-5.167-6a1 1 0 0 1 1.515-1.306l4.441 5.157 9.072-9.688a1 1 0 0 1 1.413-.046", clipRule: "evenodd" }))));

package/dist/Icon/generated/ChevronDown.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const ChevronDown: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronDown.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronDown = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronDown = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M4.677 8.27a1 1 0 0 1 1.413.046l6.77 7.222 6.77-7.222a1 1 0 0 1 1.46 1.368l-7.5 8a1 1 0 0 1-1.46 0l-7.5-8a1 1 0 0 1 .047-1.414", clipRule: "evenodd" }))));

package/dist/Icon/generated/ChevronLeft.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const ChevronLeft: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronLeft.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronLeft = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronLeft = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M16.923 4.316a1 1 0 0 1-.046 1.414L9.656 12.5l7.221 6.77a1 1 0 1 1-1.367 1.46l-8-7.5a1 1 0 0 1 0-1.46l8-7.5a1 1 0 0 1 1.413.046", clipRule: "evenodd" }))));

package/dist/Icon/generated/ChevronRight.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const ChevronRight: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronRight.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronRight = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronRight = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M8.464 4.316A1 1 0 0 0 8.51 5.73l7.221 6.77-7.221 6.77a1 1 0 1 0 1.367 1.46l8-7.5a1 1 0 0 0 0-1.46l-8-7.5a1 1 0 0 0-1.413.046", clipRule: "evenodd" }))));

package/dist/Icon/generated/ChevronUp.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const ChevronUp: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/ChevronUp.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronUp = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronUp = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M4.714 16.73a1 1 0 0 0 1.413-.046l6.77-7.222 6.771 7.222a1 1 0 1 0 1.46-1.368l-7.5-8a1 1 0 0 0-1.46 0l-7.5 8a1 1 0 0 0 .046 1.414", clipRule: "evenodd" }))));

package/dist/Icon/generated/DoubleChevronLeft.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const DoubleChevronLeft: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/DoubleChevronLeft.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoubleChevronLeft = void 0;
+const react_1 = __importDefault(require("react"));
+exports.DoubleChevronLeft = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M13.082 5.73a1 1 0 0 0-1.368-1.46l-8 7.5a1 1 0 0 0 0 1.46l8 7.5a1 1 0 1 0 1.368-1.46L5.86 12.5zm7 0a1 1 0 0 0-1.368-1.46l-8 7.5a1 1 0 0 0 0 1.46l8 7.5a1 1 0 1 0 1.368-1.46L12.86 12.5z", clipRule: "evenodd" }))));

package/dist/Icon/generated/DoubleChevronRight.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const DoubleChevronRight: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/DoubleChevronRight.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DoubleChevronRight = void 0;
+const react_1 = __importDefault(require("react"));
+exports.DoubleChevronRight = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M5.214 5.73a1 1 0 1 1 1.368-1.46l8 7.5a1 1 0 0 1 0 1.46l-8 7.5a1 1 0 1 1-1.368-1.46l7.222-6.77zm7 0a1 1 0 0 1 1.368-1.46l8 7.5a1 1 0 0 1 0 1.46l-8 7.5a1 1 0 1 1-1.368-1.46l7.222-6.77z", clipRule: "evenodd" }))));

package/dist/Icon/generated/EyeFill.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const EyeFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/EyeFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EyeFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.EyeFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M22.038 12.135c-7.05-10.117-14.701-5.718-18.313.011a.96.96 0 0 0 .032 1.05c6.881 9.885 14.543 5.523 18.295.02a.96.96 0 0 0-.014-1.08m-5.412.452c0 1.933-1.67 3.5-3.728 3.5s-3.728-1.567-3.728-3.5 1.669-3.5 3.728-3.5 3.728 1.567 3.728 3.5m-3.72 1.985a1.985 1.985 0 1 0 0-3.97 1.985 1.985 0 0 0 0 3.97", clipRule: "evenodd" }))));

package/dist/Icon/generated/EyeSlashFill.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const EyeSlashFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/EyeSlashFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EyeSlashFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.EyeSlashFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M21.105 5.787a1 1 0 1 0-1.414-1.414l-15 15a1 1 0 0 0 1.414 1.414zm-17.56 6.344c2.668-4.145 7.494-7.59 12.683-5.34l-2.293 2.266a3.8 3.8 0 0 0-1.03-.14c-2.08 0-3.766 1.652-3.766 3.691 0 .36.052.71.15 1.04L6.454 16.45c-.965-.847-1.928-1.921-2.876-3.255a.955.955 0 0 1-.033-1.065m9.36 4.168c-.379 0-.744-.055-1.089-.156l-2.299 2.272c5.115 2.14 9.952-1.23 12.716-5.2a.96.96 0 0 0-.015-1.094c-.975-1.37-1.961-2.474-2.947-3.344l-2.769 2.736c.11.346.169.714.169 1.095 0 2.039-1.686 3.691-3.766 3.691", clipRule: "evenodd" }))));

package/dist/Icon/generated/Filter.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Filter: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Filter.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Filter = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Filter = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M16.056 6.667a1.177 1.177 0 1 1 2.354 0 1.177 1.177 0 0 1-2.354 0m-1.393.75H4.709a.75.75 0 1 1 0-1.5h9.954a2.678 2.678 0 0 1 5.14 0h1.284a.75.75 0 0 1 0 1.5h-1.283a2.678 2.678 0 0 1-5.141 0m6.424 6.744h-9.954a2.678 2.678 0 0 1-5.141 0H4.709a.75.75 0 0 1 0-1.5h1.283a2.678 2.678 0 0 1 5.14 0h9.955a.75.75 0 0 1 0 1.5m-1.283 6.745a2.678 2.678 0 0 1-5.141 0H4.709a.75.75 0 0 1 0-1.5h9.954a2.678 2.678 0 0 1 5.14 0h1.284a.75.75 0 0 1 0 1.5zM8.562 12.235a1.177 1.177 0 1 0 0 2.353 1.177 1.177 0 0 0 0-2.353m7.494 7.92a1.177 1.177 0 1 1 2.354 0 1.177 1.177 0 0 1-2.354 0", clipRule: "evenodd" }))));

package/dist/Icon/generated/Information.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Information: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Information.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Information = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Information = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M12.898 20.551a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0 1.5a9.5 9.5 0 1 0 0-19 9.5 9.5 0 0 0 0 19m1-13.396a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-.25 3.066a.75.75 0 0 0-1.5 0v5.6a.75.75 0 0 0 1.5 0z", clipRule: "evenodd" }))));

package/dist/Icon/generated/Menu.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Menu: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Menu.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Menu = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M4.398 6.022a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1m0 6.5a1 1 0 0 1 1-1h15a1 1 0 1 1 0 2h-15a1 1 0 0 1-1-1m1 5.5a1 1 0 1 0 0 2h15a1 1 0 0 0 0-2z", clipRule: "evenodd" }))));

package/dist/Icon/generated/More.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const More: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/More.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.More = void 0;
+const react_1 = __importDefault(require("react"));
+exports.More = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M12.898 14.547a2.017 2.017 0 1 0 0-4.035 2.017 2.017 0 0 0 0 4.035m7.483 0a2.017 2.017 0 1 0 0-4.035 2.017 2.017 0 0 0 0 4.035M7.432 12.53a2.017 2.017 0 1 1-4.034 0 2.017 2.017 0 0 1 4.034 0", clipRule: "evenodd" }))));

package/dist/Icon/generated/PersonFill.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const PersonFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/PersonFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PersonFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.PersonFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M12.898 11.721a4.353 4.353 0 1 0 0-8.706 4.353 4.353 0 0 0 0 8.706M4.48 19.142c0 2.873 3.943 2.873 8.418 2.873s8.417 0 8.417-2.873c0-3.811-3.865-6.199-8.417-6.314v9.187-9.187c-4.553.115-8.418 2.503-8.418 6.314", clipRule: "evenodd" }))));

package/dist/Icon/generated/Plus.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Plus: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Plus.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Plus = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Plus = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M13.898 5.102a1 1 0 1 0-2 0v6.5h-6.5a1 1 0 1 0 0 2h6.5v6.5a1 1 0 0 0 2 0v-6.5h6.5a1 1 0 1 0 0-2h-6.5z", clipRule: "evenodd" }))));

package/dist/Icon/generated/QuestionCircle.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const QuestionCircle: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/QuestionCircle.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionCircle = void 0;
+const react_1 = __importDefault(require("react"));
+exports.QuestionCircle = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M20.5 12.5a8 8 0 1 1-16 0 8 8 0 0 1 16 0m1.5 0a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0m-9.142.458-.094.69a.638.638 0 0 1-1.278.011l-.025-.556-.017-.26a.9.9 0 0 1 .092-.556q.132-.24.351-.438.22-.199.49-.384.271-.186.508-.405t.396-.492q.158-.273.158-.65 0-.244-.09-.436a1 1 0 0 0-.254-.33 1.1 1.1 0 0 0-.39-.212 1.6 1.6 0 0 0-.49-.075 2.2 2.2 0 0 0-1.245.353.64.64 0 0 1-.851-.187.615.615 0 0 1 .126-.827q.066-.056.127-.11l.002-.001c.181-.121.284-.19.496-.28q.318-.134.69-.212t.804-.077q.588 0 1.072.161.483.162.829.462.344.3.534.725.189.425.189.95 0 .514-.149.888t-.372.65a2.8 2.8 0 0 1-.49.479l-.504.381q-.237.18-.409.35a.7.7 0 0 0-.206.388m-.382 4.44a1 1 0 0 1-.403.078 1.1 1.1 0 0 1-.405-.078 1 1 0 0 1-.325-.212 1.026 1.026 0 0 1-.29-.721 1.03 1.03 0 0 1 .29-.722 1.02 1.02 0 0 1 .73-.297q.217 0 .403.081t.324.216.22.324a1 1 0 0 1 .081.398 1 1 0 0 1-.3.721q-.14.134-.325.212", clipRule: "evenodd" }))));

package/dist/Icon/generated/Re.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Re: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Re.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Re = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Re = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M21.974 9.73a9.5 9.5 0 1 1-9.049-6.693 1 1 0 0 1-.005 2A7.5 7.5 0 1 0 18.01 7.05v1.987a1 1 0 1 1-2 0v-3.5a1.5 1.5 0 0 1 1.5-1.5h3.5a1 1 0 1 1 0 2h-1.185a9.5 9.5 0 0 1 2.148 3.692", clipRule: "evenodd" }))));

package/dist/Icon/generated/Search.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Search: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Search.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Search = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Search = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M16.803 10.843a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0m-.951 5.963a7.5 7.5 0 1 1 1.414-1.414l4.244 4.243a1 1 0 0 1-1.415 1.415z", clipRule: "evenodd" }))));

package/dist/Icon/generated/SettingFill.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const SettingFill: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/SettingFill.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingFill = void 0;
+const react_1 = __importDefault(require("react"));
+exports.SettingFill = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M20.704 10.188c.226.175.493.289.776.33a1 1 0 0 1 .918.997v2.115a1 1 0 0 1-.868.998 1.62 1.62 0 0 0-1.288.998 1.6 1.6 0 0 0 .22 1.607 1 1 0 0 1-.09 1.317l-1.497 1.497a1 1 0 0 1-1.317.09 1.637 1.637 0 0 0-2.275.297c-.175.224-.288.49-.33.77a1 1 0 0 1-.997.869H11.84a1 1 0 0 1-.998-.868 1.636 1.636 0 0 0-2.604-1.068 1 1 0 0 1-1.318-.09L5.424 18.55a1 1 0 0 1-.09-1.317 1.6 1.6 0 0 0 .22-1.597 1.61 1.61 0 0 0-1.288-.998 1 1 0 0 1-.868-.998v-2.125a1 1 0 0 1 .868-.998 1.65 1.65 0 0 0 1.287-.998 1.62 1.62 0 0 0-.22-1.606 1 1 0 0 1 .09-1.308L6.92 5.1a1 1 0 0 1 1.318-.08 1.64 1.64 0 0 0 1.606.21 1.65 1.65 0 0 0 .998-1.288 1 1 0 0 1 .998-.868h2.066a1 1 0 0 1 .998.868 1.65 1.65 0 0 0 .998 1.287 1.63 1.63 0 0 0 1.606-.21 1 1 0 0 1 1.317.08l1.497 1.507a1 1 0 0 1 .09 1.308 1.617 1.617 0 0 0 .292 2.275m-5.044 5.147a4 4 0 0 0 1.17-2.822v.05a3.993 3.993 0 1 0-1.17 2.772m-4.233-4.154a1.996 1.996 0 1 1 2.822 2.823 1.996 1.996 0 0 1-2.822-2.822", clipRule: "evenodd" }))));

package/dist/Icon/generated/Share.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Share: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Share.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Share = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Share = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M11.998 6.633V15.5a.9.9 0 0 0 1.8 0V6.633l2.64 2.57a.9.9 0 0 0 1.256-1.289l-4.167-4.058-.019-.018a.9.9 0 0 0-1.24.019L8.102 7.914a.9.9 0 0 0 1.256 1.29zm-6.782 7.704a.9.9 0 0 1 .9.9V19a1.6 1.6 0 0 0 1.6 1.6H18.08a1.6 1.6 0 0 0 1.6-1.6v-3.763a.9.9 0 0 1 1.8 0V19a3.4 3.4 0 0 1-3.4 3.4H7.716a3.4 3.4 0 0 1-3.4-3.4v-3.763a.9.9 0 0 1 .9-.9", clipRule: "evenodd" }))));

package/dist/Icon/generated/Store.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 import { IconProps } from '../types';
 export declare const Store: React.NamedExoticComponent<IconProps>;

package/dist/Icon/generated/Store.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Store = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Store = react_1.default.memo(({ size = 25, fillColor = '#263238', className, style }) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: fillColor, viewBox: "0 0 25 25", className: className, style: style },
+    react_1.default.createElement("path", { fill: fillColor, fillRule: "evenodd", d: "M6.722 3.719c-.705 0-1.353.384-1.69 1.002L3.892 6.806a3 3 0 0 0-.165.302l-.01.018a3.36 3.36 0 0 0 3.036 4.79 3.36 3.36 0 0 0 3.072-2.003 3.356 3.356 0 0 0 6.144 0 3.357 3.357 0 1 0 6.107-2.787l-.009-.018a3 3 0 0 0-.165-.302L20.765 4.72a1.93 1.93 0 0 0-1.69-1.002zm3.17 8.535a4.72 4.72 0 0 1-3.056 1.117 4.7 4.7 0 0 1-1.744-.331v6.241a2 2 0 0 0 2 2h3.422v-3.289a2 2 0 0 1 2-2h.93a2 2 0 0 1 2 2v3.29h3.422a2 2 0 0 0 2-2v-6.267a4.7 4.7 0 0 1-1.804.356 4.72 4.72 0 0 1-3.056-1.117 4.72 4.72 0 0 1-3.057 1.117 4.72 4.72 0 0 1-3.057-1.117", clipRule: "evenodd" }))));

package/dist/Icon/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./export.generated"), exports);
+__exportStar(require("./types"), exports);

package/dist/Icon/index.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { IconProps } from './types';
+type Story = StoryObj<IconProps>;
+/**
+ * updated 230523
+ *
+ * <a href="https://www.notion.so/System-Icon-d059e54cac724c34a98415684c381c8a?pvs=4" target="_blank">노션페이지</a>
+ * <br/>
+ * 시스템 아이콘은 아이콘 별로 기능이나 액션을 가지고 있으며, 사용자의 쉽고 간편한 서비스 사용을 도와줍니다.<br/>
+ * 단순하고 직관적인 형태의 아이콘을 지향합니다.
+ *
+ */
+declare const meta: Meta<IconProps>;
+export default meta;
+export declare const Story1: Story;