@sproutsocial/racine 12.1.0 → 12.2.0-partner-logos.0

package/dist/logoList.js

@@ -0,0 +1 @@
+module.exports = ["bitly-dark","bitly","canva-dark","canva","dropbox-dark","dropbox","facebook-dark","facebook-shops-dark","facebook-shops","facebook","feedly-dark","feedly","glassdoor-dark","glassdoor","google-analytics-dark","google-analytics","google-business-messages-dark","google-business-messages","google-drive-dark","google-drive","google-my-business-dark","google-my-business","hubspot-dark","hubspot","instagram-dark","instagram","linkedin-dark","linkedin","marketo-dark","marketo","messenger-dark","messenger","microsoft-dynamics-dark","microsoft-dynamics","pinterest-dark","pinterest","reddit-dark","reddit","salesforce-dark","salesforce","shopify-dark","shopify","slack-dark","slack","tiktok-dark","tiktok","tripadvisor-dark","tripadvisor","tumblr-dark","tumblr","twitter-dark","twitter","whatsapp-dark","whatsapp","woocommerce-dark","woocommerce","yelp-dark","yelp","youtube-dark","youtube","zendesk-dark","zendesk"];

package/lib/LogoViewBoxes.js

@@ -0,0 +1,64 @@
+module.exports = {
+  "bitly-dark": "0 0 140 64",
+  "bitly": "0 0 140 64",
+  "canva-dark": "0 0 140 140",
+  "canva": "0 0 140 140",
+  "dropbox-dark": "0 0 140 119",
+  "dropbox": "0 0 140 119",
+  "facebook-dark": "0 0 141 139",
+  "facebook-shops-dark": "0 0 141 155",
+  "facebook-shops": "0 0 141 155",
+  "facebook": "0 0 141 139",
+  "feedly-dark": "0 0 141 123",
+  "feedly": "0 0 141 123",
+  "glassdoor-dark": "0 0 140 196",
+  "glassdoor": "0 0 140 196",
+  "google-analytics-dark": "0 0 140 160",
+  "google-analytics": "0 0 140 160",
+  "google-business-messages-dark": "0 0 140 140",
+  "google-business-messages": "0 0 140 140",
+  "google-drive-dark": "0 0 140 126",
+  "google-drive": "0 0 140 126",
+  "google-my-business-dark": "0 0 140 123",
+  "google-my-business": "0 0 140 123",
+  "hubspot-dark": "0 0 140 156",
+  "hubspot": "0 0 140 156",
+  "instagram-dark": "0 0 140 140",
+  "instagram": "0 0 140 140",
+  "linkedin-dark": "0 0 140 140",
+  "linkedin": "0 0 140 140",
+  "marketo-dark": "0 0 140 164",
+  "marketo": "0 0 140 164",
+  "messenger-dark": "0 0 140 141",
+  "messenger": "0 0 140 140",
+  "microsoft-dynamics-dark": "0 0 140 227",
+  "microsoft-dynamics": "0 0 140 227",
+  "pinterest-dark": "0 0 140 141",
+  "pinterest": "0 0 140 141",
+  "reddit-dark": "0 0 140 140",
+  "reddit": "0 0 140 140",
+  "salesforce-dark": "0 0 140 99",
+  "salesforce": "0 0 140 99",
+  "shopify-dark": "0 0 140 159",
+  "shopify": "0 0 140 159",
+  "slack-dark": "0 0 140 140",
+  "slack": "0 0 140 140",
+  "tiktok-dark": "0 0 140 159",
+  "tiktok": "0 0 140 159",
+  "tripadvisor-dark": "0 0 140 140",
+  "tripadvisor": "0 0 140 140",
+  "tumblr-dark": "0 0 140 140",
+  "tumblr": "0 0 140 140",
+  "twitter-dark": "0 0 140 114",
+  "twitter": "0 0 140 114",
+  "whatsapp-dark": "0 0 140 140",
+  "whatsapp": "0 0 140 141",
+  "woocommerce-dark": "0 0 140 84",
+  "woocommerce": "0 0 140 84",
+  "yelp-dark": "0 0 140 159",
+  "yelp": "0 0 140 159",
+  "youtube-dark": "0 0 140 99",
+  "youtube": "0 0 140 99",
+  "zendesk-dark": "0 0 140 107",
+  "zendesk": "0 0 140 107"
+};

package/lib/PartnerLogo/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import logoViewBoxes from "../LogoViewBoxes";
+import { useTheme } from "styled-components";
+
+var PartnerLogo = function PartnerLogo(_ref) {
+  var partnerName = _ref.partnerName,
+      backgroundType = _ref.backgroundType;
+
+  var _useTheme = useTheme(),
+      mode = _useTheme.mode;
+
+  var whichLogo = function whichLogo(type) {
+    if (type && type === "dark") {
+      return partnerName + "-dark";
+    } else if (type && type === "light") {
+      return partnerName;
+    } else if (mode === "dark") {
+      return partnerName + "-dark";
+    } else {
+      return partnerName;
+    }
+  };
+
+  var logoViewBox = logoViewBoxes[whichLogo(backgroundType)];
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: logoViewBox,
+    focusable: false
+  }, /*#__PURE__*/React.createElement("use", {
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
+  }));
+};
+
+export default PartnerLogo;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "12.1.0",
+  "version": "12.2.0-partner-logos.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -9,9 +9,7 @@
     "lib",
     "codemods",
     "bin/racine-codemod.js",
-    "bin/buildNpm.js",
-    "icons",
-    "includeIcons.js"
+    "bin/buildNpm.js"
   ],
   "bin": {
     "racine-codemod": "bin/racine-codemod.js",
@@ -19,15 +17,12 @@
   },
   "main": "commonjs/index.js",
   "module": "lib/index.js",
-  "sideEffects": [
-    "./includeIcons.js"
-  ],
   "scripts": {
     "install-deps": "yarn install",
     "prepublishOnly": "yarn run build",
     "precommit": "lint-staged",
     "change": "yarn changeset add",
-    "clean": "rimraf ./__flow__ ./commonjs ./dist ./lib ./es ./includeIcons.js",
+    "clean": "rimraf ./__flow__ ./commonjs ./dist ./lib ./es",
     "build-package": "node ./bin/buildPackage.js",
     "watch-package": "node ./bin/buildPackage.js --watch",
     "build-icons": "node ./bin/buildSVG.js",