@dynamic-labs/iconic 0.0.5 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/package.json +66 -0
- package/dist/src/Iconic.d.ts +8 -6
- package/dist/src/Iconic.js +8 -4
- package/dist/src/icons/browsers/index.d.ts +7 -1
- package/dist/src/icons/browsers/index.js +32 -15
- package/dist/src/icons/chains/index.d.ts +8 -1
- package/dist/src/icons/chains/index.js +37 -15
- package/dist/src/icons/index.d.ts +3 -0
- package/dist/src/icons/index.js +3 -0
- package/dist/src/icons/mobile/index.d.ts +3 -0
- package/dist/src/icons/mobile/index.js +14 -0
- package/dist/src/icons/social/index.d.ts +5 -0
- package/dist/src/icons/social/index.js +24 -0
- package/dist/src/icons/wallets/index.d.ts +28 -0
- package/dist/src/icons/wallets/index.js +139 -0
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.js +3 -1
- package/package.json +5 -2
- package/dist/src/icons/browsers/brave/index.d.ts +0 -3
- package/dist/src/icons/browsers/brave/index.js +0 -10
- package/dist/src/icons/chains/arbitrum/index.d.ts +0 -3
- package/dist/src/icons/chains/arbitrum/index.js +0 -10
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@dynamic-labs/iconic",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
|
|
5
|
+
"main": "dist/src/index.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "rimraf dist build && tsc && ts-node ./scripts/build-sprite.ts",
|
|
8
|
+
"test": "jest",
|
|
9
|
+
"lint": "eslint .",
|
|
10
|
+
"lint:fix": "eslint --fix",
|
|
11
|
+
"format": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}' --config ./.prettierrc"
|
|
12
|
+
},
|
|
13
|
+
"repository": {
|
|
14
|
+
"type": "git",
|
|
15
|
+
"url": "git+https://github.com/dynamic-labs/iconic.git"
|
|
16
|
+
},
|
|
17
|
+
"author": "Dynamic Labs, Inc.",
|
|
18
|
+
"license": "MIT",
|
|
19
|
+
"bugs": {
|
|
20
|
+
"url": "https://github.com/dynamic-labs/iconic/issues"
|
|
21
|
+
},
|
|
22
|
+
"homepage": "https://github.com/dynamic-labs/iconic#readme",
|
|
23
|
+
"devDependencies": {
|
|
24
|
+
"@babel/preset-react": "^7.18.6",
|
|
25
|
+
"@testing-library/react": "^13.4.0",
|
|
26
|
+
"@types/fs-extra": "^11.0.1",
|
|
27
|
+
"@types/jest": "^29.4.0",
|
|
28
|
+
"@types/node": "^18.13.0",
|
|
29
|
+
"@types/react": "^18.0.27",
|
|
30
|
+
"@types/svg-sprite": "^0.0.34",
|
|
31
|
+
"@types/svgo": "^3.0.0",
|
|
32
|
+
"@typescript-eslint/eslint-plugin": "^5.0.0",
|
|
33
|
+
"eslint": "^8.0.1",
|
|
34
|
+
"eslint-config-prettier": "^8.6.0",
|
|
35
|
+
"eslint-config-standard-with-typescript": "^34.0.0",
|
|
36
|
+
"eslint-plugin-import": "^2.25.2",
|
|
37
|
+
"eslint-plugin-n": "^15.0.0",
|
|
38
|
+
"eslint-plugin-prettier": "^4.2.1",
|
|
39
|
+
"eslint-plugin-promise": "^6.0.0",
|
|
40
|
+
"eslint-plugin-react": "^7.32.2",
|
|
41
|
+
"fs-extra": "^11.1.0",
|
|
42
|
+
"jest": "^29.4.2",
|
|
43
|
+
"jest-environment-jsdom": "^29.4.2",
|
|
44
|
+
"prettier": "^2.8.4",
|
|
45
|
+
"react": "^18.0.0",
|
|
46
|
+
"react-dom": "^18.0.0",
|
|
47
|
+
"rimraf": "^4.1.2",
|
|
48
|
+
"svg-sprite": "^2.0.2",
|
|
49
|
+
"svgo": "^3.0.2",
|
|
50
|
+
"ts-jest": "^29.0.5",
|
|
51
|
+
"ts-node": "^10.9.1",
|
|
52
|
+
"typescript": "*"
|
|
53
|
+
},
|
|
54
|
+
"peerDependencies": {
|
|
55
|
+
"react": "^17.0.2 || ^18.0.0"
|
|
56
|
+
},
|
|
57
|
+
"exports": {
|
|
58
|
+
".": "./dist/src/index.js",
|
|
59
|
+
"./package.json": "./package.json"
|
|
60
|
+
},
|
|
61
|
+
"files": [
|
|
62
|
+
"dist",
|
|
63
|
+
"README.md",
|
|
64
|
+
"LICENSE"
|
|
65
|
+
]
|
|
66
|
+
}
|
package/dist/src/Iconic.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { type FC } from 'react';
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
export declare const ICONIC_SPRITE_URL: `https://iconic.dynamic-static-assets.com/icons/sprite.svg?v=${string}`;
|
|
3
|
+
export type Iconic = FC<React.SVGProps<SVGSVGElement> & {
|
|
4
|
+
title?: string | undefined;
|
|
5
|
+
}> & {
|
|
6
|
+
iconName: string;
|
|
7
|
+
link: () => HTMLLinkElement;
|
|
8
|
+
sourcePath: string;
|
|
9
|
+
};
|
|
8
10
|
export declare const createIconic: (props: {
|
|
9
11
|
sourcePath: string;
|
|
10
12
|
iconName: string;
|
package/dist/src/Iconic.js
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createIconic = void 0;
|
|
3
|
+
exports.createIconic = exports.ICONIC_SPRITE_URL = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const
|
|
5
|
+
const package_json_1 = require("../package.json");
|
|
6
|
+
exports.ICONIC_SPRITE_URL = `https://iconic.dynamic-static-assets.com/icons/sprite.svg?v=${package_json_1.version}`;
|
|
6
7
|
const createIconic = (props) => {
|
|
7
8
|
const Icon = Object.assign(Object.assign({}, props), { function: (props) => {
|
|
8
|
-
|
|
9
|
+
const url = `${exports.ICONIC_SPRITE_URL}#${Icon.iconName}`;
|
|
10
|
+
return (0, jsx_runtime_1.jsx)("img", Object.assign({ "data-testid": `iconic-${Icon.iconName}`, src: url, alt: Icon.alt }, props));
|
|
9
11
|
} });
|
|
10
|
-
|
|
12
|
+
const IconicComponent = Icon.function.bind(Icon);
|
|
13
|
+
Object.assign(IconicComponent, { iconName: Icon.iconName, sourcePath: Icon.sourcePath });
|
|
14
|
+
return IconicComponent;
|
|
11
15
|
};
|
|
12
16
|
exports.createIconic = createIconic;
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import { type Iconic } from '../../Iconic';
|
|
2
|
+
export declare const BraveIcon: Iconic;
|
|
3
|
+
export declare const ChromeIcon: Iconic;
|
|
4
|
+
export declare const EdgeIcon: Iconic;
|
|
5
|
+
export declare const FirefoxIcon: Iconic;
|
|
6
|
+
export declare const OperaIcon: Iconic;
|
|
7
|
+
export declare const SafariIcon: Iconic;
|
|
@@ -1,17 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
3
|
+
exports.SafariIcon = exports.OperaIcon = exports.FirefoxIcon = exports.EdgeIcon = exports.ChromeIcon = exports.BraveIcon = void 0;
|
|
4
|
+
const Iconic_1 = require("../../Iconic");
|
|
5
|
+
exports.BraveIcon = (0, Iconic_1.createIconic)({
|
|
6
|
+
iconName: 'brave',
|
|
7
|
+
alt: 'Brave Browser',
|
|
8
|
+
sourcePath: 'icons/browsers/brave.svg'
|
|
9
|
+
});
|
|
10
|
+
exports.ChromeIcon = (0, Iconic_1.createIconic)({
|
|
11
|
+
iconName: 'chrome',
|
|
12
|
+
alt: 'Chrome Browser',
|
|
13
|
+
sourcePath: 'icons/browsers/chrome.svg'
|
|
14
|
+
});
|
|
15
|
+
exports.EdgeIcon = (0, Iconic_1.createIconic)({
|
|
16
|
+
iconName: 'edge',
|
|
17
|
+
alt: 'Edge Browser',
|
|
18
|
+
sourcePath: 'icons/browsers/edge.svg'
|
|
19
|
+
});
|
|
20
|
+
exports.FirefoxIcon = (0, Iconic_1.createIconic)({
|
|
21
|
+
iconName: 'firefox',
|
|
22
|
+
alt: 'Firefox Browser',
|
|
23
|
+
sourcePath: 'icons/browsers/firefox.svg'
|
|
24
|
+
});
|
|
25
|
+
exports.OperaIcon = (0, Iconic_1.createIconic)({
|
|
26
|
+
iconName: 'opera',
|
|
27
|
+
alt: 'Opera Browser',
|
|
28
|
+
sourcePath: 'icons/browsers/opera.svg'
|
|
29
|
+
});
|
|
30
|
+
exports.SafariIcon = (0, Iconic_1.createIconic)({
|
|
31
|
+
iconName: 'safari',
|
|
32
|
+
alt: 'Opera Browser',
|
|
33
|
+
sourcePath: 'icons/browsers/safari.svg'
|
|
34
|
+
});
|
|
@@ -1 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { type Iconic } from '../../Iconic';
|
|
2
|
+
export declare const ArbitrumIcon: Iconic;
|
|
3
|
+
export declare const AuroraIcon: Iconic;
|
|
4
|
+
export declare const BnbIcon: Iconic;
|
|
5
|
+
export declare const EthereumIcon: Iconic;
|
|
6
|
+
export declare const OptimismIcon: Iconic;
|
|
7
|
+
export declare const SolanaIcon: Iconic;
|
|
8
|
+
export declare const StarknetIcon: Iconic;
|
|
@@ -1,17 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
3
|
+
exports.StarknetIcon = exports.SolanaIcon = exports.OptimismIcon = exports.EthereumIcon = exports.BnbIcon = exports.AuroraIcon = exports.ArbitrumIcon = void 0;
|
|
4
|
+
const Iconic_1 = require("../../Iconic");
|
|
5
|
+
exports.ArbitrumIcon = (0, Iconic_1.createIconic)({
|
|
6
|
+
iconName: 'arbitrum',
|
|
7
|
+
alt: 'Arbitrum Chain',
|
|
8
|
+
sourcePath: 'icons/chains/arbitrum.svg'
|
|
9
|
+
});
|
|
10
|
+
exports.AuroraIcon = (0, Iconic_1.createIconic)({
|
|
11
|
+
iconName: 'aurora',
|
|
12
|
+
alt: 'Aurora Chain',
|
|
13
|
+
sourcePath: 'icons/chains/aurora.svg'
|
|
14
|
+
});
|
|
15
|
+
exports.BnbIcon = (0, Iconic_1.createIconic)({
|
|
16
|
+
iconName: 'bnb',
|
|
17
|
+
alt: 'BNB Chain',
|
|
18
|
+
sourcePath: 'icons/chains/bnb.svg'
|
|
19
|
+
});
|
|
20
|
+
exports.EthereumIcon = (0, Iconic_1.createIconic)({
|
|
21
|
+
iconName: 'ethereum',
|
|
22
|
+
alt: 'Ethereum Chain',
|
|
23
|
+
sourcePath: 'icons/chains/ethereum.svg'
|
|
24
|
+
});
|
|
25
|
+
exports.OptimismIcon = (0, Iconic_1.createIconic)({
|
|
26
|
+
iconName: 'optimism',
|
|
27
|
+
alt: 'Optimism Chain',
|
|
28
|
+
sourcePath: 'icons/chains/optimism.svg'
|
|
29
|
+
});
|
|
30
|
+
exports.SolanaIcon = (0, Iconic_1.createIconic)({
|
|
31
|
+
iconName: 'palm',
|
|
32
|
+
alt: 'Solana Chain',
|
|
33
|
+
sourcePath: 'icons/chains/solana.svg'
|
|
34
|
+
});
|
|
35
|
+
exports.StarknetIcon = (0, Iconic_1.createIconic)({
|
|
36
|
+
iconName: 'starknet',
|
|
37
|
+
alt: 'Starknet Chain',
|
|
38
|
+
sourcePath: 'icons/chains/starknet.svg'
|
|
39
|
+
});
|
package/dist/src/icons/index.js
CHANGED
|
@@ -16,3 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./browsers"), exports);
|
|
18
18
|
__exportStar(require("./chains"), exports);
|
|
19
|
+
__exportStar(require("./wallets"), exports);
|
|
20
|
+
__exportStar(require("./mobile"), exports);
|
|
21
|
+
__exportStar(require("./social"), exports);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AndroidIcon = exports.AppleIcon = void 0;
|
|
4
|
+
const Iconic_1 = require("../../Iconic");
|
|
5
|
+
exports.AppleIcon = (0, Iconic_1.createIconic)({
|
|
6
|
+
iconName: 'apple',
|
|
7
|
+
alt: 'Apple',
|
|
8
|
+
sourcePath: 'icons/mobile/apple.svg'
|
|
9
|
+
});
|
|
10
|
+
exports.AndroidIcon = (0, Iconic_1.createIconic)({
|
|
11
|
+
iconName: 'android',
|
|
12
|
+
alt: 'Android',
|
|
13
|
+
sourcePath: 'icons/mobile/android.svg'
|
|
14
|
+
});
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TwitterIcon = exports.SlackIcon = exports.HelpdeskIcon = exports.DiscordIcon = void 0;
|
|
4
|
+
const Iconic_1 = require("../../Iconic");
|
|
5
|
+
exports.DiscordIcon = (0, Iconic_1.createIconic)({
|
|
6
|
+
iconName: 'discord',
|
|
7
|
+
alt: 'Discord',
|
|
8
|
+
sourcePath: 'icons/social/discord.svg'
|
|
9
|
+
});
|
|
10
|
+
exports.HelpdeskIcon = (0, Iconic_1.createIconic)({
|
|
11
|
+
iconName: 'helpdesk',
|
|
12
|
+
alt: 'Helpdesk',
|
|
13
|
+
sourcePath: 'icons/social/helpdesk.svg'
|
|
14
|
+
});
|
|
15
|
+
exports.SlackIcon = (0, Iconic_1.createIconic)({
|
|
16
|
+
iconName: 'slack',
|
|
17
|
+
alt: 'Slack',
|
|
18
|
+
sourcePath: 'icons/social/slack.svg'
|
|
19
|
+
});
|
|
20
|
+
exports.TwitterIcon = (0, Iconic_1.createIconic)({
|
|
21
|
+
iconName: 'twitter',
|
|
22
|
+
alt: 'Twitter',
|
|
23
|
+
sourcePath: 'icons/social/twitter.svg'
|
|
24
|
+
});
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type Iconic } from '../../Iconic';
|
|
2
|
+
export declare const AlgorandIcon: Iconic;
|
|
3
|
+
export declare const ArgentXIcon: Iconic;
|
|
4
|
+
export declare const BloctoIcon: Iconic;
|
|
5
|
+
export declare const BraavosIcon: Iconic;
|
|
6
|
+
export declare const CoinbaseIcon: Iconic;
|
|
7
|
+
export declare const DapperIcon: Iconic;
|
|
8
|
+
export declare const SignInWithEmailIcon: Iconic;
|
|
9
|
+
export declare const ExodusIcon: Iconic;
|
|
10
|
+
export declare const FlowIcon: Iconic;
|
|
11
|
+
export declare const FortmaticIcon: Iconic;
|
|
12
|
+
export declare const FrameIcon: Iconic;
|
|
13
|
+
export declare const GamestopIcon: Iconic;
|
|
14
|
+
export declare const GlowIcon: Iconic;
|
|
15
|
+
export declare const InjectedWalletIcon: Iconic;
|
|
16
|
+
export declare const LedgerIcon: Iconic;
|
|
17
|
+
export declare const MaticIcon: Iconic;
|
|
18
|
+
export declare const MetaMaskIcon: Iconic;
|
|
19
|
+
export declare const MyalgoIcon: Iconic;
|
|
20
|
+
export declare const PhantomIcon: Iconic;
|
|
21
|
+
export declare const PolygonIcon: Iconic;
|
|
22
|
+
export declare const RainbowIcon: Iconic;
|
|
23
|
+
export declare const SlopeIcon: Iconic;
|
|
24
|
+
export declare const SolflareIcon: Iconic;
|
|
25
|
+
export declare const StrokeIcon: Iconic;
|
|
26
|
+
export declare const TerraIcon: Iconic;
|
|
27
|
+
export declare const VenlyIcon: Iconic;
|
|
28
|
+
export declare const WalletConnectIcon: Iconic;
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WalletConnectIcon = exports.VenlyIcon = exports.TerraIcon = exports.StrokeIcon = exports.SolflareIcon = exports.SlopeIcon = exports.RainbowIcon = exports.PolygonIcon = exports.PhantomIcon = exports.MyalgoIcon = exports.MetaMaskIcon = exports.MaticIcon = exports.LedgerIcon = exports.InjectedWalletIcon = exports.GlowIcon = exports.GamestopIcon = exports.FrameIcon = exports.FortmaticIcon = exports.FlowIcon = exports.ExodusIcon = exports.SignInWithEmailIcon = exports.DapperIcon = exports.CoinbaseIcon = exports.BraavosIcon = exports.BloctoIcon = exports.ArgentXIcon = exports.AlgorandIcon = void 0;
|
|
4
|
+
const Iconic_1 = require("../../Iconic");
|
|
5
|
+
exports.AlgorandIcon = (0, Iconic_1.createIconic)({
|
|
6
|
+
iconName: 'algorand',
|
|
7
|
+
alt: 'Algorand Wallet',
|
|
8
|
+
sourcePath: 'icons/wallets/algorand.svg'
|
|
9
|
+
});
|
|
10
|
+
exports.ArgentXIcon = (0, Iconic_1.createIconic)({
|
|
11
|
+
iconName: 'argentx',
|
|
12
|
+
alt: 'Argent X Wallet',
|
|
13
|
+
sourcePath: 'icons/wallets/argentx.svg'
|
|
14
|
+
});
|
|
15
|
+
exports.BloctoIcon = (0, Iconic_1.createIconic)({
|
|
16
|
+
iconName: 'blocto',
|
|
17
|
+
alt: 'Blocto Wallet',
|
|
18
|
+
sourcePath: 'icons/wallets/blocto.svg'
|
|
19
|
+
});
|
|
20
|
+
exports.BraavosIcon = (0, Iconic_1.createIconic)({
|
|
21
|
+
iconName: 'braavos',
|
|
22
|
+
alt: 'Braavos Wallet',
|
|
23
|
+
sourcePath: 'icons/wallets/braavos.svg'
|
|
24
|
+
});
|
|
25
|
+
exports.CoinbaseIcon = (0, Iconic_1.createIconic)({
|
|
26
|
+
iconName: 'coinbase',
|
|
27
|
+
alt: 'Coinbase Wallet',
|
|
28
|
+
sourcePath: 'icons/wallets/coinbase.svg'
|
|
29
|
+
});
|
|
30
|
+
exports.DapperIcon = (0, Iconic_1.createIconic)({
|
|
31
|
+
iconName: 'dapper',
|
|
32
|
+
alt: 'Dapper Wallet',
|
|
33
|
+
sourcePath: 'icons/wallets/dapper.svg'
|
|
34
|
+
});
|
|
35
|
+
exports.SignInWithEmailIcon = (0, Iconic_1.createIconic)({
|
|
36
|
+
iconName: 'signinwithemail',
|
|
37
|
+
alt: 'Sign in with Email',
|
|
38
|
+
sourcePath: 'icons/wallets/signinwithemail.svg'
|
|
39
|
+
});
|
|
40
|
+
exports.ExodusIcon = (0, Iconic_1.createIconic)({
|
|
41
|
+
iconName: 'exodus',
|
|
42
|
+
alt: 'Exodus Wallet',
|
|
43
|
+
sourcePath: 'icons/wallets/exodus.svg'
|
|
44
|
+
});
|
|
45
|
+
exports.FlowIcon = (0, Iconic_1.createIconic)({
|
|
46
|
+
iconName: 'flow',
|
|
47
|
+
alt: 'Flow Wallet',
|
|
48
|
+
sourcePath: 'icons/wallets/flow.svg'
|
|
49
|
+
});
|
|
50
|
+
exports.FortmaticIcon = (0, Iconic_1.createIconic)({
|
|
51
|
+
iconName: 'fortmatic',
|
|
52
|
+
alt: 'Fortmatic Wallet',
|
|
53
|
+
sourcePath: 'icons/wallets/fortmatic.svg'
|
|
54
|
+
});
|
|
55
|
+
exports.FrameIcon = (0, Iconic_1.createIconic)({
|
|
56
|
+
iconName: 'frame',
|
|
57
|
+
alt: 'Frame Wallet',
|
|
58
|
+
sourcePath: 'icons/wallets/frame.svg'
|
|
59
|
+
});
|
|
60
|
+
exports.GamestopIcon = (0, Iconic_1.createIconic)({
|
|
61
|
+
iconName: 'gamestop',
|
|
62
|
+
alt: 'Gamestop Wallet',
|
|
63
|
+
sourcePath: 'icons/wallets/gamestop.svg'
|
|
64
|
+
});
|
|
65
|
+
exports.GlowIcon = (0, Iconic_1.createIconic)({
|
|
66
|
+
iconName: 'glow',
|
|
67
|
+
alt: 'Glow Wallet',
|
|
68
|
+
sourcePath: 'icons/wallets/glow.svg'
|
|
69
|
+
});
|
|
70
|
+
exports.InjectedWalletIcon = (0, Iconic_1.createIconic)({
|
|
71
|
+
iconName: 'injectedwallet',
|
|
72
|
+
alt: 'Injected Wallet',
|
|
73
|
+
sourcePath: 'icons/wallets/injectedwallet.svg'
|
|
74
|
+
});
|
|
75
|
+
exports.LedgerIcon = (0, Iconic_1.createIconic)({
|
|
76
|
+
iconName: 'ledger',
|
|
77
|
+
alt: 'Ledger Wallet',
|
|
78
|
+
sourcePath: 'icons/wallets/ledger.svg'
|
|
79
|
+
});
|
|
80
|
+
exports.MaticIcon = (0, Iconic_1.createIconic)({
|
|
81
|
+
iconName: 'matic',
|
|
82
|
+
alt: 'Matic Wallet',
|
|
83
|
+
sourcePath: 'icons/wallets/matic.svg'
|
|
84
|
+
});
|
|
85
|
+
exports.MetaMaskIcon = (0, Iconic_1.createIconic)({
|
|
86
|
+
iconName: 'metamask',
|
|
87
|
+
alt: 'MetaMask Wallet',
|
|
88
|
+
sourcePath: 'icons/wallets/metamask.svg'
|
|
89
|
+
});
|
|
90
|
+
exports.MyalgoIcon = (0, Iconic_1.createIconic)({
|
|
91
|
+
iconName: 'myalgo',
|
|
92
|
+
alt: 'MyAlgo Wallet',
|
|
93
|
+
sourcePath: 'icons/wallets/myalgo.svg'
|
|
94
|
+
});
|
|
95
|
+
exports.PhantomIcon = (0, Iconic_1.createIconic)({
|
|
96
|
+
iconName: 'phantom',
|
|
97
|
+
alt: 'Phantom Wallet',
|
|
98
|
+
sourcePath: 'icons/wallets/phantom.svg'
|
|
99
|
+
});
|
|
100
|
+
exports.PolygonIcon = (0, Iconic_1.createIconic)({
|
|
101
|
+
iconName: 'polygon',
|
|
102
|
+
alt: 'Polygon Wallet',
|
|
103
|
+
sourcePath: 'icons/wallets/polygon.svg'
|
|
104
|
+
});
|
|
105
|
+
exports.RainbowIcon = (0, Iconic_1.createIconic)({
|
|
106
|
+
iconName: 'rainbow',
|
|
107
|
+
alt: 'Rainbow Wallet',
|
|
108
|
+
sourcePath: 'icons/wallets/rainbow.svg'
|
|
109
|
+
});
|
|
110
|
+
exports.SlopeIcon = (0, Iconic_1.createIconic)({
|
|
111
|
+
iconName: 'slope',
|
|
112
|
+
alt: 'Slope Wallet',
|
|
113
|
+
sourcePath: 'icons/wallets/slope.svg'
|
|
114
|
+
});
|
|
115
|
+
exports.SolflareIcon = (0, Iconic_1.createIconic)({
|
|
116
|
+
iconName: 'solflare',
|
|
117
|
+
alt: 'Solflare Wallet',
|
|
118
|
+
sourcePath: 'icons/wallets/solflare.svg'
|
|
119
|
+
});
|
|
120
|
+
exports.StrokeIcon = (0, Iconic_1.createIconic)({
|
|
121
|
+
iconName: 'stroke',
|
|
122
|
+
alt: 'Stroke Wallet',
|
|
123
|
+
sourcePath: 'icons/wallets/stroke.svg'
|
|
124
|
+
});
|
|
125
|
+
exports.TerraIcon = (0, Iconic_1.createIconic)({
|
|
126
|
+
iconName: 'terra',
|
|
127
|
+
alt: 'Terra Wallet',
|
|
128
|
+
sourcePath: 'icons/wallets/terra.svg'
|
|
129
|
+
});
|
|
130
|
+
exports.VenlyIcon = (0, Iconic_1.createIconic)({
|
|
131
|
+
iconName: 'venly',
|
|
132
|
+
alt: 'Venly Wallet',
|
|
133
|
+
sourcePath: 'icons/wallets/venly.svg'
|
|
134
|
+
});
|
|
135
|
+
exports.WalletConnectIcon = (0, Iconic_1.createIconic)({
|
|
136
|
+
iconName: 'walletconnect',
|
|
137
|
+
alt: 'Wallet Connect Wallet',
|
|
138
|
+
sourcePath: 'icons/wallets/walletconnect.svg'
|
|
139
|
+
});
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './icons';
|
|
2
|
-
export
|
|
2
|
+
export { type Iconic, ICONIC_SPRITE_URL } from './Iconic';
|
package/dist/src/index.js
CHANGED
|
@@ -14,5 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.ICONIC_SPRITE_URL = void 0;
|
|
17
18
|
__exportStar(require("./icons"), exports);
|
|
18
|
-
|
|
19
|
+
var Iconic_1 = require("./Iconic");
|
|
20
|
+
Object.defineProperty(exports, "ICONIC_SPRITE_URL", { enumerable: true, get: function () { return Iconic_1.ICONIC_SPRITE_URL; } });
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dynamic-labs/iconic",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
|
|
5
5
|
"main": "dist/src/index.js",
|
|
6
6
|
"scripts": {
|
|
7
|
-
"build": "rimraf dist build && tsc",
|
|
7
|
+
"build": "rimraf dist build && tsc && ts-node ./scripts/build-sprite.ts",
|
|
8
8
|
"test": "jest",
|
|
9
9
|
"lint": "eslint .",
|
|
10
10
|
"lint:fix": "eslint --fix",
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
"@types/jest": "^29.4.0",
|
|
28
28
|
"@types/node": "^18.13.0",
|
|
29
29
|
"@types/react": "^18.0.27",
|
|
30
|
+
"@types/svg-sprite": "^0.0.34",
|
|
30
31
|
"@types/svgo": "^3.0.0",
|
|
31
32
|
"@typescript-eslint/eslint-plugin": "^5.0.0",
|
|
32
33
|
"eslint": "^8.0.1",
|
|
@@ -37,12 +38,14 @@
|
|
|
37
38
|
"eslint-plugin-prettier": "^4.2.1",
|
|
38
39
|
"eslint-plugin-promise": "^6.0.0",
|
|
39
40
|
"eslint-plugin-react": "^7.32.2",
|
|
41
|
+
"fs-extra": "^11.1.0",
|
|
40
42
|
"jest": "^29.4.2",
|
|
41
43
|
"jest-environment-jsdom": "^29.4.2",
|
|
42
44
|
"prettier": "^2.8.4",
|
|
43
45
|
"react": "^18.0.0",
|
|
44
46
|
"react-dom": "^18.0.0",
|
|
45
47
|
"rimraf": "^4.1.2",
|
|
48
|
+
"svg-sprite": "^2.0.2",
|
|
46
49
|
"svgo": "^3.0.2",
|
|
47
50
|
"ts-jest": "^29.0.5",
|
|
48
51
|
"ts-node": "^10.9.1",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.BraveIcon = void 0;
|
|
4
|
-
const Iconic_1 = require("../../../Iconic");
|
|
5
|
-
exports.BraveIcon = (0, Iconic_1.createIconic)({
|
|
6
|
-
iconName: 'brave',
|
|
7
|
-
alt: 'Brave Browser',
|
|
8
|
-
sourcePath: 'icons/browsers/brave/brave.svg'
|
|
9
|
-
});
|
|
10
|
-
exports.default = exports.BraveIcon;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ArbitrumIcon = void 0;
|
|
4
|
-
const Iconic_1 = require("../../../Iconic");
|
|
5
|
-
exports.ArbitrumIcon = (0, Iconic_1.createIconic)({
|
|
6
|
-
iconName: 'arbitrum',
|
|
7
|
-
alt: 'Arbitrum Chain',
|
|
8
|
-
sourcePath: 'icons/chains/arbitrum/arbitrum.svg'
|
|
9
|
-
});
|
|
10
|
-
exports.default = exports.ArbitrumIcon;
|