@sproutsocial/racine 20.16.0 → 21.0.0

package/commonjs/Popout/Popout.js

@@ -37,19 +37,19 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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 placements = exports.placements = {
-  auto: 'auto',
-  top: 'top',
-  right: 'right',
-  bottom: 'bottom',
-  left: 'left',
-  'top-start': 'top-start',
-  'right-start': 'right-start',
-  'bottom-start': 'bottom-start',
-  'left-start': 'left-start',
-  'top-end': 'top-end',
-  'right-end': 'right-end',
-  'bottom-end': 'bottom-end',
-  'left-end': 'left-end'
+  auto: "auto",
+  top: "top",
+  right: "right",
+  bottom: "bottom",
+  left: "left",
+  "top-start": "top-start",
+  "right-start": "right-start",
+  "bottom-start": "bottom-start",
+  "left-start": "left-start",
+  "top-end": "top-end",
+  "right-end": "right-end",
+  "bottom-end": "bottom-end",
+  "left-end": "left-end"
 };
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
@@ -77,7 +77,7 @@ function Popout(_ref) {
     content = _ref.content,
     children = _ref.children,
     _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
+    placement = _ref$placement === void 0 ? "auto" : _ref$placement,
     _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
     _ref$zIndex = _ref.zIndex,
@@ -96,7 +96,7 @@ function Popout(_ref) {
     _ref$focusLockProps = _ref.focusLockProps,
     focusLockProps = _ref$focusLockProps === void 0 ? {} : _ref$focusLockProps,
     color = _ref.color,
-    ariaHasPopup = _ref['aria-haspopup'],
+    ariaHasPopup = _ref["aria-haspopup"],
     _ref$disableWrapperAr = _ref.disableWrapperAria,
     disableWrapperAria = _ref$disableWrapperAr === void 0 ? false : _ref$disableWrapperAr,
     id = _ref.id,
@@ -106,7 +106,7 @@ function Popout(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isInternalShown = _useState2[0],
     setIsInternalShown = _useState2[1];
-  var isControlled = typeof isOpen === 'boolean';
+  var isControlled = typeof isOpen === "boolean";
   var isShown = isControlled ? isOpen : isInternalShown;
   var setIsShown = (0, _react.useMemo)(function () {
     return isControlled && setIsOpen ? setIsOpen : function (nextIsShown) {
@@ -158,18 +158,18 @@ function Popout(_ref) {
       // Callback for allowing user to close by keying "esc"
       var onEsc = function onEsc(e) {
         // older browsers use "Esc"
-        if (['Escape', 'Esc'].includes(e.key)) {
+        if (["Escape", "Esc"].includes(e.key)) {
           // stop propagation to avoid interacting with other components when popout is shown
           // ie if we have a popout shown in a modal and hit esc, we don't want to close both the popout and modal
           e.stopPropagation();
           setIsShown(false, e);
         }
       };
-      documentBody.addEventListener('click', bodyClick, false);
-      documentBody.addEventListener('keydown', onEsc, false);
+      documentBody.addEventListener("click", bodyClick, false);
+      documentBody.addEventListener("keydown", onEsc, false);
       return function () {
-        documentBody.removeEventListener('click', bodyClick, false);
-        documentBody.removeEventListener('keydown', onEsc, false);
+        documentBody.removeEventListener("click", bodyClick, false);
+        documentBody.removeEventListener("keydown", onEsc, false);
       };
     }
   }, [isShown, setIsShown]);
@@ -197,8 +197,8 @@ function Popout(_ref) {
   // WAI-Aria properties for the popout trigger, disabled if necessary
   var ariaProps = (0, _react.useMemo)(function () {
     return disableWrapperAria ? {} : {
-      'aria-expanded': isShown,
-      'aria-haspopup': ariaHasPopup ? ariaHasPopup : true
+      "aria-expanded": isShown,
+      "aria-haspopup": ariaHasPopup ? ariaHasPopup : true
     };
   }, [isShown, ariaHasPopup, disableWrapperAria]);
 
@@ -220,7 +220,7 @@ function Popout(_ref) {
       setShouldRenderPopout(true);
     }
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === 'function' ? children({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === "function" ? children({
     ref: childrenRef,
     toggle: toggle,
     show: show,
@@ -243,7 +243,7 @@ function Popout(_ref) {
       placement: placement,
       modifiers: {
         preventOverflow: {
-          boundariesElement: 'viewport'
+          boundariesElement: "viewport"
         }
       }
     }, popperProps), function (_ref3) {
@@ -264,7 +264,7 @@ function Popout(_ref) {
         ref: interceptRef,
         style: _objectSpread(_objectSpread({}, style), {}, {
           zIndex: zIndex,
-          width: fullWidth && targetRef.current ? targetRef.current.offsetWidth : 'initial'
+          width: fullWidth && targetRef.current ? targetRef.current.offsetWidth : "initial"
         }),
         "data-placement": placement,
         "data-qa-popout": "",
@@ -280,9 +280,9 @@ function Popout(_ref) {
         autoFocus: autoFocus,
         returnFocus: returnFocus,
         disabled: !focusOnContent
-      }, restFocusLockProps), typeof content === 'function' && content({
+      }, restFocusLockProps), typeof content === "function" && content({
         hide: hide
-      }), typeof content !== 'function' && content)));
+      }), typeof content !== "function" && content)));
     }));
   }));
 }
@@ -300,6 +300,6 @@ var PopoutContent = function PopoutContent(_ref4) {
     m: 300
   }, rest), children);
 };
-PopoutContent.displayName = 'Popout.Content';
+PopoutContent.displayName = "Popout.Content";
 Popout.Content = PopoutContent;
 var _default = exports.default = Popout;

package/commonjs/Portal/Portal.js

@@ -38,7 +38,7 @@ var Portal = exports.default = /*#__PURE__*/function (_React$Component) {
         _this.el = el;
       } else {
         _this.el = document.createElement(as);
-        _this.el.setAttribute('data-racine-portal', id);
+        _this.el.setAttribute("data-racine-portal", id);
       }
     }
     return _this;
@@ -79,6 +79,6 @@ var Portal = exports.default = /*#__PURE__*/function (_React$Component) {
   return Portal;
 }(React.Component);
 _defineProperty(Portal, "defaultProps", {
-  as: 'div',
-  id: ''
+  as: "div",
+  id: ""
 });

package/commonjs/Radio/Radio.js

@@ -75,7 +75,7 @@ var Radio = exports.default = /*#__PURE__*/function (_React$Component) {
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
       return /*#__PURE__*/React.createElement(_styles.default, _extends({
-        as: label && 'label'
+        as: label && "label"
         // 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
@@ -95,7 +95,7 @@ var Radio = exports.default = /*#__PURE__*/function (_React$Component) {
         onChange: this.handleChange,
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
-        "data-qa-radio": name || '',
+        "data-qa-radio": name || "",
         "data-qa-radio-ischecked": checked === true,
         "data-qa-radio-isdisabled": disabled === true
       }, qa))), label && /*#__PURE__*/React.createElement(_styles.LabelText, {

package/commonjs/Radio/styles.js

@@ -16,12 +16,12 @@ var Container = _styledComponents.default.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-w38s4t-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _systemProps.COMMON);
-Container.displayName = 'Radio';
+Container.displayName = "Radio";
 var Input = exports.Input = _styledComponents.default.input.withConfig({
   displayName: "styles__Input",
   componentId: "sc-w38s4t-1"
 })(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;cursor:", ";border:1px solid ", ";border-radius:50%;background-color:", ";transition:border-color ", " ", ",background-color ", " ", ";&:focus{", "}"], function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
   return props.theme.colors.form.border.base;
 }, function (props) {
@@ -35,16 +35,16 @@ var Input = exports.Input = _styledComponents.default.input.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 }, _mixins.focusRing);
-Input.displayName = 'Input';
+Input.displayName = "Input";
 var InputWrapper = exports.InputWrapper = _styledComponents.default.span.withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-w38s4t-2"
-})(["position:relative;width:", ";height:", ";cursor:", ";", " &:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity ", " ", ";z-index:1;pointer-events:none;cursor:", ";}", " ", ""], function (props) {
+})(["position:relative;width:", ";height:", ";cursor:", ";", " &:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity ", " ", ";z-index:1;pointer-events:none;cursor:", ";}", " ", ""], function (props) {
   return props.theme.space[400];
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
   return props.disabled && _mixins.disabled;
 }, function (props) {
@@ -52,13 +52,13 @@ var InputWrapper = exports.InputWrapper = _styledComponents.default.span.withCon
 }, function (props) {
   return props.theme.easing.ease_in;
 }, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
   return !props.checked && (0, _styledComponents.css)(["&:hover,&:focus{", "{border-color:", ";background-color:", ";}&:before{opacity:", ";background-color:", ";}}"], Input, props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.disabled ? 0 : 1, props.theme.colors.form.background.base);
 }, function (props) {
   return props.checked && (0, _styledComponents.css)(["", "{border-color:", ";background-color:", ";}&:before{opacity:1;background-color:", ";}"], Input, props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.theme.colors.form.background.base);
 });
-InputWrapper.displayName = 'InputWrapper';
+InputWrapper.displayName = "InputWrapper";
 var LabelText = exports.LabelText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-w38s4t-3"
@@ -67,11 +67,11 @@ var LabelText = exports.LabelText = (0, _styledComponents.default)(_Text.default
 }, function (props) {
   return props.theme.typography[200].fontSize;
 }, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
   return props.theme.colors.text.headline;
 }, function (props) {
   return props.disabled && (0, _styledComponents.css)(["opacity:0.4;"]);
 });
-LabelText.displayName = 'LabelText';
+LabelText.displayName = "LabelText";
 var _default = exports.default = Container;

package/commonjs/SegmentedControl/SegmentedControl.js

@@ -83,6 +83,6 @@ var SegmentedControl = function SegmentedControl(_ref2) {
     display: "flex"
   }, children)));
 };
-SegmentedControlItem.displayName = 'SegmentedControl.Item';
+SegmentedControlItem.displayName = "SegmentedControl.Item";
 SegmentedControl.Item = SegmentedControlItem;
 var _default = exports.default = SegmentedControl;

package/commonjs/Select/Select.js

@@ -82,8 +82,8 @@ var Select = exports.default = /*#__PURE__*/function (_React$Component) {
         autoFocus: autoFocus,
         disabled: disabled,
         onChange: this.handleChange,
-        "data-qa-select": name || '',
-        "data-qa-select-value": value || 'unselected',
+        "data-qa-select": name || "",
+        "data-qa-select-value": value || "unselected",
         "data-qa-select-isrequired": required === true,
         "data-qa-select-isdisabled": disabled === true
       }, qa, inputProps), children), /*#__PURE__*/React.createElement(_styles.Arrow, {
@@ -91,7 +91,7 @@ var Select = exports.default = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(_Icon.default, {
         name: "chevron-down-outline",
         fixedWidth: true,
-        size: this.props.size === 'small' ? 'small' : 'medium',
+        size: this.props.size === "small" ? "small" : "medium",
         "aria-hidden": true
       })));
     }
@@ -99,5 +99,5 @@ var Select = exports.default = /*#__PURE__*/function (_React$Component) {
   return Select;
 }(React.Component);
 _defineProperty(Select, "defaultProps", {
-  size: 'default'
+  size: "default"
 });

package/commonjs/Select/styles.js

@@ -22,7 +22,7 @@ var Container = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.theme.colors.text.body;
 }, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
   return props.theme.duration.fast;
 }, function (props) {
@@ -37,33 +37,33 @@ var Container = _styledComponents.default.div.withConfig({
   return props.theme.fontWeights.normal;
 }, function (props) {
   switch (props.size) {
-    case 'large':
+    case "large":
       return "".concat(props.theme.space[350], " ").concat(props.theme.space[600], " ").concat(props.theme.space[350], " ").concat(props.theme.space[400]);
-    case 'small':
+    case "small":
       return "".concat(props.theme.space[200], " ").concat(props.theme.space[500], " ").concat(props.theme.space[200], " ").concat(props.theme.space[200]);
-    case 'default':
+    case "default":
     default:
       return "".concat(props.theme.space[300], " ").concat(props.theme.space[500], " ").concat(props.theme.space[300], " ").concat(props.theme.space[300]);
   }
 }, function (props) {
   switch (props.size) {
-    case 'large':
+    case "large":
       return props.theme.typography[300].fontSize;
-    case 'small':
-    case 'default':
+    case "small":
+    case "default":
     default:
       return props.theme.typography[200].fontSize;
   }
 }, function (props) {
   switch (props.size) {
-    case 'large':
+    case "large":
       return props.theme.typography[300].lineHeight;
 
     /* hardcoded to 'normal' so the large change doesn't impact small/default */
-    case 'small':
-    case 'default':
+    case "small":
+    case "default":
     default:
-      return 'normal';
+      return "normal";
   }
 }, _mixins.focusRing, function (props) {
   return props.disabled && (0, _styledComponents.css)(["opacity:0.4;"]);
@@ -79,16 +79,16 @@ var Arrow = exports.Arrow = _styledComponents.default.span.withConfig({
   componentId: "sc-egruk2-1"
 })(["position:absolute;top:50%;right:", ";transform:translateY(-50%);color:", ";pointer-events:none;"], function (props) {
   switch (props.size) {
-    case 'large':
+    case "large":
       return props.theme.space[350];
-    case 'small':
-    case 'default':
+    case "small":
+    case "default":
     default:
       return props.theme.space[300];
   }
 }, function (props) {
   return props.theme.colors.icon.base;
 });
-Container.displayName = 'SelectContainer';
-Arrow.displayName = 'Select Arrow';
+Container.displayName = "SelectContainer";
+Arrow.displayName = "Select Arrow";
 var _default = exports.default = Container;

package/commonjs/Skeleton/Skeleton.js

@@ -17,7 +17,7 @@ var SkeletonAttrs = function SkeletonAttrs(_ref) {
     height = _ref.height,
     width = _ref.width;
   return {
-    className: borderRadius === 'pill' && height === width ? 'circular' : 'linear'
+    className: borderRadius === "pill" && height === width ? "circular" : "linear"
   };
 };
 var Skeleton = (0, _styledComponents.default)(_Box.default).attrs(SkeletonAttrs).withConfig({

package/commonjs/SpotIllustration/SpotIllustration.js

@@ -1,16 +1,13 @@
 "use strict";
 
-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", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var illustrationViewBoxes = _interopRequireWildcard(require("../IllustrationViewBoxes"));
+var _seedsIllustrations = require("@sproutsocial/seeds-illustrations");
 var _excluded = ["name", "customFill", "height", "width"]; // eslint-disable-next-line no-restricted-syntax
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -29,8 +26,8 @@ var SpotIllustration = function SpotIllustration(_ref) {
     height = _ref.height,
     width = _ref.width,
     svgProps = _objectWithoutProperties(_ref, _excluded);
-  var viewBox = illustrationViewBoxes[name];
-  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(' ')) || [];
+  var viewBox = _seedsIllustrations.ViewBoxes[name];
+  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(" ")) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
   return /*#__PURE__*/_react.default.createElement(StyledSVG, _extends({
@@ -42,7 +39,7 @@ var SpotIllustration = function SpotIllustration(_ref) {
     customFill: customFill
   }, svgProps), /*#__PURE__*/_react.default.createElement("use", {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    xlinkHref: "#ssillustrationsvg-".concat(name)
+    xlinkHref: "#seeds-svgs_".concat(name)
   }));
 };
 var _default = exports.default = SpotIllustration;

package/commonjs/SpotIllustration/illustrationNames.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.illustrationNames = void 0;
-var illustrationNames = exports.illustrationNames = Object.freeze(["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "custom-post-variables", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "instagram-links", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing-notifications", "publishing", "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", "sprout-mobile-app", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"]);
+var illustrationNames = exports.illustrationNames = Object.freeze(["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "competitors", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "custom-post-variables", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "grow-large", "grow", "hands-raised", "headset", "heartbeat-connection", "instagram-links", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "megaphone", "message", "molecule", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "notifications", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "profile-groups", "publish-assets", "publish-links", "publishing-notifications", "publishing", "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", "sprout-mobile-app", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "user-team", "variable-table", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"]);

package/commonjs/Stack/Stack.js

@@ -19,36 +19,36 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var stackStyles = {
   horizontal: {
     left: {
-      alignItems: 'center'
+      alignItems: "center"
     },
     center: {
-      alignItems: 'center',
-      justifyContent: 'center'
+      alignItems: "center",
+      justifyContent: "center"
     },
     right: {
-      alignItems: 'center',
-      justifyContent: 'flex-end'
+      alignItems: "center",
+      justifyContent: "flex-end"
     },
     stretch: {
-      alignItems: 'center'
+      alignItems: "center"
     }
   },
   vertical: {
     left: {
-      flexDirection: 'column',
-      alignItems: 'flex-start'
+      flexDirection: "column",
+      alignItems: "flex-start"
     },
     center: {
-      flexDirection: 'column',
-      alignItems: 'center'
+      flexDirection: "column",
+      alignItems: "center"
     },
     right: {
-      flexDirection: 'column',
-      alignItems: 'flex-end'
+      flexDirection: "column",
+      alignItems: "flex-end"
     },
     stretch: {
-      flexDirection: 'column',
-      alignItems: 'stretch'
+      flexDirection: "column",
+      alignItems: "stretch"
     }
   }
 };
@@ -57,15 +57,15 @@ var Stack = function Stack(_ref) {
     _ref$space = _ref.space,
     space = _ref$space === void 0 ? 300 : _ref$space,
     _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
+    align = _ref$align === void 0 ? "left" : _ref$align,
     _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
+    direction = _ref$direction === void 0 ? "vertical" : _ref$direction,
     rest = _objectWithoutProperties(_ref, _excluded);
   var stackItems = _react.Children.toArray(children);
   var responsiveAlignment = (0, _responsiveProps.normalizeResponsiveProp)(align);
   var responsiveDirection = (0, _responsiveProps.normalizeResponsiveProp)(direction);
   var responsiveSpace = (0, _responsiveProps.normalizeResponsiveProp)(space);
-  var initialValue = ['initial', 'initial', 'initial', 'initial', 'initial'];
+  var initialValue = ["initial", "initial", "initial", "initial", "initial"];
 
   // TODO: rely on styled system to solve this during the refactor
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -86,13 +86,13 @@ var Stack = function Stack(_ref) {
     if (currentDirection && currentAlignment) {
       var styles = stackStyles[currentDirection][currentAlignment];
       Object.keys(styleProps).forEach(function (key) {
-        styleProps[key][i] = styles[key] || 'initial';
+        styleProps[key][i] = styles[key] || "initial";
       });
     }
-    var flexBasis = currentAlignment === 'stretch' && currentDirection === 'horizontal' ? '100%' : null;
+    var flexBasis = currentAlignment === "stretch" && currentDirection === "horizontal" ? "100%" : null;
     childFlexBasis[i] = flexBasis;
-    var margin = currentDirection === 'horizontal' ? 'marginLeft' : 'marginTop';
-    var opposite = currentDirection === 'horizontal' ? 'marginTop' : 'marginLeft';
+    var margin = currentDirection === "horizontal" ? "marginLeft" : "marginTop";
+    var opposite = currentDirection === "horizontal" ? "marginTop" : "marginLeft";
     childMarginProps[margin][i] = currentSpace;
     // styled system can pass numbers that map to theme values and TS doesn't like it
     childMarginProps[opposite][i] = 0;

package/commonjs/Switch/Switch.js

@@ -47,7 +47,7 @@ var Switch = function Switch(_ref) {
     "aria-checked": checked,
     disabled: disabled,
     onClick: handleClick,
-    className: loading ? 'loading' : ''
+    className: loading ? "loading" : ""
   }, rest), checked ? /*#__PURE__*/React.createElement(_Icon.default, {
     "aria-hidden": true,
     size: "mini",

package/commonjs/Switch/styles.js

@@ -14,7 +14,7 @@ var loadingKeyFrame = (0, _styledComponents.keyframes)(["0%{transform:rotate(0de
 var StyledSwitchButton = exports.StyledSwitchButton = _styledComponents.default.button.withConfig({
   displayName: "styles__StyledSwitchButton",
   componentId: "sc-ku462j-0"
-})(["position:relative;display:inline-flex;align-self:center;width:40px;height:24px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:16px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&:focus{", "}&[aria-checked]{&::after{display:block;width:16px;height:16px;border-radius:50%;content:'';transition:transform ", " ", ";}&.loading{cursor:not-allowed;pointer-events:none;background-size:contain;background-color:", ";&::after{position:absolute;box-sizing:content-box;width:8px;height:8px;border-radius:", ";border:3px dotted ", ";background-color:transparent;animation:", " 2s linear infinite;}}}&[aria-checked='true']{color:", ";text-align:left;border-color:", ";background-color:", ";.Icon{position:absolute;top:50%;left:4px;transform:translate(0,-50%);color:", ";}&::after{background-color:", ";opacity:1;transform:translate(100%,6%);}&.loading::after{top:4px;right:5px;}&:hover,&:focus{&::after{transform:translate(90%,6%);}}}&[aria-checked='false']{&::after{background-color:", ";opacity:0.64;transform:translate(0%,6%);}&.loading::after{top:4px;left:5px;}&:hover,&:focus{&::after{transform:translate(10%,6%);}}}&:disabled{opacity:0.4;pointer-events:none;cursor:not-allowed;&[aria-checked='true']{&:hover,&:focus{background-color:", ";}}}", " ", " ", ""], function (_ref) {
+})(["position:relative;display:inline-flex;align-self:center;width:40px;height:24px;margin:0;padding:", " ", ";vertical-align:middle;appearance:none;background-color:", ";border-radius:16px;outline:none;cursor:pointer;transition:background-color ", " ", ";border:1px solid ", ";white-space:nowrap;overflow:hidden;&:focus{", "}&[aria-checked]{&::after{display:block;width:16px;height:16px;border-radius:50%;content:\"\";transition:transform ", " ", ";}&.loading{cursor:not-allowed;pointer-events:none;background-size:contain;background-color:", ";&::after{position:absolute;box-sizing:content-box;width:8px;height:8px;border-radius:", ";border:3px dotted ", ";background-color:transparent;animation:", " 2s linear infinite;}}}&[aria-checked=\"true\"]{color:", ";text-align:left;border-color:", ";background-color:", ";.Icon{position:absolute;top:50%;left:4px;transform:translate(0,-50%);color:", ";}&::after{background-color:", ";opacity:1;transform:translate(100%,6%);}&.loading::after{top:4px;right:5px;}&:hover,&:focus{&::after{transform:translate(90%,6%);}}}&[aria-checked=\"false\"]{&::after{background-color:", ";opacity:0.64;transform:translate(0%,6%);}&.loading::after{top:4px;left:5px;}&:hover,&:focus{&::after{transform:translate(10%,6%);}}}&:disabled{opacity:0.4;pointer-events:none;cursor:not-allowed;&[aria-checked=\"true\"]{&:hover,&:focus{background-color:", ";}}}", " ", " ", ""], function (_ref) {
   var theme = _ref.theme;
   return theme.space[100];
 }, function (_ref2) {

package/commonjs/Table/Table.js

@@ -101,11 +101,11 @@ var TableRow = exports.TableRow = function TableRow(_ref6) {
     props = _objectWithoutProperties(_ref6, _excluded5);
   return /*#__PURE__*/React.createElement("tr", props, children);
 };
-TableHead.displayName = 'Table.TableHead';
-TableBody.displayName = 'Table.TableBody';
-TableRow.displayName = 'Table.TableRow';
-_TableHeaderCell.default.displayName = 'Table.HeaderCell';
-_TableCell.default.displayName = 'Table.Cell';
+TableHead.displayName = "Table.TableHead";
+TableBody.displayName = "Table.TableBody";
+TableRow.displayName = "Table.TableRow";
+_TableHeaderCell.default.displayName = "Table.HeaderCell";
+_TableCell.default.displayName = "Table.Cell";
 Table.TableHead = TableHead;
 Table.TableBody = TableBody;
 Table.TableRow = TableRow;

package/commonjs/TableCell/TableCell.js

@@ -48,7 +48,7 @@ var TableCell = exports.TableCell = /*#__PURE__*/function (_React$Component) {
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
       return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
-        alignment: align || 'left',
+        alignment: align || "left",
         key: id,
         colSpan: colSpan,
         width: width,

package/commonjs/TableHeaderCell/TableHeaderCell.flow.js

@@ -9,6 +9,6 @@ var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SORT_DIRECTIONS = exports.SORT_DIRECTIONS = {
-  ASC: 'ASC',
-  DESC: 'DESC'
+  ASC: "ASC",
+  DESC: "DESC"
 };

package/commonjs/TableHeaderCell/TableHeaderCell.js

@@ -40,11 +40,11 @@ var TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/function (_React$Co
     _this = _callSuper(this, TableHeaderCell, [].concat(args));
     _defineProperty(_assertThisInitialized(_this), "getSortIcon", function (isSorted, ariaSortDirection) {
       var sortDirection = _this.props.sortDirection;
-      var iconName = 'caret-up-down-outline';
+      var iconName = "caret-up-down-outline";
       if (isSorted && sortDirection === _constants.SORT_DIRECTIONS.ASC) {
-        iconName = 'caret-up-solid';
+        iconName = "caret-up-solid";
       } else if (isSorted && sortDirection === _constants.SORT_DIRECTIONS.DESC) {
-        iconName = 'caret-down-solid';
+        iconName = "caret-down-solid";
       }
       return /*#__PURE__*/React.createElement(_styles.SortIcon, null, /*#__PURE__*/React.createElement(_Icon.default, {
         size: "mini",
@@ -91,15 +91,15 @@ var TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/function (_React$Co
         color = _this$props2.color,
         rest = _objectWithoutProperties(_this$props2, _excluded);
       var isSorted = sortId === id;
-      var ariaSort = isSorted ? sortDirection === _constants.SORT_DIRECTIONS.ASC ? 'ascending' : 'descending' : undefined;
+      var ariaSort = isSorted ? sortDirection === _constants.SORT_DIRECTIONS.ASC ? "ascending" : "descending" : undefined;
       var buttonProps = isSortable ? {
-        role: 'button',
+        role: "button",
         onClick: this.handleClick
       } : {};
-      var scope = colSpan ? 'colgroup' : 'col';
+      var scope = colSpan ? "colgroup" : "col";
       return /*#__PURE__*/React.createElement(_styles.default, _extends({}, rest, {
         key: id,
-        alignment: align || 'left',
+        alignment: align || "left",
         sortable: isSortable,
         colSpan: colSpan,
         scope: scope,

package/commonjs/TableHeaderCell/constants.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SORT_DIRECTIONS = void 0;
 var SORT_DIRECTIONS = exports.SORT_DIRECTIONS = {
-  ASC: 'ASC',
-  DESC: 'DESC'
+  ASC: "ASC",
+  DESC: "DESC"
 };