@sproutsocial/racine 12.20.0 → 12.21.0

package/commonjs/Radio/styles.js

@@ -2,33 +2,24 @@
 
 exports.__esModule = true;
 exports.default = exports.LabelText = exports.InputWrapper = exports.Input = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 var _mixins = require("../utils/mixins");
-
 var _Text = _interopRequireDefault(require("../Text/"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Container = _styledComponents.default.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-uyr445-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _systemProps.COMMON);
-
-Container.displayName = "Radio";
-
+Container.displayName = 'Radio';
 var Input = _styledComponents.default.input.withConfig({
   displayName: "styles__Input",
   componentId: "sc-uyr445-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) {
@@ -42,19 +33,17 @@ var Input = _styledComponents.default.input.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 }, _mixins.focusRing);
-
 exports.Input = Input;
-Input.displayName = "Input"; // eslint-disable-next-line prettier/prettier
-
+Input.displayName = 'Input';
 var InputWrapper = _styledComponents.default.span.withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-uyr445-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) {
@@ -62,15 +51,14 @@ var InputWrapper = _styledComponents.default.span.withConfig({
 }, 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);
 });
-
 exports.InputWrapper = InputWrapper;
-InputWrapper.displayName = "InputWrapper";
+InputWrapper.displayName = 'InputWrapper';
 var LabelText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-uyr445-3"
@@ -79,13 +67,13 @@ var LabelText = (0, _styledComponents.default)(_Text.default).withConfig({
 }, 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;"]);
 });
 exports.LabelText = LabelText;
-LabelText.displayName = "LabelText";
+LabelText.displayName = 'LabelText';
 var _default = Container;
 exports.default = _default;

package/commonjs/SegmentedControl/index.js

@@ -2,55 +2,39 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("./styles");
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _excluded = ["value", "children"],
-    _excluded2 = ["selectedValue", "label", "onChange", "children"];
-
+  _excluded2 = ["selectedValue", "label", "onChange", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; }
-
 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 = (0, React.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 = (0, React.useState)(name + "-" + idCounter++),
-      id = _useState[0];
-
+    id = _useState[0];
   var isChecked = value === selectedValue;
   return /*#__PURE__*/React.createElement(_styles.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,
@@ -65,17 +49,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 = (0, React.useState)("Racine-segmented-control-" + nameCounter++),
-      name = _useState2[0];
-
+    name = _useState2[0];
   return /*#__PURE__*/React.createElement(SegmentedControlContext.Provider, {
     value: {
       name: name,
@@ -85,14 +66,13 @@ var SegmentedControl = function SegmentedControl(_ref2) {
   }, /*#__PURE__*/React.createElement(_styles.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.default, {
     display: "flex"
   }, children)));
 };
-
 SegmentedControl.Item = SegmentedControlItem;
-SegmentedControl.Item.displayName = "SegmentedControl.Item";
+SegmentedControl.Item.displayName = 'SegmentedControl.Item';
 var _default = SegmentedControl;
 exports.default = _default;

package/commonjs/SegmentedControl/styles.js

@@ -2,22 +2,14 @@
 
 exports.__esModule = true;
 exports.SegmentedControlLabel = exports.SegmentedControlItemContainer = exports.SegmentedControlContainer = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 var _mixins = require("../utils/mixins");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-// eslint-disable-next-line prettier/prettier
 var SegmentedControlContainer = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__SegmentedControlContainer",
   componentId: "sc-1o18lau-0"
@@ -29,16 +21,14 @@ var SegmentedControlContainer = (0, _styledComponents.default)(_Box.default).wit
   return props.theme.space[100];
 }, _mixins.visuallyHidden, function (props) {
   return props.disabled && _mixins.disabled;
-}); // eslint-disable-next-line prettier/prettier
-
+});
 exports.SegmentedControlContainer = SegmentedControlContainer;
 var SegmentedControlItemContainer = (0, _styledComponents.default)(_Box.default).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];
-}, _mixins.focusRing, _mixins.visuallyHidden); // eslint-disable-next-line prettier/prettier
-
+}, _mixins.focusRing, _mixins.visuallyHidden);
 exports.SegmentedControlItemContainer = SegmentedControlItemContainer;
 var SegmentedControlLabel = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "styles__SegmentedControlLabel",

package/commonjs/Select/index.js

@@ -2,75 +2,54 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = _interopRequireWildcard(require("./styles"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _excluded = ["id", "name", "children", "defaultValue", "value", "required", "isInvalid", "autoFocus", "disabled", "onChange", "ariaLabel", "ariaDescribedby", "size", "qa", "inputProps"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 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
@@ -89,8 +68,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(_styles.Arrow, {
@@ -98,15 +77,13 @@ var Select = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(_Icon.default, {
         name: "chevron-down",
         fixedWidth: true,
-        size: this.props.size === "small" ? "mini" : "default"
+        size: this.props.size === 'small' ? 'mini' : 'default'
       })))
     );
   };
-
   return Select;
 }(React.Component);
-
 exports.default = Select;
 Select.defaultProps = {
-  size: "default"
+  size: 'default'
 };

package/commonjs/Select/styles.js

@@ -2,15 +2,10 @@
 
 exports.__esModule = true;
 exports.default = exports.Arrow = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 var _mixins = require("../utils/mixins");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var Container = _styledComponents.default.div.withConfig({
@@ -25,7 +20,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) {
@@ -40,23 +35,20 @@ var Container = _styledComponents.default.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;
   }
@@ -69,28 +61,24 @@ var Container = _styledComponents.default.div.withConfig({
     return props.theme.colors.icon.error;
   });
 }, _systemProps.COMMON);
-
 var Arrow = _styledComponents.default.span.withConfig({
   displayName: "styles__Arrow",
   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;
 });
-
 exports.Arrow = Arrow;
-Container.displayName = "SelectContainer";
-Arrow.displayName = "Select Arrow";
+Container.displayName = 'SelectContainer';
+Arrow.displayName = 'Select Arrow';
 var _default = Container;
 exports.default = _default;

package/commonjs/Skeleton/index.js

@@ -2,13 +2,9 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _polished = require("polished");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Skeleton = (0, _styledComponents.default)(_Box.default).withConfig({
@@ -20,5 +16,4 @@ var Skeleton = (0, _styledComponents.default)(_Box.default).withConfig({
   return "linear-gradient(\n      288deg,\n      " + (0, _polished.transparentize)(0.7, props.theme.colors.container.border.base) + " 32%,\n      " + (0, _polished.transparentize)(0.05, props.theme.colors.container.border.base) + ",\n      " + (0, _polished.transparentize)(0.7, props.theme.colors.container.border.base) + " 68%\n    );";
 });
 var _default = Skeleton; //rgba(243, 244, 244, 0.7)
-
 exports.default = _default;

package/commonjs/SpotIllustration/illustrationNames.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.illustrationNames = void 0;
-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"];
+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'];
 exports.illustrationNames = illustrationNames;

package/commonjs/SpotIllustration/index.js

@@ -2,16 +2,12 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _IllustrationViewBoxes = _interopRequireDefault(require("../IllustrationViewBoxes"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// eslint-disable-next-line prettier/prettier
+// eslint-disable-next-line flowtype/generic-spacing
 var StyledSVG = _styledComponents.default.svg.withConfig({
   displayName: "SpotIllustration__StyledSVG",
   componentId: "sc-10ftlaw-0"
@@ -20,14 +16,13 @@ var StyledSVG = _styledComponents.default.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.default[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.default.createElement(StyledSVG, {
@@ -41,6 +36,5 @@ var SpotIllustration = function SpotIllustration(_ref) {
     xlinkHref: "#ssillustrationsvg-" + name
   }));
 };
-
 var _default = SpotIllustration;
 exports.default = _default;