@sproutsocial/racine 20.16.0 → 20.17.0

package/lib/SegmentedControl/SegmentedControl.js

@@ -9,8 +9,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
-import * as React from 'react';
-import { useState, useContext } from 'react';
+import * as React from "react";
+import { useState, useContext } from "react";
 import Box from "../Box";
 import { SegmentedControlContainer, SegmentedControlItemContainer, SegmentedControlLabel } from "./styles";
 var nameCounter = 0;
@@ -73,6 +73,6 @@ var SegmentedControl = function SegmentedControl(_ref2) {
     display: "flex"
   }, children)));
 };
-SegmentedControlItem.displayName = 'SegmentedControl.Item';
+SegmentedControlItem.displayName = "SegmentedControl.Item";
 SegmentedControl.Item = SegmentedControlItem;
 export default SegmentedControl;

package/lib/SegmentedControl/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { visuallyHidden, focusRing, disabled } from "../utils/mixins";
 import Box from "../Box";
 import Text from "../Text";

package/lib/Select/Select.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Select/Select.js

@@ -16,7 +16,7 @@ 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); }
-import * as React from 'react';
+import * as React from "react";
 import Icon from "../Icon";
 import Container, { Arrow } from "./styles";
 var Select = /*#__PURE__*/function (_React$Component) {
@@ -73,8 +73,8 @@ var Select = /*#__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(Arrow, {
@@ -82,7 +82,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Icon, {
         name: "chevron-down-outline",
         fixedWidth: true,
-        size: this.props.size === 'small' ? 'small' : 'medium',
+        size: this.props.size === "small" ? "small" : "medium",
         "aria-hidden": true
       })));
     }
@@ -90,6 +90,6 @@ var Select = /*#__PURE__*/function (_React$Component) {
   return Select;
 }(React.Component);
 _defineProperty(Select, "defaultProps", {
-  size: 'default'
+  size: "default"
 });
 export { Select as default };

package/lib/Select/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { focusRing } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
@@ -13,7 +13,7 @@ var Container = styled.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) {
@@ -28,33 +28,33 @@ var Container = styled.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";
   }
 }, focusRing, function (props) {
   return props.disabled && css(["opacity:0.4;"]);
@@ -70,16 +70,16 @@ export var Arrow = styled.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";
 export default Container;

package/lib/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import Box from "../Box";
 
 /**
@@ -11,7 +11,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 = styled(Box).attrs(SkeletonAttrs).withConfig({

package/lib/SpotIllustration/SpotIllustration.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/SpotIllustration/SpotIllustration.js

@@ -2,8 +2,8 @@ var _excluded = ["name", "customFill", "height", "width"];
 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; }
 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; }
-import React from 'react';
-import styled from 'styled-components';
+import React from "react";
+import styled from "styled-components";
 // eslint-disable-next-line no-restricted-syntax
 import * as illustrationViewBoxes from "../IllustrationViewBoxes";
 var StyledSVG = styled.svg.withConfig({
@@ -21,7 +21,7 @@ var SpotIllustration = function SpotIllustration(_ref) {
     width = _ref.width,
     svgProps = _objectWithoutProperties(_ref, _excluded);
   var viewBox = illustrationViewBoxes[name];
-  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(' ')) || [];
+  var viewBoxCoordinates = (viewBox === null || viewBox === void 0 ? void 0 : viewBox.split(" ")) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
   return /*#__PURE__*/React.createElement(StyledSVG, _extends({

package/lib/SpotIllustration/illustrationNames.js

@@ -1 +1 @@
-export var 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"]);
+export var 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/lib/Stack/Stack.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Stack/Stack.js

@@ -2,43 +2,43 @@ var _excluded = ["children", "space", "align", "direction"];
 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; }
 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; }
-import * as React from 'react';
-import { Children } from 'react';
+import * as React from "react";
+import { Children } from "react";
 import { normalizeResponsiveProp } from "../utils/responsiveProps";
 import Box from "../Box";
 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"
     }
   }
 };
@@ -47,15 +47,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 = Children.toArray(children);
   var responsiveAlignment = normalizeResponsiveProp(align);
   var responsiveDirection = normalizeResponsiveProp(direction);
   var responsiveSpace = 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
@@ -76,13 +76,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/lib/StatefulStory.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useState } from 'react';
+import { useState } from "react";
 
 /**
  * Props for the StatefulStory component.

package/lib/Switch/Switch.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Switch/Switch.js

@@ -2,7 +2,7 @@ var _excluded = ["onClick", "loading", "checked", "disabled"];
 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; }
 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; }
-import * as React from 'react';
+import * as React from "react";
 import Icon from "../Icon";
 import { StyledSwitchButton } from "./styles";
 /**
@@ -37,7 +37,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, {
     "aria-hidden": true,
     size: "mini",

package/lib/Switch/styles.js

@@ -1,11 +1,11 @@
-import styled, { keyframes } from 'styled-components';
+import styled, { keyframes } from "styled-components";
 import { focusRing } from "../utils/mixins";
-import { color, layout, space } from 'styled-system';
+import { color, layout, space } from "styled-system";
 var loadingKeyFrame = keyframes(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}"]);
 export var StyledSwitchButton = styled.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/lib/Table/Table.flow.js

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import * as React from "react";
 import TableCell from "../TableCell/index.flow";
 import TableHeaderCell from "../TableHeaderCell/index.flow";

package/lib/Table/Table.js

@@ -6,7 +6,7 @@ var _excluded = ["head", "rows", "onSort", "sortId", "sortDirection", "rowRender
 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; }
 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); }
-import * as React from 'react';
+import * as React from "react";
 import TableCell from "../TableCell";
 import TableHeaderCell from "../TableHeaderCell";
 import Container from "./styles";
@@ -91,11 +91,11 @@ export var 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.displayName = 'Table.HeaderCell';
-TableCell.displayName = 'Table.Cell';
+TableHead.displayName = "Table.TableHead";
+TableBody.displayName = "Table.TableBody";
+TableRow.displayName = "Table.TableRow";
+TableHeaderCell.displayName = "Table.HeaderCell";
+TableCell.displayName = "Table.Cell";
 Table.TableHead = TableHead;
 Table.TableBody = TableBody;
 Table.TableRow = TableRow;

package/lib/Table/styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import { COMMON } from "../utils/system-props";
 var Container = styled.table.withConfig({
   displayName: "styles__Container",

package/lib/TableCell/TableCell.flow.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 
 /**
  * @deprecated Use TypeTableCellProps from root instead

package/lib/TableCell/TableCell.js

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-import * as React from 'react';
+import * as React from "react";
 import Container from "./styles";
 /**
  * The table cell component is for rendering table cells and is meant to be used with the table component.
@@ -39,7 +39,7 @@ export var TableCell = /*#__PURE__*/function (_React$Component) {
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
       return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
-        alignment: align || 'left',
+        alignment: align || "left",
         key: id,
         colSpan: colSpan,
         width: width,

package/lib/TableCell/styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import { COMMON } from "../utils/system-props";
 var Container = styled.td.withConfig({
   displayName: "styles__Container",

package/lib/TableHeaderCell/TableHeaderCell.flow.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import * as React from "react";
 export var SORT_DIRECTIONS = {
-  ASC: 'ASC',
-  DESC: 'DESC'
+  ASC: "ASC",
+  DESC: "DESC"
 };

package/lib/TableHeaderCell/TableHeaderCell.js

@@ -16,7 +16,7 @@ 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); }
-import * as React from 'react';
+import * as React from "react";
 import Icon from "../Icon";
 import Container, { SortIcon, UnstyledButton } from "./styles";
 import { SORT_DIRECTIONS } from "./constants";
@@ -31,11 +31,11 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
     _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 === SORT_DIRECTIONS.ASC) {
-        iconName = 'caret-up-solid';
+        iconName = "caret-up-solid";
       } else if (isSorted && sortDirection === SORT_DIRECTIONS.DESC) {
-        iconName = 'caret-down-solid';
+        iconName = "caret-down-solid";
       }
       return /*#__PURE__*/React.createElement(SortIcon, null, /*#__PURE__*/React.createElement(Icon, {
         size: "mini",
@@ -82,15 +82,15 @@ export var TableHeaderCell = /*#__PURE__*/function (_React$Component) {
         color = _this$props2.color,
         rest = _objectWithoutProperties(_this$props2, _excluded);
       var isSorted = sortId === id;
-      var ariaSort = isSorted ? sortDirection === SORT_DIRECTIONS.ASC ? 'ascending' : 'descending' : undefined;
+      var ariaSort = isSorted ? sortDirection === 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(Container, _extends({}, rest, {
         key: id,
-        alignment: align || 'left',
+        alignment: align || "left",
         sortable: isSortable,
         colSpan: colSpan,
         scope: scope,

package/lib/TableHeaderCell/constants.js

@@ -1,4 +1,4 @@
 export var SORT_DIRECTIONS = {
-  ASC: 'ASC',
-  DESC: 'DESC'
+  ASC: "ASC",
+  DESC: "DESC"
 };

package/lib/TableHeaderCell/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON } from "../utils/system-props";
 var Container = styled.th.withConfig({
   displayName: "styles__Container",

package/lib/TableRowAccordion/TableRowAccordion.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/TableRowAccordion/TableRowAccordion.js

@@ -16,7 +16,7 @@ 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); }
-import * as React from 'react';
+import * as React from "react";
 import Icon from "../Icon";
 import TableCell from "../TableCell";
 import Container, { Detail, Trigger } from "./styles";
@@ -79,7 +79,7 @@ var TableRowAccordion = /*#__PURE__*/function (_React$Component) {
           onClick: this.handleToggle,
           role: "button"
         }, /*#__PURE__*/React.createElement(Icon, {
-          name: isExpanded ? 'chevron-up-outline' : 'chevron-down-outline',
+          name: isExpanded ? "chevron-up-outline" : "chevron-down-outline",
           "aria-hidden": true
         }))
       })), /*#__PURE__*/React.createElement(Detail, {

package/lib/TableRowAccordion/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON } from "../utils/system-props";
 var Container = styled.tbody.withConfig({
   displayName: "styles__Container",

package/lib/Tabs/Tabs.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";

package/lib/Tabs/Tabs.js

@@ -17,7 +17,7 @@ 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); }
-import * as React from 'react';
+import * as React from "react";
 import Container, { TabItem, TabButton } from "./styles";
 var TabButtonContext = /*#__PURE__*/React.createContext({});
 var TabItemButton = /*#__PURE__*/function (_React$Component) {

package/lib/Tabs/styles.js

@@ -1,11 +1,11 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON } from "../utils/system-props";
 import Button from "../Button";
 var Container = styled.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/lib/Text/Text.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+import * as React from "react";