@sproutsocial/racine 12.20.0 → 12.21.1

package/lib/Drawer/index.js

@@ -1,45 +1,38 @@
 var _excluded = ["title", "children", "render"],
-    _excluded2 = ["children"],
-    _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
-    _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
-
+  _excluded2 = ["children"],
+  _excluded3 = ["id", "style", "offset", "direction", "children", "disableCloseOnClickOutside", "onClose", "zIndex", "closeTargets"],
+  _excluded4 = ["children", "closeButtonLabel", "direction", "disableCloseOnClickOutside", "id", "isOpen", "offset", "onClose", "zIndex", "closeTargets"];
 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 || 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 { SlideTransition } from "./SlideTransition";
-import Container, { Content } from "./styles";
-import { animated } from "react-spring";
-import Portal from "../Portal";
-import Box from "../Box";
-import Text from "../Text";
-import Button from "../Button";
-import Icon from "../Icon"; // If ever we needed to make drawer width configurable, move this to a default prop
-
+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 { SlideTransition } from './SlideTransition';
+import Container, { Content } from './styles';
+import { animated } from 'react-spring';
+import Portal from '../Portal';
+import Box from '../Box';
+import Text from '../Text';
+import Button from '../Button';
+import Icon from '../Icon';
+
+// If ever we needed to make drawer width configurable, move this to a default prop
 var DRAWER_WIDTH = 600;
 var AnimatedDrawer = animated(Container);
-
 var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
   return ref.current && event.target instanceof Node && ref.current.contains(event.target);
 };
-
 var DrawerContext = /*#__PURE__*/React.createContext({});
-
 var DrawerCloseButton = function DrawerCloseButton(props) {
   var _useContext = useContext(DrawerContext),
-      onClose = _useContext.onClose,
-      closeButtonLabel = _useContext.closeButtonLabel;
-
+    onClose = _useContext.onClose,
+    closeButtonLabel = _useContext.closeButtonLabel;
   if (props.render) {
     return props.render({
       onClose: onClose,
       closeButtonLabel: closeButtonLabel
     });
   }
-
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -52,28 +45,24 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
     }))
   );
 };
-
 var DrawerHeader = function DrawerHeader(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? "" : _ref$title,
-      children = _ref.children,
-      render = _ref.render,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    title = _ref$title === void 0 ? '' : _ref$title,
+    children = _ref.children,
+    render = _ref.render,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var drawerContext = useContext(DrawerContext);
-
   if (render) {
     return render(drawerContext);
   }
-
   return /*#__PURE__*/React.createElement(Box, _extends({
     display: "flex",
     flex: "0 0 auto",
     justifyContent: "space-between",
     alignItems: "center",
     pt: 400,
-    px: 450 // $FlowIssue - upgrade v0.112.0
-
+    px: 450
+    // $FlowIssue - upgrade v0.112.0
   }, rest), children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
     as: "h2",
     fontSize: 400,
@@ -81,11 +70,9 @@ var DrawerHeader = function DrawerHeader(_ref) {
     color: "text.headline"
   }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
 };
-
 var DrawerContent = function DrawerContent(_ref2) {
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -96,56 +83,48 @@ var DrawerContent = function DrawerContent(_ref2) {
     }, rest), children)
   );
 };
-
 var Drawer = function Drawer(_ref3) {
   var id = _ref3.id,
-      style = _ref3.style,
-      offset = _ref3.offset,
-      direction = _ref3.direction,
-      children = _ref3.children,
-      disableCloseOnClickOutside = _ref3.disableCloseOnClickOutside,
-      onClose = _ref3.onClose,
-      zIndex = _ref3.zIndex,
-      closeTargets = _ref3.closeTargets,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
+    style = _ref3.style,
+    offset = _ref3.offset,
+    direction = _ref3.direction,
+    children = _ref3.children,
+    disableCloseOnClickOutside = _ref3.disableCloseOnClickOutside,
+    onClose = _ref3.onClose,
+    zIndex = _ref3.zIndex,
+    closeTargets = _ref3.closeTargets,
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   var drawerRef = useRef(null);
   useEffect(function () {
     var documentBody = document.body;
-
     if (!documentBody) {
       return;
     }
-
     var onEsc = function onEsc(event) {
-      if (event.key === "Escape") {
+      if (event.key === 'Escape') {
         onClose();
       }
     };
-
     var bodyClick = function bodyClick(event) {
       if (!doesRefContainEventTarget(drawerRef, event) && !disableCloseOnClickOutside) {
         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]);
@@ -162,25 +141,23 @@ var Drawer = function Drawer(_ref3) {
     "data-qa-drawer": id
   }, rest), children));
 };
-
 var DrawerContainer = function DrawerContainer(_ref4) {
   var children = _ref4.children,
-      closeButtonLabel = _ref4.closeButtonLabel,
-      _ref4$direction = _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,
-      isOpen = _ref4.isOpen,
-      _ref4$offset = _ref4.offset,
-      offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
-      onClose = _ref4.onClose,
-      _ref4$zIndex = _ref4.zIndex,
-      zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
-      _ref4$closeTargets = _ref4.closeTargets,
-      closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
-      rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
-
+    closeButtonLabel = _ref4.closeButtonLabel,
+    _ref4$direction = _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,
+    isOpen = _ref4.isOpen,
+    _ref4$offset = _ref4.offset,
+    offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
+    onClose = _ref4.onClose,
+    _ref4$zIndex = _ref4.zIndex,
+    zIndex = _ref4$zIndex === void 0 ? 7 : _ref4$zIndex,
+    _ref4$closeTargets = _ref4.closeTargets,
+    closeTargets = _ref4$closeTargets === void 0 ? [] : _ref4$closeTargets,
+    rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement(Portal, {
     id: id
   }, /*#__PURE__*/React.createElement(DrawerContext.Provider, {
@@ -194,8 +171,8 @@ var DrawerContainer = function DrawerContainer(_ref4) {
     isVisible: isOpen
   }, function (_ref5) {
     var isVisible = _ref5.isVisible,
-        style = _ref5.style,
-        key = _ref5.key;
+      style = _ref5.style,
+      key = _ref5.key;
     return isVisible && /*#__PURE__*/React.createElement(Drawer, _extends({
       key: key,
       id: id,
@@ -208,17 +185,16 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       onClose: onClose,
       zIndex: zIndex,
       closeTargets: closeTargets,
-      "data-qa-drawer": id || "",
-      "data-qa-drawer-isopen": isOpen === true // $FlowIssue - upgrade v0.112.0
-
+      "data-qa-drawer": id || '',
+      "data-qa-drawer-isopen": isOpen === true
+      // $FlowIssue - upgrade v0.112.0
     }, rest), children);
   })));
 };
-
 DrawerContainer.Header = DrawerHeader;
 DrawerContainer.Content = DrawerContent;
 DrawerContainer.CloseButton = DrawerCloseButton;
-DrawerContainer.Header.displayName = "Drawer.Header";
-DrawerContainer.Content.displayName = "Drawer.Content";
-DrawerContainer.CloseButton.displayName = "Drawer.CloseButton";
+DrawerContainer.Header.displayName = 'Drawer.Header';
+DrawerContainer.Content.displayName = 'Drawer.Content';
+DrawerContainer.CloseButton.displayName = 'Drawer.CloseButton';
 export default DrawerContainer;

package/lib/Drawer/styles.js

@@ -1,6 +1,7 @@
-import styled, { css } from "styled-components";
-import { COMMON } from "../utils/system-props";
-import Box from "../Box";
+
+import styled, { css } from 'styled-components';
+import { COMMON } from '../utils/system-props';
+import Box from '../Box';
 export var Content = styled(Box).withConfig({
   displayName: "styles__Content",
   componentId: "sc-bo5voc-0"

package/lib/EmptyState/index.js

@@ -1,21 +1,16 @@
 var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryAction"];
-
-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 Box from "../Box";
-import Text from "../Text";
-
+import * as React from 'react';
+import Box from '../Box';
+import Text from '../Text';
 var EmptyState = function EmptyState(_ref) {
   var media = _ref.media,
-      headline = _ref.headline,
-      subtext = _ref.subtext,
-      primaryAction = _ref.primaryAction,
-      secondaryAction = _ref.secondaryAction,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    headline = _ref.headline,
+    subtext = _ref.subtext,
+    primaryAction = _ref.primaryAction,
+    secondaryAction = _ref.secondaryAction,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -46,13 +41,12 @@ 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: "default"
+      appearance: 'default'
     })))))
   );
 };
-
 export default EmptyState;

package/lib/Fieldset/index.js

@@ -1,27 +1,22 @@
 var _excluded = ["layout", "label", "helperText", "children"],
-    _excluded2 = ["children"],
-    _excluded3 = ["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 = ["children"],
+  _excluded3 = ["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 Box from "../Box";
-import Text from "../Text";
-import { ChildContainer } from "./styles";
-
+import * as React from 'react';
+import Box from '../Box';
+import Text from '../Text';
+import { ChildContainer } from './styles';
 /**
  * Fieldset Component
  */
 var Fieldset = function Fieldset(_ref) {
   var _ref$layout = _ref.layout,
-      layout = _ref$layout === void 0 ? "vertical" : _ref$layout,
-      label = _ref.label,
-      helperText = _ref.helperText,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -29,10 +24,10 @@ var Fieldset = function Fieldset(_ref) {
       as: "fieldset",
       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, {
+      "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, {
       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
@@ -40,11 +35,9 @@ var Fieldset = function Fieldset(_ref) {
     })))
   );
 };
-
 var FieldsetLegend = function FieldsetLegend(_ref2) {
   var children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement(Text, _extends({
     as: "legend",
     fontSize: 300,
@@ -53,20 +46,17 @@ var FieldsetLegend = function FieldsetLegend(_ref2) {
     mb: 300
   }, rest), children);
 };
-
 var FieldsetHelperText = function FieldsetHelperText(_ref3) {
   var children = _ref3.children,
-      rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
+    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
   return /*#__PURE__*/React.createElement(Text, _extends({
     as: "p",
     fontSize: 200,
     mb: 300
   }, rest), children);
 };
-
 Fieldset.Legend = FieldsetLegend;
 Fieldset.HelperText = FieldsetHelperText;
-Fieldset.Legend.displayName = "Fieldset.Legend";
-Fieldset.HelperText.displayName = "Fieldset.HelperText";
+Fieldset.Legend.displayName = 'Fieldset.Legend';
+Fieldset.HelperText.displayName = 'Fieldset.HelperText';
 export default Fieldset;

package/lib/Fieldset/styles.js

@@ -1,10 +1,11 @@
-import styled, { css } from "styled-components";
-import Box from "../Box";
+
+import styled, { css } from 'styled-components';
+import Box from '../Box';
 export var ChildContainer = styled(Box).withConfig({
   displayName: "styles__ChildContainer",
   componentId: "sc-1bemv2g-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/index.js

@@ -1,45 +1,40 @@
-"no babel-plugin-flow-react-proptypes";
+'no babel-plugin-flow-react-proptypes';
 
 var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
-
-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 { useState } from 'react';
 
-import * as React from "react";
-import { useState } from "react"; // Components
-
-import Box from "../Box";
-import Label from "../Label";
-import Text from "../Text";
-import { VisuallyHidden } from "../VisuallyHidden";
-import { useTextContent } from "../utils/hooks";
+// Components
+import Box from '../Box';
+import Label from '../Label';
+import Text from '../Text';
+import { VisuallyHidden } from '../VisuallyHidden';
+import { useTextContent } from '../utils/hooks';
 var idCounter = 0;
-
 var FormField = function FormField(_ref) {
   var children = _ref.children,
-      error = _ref.error,
-      helperText = _ref.helperText,
-      identifier = _ref.id,
-      _ref$isInvalid = _ref.isInvalid,
-      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
-      label = _ref.label,
-      _ref$mb = _ref.mb,
-      mb = _ref$mb === void 0 ? 400 : _ref$mb,
-      qa = _ref.qa,
-      _ref$isLabelHidden = _ref.isLabelHidden,
-      isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    error = _ref.error,
+    helperText = _ref.helperText,
+    identifier = _ref.id,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+    label = _ref.label,
+    _ref$mb = _ref.mb,
+    mb = _ref$mb === void 0 ? 400 : _ref$mb,
+    qa = _ref.qa,
+    _ref$isLabelHidden = _ref.isLabelHidden,
+    isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(identifier || "FormField-" + idCounter++),
-      id = _useState[0];
-
+    id = _useState[0];
   var errorId = "Error-" + 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"
@@ -63,8 +58,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/deprecatedIcons.js

@@ -1,39 +1,39 @@
 // In February of 2020, the Design Systems team renamed and consolidated some icons in an effort to introduce consistency in the naming of our icons. This object maps old, deprecated icon names to the "correct" name of the icon {"deprecated key": "correct icon name value"}
 export default {
-  backtotop: "back-to-top",
-  "circle-check-filled": "circle-check",
-  "circle-check-no-fill": "circle-check",
-  "circle-check-inverse-outline": "circle-check-outline",
-  "circle-check-inverse": "circle-check-outline",
-  "circle+-filled": "circle+",
-  "circlex-filled": "circlex",
-  "circle+-nofill": "circle+",
-  "circlex-nofill": "circlex",
-  creditcard: "credit-card",
-  "direct-message": "messages",
-  "facebook-nofill": "facebook",
-  googleanalytics: "google-analytics-color",
-  "instagram-brand-keyword": "hashtag",
-  "help-white": "help",
-  "info-white": "info",
-  "instagram-nofill": "instagram",
-  "key-circle": "key",
-  "key-square": "key",
-  "linkedin-nofill": "linkedin",
-  "listening-home": "listening",
-  "location-pub": "location",
-  "location-pub-outline": "location-outline",
-  "publishing-calendar": "calendar",
-  qrcode: "qr-code",
-  "sparkles-solid": "sparkles",
-  "star-inverse": "star-outline",
-  "triangle-white": "triangle",
-  "triangle-nofill": "triangle",
-  "tripadvisor-circle-filled": "tripadvisor-circle",
-  "tripadvisor-circle-empty": "tripadvisor-circle-outline",
-  "tumblr-square": "tumblr",
-  "tumblr-nofill": "tumblr",
-  "twitter-business-mention": "search",
-  "verified-nofill": "verified",
-  "window-maximize-solid": "window-maximize"
+  backtotop: 'back-to-top',
+  'circle-check-filled': 'circle-check',
+  'circle-check-no-fill': 'circle-check',
+  'circle-check-inverse-outline': 'circle-check-outline',
+  'circle-check-inverse': 'circle-check-outline',
+  'circle+-filled': 'circle+',
+  'circlex-filled': 'circlex',
+  'circle+-nofill': 'circle+',
+  'circlex-nofill': 'circlex',
+  creditcard: 'credit-card',
+  'direct-message': 'messages',
+  'facebook-nofill': 'facebook',
+  googleanalytics: 'google-analytics-color',
+  'instagram-brand-keyword': 'hashtag',
+  'help-white': 'help',
+  'info-white': 'info',
+  'instagram-nofill': 'instagram',
+  'key-circle': 'key',
+  'key-square': 'key',
+  'linkedin-nofill': 'linkedin',
+  'listening-home': 'listening',
+  'location-pub': 'location',
+  'location-pub-outline': 'location-outline',
+  'publishing-calendar': 'calendar',
+  qrcode: 'qr-code',
+  'sparkles-solid': 'sparkles',
+  'star-inverse': 'star-outline',
+  'triangle-white': 'triangle',
+  'triangle-nofill': 'triangle',
+  'tripadvisor-circle-filled': 'tripadvisor-circle',
+  'tripadvisor-circle-empty': 'tripadvisor-circle-outline',
+  'tumblr-square': 'tumblr',
+  'tumblr-nofill': 'tumblr',
+  'twitter-business-mention': 'search',
+  'verified-nofill': 'verified',
+  'window-maximize-solid': 'window-maximize'
 };