@dynamic-labs/iconic 0.1.21 → 0.1.23

package/README.md

@@ -1,11 +1,13 @@
 ### Adding an icon
 
 1. Add the SVG file to the appropriate folder
-2. Add a `createIconic` compomenent to the `index.ts` in that folder for that icon
-3. Bump the version in package.json
-4. run `yarn test -u` to update test fixtures
-5. Open a PR
-6. After merge, release
+1. Add a `createIconic` compomenent to the `index.ts` in that folder for that icon
+1. Bump the version in package.json
+1. run `nvm use`
+1. run `yarn install` if not yet
+1. run `yarn test -u` to update test fixtures
+1. Open a PR
+1. After merge, release
 
 ### Updating an icon
 

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dynamic-labs/iconic",
-    "version": "0.1.21",
+    "version": "0.1.23",
     "description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
     "main": "dist/src/index.js",
     "scripts": {

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

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

package/dist/src/components/SocialIcon.js

@@ -1,27 +1,4 @@
 "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)
@@ -36,11 +13,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 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 getSocialIcon_1 = require("./getSocialIcon");
 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()];
+    var { name, variant } = _a, props = __rest(_a, ["name", "variant"]);
+    const Icon = (0, getSocialIcon_1.getSocialIcon)(name, variant);
     if (!Icon)
         return null;
     return (0, jsx_runtime_1.jsx)(Icon, Object.assign({}, props));

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

@@ -0,0 +1,3 @@
+import type { ThemeVariant } from '../types';
+import type { Iconic } from '../Iconic';
+export declare const getSocialIcon: (name: string, variant?: ThemeVariant) => Iconic;

package/dist/src/components/getSocialIcon.js

@@ -0,0 +1,40 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSocialIcon = void 0;
+const socials = __importStar(require("../icons/social"));
+const getSocialIcon = (name, variant = 'light') => {
+    const map = Object.fromEntries(Object.values(socials).map((icon) => [icon.iconName, icon]));
+    if (variant === 'dark') {
+        const darkIcon = map[`${name.toLowerCase()}-dark`];
+        if (darkIcon)
+            return darkIcon;
+    }
+    const icon = map[name.toLowerCase()];
+    if (icon)
+        return icon;
+    return null;
+};
+exports.getSocialIcon = getSocialIcon;

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

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

package/dist/src/components/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./SocialIcon"), exports);
+__exportStar(require("./getSocialIcon"), exports);

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

@@ -3,6 +3,7 @@ export declare const BitbucketIcon: Iconic;
 export declare const DiscordIcon: Iconic;
 export declare const FacebookIcon: Iconic;
 export declare const GithubIcon: Iconic;
+export declare const GithubDarkIcon: Iconic;
 export declare const GitlabIcon: Iconic;
 export declare const GoogleIcon: Iconic;
 export declare const HelpdeskIcon: Iconic;
@@ -11,6 +12,7 @@ export declare const MicrosoftIcon: Iconic;
 export declare const SlackIcon: Iconic;
 export declare const TelegramIcon: Iconic;
 export declare const TwitchIcon: Iconic;
+export declare const TwitchDarkIcon: Iconic;
 export declare const TwitterIcon: Iconic;
 export declare const AppleSocialIcon: Iconic;
 export declare const AppleDarkSocialIcon: Iconic;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.YouTubeIcon = exports.InstagramIcon = exports.AppleDarkSocialIcon = exports.AppleSocialIcon = exports.TwitterIcon = exports.TwitchIcon = exports.TelegramIcon = exports.SlackIcon = exports.MicrosoftIcon = exports.LinkedinIcon = exports.HelpdeskIcon = exports.GoogleIcon = exports.GitlabIcon = exports.GithubIcon = exports.FacebookIcon = exports.DiscordIcon = exports.BitbucketIcon = void 0;
+exports.YouTubeIcon = exports.InstagramIcon = exports.AppleDarkSocialIcon = exports.AppleSocialIcon = exports.TwitterIcon = exports.TwitchDarkIcon = exports.TwitchIcon = exports.TelegramIcon = exports.SlackIcon = exports.MicrosoftIcon = exports.LinkedinIcon = exports.HelpdeskIcon = exports.GoogleIcon = exports.GitlabIcon = exports.GithubDarkIcon = exports.GithubIcon = exports.FacebookIcon = exports.DiscordIcon = exports.BitbucketIcon = void 0;
 const Iconic_1 = require("../../Iconic");
 exports.BitbucketIcon = (0, Iconic_1.createIconic)({
     iconName: 'bitbucket',
@@ -22,6 +22,11 @@ exports.GithubIcon = (0, Iconic_1.createIconic)({
     alt: 'Github',
     sourcePath: 'icons/social/github.svg'
 });
+exports.GithubDarkIcon = (0, Iconic_1.createIconic)({
+    iconName: 'github-dark',
+    alt: 'Github',
+    sourcePath: 'icons/social/github-dark.svg'
+});
 exports.GitlabIcon = (0, Iconic_1.createIconic)({
     iconName: 'gitlab',
     alt: 'Gitlab',
@@ -62,6 +67,11 @@ exports.TwitchIcon = (0, Iconic_1.createIconic)({
     alt: 'Twitch',
     sourcePath: 'icons/social/twitch.svg'
 });
+exports.TwitchDarkIcon = (0, Iconic_1.createIconic)({
+    iconName: 'twitch-dark',
+    alt: 'Twitch',
+    sourcePath: 'icons/social/twitch-dark.svg'
+});
 exports.TwitterIcon = (0, Iconic_1.createIconic)({
     iconName: 'twitter',
     alt: 'Twitter',

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

@@ -47,3 +47,4 @@ export declare const VenlyIcon: Iconic;
 export declare const WalletConnectIcon: Iconic;
 export declare const MagicLinkIcon: Iconic;
 export declare const ZengoIcon: Iconic;
+export declare const SuperbIcon: 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.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;
+exports.SuperbIcon = 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',
@@ -242,3 +242,8 @@ exports.ZengoIcon = (0, Iconic_1.createIconic)({
     alt: 'Zengo Wallet',
     sourcePath: 'icons/wallets/zengo.svg'
 });
+exports.SuperbIcon = (0, Iconic_1.createIconic)({
+    iconName: 'superb',
+    alt: 'Superb Wallet',
+    sourcePath: 'icons/wallets/superb.svg'
+});

package/dist/src/types.d.ts

@@ -0,0 +1 @@
+export type ThemeVariant = 'light' | 'dark';

package/dist/src/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/iconic",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "A library of icons used by Dynamic Lab's SDK, served via CDN",
   "main": "dist/src/index.js",
   "scripts": {