@vlinderclimate/net-zero-ui/components/Icon.js

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var jsxRuntime = require('react/jsx-runtime');
var styles = require('@mui/material/styles');
var icons_ArrowLeft = require('../icons/ArrowLeft.js');
var icons_ArrowRight = require('../icons/ArrowRight.js');
var icons_CheckCircle = require('../icons/CheckCircle.js');
var icons_CloseCircle = require('../icons/CloseCircle.js');
var icons_InfoCircle = require('../icons/InfoCircle.js');
var icons_ErrorCircle = require('../icons/ErrorCircle.js');
var icons_Attention = require('../icons/Attention.js');
var icons_HelpCircle = require('../icons/HelpCircle.js');
var icons_Lock = require('../icons/Lock.js');
var icons_Delete = require('../icons/Delete.js');
var icons_TriangleRight = require('../icons/TriangleRight.js');
var icons_TriangleLeft = require('../icons/TriangleLeft.js');
var icons_TriangleUp = require('../icons/TriangleUp.js');
var icons_TriangleDown = require('../icons/TriangleDown.js');
var icons_Download = require('../icons/Download.js');
var icons_Key = require('../icons/Key.js');
var icons_Edit = require('../icons/Edit.js');
var icons_Expand = require('../icons/Expand.js');
var icons_Collapse = require('../icons/Collapse.js');
var icons_Success = require('../icons/Success.js');
var icons_Fail = require('../icons/Fail.js');
var icons_Loading = require('../icons/Loading.js');
var icons_Check = require('../icons/Check.js');
var icons_ChevronLeft = require('../icons/ChevronLeft.js');
var icons_ChevronRight = require('../icons/ChevronRight.js');
var icons_Plus = require('../icons/Plus.js');
var icons_Minus = require('../icons/Minus.js');
var icons_Link = require('../icons/Link.js');
var icons_Copy = require('../icons/Copy.js');
var icons_Medium = require('../icons/Medium.js');
var icons_Twitter = require('../icons/Twitter.js');
var icons_Telegram = require('../icons/Telegram.js');
var icons_Sort = require('../icons/Sort.js');
var icons_Close = require('../icons/Close.js');
var icons_Search = require('../icons/Search.js');
var icons_Instagram = require('../icons/Instagram.js');
var icons_LinkedIn = require('../icons/LinkedIn.js');
var icons_Reddit = require('../icons/Reddit.js');
var icons_YouTube = require('../icons/YouTube.js');
var icons_Update = require('../icons/Update.js');
var icons_Facebook = require('../icons/Facebook.js');
var icons_Cart = require('../icons/Cart.js');
var icons_Menu = require('../icons/Menu.js');
var icons_ShowPassword = require('../icons/ShowPassword.js');
var icons_HidePassword = require('../icons/HidePassword.js');
var icons_Collection = require('../icons/Collection.js');
var icons_Sprout = require('../icons/Sprout.js');
var icons_Verify = require('../icons/Verify.js');
var icons_User = require('../icons/User.js');
var icons_Convert = require('../icons/Convert.js');
var icons_Deposit = require('../icons/Deposit.js');
var icons_Send = require('../icons/Send.js');
var icons_Receive = require('../icons/Receive.js');
var icons_To = require('../icons/To.js');
var icons_Withdraw = require('../icons/Withdraw.js');
var icons_Clock = require('../icons/Clock.js');
var icons_Play = require('../icons/Play.js');
var icons_Help = require('../icons/Help.js');
var icons_CloseSmall = require('../icons/CloseSmall.js');
var icons_MinusSmall = require('../icons/MinusSmall.js');
var icons_PlusSmall = require('../icons/PlusSmall.js');
var icons_Dropdown = require('../icons/Dropdown.js');

/**
 * Types
 */
var IconKeyVariants = [
    "arrowRight",
    "arrowLeft",
    "attention",
    "check",
    "checkCircle",
    "chevronLeft",
    "chevronRight",
    "closeCircle",
    "infoCircle",
    "errorCircle",
    "link",
    "triangleRight",
    "triangleLeft",
    "triangleUp",
    "triangleDown",
    "copy",
    "close",
    "search",
    "instagram",
    "linkedIn",
    "medium",
    "reddit",
    "telegram",
    "twitter",
    "youTube",
    "fail",
    "plus",
    "minus",
    "helpCircle",
    "help",
    "lock",
    "delete",
    "download",
    "key",
    "edit",
    "expand",
    "collapse",
    "success",
    "loading",
    "sort",
    "update",
    "facebook",
    "cart",
    "menu",
    "verify",
    "showPassword",
    "hidePassword",
    "sprout",
    "collection",
    "user",
    "closeSmall",
    "dropdown",
    "minusSmall",
    "plusSmall",
    "convert",
    "deposit",
    "send",
    "receive",
    "to",
    "withdraw",
    "clock",
    "play"
];
var IconSizeVariants = ["xs1", "xs", "sm", "md", "lg"];
/**
 * Constants
 */
var iconMap = {
    checkCircle: jsxRuntime.jsx(icons_CheckCircle["default"], {}, void 0),
    closeCircle: jsxRuntime.jsx(icons_CloseCircle["default"], {}, void 0),
    infoCircle: jsxRuntime.jsx(icons_InfoCircle["default"], {}, void 0),
    errorCircle: jsxRuntime.jsx(icons_ErrorCircle["default"], {}, void 0),
    helpCircle: jsxRuntime.jsx(icons_HelpCircle["default"], {}, void 0),
    help: jsxRuntime.jsx(icons_Help["default"], {}, void 0),
    attention: jsxRuntime.jsx(icons_Attention["default"], {}, void 0),
    lock: jsxRuntime.jsx(icons_Lock["default"], {}, void 0),
    delete: jsxRuntime.jsx(icons_Delete["default"], {}, void 0),
    twitter: jsxRuntime.jsx(icons_Twitter["default"], {}, void 0),
    telegram: jsxRuntime.jsx(icons_Telegram["default"], {}, void 0),
    medium: jsxRuntime.jsx(icons_Medium["default"], {}, void 0),
    instagram: jsxRuntime.jsx(icons_Instagram["default"], {}, void 0),
    linkedIn: jsxRuntime.jsx(icons_LinkedIn["default"], {}, void 0),
    reddit: jsxRuntime.jsx(icons_Reddit["default"], {}, void 0),
    youTube: jsxRuntime.jsx(icons_YouTube["default"], {}, void 0),
    triangleRight: jsxRuntime.jsx(icons_TriangleRight["default"], {}, void 0),
    triangleLeft: jsxRuntime.jsx(icons_TriangleLeft["default"], {}, void 0),
    triangleUp: jsxRuntime.jsx(icons_TriangleUp["default"], {}, void 0),
    triangleDown: jsxRuntime.jsx(icons_TriangleDown["default"], {}, void 0),
    sort: jsxRuntime.jsx(icons_Sort["default"], {}, void 0),
    download: jsxRuntime.jsx(icons_Download["default"], {}, void 0),
    key: jsxRuntime.jsx(icons_Key["default"], {}, void 0),
    edit: jsxRuntime.jsx(icons_Edit["default"], {}, void 0),
    link: jsxRuntime.jsx(icons_Link["default"], {}, void 0),
    expand: jsxRuntime.jsx(icons_Expand["default"], {}, void 0),
    collapse: jsxRuntime.jsx(icons_Collapse["default"], {}, void 0),
    copy: jsxRuntime.jsx(icons_Copy["default"], {}, void 0),
    success: jsxRuntime.jsx(icons_Success["default"], {}, void 0),
    fail: jsxRuntime.jsx(icons_Fail["default"], {}, void 0),
    loading: jsxRuntime.jsx(icons_Loading["default"], {}, void 0),
    check: jsxRuntime.jsx(icons_Check["default"], {}, void 0),
    close: jsxRuntime.jsx(icons_Close["default"], {}, void 0),
    plus: jsxRuntime.jsx(icons_Plus["default"], {}, void 0),
    minus: jsxRuntime.jsx(icons_Minus["default"], {}, void 0),
    chevronLeft: jsxRuntime.jsx(icons_ChevronLeft["default"], {}, void 0),
    chevronRight: jsxRuntime.jsx(icons_ChevronRight["default"], {}, void 0),
    arrowLeft: jsxRuntime.jsx(icons_ArrowLeft["default"], {}, void 0),
    arrowRight: jsxRuntime.jsx(icons_ArrowRight["default"], {}, void 0),
    search: jsxRuntime.jsx(icons_Search["default"], {}, void 0),
    update: jsxRuntime.jsx(icons_Update["default"], {}, void 0),
    facebook: jsxRuntime.jsx(icons_Facebook["default"], {}, void 0),
    cart: jsxRuntime.jsx(icons_Cart["default"], {}, void 0),
    menu: jsxRuntime.jsx(icons_Menu["default"], {}, void 0),
    verify: jsxRuntime.jsx(icons_Verify["default"], {}, void 0),
    sprout: jsxRuntime.jsx(icons_Sprout["default"], {}, void 0),
    showPassword: jsxRuntime.jsx(icons_ShowPassword["default"], {}, void 0),
    hidePassword: jsxRuntime.jsx(icons_HidePassword["default"], {}, void 0),
    collection: jsxRuntime.jsx(icons_Collection["default"], {}, void 0),
    user: jsxRuntime.jsx(icons_User["default"], {}, void 0),
    closeSmall: jsxRuntime.jsx(icons_CloseSmall["default"], {}, void 0),
    dropdown: jsxRuntime.jsx(icons_Dropdown["default"], {}, void 0),
    minusSmall: jsxRuntime.jsx(icons_MinusSmall["default"], {}, void 0),
    plusSmall: jsxRuntime.jsx(icons_PlusSmall["default"], {}, void 0),
    convert: jsxRuntime.jsx(icons_Convert["default"], {}, void 0),
    deposit: jsxRuntime.jsx(icons_Deposit["default"], {}, void 0),
    send: jsxRuntime.jsx(icons_Send["default"], {}, void 0),
    receive: jsxRuntime.jsx(icons_Receive["default"], {}, void 0),
    to: jsxRuntime.jsx(icons_To["default"], {}, void 0),
    withdraw: jsxRuntime.jsx(icons_Withdraw["default"], {}, void 0),
    clock: jsxRuntime.jsx(icons_Clock["default"], {}, void 0),
    play: jsxRuntime.jsx(icons_Play["default"], {}, void 0)
};
var iconSizeMap = {
    xs1: 12,
    xs: 16,
    sm: 20,
    md: 24,
    lg: 32
};
var iconMobileSizeMap = {
    xs1: 12,
    xs: 16,
    sm: 16,
    md: 20,
    lg: 24
};
/**
 * Styles
 */
var StyledIcon = styles.styled("i")(function (_a) {
    var _b;
    var size = _a.size, color = _a.color, rotate = _a.rotate, theme = _a.theme;
    return (_b = {
            display: "inline-block",
            verticalAlign: "middle",
            height: iconSizeMap[size !== null && size !== void 0 ? size : "xs"] + "px",
            textAlign: "center",
            color: "inherit",
            fontFamily: "inherit !important"
        },
        _b[theme.breakpoints.down("sm")] = {
            height: iconMobileSizeMap[size !== null && size !== void 0 ? size : "sm"] + "px"
        },
        _b["&:before"] = {
            display: "none !important"
        },
        _b["& svg"] = {
            display: "inline-block",
            verticalAlign: "top",
            height: "100%",
            color: "inherit",
            transform: "rotate(" + (rotate !== null && rotate !== void 0 ? rotate : 0) + "deg)"
        },
        _b["& path"] = {
            fill: theme.palette.icon[color !== null && color !== void 0 ? color : "currentColor"],
            transition: theme === null || theme === void 0 ? void 0 : theme.transitions.create(["fill"])
        },
        _b);
});
/**
 * Main
 */
var Icon = function (_a) {
    var iconKey = _a.iconKey, className = _a.className, size = _a.size, color = _a.color, rotate = _a.rotate, props = tslib_es6.__rest(_a, ["iconKey", "className", "size", "color", "rotate"]);
    var stylingProps = { size: size, color: color, rotate: rotate };
    return (jsxRuntime.jsx(StyledIcon, tslib_es6.__assign({ className: "icon icon--" + iconKey + " " + (className !== null && className !== void 0 ? className : "") }, stylingProps, props, { children: iconMap[iconKey] }), void 0));
};

exports.IconKeyVariants = IconKeyVariants;
exports.IconSizeVariants = IconSizeVariants;
exports["default"] = Icon;
exports.iconMap = iconMap;
exports.iconMobileSizeMap = iconMobileSizeMap;
exports.iconSizeMap = iconSizeMap;