@sproutsocial/racine 20.15.0 → 20.17.0

package/commonjs/themes/light/theme.js

@@ -26,8 +26,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint-disable no-restricted-imports */ // eslint-disable-next-line no-restricted-syntax
 // json-to-scss is not working with the alias right now
 //import {TypeThemeMode} from '@src/types/theme';
-var breakpoints = exports.breakpoints = ['900px', '1200px', '1500px', '1800px'];
-var MODE = 'light';
+var breakpoints = exports.breakpoints = ["900px", "1200px", "1500px", "1800px"];
+var MODE = "light";
 
 // If you are making changes to the colors in the theme file tag the Design Systems team on your PR! Thank you!!
 
@@ -98,7 +98,7 @@ var colors = _objectSpread(_objectSpread({
         active: _seedsColor.default.COLOR_BLUE_900
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: _seedsColor.default.COLOR_NEUTRAL_0,
@@ -107,7 +107,7 @@ var colors = _objectSpread(_objectSpread({
     },
     secondary: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: _seedsColor.default.COLOR_NEUTRAL_800,
         active: _seedsColor.default.COLOR_NEUTRAL_900
       },
@@ -121,12 +121,12 @@ var colors = _objectSpread(_objectSpread({
     },
     pill: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: _seedsColor.default.COLOR_NEUTRAL_100,
         active: _seedsColor.default.COLOR_NEUTRAL_200
       },
       border: {
-        base: 'transparent',
+        base: "transparent",
         hover: _seedsColor.default.COLOR_NEUTRAL_800
       },
       text: {
@@ -141,7 +141,7 @@ var colors = _objectSpread(_objectSpread({
         active: _seedsColor.default.COLOR_RED_1000
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: _seedsColor.default.COLOR_NEUTRAL_0,
@@ -150,7 +150,7 @@ var colors = _objectSpread(_objectSpread({
     },
     placeholder: {
       background: {
-        base: 'transparent',
+        base: "transparent",
         hover: _seedsColor.default.COLOR_NEUTRAL_0,
         active: _seedsColor.default.COLOR_NEUTRAL_0
       },
@@ -164,10 +164,10 @@ var colors = _objectSpread(_objectSpread({
     },
     unstyled: {
       background: {
-        base: 'transparent'
+        base: "transparent"
       },
       border: {
-        base: 'transparent'
+        base: "transparent"
       },
       text: {
         base: _seedsColor.default.COLOR_NEUTRAL_700,
@@ -235,7 +235,7 @@ var colors = _objectSpread(_objectSpread({
   },
   listItem: {
     background: {
-      base: 'transparent',
+      base: "transparent",
       hover: _seedsColor.default.COLOR_NEUTRAL_100,
       selected: _seedsColor.default.COLOR_NEUTRAL_800
     }
@@ -396,7 +396,7 @@ var theme = {
   fontWeights: fontWeights,
   space: _objectSpread(_objectSpread({}, space), {}, {
     space: space,
-    '-space': Object.keys(space).reduce(function (negativeSpace, key) {
+    "-space": Object.keys(space).reduce(function (negativeSpace, key) {
       // The values are strings (eg 24px) so we concatenate a negative sign
       negativeSpace[key] = "-".concat(space[key]);
       return negativeSpace;

package/commonjs/types/system-props.flow.js

@@ -1,2 +1,2 @@
 "use strict";
-'no babel-plugin-flow-react-proptypes';
+"no babel-plugin-flow-react-proptypes";

package/commonjs/utils/constants.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EM_DASH = void 0;
-var EM_DASH = exports.EM_DASH = '—'; // shift + option + hyphen on a mac keyboard
+var EM_DASH = exports.EM_DASH = "—"; // shift + option + hyphen on a mac keyboard

package/commonjs/utils/hooks.js

@@ -1,5 +1,5 @@
 "use strict";
-'no babel-plugin-flow-react-proptypes';
+"no babel-plugin-flow-react-proptypes";
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
@@ -82,12 +82,12 @@ function useMutationObserverOnce(targetNode, config, callback) {
 }
 var useSelect = exports.useSelect = function useSelect() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-      initialValue: '',
+      initialValue: "",
       // eslint-disable-next-line @typescript-eslint/no-empty-function
       onChange: function onChange() {}
     },
     _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? '' : _ref$initialValue,
+    initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
     _ref$onChange = _ref.onChange,
     userOnChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
   var _useState7 = (0, _react.useState)(initialValue),
@@ -108,11 +108,11 @@ var useSelect = exports.useSelect = function useSelect() {
 var valueReducer = function valueReducer(state, action) {
   var newState = new Set(state);
   switch (action.type) {
-    case 'reset':
+    case "reset":
       {
         return new Set();
       }
-    case 'toggle_item':
+    case "toggle_item":
     default:
       {
         if (action.value) {
@@ -145,7 +145,7 @@ var useMultiselect = exports.useMultiselect = function useMultiselect() {
   };
   var onChange = (0, _react.useCallback)(function (newValue) {
     dispatch({
-      type: 'toggle_item',
+      type: "toggle_item",
       value: newValue
     });
   }, [dispatch]);
@@ -160,7 +160,7 @@ var useMultiselect = exports.useMultiselect = function useMultiselect() {
   }, [userOnChange, value]);
   var onClear = (0, _react.useCallback)(function () {
     dispatch({
-      type: 'reset'
+      type: "reset"
     });
   }, [dispatch]);
   return {
@@ -194,7 +194,7 @@ function useWhyDidYouUpdate(name, props) {
       // If changesObj not empty then output to console
       if (Object.keys(changesObj).length) {
         // eslint-disable-next-line no-console
-        console.log('[why-did-you-update]', name, changesObj);
+        console.log("[why-did-you-update]", name, changesObj);
       }
     }
 

package/commonjs/utils/index.js

@@ -12,7 +12,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var canUseDOM = exports.canUseDOM = function canUseDOM() {
-  return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+  return Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 };
 // Allows a component to pass its own ref *and* a ref prop to the same element.
 // Via https://www.davedrinks.coffee/how-do-i-use-two-react-refs/
@@ -27,7 +27,7 @@ var mergeRefs = exports.mergeRefs = function mergeRefs(refs) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var ref = _step.value;
-        if (typeof ref === 'function') {
+        if (typeof ref === "function") {
           ref(inst);
         } else if (ref) {
           ref.current = inst;
@@ -51,7 +51,7 @@ function includes(coll, el) {
 
 // https://stackoverflow.com/questions/71193818/react-onclick-argument-of-type-eventtarget-is-not-assignable-to-parameter-of-t
 function assertIsNode(e) {
-  if (!e || !('nodeType' in e)) {
+  if (!e || !("nodeType" in e)) {
     throw new Error("Node expected");
   }
 }

package/commonjs/utils/innerText.js

@@ -8,23 +8,23 @@ var hasOwnProperty = function hasOwnProperty(obj, property) {
   return Object.prototype.hasOwnProperty.call(obj, property);
 };
 var hasChildren = function hasChildren(node) {
-  return hasOwnProperty(node, 'children');
+  return hasOwnProperty(node, "children");
 };
 var hasProps = function hasProps(node) {
-  return hasOwnProperty(node, 'props');
+  return hasOwnProperty(node, "props");
 };
 var reduceNodeToString = function reduceNodeToString(previous, current) {
   return previous.length ? "".concat(previous, " ").concat(innerText(current)) : innerText(current);
 };
 var innerText = function innerText(node) {
-  if (node === null || typeof node === 'undefined' || typeof node === 'boolean') {
-    return '';
-  } else if (typeof node === 'string') {
+  if (node === null || typeof node === "undefined" || typeof node === "boolean") {
+    return "";
+  } else if (typeof node === "string") {
     return node;
-  } else if (typeof node === 'number') {
+  } else if (typeof node === "number") {
     return node.toString();
   } else if (Array.isArray(node)) {
-    return node.reduce(reduceNodeToString, '');
+    return node.reduce(reduceNodeToString, "");
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore - hasProps checks for props, but may be able to fix this
   } else if (hasProps(node) && hasChildren(node.props)) {
@@ -32,6 +32,6 @@ var innerText = function innerText(node) {
     // @ts-ignore - how can we make sure ts knows this is ok?
     return innerText(node.props.children);
   }
-  return '';
+  return "";
 };
 var _default = exports.default = innerText;

package/commonjs/utils/mixins.js

@@ -9,8 +9,8 @@ var _styledComponents = require("styled-components");
 var _theme = _interopRequireDefault(require("../themes/light/theme"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var svgToDataURL = exports.svgToDataURL = function svgToDataURL(svgStr) {
-  var encoded = encodeURIComponent(svgStr).replace(/'/g, '%27').replace(/"/g, '%22');
-  var header = 'data:image/svg+xml,';
+  var encoded = encodeURIComponent(svgStr).replace(/'/g, "%27").replace(/"/g, "%22");
+  var header = "data:image/svg+xml,";
   var dataUrl = header + encoded;
   return dataUrl;
 };

package/commonjs/utils/responsiveProps/index.js

@@ -16,7 +16,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var breakpoints = _theme.default.breakpoints;
 var LENGTH = breakpoints.length + 1;
 var normalizeResponsiveProp = exports.normalizeResponsiveProp = function normalizeResponsiveProp(value) {
-  if (['string', 'number'].includes(_typeof(value))) {
+  if (["string", "number"].includes(_typeof(value))) {
     return Array(LENGTH).fill(value);
   }
   if (value.length) {

package/commonjs/utils/responsiveProps/index.test.flow.js

@@ -1,23 +1,23 @@
 "use strict";
 
 var _index = require("./index.flow");
-describe('normalizeResponsiveProp', function () {
-  it('should handle single, literal values', function () {
+describe("normalizeResponsiveProp", function () {
+  it("should handle single, literal values", function () {
     expect((0, _index.normalizeResponsiveProp)(0)).toMatchObject([0, 0, 0, 0, 0]);
   });
-  it('should handle arrays with 1 value', function () {
+  it("should handle arrays with 1 value", function () {
     expect((0, _index.normalizeResponsiveProp)([0])).toMatchObject([0, 0, 0, 0, 0]);
   });
-  it('should handle arrays with 2 values', function () {
+  it("should handle arrays with 2 values", function () {
     expect((0, _index.normalizeResponsiveProp)([0, 1])).toMatchObject([0, 1, 1, 1, 1]);
   });
-  it('should handle arrays with 3 values', function () {
+  it("should handle arrays with 3 values", function () {
     expect((0, _index.normalizeResponsiveProp)([0, 1, 2])).toMatchObject([0, 1, 2, 2, 2]);
   });
-  it('should handle arrays with 4 values', function () {
+  it("should handle arrays with 4 values", function () {
     expect((0, _index.normalizeResponsiveProp)([0, 1, 2, 3])).toMatchObject([0, 1, 2, 3, 3]);
   });
-  it('should handle arrays with 5 values', function () {
+  it("should handle arrays with 5 values", function () {
     expect((0, _index.normalizeResponsiveProp)([0, 1, 2, 3, 4])).toMatchObject([0, 1, 2, 3, 4]);
   });
 });

package/commonjs/utils/system-props/gap.js

@@ -7,15 +7,15 @@ exports.gap = void 0;
 var _styledSystem = require("styled-system");
 var gap = exports.gap = (0, _styledSystem.system)({
   gap: {
-    property: 'gap',
-    scale: 'space'
+    property: "gap",
+    scale: "space"
   },
   rowGap: {
-    property: 'rowGap',
-    scale: 'space'
+    property: "rowGap",
+    scale: "space"
   },
   columnGap: {
-    property: 'columnGap',
-    scale: 'space'
+    property: "columnGap",
+    scale: "space"
   }
 });

package/commonjs/utils/system-props/system-props.js

@@ -12,8 +12,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // eslint-disable-next-line no-restricted-syntax
 
 var typeScale = styles.variant({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 });
 var COMMON = exports.COMMON = styles.compose(styles.color, styles.space, styles.system({
   cursor: true,

package/commonjs/utils/use-measure.js

@@ -30,7 +30,7 @@ function useMeasure(ref) {
     var element = ref.current;
     if (!element ||
     // in non-browser environments (e.g. Jest tests) ResizeObserver is not defined
-    !('ResizeObserver' in window)) {
+    !("ResizeObserver" in window)) {
       return;
     }
     var resizeObserver = new ResizeObserver(function (_ref) {

package/commonjs/utils/useInteractiveColor.js

@@ -15,14 +15,14 @@ var _styledComponents = require("styled-components");
 var useInteractiveColor = exports.useInteractiveColor = function useInteractiveColor(themeColor) {
   // Throw error if used outside of a ThemeProvider (styled-components)
   if (!(0, _styledComponents.useTheme)()) {
-    throw new Error('useInteractiveColor() must be used within a Styled Components ThemeProvider');
+    throw new Error("useInteractiveColor() must be used within a Styled Components ThemeProvider");
   }
 
   // Get the current theme mode ie. 'light' or 'dark'
   var themeMode = (0, _styledComponents.useTheme)().mode;
 
   // If the theme mode is dark, return a lightened version of the themeValue
-  if (themeMode === 'dark') {
+  if (themeMode === "dark") {
     return (0, _polished.lighten)(0.2, themeColor);
   } else {
     // If the theme mode is light, return a darkened version of the themeValue