@sproutsocial/racine 20.16.0 → 21.0.0

package/lib/DatePicker/styles.js

@@ -1,5 +1,5 @@
-import styled, { createGlobalStyle, css } from 'styled-components';
-import moment from 'moment';
+import styled, { createGlobalStyle, css } from "styled-components";
+import moment from "moment";
 import { disabled } from "../utils/mixins";
 import Box from "../Box";
 
@@ -15,19 +15,19 @@ import Box from "../Box";
  *
  */
 var isSelected = function isSelected(modifiers) {
-  return modifiers.has('selected-span') || modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('selected-end') || modifiers.has('hovered-span') || modifiers.has('after-hovered-start');
+  return modifiers.has("selected-span") || modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("selected-end") || modifiers.has("hovered-span") || modifiers.has("after-hovered-start");
 };
 var isOutOfRange = function isOutOfRange(modifiers) {
-  return modifiers.has('blocked-out-of-range');
+  return modifiers.has("blocked-out-of-range");
 };
 var isHoveredAndInRange = function isHoveredAndInRange(modifiers) {
-  return modifiers.has('hovered') && !modifiers.has('blocked-out-of-range');
+  return modifiers.has("hovered") && !modifiers.has("blocked-out-of-range");
 };
 var shouldHaveLeftPill = function shouldHaveLeftPill(modifiers, day) {
   if (!isSelected(modifiers)) {
     return false;
   }
-  if (modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('first-day-of-week') || day.isSame(moment(day).startOf('month'), 'day')) {
+  if (modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("first-day-of-week") || day.isSame(moment(day).startOf("month"), "day")) {
     return true;
   }
   return false;
@@ -36,7 +36,7 @@ var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
   if (!isSelected(modifiers)) {
     return false;
   }
-  if (modifiers.has('selected') || modifiers.has('selected-end') || modifiers.has('last-day-of-week') || day.isSame(moment(day).endOf('month'), 'day')) {
+  if (modifiers.has("selected") || modifiers.has("selected-end") || modifiers.has("last-day-of-week") || day.isSame(moment(day).endOf("month"), "day")) {
     return true;
   }
   return false;

package/lib/Drawer/Drawer.flow.js

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

package/lib/Drawer/Drawer.js

@@ -11,10 +11,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { useContext, useEffect, useRef } from 'react';
-import FocusLock from 'react-focus-lock';
-import { animated } from 'react-spring';
+import * as React from "react";
+import { useContext, useEffect, useRef } from "react";
+import FocusLock from "react-focus-lock";
+import { animated } from "react-spring";
 import Box from "../Box";
 import Button from "../Button";
 import Icon from "../Icon";
@@ -50,7 +50,7 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
 };
 var DrawerHeader = function DrawerHeader(_ref) {
   var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
+    title = _ref$title === void 0 ? "" : _ref$title,
     _ref$id = _ref.id,
     id = _ref$id === void 0 ? undefined : _ref$id,
     children = _ref.children,
@@ -104,7 +104,7 @@ var Drawer = function Drawer(_ref3) {
       return;
     }
     var onEsc = function onEsc(event) {
-      if (event.key === 'Escape') {
+      if (event.key === "Escape") {
         onClose();
       }
     };
@@ -113,21 +113,21 @@ var Drawer = function Drawer(_ref3) {
         onClose();
       }
     };
-    documentBody && documentBody.addEventListener('keydown', onEsc, false);
+    documentBody && documentBody.addEventListener("keydown", onEsc, false);
     if (closeTargets) {
       closeTargets.forEach(function (targetElement) {
-        return targetElement && targetElement.addEventListener('click', bodyClick, false);
+        return targetElement && targetElement.addEventListener("click", bodyClick, false);
       });
     } else {
-      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
+      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener("click", bodyClick, false);
     }
     return function () {
       if (closeTargets) {
         closeTargets.forEach(function (targetElement) {
-          return targetElement && targetElement.removeEventListener('click', bodyClick, false);
+          return targetElement && targetElement.removeEventListener("click", bodyClick, false);
         });
       } else {
-        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
+        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener("click", bodyClick, false);
       }
     };
   }, [onClose, disableCloseOnClickOutside, closeTargets]);
@@ -152,7 +152,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
   var children = _ref4.children,
     closeButtonLabel = _ref4.closeButtonLabel,
     _ref4$direction = _ref4.direction,
-    direction = _ref4$direction === void 0 ? 'right' : _ref4$direction,
+    direction = _ref4$direction === void 0 ? "right" : _ref4$direction,
     _ref4$disableCloseOnC = _ref4.disableCloseOnClickOutside,
     disableCloseOnClickOutside = _ref4$disableCloseOnC === void 0 ? false : _ref4$disableCloseOnC,
     id = _ref4.id,
@@ -195,14 +195,14 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       zIndex: zIndex,
       closeTargets: closeTargets,
       width: width,
-      "data-qa-drawer": id || '',
+      "data-qa-drawer": id || "",
       "data-qa-drawer-isopen": isOpen === true
     }, rest), children);
   })));
 };
-DrawerHeader.displayName = 'Drawer.Header';
-DrawerContent.displayName = 'Drawer.Content';
-DrawerCloseButton.displayName = 'Drawer.CloseButton';
+DrawerHeader.displayName = "Drawer.Header";
+DrawerContent.displayName = "Drawer.Content";
+DrawerCloseButton.displayName = "Drawer.CloseButton";
 DrawerContainer.Header = DrawerHeader;
 DrawerContainer.Content = DrawerContent;
 DrawerContainer.CloseButton = DrawerCloseButton;

package/lib/Drawer/SlideTransition.js

@@ -1,22 +1,22 @@
 var _excluded = ["isVisible", "children", "width", "direction"];
 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 { useTransition } from 'react-spring';
-import { MOTION_DURATION_MEDIUM } from '@sproutsocial/seeds-motion/dist/seeds-motion-unitless';
+import * as React from "react";
+import { useTransition } from "react-spring";
+import { MOTION_DURATION_MEDIUM } from "@sproutsocial/seeds-motion/dist/seeds-motion-unitless";
 export var SlideTransition = function SlideTransition(_ref) {
   var isVisible = _ref.isVisible,
     children = _ref.children,
     width = _ref.width,
     direction = _ref.direction,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var offset = width * (direction === 'left' ? -1 : 1);
+  var offset = width * (direction === "left" ? -1 : 1);
   var transitions = useTransition(isVisible, null, {
     from: {
       transform: "translateX(".concat(offset, "px)")
     },
     enter: {
-      transform: 'translateX(0)'
+      transform: "translateX(0)"
     },
     leave: {
       transform: "translateX(".concat(offset, "px)")

package/lib/Drawer/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON } from "../utils/system-props";
 import Box from "../Box";
 export var Content = styled(Box).withConfig({

package/lib/EmptyState/EmptyState.flow.js

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

package/lib/EmptyState/EmptyState.js

@@ -2,7 +2,7 @@ var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryActi
 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 Box from "../Box";
 // eslint-disable-next-line import/no-deprecated
 import Text from "../Text";
@@ -40,11 +40,11 @@ var EmptyState = function EmptyState(_ref) {
   }, subtext), /*#__PURE__*/React.createElement(Box, {
     mt: primaryAction || secondaryAction ? 450 : 0
   }, primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
-    appearance: 'primary'
+    appearance: "primary"
   }), secondaryAction && /*#__PURE__*/React.createElement(Box, {
     mt: 400
   }, /*#__PURE__*/React.cloneElement(secondaryAction, {
-    appearance: 'unstyled'
+    appearance: "unstyled"
   })))));
 };
 export default EmptyState;

package/lib/Fieldset/Fieldset.flow.js

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

package/lib/Fieldset/Fieldset.js

@@ -4,7 +4,7 @@ var _excluded = ["layout", "label", "helperText", "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 _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 Box from "../Box";
 // eslint-disable-next-line import/no-deprecated
 import Text from "../Text";
@@ -14,7 +14,7 @@ import { ChildContainer } from "./styles";
  */
 var Fieldset = function Fieldset(_ref) {
   var _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
+    layout = _ref$layout === void 0 ? "vertical" : _ref$layout,
     label = _ref.label,
     helperText = _ref.helperText,
     children = _ref.children,
@@ -24,9 +24,9 @@ var Fieldset = function Fieldset(_ref) {
     border: "none",
     p: 0,
     "data-qa-fieldset": ""
-  }, rest), typeof label === 'string' ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === 'string' ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(Box, {
+  }, rest), typeof label === "string" ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === "string" ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(Box, {
     display: "flex",
-    flexDirection: layout === 'vertical' ? 'column' : 'row'
+    flexDirection: layout === "vertical" ? "column" : "row"
   }, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.createElement(ChildContainer, {
       layout: layout
@@ -53,8 +53,8 @@ var FieldsetHelperText = function FieldsetHelperText(_ref3) {
     mb: 300
   }, rest), children);
 };
-FieldsetLegend.displayName = 'Fieldset.Legend';
-FieldsetHelperText.displayName = 'Fieldset.HelperText';
+FieldsetLegend.displayName = "Fieldset.Legend";
+FieldsetHelperText.displayName = "Fieldset.HelperText";
 Fieldset.Legend = FieldsetLegend;
 Fieldset.HelperText = FieldsetHelperText;
 export default Fieldset;

package/lib/Fieldset/styles.js

@@ -1,10 +1,10 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import Box from "../Box";
 export var ChildContainer = styled(Box).withConfig({
   displayName: "styles__ChildContainer",
   componentId: "sc-1ntn5su-0"
 })(["", " ", ""], function (props) {
-  return props.layout === 'vertical' && css(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
+  return props.layout === "vertical" && css(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
 }, function (props) {
-  return props.layout === 'horizontal' && css(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
+  return props.layout === "horizontal" && css(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
 });

package/lib/FormField/FormField.flow.js

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

package/lib/FormField/FormField.js

@@ -14,7 +14,7 @@ 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 React, { useState } from 'react';
+import React, { useState } from "react";
 import { useTextContent } from "../utils/hooks";
 import Box from "../Box";
 import Label from "../Label";
@@ -40,11 +40,11 @@ var FormField = function FormField(_ref) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var errorId = "Error-".concat(id);
-  var containerText = useTextContent('');
-  var errorContainerText = useTextContent('');
+  var containerText = useTextContent("");
+  var errorContainerText = useTextContent("");
   return /*#__PURE__*/React.createElement(Box, _extends({}, rest, qa, {
     mb: mb,
-    "data-qa-formfield": qa && qa['data-qa-formfield'] || id || containerText.current,
+    "data-qa-formfield": qa && qa["data-qa-formfield"] || id || containerText.current,
     "data-qa-formfield-isinvalid": isInvalid === true
   }), isLabelHidden ? /*#__PURE__*/React.createElement(VisuallyHidden, {
     "data-testid": "visually-hidden"
@@ -72,7 +72,7 @@ var FormField = function FormField(_ref) {
     color: "text.error",
     mt: 300,
     id: errorId,
-    "data-qa-formfield-error": qa && qa['data-qa-formfield-error'] || errorContainerText.current
+    "data-qa-formfield-error": qa && qa["data-qa-formfield-error"] || errorContainerText.current
   }, error));
 };
 export default FormField;

package/lib/Icon/Icon.flow.js

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import * as React from "react";
 
 // 64x64

package/lib/Icon/Icon.js

@@ -9,19 +9,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 styled, { css } from 'styled-components';
+import * as React from "react";
+import styled, { css } from "styled-components";
 import Box from "../Box";
 import PartnerLogo from "../PartnerLogo";
 import { includes } from "../utils";
-import PartnerLogoNames from "../logoNames";
+import { LogoNamesWithoutVariants as PartnerLogoNames } from "@sproutsocial/seeds-partner-logos";
 import Container from "./styles";
-import { ExternalViewBoxes, GeneralViewBoxes, SproutViewBoxes, ExternalIconNames } from '@sproutsocial/seeds-icons';
+import { ExternalViewBoxes, GeneralViewBoxes, SproutViewBoxes, ExternalIconNames } from "@sproutsocial/seeds-icons";
 var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, ExternalViewBoxes), GeneralViewBoxes), SproutViewBoxes);
 var Icon = function Icon(_ref) {
   var name = _ref.name,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
     _ref$fixedWidth = _ref.fixedWidth,
     fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
     ariaLabel = _ref.ariaLabel,
@@ -30,11 +30,11 @@ var Icon = function Icon(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   if (includes(PartnerLogoNames, name)) {
     // Icon's "default" size is equivalent to PartnerLogo's "small" size
-    var logoSize = size === 'default' ? 'small' : size;
+    var logoSize = size === "default" ? "small" : size;
     var logoProps = {
       partnerName: name,
       size: logoSize,
-      logoType: 'symbol',
+      logoType: "symbol",
       svgProps: svgProps
     };
     return /*#__PURE__*/React.createElement(PartnerLogo
@@ -43,10 +43,10 @@ var Icon = function Icon(_ref) {
       "aria-label": ariaLabel
     }, rest, logoProps));
   }
-  var defaultVariant = size === 'mini' ? 'solid' : 'outline';
+  var defaultVariant = size === "mini" ? "solid" : "outline";
   var iconName =
   // if not external and has no variant
-  !(name !== null && name !== void 0 && name.endsWith('-outline')) && !(name !== null && name !== void 0 && name.endsWith('-solid')) && !includes(ExternalIconNames, name) ? // then add default variant
+  !(name !== null && name !== void 0 && name.endsWith("-outline")) && !(name !== null && name !== void 0 && name.endsWith("-solid")) && !includes(ExternalIconNames, name) ? // then add default variant
   "".concat(name, "-").concat(defaultVariant) :
   // else use name as is
   name;
@@ -84,7 +84,7 @@ var IconToggle = function IconToggle(_ref2) {
     inactiveName = _ref2.inactiveName,
     isActive = _ref2.isActive,
     _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'small' : _ref2$size,
+    size = _ref2$size === void 0 ? "small" : _ref2$size,
     _ref2$fixedWidth = _ref2.fixedWidth,
     fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
     ariaLabel = _ref2.ariaLabel,
@@ -109,7 +109,7 @@ var IconToggle = function IconToggle(_ref2) {
     "aria-hidden": isActive
   }));
 };
-IconToggle.displayName = 'Icon.Toggle';
+IconToggle.displayName = "Icon.Toggle";
 /**
  * **Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below.
  *

package/lib/Icon/styles.js

@@ -1,20 +1,20 @@
-import styled, { css } from 'styled-components';
-import { verticalAlign } from 'styled-system';
+import styled, { css } from "styled-components";
+import { verticalAlign } from "styled-system";
 import { COMMON } from "../utils/system-props";
 var sizes = {
-  mini: '12px',
+  mini: "12px",
   /** TODO: deprecate default  in favor of small in future release */
-  default: '16px',
-  small: '16px',
-  medium: '24px',
-  large: '32px',
-  jumbo: '64px'
+  default: "16px",
+  small: "16px",
+  medium: "24px",
+  large: "32px",
+  jumbo: "64px"
 };
 var stylesForSize = function stylesForSize(iconActualSize, fixedWidth) {
   return css(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconActualSize, iconActualSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: ".concat(iconActualSize, "\n    }\n  "));
 };
 var Container = styled.span.attrs({
-  className: 'Icon'
+  className: "Icon"
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-1v500hw-0"

package/lib/Image/Image.flow.js

@@ -1,2 +1,2 @@
 // eslint-disable-next-line no-unused-vars -- used in class extend... why is this erroring?
-import * as React from 'react';
+import * as React from "react";

package/lib/Image/Image.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 ImageContainer from "./styles";
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 var noop = function noop() {};
@@ -102,15 +102,15 @@ var Image = /*#__PURE__*/function (_React$Component) {
         onLoad: this.onLoad,
         alt: alt,
         title: title,
-        "data-qa-image": title ? title : alt ? alt : '',
-        "data-qa-image-src": src || ''
+        "data-qa-image": title ? title : alt ? alt : "",
+        "data-qa-image-src": src || ""
       }, qa, rest));
     }
   }]);
   return Image;
 }(React.Component);
 _defineProperty(Image, "defaultProps", {
-  title: '',
+  title: "",
   onError: noop,
   onClick: noop,
   onLoad: noop

package/lib/Image/styles.js

@@ -1,7 +1,7 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON, LAYOUT } from "../utils/system-props";
 var ImageContainer = styled.img.attrs({
-  className: 'Image'
+  className: "Image"
 }).withConfig({
   displayName: "styles__ImageContainer",
   componentId: "sc-dngsi7-0"

package/lib/Indicator/Indicator.flow.js

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

package/lib/Indicator/Indicator.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 from "./styles";
 var Indicator = /*#__PURE__*/function (_React$Component) {
@@ -46,6 +46,6 @@ var Indicator = /*#__PURE__*/function (_React$Component) {
   return Indicator;
 }(React.Component);
 _defineProperty(Indicator, "defaultProps", {
-  tooltip: ''
+  tooltip: ""
 });
 export { Indicator as default };

package/lib/Indicator/styles.js

@@ -1,8 +1,8 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import { visuallyHidden } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 var Container = styled.span.attrs({
-  className: 'Indicator'
+  className: "Indicator"
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-8xib7y-0"

package/lib/Input/Input.flow.js

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

package/lib/Input/Input.js

@@ -16,8 +16,8 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import * as React from 'react';
-import styled from 'styled-components';
+import * as React from "react";
+import styled from "styled-components";
 import { useInteractiveColor } from "../utils/useInteractiveColor";
 import { mergeRefs } from "../utils";
 import Button from "../Button";
@@ -49,35 +49,35 @@ var ClearButton = function ClearButton() {
   // Warn if clearButtonLabel is not included, so that the unlocalized fallback will not be mistaken for a proper label.
   if (!clearButtonLabel) {
     // eslint-disable-next-line no-console
-    console.warn('Warning: clearButtonLabel prop is required when using Input.ClearButton. Please pass a localized clearButtonLabel to Input.');
+    console.warn("Warning: clearButtonLabel prop is required when using Input.ClearButton. Please pass a localized clearButtonLabel to Input.");
   }
 
   // Reduce Button padding for size small Inputs so that the Button won't go outside the bounds of the Input.
   // This adjustment is handled automatically for default and large Inputs via Button's size. There is no "small" Button.
-  var py = inputSize === 'small' ? 100 : undefined;
-  var px = inputSize === 'small' ? 200 : undefined;
-  var buttonSize = inputSize === 'small' ? 'default' : inputSize;
+  var py = inputSize === "small" ? 100 : undefined;
+  var px = inputSize === "small" ? 200 : undefined;
+  var buttonSize = inputSize === "small" ? "default" : inputSize;
   return /*#__PURE__*/React.createElement(StyledButton, {
     onClick: handleClear,
     size: buttonSize,
     py: py,
     px: px,
-    title: clearButtonLabel || 'Clear',
-    ariaLabel: clearButtonLabel || 'Clear',
+    title: clearButtonLabel || "Clear",
+    ariaLabel: clearButtonLabel || "Clear",
     color: "icon.base"
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "circle-x-outline",
     "aria-hidden": true
   }));
 };
-ClearButton.displayName = 'Input.ClearButton';
+ClearButton.displayName = "Input.ClearButton";
 
 // Used for positioning elementAfter. This logic will detect if the element is a ClearButton,
 // regardless of whether it was manually passed as elemAfter or automatically added to a search Input.
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var isClearButton = function isClearButton(elem) {
   if (elem !== null && elem !== void 0 && elem.type) {
-    return elem.type.displayName === 'Input.ClearButton';
+    return elem.type.displayName === "Input.ClearButton";
   }
   return false;
 };
@@ -99,9 +99,9 @@ var Input = /*#__PURE__*/function (_React$Component) {
       if (input) {
         var _Object$getOwnPropert, _this$props$onClear, _this$props2;
         // Clear the value via the input prototype, then dispatch an input event in order to trigger handleChange
-        var nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.set;
-        nativeInputValueSetter === null || nativeInputValueSetter === void 0 || nativeInputValueSetter.call(input, '');
-        var inputEvent = new Event('input', {
+        var nativeInputValueSetter = (_Object$getOwnPropert = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) === null || _Object$getOwnPropert === void 0 ? void 0 : _Object$getOwnPropert.set;
+        nativeInputValueSetter === null || nativeInputValueSetter === void 0 || nativeInputValueSetter.call(input, "");
+        var inputEvent = new Event("input", {
           bubbles: true
         });
         input.dispatchEvent(inputEvent);
@@ -138,7 +138,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
       return (_this$props$onPaste = (_this$props7 = _this.props).onPaste) === null || _this$props$onPaste === void 0 ? void 0 : _this$props$onPaste.call(_this$props7, e, e.currentTarget.value);
     });
     _defineProperty(_assertThisInitialized(_this), "updateState", function (inputValue) {
-      var hasValue = inputValue !== '';
+      var hasValue = inputValue !== "";
       var previousHasValue = _this.state.hasValue;
 
       // Only update state if the value of `hasValue` has changed to avoid unnecessary renders.
@@ -162,7 +162,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
       // Update hasValue state whenever props value changes
       var value = this.props.value;
       if (value !== prevValue) {
-        this.updateState(value || '');
+        this.updateState(value || "");
       }
     }
   }, {
@@ -206,18 +206,18 @@ var Input = /*#__PURE__*/function (_React$Component) {
       // Convert autoComplete from a boolean prop to a string value.
       var autoCompleteValue;
       if (autoComplete !== undefined) {
-        autoCompleteValue = autoComplete ? 'on' : 'off';
+        autoCompleteValue = autoComplete ? "on" : "off";
       }
 
       // Add default elemBefore and elemAfter elements if type is search.
-      var elementBefore = type === 'search' && !elemBefore ? /*#__PURE__*/React.createElement(Icon, {
+      var elementBefore = type === "search" && !elemBefore ? /*#__PURE__*/React.createElement(Icon, {
         name: "magnifying-glass-outline",
         "aria-hidden": true,
         color: "icon.base"
       }) : elemBefore;
 
       // Do not add a ClearButton if an elemAfter prop was passed.
-      var elementAfter = type === 'search' && !elemAfter ? /*#__PURE__*/React.createElement(ClearButton, null) : elemAfter;
+      var elementAfter = type === "search" && !elemAfter ? /*#__PURE__*/React.createElement(ClearButton, null) : elemAfter;
       return /*#__PURE__*/React.createElement(Container, _extends({
         hasBeforeElement: !!elementBefore,
         hasAfterElement: !!elementAfter,
@@ -257,7 +257,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
         onKeyUp: this.handleKeyUp,
         onPaste: this.handlePaste,
         ref: mergeRefs([innerRef !== null && innerRef !== void 0 ? innerRef : null, this.inputRef]),
-        "data-qa-input": name || '',
+        "data-qa-input": name || "",
         "data-qa-input-isdisabled": disabled === true,
         "data-qa-input-isrequired": required === true
       }, qa, inputProps)), elementAfter && /*#__PURE__*/React.createElement(Accessory, {
@@ -271,9 +271,9 @@ var Input = /*#__PURE__*/function (_React$Component) {
 _defineProperty(Input, "defaultProps", {
   autoFocus: false,
   disabled: false,
-  type: 'text',
-  size: 'default',
-  appearance: 'primary'
+  type: "text",
+  size: "default",
+  appearance: "primary"
 });
 _defineProperty(Input, "ClearButton", ClearButton);
 export default Input;