@ringcentral/juno 1.12.6-beta.5932-320a3f8d → 2.0.1

package/es6/foundation/utils/index.js

@@ -8,7 +8,6 @@ export * from './getScrollbarSize';
 export * from './hasValue';
 export * from './isRcElement';
 export * from './isRef';
-export * from './isShowJunoWarning';
 export * from './isUrl';
 export * from './omit';
 export * from './outerSize';

package/es6/foundation/utils/isShowJunoWarning.js

@@ -1,2 +0,0 @@
-import { rcConfiguration } from '../config';
-export var isShowJunoWarning = !rcConfiguration.WARNING_IGNORE && process.env.NODE_ENV !== 'production';

package/es6/foundation/utils/withDeprecatedCheck.js

@@ -1,17 +1,18 @@
-import { __assign, __read, __spread } from "tslib";
-import React, { forwardRef, useEffect, } from 'react';
+import { __read, __spread } from "tslib";
+import { useEffect } from 'react';
 import { rcConfiguration } from '../config';
-import { isShowJunoWarning } from './isShowJunoWarning';
 function showDeprecated(_a) {
     var component = _a.component, target = _a.target, time = _a.time, comment = _a.comment, message = _a.message, level = _a.level;
+    var _b;
     var showMessage = message ||
         "props => (" + target + ") be deprecated, that will be remove in " + time + " release" + (comment ? ", " + comment : '');
-    rcConfiguration.WARNING_FUNCTION("JUNO [" + component + "]: " + showMessage, {
+    (_b = rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(rcConfiguration, "JUNO [" + component + "]: " + showMessage, {
         level: level,
     });
 }
 export function logInDev(args, cb) {
-    if (isShowJunoWarning) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !rcConfiguration.WARNING_IGNORE) {
         showDeprecated(args);
         cb === null || cb === void 0 ? void 0 : cb();
     }
@@ -21,7 +22,8 @@ export var useDeprecatedLog = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    if (isShowJunoWarning) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(function () {
             logInDev.apply(void 0, __spread(args));
@@ -29,12 +31,11 @@ export var useDeprecatedLog = function () {
         }, []);
     }
 };
-export function withDeprecatedCheck(Component, depreciates, source) {
-    if (!isShowJunoWarning) {
-        return Component;
-    }
+export function useDeprecatedCheck(Component, props, depreciates, source) {
     var name = Component.displayName || source || '';
-    return forwardRef(function (props, ref) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !rcConfiguration.WARNING_IGNORE) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         useEffect(function () {
             depreciates.forEach(function (_a) {
                 var prop = _a.prop, comment = _a.comment, time = _a.time;
@@ -50,8 +51,6 @@ export function withDeprecatedCheck(Component, depreciates, source) {
                     });
                 }
             });
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, []);
-        return React.createElement(Component, __assign({}, props, { ref: ref }));
-    });
+        });
+    }
 }

package/foundation/config.d.ts

@@ -1,20 +1,28 @@
 import { ShowDeprecatedArgs } from './utils';
-declare type WarningFunctionType = (
+declare type WarningFunctionType = ((
 /** warning message */
 message: string, 
 /** addition options with that warning */
-options?: Pick<ShowDeprecatedArgs, 'level'>) => void;
-declare class RcConfig {
-    private _WARNING_IGNORE;
-    private _WARNING_FUNCTION;
-    constructor();
-    set WARNING_IGNORE(value: boolean);
-    get WARNING_IGNORE(): boolean;
-    set WARNING_FUNCTION(func: WarningFunctionType);
-    get WARNING_FUNCTION(): WarningFunctionType;
+options?: Pick<ShowDeprecatedArgs, 'level'>) => void) | undefined;
+interface RcConfigurationType {
+    /** is ignore all warning show from juno */
+    WARNING_IGNORE: boolean;
+    WARNING_FUNCTION: WarningFunctionType;
 }
-/** config instance */
-declare const rcConfiguration: RcConfig;
+/**
+ * config global setting
+ *
+ * ```ts
+ * configure({
+ *   warning: false
+ * })
+ * ```
+ * ## WARNING related method and  only work in `development mode`
+ *
+ * `WARNING_IGNORE`:  only work in `development mode`
+ * `WARNING_FUNCTION` only work in `development mode`
+ */
+declare let rcConfiguration: RcConfigurationType;
 declare type RcConfigure = {
     /** is show warning message in development */
     warning?: boolean;
@@ -23,7 +31,9 @@ declare type RcConfigure = {
 };
 /**
  * set config with Juno
+ *
+ * ## WARNING method only work in `development mode`
  */
-export declare const configure: ({ warning, warningFunction }: RcConfigure) => void;
+export declare const configure: (options: RcConfigure) => void;
 export { rcConfiguration };
 export type { WarningFunctionType };

package/foundation/config.js

@@ -2,68 +2,88 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 /* eslint-disable no-console */
 var JUNO_WARNING_IGNORE_KEY = '__JUNO_WARNING_IGNORE__';
-var RcConfig = /** @class */ (function () {
-    function RcConfig() {
-        var _a;
-        this._WARNING_IGNORE = false;
-        this._WARNING_FUNCTION = function (message, options) {
-            console[(options === null || options === void 0 ? void 0 : options.level) || 'warn'](message);
-        };
-        if (typeof window !== 'undefined') {
-            // SSR support
-            // * get value once when init
-            this._WARNING_IGNORE =
-                ((_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(JUNO_WARNING_IGNORE_KEY)) === 'true';
-            // * also provide user to set variable from window
-            window.__JUNO__ = this;
-        }
-    }
-    Object.defineProperty(RcConfig.prototype, "WARNING_IGNORE", {
-        get: function () {
-            return this._WARNING_IGNORE;
-        },
-        set: function (value) {
+// * use that way to avoid that code be exist in production code base
+/**
+ * config global setting
+ *
+ * ```ts
+ * configure({
+ *   warning: false
+ * })
+ * ```
+ * ## WARNING related method and  only work in `development mode`
+ *
+ * `WARNING_IGNORE`:  only work in `development mode`
+ * `WARNING_FUNCTION` only work in `development mode`
+ */
+var rcConfiguration = {};
+exports.rcConfiguration = rcConfiguration;
+if (process.env.NODE_ENV !== 'production') {
+    var RcConfig = /** @class */ (function () {
+        function RcConfig() {
             var _a;
-            if (value) {
-                console.log('---------------- [Juno] ----------------');
-                console.log("Don't recommended you close it, we should avoid use any deprecated props or methods.");
-                console.log('---------------- [Juno] ----------------');
-            }
-            this._WARNING_IGNORE = !!value;
-            (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.setItem(JUNO_WARNING_IGNORE_KEY, "" + this._WARNING_IGNORE);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RcConfig.prototype, "WARNING_FUNCTION", {
-        get: function () {
-            return this._WARNING_FUNCTION;
-        },
-        set: function (func) {
-            if (typeof func === 'function') {
-                this._WARNING_FUNCTION = func;
+            this._WARNING_IGNORE = false;
+            this._WARNING_FUNCTION = function (message, options) {
+                console[(options === null || options === void 0 ? void 0 : options.level) || 'warn'](message);
+            };
+            if (typeof window !== 'undefined') {
+                // SSR support
+                // * get value once when init
+                this._WARNING_IGNORE =
+                    ((_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(JUNO_WARNING_IGNORE_KEY)) === 'true';
+                // * also provide user to set variable from window
+                window.__JUNO__ = this;
             }
-            else {
-                console.warn('[Juno] config warningFunction is not a function.');
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    return RcConfig;
-}());
-/** config instance */
-var rcConfiguration = new RcConfig();
-exports.rcConfiguration = rcConfiguration;
+        }
+        Object.defineProperty(RcConfig.prototype, "WARNING_IGNORE", {
+            get: function () {
+                return this._WARNING_IGNORE;
+            },
+            set: function (value) {
+                var _a;
+                if (value) {
+                    console.log('---------------- [Juno] ----------------');
+                    console.log("Don't recommended you close it, we should avoid use any deprecated props or methods.");
+                    console.log('---------------- [Juno] ----------------');
+                }
+                this._WARNING_IGNORE = !!value;
+                (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.setItem(JUNO_WARNING_IGNORE_KEY, "" + this._WARNING_IGNORE);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(RcConfig.prototype, "WARNING_FUNCTION", {
+            get: function () {
+                return this._WARNING_FUNCTION;
+            },
+            set: function (func) {
+                if (typeof func === 'function') {
+                    this._WARNING_FUNCTION = func;
+                }
+                else {
+                    console.warn('[Juno] config warningFunction is not a function.');
+                }
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return RcConfig;
+    }());
+    exports.rcConfiguration = rcConfiguration = new RcConfig();
+}
 /**
  * set config with Juno
+ *
+ * ## WARNING method only work in `development mode`
  */
-exports.configure = function (_a) {
-    var warning = _a.warning, warningFunction = _a.warningFunction;
-    if (warning !== undefined) {
-        rcConfiguration.WARNING_IGNORE = !warning;
-    }
-    if (warningFunction !== undefined) {
-        rcConfiguration.WARNING_FUNCTION = warningFunction;
+exports.configure = function (options) {
+    if (process.env.NODE_ENV !== 'production') {
+        var warning = options.warning, warningFunction = options.warningFunction;
+        if (warning !== undefined) {
+            rcConfiguration.WARNING_IGNORE = !warning;
+        }
+        if (warningFunction !== undefined) {
+            rcConfiguration.WARNING_FUNCTION = warningFunction;
+        }
     }
 };

package/foundation/hooks/useResizeObserver/useResizeObserver.js

@@ -16,13 +16,16 @@ var useResultRef_1 = require("../useResultRef");
 exports.getResizeObserver = function (callback, externalWindow) {
     if (externalWindow) {
         if ((externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow['ResizeObserver']) === undefined) {
-            var message = "window.ResizeObserver is not a constructor,\n    should load polyfill script from 'foundation/polyfill/resize-observer-polyfill/ResizeObserver.global.js' or other CDN polyfill on render window.";
-            utils_1.logInDev({
-                component: 'useResizeObserver',
-                level: 'error',
-                message: message,
-            });
-            throw Error(message);
+            if (process.env.NODE_ENV !== 'production') {
+                var message = "window.ResizeObserver is not a constructor,\n    should load polyfill script from 'foundation/polyfill/resize-observer-polyfill/ResizeObserver.global.js' or other CDN polyfill on render window.";
+                utils_1.logInDev({
+                    component: 'useResizeObserver',
+                    level: 'error',
+                    message: message,
+                });
+                throw Error(message);
+            }
+            throw Error('window.ResizeObserver not defined');
         }
         return new externalWindow['ResizeObserver'](callback);
     }

package/foundation/styles/opacity.js

@@ -28,10 +28,12 @@ function doAlpha(color, opacity, theme) {
         return styles_1.alpha(color, +alpha.toFixed(2));
     }
     catch (error) {
-        utils_1.logInDev({
-            component: 'setOpacity',
-            message: 'your color pass into setOpacity is error color, check your color again, please',
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            utils_1.logInDev({
+                component: 'setOpacity',
+                message: 'your color pass into setOpacity is error color, check your color again, please',
+            });
+        }
         return color;
     }
 }

package/foundation/theme/ThemeProvider.js

@@ -4,9 +4,9 @@ var tslib_1 = require("tslib");
 require("focus-visible");
 var react_1 = tslib_1.__importStar(require("react"));
 var styles_1 = require("@material-ui/core/styles");
+var hooks_1 = require("../hooks");
 var styled_components_1 = require("../styled-components");
 var createTheme_1 = tslib_1.__importDefault(require("./createTheme"));
-var hooks_1 = require("../hooks");
 var NestedThemeContext = react_1.createContext(false);
 /**
  * sub theme provider,

package/foundation/theme/ThemeSwitcherProvider/rcDark.json

@@ -1,12 +1,6 @@
 {
     "breakpoints": {
-        "keys": [
-            "xs",
-            "sm",
-            "md",
-            "lg",
-            "xl"
-        ],
+        "keys": ["xs", "sm", "md", "lg", "xl"],
         "values": {
             "lg": 1280,
             "md": 960,

package/foundation/theme/ThemeSwitcherProvider/rcHighContrast.json

@@ -1,12 +1,6 @@
 {
     "breakpoints": {
-        "keys": [
-            "xs",
-            "sm",
-            "md",
-            "lg",
-            "xl"
-        ],
+        "keys": ["xs", "sm", "md", "lg", "xl"],
         "values": {
             "lg": 1280,
             "md": 960,

package/foundation/theme/assets/breakpoints.json

@@ -1,11 +1,5 @@
 {
-    "keys": [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl"
-    ],
+    "keys": ["xs", "sm", "md", "lg", "xl"],
     "values": {
         "xs": 0,
         "sm": 641,

package/foundation/utils/clearReactReferencesInNode.js

@@ -29,13 +29,15 @@ function clearReactReferencesInNode(node) {
         }
     }
     catch (error) {
-        withDeprecatedCheck_1.logInDev({
-            component: 'clearReactReferencesInNode',
-            message: "trigger clearReactReferencesInNode fail",
-        }, function () {
-            // eslint-disable-next-line no-console
-            console.log(error);
-        });
+        if (process.env.NODE_ENV !== 'production') {
+            withDeprecatedCheck_1.logInDev({
+                component: 'clearReactReferencesInNode',
+                message: "trigger clearReactReferencesInNode fail",
+            }, function () {
+                // eslint-disable-next-line no-console
+                console.log(error);
+            });
+        }
     }
 }
 exports.clearReactReferencesInNode = clearReactReferencesInNode;

package/foundation/utils/hasValue.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = require("@material-ui/core/InputBase/utils");
+var utils_1 = require("@material-ui/core/InputBase/utils"); /* ts-import-sorter: disable */
 /**
  * Copy from Mui
  * @see https://facebook.github.io/react/docs/forms.html#controlled-components

package/foundation/utils/index.d.ts

@@ -8,7 +8,6 @@ export * from './getScrollbarSize';
 export * from './hasValue';
 export * from './isRcElement';
 export * from './isRef';
-export * from './isShowJunoWarning';
 export * from './isUrl';
 export * from './omit';
 export * from './outerSize';

package/foundation/utils/index.js

@@ -11,7 +11,6 @@ tslib_1.__exportStar(require("./getScrollbarSize"), exports);
 tslib_1.__exportStar(require("./hasValue"), exports);
 tslib_1.__exportStar(require("./isRcElement"), exports);
 tslib_1.__exportStar(require("./isRef"), exports);
-tslib_1.__exportStar(require("./isShowJunoWarning"), exports);
 tslib_1.__exportStar(require("./isUrl"), exports);
 tslib_1.__exportStar(require("./omit"), exports);
 tslib_1.__exportStar(require("./outerSize"), exports);

package/foundation/utils/isShowJunoWarning.d.ts

@@ -1 +0,0 @@
-export declare const isShowJunoWarning: boolean;

package/foundation/utils/isShowJunoWarning.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var config_1 = require("../config");
-exports.isShowJunoWarning = !config_1.rcConfiguration.WARNING_IGNORE && process.env.NODE_ENV !== 'production';

package/foundation/utils/withDeprecatedCheck.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ComponentType } from 'react';
-declare type WithDeprecatedCheckArgs<TKey> = {
+declare type UseDeprecatedCheckArgs<TKey> = {
     prop: TKey;
     comment?: string;
     time: string;
@@ -18,5 +18,5 @@ export declare type ShowDeprecatedArgs = {
 };
 export declare function logInDev(args: ShowDeprecatedArgs, cb?: Function): void;
 export declare const useDeprecatedLog: (args: ShowDeprecatedArgs, cb?: Function | undefined) => void;
-export declare function withDeprecatedCheck<T extends ComponentType<any>, K extends keyof ComponentProps<T>>(Component: T, depreciates: WithDeprecatedCheckArgs<K>[], source?: string): T;
+export declare function useDeprecatedCheck<T extends ComponentType<any>, K extends keyof ComponentProps<T>>(Component: T, props: any, depreciates: UseDeprecatedCheckArgs<K>[], source?: string): void;
 export {};

package/foundation/utils/withDeprecatedCheck.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = require("react");
 var config_1 = require("../config");
-var isShowJunoWarning_1 = require("./isShowJunoWarning");
 function showDeprecated(_a) {
     var component = _a.component, target = _a.target, time = _a.time, comment = _a.comment, message = _a.message, level = _a.level;
+    var _b;
     var showMessage = message ||
         "props => (" + target + ") be deprecated, that will be remove in " + time + " release" + (comment ? ", " + comment : '');
-    config_1.rcConfiguration.WARNING_FUNCTION("JUNO [" + component + "]: " + showMessage, {
+    (_b = config_1.rcConfiguration.WARNING_FUNCTION) === null || _b === void 0 ? void 0 : _b.call(config_1.rcConfiguration, "JUNO [" + component + "]: " + showMessage, {
         level: level,
     });
 }
 function logInDev(args, cb) {
-    if (isShowJunoWarning_1.isShowJunoWarning) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !config_1.rcConfiguration.WARNING_IGNORE) {
         showDeprecated(args);
         cb === null || cb === void 0 ? void 0 : cb();
     }
@@ -24,7 +25,8 @@ exports.useDeprecatedLog = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    if (isShowJunoWarning_1.isShowJunoWarning) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !config_1.rcConfiguration.WARNING_IGNORE) {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         react_1.useEffect(function () {
             logInDev.apply(void 0, tslib_1.__spread(args));
@@ -32,12 +34,11 @@ exports.useDeprecatedLog = function () {
         }, []);
     }
 };
-function withDeprecatedCheck(Component, depreciates, source) {
-    if (!isShowJunoWarning_1.isShowJunoWarning) {
-        return Component;
-    }
+function useDeprecatedCheck(Component, props, depreciates, source) {
     var name = Component.displayName || source || '';
-    return react_1.forwardRef(function (props, ref) {
+    if (process.env.NODE_ENV !== 'production' &&
+        !config_1.rcConfiguration.WARNING_IGNORE) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         react_1.useEffect(function () {
             depreciates.forEach(function (_a) {
                 var prop = _a.prop, comment = _a.comment, time = _a.time;
@@ -53,9 +54,7 @@ function withDeprecatedCheck(Component, depreciates, source) {
                     });
                 }
             });
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, []);
-        return react_1.default.createElement(Component, tslib_1.__assign({}, props, { ref: ref }));
-    });
+        });
+    }
 }
-exports.withDeprecatedCheck = withDeprecatedCheck;
+exports.useDeprecatedCheck = useDeprecatedCheck;

package/package.json

@@ -1,18 +1,15 @@
 {
   "name": "@ringcentral/juno",
-  "version": "1.12.6-beta.5932-320a3f8d",
-  "main": "./index.js",
-  "module": "./es6/index.js",
+  "version": "2.0.1",
   "author": "RingCentral",
   "license": "MIT",
-  "typings": "./index.d.ts",
   "bugs": {
-    "url": "https://github.com/ringcentral/juno/issues"
+    "url": "https://git.ringcentral.com/RCUI/rcui/issues"
   },
-  "homepage": "https://github.com/ringcentral/juno#readme",
+  "homepage": "https://git.ringcentral.com/RCUI/rcui#readme",
   "repository": {
     "type": "git",
-    "url": "https://github.com/ringcentral/juno.git"
+    "url": "https://git.ringcentral.com/RCUI/rcui.git"
   },
   "dependencies": {
     "@date-io/moment": "^1.3.11",
@@ -29,10 +26,11 @@
     "react-beautiful-dnd": "^13.0.0",
     "react-virtuoso": "^1.9.3",
     "resize-observer-polyfill": "^1.5.1",
-    "tslib": ">=2.0.0",
-    "typeface-lato": "^0.0.75"
+    "typeface-lato": "^0.0.75",
+    "tslib": ">=2.0.0"
   },
   "peerDependencies": {
+    "@ringcentral/juno-icon": ">=1.0.0 <2.0.0",
     "moment": "^2.29.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

package/components/Icon/assets/icon-0.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>0</title>
-<path fill="#000" style="fill: var(--color18, #000)" d="M16 7c0.489 0 0.948 0.090 1.376 0.271s0.8 0.456 1.114 0.827c0.314 0.371 0.562 0.839 0.744 1.405s0.273 1.234 0.273 2.004c0 0.771-0.091 1.438-0.273 2.001s-0.43 1.030-0.744 1.399c-0.314 0.369-0.685 0.643-1.114 0.824s-0.887 0.27-1.376 0.27c-0.494 0-0.952-0.090-1.376-0.271s-0.793-0.455-1.107-0.824c-0.314-0.369-0.561-0.835-0.74-1.399s-0.269-1.231-0.269-2.001c0-0.771 0.090-1.439 0.269-2.004s0.426-1.034 0.74-1.405c0.314-0.371 0.683-0.646 1.107-0.827s0.883-0.271 1.376-0.271zM16 7.928c-0.296 0-0.581 0.060-0.855 0.181s-0.514 0.321-0.72 0.599c-0.206 0.279-0.371 0.646-0.495 1.103s-0.185 1.021-0.185 1.694c0 0.672 0.062 1.236 0.185 1.691s0.288 0.822 0.495 1.1c0.206 0.279 0.446 0.478 0.72 0.599s0.559 0.181 0.855 0.181c0.296 0 0.581-0.060 0.855-0.181s0.515-0.321 0.724-0.599c0.209-0.279 0.375-0.646 0.498-1.1s0.185-1.018 0.185-1.691c0-0.672-0.062-1.237-0.185-1.694s-0.289-0.825-0.498-1.103c-0.209-0.279-0.45-0.478-0.724-0.599s-0.559-0.181-0.855-0.181z"></path>
-<path fill="#9e9e9e" style="fill: var(--color83, #9e9e9e)" d="M16.198 20.583v1.471h1.402v0.465h-1.402v1.481h-0.503v-1.481h-1.395v-0.465h1.395v-1.471z"></path>
-</svg>

package/components/Icon/assets/icon-1.svg

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>1</title>
-<path d="M13.498 15.148h1.805v-6.123c0-0.184 0.006-0.37 0.018-0.558l-1.501 1.373c-0.039 0.033-0.078 0.057-0.117 0.072s-0.076 0.022-0.111 0.022c-0.059 0-0.111-0.014-0.158-0.041s-0.082-0.060-0.105-0.097l-0.328-0.483 2.497-2.313h0.85v8.148h1.653v0.852h-4.502v-0.852z"></path>
-</svg>

package/components/Icon/assets/icon-2.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>2</title>
-<path fill="#000" style="fill: var(--color18, #000)" d="M16.119 7c0.381 0 0.736 0.056 1.067 0.168s0.616 0.274 0.857 0.488c0.241 0.213 0.43 0.473 0.568 0.779s0.207 0.654 0.207 1.043c0 0.331-0.050 0.638-0.151 0.919s-0.236 0.552-0.408 0.811c-0.172 0.259-0.369 0.509-0.593 0.752-0.149 0.162-0.305 0.325-0.466 0.491l-2.613 2.648c0.167-0.046 0.337-0.082 0.508-0.109s0.337-0.040 0.496-0.040h3.013c0.121 0 0.218 0.035 0.289 0.106s0.107 0.162 0.107 0.273v0.671h-6v-0.379c0-0.079 0.016-0.159 0.047-0.242s0.083-0.159 0.154-0.23l2.881-2.863c0.238-0.24 0.456-0.471 0.653-0.693s0.365-0.444 0.505-0.668c0.14-0.224 0.248-0.45 0.323-0.68s0.113-0.475 0.113-0.736c0-0.261-0.042-0.49-0.126-0.686s-0.199-0.359-0.345-0.488c-0.146-0.128-0.318-0.225-0.515-0.289s-0.408-0.096-0.634-0.096c-0.226 0-0.435 0.033-0.628 0.099s-0.363 0.158-0.511 0.276c-0.149 0.118-0.274 0.258-0.377 0.419s-0.175 0.34-0.217 0.534c-0.033 0.12-0.084 0.207-0.151 0.261s-0.155 0.081-0.264 0.081l-0.066-0.003c-0.023-0.002-0.049-0.005-0.078-0.009l-0.584-0.099c0.059-0.406 0.172-0.765 0.339-1.078s0.38-0.575 0.637-0.786c0.257-0.211 0.552-0.372 0.885-0.481s0.691-0.165 1.076-0.165z"></path>
-<path fill="#9e9e9e" style="fill: var(--color83, #9e9e9e)" d="M14.357 24h-0.375c-0.043 0-0.078-0.011-0.105-0.032s-0.047-0.049-0.060-0.082l-0.335-0.865h-1.607l-0.335 0.865c-0.012 0.030-0.032 0.057-0.060 0.080s-0.063 0.035-0.105 0.035h-0.375l1.433-3.582h0.492l1.433 3.582zM12.010 22.67h1.338l-0.563-1.457c-0.037-0.090-0.072-0.203-0.107-0.337l-0.054 0.189-0.051 0.151-0.563 1.455zM14.81 24v-3.582h1.143c0.22 0 0.41 0.022 0.569 0.065s0.29 0.105 0.392 0.185c0.102 0.080 0.178 0.178 0.227 0.294s0.074 0.246 0.074 0.391c0 0.088-0.014 0.173-0.041 0.255s-0.069 0.157-0.125 0.227c-0.056 0.070-0.126 0.133-0.21 0.188s-0.183 0.1-0.296 0.135c0.262 0.052 0.459 0.146 0.593 0.282s0.2 0.317 0.2 0.54c0 0.152-0.028 0.29-0.084 0.415s-0.137 0.233-0.245 0.323c-0.108 0.090-0.239 0.16-0.395 0.209s-0.334 0.074-0.534 0.074h-1.268zM15.295 22.367v1.247h0.775c0.138 0 0.257-0.016 0.356-0.047s0.181-0.076 0.245-0.134c0.064-0.058 0.111-0.126 0.141-0.205s0.045-0.166 0.045-0.261c0-0.185-0.065-0.331-0.196-0.439s-0.329-0.161-0.594-0.161h-0.773zM15.295 22.023h0.64c0.137 0 0.255-0.015 0.355-0.045s0.183-0.072 0.249-0.125c0.066-0.053 0.115-0.118 0.146-0.194s0.047-0.159 0.047-0.249c0-0.21-0.063-0.364-0.19-0.462s-0.323-0.148-0.59-0.148h-0.658v1.223zM20.57 23.26c0.027 0 0.051 0.011 0.073 0.032l0.19 0.207c-0.147 0.17-0.325 0.302-0.534 0.398s-0.461 0.142-0.756 0.142c-0.258 0-0.492-0.045-0.703-0.134s-0.389-0.214-0.538-0.375c-0.148-0.161-0.263-0.354-0.345-0.579s-0.122-0.473-0.122-0.742c0-0.27 0.044-0.517 0.131-0.742s0.21-0.418 0.369-0.58c0.158-0.162 0.348-0.287 0.569-0.376s0.465-0.134 0.731-0.134c0.263 0 0.49 0.041 0.681 0.122s0.36 0.192 0.509 0.332l-0.157 0.223c-0.012 0.017-0.025 0.030-0.040 0.041s-0.037 0.016-0.065 0.016c-0.022 0-0.045-0.008-0.069-0.024l-0.086-0.059c-0.033-0.023-0.073-0.048-0.117-0.075s-0.098-0.052-0.16-0.075c-0.062-0.023-0.133-0.043-0.215-0.059s-0.176-0.024-0.282-0.024c-0.192 0-0.367 0.033-0.526 0.099s-0.296 0.16-0.411 0.281c-0.115 0.122-0.205 0.27-0.269 0.445s-0.096 0.371-0.096 0.587c0 0.223 0.032 0.422 0.096 0.598s0.152 0.323 0.262 0.444c0.111 0.121 0.242 0.213 0.394 0.276s0.315 0.095 0.49 0.095c0.107 0 0.203-0.006 0.288-0.019s0.164-0.032 0.236-0.059c0.073-0.027 0.14-0.060 0.203-0.101l0.094-0.067 0.095-0.079c0.028-0.025 0.056-0.038 0.082-0.038z"></path>
-</svg>

package/components/Icon/assets/icon-3.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>3</title>
-<path fill="#000" style="fill: var(--color18, #000)" d="M16.193 7c0.378 0 0.728 0.053 1.048 0.16s0.596 0.258 0.826 0.455c0.231 0.197 0.411 0.434 0.54 0.713s0.193 0.588 0.193 0.928c0 0.278-0.036 0.527-0.109 0.746s-0.177 0.412-0.312 0.577c-0.135 0.166-0.298 0.306-0.49 0.421s-0.405 0.207-0.642 0.276c0.582 0.152 1.020 0.405 1.313 0.762s0.44 0.803 0.44 1.339c0 0.405-0.078 0.77-0.234 1.094s-0.369 0.599-0.639 0.826c-0.27 0.227-0.585 0.401-0.945 0.522s-0.745 0.181-1.157 0.181c-0.474 0-0.879-0.058-1.216-0.175s-0.622-0.277-0.854-0.482c-0.233-0.205-0.424-0.447-0.574-0.728s-0.277-0.585-0.38-0.912l0.474-0.197c0.087-0.037 0.175-0.055 0.262-0.055 0.083 0 0.157 0.017 0.221 0.052 0.043 0.023 0.079 0.055 0.108 0.096l0.051 0.093 0.037 0.085c0.058 0.119 0.129 0.253 0.212 0.402s0.195 0.29 0.337 0.421c0.141 0.131 0.317 0.242 0.527 0.332s0.471 0.135 0.783 0.135c0.312 0 0.585-0.050 0.82-0.15s0.43-0.23 0.586-0.39c0.156-0.16 0.273-0.338 0.352-0.534s0.119-0.391 0.119-0.584c0-0.238-0.032-0.455-0.097-0.651s-0.181-0.367-0.349-0.51c-0.168-0.143-0.401-0.256-0.699-0.338s-0.679-0.123-1.145-0.123v-0.793c0.378-0.004 0.702-0.045 0.97-0.123s0.488-0.184 0.658-0.319c0.17-0.135 0.294-0.297 0.371-0.485s0.115-0.397 0.115-0.627c0-0.254-0.041-0.475-0.122-0.663s-0.192-0.344-0.334-0.467c-0.141-0.123-0.309-0.215-0.502-0.276s-0.402-0.092-0.627-0.092c-0.225 0-0.432 0.033-0.624 0.098s-0.361 0.157-0.508 0.273c-0.148 0.117-0.271 0.256-0.371 0.418s-0.175 0.337-0.225 0.525c-0.033 0.119-0.083 0.205-0.15 0.258s-0.152 0.080-0.256 0.080l-0.066-0.003c-0.023-0.002-0.049-0.005-0.078-0.009l-0.58-0.098c0.058-0.401 0.17-0.757 0.337-1.066s0.377-0.568 0.633-0.777c0.256-0.209 0.549-0.368 0.879-0.476s0.687-0.163 1.070-0.163z"></path>
-<path fill="#9e9e9e" style="fill: var(--color83, #9e9e9e)" d="M14.54 22.21c0 0.268-0.043 0.512-0.127 0.733s-0.205 0.408-0.36 0.565c-0.155 0.157-0.341 0.278-0.557 0.364s-0.457 0.129-0.72 0.129h-1.34v-3.582h1.34c0.263 0 0.503 0.043 0.72 0.129s0.402 0.207 0.557 0.365c0.155 0.157 0.275 0.346 0.36 0.566s0.127 0.464 0.127 0.733zM14.043 22.21c0-0.22-0.030-0.417-0.090-0.59s-0.145-0.32-0.255-0.44c-0.11-0.12-0.243-0.212-0.4-0.275s-0.331-0.095-0.523-0.095h-0.852v2.797h0.852c0.192 0 0.366-0.032 0.523-0.095s0.29-0.155 0.4-0.274c0.11-0.119 0.195-0.265 0.255-0.439s0.090-0.37 0.090-0.59zM17.407 20.418v0.395h-1.72v1.19h1.393v0.38h-1.393v1.223h1.72v0.395h-2.207v-3.582h2.207zM20.313 20.418v0.395h-1.72v1.253h1.47v0.395h-1.47v1.54h-0.488v-3.582h2.207z"></path>
-</svg>

package/components/Icon/assets/icon-4.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>4</title>
-<path fill="#000" style="fill: var(--color18, #000)" d="M17.594 7v5.753h1.406v0.641c0 0.067-0.021 0.124-0.062 0.17s-0.105 0.069-0.191 0.069h-1.154v2.368h-1.018v-2.368h-4.116c-0.086 0-0.161-0.024-0.224-0.072s-0.103-0.108-0.12-0.179l-0.117-0.572 4.518-5.809h1.076zM16.628 8.3l-3.377 4.453h3.325v-3.712c0-0.109 0.003-0.226 0.010-0.352l0.015-0.192 0.027-0.198z"></path>
-<path fill="#9e9e9e" style="fill: var(--color83, #9e9e9e)" d="M13.607 23.648c0.097 0 0.185-0.005 0.266-0.014s0.157-0.023 0.229-0.041c0.072-0.018 0.139-0.040 0.203-0.066s0.127-0.055 0.19-0.089v-0.79h-0.555c-0.032 0-0.057-0.009-0.076-0.027s-0.029-0.041-0.029-0.067v-0.275h1.1v1.375c-0.090 0.065-0.184 0.122-0.281 0.17s-0.202 0.089-0.313 0.121c-0.111 0.032-0.23 0.057-0.356 0.073s-0.264 0.024-0.412 0.024c-0.26 0-0.498-0.045-0.715-0.134s-0.403-0.214-0.56-0.375c-0.157-0.161-0.279-0.354-0.366-0.579s-0.131-0.473-0.131-0.742c0-0.273 0.043-0.523 0.129-0.747s0.208-0.418 0.367-0.579c0.159-0.161 0.352-0.285 0.578-0.374s0.479-0.133 0.759-0.133c0.142 0 0.273 0.010 0.395 0.031s0.235 0.051 0.339 0.090c0.104 0.039 0.2 0.087 0.289 0.142s0.171 0.119 0.248 0.189l-0.137 0.22c-0.028 0.045-0.065 0.067-0.11 0.067-0.027 0-0.056-0.009-0.088-0.027l-0.14-0.085c-0.052-0.033-0.115-0.065-0.189-0.096s-0.162-0.057-0.262-0.079c-0.101-0.022-0.22-0.032-0.359-0.032-0.202 0-0.384 0.033-0.547 0.099s-0.303 0.16-0.418 0.282c-0.115 0.122-0.203 0.271-0.265 0.445s-0.092 0.37-0.092 0.586c0 0.227 0.032 0.429 0.096 0.606s0.155 0.328 0.271 0.451c0.117 0.123 0.255 0.218 0.415 0.282s0.337 0.098 0.53 0.098zM18.585 24h-0.488v-1.63h-1.93v1.63h-0.488v-3.582h0.488v1.598h1.93v-1.598h0.488v3.582zM20.035 24h-0.485v-3.582h0.485v3.582z"></path>
-</svg>

package/components/Icon/assets/icon-5.svg

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<title>5</title>
-<path fill="#000" style="fill: var(--color18, #000)" d="M18.711 7.484c0 0.157-0.053 0.287-0.158 0.388s-0.282 0.152-0.532 0.152h-2.954l-0.433 2.335c0.49-0.099 0.943-0.149 1.359-0.149 0.49 0 0.922 0.068 1.297 0.205s0.688 0.325 0.942 0.565c0.254 0.24 0.445 0.524 0.574 0.851s0.194 0.683 0.194 1.068c0 0.472-0.088 0.899-0.263 1.28s-0.415 0.707-0.719 0.978c-0.304 0.271-0.662 0.479-1.073 0.624s-0.856 0.217-1.333 0.217c-0.276 0-0.54-0.026-0.794-0.078s-0.49-0.121-0.709-0.208c-0.219-0.087-0.422-0.186-0.611-0.298s-0.354-0.23-0.499-0.354l0.354-0.472c0.079-0.108 0.184-0.162 0.315-0.162 0.083 0 0.181 0.032 0.292 0.096s0.246 0.136 0.404 0.214c0.158 0.079 0.342 0.15 0.555 0.214s0.465 0.096 0.758 0.096c0.328 0 0.624-0.050 0.886-0.149s0.487-0.241 0.673-0.425c0.186-0.184 0.329-0.405 0.43-0.662s0.151-0.544 0.151-0.863c0-0.277-0.043-0.528-0.128-0.752s-0.214-0.414-0.387-0.571c-0.173-0.157-0.388-0.28-0.647-0.366s-0.56-0.13-0.906-0.13c-0.236 0-0.481 0.019-0.735 0.056s-0.516 0.097-0.788 0.18l-0.735-0.205 0.761-4.162h4.457v0.484z"></path>
-<path fill="#9e9e9e" style="fill: var(--color83, #9e9e9e)" d="M13.633 22.762c0 0.2-0.025 0.379-0.074 0.538s-0.122 0.292-0.217 0.401c-0.096 0.109-0.214 0.193-0.354 0.251s-0.301 0.087-0.482 0.087c-0.162 0-0.33-0.023-0.505-0.070l0.027-0.285c0.003-0.028 0.014-0.051 0.031-0.069s0.044-0.026 0.079-0.026c0.020 0 0.044 0.003 0.073 0.010l0.047 0.012c0.050 0.015 0.117 0.023 0.2 0.023 0.11 0 0.208-0.017 0.294-0.050s0.158-0.085 0.217-0.155c0.059-0.070 0.104-0.16 0.135-0.269s0.046-0.239 0.046-0.389v-2.355h0.482v2.345zM15.037 21.988h0.182c0.063 0 0.114-0.008 0.151-0.024s0.073-0.043 0.106-0.081l1.193-1.35c0.037-0.042 0.072-0.071 0.106-0.089s0.078-0.026 0.131-0.026h0.413l-1.365 1.543c-0.035 0.038-0.068 0.071-0.099 0.098s-0.064 0.048-0.099 0.065c0.047 0.015 0.088 0.038 0.123 0.067s0.072 0.067 0.11 0.113l1.425 1.698h-0.42c-0.032 0-0.058-0.003-0.080-0.008s-0.040-0.012-0.056-0.020l-0.023-0.014-0.061-0.061-1.238-1.422-0.051-0.051c-0.016-0.014-0.034-0.026-0.055-0.036s-0.045-0.017-0.072-0.021l-0.046-0.005-0.275-0.002v1.64h-0.482v-3.582h0.482v1.57zM18.395 23.593h1.55v0.407h-2.035v-3.582h0.485v3.175z"></path>
-</svg>