@sproutsocial/racine 12.24.0 → 13.1.1

package/dist/logoList.js

@@ -1 +1 @@
-module.exports = ["bigcommerce-dark","bigcommerce-lockup-dark","bigcommerce-lockup","bigcommerce","bitly-dark","bitly","canva-dark","canva","dropbox-dark","dropbox-lockup-dark","dropbox-lockup","dropbox-wordmark-dark","dropbox-wordmark","dropbox","facebook-audience-network-dark","facebook-audience-network","facebook-dark","facebook-groups-dark","facebook-groups","facebook-shops-dark","facebook-shops","facebook","feedly-dark","feedly","glassdoor-dark","glassdoor","google-analytics-dark","google-analytics","google-business-messages-dark","google-business-messages","google-drive-dark","google-drive","google-my-business-dark","google-my-business","hubspot-dark","hubspot","instagram-dark","instagram","linkedin-audience-network-dark","linkedin-audience-network","linkedin-dark","linkedin","marketo-dark","marketo","messenger-dark","messenger","microsoft-dynamics-dark","microsoft-dynamics","pinterest-dark","pinterest","reddit-dark","reddit","salesforce-dark","salesforce","shopify-dark","shopify","slack-dark","slack","sproutsocial-dark","sproutsocial-lockup-dark","sproutsocial-lockup","sproutsocial-wordmark-dark","sproutsocial-wordmark","sproutsocial","tiktok-dark","tiktok","tripadvisor-dark","tripadvisor","tumblr-dark","tumblr","twitter-audience-network-dark","twitter-audience-network","twitter-dark","twitter","whatsapp-dark","whatsapp","woocommerce-dark","woocommerce","yelp-dark","yelp","youtube-dark","youtube","zendesk-dark","zendesk-lockup-dark","zendesk-lockup","zendesk-wordmark-dark","zendesk-wordmark","zendesk"];
+module.exports = ["apple-app-store-dark","apple-app-store","bigcommerce-dark","bigcommerce-lockup-dark","bigcommerce-lockup","bigcommerce","bitly-dark","bitly","canva-dark","canva","dropbox-dark","dropbox-lockup-dark","dropbox-lockup","dropbox-wordmark-dark","dropbox-wordmark","dropbox","facebook-audience-network-dark","facebook-audience-network","facebook-dark","facebook-groups-dark","facebook-groups","facebook-shops-dark","facebook-shops","facebook","feedly-dark","feedly","glassdoor-dark","glassdoor","google-analytics-dark","google-analytics","google-business-messages-dark","google-business-messages","google-drive-dark","google-drive","google-my-business-dark","google-my-business","google-play-store-dark","google-play-store","hubspot-dark","hubspot","instagram-dark","instagram","linkedin-audience-network-dark","linkedin-audience-network","linkedin-dark","linkedin","marketo-dark","marketo","messenger-dark","messenger","microsoft-dynamics-dark","microsoft-dynamics","pinterest-dark","pinterest","reddit-dark","reddit","salesforce-dark","salesforce","shopify-dark","shopify","slack-dark","slack","sproutsocial-dark","sproutsocial-lockup-dark","sproutsocial-lockup","sproutsocial-wordmark-dark","sproutsocial-wordmark","sproutsocial","tiktok-dark","tiktok","tripadvisor-dark","tripadvisor","tumblr-dark","tumblr","twitter-audience-network-dark","twitter-audience-network","twitter-dark","twitter","whatsapp-dark","whatsapp","woocommerce-dark","woocommerce","yelp-dark","yelp","youtube-dark","youtube","zendesk-dark","zendesk-lockup-dark","zendesk-lockup","zendesk-wordmark-dark","zendesk-wordmark","zendesk"];

package/lib/Avatar/index.js

@@ -74,35 +74,38 @@ export var Avatar = function Avatar(_ref3) {
 
   // Font size for initials is half the size of the avatar, rounded down.
   var fontSize = Math.floor(Number(size.replace('px', '')) * 0.4);
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    className: classnames(variant),
-    size: size,
-    overflow: "hidden",
-    borderRadius: appearance === 'leaf' ? '40% 0 40% 0' : '50%',
-    position: "relative",
-    display: "flex",
-    flexShrink: 0,
-    justifyContent: "center",
-    alignItems: "center",
-    title: name,
-    bg: bg,
-    variant: variant,
-    type: type,
-    "data-qa-user-avatar": name
+  return (
+    /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
-  }, rest), !src || imageFailedLoading ? /*#__PURE__*/React.createElement(AvatarText, {
-    lineHeight: size,
-    fontWeight: "semibold",
-    fontSize: fontSize,
-    color: color
-  }, initials) : /*#__PURE__*/React.createElement(Image, {
-    alt: name,
-    width: "auto",
-    height: "100%",
-    src: src,
-    onError: handleError,
-    m: 0
-  }));
+    React.createElement(Container, _extends({
+      className: classnames(variant),
+      size: size,
+      overflow: "hidden",
+      borderRadius: appearance === 'leaf' ? '40% 0 40% 0' : '50%',
+      position: "relative",
+      display: "flex",
+      flexShrink: 0,
+      justifyContent: "center",
+      alignItems: "center",
+      title: name,
+      bg: bg,
+      variant: variant,
+      type: type,
+      "data-qa-user-avatar": name
+    }, rest), !src || imageFailedLoading ? /*#__PURE__*/React.createElement(AvatarText, {
+      lineHeight: size,
+      fontWeight: "semibold",
+      fontSize: fontSize,
+      color: color
+    }, initials) : /*#__PURE__*/React.createElement(Image, {
+      alt: name,
+      width: "auto",
+      height: "100%",
+      src: src,
+      onError: handleError,
+      m: 0
+    }))
+  );
 };
 
 // $FlowIssue Upgrade 0.111.1

package/lib/Badge/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Badge/index.js

@@ -3,9 +3,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 Box from "../Box";
 import Icon from "../Icon";
 import Container from "./styles";
-import Box from "../Box";
 var Badge = function Badge(_ref) {
   var children = _ref.children,
     text = _ref.text,

package/lib/Badge/styles.js

@@ -1,7 +1,7 @@
 
 import styled from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { themeGet } from '@styled-system/theme-get';
+import { COMMON } from "../utils/system-props";
 import { legacyBadgeColors } from "./constants";
 
 // eslint-disable-next-line flowtype/generic-spacing

package/lib/Banner/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Banner/index.js

@@ -3,15 +3,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 Box from "../Box";
 import Icon from "../Icon";
 import Container from "./styles";
-import Box from "../Box";
-
-/**
- * @deprecated
- * Use banner type "error" instead of "danger"
- */
-
 var getBannerIcon = function getBannerIcon(type) {
   switch (type) {
     case 'success':
@@ -52,24 +46,22 @@ var getBannerIcon = function getBannerIcon(type) {
 /** TODO: change to 'info' type by default in future version */
 var Banner = function Banner(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'error' : _ref$type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
     text = _ref.text,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var bannerType = type === 'danger' ? 'error' : type;
-  if (type === 'danger') {
-    // eslint-disable-next-line no-console
-    console.warn('Warning: The `danger` type has been deprecated on the Banner component. Please use `error` instead.');
-  }
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    type: type,
-    "data-qa-alert": "",
-    "data-qa-alert-type": type,
-    "data-qa-alert-text": text
+  return (
+    /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
-  }, rest), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    width: 1
-  }, getBannerIcon(bannerType), text));
+    React.createElement(Container, _extends({
+      type: type,
+      "data-qa-alert": "",
+      "data-qa-alert-type": type,
+      "data-qa-alert-text": text
+    }, rest), /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      width: 1
+    }, getBannerIcon(type), text))
+  );
 };
 export default Banner;

package/lib/Box/index.flow.js

@@ -0,0 +1,3 @@
+
+import * as React from 'react';
+import Container from "./styles";

package/lib/Breadcrumb/index.flow.js

@@ -0,0 +1,3 @@
+
+import * as React from 'react';
+import Link from "../Link";

package/lib/Breadcrumb/index.js

@@ -7,10 +7,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 Link from "../Link";
 import Icon from "../Icon";
+import Link from "../Link";
 import { MenuButton } from "../Menu";
-import { Children } from 'react';
 import Nav from "./styles";
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var children = _ref.children,
@@ -18,7 +17,6 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, _extends({
     href: href
-    // $FlowIssue - upgrade v0.112.0
   }, rest), children));
 };
 var Breadcrumb = function Breadcrumb(_ref2) {
@@ -26,26 +24,29 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     overflow = _ref2.overflow,
     children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  var listItems = Children.toArray(children);
+  var listItems = React.Children.toArray(children);
   var lastItem = listItems[listItems.length - 1];
-  return /*#__PURE__*/React.createElement(Nav, _extends({
-    "aria-label": ariaLabel,
-    "data-qa-breadcrumb": ariaLabel
+  return (
+    /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
-  }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
-    appearance: "secondary",
-    content: overflow.menu,
-    "aria-label": overflow.label,
-    className: "overflow--menu",
-    px: 200,
-    py: 0
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "dotdotdot"
-  }))), listItems.map(function (item, i) {
-    return /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({}, item.props), {}, {
-      'aria-current': listItems[i] === lastItem ? 'page' : undefined
-    }));
-  })));
+    React.createElement(Nav, _extends({
+      "aria-label": ariaLabel,
+      "data-qa-breadcrumb": ariaLabel
+    }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
+      appearance: "secondary",
+      content: overflow.menu,
+      "aria-label": overflow.label,
+      className: "overflow--menu",
+      px: 200,
+      py: 0
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "dotdotdot"
+    }))), listItems.map(function (item, i) {
+      return /*#__PURE__*/React.cloneElement(item, _objectSpread(_objectSpread({}, item.props), {}, {
+        'aria-current': listItems[i] === lastItem ? 'page' : undefined
+      }));
+    })))
+  );
 };
 Breadcrumb.Item = BreadcrumbItem;
 Breadcrumb.Item.displayName = 'Breadcrumb.Item';

package/lib/Button/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Button/index.js

@@ -4,12 +4,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 Container from "./styles";
-
-/**
- * @deprecated
- * Use "unstyled" appearance instead of "default"
- */
-
 var Button = function Button(_ref) {
   var href = _ref.href,
     _ref$appearance = _ref.appearance,
@@ -32,12 +26,6 @@ var Button = function Button(_ref) {
   if (!href && external) {
     console.warn('Warning: external prop cannot be set without a href declaration');
   }
-
-  /** "default" is @deprecated in favor of "unstyled"  */
-  var appearanceCheck = appearance === 'default' ? 'unstyled' : appearance;
-  if (appearance === 'default') {
-    console.warn('Warning: The `default` appearance has been deprecated on the Button component. Please use `unstyled` instead.');
-  }
   return /*#__PURE__*/React.createElement(Container, _extends({
     title: title,
     active: active,
@@ -49,7 +37,7 @@ var Button = function Button(_ref) {
     "aria-disabled": disabled ? disabled : undefined,
     disabled: disabled,
     buttonSize: size,
-    appearance: appearanceCheck,
+    appearance: appearance || 'unstyled',
     ref: innerRef,
     onClick: onClick,
     "data-qa-button": title || '',

package/lib/Button/styles.js

@@ -1,7 +1,7 @@
 
 import styled, { css } from 'styled-components';
-import { COMMON, LAYOUT } from "../utils/system-props";
 import { focusRing, disabled, pill } from "../utils/mixins";
+import { COMMON, LAYOUT } from "../utils/system-props";
 import Icon from "../Icon/styles";
 var Container = styled.button.withConfig({
   displayName: "styles__Container",

package/lib/Card/index.flow.js

@@ -0,0 +1,3 @@
+
+import * as React from 'react';
+import { Container } from "./styles";

package/lib/Card/styles.js

@@ -1,7 +1,7 @@
 
 import styled from 'styled-components';
-import Button from "../Button";
 import Box from "../Box";
+import Button from "../Button";
 var Container = styled(Box).withConfig({
   displayName: "styles__Container",
   componentId: "sc-p098yi-0"

package/lib/ChartLegend/index.js

@@ -3,9 +3,9 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 Container, { Label, Swatch } from "./styles";
-import Text from "../Text";
 import { THEME_MAP } from "../utils/chartColors";
+import Text from "../Text";
+import Container, { Label, Swatch } from "./styles";
 function getSwatchColor(theme, index) {
   return THEME_MAP[theme.toUpperCase()][index];
 }
@@ -30,9 +30,13 @@ var ChartLegend = function ChartLegend(props) {
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? 'compare' : _props$theme,
     rest = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    inline: !stacked,
-    "data-qa-chartlegend": ""
-  }, props.qa, rest), getLabels(legendLabels, theme));
+  return (
+    /*#__PURE__*/
+    // $FlowIssue - upgrade v0.112.0
+    React.createElement(Container, _extends({
+      inline: !stacked,
+      "data-qa-chartlegend": ""
+    }, props.qa, rest), getLabels(legendLabels, theme))
+  );
 };
 export default ChartLegend;

package/lib/Checkbox/index.js

@@ -72,31 +72,34 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
 
       // TODO: Refactor pill checkboxes to use fewer elements for performance gains
       if (!isPill) {
-        return /*#__PURE__*/React.createElement(CheckboxContainer, _extends({
-          as: label && 'label',
-          disabled: disabled,
-          indeterminate: indeterminate,
-          checked: checked
+        return (
+          /*#__PURE__*/
           // $FlowIssue - upgrade v0.112.0
-        }, rest), /*#__PURE__*/React.createElement("input", _extends({
-          type: "checkbox",
-          id: id,
-          "aria-label": ariaLabel,
-          value: value,
-          name: name,
-          checked: checked,
-          ref: function ref(el) {
-            return _this2.el = el;
-          },
-          disabled: disabled,
-          onChange: this.handleChange,
-          "data-qa-checkbox": id,
-          "data-qa-checkbox-ischecked": indeterminate ? 'indeterminate' : checked === true,
-          "data-qa-checkbox-isdisabled": disabled === true,
-          tabIndex: tabIndex
-        }, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, _extends({}, labelProps, {
-          disabled: disabled
-        }), label));
+          React.createElement(CheckboxContainer, _extends({
+            as: label && 'label',
+            disabled: disabled,
+            indeterminate: indeterminate,
+            checked: checked
+          }, rest), /*#__PURE__*/React.createElement("input", _extends({
+            type: "checkbox",
+            id: id,
+            "aria-label": ariaLabel,
+            value: value,
+            name: name,
+            checked: checked,
+            ref: function ref(el) {
+              return _this2.el = el;
+            },
+            disabled: disabled,
+            onChange: this.handleChange,
+            "data-qa-checkbox": id,
+            "data-qa-checkbox-ischecked": indeterminate ? 'indeterminate' : checked === true,
+            "data-qa-checkbox-isdisabled": disabled === true,
+            tabIndex: tabIndex
+          }, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, _extends({}, labelProps, {
+            disabled: disabled
+          }), label))
+        );
       }
       return (
         /*#__PURE__*/

package/lib/Checkbox/styles.js

@@ -2,8 +2,8 @@
 import * as React from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 import styled, { css } from 'styled-components';
-import { COMMON } from "../utils/system-props";
 import { focusRing, pill } from "../utils/mixins";
+import { COMMON } from "../utils/system-props";
 import Box from "../Box";
 import Icon from "../Icon";
 import Text from "../Text";

package/lib/Collapsible/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Collapsible/index.js

@@ -14,9 +14,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
 import { useState, useRef, useContext, useEffect } from 'react';
-import { CollapsingBox } from "./styles";
 import useMeasure from 'use-measure';
 import Box from "../Box";
+import { CollapsingBox } from "./styles";
 var idCounter = 0;
 var CollapsibleContext = /*#__PURE__*/React.createContext({});
 var Collapsible = function Collapsible(_ref) {

package/lib/DatePicker/StatefulDateRangePicker.js

@@ -40,12 +40,15 @@ export var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
     // respond to click or keyboard events
     nextFocusedInput === null ? START_DATE : nextFocusedInput);
   };
-  return /*#__PURE__*/React.createElement(DateRangePicker, _extends({
-    startDate: dates.startDate,
-    endDate: dates.endDate,
-    focusedInput: focusedInput,
-    onDatesChange: handleDatesChange,
-    onFocusChange: handleFocusChange
+  return (
+    /*#__PURE__*/
     // $FlowIssue
-  }, rest));
+    React.createElement(DateRangePicker, _extends({
+      startDate: dates.startDate,
+      endDate: dates.endDate,
+      focusedInput: focusedInput,
+      onDatesChange: handleDatesChange,
+      onFocusChange: handleFocusChange
+    }, rest))
+  );
 };

package/lib/DatePicker/StatefulSingleDatePicker.js

@@ -22,9 +22,12 @@ export var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
     onDateChange && onDateChange(date);
     setDate(date);
   };
-  return /*#__PURE__*/React.createElement(SingleDatePicker, _extends({
-    date: stateDate,
-    onDateChange: handleDateChange
+  return (
+    /*#__PURE__*/
     // $FlowIssue
-  }, rest));
+    React.createElement(SingleDatePicker, _extends({
+      date: stateDate,
+      onDateChange: handleDateChange
+    }, rest))
+  );
 };

package/lib/DatePicker/common.js

@@ -1,9 +1,9 @@
 
 import 'react-dates/initialize';
+import 'react-dates/lib/css/_datepicker.css';
 import React from 'react';
 import Icon from "../Icon";
 import { CalendarDay } from "./styles";
-import 'react-dates/lib/css/_datepicker.css';
 var iconNames = {
   left: 'arrow-left',
   right: 'arrow-right'

package/lib/DatePicker/styles.js

@@ -1,8 +1,9 @@
 
 import styled, { createGlobalStyle, css } from 'styled-components';
 import moment from 'moment';
-import Box from "../Box";
 import { disabled } from "../utils/mixins";
+import Box from "../Box";
+
 /*
  * Partial list of modifiers given to renderDayContents by airbnb/react-dates. There may be more.
  *

package/lib/Drawer/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/Drawer/index.js

@@ -11,15 +11,14 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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";
-
+import Text from "../Text";
+import Portal from "../Portal";
+import { SlideTransition } from "./SlideTransition";
+import Container, { Content } from "./styles";
 // If ever we needed to make drawer width configurable, move this to a default prop
 var DRAWER_WIDTH = 600;
 var AnimatedDrawer = animated(Container);
@@ -59,20 +58,23 @@ var DrawerHeader = function DrawerHeader(_ref) {
   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
+  return (
+    /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
-  }, rest), children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
-    as: "h2",
-    fontSize: 400,
-    fontWeight: "semibold",
-    color: "text.headline"
-  }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)));
+    React.createElement(Box, _extends({
+      display: "flex",
+      flex: "0 0 auto",
+      justifyContent: "space-between",
+      alignItems: "center",
+      pt: 400,
+      px: 450
+    }, rest), children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+      as: "h2",
+      fontSize: 400,
+      fontWeight: "semibold",
+      color: "text.headline"
+    }, title), /*#__PURE__*/React.createElement(DrawerCloseButton, null)))
+  );
 };
 var DrawerContent = function DrawerContent(_ref2) {
   var children = _ref2.children,
@@ -143,7 +145,6 @@ var Drawer = function Drawer(_ref3) {
     offset: offset,
     direction: direction,
     "data-qa-drawer": id
-    // $FlowIssue - upgrade v0.112.0
   }, rest), children));
 };
 var DrawerContainer = function DrawerContainer(_ref4) {
@@ -178,7 +179,10 @@ var DrawerContainer = function DrawerContainer(_ref4) {
     var isVisible = _ref5.isVisible,
       style = _ref5.style,
       key = _ref5.key;
-    return isVisible && /*#__PURE__*/React.createElement(Drawer, _extends({
+    return isVisible &&
+    /*#__PURE__*/
+    // $FlowIssue - upgrade v0.112.0
+    React.createElement(Drawer, _extends({
       key: key,
       id: id,
       style: _objectSpread(_objectSpread({}, style), {}, {
@@ -192,7 +196,6 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       closeTargets: closeTargets,
       "data-qa-drawer": id || '',
       "data-qa-drawer-isopen": isOpen === true
-      // $FlowIssue - upgrade v0.112.0
     }, rest), children);
   })));
 };

package/lib/EmptyState/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/EmptyState/index.js

@@ -46,7 +46,7 @@ var EmptyState = function EmptyState(_ref) {
     }), secondaryAction && /*#__PURE__*/React.createElement(Box, {
       mt: 400
     }, /*#__PURE__*/React.cloneElement(secondaryAction, {
-      appearance: 'default'
+      appearance: 'unstyled'
     })))))
   );
 };

package/lib/Fieldset/index.flow.js

@@ -0,0 +1,2 @@
+
+import * as React from 'react';

package/lib/FormField/index.flow.js

@@ -0,0 +1,4 @@
+'no babel-plugin-flow-react-proptypes';
+
+import * as React from 'react';
+import Box from "../Box";