@sproutsocial/racine 12.4.1 → 12.7.0

package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js

@@ -14,10 +14,15 @@ export const navigation = {
     background: {
       base: baseLightTheme.colors.neutral[800],
     },
+    widget: {
+      background: {
+        base: baseLightTheme.colors.neutral[1000],
+      },
+    },
   },
   settings: {
     listItem: {
-      backgound: {
+      background: {
         base: "transparent",
         hover: baseLightTheme.colors.neutral[200],
         selected: baseLightTheme.colors.neutral[0],

package/__flow__/types/theme.colors.flow.js

@@ -271,6 +271,7 @@ type TypeNetworkColors = {|
     microsoft_dynamics: string,
     yelp: string,
     whatsapp: string,
+    tiktok: string,
   },
 |};
 

package/__flow__/utils/responsiveProps/index.test.js

@@ -19,13 +19,21 @@ describe("normalizeResponsiveProp", () => {
 
   it("should handle arrays with 4 values", () => {
     expect(normalizeResponsiveProp([0, 1, 2, 3])).toMatchObject([
-      0, 1, 2, 3, 3,
+      0,
+      1,
+      2,
+      3,
+      3,
     ]);
   });
 
   it("should handle arrays with 5 values", () => {
     expect(normalizeResponsiveProp([0, 1, 2, 3, 4])).toMatchObject([
-      0, 1, 2, 3, 4,
+      0,
+      1,
+      2,
+      3,
+      4,
     ]);
   });
 });

package/commonjs/Checkbox/index.js

@@ -7,7 +7,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _styles = _interopRequireWildcard(require("./styles"));
 
-var _excluded = ["id", "value", "name", "label", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
+var _excluded = ["id", "value", "name", "label", "labelProps", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -63,6 +63,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         value = _this$props.value,
         name = _this$props.name,
         label = _this$props.label,
+        labelProps = _this$props.labelProps,
         checked = _this$props.checked,
         disabled = _this$props.disabled,
         indeterminate = _this$props.indeterminate,
@@ -102,9 +103,9 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
         "data-qa-checkbox-isdisabled": disabled === true,
         tabIndex: tabIndex
-      }, qa, inputProps)), label && /*#__PURE__*/React.createElement(_styles.LabelText, {
+      }, qa, inputProps)), label && /*#__PURE__*/React.createElement(_styles.LabelText, _extends({}, labelProps, {
         disabled: disabled
-      }, label));
+      }), label));
     }
 
     return (

package/commonjs/PartnerLogo/index.js

@@ -7,13 +7,33 @@ var _react = _interopRequireDefault(require("react"));
 
 var _LogoViewBoxes = _interopRequireDefault(require("../LogoViewBoxes"));
 
-var _styledComponents = require("styled-components");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _systemProps = require("../utils/system-props");
+
+var _excluded = ["partnerName", "backgroundType", "height", "width"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var StyledSVG = _styledComponents.default.svg.withConfig({
+  displayName: "PartnerLogo__StyledSVG",
+  componentId: "sc-ivi11w-0"
+})(["", ";", ""], _systemProps.FLEXBOX, _systemProps.COMMON);
+
 var PartnerLogo = function PartnerLogo(_ref) {
   var partnerName = _ref.partnerName,
-      backgroundType = _ref.backgroundType;
+      backgroundType = _ref.backgroundType,
+      height = _ref.height,
+      width = _ref.width,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useTheme = (0, _styledComponents.useTheme)(),
       mode = _useTheme.mode;
@@ -32,10 +52,16 @@ var PartnerLogo = function PartnerLogo(_ref) {
 
   var logoViewBox = _LogoViewBoxes.default[whichLogo(backgroundType)];
 
-  return /*#__PURE__*/_react.default.createElement("svg", {
+  var viewBoxCoordinates = (logoViewBox == null ? void 0 : logoViewBox.split(" ")) || [];
+  var defaultWidth = viewBoxCoordinates[2];
+  var defaultHeight = viewBoxCoordinates[3];
+  return /*#__PURE__*/_react.default.createElement(StyledSVG, _extends({
+    width: width ? width : defaultWidth,
+    height: height ? height : defaultHeight,
     viewBox: logoViewBox,
-    focusable: false
-  }, /*#__PURE__*/_react.default.createElement("use", {
+    focusable: false // $FlowIssue - upgrade v0.112.0
+
+  }, rest), /*#__PURE__*/_react.default.createElement("use", {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
   }));

package/commonjs/SpotIllustration/illustrationNames.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.illustrationNames = void 0;
-var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
+var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
 exports.illustrationNames = illustrationNames;

package/commonjs/themes/dark/decorative-palettes.js

@@ -44,7 +44,7 @@ var red = {
 };
 exports.red = red;
 var neutral = {
-  background: _seedsColor.default.COLOR_NEUTRAL_900,
+  background: _seedsColor.default.COLOR_NEUTRAL_1000,
   highlight: _seedsColor.default.COLOR_NEUTRAL_500,
   foreground: _seedsColor.default.COLOR_NEUTRAL_100
 };

package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -21,11 +21,16 @@ var navigation = {
   secondary: {
     background: {
       base: _theme.default.colors.neutral[900]
+    },
+    widget: {
+      background: {
+        base: _theme.default.colors.neutral[800]
+      }
     }
   },
   settings: {
     listItem: {
-      backgound: {
+      background: {
         base: "transparent",
         hover: _theme.default.colors.neutral[1100],
         selected: _theme.default.colors.neutral[800]

package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js

@@ -21,11 +21,16 @@ var navigation = {
   secondary: {
     background: {
       base: _theme.default.colors.neutral[800]
+    },
+    widget: {
+      background: {
+        base: _theme.default.colors.neutral[1000]
+      }
     }
   },
   settings: {
     listItem: {
-      backgound: {
+      background: {
         base: "transparent",
         hover: _theme.default.colors.neutral[200],
         selected: _theme.default.colors.neutral[0]