@sky-mavis/design-system 0.2.0

package/icons/Tv.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TvIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.TvIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.4 3.2a1 1 0 011.4.2L12 6.333 14.2 3.4a1 1 0 011.6 1.2l-1.875 2.5H18c1.652 0 3 1.348 3 3V18c0 1.652-1.348 3-3 3H6c-1.652 0-3-1.348-3-3v-7.9c0-1.652 1.348-3 3-3h4.075L8.2 4.6a1 1 0 01.2-1.4zM6 9.1c-.548 0-1 .452-1 1V18c0 .548.452 1 1 1h12c.548 0 1-.452 1-1v-7.9c0-.548-.452-1-1-1H6z", fill: "" })), "Tv");

package/icons/Twitter1.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Twitter1Icon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Twitter1.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Twitter1Icon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.Twitter1Icon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { d: "M22 5.894a8.652 8.652 0 01-2.363.638A4.026 4.026 0 0021.441 4.3a8.272 8.272 0 01-2.6.978A4.139 4.139 0 0015.846 4c-2.27 0-4.097 1.814-4.097 4.038 0 .32.027.628.095.92a11.666 11.666 0 01-8.451-4.222 4.017 4.017 0 00-.562 2.04c0 1.399.732 2.638 1.821 3.356A4.098 4.098 0 012.8 9.634v.045c0 1.962 1.421 3.591 3.285 3.966a4.15 4.15 0 01-1.075.133c-.263 0-.527-.014-.776-.069a4.131 4.131 0 003.831 2.813 8.32 8.32 0 01-5.084 1.722c-.336 0-.659-.015-.981-.056A11.675 11.675 0 008.29 20c7.545 0 11.67-6.154 11.67-11.488 0-.178-.006-.35-.015-.522A8.112 8.112 0 0022 5.894z", fill: "" })), "Twitter1");

package/icons/Twitter2.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Twitter2Icon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Twitter2.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Twitter2Icon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.Twitter2Icon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.04 3.049c1.12.165 2.15.739 2.768 1.468l.009.01c.013.005.131.067.513.067.373 0 .779-.055 1.22-.114l.322-.043a1 1 0 011.119 1.129c-.098.704-.467 1.327-.772 1.753a8.117 8.117 0 01-.782.922l-.004.003c-.14.146-.181.194-.206.238a.142.142 0 00-.016.036.34.34 0 00-.01.09c0 3.404-.875 6.515-2.864 8.789C15.328 19.692 12.3 21 8.283 21c-2.877 0-4.842-1.226-5.576-1.684l-.088-.055a1 1 0 01.526-1.85c.494 0 1.527-.264 2.603-.755a9.1 9.1 0 001.221-.667c-2.078-1.023-3.334-2.644-4.056-4.36-.868-2.066-.963-4.255-.896-5.717a1 1 0 011.798-.556c.743.986 2.156 1.92 3.795 2.51 1.247.448 2.513.656 3.58.588a5.377 5.377 0 01.088-2.057c.224-.902.669-1.598 1.117-2.137.025-.03.052-.059.08-.085 1.089-1.037 2.407-1.297 3.565-1.126zm-2.145 2.536c-.305.375-.551.792-.675 1.293-.129.517-.145 1.193.13 2.102a1 1 0 01-.697 1.256c-1.745.47-3.86.18-5.72-.488a12.48 12.48 0 01-2.832-1.436c.105.832.306 1.708.656 2.541.688 1.636 1.954 3.118 4.322 3.816a1 1 0 01.569 1.485c-.324.524-.82.972-1.334 1.338a10.65 10.65 0 01-1.735.984c-.163.074-.33.146-.497.214.632.183 1.368.31 2.201.31 3.562 0 5.993-1.143 7.549-2.92 1.575-1.8 2.37-4.385 2.37-7.472 0-.937.501-1.453.777-1.737l.019-.019c.058-.06.144-.149.241-.258-.57-.01-1.424-.118-1.966-.795-.284-.327-.855-.673-1.525-.772-.625-.092-1.282.037-1.853.558z", fill: "" })), "Twitter2");

package/icons/Undo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UndoIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Undo.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UndoIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.UndoIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.104 4.043l1.414 1.414-3.104 3.104h7.836a5.75 5.75 0 110 11.5H10.5a1 1 0 010-2h3.75a3.75 3.75 0 100-7.5H6.414l3.104 3.103-1.414 1.414-5.518-5.517 5.518-5.518z", fill: "" })), "Undo");

package/icons/Unlink.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UnlinkIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Unlink.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnlinkIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.UnlinkIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.363 6.576c-.687-.75-1.928-.796-2.756.031l-2.8 2.8a1 1 0 11-1.414-1.414l2.8-2.8c1.567-1.568 4.115-1.619 5.63.015 1.552 1.569 1.597 4.104-.03 5.613l-2.786 2.786a1 1 0 01-1.414-1.414l2.8-2.8.031-.03c.75-.687.796-1.929-.031-2.756l-.03-.031zM4.693 5.193a1 1 0 011.414 0l1.4 1.4a1 1 0 01-1.414 1.414l-1.4-1.4a1 1 0 010-1.414zM2 10.5a1 1 0 011-1h2a1 1 0 110 2H3a1 1 0 01-1-1zm7.007.393a1 1 0 010 1.414l-2.8 2.8-.031.03c-.75.687-.796 1.929.031 2.756l.03.031c.687.75 1.929.796 2.756-.031l2.8-2.8a1 1 0 011.414 1.414l-2.8 2.8c-1.567 1.568-4.115 1.619-5.63-.015-1.552-1.569-1.597-4.104.03-5.613l2.786-2.786a1 1 0 011.414 0zM17.6 13.9a1 1 0 011-1h2a1 1 0 110 2h-2a1 1 0 01-1-1zm-1.607 2.593a1 1 0 011.414 0l1.4 1.4a1 1 0 01-1.414 1.414l-1.4-1.4a1 1 0 010-1.414z", fill: "" })), "Unlink");

package/icons/Unlock.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UnlockIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Unlock.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnlockIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.UnlockIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 8c0-3.352 2.648-6 6-6 1.925 0 3.718.957 4.8 2.4a1 1 0 11-1.6 1.2A4.068 4.068 0 0012 4C9.752 4 8 5.752 8 8v2h9c1.652 0 3 1.348 3 3v6c0 1.652-1.348 3-3 3H7c-1.652 0-3-1.348-3-3v-6c0-1.302.837-2.415 2-2.828V8zm1 4c-.548 0-1 .452-1 1v6c0 .548.452 1 1 1h10c.548 0 1-.452 1-1v-6c0-.548-.452-1-1-1H7zm5 2a1 1 0 011 1v2a1 1 0 11-2 0v-2a1 1 0 011-1z", fill: "" })), "Unlock");

package/icons/Upload.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UploadIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Upload.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.UploadIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 16a1 1 0 011 1v2h14v-2a1 1 0 112 0v4H3v-4a1 1 0 011-1z", fill: "" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.518 8.104l-1.415 1.414L13 6.414V16a1 1 0 11-2 0V6.414L7.896 9.518 6.482 8.104 12 2.586l5.518 5.518z", fill: "" })), "Upload");

package/icons/UsbStick.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UsbStickIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/UsbStick.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsbStickIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.UsbStickIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 9a1 1 0 011-1h11a1 1 0 011 1v10c0 1.652-1.348 3-3 3H9c-1.652 0-3-1.348-3-3V9zm2 1v9c0 .548.452 1 1 1h7c.548 0 1-.452 1-1v-9H8z", fill: "" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.6 3a1 1 0 011-1h7.8a1 1 0 011 1v6a1 1 0 01-1 1H8.6a1 1 0 01-1-1V3zm2 1v4h5.8V4H9.6z", fill: "" }),
+    react_1.default.createElement("path", { d: "M12 6c0 .3-.2.5-.5.5H11c-.3 0-.5-.2-.5-.5v-.5c0-.3.2-.5.5-.5h.5c.3 0 .5.2.5.5V6zM14.5 6c0 .3-.2.5-.5.5h-.5c-.3 0-.5-.2-.5-.5v-.5c0-.3.2-.5.5-.5h.5c.3 0 .5.2.5.5V6z", fill: "" })), "UsbStick");

package/icons/Video.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VideoIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Video.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.VideoIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 8c-.548 0-1 .452-1 1v6c0 .548.452 1 1 1h9c.548 0 1-.452 1-1V9c0-.548-.452-1-1-1H5zm12 1.373V9c0-1.652-1.348-3-3-3H5C3.348 6 2 7.348 2 9v6c0 1.652 1.348 3 3 3h9c1.652 0 3-1.348 3-3v-.373l3.46 2.215A1 1 0 0022 16V8a1 1 0 00-1.54-.842L17 9.373zm0 2.88l3 1.92V9.827l-3 1.92v.506z", fill: "" })), "Video");

package/icons/VideoDisabled.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VideoDisabledIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/VideoDisabled.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoDisabledIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.VideoDisabledIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.666 15.837l2.195 1.405A1 1 0 0022.4 16.4v-8a1 1 0 00-1.54-.842L17.4 9.773V9.4c0-1.652-1.348-3-3-3H9.228l2 2H14.4c.548 0 1 .452 1 1v3.172l3.266 3.265zM17.4 12.653l3 1.92v-4.346l-3 1.92v.506z", fill: "" }),
+    react_1.default.createElement("path", { d: "M5.572 8.4H5.4c-.548 0-1 .452-1 1v6c0 .548.452 1 1 1h8.172l1.828 1.828a2.98 2.98 0 01-1 .172h-9c-1.652 0-3-1.348-3-3v-6c0-1.126.626-2.11 1.548-2.624L5.572 8.4z", fill: "" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.793 3.793a1 1 0 011.414 0l15.8 15.8a1 1 0 01-1.414 1.414l-15.8-15.8a1 1 0 010-1.414z", fill: "" })), "VideoDisabled");

package/icons/VolumeOff.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VolumeOffIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/VolumeOff.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VolumeOffIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.VolumeOffIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.393 6.093a1 1 0 011.414 0c3.49 3.49 3.49 9.224 0 12.714a1 1 0 01-1.414-1.414c2.71-2.71 2.71-7.176 0-9.886a1 1 0 010-1.414z", fill: "" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.493 8.893a1 1 0 011.414 0c1.99 1.99 1.99 5.124 0 7.114a1 1 0 01-1.414-1.414c1.21-1.21 1.21-3.076 0-4.286a1 1 0 010-1.414z", fill: "" }),
+    react_1.default.createElement("path", { d: "M14.4 11.572V6.3a1 1 0 00-1.53-.848l-2.824 1.765 1.451 1.452.903-.565v1.468l2 2zM7.959 10.787a1.002 1.002 0 01-.159.013H4.4V14h3.4a1 1 0 01.53.152l4.07 2.544v-1.468l2 2V18.5a1 1 0 01-1.53.848L7.513 16H3.4a1 1 0 01-1-1V9.8a1 1 0 011-1h2.572l1.987 1.987z", fill: "" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.793 3.793a1 1 0 011.414 0l15.8 15.8a1 1 0 11-1.414 1.414l-15.8-15.8a1 1 0 010-1.414z", fill: "" })), "VolumeOff");

package/icons/VolumeOn.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VolumeOnIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/VolumeOn.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VolumeOnIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.VolumeOnIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.485 5.125A1 1 0 0114 6v12.2a1 1 0 01-1.53.848L7.113 15.7H3a1 1 0 01-1-1V9.5a1 1 0 011-1h4.113l5.357-3.348a1 1 0 011.015-.027zM12 7.805l-4.07 2.543a1 1 0 01-.53.152H4v3.2h3.4a1 1 0 01.53.152L12 16.396V7.804zm5.993-2.012a1 1 0 011.414 0c3.49 3.49 3.49 9.224 0 12.714a1 1 0 01-1.414-1.414c2.71-2.71 2.71-7.176 0-9.886a1 1 0 010-1.414zm-1.9 2.8a1 1 0 011.414 0c1.99 1.99 1.99 5.124 0 7.114a1 1 0 01-1.414-1.414c1.21-1.21 1.21-3.076 0-4.286a1 1 0 010-1.414z", fill: "" })), "VolumeOn");

package/icons/Wallet.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const WalletIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Wallet.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WalletIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.WalletIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 4c-.548 0-1 .452-1 1s.452 1 1 1h15c.527 0 1.044.18 1.432.568.388.388.568.905.568 1.432v12c0 .527-.18 1.044-.568 1.432-.388.388-.905.568-1.432.568H6c-2.252 0-4-1.748-4-4V5c0-1.652 1.348-3 3-3h12a1 1 0 110 2H5zM4 7.828V18c0 1.148.852 2 2 2h14v-3h-3c-1.652 0-3-1.348-3-3s1.348-3 3-3h3V8H5c-.35 0-.687-.06-1-.172zM20 13h-3c-.548 0-1 .452-1 1s.452 1 1 1h3v-2z", fill: "" })), "Wallet");

package/icons/Width.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const WidthIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Width.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidthIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.WidthIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.793 6.793l1.414 1.414L6.414 11H20a1 1 0 110 2H6.414l2.793 2.793-1.414 1.414L2.586 12l5.207-5.207z", fill: "" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.207 17.207l-1.414-1.414L18.586 12l-3.793-3.793 1.414-1.414L21.414 12l-5.207 5.207z", fill: "" })), "Width");

package/icons/Youtube.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const YoutubeIcon: React.FC<import("./svg-icon/SvgIcon").SvgIconProps>;

package/icons/Youtube.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.YoutubeIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const createSvgIcon_1 = require("./helpers/createSvgIcon");
+exports.YoutubeIcon = createSvgIcon_1.createSvgIcon(react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("path", { d: "M12.006 19.012h-.02c-.062 0-6.265-.012-7.83-.437a2.5 2.5 0 01-1.764-1.765A26.494 26.494 0 011.986 12a26.646 26.646 0 01.417-4.817A2.564 2.564 0 014.169 5.4c1.522-.4 7.554-.4 7.81-.4H12c.063 0 6.282.012 7.831.437.859.233 1.53.904 1.762 1.763.29 1.594.427 3.211.407 4.831a26.568 26.568 0 01-.418 4.811 2.51 2.51 0 01-1.767 1.763c-1.52.403-7.553.407-7.809.407zm-2-10.007l-.005 6 5.212-3-5.207-3z", fill: "" })), "Youtube");

package/icons/helpers/createSvgIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgIconProps } from '../svg-icon/SvgIcon';
+export declare const createSvgIcon: (path: JSX.Element, displayName: string) => React.FC<SvgIconProps>;

package/icons/helpers/createSvgIcon.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSvgIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const SvgIcon_1 = require("../svg-icon/SvgIcon");
+exports.createSvgIcon = (path, displayName) => {
+    let Icon = props => react_1.default.createElement(SvgIcon_1.SvgIcon, Object.assign({}, props), path);
+    // display name for easy debuging and testing
+    Icon.displayName = `Axie${displayName}Icon`;
+    // memo for more effective render
+    Icon = react_1.default.memo(Icon);
+    return Icon;
+};

package/icons/svg-icon/SvgIcon.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface SvgIconProps extends React.SVGProps<SVGSVGElement> {
+    /**
+     * Size of the icon, default to 16px.
+     *
+     * Note that svg icon should always fit a square box.
+     */
+    size?: number;
+    /**
+     * Content of the svg.
+     */
+    children?: React.ReactNode;
+}
+export declare const SvgIcon: React.FC<SvgIconProps>;

package/icons/svg-icon/SvgIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgIcon = void 0;
+const react_1 = __importDefault(require("react"));
+exports.SvgIcon = props => {
+    const { size = 16, children } = props, restProps = __rest(props, ["size", "children"]);
+    return (react_1.default.createElement("svg", Object.assign({ style: { fill: 'currentColor' } }, restProps, { viewBox: "0 0 24 24", width: size, height: size }), children));
+};

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@sky-mavis/design-system",
+  "version": "0.2.0",
+  "description": "Core styles & components",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "icons"
+  ],
+  "typings": "dist/index.d.ts",
+  "license": "MIT",
+  "devDependencies": {
+    "@svgr/cli": "^5.5.0",
+    "@types/node": "^16.7.8",
+    "@types/react": "^17.0.19",
+    "@types/react-dom": "^17.0.5",
+    "@types/react-onclickoutside": "^6.7.3",
+    "@types/react-transition-group": "^4.4.0",
+    "autoprefixer": "^10.2.5",
+    "postcss": "^8.2.15",
+    "postcss-cli": "^8.3.1",
+    "postcss-each": "^0.10.0",
+    "postcss-import": "^12.0.1",
+    "postcss-nested": "^4.2.1",
+    "tailwindcss": "^2.1.2",
+    "typescript": "^3.9.3"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  },
+  "scripts": {
+    "build:style": "postcss src/styles/index.css --output dist/index.css --config config",
+    "build:icons": "tsc -p config/tsconfig-icons.json",
+    "build:component": "tsc -p config/tsconfig.json",
+    "build": "yarn build:style && yarn build:icons && yarn build:component",
+    "dev": "yarn build:style --watch | yarn build:component --watch",
+    "clean": "rm -rf ./dist ./icons",
+    "transform:svg": "npx @svgr/cli src/icons/svgs -d src/icons/ --config-file config/svgr.config.js && rm -rf src/icons/index.tsx",
+    "prepublish": "yarn clean && yarn build",
+    "preinstall": "node dist/utils/render.js"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.4.2",
+    "classnames": "^2.3.1",
+    "focus-visible": "^5.1.0",
+    "react-onclickoutside": "^6.9.0",
+    "react-popper": "^2.2.3",
+    "react-transition-group": "^4.4.1"
+  },
+  "author": "",
+  "bugs": {
+    "url": "https://github.com/sky-mavis/design-system/issues"
+  },
+  "homepage": "https://github.com/sky-mavis/design-system#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sky-mavis/design-system.git"
+  }
+}