@sproutsocial/racine 12.20.0 → 12.21.0

package/lib/SegmentedControl/index.js

@@ -1,43 +1,34 @@
 var _excluded = ["value", "children"],
-    _excluded2 = ["selectedValue", "label", "onChange", "children"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+  _excluded2 = ["selectedValue", "label", "onChange", "children"];
+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 _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 { SegmentedControlContainer, SegmentedControlItemContainer, SegmentedControlLabel } from "./styles";
-import Box from "../Box";
+import * as React from 'react';
+import { useState, useContext } from 'react';
+import { SegmentedControlContainer, SegmentedControlItemContainer, SegmentedControlLabel } from './styles';
+import Box from '../Box';
 var nameCounter = 0;
 var idCounter = 0;
 var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
-
 var SegmentedControlItem = function SegmentedControlItem(_ref) {
   var value = _ref.value,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var context = useContext(SegmentedControlContext);
-
   if (context == null) {
     return null;
   }
-
   var name = context.name,
-      selectedValue = context.selectedValue,
-      onChange = context.onChange;
+    selectedValue = context.selectedValue,
+    onChange = context.onChange;
   /* eslint-disable-next-line */
-
   var _useState = useState(name + "-" + idCounter++),
-      id = _useState[0];
-
+    id = _useState[0];
   var isChecked = value === selectedValue;
   return /*#__PURE__*/React.createElement(SegmentedControlItemContainer, _extends({
     "data-segmentedcontrol-isactive": isChecked,
     "data-qa-segmentedcontrol-item": value,
-    "data-qa-segmentedcontrol-ischecked": isChecked === true // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-segmentedcontrol-ischecked": isChecked === true
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement("input", {
     type: "radio",
     id: id,
@@ -52,17 +43,14 @@ var SegmentedControlItem = function SegmentedControlItem(_ref) {
     isActive: isChecked
   }, children));
 };
-
 var SegmentedControl = function SegmentedControl(_ref2) {
   var selectedValue = _ref2.selectedValue,
-      label = _ref2.label,
-      onChange = _ref2.onChange,
-      children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    label = _ref2.label,
+    onChange = _ref2.onChange,
+    children = _ref2.children,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   var _useState2 = useState("Racine-segmented-control-" + nameCounter++),
-      name = _useState2[0];
-
+    name = _useState2[0];
   return /*#__PURE__*/React.createElement(SegmentedControlContext.Provider, {
     value: {
       name: name,
@@ -72,13 +60,12 @@ var SegmentedControl = function SegmentedControl(_ref2) {
   }, /*#__PURE__*/React.createElement(SegmentedControlContainer, _extends({
     forwardedAs: "fieldset",
     "data-qa-segmentedcontrol": label,
-    "data-qa-segmentedcontrol-value": selectedValue // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-segmentedcontrol-value": selectedValue
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement("legend", null, label), /*#__PURE__*/React.createElement(Box, {
     display: "flex"
   }, children)));
 };
-
 SegmentedControl.Item = SegmentedControlItem;
-SegmentedControl.Item.displayName = "SegmentedControl.Item";
+SegmentedControl.Item.displayName = 'SegmentedControl.Item';
 export default SegmentedControl;

package/lib/SegmentedControl/styles.js

@@ -1,8 +1,8 @@
-import styled, { css } from "styled-components";
-import Box from "../Box";
-import Text from "../Text";
-import { visuallyHidden, focusRing, disabled } from "../utils/mixins";
-// eslint-disable-next-line prettier/prettier
+
+import styled, { css } from 'styled-components';
+import Box from '../Box';
+import Text from '../Text';
+import { visuallyHidden, focusRing, disabled } from '../utils/mixins';
 export var SegmentedControlContainer = styled(Box).withConfig({
   displayName: "styles__SegmentedControlContainer",
   componentId: "sc-1o18lau-0"
@@ -14,15 +14,13 @@ export var SegmentedControlContainer = styled(Box).withConfig({
   return props.theme.space[100];
 }, visuallyHidden, function (props) {
   return props.disabled && disabled;
-}); // eslint-disable-next-line prettier/prettier
-
+});
 export var SegmentedControlItemContainer = styled(Box).withConfig({
   displayName: "styles__SegmentedControlItemContainer",
   componentId: "sc-1o18lau-1"
 })(["flex:1 1 auto;display:flex;cursor:pointer;& + &{margin-left:", ";}&:focus-within label{", "}input{", "}"], function (props) {
   return props.theme.space[100];
-}, focusRing, visuallyHidden); // eslint-disable-next-line prettier/prettier
-
+}, focusRing, visuallyHidden);
 export var SegmentedControlLabel = styled(Text).withConfig({
   displayName: "styles__SegmentedControlLabel",
   componentId: "sc-1o18lau-2"

package/lib/Select/index.js

@@ -1,63 +1,48 @@
 var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "autoFocus", "disabled", "onChange", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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 _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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import * as React from "react";
-import Container, { Arrow } from "./styles";
-import Icon from "../Icon";
-
+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 Container, { Arrow } from './styles';
+import Icon from '../Icon';
 var Select = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Select, _React$Component);
-
   function Select() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
     _this.handleChange = function (e) {
       var onChange = _this.props.onChange;
-
       if (onChange) {
         onChange(e);
       }
     };
-
     return _this;
   }
-
   var _proto = Select.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        id = _this$props.id,
-        name = _this$props.name,
-        children = _this$props.children,
-        defaultValue = _this$props.defaultValue,
-        value = _this$props.value,
-        required = _this$props.required,
-        isInvalid = _this$props.isInvalid,
-        autoFocus = _this$props.autoFocus,
-        disabled = _this$props.disabled,
-        onChange = _this$props.onChange,
-        ariaLabel = _this$props.ariaLabel,
-        ariaDescribedby = _this$props.ariaDescribedby,
-        size = _this$props.size,
-        _this$props$qa = _this$props.qa,
-        qa = _this$props$qa === void 0 ? {} : _this$props$qa,
-        _this$props$inputProp = _this$props.inputProps,
-        inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      id = _this$props.id,
+      name = _this$props.name,
+      children = _this$props.children,
+      defaultValue = _this$props.defaultValue,
+      value = _this$props.value,
+      required = _this$props.required,
+      isInvalid = _this$props.isInvalid,
+      autoFocus = _this$props.autoFocus,
+      disabled = _this$props.disabled,
+      onChange = _this$props.onChange,
+      ariaLabel = _this$props.ariaLabel,
+      ariaDescribedby = _this$props.ariaDescribedby,
+      size = _this$props.size,
+      _this$props$qa = _this$props.qa,
+      qa = _this$props$qa === void 0 ? {} : _this$props$qa,
+      _this$props$inputProp = _this$props.inputProps,
+      inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return (
       /*#__PURE__*/
       // $FlowIssue - upgrade v0.112.0
@@ -76,8 +61,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, {
@@ -85,15 +70,13 @@ var Select = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Icon, {
         name: "chevron-down",
         fixedWidth: true,
-        size: this.props.size === "small" ? "mini" : "default"
+        size: this.props.size === 'small' ? 'mini' : 'default'
       })))
     );
   };
-
   return Select;
 }(React.Component);
-
 Select.defaultProps = {
-  size: "default"
+  size: 'default'
 };
 export { Select as default };

package/lib/Select/styles.js

@@ -1,6 +1,7 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import { focusRing } from "../utils/mixins";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import { focusRing } from '../utils/mixins';
 var Container = styled.div.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1j75x48-0"
@@ -13,7 +14,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,23 +29,20 @@ var Container = styled.div.withConfig({
   return props.theme.fontWeights.normal;
 }, function (props) {
   switch (props.size) {
-    case "large":
+    case 'large':
       return props.theme.space[400] + " " + props.theme.space[600] + " " + props.theme.space[400] + " " + props.theme.space[400];
-
-    case "small":
+    case 'small':
       return props.theme.space[200] + " " + props.theme.space[500] + " " + props.theme.space[200] + " " + props.theme.space[200];
-
-    case "default":
+    case 'default':
     default:
       return props.theme.space[300] + " " + props.theme.space[500] + " " + props.theme.space[300] + " " + 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;
   }
@@ -62,19 +60,17 @@ export var Arrow = styled.span.withConfig({
   componentId: "sc-1j75x48-1"
 })(["position:absolute;top:48%;right:", ";transform:translateY(-50%);color:", ";pointer-events:none;"], function (props) {
   switch (props.size) {
-    case "large":
+    case 'large':
       return props.theme.space[400];
-
-    case "small":
+    case 'small':
       return props.theme.space[300];
-
-    case "default":
+    case 'default':
     default:
       return props.theme.space[350];
   }
 }, 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/index.js

@@ -1,6 +1,7 @@
-import styled from "styled-components";
-import Box from "../Box";
-import { transparentize } from "polished";
+
+import styled from 'styled-components';
+import Box from '../Box';
+import { transparentize } from 'polished';
 var Skeleton = styled(Box).withConfig({
   displayName: "Skeleton",
   componentId: "sc-1fovt5u-0"
@@ -9,4 +10,6 @@ var Skeleton = styled(Box).withConfig({
 }, function (props) {
   return "linear-gradient(\n      288deg,\n      " + transparentize(0.7, props.theme.colors.container.border.base) + " 32%,\n      " + transparentize(0.05, props.theme.colors.container.border.base) + ",\n      " + transparentize(0.7, props.theme.colors.container.border.base) + " 68%\n    );";
 });
-export default Skeleton; //rgba(243, 244, 244, 0.7)
+export default Skeleton;
+
+//rgba(243, 244, 244, 0.7)

package/lib/SpotIllustration/illustrationNames.js

@@ -1 +1,2 @@
-export var illustrationNames = ["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", "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", "message", "network-data", "no-messages-found", "no-notifications", "note", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "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", "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", "view-connections", "vip-list", "warning", "wifi", "workflow-steps"];
+
+export var illustrationNames = ['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', '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', 'message', 'molecule', 'network-data', 'no-messages-found', 'no-notifications', 'note', 'notification', 'notifications-onboarding', 'organize-message', 'outbox-queue', 'outbox-reviews', 'pdf', 'planning', 'podium', 'pointer', 'publish-assets', 'publish-links', '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', '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', 'view-connections', 'vip-list', 'warning', 'wifi', 'workflow-steps'];

package/lib/SpotIllustration/index.js

@@ -1,7 +1,8 @@
-import styled from "styled-components";
-import React from "react";
-import illustrationViewBoxes from "../IllustrationViewBoxes";
-// eslint-disable-next-line prettier/prettier
+
+import styled from 'styled-components';
+import React from 'react';
+import illustrationViewBoxes from '../IllustrationViewBoxes';
+// eslint-disable-next-line flowtype/generic-spacing
 var StyledSVG = styled.svg.withConfig({
   displayName: "SpotIllustration__StyledSVG",
   componentId: "sc-10ftlaw-0"
@@ -10,14 +11,13 @@ var StyledSVG = styled.svg.withConfig({
 }, function (p) {
   return p.theme.colors.illustration.stroke;
 });
-
 var SpotIllustration = function SpotIllustration(_ref) {
   var name = _ref.name,
-      customFill = _ref.customFill,
-      height = _ref.height,
-      width = _ref.width;
+    customFill = _ref.customFill,
+    height = _ref.height,
+    width = _ref.width;
   var viewBox = illustrationViewBoxes[name];
-  var viewBoxCoordinates = (viewBox == null ? void 0 : viewBox.split(" ")) || [];
+  var viewBoxCoordinates = (viewBox == null ? void 0 : viewBox.split(' ')) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
   return /*#__PURE__*/React.createElement(StyledSVG, {
@@ -31,5 +31,4 @@ var SpotIllustration = function SpotIllustration(_ref) {
     xlinkHref: "#ssillustrationsvg-" + name
   }));
 };
-
 export default SpotIllustration;

package/lib/Stack/index.js

@@ -1,65 +1,60 @@
 var _excluded = ["children", "space", "align", "direction"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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 _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 Box from "../Box";
-import { normalizeResponsiveProp } from "../utils/responsiveProps";
+import * as React from 'react';
+import { Children } from 'react';
+import Box from '../Box';
+import { normalizeResponsiveProp } from '../utils/responsiveProps';
 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'
     }
   }
 };
-
 var Stack = function Stack(_ref) {
   var children = _ref.children,
-      _ref$space = _ref.space,
-      space = _ref$space === void 0 ? 300 : _ref$space,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? "left" : _ref$align,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? "vertical" : _ref$direction,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$space = _ref.space,
+    space = _ref$space === void 0 ? 300 : _ref$space,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction,
+    rest = _objectWithoutPropertiesLoose(_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'];
   var styleProps = {
     alignItems: [].concat(initialValue),
     flexDirection: [].concat(initialValue),
@@ -74,18 +69,16 @@ var Stack = function Stack(_ref) {
     var currentDirection = responsiveDirection[i];
     var currentAlignment = responsiveAlignment[i];
     var currentSpace = responsiveSpace[i];
-
     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%" : undefined;
+    var flexBasis = currentAlignment === 'stretch' && currentDirection === 'horizontal' ? '100%' : undefined;
     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;
     childMarginProps[opposite][i] = 0;
   });
@@ -99,5 +92,4 @@ var Stack = function Stack(_ref) {
     }), item);
   }));
 };
-
 export default Stack;

package/lib/Switch/index.js

@@ -1,67 +1,51 @@
 var _excluded = ["checked", "disabled", "name", "a11yLabels", "onClick", "qa"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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 _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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-import * as React from "react";
-import Container from "./styles";
-import Icon from "../Icon";
-import { VisuallyHidden } from "../VisuallyHidden";
-
+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 Container from './styles';
+import Icon from '../Icon';
+import { VisuallyHidden } from '../VisuallyHidden';
 /**
  * Switch acts as a toggle, enabling users to turn a particular action on or off.
- */
-var Switch = /*#__PURE__*/function (_React$Component) {
+ */var Switch = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Switch, _React$Component);
-
   function Switch() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-
     _this.handleClick = function (e) {
       var _this$props = _this.props,
-          checked = _this$props.checked,
-          onClick = _this$props.onClick,
-          disabled = _this$props.disabled;
-
+        checked = _this$props.checked,
+        onClick = _this$props.onClick,
+        disabled = _this$props.disabled;
       if (!disabled) {
         onClick(e, !checked);
       }
     };
-
     return _this;
   }
-
   var _proto = Switch.prototype;
-
   _proto.render = function render() {
     var _this$props2 = this.props,
-        checked = _this$props2.checked,
-        disabled = _this$props2.disabled,
-        name = _this$props2.name,
-        a11yLabels = _this$props2.a11yLabels,
-        onClick = _this$props2.onClick,
-        _this$props2$qa = _this$props2.qa,
-        qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
-        rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
-
+      checked = _this$props2.checked,
+      disabled = _this$props2.disabled,
+      name = _this$props2.name,
+      a11yLabels = _this$props2.a11yLabels,
+      onClick = _this$props2.onClick,
+      _this$props2$qa = _this$props2.qa,
+      qa = _this$props2$qa === void 0 ? {} : _this$props2$qa,
+      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);
     return /*#__PURE__*/React.createElement(Container, _extends({
       role: "button",
       type: "button",
       "aria-pressed": checked,
       disabled: disabled,
       onClick: this.handleClick,
-      "data-qa-switch": name || "",
+      "data-qa-switch": name || '',
       "data-qa-switch-ischecked": checked === true,
       "data-qa-switch-isdisabled": disabled === true,
       checked: checked
@@ -70,15 +54,13 @@ var Switch = /*#__PURE__*/function (_React$Component) {
       name: "check"
     }) : null);
   };
-
   return Switch;
 }(React.Component);
-
 Switch.defaultProps = {
   disabled: false,
   a11yLabels: {
-    on: "on",
-    off: "off"
+    on: 'on',
+    off: 'off'
   }
 };
 export { Switch as default };