@sproutsocial/racine 20.16.0 → 20.17.0

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;

package/commonjs/Icon/Icon.js

@@ -30,7 +30,7 @@ var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, _seedsIcons.Ext
 var Icon = function Icon(_ref) {
   var name = _ref.name,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
     _ref$fixedWidth = _ref.fixedWidth,
     fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
     ariaLabel = _ref.ariaLabel,
@@ -39,11 +39,11 @@ var Icon = function Icon(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   if ((0, _utils.includes)(_logoNames.default, name)) {
     // Icon's "default" size is equivalent to PartnerLogo's "small" size
-    var logoSize = size === 'default' ? 'small' : size;
+    var logoSize = size === "default" ? "small" : size;
     var logoProps = {
       partnerName: name,
       size: logoSize,
-      logoType: 'symbol',
+      logoType: "symbol",
       svgProps: svgProps
     };
     return /*#__PURE__*/React.createElement(_PartnerLogo.default
@@ -52,10 +52,10 @@ var Icon = function Icon(_ref) {
       "aria-label": ariaLabel
     }, rest, logoProps));
   }
-  var defaultVariant = size === 'mini' ? 'solid' : 'outline';
+  var defaultVariant = size === "mini" ? "solid" : "outline";
   var iconName =
   // if not external and has no variant
-  !(name !== null && name !== void 0 && name.endsWith('-outline')) && !(name !== null && name !== void 0 && name.endsWith('-solid')) && !(0, _utils.includes)(_seedsIcons.ExternalIconNames, name) ? // then add default variant
+  !(name !== null && name !== void 0 && name.endsWith("-outline")) && !(name !== null && name !== void 0 && name.endsWith("-solid")) && !(0, _utils.includes)(_seedsIcons.ExternalIconNames, name) ? // then add default variant
   "".concat(name, "-").concat(defaultVariant) :
   // else use name as is
   name;
@@ -93,7 +93,7 @@ var IconToggle = function IconToggle(_ref2) {
     inactiveName = _ref2.inactiveName,
     isActive = _ref2.isActive,
     _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 'small' : _ref2$size,
+    size = _ref2$size === void 0 ? "small" : _ref2$size,
     _ref2$fixedWidth = _ref2.fixedWidth,
     fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
     ariaLabel = _ref2.ariaLabel,
@@ -118,7 +118,7 @@ var IconToggle = function IconToggle(_ref2) {
     "aria-hidden": isActive
   }));
 };
-IconToggle.displayName = 'Icon.Toggle';
+IconToggle.displayName = "Icon.Toggle";
 /**
  * **Accessibility note:** It is best practice to wrap `<Icon.Toggle />` in a button. The button must include `aria-label` and `aria-pressed` in order for a screen reader to properly communicate the icon's state. See example below.
  *

package/commonjs/Icon/styles.js

@@ -11,19 +11,19 @@ var _systemProps = require("../utils/system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var sizes = {
-  mini: '12px',
+  mini: "12px",
   /** TODO: deprecate default  in favor of small in future release */
-  default: '16px',
-  small: '16px',
-  medium: '24px',
-  large: '32px',
-  jumbo: '64px'
+  default: "16px",
+  small: "16px",
+  medium: "24px",
+  large: "32px",
+  jumbo: "64px"
 };
 var stylesForSize = function stylesForSize(iconActualSize, fixedWidth) {
   return (0, _styledComponents.css)(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconActualSize, iconActualSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: ".concat(iconActualSize, "\n    }\n  "));
 };
 var Container = _styledComponents.default.span.attrs({
-  className: 'Icon'
+  className: "Icon"
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-1v500hw-0"

package/commonjs/IllustrationViewBoxes.js

@@ -75,6 +75,7 @@ module.exports = {
   "planning": "0 0 251 277",
   "podium": "0 0 106 46",
   "pointer": "0 0 54 37",
+  "profile-groups": "0 0 360 195",
   "publish-assets": "0 0 336 263",
   "publish-links": "0 0 266 252",
   "publishing-notifications": "0 0 564 187",

package/commonjs/Image/Image.js

@@ -111,15 +111,15 @@ var Image = exports.default = /*#__PURE__*/function (_React$Component) {
         onLoad: this.onLoad,
         alt: alt,
         title: title,
-        "data-qa-image": title ? title : alt ? alt : '',
-        "data-qa-image-src": src || ''
+        "data-qa-image": title ? title : alt ? alt : "",
+        "data-qa-image-src": src || ""
       }, qa, rest));
     }
   }]);
   return Image;
 }(React.Component);
 _defineProperty(Image, "defaultProps", {
-  title: '',
+  title: "",
   onError: noop,
   onClick: noop,
   onLoad: noop

package/commonjs/Image/styles.js

@@ -10,7 +10,7 @@ var _systemProps = require("../utils/system-props");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ImageContainer = _styledComponents.default.img.attrs({
-  className: 'Image'
+  className: "Image"
 }).withConfig({
   displayName: "styles__ImageContainer",
   componentId: "sc-dngsi7-0"

package/commonjs/Indicator/Indicator.js

@@ -55,5 +55,5 @@ var Indicator = exports.default = /*#__PURE__*/function (_React$Component) {
   return Indicator;
 }(React.Component);
 _defineProperty(Indicator, "defaultProps", {
-  tooltip: ''
+  tooltip: ""
 });

package/commonjs/Indicator/styles.js

@@ -9,7 +9,7 @@ var _mixins = require("../utils/mixins");
 var _systemProps = require("../utils/system-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Container = _styledComponents.default.span.attrs({
-  className: 'Indicator'
+  className: "Indicator"
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-8xib7y-0"