@sproutsocial/racine 20.15.0 → 20.17.0

package/commonjs/Card/Card.js

@@ -43,7 +43,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 = (0, _react.useState)(false),
@@ -52,8 +52,8 @@ var Card = function Card(_ref) {
     setHasSubComponent = _useState2[1];
   var containerRef = (0, _react.useRef)(null);
   var linkRef = (0, _react.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/commonjs/Card/styles.js

@@ -79,7 +79,7 @@ var StyledCardLink = exports.StyledCardLink = _styledComponents.default.a.withCo
 var StyledCard = exports.StyledCard = _styledComponents.default.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) {
@@ -107,7 +107,7 @@ var StyledCard = exports.StyledCard = _styledComponents.default.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/commonjs/Card/subComponents.js

@@ -73,8 +73,8 @@ var CardLink = exports.CardLink = function CardLink(_ref6) {
     e.stopPropagation();
   };
   return /*#__PURE__*/_react.default.createElement(_styles.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/commonjs/Card/utils.js

@@ -10,7 +10,7 @@ var _utils = require("../utils");
 var SubComponentContext = exports.SubComponentContext = /*#__PURE__*/(0, _react.createContext)({
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   setHasSubComponent: function setHasSubComponent() {},
-  href: '',
+  href: "",
   linkRef: null
 });
 function useChildContext() {
@@ -28,12 +28,12 @@ var navigateTo = exports.navigateTo = function navigateTo(_ref) {
   // asserts that target is an element so `contains` accepts it
   (0, _utils.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();
 };
 var onKeyDown = exports.onKeyDown = function onKeyDown(_ref2) {
   var e = _ref2.e,
@@ -41,15 +41,15 @@ var onKeyDown = exports.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/commonjs/CharacterCounter/CharacterCounter.js

@@ -42,7 +42,7 @@ var CharacterCounter = exports.default = /*#__PURE__*/function (_React$Component
       var remaining = this.props.maxValue - this.props.currentValue;
       return /*#__PURE__*/React.createElement(_styles.default, _extends({
         role: "status",
-        mini: size === 'mini',
+        mini: size === "mini",
         overlimit: remaining <= 0
       }, rest), remaining);
     }
@@ -50,5 +50,5 @@ var CharacterCounter = exports.default = /*#__PURE__*/function (_React$Component
   return CharacterCounter;
 }(React.Component);
 _defineProperty(CharacterCounter, "defaultProps", {
-  size: 'default'
+  size: "default"
 });

package/commonjs/ChartLegend/ChartLegend.js

@@ -19,7 +19,7 @@ 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 = (0, _useChartLabels.useChartLabels)(legendLabels, theme);

package/commonjs/ChartLegend/styles.js

@@ -33,6 +33,6 @@ var Container = _styledComponents.default.div.withConfig({
     return props.theme.space[450];
   });
 }, _systemProps.COMMON, _systemProps.LAYOUT);
-Label.displayName = 'ChartLegendLabel';
-Swatch.displayName = 'ChartLegendSwatch';
+Label.displayName = "ChartLegendLabel";
+Swatch.displayName = "ChartLegendSwatch";
 var _default = exports.default = Container;

package/commonjs/ChartLegend/useChartLabels.js

@@ -10,9 +10,9 @@ var _styles = require("./styles");
 var _Text = require("../Text");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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/commonjs/Checkbox/Checkbox.js

@@ -70,21 +70,21 @@ var Checkbox = exports.default = /*#__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(_styles.CheckboxContainer, _extends({
-          as: label && 'label',
+          as: label && "label",
           disabled: disabled,
           indeterminate: indeterminate,
           checked: checked
@@ -101,7 +101,7 @@ var Checkbox = exports.default = /*#__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(_styles.LabelText, _extends({}, labelProps, {
@@ -109,7 +109,7 @@ var Checkbox = exports.default = /*#__PURE__*/function (_React$Component) {
         }), label));
       }
       return /*#__PURE__*/React.createElement(_styles.default, _extends({
-        as: label && 'label'
+        as: label && "label"
       }, rest), /*#__PURE__*/React.createElement(_styles.InputWrapper, {
         appearance: appearance
       }, /*#__PURE__*/React.createElement(_styles.PillInput, _extends({
@@ -125,11 +125,11 @@ var Checkbox = exports.default = /*#__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(_styles.CheckboxBox, null, /*#__PURE__*/React.createElement(_styles.CheckIcon, {
-        name: indeterminate ? 'minus-solid' : 'check-solid',
+        name: indeterminate ? "minus-solid" : "check-solid",
         size: "mini",
         fixedWidth: true
       }))));

package/commonjs/Checkbox/styles.js

@@ -20,7 +20,7 @@ var Container = _styledComponents.default.span.withConfig({
   displayName: "styles__Container",
   componentId: "sc-1hcgibh-0"
 })(["display:inline-flex;align-items:center;box-sizing:border-box;", ""], _systemProps.COMMON);
-Container.displayName = 'Checkbox';
+Container.displayName = "Checkbox";
 var InputWrapper = exports.InputWrapper = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__InputWrapper",
   componentId: "sc-1hcgibh-1"
@@ -29,13 +29,13 @@ var InputWrapper = exports.InputWrapper = (0, _styledComponents.default)(_Box.de
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.appearance === 'pill' && (0, _styledComponents.css)(["background-color:transparent;transition:all ", " ", ";mix-blend-mode:", ";", " &:hover{background-color:", ";}", "{", "}"], function (props) {
+  return props.appearance === "pill" && (0, _styledComponents.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', _mixins.pill, props.theme.colors.app.background.base, PillInput, _mixins.pill);
+  }, props.theme.mode === "dark" ? "screen" : "multiply", _mixins.pill, props.theme.colors.app.background.base, PillInput, _mixins.pill);
 });
-InputWrapper.displayName = 'InputWrapper';
+InputWrapper.displayName = "InputWrapper";
 var CheckboxBox = exports.CheckboxBox = _styledComponents.default.div.withConfig({
   displayName: "styles__CheckboxBox",
   componentId: "sc-1hcgibh-2"
@@ -56,9 +56,9 @@ var CheckboxBox = exports.CheckboxBox = _styledComponents.default.div.withConfig
 }, function (props) {
   return props.theme.easing.ease_in;
 });
-CheckboxBox.displayName = 'CheckboxBox';
+CheckboxBox.displayName = "CheckboxBox";
 var CheckIcon = exports.CheckIcon = (0, _styledComponents.default)(_Icon.default).attrs({
-  'aria-hidden': true
+  "aria-hidden": true
 }).withConfig({
   displayName: "styles__CheckIcon",
   componentId: "sc-1hcgibh-3"
@@ -66,12 +66,12 @@ var CheckIcon = exports.CheckIcon = (0, _styledComponents.default)(_Icon.default
   var theme = _ref.theme;
   return "".concat(theme.duration.fast, " ").concat(theme.easing.ease_inout);
 });
-CheckIcon.displayName = 'CheckIcon';
+CheckIcon.displayName = "CheckIcon";
 var PillInput = exports.PillInput = _styledComponents.default.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";
 }, _mixins.focusRing, function (props) {
   return !props.checked && (0, _styledComponents.css)(["&:hover,&:focus{~ ", " ", "{opacity:", ";color:", ";}}"], CheckboxBox, CheckIcon, props.disabled ? 0 : 1, props.theme.colors.form.border.base);
 }, function (props) {
@@ -79,7 +79,7 @@ var PillInput = exports.PillInput = _styledComponents.default.input.withConfig({
 }, function (props) {
   return props.disabled && (0, _styledComponents.css)(["~ ", "{opacity:0.4;}~ ", " ", "{opacity:", ";}"], CheckboxBox, CheckboxBox, CheckIcon, props.checked ? 1 : 0);
 });
-PillInput.displayName = 'PillInput';
+PillInput.displayName = "PillInput";
 var LabelText = exports.LabelText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "styles__LabelText",
   componentId: "sc-1hcgibh-5"
@@ -88,13 +88,13 @@ var LabelText = exports.LabelText = (0, _styledComponents.default)(_Text.default
 }, function (props) {
   return props.theme.typography[200].fontSize;
 }, function (props) {
-  return props.disabled ? 'not-allowed' : 'pointer';
+  return props.disabled ? "not-allowed" : "pointer";
 }, function (props) {
   return props.theme.colors.text.headline;
 }, function (props) {
   return props.disabled && (0, _styledComponents.css)(["opacity:0.4;"]);
 });
-LabelText.displayName = 'LabelText';
+LabelText.displayName = "LabelText";
 var checkSVG = function checkSVG(color) {
   return /*#__PURE__*/React.createElement("svg", {
     width: "14",
@@ -122,13 +122,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;
 };
 var CheckboxContainer = exports.CheckboxContainer = _styledComponents.default.span.withConfig({
   displayName: "styles__CheckboxContainer",
   componentId: "sc-1hcgibh-6"
 })(function (props) {
-  return (0, _styledComponents.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, (0, _server.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 && (0, _styledComponents.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 && (0, _styledComponents.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 && (0, _styledComponents.css)(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), _mixins.focusRing, _systemProps.COMMON);
+  return (0, _styledComponents.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, (0, _server.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 && (0, _styledComponents.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 && (0, _styledComponents.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 && (0, _styledComponents.css)(["border-color:", " !important;background-color:", " !important;"], props.theme.colors.form.border.selected, props.theme.colors.form.background.selected), _mixins.focusRing, _systemProps.COMMON);
 });
 var _default = exports.default = Container;

package/commonjs/Collapsible/Collapsible.js

@@ -71,11 +71,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);
@@ -131,7 +131,7 @@ var Panel = function Panel(_ref3) {
     ref: ref
   }, children));
 };
-Panel.displayName = 'Collapsible.Panel';
+Panel.displayName = "Collapsible.Panel";
 Collapsible.Trigger = Trigger;
 Collapsible.Panel = Panel;
 var _default = exports.default = Collapsible;

package/commonjs/Collapsible/styles.js

@@ -17,5 +17,5 @@ var CollapsingBox = exports.CollapsingBox = (0, _styledComponents.default)(_Box.
 }, 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/commonjs/DatePicker/common.js

@@ -11,8 +11,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var iconNames = {
-  left: 'arrow-left-solid',
-  right: 'arrow-right-solid'
+  left: "arrow-left-solid",
+  right: "arrow-right-solid"
 };
 var CalendarNavButton = exports.CalendarNavButton = function CalendarNavButton(_ref) {
   var type = _ref.type;
@@ -35,33 +35,33 @@ var commonDatePickerProps = exports.commonDatePickerProps = {
     return /*#__PURE__*/_react.default.createElement(_styles.CalendarDay, {
       day: day,
       modifiers: modifiers
-    }, day.format('D'));
+    }, day.format("D"));
   },
   initialVisibleMonth: null
 };
 // Testing utilities
 
 var formatDateAsCalendarHeader = exports.formatDateAsCalendarHeader = function formatDateAsCalendarHeader(date) {
-  return date.format('MMMM YYYY');
+  return date.format("MMMM YYYY");
 };
 var formatDateAsCalendarDay = exports.formatDateAsCalendarDay = function formatDateAsCalendarDay(date) {
-  return date.format('dddd, MMMM D, YYYY');
+  return date.format("dddd, MMMM D, YYYY");
 };
 var getVisibleMonthWithReactDatesInternalApi = exports.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.
 var getVisibleMonths = exports.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
 var DefaultSetStatusText = exports.DefaultSetStatusText = function DefaultSetStatusText(dates) {
-  return dates.map(formatDateAsCalendarHeader).join(', ');
+  return dates.map(formatDateAsCalendarHeader).join(", ");
 };

package/commonjs/DatePicker/styles.js

@@ -24,19 +24,19 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  *
  */
 var isSelected = function isSelected(modifiers) {
-  return modifiers.has('selected-span') || modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('selected-end') || modifiers.has('hovered-span') || modifiers.has('after-hovered-start');
+  return modifiers.has("selected-span") || modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("selected-end") || modifiers.has("hovered-span") || modifiers.has("after-hovered-start");
 };
 var isOutOfRange = function isOutOfRange(modifiers) {
-  return modifiers.has('blocked-out-of-range');
+  return modifiers.has("blocked-out-of-range");
 };
 var isHoveredAndInRange = function isHoveredAndInRange(modifiers) {
-  return modifiers.has('hovered') && !modifiers.has('blocked-out-of-range');
+  return modifiers.has("hovered") && !modifiers.has("blocked-out-of-range");
 };
 var shouldHaveLeftPill = function shouldHaveLeftPill(modifiers, day) {
   if (!isSelected(modifiers)) {
     return false;
   }
-  if (modifiers.has('selected') || modifiers.has('selected-start') || modifiers.has('first-day-of-week') || day.isSame((0, _moment.default)(day).startOf('month'), 'day')) {
+  if (modifiers.has("selected") || modifiers.has("selected-start") || modifiers.has("first-day-of-week") || day.isSame((0, _moment.default)(day).startOf("month"), "day")) {
     return true;
   }
   return false;
@@ -45,7 +45,7 @@ var shouldHaveRightPill = function shouldHaveRightPill(modifiers, day) {
   if (!isSelected(modifiers)) {
     return false;
   }
-  if (modifiers.has('selected') || modifiers.has('selected-end') || modifiers.has('last-day-of-week') || day.isSame((0, _moment.default)(day).endOf('month'), 'day')) {
+  if (modifiers.has("selected") || modifiers.has("selected-end") || modifiers.has("last-day-of-week") || day.isSame((0, _moment.default)(day).endOf("month"), "day")) {
     return true;
   }
   return false;

package/commonjs/Drawer/Drawer.js

@@ -58,7 +58,7 @@ var DrawerCloseButton = function DrawerCloseButton(props) {
 };
 var DrawerHeader = function DrawerHeader(_ref) {
   var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '' : _ref$title,
+    title = _ref$title === void 0 ? "" : _ref$title,
     _ref$id = _ref.id,
     id = _ref$id === void 0 ? undefined : _ref$id,
     children = _ref.children,
@@ -112,7 +112,7 @@ var Drawer = function Drawer(_ref3) {
       return;
     }
     var onEsc = function onEsc(event) {
-      if (event.key === 'Escape') {
+      if (event.key === "Escape") {
         onClose();
       }
     };
@@ -121,21 +121,21 @@ var Drawer = function Drawer(_ref3) {
         onClose();
       }
     };
-    documentBody && documentBody.addEventListener('keydown', onEsc, false);
+    documentBody && documentBody.addEventListener("keydown", onEsc, false);
     if (closeTargets) {
       closeTargets.forEach(function (targetElement) {
-        return targetElement && targetElement.addEventListener('click', bodyClick, false);
+        return targetElement && targetElement.addEventListener("click", bodyClick, false);
       });
     } else {
-      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener('click', bodyClick, false);
+      documentBody.firstElementChild && documentBody.firstElementChild.addEventListener("click", bodyClick, false);
     }
     return function () {
       if (closeTargets) {
         closeTargets.forEach(function (targetElement) {
-          return targetElement && targetElement.removeEventListener('click', bodyClick, false);
+          return targetElement && targetElement.removeEventListener("click", bodyClick, false);
         });
       } else {
-        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener('click', bodyClick, false);
+        documentBody.firstElementChild && documentBody.firstElementChild.removeEventListener("click", bodyClick, false);
       }
     };
   }, [onClose, disableCloseOnClickOutside, closeTargets]);
@@ -160,7 +160,7 @@ var DrawerContainer = function DrawerContainer(_ref4) {
   var children = _ref4.children,
     closeButtonLabel = _ref4.closeButtonLabel,
     _ref4$direction = _ref4.direction,
-    direction = _ref4$direction === void 0 ? 'right' : _ref4$direction,
+    direction = _ref4$direction === void 0 ? "right" : _ref4$direction,
     _ref4$disableCloseOnC = _ref4.disableCloseOnClickOutside,
     disableCloseOnClickOutside = _ref4$disableCloseOnC === void 0 ? false : _ref4$disableCloseOnC,
     id = _ref4.id,
@@ -203,14 +203,14 @@ var DrawerContainer = function DrawerContainer(_ref4) {
       zIndex: zIndex,
       closeTargets: closeTargets,
       width: width,
-      "data-qa-drawer": id || '',
+      "data-qa-drawer": id || "",
       "data-qa-drawer-isopen": isOpen === true
     }, rest), children);
   })));
 };
-DrawerHeader.displayName = 'Drawer.Header';
-DrawerContent.displayName = 'Drawer.Content';
-DrawerCloseButton.displayName = 'Drawer.CloseButton';
+DrawerHeader.displayName = "Drawer.Header";
+DrawerContent.displayName = "Drawer.Content";
+DrawerCloseButton.displayName = "Drawer.CloseButton";
 DrawerContainer.Header = DrawerHeader;
 DrawerContainer.Content = DrawerContent;
 DrawerContainer.CloseButton = DrawerCloseButton;

package/commonjs/Drawer/SlideTransition.js

@@ -19,13 +19,13 @@ var SlideTransition = exports.SlideTransition = function SlideTransition(_ref) {
     width = _ref.width,
     direction = _ref.direction,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var offset = width * (direction === 'left' ? -1 : 1);
+  var offset = width * (direction === "left" ? -1 : 1);
   var transitions = (0, _reactSpring.useTransition)(isVisible, null, {
     from: {
       transform: "translateX(".concat(offset, "px)")
     },
     enter: {
-      transform: 'translateX(0)'
+      transform: "translateX(0)"
     },
     leave: {
       transform: "translateX(".concat(offset, "px)")

package/commonjs/EmptyState/EmptyState.js

@@ -49,11 +49,11 @@ var EmptyState = function EmptyState(_ref) {
   }, subtext), /*#__PURE__*/React.createElement(_Box.default, {
     mt: primaryAction || secondaryAction ? 450 : 0
   }, primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
-    appearance: 'primary'
+    appearance: "primary"
   }), secondaryAction && /*#__PURE__*/React.createElement(_Box.default, {
     mt: 400
   }, /*#__PURE__*/React.cloneElement(secondaryAction, {
-    appearance: 'unstyled'
+    appearance: "unstyled"
   })))));
 };
 var _default = exports.default = EmptyState;

package/commonjs/Fieldset/Fieldset.js

@@ -23,7 +23,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 var Fieldset = function Fieldset(_ref) {
   var _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
+    layout = _ref$layout === void 0 ? "vertical" : _ref$layout,
     label = _ref.label,
     helperText = _ref.helperText,
     children = _ref.children,
@@ -33,9 +33,9 @@ var Fieldset = function Fieldset(_ref) {
     border: "none",
     p: 0,
     "data-qa-fieldset": ""
-  }, rest), typeof label === 'string' ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === 'string' ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(_Box.default, {
+  }, 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.default, {
     display: "flex",
-    flexDirection: layout === 'vertical' ? 'column' : 'row'
+    flexDirection: layout === "vertical" ? "column" : "row"
   }, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.createElement(_styles.ChildContainer, {
       layout: layout
@@ -62,8 +62,8 @@ var FieldsetHelperText = function FieldsetHelperText(_ref3) {
     mb: 300
   }, rest), children);
 };
-FieldsetLegend.displayName = 'Fieldset.Legend';
-FieldsetHelperText.displayName = 'Fieldset.HelperText';
+FieldsetLegend.displayName = "Fieldset.Legend";
+FieldsetHelperText.displayName = "Fieldset.HelperText";
 Fieldset.Legend = FieldsetLegend;
 Fieldset.HelperText = FieldsetHelperText;
 var _default = exports.default = Fieldset;

package/commonjs/Fieldset/styles.js

@@ -14,7 +14,7 @@ var ChildContainer = exports.ChildContainer = (0, _styledComponents.default)(_Bo
   displayName: "styles__ChildContainer",
   componentId: "sc-1ntn5su-0"
 })(["", " ", ""], function (props) {
-  return props.layout === 'vertical' && (0, _styledComponents.css)(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
+  return props.layout === "vertical" && (0, _styledComponents.css)(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
 }, function (props) {
-  return props.layout === 'horizontal' && (0, _styledComponents.css)(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
+  return props.layout === "horizontal" && (0, _styledComponents.css)(["margin-left:", ";&:first-child{margin-left:0;}"], props.theme.space[300]);
 });

package/commonjs/FormField/FormField.js

@@ -49,11 +49,11 @@ var FormField = function FormField(_ref) {
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
   var errorId = "Error-".concat(id);
-  var containerText = (0, _hooks.useTextContent)('');
-  var errorContainerText = (0, _hooks.useTextContent)('');
+  var containerText = (0, _hooks.useTextContent)("");
+  var errorContainerText = (0, _hooks.useTextContent)("");
   return /*#__PURE__*/_react.default.createElement(_Box.default, _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.default.createElement(_VisuallyHidden.VisuallyHidden, {
     "data-testid": "visually-hidden"
@@ -81,7 +81,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));
 };
 var _default = exports.default = FormField;