@metamask/snaps-sdk
Version:
A library containing the core functionality for building MetaMask Snaps
177 lines • 7.02 kB
JavaScript
import { createSnapComponent } from "../component.mjs";
// Copied from https://github.com/MetaMask/metamask-extension/blob/main/ui/components/component-library/icon/icon.types.ts
// Currently requires manual syncing when new icon is added.
export var IconName;
(function (IconName) {
IconName["AddSquare"] = "add-square";
IconName["Add"] = "add";
IconName["Arrow2Down"] = "arrow-2-down";
IconName["Arrow2Left"] = "arrow-2-left";
IconName["Arrow2Right"] = "arrow-2-right";
IconName["Arrow2Up"] = "arrow-2-up";
IconName["Arrow2UpRight"] = "arrow-2-up-right";
IconName["ArrowDoubleLeft"] = "arrow-double-left";
IconName["ArrowDoubleRight"] = "arrow-double-right";
IconName["ArrowDown"] = "arrow-down";
IconName["ArrowLeft"] = "arrow-left";
IconName["ArrowRight"] = "arrow-right";
IconName["ArrowUp"] = "arrow-up";
IconName["BankToken"] = "bank-token";
IconName["Bank"] = "bank";
IconName["Book"] = "book";
IconName["Bookmark"] = "bookmark";
IconName["Bridge"] = "bridge";
IconName["Calculator"] = "calculator";
IconName["CardPos"] = "card-pos";
IconName["CardToken"] = "card-token";
IconName["Card"] = "card";
IconName["Category"] = "category";
IconName["Chart"] = "chart";
IconName["CheckBold"] = "check-bold";
IconName["Check"] = "check";
IconName["Clock"] = "clock";
IconName["Close"] = "close";
IconName["CodeCircle"] = "code-circle";
IconName["Coin"] = "coin";
IconName["Confirmation"] = "confirmation";
IconName["Connect"] = "connect";
IconName["CopySuccess"] = "copy-success";
IconName["Copy"] = "copy";
IconName["Customize"] = "customize";
IconName["Danger"] = "danger";
IconName["Dark"] = "dark";
IconName["Data"] = "data";
IconName["Diagram"] = "diagram";
IconName["DocumentCode"] = "document-code";
IconName["DragDrop"] = "drag-drop";
IconName["DraggingAnimation"] = "dragging-animation";
IconName["PinningAnimation"] = "pinning-animation";
IconName["Edit"] = "edit";
IconName["Eraser"] = "eraser";
IconName["Ethereum"] = "ethereum";
IconName["Expand"] = "expand";
IconName["Explore"] = "explore";
IconName["Export"] = "export";
IconName["EyeSlash"] = "eye-slash";
IconName["Eye"] = "eye";
IconName["Filter"] = "filter";
IconName["Flag"] = "flag";
IconName["FlashSlash"] = "flash-slash";
IconName["Flash"] = "flash";
IconName["FullCircle"] = "full-circle";
IconName["Gas"] = "gas";
IconName["GlobalSearch"] = "global-search";
IconName["Global"] = "global";
IconName["Graph"] = "graph";
IconName["Hardware"] = "hardware";
IconName["Heart"] = "heart";
IconName["Hierarchy"] = "hierarchy";
IconName["Home"] = "home";
IconName["Import"] = "import";
IconName["Info"] = "info";
IconName["Key"] = "key";
IconName["Light"] = "light";
IconName["Link"] = "link";
IconName["Loading"] = "loading";
IconName["LockCircle"] = "lock-circle";
IconName["LockSlash"] = "lock-slash";
IconName["Lock"] = "lock";
IconName["Login"] = "login";
IconName["Logout"] = "logout";
IconName["Menu"] = "menu";
IconName["MessageQuestion"] = "message-question";
IconName["Messages"] = "messages";
IconName["MinusBold"] = "minus-bold";
IconName["MinusSquare"] = "minus-square";
IconName["Minus"] = "minus";
IconName["Mobile"] = "mobile";
IconName["Money"] = "money";
IconName["Monitor"] = "monitor";
IconName["MoreHorizontal"] = "more-horizontal";
IconName["MoreVertical"] = "more-vertical";
IconName["NotificationCircle"] = "notification-circle";
IconName["Notification"] = "notification";
IconName["PasswordCheck"] = "password-check";
IconName["People"] = "people";
IconName["Pin"] = "pin";
IconName["ProgrammingArrows"] = "programming-arrows";
IconName["Custody"] = "custody";
IconName["Question"] = "question";
IconName["Received"] = "received";
IconName["Refresh"] = "refresh";
IconName["Save"] = "save";
IconName["ScanBarcode"] = "scan-barcode";
IconName["ScanFocus"] = "scan-focus";
IconName["Scan"] = "scan";
IconName["Scroll"] = "scroll";
IconName["Search"] = "search";
IconName["SecurityCard"] = "security-card";
IconName["SecurityCross"] = "security-cross";
IconName["SecurityKey"] = "security-key";
IconName["SecuritySearch"] = "security-search";
IconName["SecuritySlash"] = "security-slash";
IconName["SecurityTick"] = "security-tick";
IconName["SecurityTime"] = "security-time";
IconName["SecurityUser"] = "security-user";
IconName["Security"] = "security";
IconName["Send1"] = "send-1";
IconName["Send2"] = "send-2";
IconName["Setting"] = "setting";
IconName["Slash"] = "slash";
IconName["SnapsMobile"] = "snaps-mobile";
IconName["SnapsPlus"] = "snaps-plus";
IconName["Snaps"] = "snaps";
IconName["Speedometer"] = "speedometer";
IconName["Star"] = "star";
IconName["Stake"] = "stake";
IconName["Student"] = "student";
IconName["SwapHorizontal"] = "swap-horizontal";
IconName["SwapVertical"] = "swap-vertical";
IconName["Tag"] = "tag";
IconName["Tilde"] = "tilde";
IconName["Timer"] = "timer";
IconName["Trash"] = "trash";
IconName["TrendDown"] = "trend-down";
IconName["TrendUp"] = "trend-up";
IconName["UserCircleAdd"] = "user-circle-add";
IconName["UserCircleLink"] = "user-circle-link";
IconName["UserCircleRemove"] = "user-circle-remove";
IconName["UserCircle"] = "user-circle";
IconName["User"] = "user";
IconName["WalletCard"] = "wallet-card";
IconName["WalletMoney"] = "wallet-money";
IconName["Wallet"] = "wallet";
IconName["Warning"] = "warning";
IconName["Twitter"] = "twitter";
IconName["QrCode"] = "qr-code";
IconName["UserCheck"] = "user-check";
IconName["Unpin"] = "unpin";
IconName["Ban"] = "ban";
IconName["Bold"] = "bold";
IconName["CircleX"] = "circle-x";
IconName["Download"] = "download";
IconName["FileIcon"] = "file";
IconName["Flask"] = "flask";
IconName["Plug"] = "plug";
IconName["Share"] = "share";
IconName["Square"] = "square";
IconName["Tint"] = "tint";
IconName["Upload"] = "upload";
IconName["Usb"] = "usb";
IconName["Wifi"] = "wifi";
IconName["PlusMinus"] = "plus-minus";
})(IconName || (IconName = {}));
const TYPE = 'Icon';
/**
* An icon component which is used to display an icon from a pre-defined list.
*
* @param props - The props of the component.
* @param props.name - The name of the icon to display from a pre-defined list.
* @param props.color - The color of the displayed icon.
* @param props.size - The size of the displayed icon. Use `inherit` to size it the same as the text.
* @returns An icon element.
* @example
* <Icon name="warning" color="warning" size="md" />
*/
export const Icon = createSnapComponent(TYPE);
//# sourceMappingURL=Icon.mjs.map