@sproutsocial/racine 20.16.0 → 21.0.0

package/commonjs/TableRowAccordion/TableRowAccordion.js

@@ -88,7 +88,7 @@ var TableRowAccordion = exports.default = /*#__PURE__*/function (_React$Componen
           onClick: this.handleToggle,
           role: "button"
         }, /*#__PURE__*/React.createElement(_Icon.default, {
-          name: isExpanded ? 'chevron-up-outline' : 'chevron-down-outline',
+          name: isExpanded ? "chevron-up-outline" : "chevron-down-outline",
           "aria-hidden": true
         }))
       })), /*#__PURE__*/React.createElement(_styles.Detail, {

package/commonjs/Tabs/styles.js

@@ -15,7 +15,7 @@ var Container = _styledComponents.default.ul.withConfig({
   displayName: "styles__Container",
   componentId: "sc-sgxsgw-0"
 })(["display:", ";justify-content:space-between;margin:0;padding:0;list-style:none;border-bottom:", " ", ";", ""], function (props) {
-  return props.fullWidth ? 'flex' : 'inline-flex';
+  return props.fullWidth ? "flex" : "inline-flex";
 }, function (props) {
   return props.theme.borders[500];
 }, function (props) {

package/commonjs/Text/Text.js

@@ -83,7 +83,7 @@ var Text = function Text(_ref) {
     qa = _ref.qa,
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var qaText = typeof children === 'string' ? children : undefined;
+  var qaText = typeof children === "string" ? children : undefined;
   return /*#__PURE__*/React.createElement(_styles.default, _extends({
     typeScale: fontSize,
     "data-qa-text": qaText
@@ -94,13 +94,13 @@ var Text = function Text(_ref) {
     color: color
   }, qa, rest), children);
 };
-Headline.displayName = 'Text.Headline';
-SubHeadline.displayName = 'Text.SubHeadline';
-SmallSubHeadline.displayName = 'Text.SmallSubHeadline';
-Byline.displayName = 'Text.Byline';
-SmallByline.displayName = 'Text.SmallByline';
-BodyCopy.displayName = 'Text.BodyCopy';
-SmallBodyCopy.displayName = 'Text.SmallBodyCopy';
+Headline.displayName = "Text.Headline";
+SubHeadline.displayName = "Text.SubHeadline";
+SmallSubHeadline.displayName = "Text.SmallSubHeadline";
+Byline.displayName = "Text.Byline";
+SmallByline.displayName = "Text.SmallByline";
+BodyCopy.displayName = "Text.BodyCopy";
+SmallBodyCopy.displayName = "Text.SmallBodyCopy";
 Text.Headline = Headline;
 Text.SubHeadline = SubHeadline;
 Text.SmallSubHeadline = SmallSubHeadline;

package/commonjs/Text/styles.js

@@ -17,7 +17,7 @@ var Container = _styledComponents.default.span.withConfig({
 }, function (props) {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  return props.isItalicized && 'italic';
+  return props.isItalicized && "italic";
 }, function (props) {
   return props.truncated && (0, _styledComponents.css)(["display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 }, function (props) {

package/commonjs/Textarea/styles.js

@@ -62,6 +62,6 @@ var Accessory = exports.Accessory = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.after && (0, _styledComponents.css)(["right:", ";bottom:", ";"], props.theme.space[350], props.theme.space[300]);
 });
-Container.displayName = 'TextareaContainer';
-Accessory.displayName = 'TextareaAccessory';
+Container.displayName = "TextareaContainer";
+Accessory.displayName = "TextareaAccessory";
 var _default = exports.default = Container;

package/commonjs/Toast/Toast.js

@@ -19,14 +19,14 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 var NoTransition = (0, _reactToastify.cssTransition)({
-  enter: '',
-  exit: '',
+  enter: "",
+  exit: "",
   duration: [0, 0],
   collapseDuration: 0
 });
 var Zoom = (0, _reactToastify.cssTransition)({
-  enter: 'Toastify__zoom-enter',
-  exit: 'Toastify__zoom-exit',
+  enter: "Toastify__zoom-enter",
+  exit: "Toastify__zoom-exit",
   duration: [_seedsMotionUnitless.MOTION_DURATION_MEDIUM * 1000, _seedsMotionUnitless.MOTION_DURATION_SLOW * 1000]
 });
 var ToastContainer = function ToastContainer() {
@@ -39,10 +39,10 @@ var ToastContainer = function ToastContainer() {
   }));
 };
 var themeIcon = {
-  success: 'circle-check-outline',
-  info: 'circle-i-outline',
-  warning: 'triangle-exclamation-outline',
-  error: 'triangle-exclamation-outline'
+  success: "circle-check-outline",
+  info: "circle-i-outline",
+  warning: "triangle-exclamation-outline",
+  error: "triangle-exclamation-outline"
 };
 function toast(options) {
   var props = {
@@ -57,7 +57,7 @@ function toast(options) {
     _options$useTransitio = options.useTransition,
     useTransition = _options$useTransitio === void 0 ? true : _options$useTransitio;
   var toastId = options.toastId;
-  if (!toastId && typeof content === 'string') {
+  if (!toastId && typeof content === "string") {
     toastId = content;
   }
   var transition = useTransition ? Zoom : NoTransition;
@@ -82,7 +82,7 @@ var Toast = function Toast(_ref) {
     /*#__PURE__*/
     // TODO: if this closes when clicked, there should be a label saying "Click to close" that can be overriden
     React.createElement(_styles.default, {
-      type: theme || 'info',
+      type: theme || "info",
       customColor: color,
       borderLeft: "2px solid",
       "data-qa-toast": ""
@@ -95,14 +95,14 @@ var Toast = function Toast(_ref) {
       m: "auto",
       width: 1
     }, /*#__PURE__*/React.createElement(IconBox, null, /*#__PURE__*/React.createElement(_styles.CustomIcon, {
-      type: theme || 'info'
+      type: theme || "info"
       // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       ,
       color: color,
       customColor: color,
-      name: theme ? themeIcon[theme] : icon || themeIcon['info'],
+      name: theme ? themeIcon[theme] : icon || themeIcon["info"],
       fixedWidth: true,
       "aria-hidden": true
     })), /*#__PURE__*/React.createElement(_StyledBox2, {

package/commonjs/ToggleHint/ToggleHint.js

@@ -41,14 +41,14 @@ var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
     }
     _this = _callSuper(this, ToggleHint, [].concat(args));
     _defineProperty(_assertThisInitialized(_this), "getIcon", function () {
-      if (_this.props.icon === 'chevron') {
+      if (_this.props.icon === "chevron") {
         return /*#__PURE__*/React.createElement(_Icon.default, {
           name: "chevron-down-outline",
           "aria-hidden": true
         });
       }
       return /*#__PURE__*/React.createElement(_Icon.default, {
-        name: _this.props.isOpen ? 'minus-outline' : 'plus-outline',
+        name: _this.props.isOpen ? "minus-outline" : "plus-outline",
         "aria-hidden": true
       });
     });
@@ -83,5 +83,5 @@ var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
 }(React.Component);
 _defineProperty(ToggleHint, "defaultProps", {
   isOpen: false,
-  icon: 'chevron'
+  icon: "chevron"
 });

package/commonjs/ToggleHint/styles.js

@@ -16,7 +16,7 @@ var Container = _styledComponents.default.div.withConfig({
 })(["position:relative;display:inline-block;padding:", ";color:currentColor;", " ", ""], function (props) {
   return props.theme.space[100];
 }, function (props) {
-  return props.icon === 'chevron' && (0, _styledComponents.css)(["transition:transform ", ";", ""], function (props) {
+  return props.icon === "chevron" && (0, _styledComponents.css)(["transition:transform ", ";", ""], function (props) {
     return "".concat(props.theme.duration.medium, " ").concat(props.theme.easing.ease_inout);
   }, props.isOpen && (0, _styledComponents.css)(["transform:rotateX(180deg);"]));
 }, _systemProps.COMMON);

package/commonjs/Token/Token.js

@@ -29,9 +29,9 @@ var Token = function Token(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$palette = _ref.palette,
-    palette = _ref$palette === void 0 ? 'neutral' : _ref$palette,
+    palette = _ref$palette === void 0 ? "neutral" : _ref$palette,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var textContainer = (0, _hooks.useTextContent)('');
+  var textContainer = (0, _hooks.useTextContent)("");
   return /*#__PURE__*/React.createElement(_styles.default
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore some legacy ref type mismatch between divs
@@ -39,8 +39,8 @@ var Token = function Token(_ref) {
     ref: textContainer,
     valid: valid,
     palette: palette,
-    type: closeable || onClick ? 'button' : undefined,
-    as: closeable || onClick ? 'button' : 'div',
+    type: closeable || onClick ? "button" : undefined,
+    as: closeable || onClick ? "button" : "div",
     closeable: closeable || !!onClick,
     disabled: disabled,
     onClick: onClick,

package/commonjs/Token/styles.js

@@ -24,7 +24,7 @@ var Container = _styledComponents.default.button.withConfig({
 }, function (_ref3) {
   var theme = _ref3.theme,
     palette = _ref3.palette;
-  return palette === 'blue' && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.decorative.blue));
+  return palette === "blue" && (0, _styledComponents.css)(["color:", ";background:", ";border:1px solid ", ";&:hover,&:active{cursor:pointer;box-shadow:", ";border:1px solid ", ";}"], theme.colors.text.body, theme.colors.container.background.decorative.blue, theme.colors.container.border.decorative.blue, theme.shadows.low, (0, _useInteractiveColor.useInteractiveColor)(theme.colors.container.border.decorative.blue));
 }, function (_ref4) {
   var disabled = _ref4.disabled,
     theme = _ref4.theme;

package/commonjs/TokenInput/TokenInput.js

@@ -33,8 +33,8 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
-var DefaultDelimiters = [',', 'Enter'];
-var ControlledPropNames = ['value', 'hasFocus', 'activeToken'];
+var DefaultDelimiters = [",", "Enter"];
+var ControlledPropNames = ["value", "hasFocus", "activeToken"];
 var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
   _inherits(TokenInput, _React$Component);
   function TokenInput(props) {
@@ -81,14 +81,14 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
           _this.spawnNewTokens([text]);
           e.preventDefault();
         }
-      } else if (key === 'Backspace') {
-        if (text === '') {
+      } else if (key === "Backspace") {
+        if (text === "") {
           _this.deleteToken();
         }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handlePaste", function (e) {
-      var text = e.clipboardData.getData('text');
+      var text = e.clipboardData.getData("text");
       var onPaste = _this.props.onPaste;
       if (onPaste) onPaste(e, text);
       var subtexts = text.split(_this.delimiterMatcher);
@@ -118,7 +118,7 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
       prevProps: props,
       hasFocus: hasFocus || false,
       activeToken: activeToken,
-      value: _value || ''
+      value: _value || ""
     };
     return _this;
   }
@@ -148,7 +148,7 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         onChangeTokens(tokens.concat(tokenSpecs));
       }
       this.setState({
-        value: ''
+        value: ""
       });
     }
   }, {
@@ -170,7 +170,7 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         }));
       }
       this.setState({
-        value: ''
+        value: ""
       });
     }
   }, {
@@ -185,7 +185,7 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         tokenIconName = token.iconName,
         _token$iconProps = token.iconProps,
         iconProps = _token$iconProps === void 0 ? {
-          'aria-hidden': true
+          "aria-hidden": true
         } : _token$iconProps,
         value = token.value,
         valid = token.valid;
@@ -291,7 +291,7 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         onKeyUp: this.handleKeyUp,
         onPaste: this.handlePaste,
         ref: innerRef,
-        "data-qa-input": name || '',
+        "data-qa-input": name || "",
         "data-qa-input-isdisabled": !!disabled,
         "data-qa-input-isrequired": !!required
       }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(_styles.Accessory, {

package/commonjs/TokenInput/TokenScreenReaderStatus.js

@@ -25,7 +25,7 @@ function usePrevious(value) {
 var TokenScreenReaderStatus = exports.TokenScreenReaderStatus = function TokenScreenReaderStatus(_ref) {
   var tokens = _ref.tokens;
   var prevTokens = usePrevious(tokens);
-  var _useState = (0, _react.useState)(''),
+  var _useState = (0, _react.useState)(""),
     _useState2 = _slicedToArray(_useState, 2),
     tokenStatus = _useState2[0],
     setTokenStatus = _useState2[1];

package/commonjs/TokenInput/styles.js

@@ -78,5 +78,5 @@ var Container = _styledComponents.default.div.withConfig({
     return props.theme.colors.form.border.warning;
   });
 }, _systemProps.COMMON);
-Container.displayName = 'TokenInputContainer';
+Container.displayName = "TokenInputContainer";
 var _default = exports.default = Container;

package/commonjs/TokenInput/util.js

@@ -13,12 +13,12 @@ var asTokenSpec = exports.asTokenSpec = function asTokenSpec(text) {
   };
 };
 var KeyNameToRegExpChar = {
-  Enter: '\\n'
+  Enter: "\\n"
 };
 var delimitersAsRegExp = exports.delimitersAsRegExp = function delimitersAsRegExp(delimiters) {
   if (!delimiters) return /[,\n]/;
   var chars = delimiters.map(function (key) {
     return KeyNameToRegExpChar[key] || key;
-  }).join('');
+  }).join("");
   return RegExp("[".concat(chars, "]"));
 };

package/commonjs/Tooltip/Tooltip.js

@@ -37,7 +37,7 @@ var hasAttribute = function hasAttribute(child, attribute) {
 /** Tooltip Styled Popout wrapper for handling events */
 var TooltipBubble = function TooltipBubble(_ref) {
   var _ref$appearance = _ref.appearance,
-    appearance = _ref$appearance === void 0 ? 'pill' : _ref$appearance,
+    appearance = _ref$appearance === void 0 ? "pill" : _ref$appearance,
     children = _ref.children,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
@@ -51,9 +51,9 @@ var TooltipBubble = function TooltipBubble(_ref) {
   return /*#__PURE__*/React.createElement(_styles.StyledTooltipContent, _extends({
     role: "tooltip",
     appearance: appearance,
-    borderRadius: appearance === 'box' ? 500 : '5000em',
+    borderRadius: appearance === "box" ? 500 : "5000em",
     px: 400,
-    py: appearance === 'box' ? 400 : 200,
+    py: appearance === "box" ? 400 : 200,
     m: 200,
     color: "text.body",
     bg: "container.background.base",
@@ -75,7 +75,7 @@ var Tooltip = function Tooltip(_ref2) {
     _ref2$enterDelay = _ref2.enterDelay,
     enterDelay = _ref2$enterDelay === void 0 ? _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000 : _ref2$enterDelay,
     _ref2$placement = _ref2.placement,
-    placement = _ref2$placement === void 0 ? 'auto' : _ref2$placement,
+    placement = _ref2$placement === void 0 ? "auto" : _ref2$placement,
     appearance = _ref2.appearance,
     _ref2$zIndex = _ref2.zIndex,
     zIndex = _ref2$zIndex === void 0 ? 7 : _ref2$zIndex,
@@ -107,7 +107,7 @@ var Tooltip = function Tooltip(_ref2) {
     setShouldShow(false);
   };
   var exitDelay = _seedsMotionUnitless.default.MOTION_DURATION_FAST * 1000;
-  var defaultAppearance = appearance || (_typeof(content) === 'object' ? 'box' : 'pill');
+  var defaultAppearance = appearance || (_typeof(content) === "object" ? "box" : "pill");
 
   /** Handles all the logic around whether to display/not display */
   (0, _react.useEffect)(function () {
@@ -115,7 +115,7 @@ var Tooltip = function Tooltip(_ref2) {
     var timeout;
     var onEsc = function onEsc(e) {
       // older browsers use "Esc"
-      if (['Escape', 'Esc'].includes(e.key)) {
+      if (["Escape", "Esc"].includes(e.key)) {
         setIsOpen(false);
         setShouldShow(false);
       }
@@ -132,10 +132,10 @@ var Tooltip = function Tooltip(_ref2) {
 
     // We only want listeners from the tooltip if its open in the first place
     if (isOpen) {
-      documentBody.addEventListener('keydown', onEsc, false);
+      documentBody.addEventListener("keydown", onEsc, false);
     }
     return function () {
-      documentBody.removeEventListener('keydown', onEsc, false);
+      documentBody.removeEventListener("keydown", onEsc, false);
       clearTimeout(timeout);
     };
   }, [isOpen, setShouldShow, shouldShow, enterDelay, exitDelay]);
@@ -155,13 +155,13 @@ var Tooltip = function Tooltip(_ref2) {
     isOpen: isOpen,
     placement: placement,
     qa: _objectSpread({
-      'data-qa-tooltip': id
+      "data-qa-tooltip": id
     }, qa),
-    id: id + '-wrapper',
+    id: id + "-wrapper",
     focusOnContent: false,
     zIndex: zIndex,
     "aria-haspopup": "false",
-    display: truncated ? 'flex' : undefined,
+    display: truncated ? "flex" : undefined,
     disableWrapperAria: true // required so that the child span doesnt take in redundant aria props
   }, popoutProps), /*#__PURE__*/React.createElement("span", {
     onBlur: hide,
@@ -169,14 +169,14 @@ var Tooltip = function Tooltip(_ref2) {
     onMouseEnter: show,
     onMouseLeave: hide,
     style: truncated ? {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
     } : {}
   }, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
     //** There may be cases where the Tooltip's child needs to properly describe its role as expanding a drawer, in which case that propery takes priority */
-    'aria-expanded': hasAttribute(children, 'aria-expanded') ? children.props['aria-expanded'] : isOpen,
-    'aria-describedby': id
+    "aria-expanded": hasAttribute(children, "aria-expanded") ? children.props["aria-expanded"] : isOpen,
+    "aria-describedby": id
   }) : children));
 };
 var _default = exports.default = Tooltip;

package/commonjs/Tooltip/styles.js

@@ -15,5 +15,5 @@ var StyledTooltipContent = exports.StyledTooltipContent = (0, _styledComponents.
 }, function (props) {
   return props.theme.typography[200];
 }, function (props) {
-  return props.appearance === 'box' ? 'left' : 'center';
+  return props.appearance === "box" ? "left" : "center";
 });

package/commonjs/index.js

@@ -30,13 +30,13 @@ Object.defineProperty(exports, "Alert", {
 Object.defineProperty(exports, "PartnerLogoNames", {
   enumerable: true,
   get: function get() {
-    return _logoNames.default;
+    return _seedsPartnerLogos.LogoNamesWithoutVariants;
   }
 });
 Object.defineProperty(exports, "SpotIllustrationNames", {
   enumerable: true,
   get: function get() {
-    return _illustrationNames.default;
+    return _seedsIllustrations.IllustrationNames;
   }
 });
 Object.defineProperty(exports, "ThemeProvider", {
@@ -117,8 +117,8 @@ Object.defineProperty(exports, "visuallyHidden", {
     return _mixins.visuallyHidden;
   }
 });
-var _illustrationNames = _interopRequireDefault(require("./illustrationNames"));
-var _logoNames = _interopRequireDefault(require("./logoNames"));
+var _seedsIllustrations = require("@sproutsocial/seeds-illustrations");
+var _seedsPartnerLogos = require("@sproutsocial/seeds-partner-logos");
 var _systemProps = require("./systemProps");
 Object.keys(_systemProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/commonjs/systemProps/index.js

@@ -77,8 +77,8 @@ var customSystemProps = exports.customSystemProps = (0, _styledSystem.compose)((
 // https://styled-system.com/variants
 
 var variantSystemProps = exports.variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 }));
 var systemProps = exports.systemProps = (0, _styledSystem.compose)(customSystemProps, variantSystemProps, _styledSystem.background, _styledSystem.border, _styledSystem.color, _styledSystem.flexbox, _styledSystem.grid, _styledSystem.layout, _styledSystem.position, _styledSystem.shadow, _styledSystem.space, _styledSystem.typography);
 

package/commonjs/systemProps/tests/types.flow.js

@@ -3,16 +3,16 @@
 /**
  * All system props should be responsive but accepting a tuple of length 1-5.
  */
-'a';
-['a'];
-['a', 'a'];
-['a', 'a', 'a'];
-['a', 'a', 'a', 'a'];
-['a', 'a', 'a', 'a', 'a'];
+"a";
+["a"];
+["a", "a"];
+["a", "a", "a"];
+["a", "a", "a", "a"];
+["a", "a", "a", "a", "a"];
 // $FlowExpectedError
-['a', 'a', 'a', 'a', 'a', 'a'];
+["a", "a", "a", "a", "a", "a"];
 // $FlowExpectedError
-['b'];
+["b"];
 // $FlowExpectedError
 [null];
 
@@ -20,7 +20,7 @@
  * All system props should accept "base" values: boolean, null, and undefined.
  */
 
-'a';
+"a";
 true;
 false;
 null;
@@ -30,16 +30,16 @@ undefined;
  * All system props should be responsive and allow "base" values.
  */
 
-'a';
-'b';
+"a";
+"b";
 true;
 false;
 null;
 undefined;
-['a', null, undefined, false, 'b'];
-['a'];
+["a", null, undefined, false, "b"];
+["a"];
 // $FlowExpectedError
-'c';
+"c";
 // $FlowExpectedError
 1;
 // $FlowExpectedError

package/commonjs/systemProps/variant.flow.js

@@ -7,6 +7,6 @@ exports.variantSystemProps = void 0;
 var _styledSystem = require("styled-system");
 // https://styled-system.com/variants
 var variantSystemProps = exports.variantSystemProps = (0, _styledSystem.compose)((0, _styledSystem.variant)({
-  key: 'typography',
-  prop: 'typeScale'
+  key: "typography",
+  prop: "typeScale"
 }));

package/commonjs/themes/dark/dataviz-palette.js

@@ -9,25 +9,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var datavizPalette = exports.datavizPalette = {
   DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_400, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_400, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_400, _seedsColor.default.COLOR_MAGENTA_400, _seedsColor.default.COLOR_GREEN_400, _seedsColor.default.COLOR_ORANGE_400, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_700, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_800, _seedsColor.default.COLOR_BLUE_700, _seedsColor.default.COLOR_MAGENTA_700, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_ORANGE_700, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_200, _seedsColor.default.COLOR_YELLOW_200],
   DATAVIZ_COLORS_MAP: {
-    '1': _seedsColor.default.COLOR_TEAL_400,
-    '2': _seedsColor.default.COLOR_PURPLE_400,
-    '3': _seedsColor.default.COLOR_PINK_400,
-    '4': _seedsColor.default.COLOR_YELLOW_500,
-    '5': _seedsColor.default.COLOR_BLUE_400,
-    '6': _seedsColor.default.COLOR_MAGENTA_400,
-    '7': _seedsColor.default.COLOR_GREEN_400,
-    '8': _seedsColor.default.COLOR_ORANGE_400,
-    '9': _seedsColor.default.COLOR_RED_700,
-    '10': _seedsColor.default.COLOR_TEAL_700,
-    '11': _seedsColor.default.COLOR_PURPLE_700,
-    '12': _seedsColor.default.COLOR_PINK_700,
-    '13': _seedsColor.default.COLOR_YELLOW_800,
-    '14': _seedsColor.default.COLOR_BLUE_700,
-    '15': _seedsColor.default.COLOR_MAGENTA_700,
-    '16': _seedsColor.default.COLOR_GREEN_700,
-    '17': _seedsColor.default.COLOR_ORANGE_700,
-    '18': _seedsColor.default.COLOR_RED_400,
-    '19': _seedsColor.default.COLOR_GREEN_200,
-    '20': _seedsColor.default.COLOR_YELLOW_200
+    "1": _seedsColor.default.COLOR_TEAL_400,
+    "2": _seedsColor.default.COLOR_PURPLE_400,
+    "3": _seedsColor.default.COLOR_PINK_400,
+    "4": _seedsColor.default.COLOR_YELLOW_500,
+    "5": _seedsColor.default.COLOR_BLUE_400,
+    "6": _seedsColor.default.COLOR_MAGENTA_400,
+    "7": _seedsColor.default.COLOR_GREEN_400,
+    "8": _seedsColor.default.COLOR_ORANGE_400,
+    "9": _seedsColor.default.COLOR_RED_700,
+    "10": _seedsColor.default.COLOR_TEAL_700,
+    "11": _seedsColor.default.COLOR_PURPLE_700,
+    "12": _seedsColor.default.COLOR_PINK_700,
+    "13": _seedsColor.default.COLOR_YELLOW_800,
+    "14": _seedsColor.default.COLOR_BLUE_700,
+    "15": _seedsColor.default.COLOR_MAGENTA_700,
+    "16": _seedsColor.default.COLOR_GREEN_700,
+    "17": _seedsColor.default.COLOR_ORANGE_700,
+    "18": _seedsColor.default.COLOR_RED_400,
+    "19": _seedsColor.default.COLOR_GREEN_200,
+    "20": _seedsColor.default.COLOR_YELLOW_200
   }
 };