@dynamic-labs/iconic 0.1.12 → 0.1.15

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dynamic-labs/iconic",
-    "version": "0.1.12",
+    "version": "0.1.15",
     "description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
     "main": "dist/src/index.js",
     "scripts": {
@@ -22,6 +22,7 @@
     "homepage": "https://github.com/dynamic-labs/iconic#readme",
     "devDependencies": {
         "@babel/preset-react": "^7.18.6",
+        "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
         "@types/fs-extra": "^11.0.1",
         "@types/jest": "^29.4.0",

package/dist/src/components/SocialIcon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type SocialIconProps = React.SVGProps<SVGSVGElement> & {
+    name: string;
+};
+export declare const SocialIcon: ({ name, ...props }: SocialIconProps) => JSX.Element;
+export {};

package/dist/src/components/SocialIcon.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SocialIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const socials = __importStar(require("../icons/social"));
+const SocialIcon = (_a) => {
+    var { name } = _a, props = __rest(_a, ["name"]);
+    const map = Object.fromEntries(Object.values(socials).map((icon) => [icon.iconName, icon]));
+    const Icon = map[name.toLowerCase()];
+    if (!Icon)
+        return null;
+    return (0, jsx_runtime_1.jsx)(Icon, Object.assign({}, props));
+};
+exports.SocialIcon = SocialIcon;

package/dist/src/components/index.d.ts

@@ -0,0 +1 @@
+export * from './SocialIcon';

package/dist/src/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SocialIcon"), exports);

package/dist/src/icons/chains/index.d.ts

@@ -3,6 +3,7 @@ export declare const AlgorandIcon: Iconic;
 export declare const ArbitrumIcon: Iconic;
 export declare const AuroraIcon: Iconic;
 export declare const BnbIcon: Iconic;
+export declare const CosmosIcon: Iconic;
 export declare const EthereumIcon: Iconic;
 export declare const FlowIcon: Iconic;
 export declare const GnosisIcon: Iconic;

package/dist/src/icons/chains/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StarknetIcon = exports.SolanaIcon = exports.PolygonIcon = exports.PalmIcon = exports.OptimismIcon = exports.GnosisIcon = exports.FlowIcon = exports.EthereumIcon = exports.BnbIcon = exports.AuroraIcon = exports.ArbitrumIcon = exports.AlgorandIcon = void 0;
+exports.StarknetIcon = exports.SolanaIcon = exports.PolygonIcon = exports.PalmIcon = exports.OptimismIcon = exports.GnosisIcon = exports.FlowIcon = exports.EthereumIcon = exports.CosmosIcon = exports.BnbIcon = exports.AuroraIcon = exports.ArbitrumIcon = exports.AlgorandIcon = void 0;
 const Iconic_1 = require("../../Iconic");
 exports.AlgorandIcon = (0, Iconic_1.createIconic)({
     iconName: 'algorand',
@@ -22,6 +22,11 @@ exports.BnbIcon = (0, Iconic_1.createIconic)({
     alt: 'BNB Chain',
     sourcePath: 'icons/chains/bnb.svg'
 });
+exports.CosmosIcon = (0, Iconic_1.createIconic)({
+    iconName: 'cosmos',
+    alt: 'Cosmos chain',
+    sourcePath: 'icons/chains/cosmos.svg'
+});
 exports.EthereumIcon = (0, Iconic_1.createIconic)({
     iconName: 'ethereum',
     alt: 'Ethereum Chain',

package/dist/src/icons/social/index.d.ts

@@ -1,5 +1,9 @@
 import { type Iconic } from '../../Iconic';
 export declare const DiscordIcon: Iconic;
+export declare const FacebookIcon: Iconic;
+export declare const GithubIcon: Iconic;
+export declare const GoogleIcon: Iconic;
 export declare const HelpdeskIcon: Iconic;
 export declare const SlackIcon: Iconic;
+export declare const TelegramIcon: Iconic;
 export declare const TwitterIcon: Iconic;

package/dist/src/icons/social/index.js

@@ -1,12 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TwitterIcon = exports.SlackIcon = exports.HelpdeskIcon = exports.DiscordIcon = void 0;
+exports.TwitterIcon = exports.TelegramIcon = exports.SlackIcon = exports.HelpdeskIcon = exports.GoogleIcon = exports.GithubIcon = exports.FacebookIcon = exports.DiscordIcon = void 0;
 const Iconic_1 = require("../../Iconic");
 exports.DiscordIcon = (0, Iconic_1.createIconic)({
     iconName: 'discord',
     alt: 'Discord',
     sourcePath: 'icons/social/discord.svg'
 });
+exports.FacebookIcon = (0, Iconic_1.createIconic)({
+    iconName: 'facebook',
+    alt: 'Facebook',
+    sourcePath: 'icons/social/facebook.svg'
+});
+exports.GithubIcon = (0, Iconic_1.createIconic)({
+    iconName: 'github',
+    alt: 'Github',
+    sourcePath: 'icons/social/github.svg'
+});
+exports.GoogleIcon = (0, Iconic_1.createIconic)({
+    iconName: 'google',
+    alt: 'Google',
+    sourcePath: 'icons/social/google.svg'
+});
 exports.HelpdeskIcon = (0, Iconic_1.createIconic)({
     iconName: 'helpdesk',
     alt: 'Helpdesk',
@@ -17,6 +32,11 @@ exports.SlackIcon = (0, Iconic_1.createIconic)({
     alt: 'Slack',
     sourcePath: 'icons/social/slack.svg'
 });
+exports.TelegramIcon = (0, Iconic_1.createIconic)({
+    iconName: 'telegram',
+    alt: 'Telegram',
+    sourcePath: 'icons/social/telegram.svg'
+});
 exports.TwitterIcon = (0, Iconic_1.createIconic)({
     iconName: 'twitter',
     alt: 'Twitter',

package/dist/src/icons/wallets/index.d.ts

@@ -20,6 +20,7 @@ export declare const GamestopIcon: Iconic;
 export declare const GlowIcon: Iconic;
 export declare const ImTokenWallet: Iconic;
 export declare const InjectedWalletIcon: Iconic;
+export declare const KeplrIcon: Iconic;
 export declare const LedgerIcon: Iconic;
 export declare const LilicoIcon: Iconic;
 export declare const LinenIcon: Iconic;

package/dist/src/icons/wallets/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZengoIcon = exports.MagicLinkIcon = exports.WalletConnectIcon = exports.VenlyIcon = exports.UnstoppableIcon = exports.TrustIcon = exports.TorusIcon = exports.TerraIcon = exports.TallyCashIcon = exports.StrokeIcon = exports.SpotIcon = exports.SolflareIcon = exports.SlopeIcon = exports.SequenceIcon = exports.SafeIcon = exports.RainbowIcon = exports.PhantomIcon = exports.OpeanSeaIcon = exports.OmniIcon = exports.MyalgoIcon = exports.MissingIcon = exports.MetaMaskIcon = exports.MaticIcon = exports.LinenIcon = exports.LilicoIcon = exports.LedgerIcon = exports.InjectedWalletIcon = exports.ImTokenWallet = exports.GlowIcon = exports.GamestopIcon = exports.FrameIcon = exports.FortmaticIcon = exports.FireblocksIcon = exports.ExodusIcon = exports.SignInWithEmailIcon = exports.EmailSignIcon = exports.DawnIcon = exports.DapperIcon = exports.CryptoIcon = exports.CoinbaseIcon = exports.Coin90Icon = exports.BraavosIcon = exports.BloctoIcon = exports.BitPayIcon = exports.BinanceIcon = exports.ArgentXIcon = exports.OneInchIcon = void 0;
+exports.ZengoIcon = exports.MagicLinkIcon = exports.WalletConnectIcon = exports.VenlyIcon = exports.UnstoppableIcon = exports.TrustIcon = exports.TorusIcon = exports.TerraIcon = exports.TallyCashIcon = exports.StrokeIcon = exports.SpotIcon = exports.SolflareIcon = exports.SlopeIcon = exports.SequenceIcon = exports.SafeIcon = exports.RainbowIcon = exports.PhantomIcon = exports.OpeanSeaIcon = exports.OmniIcon = exports.MyalgoIcon = exports.MissingIcon = exports.MetaMaskIcon = exports.MaticIcon = exports.LinenIcon = exports.LilicoIcon = exports.LedgerIcon = exports.KeplrIcon = exports.InjectedWalletIcon = exports.ImTokenWallet = exports.GlowIcon = exports.GamestopIcon = exports.FrameIcon = exports.FortmaticIcon = exports.FireblocksIcon = exports.ExodusIcon = exports.SignInWithEmailIcon = exports.EmailSignIcon = exports.DawnIcon = exports.DapperIcon = exports.CryptoIcon = exports.CoinbaseIcon = exports.Coin90Icon = exports.BraavosIcon = exports.BloctoIcon = exports.BitPayIcon = exports.BinanceIcon = exports.ArgentXIcon = exports.OneInchIcon = void 0;
 const Iconic_1 = require("../../Iconic");
 exports.OneInchIcon = (0, Iconic_1.createIconic)({
     iconName: '1inch.svg',
@@ -107,6 +107,11 @@ exports.InjectedWalletIcon = (0, Iconic_1.createIconic)({
     alt: 'Injected Wallet',
     sourcePath: 'icons/wallets/injectedwallet.svg'
 });
+exports.KeplrIcon = (0, Iconic_1.createIconic)({
+    iconName: 'keplr',
+    alt: 'Keplr Wallet',
+    sourcePath: 'icons/wallets/keplr.svg'
+});
 exports.LedgerIcon = (0, Iconic_1.createIconic)({
     iconName: 'ledger',
     alt: 'Ledger Wallet',

package/dist/src/index.d.ts

@@ -1,2 +1,3 @@
 export * from './icons';
 export { type Iconic, ICONIC_SPRITE_URL } from './Iconic';
+export * from './components';

package/dist/src/index.js

@@ -18,3 +18,4 @@ exports.ICONIC_SPRITE_URL = void 0;
 __exportStar(require("./icons"), exports);
 var Iconic_1 = require("./Iconic");
 Object.defineProperty(exports, "ICONIC_SPRITE_URL", { enumerable: true, get: function () { return Iconic_1.ICONIC_SPRITE_URL; } });
+__exportStar(require("./components"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/iconic",
-  "version": "0.1.12",
+  "version": "0.1.15",
   "description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
   "main": "dist/src/index.js",
   "scripts": {
@@ -22,6 +22,7 @@
   "homepage": "https://github.com/dynamic-labs/iconic#readme",
   "devDependencies": {
     "@babel/preset-react": "^7.18.6",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/fs-extra": "^11.0.1",
     "@types/jest": "^29.4.0",