@sproutsocial/racine 20.16.0 → 21.0.0

package/lib/Card/Card.flow.js

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

package/lib/Card/Card.js

@@ -8,7 +8,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, { useRef, useState } from 'react';
+import React, { useRef, useState } from "react";
 import { StyledCard } from "./styles";
 import { SubComponentContext, onKeyDown } from "./utils";
 import { SelectedIcon } from "./subComponents";
@@ -35,7 +35,7 @@ var Card = function Card(_ref) {
     href = _ref.href,
     onClick = _ref.onClick,
     _ref$role = _ref.role,
-    role = _ref$role === void 0 ? 'presentation' : _ref$role,
+    role = _ref$role === void 0 ? "presentation" : _ref$role,
     selected = _ref.selected,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(false),
@@ -44,8 +44,8 @@ var Card = function Card(_ref) {
     setHasSubComponent = _useState2[1];
   var containerRef = useRef(null);
   var linkRef = useRef(null);
-  var isRoleLink = role === 'link';
-  var checkedConditions = role === 'checkbox' ? selected : undefined;
+  var isRoleLink = role === "link";
+  var checkedConditions = role === "checkbox" ? selected : undefined;
   var cardContext = {
     setHasSubComponent: setHasSubComponent,
     href: href,

package/lib/Card/CardTypes.flow.js

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

package/lib/Card/styles.js

@@ -1,5 +1,5 @@
-import styled from 'styled-components';
-import { border, color, flexbox, grid, layout, position, space, typography } from 'styled-system';
+import styled from "styled-components";
+import { border, color, flexbox, grid, layout, position, space, typography } from "styled-system";
 import { focusRing, disabled } from "../utils/mixins";
 import Icon from "../Icon";
 
@@ -73,7 +73,7 @@ export var StyledCardLink = styled.a.withConfig({
 export var StyledCard = styled.div.withConfig({
   displayName: "styles__StyledCard",
   componentId: "sc-9tyqu4-6"
-})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role='button'],&[role='checkbox']{cursor:pointer;}", " &:hover{box-shadow:", ";}&:focus-within{", " ", ":focus{border:none;box-shadow:none;outline:none;}}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
+})(["position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;background:", ";border:", " solid ", ";padding:", ";border-radius:", ";transition:box-shadow ", ",border ", ";&[role=\"button\"],&[role=\"checkbox\"]{cursor:pointer;}", " &:hover{box-shadow:", ";}&:focus-within{", " ", ":focus{border:none;box-shadow:none;outline:none;}}&:focus{", "}", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref11) {
   var theme = _ref11.theme;
   return theme.colors.container.background.base;
 }, function (_ref12) {
@@ -101,7 +101,7 @@ export var StyledCard = styled.div.withConfig({
 }, function (_ref19) {
   var theme = _ref19.theme,
     _ref19$$elevation = _ref19.$elevation,
-    $elevation = _ref19$$elevation === void 0 ? 'low' : _ref19$$elevation;
+    $elevation = _ref19$$elevation === void 0 ? "low" : _ref19$$elevation;
   return theme.shadows[$elevation];
 }, function (_ref20) {
   var $isRoleLink = _ref20.$isRoleLink;

package/lib/Card/subComponents.js

@@ -6,7 +6,7 @@ function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("
 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 React, { useContext } from 'react';
+import React, { useContext } from "react";
 import { useChildContext, SubComponentContext } from "./utils";
 import { StyledCardContent, StyledCardHeader, StyledCardFooter, StyledSelectedIcon, SelectedIconWrapper, StyledCardAffordance, StyledCardLink } from "./styles";
 export var CardContent = function CardContent(_ref) {
@@ -64,8 +64,8 @@ export var CardLink = function CardLink(_ref6) {
     e.stopPropagation();
   };
   return /*#__PURE__*/React.createElement(StyledCardLink, _extends({}, rest, {
-    target: external ? '_blank' : undefined,
-    rel: external ? 'noreferrer' : undefined,
+    target: external ? "_blank" : undefined,
+    rel: external ? "noreferrer" : undefined,
     href: href,
     onClick: handleClick,
     ref: linkRef

package/lib/Card/utils.js

@@ -1,9 +1,9 @@
-import { createContext, useContext } from 'react';
+import { createContext, useContext } from "react";
 import { assertIsElement } from "../utils";
 export var SubComponentContext = /*#__PURE__*/createContext({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   setHasSubComponent: function setHasSubComponent() {},
-  href: '',
+  href: "",
   linkRef: null
 });
 export function useChildContext() {
@@ -21,12 +21,12 @@ export var navigateTo = function navigateTo(_ref) {
   // asserts that target is an element so `contains` accepts it
   assertIsElement(target);
   if ((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) {
-    if (target.getAttribute('onclick') !== null || target.getAttribute('href') !== null) {
+    if (target.getAttribute("onclick") !== null || target.getAttribute("href") !== null) {
       e.stopPropagation();
       return;
     }
   }
-  (_window$open = window.open(href, '_blank')) === null || _window$open === void 0 || _window$open.focus();
+  (_window$open = window.open(href, "_blank")) === null || _window$open === void 0 || _window$open.focus();
 };
 export var onKeyDown = function onKeyDown(_ref2) {
   var e = _ref2.e,
@@ -34,15 +34,15 @@ export var onKeyDown = function onKeyDown(_ref2) {
     onClick = _ref2.onClick,
     ref = _ref2.ref,
     role = _ref2.role;
-  if ((e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
-    if (role === 'link') {
+  if ((e === null || e === void 0 ? void 0 : e.key) === "Enter") {
+    if (role === "link") {
       return navigateTo({
         e: e,
         href: href,
         ref: ref
       });
     }
-    if (role === 'presentation') {
+    if (role === "presentation") {
       return;
     }
     return onClick === null || onClick === void 0 ? void 0 : onClick(e);

package/lib/CharacterCounter/CharacterCounter.flow.js

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

package/lib/CharacterCounter/CharacterCounter.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 Container from "./styles";
 var CharacterCounter = /*#__PURE__*/function (_React$Component) {
   _inherits(CharacterCounter, _React$Component);
@@ -33,7 +33,7 @@ var CharacterCounter = /*#__PURE__*/function (_React$Component) {
       var remaining = this.props.maxValue - this.props.currentValue;
       return /*#__PURE__*/React.createElement(Container, _extends({
         role: "status",
-        mini: size === 'mini',
+        mini: size === "mini",
         overlimit: remaining <= 0
       }, rest), remaining);
     }
@@ -41,6 +41,6 @@ var CharacterCounter = /*#__PURE__*/function (_React$Component) {
   return CharacterCounter;
 }(React.Component);
 _defineProperty(CharacterCounter, "defaultProps", {
-  size: 'default'
+  size: "default"
 });
 export { CharacterCounter as default };

package/lib/CharacterCounter/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON } from "../utils/system-props";
 var Container = styled.div.withConfig({
   displayName: "styles__Container",

package/lib/ChartLegend/ChartLegend.flow.js

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

package/lib/ChartLegend/ChartLegend.js

@@ -2,14 +2,14 @@ var _excluded = ["legendLabels", "stacked", "theme", "qa"];
 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 Container from "./styles";
 import { useChartLabels } from "./useChartLabels";
 var ChartLegend = function ChartLegend(_ref) {
   var legendLabels = _ref.legendLabels,
     stacked = _ref.stacked,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'datavizRotation' : _ref$theme,
+    theme = _ref$theme === void 0 ? "datavizRotation" : _ref$theme,
     qa = _ref.qa,
     rest = _objectWithoutProperties(_ref, _excluded);
   var chartLabels = useChartLabels(legendLabels, theme);

package/lib/ChartLegend/styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled, { css } from "styled-components";
 import { COMMON, LAYOUT } from "../utils/system-props";
 export var Label = styled.span.withConfig({
   displayName: "styles__Label",
@@ -24,6 +24,6 @@ var Container = styled.div.withConfig({
     return props.theme.space[450];
   });
 }, COMMON, LAYOUT);
-Label.displayName = 'ChartLegendLabel';
-Swatch.displayName = 'ChartLegendSwatch';
+Label.displayName = "ChartLegendLabel";
+Swatch.displayName = "ChartLegendSwatch";
 export default Container;

package/lib/ChartLegend/useChartLabels.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { useTheme } from 'styled-components';
+import React from "react";
+import { useTheme } from "styled-components";
 import { Label, Swatch } from "./styles";
 import { Text } from "../Text";
 var getSwatchColor = function getSwatchColor(theme, index, RacineThemeColors) {
-  var COMPARE_THEME = [RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['10'], RacineThemeColors.dataviz.map['11'], RacineThemeColors.dataviz.map['2']];
-  var CONTRAST_THEME = [RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['2'], RacineThemeColors.dataviz.map['3'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['7'], RacineThemeColors.dataviz.map['8'], RacineThemeColors.dataviz.map['9'], RacineThemeColors.dataviz.map['10']];
-  var EXTENDED_THEME = [RacineThemeColors.dataviz.map['7'], RacineThemeColors.dataviz.map['1'], RacineThemeColors.dataviz.map['5'], RacineThemeColors.dataviz.map['11'], RacineThemeColors.dataviz.map['6'], RacineThemeColors.dataviz.map['3'], RacineThemeColors.dataviz.map['18'], RacineThemeColors.dataviz.map['8'], RacineThemeColors.dataviz.map['4'], RacineThemeColors.dataviz.map['13'], RacineThemeColors.dataviz.map['16'], RacineThemeColors.dataviz.map['10'], RacineThemeColors.dataviz.map['14'], RacineThemeColors.dataviz.map['2'], RacineThemeColors.dataviz.map['15'], RacineThemeColors.dataviz.map['12'], RacineThemeColors.dataviz.map['9'], RacineThemeColors.dataviz.map['17'], RacineThemeColors.dataviz.map['20'], RacineThemeColors.dataviz.map['19']];
+  var COMPARE_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["10"], RacineThemeColors.dataviz.map["11"], RacineThemeColors.dataviz.map["2"]];
+  var CONTRAST_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["2"], RacineThemeColors.dataviz.map["3"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["7"], RacineThemeColors.dataviz.map["8"], RacineThemeColors.dataviz.map["9"], RacineThemeColors.dataviz.map["10"]];
+  var EXTENDED_THEME = [RacineThemeColors.dataviz.map["7"], RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["11"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["3"], RacineThemeColors.dataviz.map["18"], RacineThemeColors.dataviz.map["8"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["13"], RacineThemeColors.dataviz.map["16"], RacineThemeColors.dataviz.map["10"], RacineThemeColors.dataviz.map["14"], RacineThemeColors.dataviz.map["2"], RacineThemeColors.dataviz.map["15"], RacineThemeColors.dataviz.map["12"], RacineThemeColors.dataviz.map["9"], RacineThemeColors.dataviz.map["17"], RacineThemeColors.dataviz.map["20"], RacineThemeColors.dataviz.map["19"]];
   var THEME_MAP = {
     COMPARE: COMPARE_THEME,
     CONTRAST: CONTRAST_THEME,

package/lib/Checkbox/Checkbox.flow.js

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

package/lib/Checkbox/Checkbox.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 Container, { CheckboxBox, CheckIcon, PillInput, InputWrapper, LabelText, CheckboxContainer } from "./styles";
 var Checkbox = /*#__PURE__*/function (_React$Component) {
   _inherits(Checkbox, _React$Component);
@@ -62,21 +62,21 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         onChange = _this$props.onChange,
         ariaLabel = _this$props.ariaLabel,
         _this$props$appearanc = _this$props.appearance,
-        appearance = _this$props$appearanc === void 0 ? 'default' : _this$props$appearanc,
+        appearance = _this$props$appearanc === void 0 ? "default" : _this$props$appearanc,
         _this$props$qa = _this$props.qa,
         qa = _this$props$qa === void 0 ? {} : _this$props$qa,
         tabIndex = _this$props.tabIndex,
         _this$props$inputProp = _this$props.inputProps,
         inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      var isPill = appearance === 'pill';
+      var isPill = appearance === "pill";
       // @ts-notes - tabIndex requires a number but can be a string
-      var tabIndexInt = typeof tabIndex === 'string' ? parseInt(tabIndex, 10) : tabIndex;
+      var tabIndexInt = typeof tabIndex === "string" ? parseInt(tabIndex, 10) : tabIndex;
 
       // TODO: Refactor pill checkboxes to use fewer elements for performance gains
       if (!isPill) {
         return /*#__PURE__*/React.createElement(CheckboxContainer, _extends({
-          as: label && 'label',
+          as: label && "label",
           disabled: disabled,
           indeterminate: indeterminate,
           checked: checked
@@ -93,7 +93,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
           disabled: disabled,
           onChange: this.handleChange,
           "data-qa-checkbox": id,
-          "data-qa-checkbox-ischecked": indeterminate ? 'indeterminate' : checked === true,
+          "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
           "data-qa-checkbox-isdisabled": disabled === true,
           tabIndex: tabIndexInt
         }, qa, inputProps)), label && /*#__PURE__*/React.createElement(LabelText, _extends({}, labelProps, {
@@ -101,7 +101,7 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         }), label));
       }
       return /*#__PURE__*/React.createElement(Container, _extends({
-        as: label && 'label'
+        as: label && "label"
       }, rest), /*#__PURE__*/React.createElement(InputWrapper, {
         appearance: appearance
       }, /*#__PURE__*/React.createElement(PillInput, _extends({
@@ -117,11 +117,11 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
         disabled: disabled,
         onChange: this.handleChange,
         "data-qa-checkbox": id,
-        "data-qa-checkbox-ischecked": indeterminate ? 'indeterminate' : checked === true,
+        "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
         "data-qa-checkbox-isdisabled": disabled === true,
         tabIndex: tabIndexInt
       }, qa, inputProps)), /*#__PURE__*/React.createElement(CheckboxBox, null, /*#__PURE__*/React.createElement(CheckIcon, {
-        name: indeterminate ? 'minus-solid' : 'check-solid',
+        name: indeterminate ? "minus-solid" : "check-solid",
         size: "mini",
         fixedWidth: true
       }))));

package/lib/Checkbox/styles.js

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { renderToStaticMarkup } from 'react-dom/server';
-import styled, { css } from 'styled-components';
+import * as React from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+import styled, { css } from "styled-components";
 import { focusRing, pill } from "../utils/mixins";
 import { COMMON } from "../utils/system-props";
 import Box from "../Box";
@@ -10,7 +10,7 @@ var Container = styled.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1hcgibh-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], COMMON);
-Container.displayName = 'Checkbox';
+Container.displayName = "Checkbox";
 export var InputWrapper = styled(Box).withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-1hcgibh-1"
@@ -19,13 +19,13 @@ export var InputWrapper = styled(Box).withConfig({
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.appearance === 'pill' && css(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
+  return props.appearance === "pill" && css(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
     return props.theme.duration.fast;
   }, function (props) {
     return props.theme.easing.ease_inout;
-  }, props.theme.mode === 'dark' ? 'screen' : 'multiply', pill, props.theme.colors.app.background.base, PillInput, pill);
+  }, props.theme.mode === "dark" ? "screen" : "multiply", pill, props.theme.colors.app.background.base, PillInput, pill);
 });
-InputWrapper.displayName = 'InputWrapper';
+InputWrapper.displayName = "InputWrapper";
 export var CheckboxBox = styled.div.withConfig({
   displayName: "styles__CheckboxBox",
   componentId: "sc-1hcgibh-2"
@@ -46,9 +46,9 @@ export var CheckboxBox = styled.div.withConfig({
 }, function (props) {
   return props.theme.easing.ease_in;
 });
-CheckboxBox.displayName = 'CheckboxBox';
+CheckboxBox.displayName = "CheckboxBox";
 export var CheckIcon = styled(Icon).attrs({
-  'aria-hidden': true
+  "aria-hidden": true
 }).withConfig({
   displayName: "styles__CheckIcon",
   componentId: "sc-1hcgibh-3"
@@ -56,12 +56,12 @@ export var CheckIcon = styled(Icon).attrs({
   var theme = _ref.theme;
   return "".concat(theme.duration.fast, " ").concat(theme.easing.ease_inout);
 });
-CheckIcon.displayName = 'CheckIcon';
+CheckIcon.displayName = "CheckIcon";
 export var PillInput = styled.input.withConfig({
   displayName: "styles__PillInput",
   componentId: "sc-1hcgibh-4"
 })(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;appearance:none;cursor:", ";border-radius:4px;&::-ms-check{display:none;}&:focus{", "}", " ", " ", ""], function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, focusRing, function (props) {
   return !props.checked && css(["&:hover,&:focus{~ ", " ", "{opacity:", ";color:", ";}}"], CheckboxBox, CheckIcon, props.disabled ? 0 : 1, props.theme.colors.form.border.base);
 }, function (props) {
@@ -69,7 +69,7 @@ export var PillInput = styled.input.withConfig({
 }, function (props) {
   return props.disabled && css(["~ ", "{opacity:0.4;}~ ", " ", "{opacity:", ";}"], CheckboxBox, CheckboxBox, CheckIcon, props.checked ? 1 : 0);
 });
-PillInput.displayName = 'PillInput';
+PillInput.displayName = "PillInput";
 export var LabelText = styled(Text).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-1hcgibh-5"
@@ -78,13 +78,13 @@ export var LabelText = styled(Text).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 && css(["opacity:0.4;"]);
 });
-LabelText.displayName = 'LabelText';
+LabelText.displayName = "LabelText";
 var checkSVG = function checkSVG(color) {
   return /*#__PURE__*/React.createElement("svg", {
     width: "14",
@@ -112,13 +112,13 @@ var indeterminateSVG = function indeterminateSVG(color) {
 };
 var getIcon = function getIcon(type, color) {
   var escapedColor = encodeURIComponent(color);
-  var icon = type === 'indeterminate' ? indeterminateSVG(escapedColor) : checkSVG(escapedColor);
+  var icon = type === "indeterminate" ? indeterminateSVG(escapedColor) : checkSVG(escapedColor);
   return icon;
 };
 export var CheckboxContainer = styled.span.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-1hcgibh-6"
 })(function (props) {
-  return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url('data:image/svg+xml;utf8,", "');opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, renderToStaticMarkup(getIcon(props.indeterminate ? 'indeterminate' : 'check', props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base)), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? 'not-allowed' : 'pointer', !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.form.border.base, props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
+  return css(["display:inline-flex;align-items:center;box-sizing:border-box;position:relative;transition:all ", " ", ";@supports (-webkit-appearance:none){&:before{content:url(\"data:image/svg+xml;utf8,", "\");opacity:", ";position:absolute;width:", ";height:", ";text-align:center;transform:translateY(1px);line-height:1;margin:auto;pointer-events:none;transition:", " ", ";}&:hover:before{opacity:", ";}", " input[type='checkbox']{box-sizing:border-box;appearance:none;margin:0;padding:0;width:", ";height:", ";border:1px solid ", ";border-radius:4px;background-color:", ";transition:all ", " ", ";cursor:", ";flex-shrink:0;&:not(:checked){", "}&:checked{border-color:", ";background-color:", ";}", " &:focus{", "}}}", ""], props.theme.duration.fast, props.theme.easing.ease_in, renderToStaticMarkup(getIcon(props.indeterminate ? "indeterminate" : "check", props.checked ? props.theme.colors.form.background.base : props.theme.colors.form.border.base)), props.checked ? 1 : 0, props.theme.space[400], props.theme.space[400], props.theme.duration.fast, props.theme.easing.ease_inout, props.disabled && !props.checked ? 0 : 1, props.disabled && css(["opacity:0.4;"]), props.theme.space[400], props.theme.space[400], props.theme.colors.form.border.base, props.theme.colors.form.background.base, props.theme.duration.fast, props.theme.easing.ease_in, props.disabled ? "not-allowed" : "pointer", !props.indeterminate && css(["border-color:", " !important;background-color:", ";"], props.theme.colors.form.border.base, props.theme.colors.form.background.base), props.theme.colors.form.border.selected, props.theme.colors.form.background.selected, props.indeterminate && props.checked && css(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), focusRing, COMMON);
 });
 export default Container;

package/lib/Collapsible/Collapsible.flow.js

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

package/lib/Collapsible/Collapsible.js

@@ -15,8 +15,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import * as React from 'react';
-import { useState, useRef, useContext, useEffect } from 'react';
+import * as React from "react";
+import { useState, useRef, useContext, useEffect } from "react";
 import { useMeasure } from "../utils/use-measure";
 import Box from "../Box";
 import { CollapsingBox } from "./styles";
@@ -62,11 +62,11 @@ var Trigger = function Trigger(_ref2) {
     isOpen = _useContext.isOpen,
     id = _useContext.id;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, _objectSpread({
-    'aria-controls': id,
-    'aria-expanded': !!isOpen
+    "aria-controls": id,
+    "aria-expanded": !!isOpen
   }, rest)));
 };
-Trigger.displayName = 'Collapsible.Trigger';
+Trigger.displayName = "Collapsible.Trigger";
 var Panel = function Panel(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded2);
@@ -122,7 +122,7 @@ var Panel = function Panel(_ref3) {
     ref: ref
   }, children));
 };
-Panel.displayName = 'Collapsible.Panel';
+Panel.displayName = "Collapsible.Panel";
 Collapsible.Trigger = Trigger;
 Collapsible.Panel = Panel;
 export default Collapsible;

package/lib/Collapsible/styles.js

@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled from "styled-components";
 import Box from "../Box";
 export var CollapsingBox = styled(Box).withConfig({
   displayName: "styles__CollapsingBox",
@@ -10,5 +10,5 @@ export var CollapsingBox = styled(Box).withConfig({
 }, function (_ref) {
   var hasShadow = _ref.hasShadow,
     scrollable = _ref.scrollable;
-  return hasShadow ? "background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    ".concat(scrollable ? "overflow: auto" : "overflow: hidden", ";") : '';
+  return hasShadow ? "background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    ".concat(scrollable ? "overflow: auto" : "overflow: hidden", ";") : "";
 });

package/lib/DatePicker/DateRangePicker/DateRangePicker.flow.js

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

package/lib/DatePicker/DateRangePicker/DateRangePicker.js

@@ -8,9 +8,9 @@ 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, { useCallback, useState } from 'react';
-import moment from 'moment';
-import DayPickerRangeController from 'react-dates/lib/components/DayPickerRangeController';
+import React, { useCallback, useState } from "react";
+import moment from "moment";
+import DayPickerRangeController from "react-dates/lib/components/DayPickerRangeController";
 import { ReactDatesCssOverrides } from "../styles";
 import { commonDatePickerProps, DefaultSetStatusText, getVisibleMonths } from "../common";
 import { VisuallyHidden } from "../../VisuallyHidden";

package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.flow.js

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

package/lib/DatePicker/DateRangePicker/StatefulDateRangePicker.js

@@ -8,8 +8,8 @@ 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 { START_DATE } from 'react-dates/constants';
+import React, { useState } from "react";
+import { START_DATE } from "react-dates/constants";
 import DateRangePicker from "./DateRangePicker";
 export var StatefulDateRangePicker = function StatefulDateRangePicker(_ref) {
   var startDate = _ref.startDate,

package/lib/DatePicker/SingleDatePicker/SingleDatePicker.flow.js

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

package/lib/DatePicker/SingleDatePicker/SingleDatePicker.js

@@ -8,9 +8,9 @@ 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, { useCallback, useState } from 'react';
-import moment from 'moment';
-import DayPickerSingleDateController from 'react-dates/lib/components/DayPickerSingleDateController';
+import React, { useCallback, useState } from "react";
+import moment from "moment";
+import DayPickerSingleDateController from "react-dates/lib/components/DayPickerSingleDateController";
 import { ReactDatesCssOverrides } from "../styles";
 import { commonDatePickerProps, DefaultSetStatusText, getVisibleMonths } from "../common";
 import { VisuallyHidden } from "../../VisuallyHidden";

package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.flow.js

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

package/lib/DatePicker/SingleDatePicker/StatefulSingleDatePicker.js

@@ -8,7 +8,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 SingleDatePicker from "./SingleDatePicker";
 export var StatefulSingleDatePicker = function StatefulSingleDatePicker(_ref) {
   var date = _ref.date,

package/lib/DatePicker/common.js

@@ -1,11 +1,11 @@
-import 'react-dates/initialize';
-import 'react-dates/lib/css/_datepicker.css';
-import React from 'react';
+import "react-dates/initialize";
+import "react-dates/lib/css/_datepicker.css";
+import React from "react";
 import Icon from "../Icon";
 import { CalendarDay } from "./styles";
 var iconNames = {
-  left: 'arrow-left-solid',
-  right: 'arrow-right-solid'
+  left: "arrow-left-solid",
+  right: "arrow-right-solid"
 };
 export var CalendarNavButton = function CalendarNavButton(_ref) {
   var type = _ref.type;
@@ -28,33 +28,33 @@ export var commonDatePickerProps = {
     return /*#__PURE__*/React.createElement(CalendarDay, {
       day: day,
       modifiers: modifiers
-    }, day.format('D'));
+    }, day.format("D"));
   },
   initialVisibleMonth: null
 };
 // Testing utilities
 
 export var formatDateAsCalendarHeader = function formatDateAsCalendarHeader(date) {
-  return date.format('MMMM YYYY');
+  return date.format("MMMM YYYY");
 };
 export var formatDateAsCalendarDay = function formatDateAsCalendarDay(date) {
-  return date.format('dddd, MMMM D, YYYY');
+  return date.format("dddd, MMMM D, YYYY");
 };
 export var getVisibleMonthWithReactDatesInternalApi = function getVisibleMonthWithReactDatesInternalApi(container) {
   var _container$querySelec, _container$querySelec2;
-  return (_container$querySelec = (_container$querySelec2 = container.querySelector('[data-visible=true] strong')) === null || _container$querySelec2 === void 0 ? void 0 : _container$querySelec2.textContent) !== null && _container$querySelec !== void 0 ? _container$querySelec : '';
+  return (_container$querySelec = (_container$querySelec2 = container.querySelector("[data-visible=true] strong")) === null || _container$querySelec2 === void 0 ? void 0 : _container$querySelec2.textContent) !== null && _container$querySelec !== void 0 ? _container$querySelec : "";
 };
 
 // Receives a single Moment and returns an array of Moments, one for each currently visible month.
 export var getVisibleMonths = function getVisibleMonths(initialMonth, numberOfMonths) {
   var months = [initialMonth];
   for (var i = 1; i < numberOfMonths; i++) {
-    months.push(initialMonth.clone().add(i, 'month'));
+    months.push(initialMonth.clone().add(i, "month"));
   }
   return months;
 };
 
 // Default setStatusText prop for both SingleDatePicker and DateRangePicker
 export var DefaultSetStatusText = function DefaultSetStatusText(dates) {
-  return dates.map(formatDateAsCalendarHeader).join(', ');
+  return dates.map(formatDateAsCalendarHeader).join(", ");
 };