@sproutsocial/racine 22.5.0 → 23.0.0

package/commonjs/Card/subComponents.js

@@ -8,6 +8,7 @@ exports.SelectedIcon = exports.CardLink = exports.CardHeader = exports.CardFoote
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("./utils");
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"],
@@ -16,6 +17,11 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 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; }
 var CardContent = exports.CardContent = function CardContent(_ref) {
@@ -24,32 +30,40 @@ var CardContent = exports.CardContent = function CardContent(_ref) {
   // TODO: It could be cool to possibly adjust the context to include an array of names of child components.
   // Then, if CardHeader or CardFooter aren't used with CardContent throw an error.
   (0, _utils.useChildContext)();
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardContent, rest, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCardContent, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 var CardHeader = exports.CardHeader = function CardHeader(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   (0, _utils.useChildContext)();
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardHeader, rest, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCardHeader, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 var CardFooter = exports.CardFooter = function CardFooter(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   (0, _utils.useChildContext)();
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardFooter, rest, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCardFooter, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 var SelectedIcon = exports.SelectedIcon = function SelectedIcon(_ref4) {
   var $selected = _ref4.$selected;
-  return /*#__PURE__*/_react.default.createElement(_styles.SelectedIconWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.StyledSelectedIcon, {
-    "aria-hidden": true,
-    color: "icon.base",
-    name: "circle-check-solid",
-    $selected: $selected
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SelectedIconWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledSelectedIcon, {
+      "aria-hidden": true,
+      color: "icon.base",
+      name: "circle-check-solid",
+      $selected: $selected
+    })
+  });
 };
 var CardAffordance = exports.CardAffordance = function CardAffordance(_ref5) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardAffordance, _extends({}, rest, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCardAffordance, _objectSpread(_objectSpread({}, rest), {}, {
     size: "mini",
     name: "arrow-right-solid"
     // TODO: probably need to make this available to the top level for external links https://sprout.atlassian.net/browse/DS-2223
@@ -72,7 +86,7 @@ var CardLink = exports.CardLink = function CardLink(_ref6) {
   var handleClick = function handleClick(e) {
     e.stopPropagation();
   };
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledCardLink, _extends({}, rest, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledCardLink, _objectSpread(_objectSpread({}, rest), {}, {
     target: external ? "_blank" : undefined,
     rel: external ? "noreferrer" : undefined,
     href: href,
@@ -82,8 +96,11 @@ var CardLink = exports.CardLink = function CardLink(_ref6) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     ,
-    color: color
-  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children, affordance ? /*#__PURE__*/_react.default.createElement(CardAffordance, {
-    ml: 300
-  }) : null));
+    color: color,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [children, affordance ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CardAffordance, {
+        ml: 300
+      }) : null]
+    })
+  }));
 };

package/commonjs/CharacterCounter/CharacterCounter.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["size"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -40,11 +42,13 @@ var CharacterCounter = exports.default = /*#__PURE__*/function (_React$Component
         size = _this$props.size,
         rest = _objectWithoutProperties(_this$props, _excluded);
       var remaining = this.props.maxValue - this.props.currentValue;
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({
         role: "status",
         mini: size === "mini",
         overlimit: remaining < 0
-      }, rest), remaining);
+      }, rest), {}, {
+        children: remaining
+      }));
     }
   }]);
   return CharacterCounter;

package/commonjs/ChartLegend/ChartLegend.js

@@ -8,11 +8,16 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireDefault(require("./styles"));
 var _useChartLabels = require("./useChartLabels");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["legendLabels", "stacked", "theme", "qa"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 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; }
 var ChartLegend = function ChartLegend(_ref) {
@@ -23,10 +28,12 @@ var ChartLegend = function ChartLegend(_ref) {
     qa = _ref.qa,
     rest = _objectWithoutProperties(_ref, _excluded);
   var chartLabels = (0, _useChartLabels.useChartLabels)(legendLabels, theme);
-  return /*#__PURE__*/React.createElement(_styles.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({
     inline: !stacked,
     "data-qa-chartlegend": "",
     qa: qa
-  }, rest), chartLabels);
+  }, rest), {}, {
+    children: chartLabels
+  }));
 };
 var _default = exports.default = ChartLegend;

package/commonjs/ChartLegend/useChartLabels.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
 var _styles = require("./styles");
 var _Text = require("../Text");
+var _jsxRuntime = require("react/jsx-runtime");
 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"]];
@@ -26,15 +27,16 @@ var useChartLabels = exports.useChartLabels = function useChartLabels(legendLabe
   var colors = racineTheme.colors;
   return legendLabels.map(function (label, i) {
     var labelColor = label.color ? label.color : getSwatchColor(theme, i, colors);
-    return /*#__PURE__*/_react.default.createElement(_styles.Label, {
-      key: label.name
-    }, /*#__PURE__*/_react.default.createElement(_styles.Swatch, {
-      bg: labelColor,
-      "data-qa-swatch": ""
-    }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      as: "div",
-      fontSize: 200,
-      breakWord: true
-    }, label.name));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Label, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Swatch, {
+        bg: labelColor,
+        "data-qa-swatch": ""
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        as: "div",
+        fontSize: 200,
+        breakWord: true,
+        children: label.name
+      })]
+    }, label.name);
   });
 };

package/commonjs/Checkbox/Checkbox.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "value", "name", "label", "labelProps", "checked", "disabled", "indeterminate", "onChange", "ariaLabel", "appearance", "qa", "tabIndex", "inputProps"];
 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; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -83,56 +85,64 @@ var Checkbox = exports.default = /*#__PURE__*/function (_React$Component) {
 
       // TODO: Refactor pill checkboxes to use fewer elements for performance gains
       if (!isPill) {
-        return /*#__PURE__*/React.createElement(_styles.CheckboxContainer, _extends({
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CheckboxContainer, _objectSpread(_objectSpread({
           as: label && "label",
           disabled: disabled,
           indeterminate: indeterminate,
           checked: checked
-        }, rest), /*#__PURE__*/React.createElement("input", _extends({
-          type: "checkbox",
-          id: id,
-          "aria-label": ariaLabel,
-          value: value,
-          name: name,
-          checked: checked,
-          ref: function ref(el) {
-            return _this2.el = el;
-          },
-          disabled: disabled,
-          onChange: this.handleChange,
-          "data-qa-checkbox": id,
-          "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
-          "data-qa-checkbox-isdisabled": disabled === true,
-          tabIndex: tabIndexInt
-        }, qa, inputProps)), label && /*#__PURE__*/React.createElement(_styles.LabelText, _extends({}, labelProps, {
-          disabled: disabled
-        }), label));
+        }, rest), {}, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
+            type: "checkbox",
+            id: id,
+            "aria-label": ariaLabel,
+            value: value,
+            name: name,
+            checked: checked,
+            ref: function ref(el) {
+              return _this2.el = el;
+            },
+            disabled: disabled,
+            onChange: this.handleChange,
+            "data-qa-checkbox": id,
+            "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
+            "data-qa-checkbox-isdisabled": disabled === true,
+            tabIndex: tabIndexInt
+          }, qa), inputProps)), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LabelText, _objectSpread(_objectSpread({}, labelProps), {}, {
+            disabled: disabled,
+            children: label
+          }))]
+        }));
       }
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({
         as: label && "label"
-      }, rest), /*#__PURE__*/React.createElement(_styles.InputWrapper, {
-        appearance: appearance
-      }, /*#__PURE__*/React.createElement(_styles.PillInput, _extends({
-        type: "checkbox",
-        id: id,
-        "aria-label": ariaLabel,
-        value: value,
-        name: name,
-        checked: checked,
-        ref: function ref(el) {
-          return _this2.el = el;
-        },
-        disabled: disabled,
-        onChange: this.handleChange,
-        "data-qa-checkbox": id,
-        "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
-        "data-qa-checkbox-isdisabled": disabled === true,
-        tabIndex: tabIndexInt
-      }, qa, inputProps)), /*#__PURE__*/React.createElement(_styles.CheckboxBox, null, /*#__PURE__*/React.createElement(_styles.CheckIcon, {
-        name: indeterminate ? "minus-solid" : "check-solid",
-        size: "mini",
-        fixedWidth: true
-      }))));
+      }, rest), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.InputWrapper, {
+          appearance: appearance,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PillInput, _objectSpread(_objectSpread({
+            type: "checkbox",
+            id: id,
+            "aria-label": ariaLabel,
+            value: value,
+            name: name,
+            checked: checked,
+            ref: function ref(el) {
+              return _this2.el = el;
+            },
+            disabled: disabled,
+            onChange: this.handleChange,
+            "data-qa-checkbox": id,
+            "data-qa-checkbox-ischecked": indeterminate ? "indeterminate" : checked === true,
+            "data-qa-checkbox-isdisabled": disabled === true,
+            tabIndex: tabIndexInt
+          }, qa), inputProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckboxBox, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckIcon, {
+              name: indeterminate ? "minus-solid" : "check-solid",
+              size: "mini",
+              fixedWidth: true
+            })
+          })]
+        })
+      }));
     }
   }]);
   return Checkbox;

package/commonjs/Checkbox/styles.js

@@ -13,6 +13,7 @@ var _seedsReactMixins = require("@sproutsocial/seeds-react-mixins");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -96,29 +97,31 @@ var LabelText = exports.LabelText = (0, _styledComponents.default)(_Text.default
 });
 LabelText.displayName = "LabelText";
 var checkSVG = function checkSVG(color) {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     width: "14",
     height: "14",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M5.378 11.37L2 7.59l1.438-1.286L5.374 8.47l5.185-5.84L12 3.91l-6.622 7.46",
-    fill: color
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M5.378 11.37L2 7.59l1.438-1.286L5.374 8.47l5.185-5.84L12 3.91l-6.622 7.46",
+      fill: color
+    })
+  });
 };
 var indeterminateSVG = function indeterminateSVG(color) {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     width: "14",
     height: "14",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "10",
-    height: "2",
-    x: "2",
-    y: "6",
-    rx: "1",
-    ry: "1",
-    fill: color
-  }));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+      width: "10",
+      height: "2",
+      x: "2",
+      y: "6",
+      rx: "1",
+      ry: "1",
+      fill: color
+    })
+  });
 };
 var getIcon = function getIcon(type, color) {
   var escapedColor = encodeURIComponent(color);

package/commonjs/Collapsible/Collapsible.js

@@ -10,12 +10,12 @@ var React = _react;
 var _useMeasure = require("../utils/use-measure");
 var _Box = _interopRequireDefault(require("../Box"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"],
   _excluded2 = ["children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -43,15 +43,16 @@ var Collapsible = function Collapsible(_ref) {
   var _useState = (0, _react.useState)("Racine-collapsible-".concat(idCounter++)),
     _useState2 = _slicedToArray(_useState, 1),
     id = _useState2[0];
-  return /*#__PURE__*/React.createElement(CollapsibleContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CollapsibleContext.Provider, {
     value: {
       isOpen: isOpen,
       id: id,
       offset: offset,
       collapsedHeight: collapsedHeight,
       openHeight: openHeight
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 var determineMaxHeight = function determineMaxHeight(isHidden, openHeight, computedHeight) {
   // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added
@@ -70,10 +71,12 @@ var Trigger = function Trigger(_ref2) {
   var _useContext = (0, _react.useContext)(CollapsibleContext),
     isOpen = _useContext.isOpen,
     id = _useContext.id;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(children, _objectSpread({
-    "aria-controls": id,
-    "aria-expanded": !!isOpen
-  }, rest)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+    children: /*#__PURE__*/React.cloneElement(children, _objectSpread({
+      "aria-controls": id,
+      "aria-expanded": !!isOpen
+    }, rest))
+  });
 };
 Trigger.displayName = "Collapsible.Trigger";
 var Panel = function Panel(_ref3) {
@@ -118,20 +121,23 @@ var Panel = function Panel(_ref3) {
       };
     }
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement(_styles.CollapsingBox, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CollapsingBox, _objectSpread(_objectSpread({
     hasShadow: Boolean(collapsedHeight || openHeight && openHeight > 0),
     scrollable: isOpen,
     maxHeight: isOpen ? maxHeight : collapsedHeight,
     minHeight: collapsedHeight,
     "data-qa-collapsible": "",
     "data-qa-collapsible-isopen": isOpen === true
-  }, rest), /*#__PURE__*/React.createElement(_Box.default, {
-    width: "100%",
-    hidden: isHidden && collapsedHeight === 0,
-    "aria-hidden": !isOpen,
-    id: id,
-    ref: ref
-  }, children));
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      width: "100%",
+      hidden: isHidden && collapsedHeight === 0,
+      "aria-hidden": !isOpen,
+      id: id,
+      ref: ref,
+      children: children
+    })
+  }));
 };
 Panel.displayName = "Collapsible.Panel";
 Collapsible.Trigger = Trigger;

package/commonjs/DatePicker/DateRangePicker/DateRangePicker.js

@@ -11,11 +11,16 @@ var _DayPickerRangeController = _interopRequireDefault(require("react-dates/lib/
 var _styles = require("../styles");
 var _common = require("../common");
 var _VisuallyHidden = require("../../VisuallyHidden");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["startDate", "endDate", "onDatesChange", "setStatusText", "initialVisibleMonth", "numberOfMonths", "onFocusChange", "onBlur", "focusedInput"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -57,20 +62,25 @@ var DateRangePicker = function DateRangePicker(_ref) {
     onFocusChange === null || onFocusChange === void 0 || onFocusChange(null);
     onBlur === null || onBlur === void 0 || onBlur(event);
   }, [onBlur, onFocusChange]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReactDatesCssOverrides, null), /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, null, /*#__PURE__*/_react.default.createElement("div", {
-    role: "status"
-  }, statusText)), /*#__PURE__*/_react.default.createElement(_DayPickerRangeController.default, _extends({}, _common.commonDatePickerProps, {
-    startDate: startDate,
-    endDate: endDate,
-    onDatesChange: onDatesChange,
-    numberOfMonths: numberOfMonths,
-    initialVisibleMonth: initialVisibleMonth || null,
-    focusedInput: focusedInput,
-    isFocused: focusedInput !== null,
-    onBlur: wrappedOnBlur,
-    onFocusChange: onFocusChange,
-    onPrevMonthClick: handleMonthClick,
-    onNextMonthClick: handleMonthClick
-  }, rest)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ReactDatesCssOverrides, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "status",
+        children: statusText
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DayPickerRangeController.default, _objectSpread(_objectSpread({}, _common.commonDatePickerProps), {}, {
+      startDate: startDate,
+      endDate: endDate,
+      onDatesChange: onDatesChange,
+      numberOfMonths: numberOfMonths,
+      initialVisibleMonth: initialVisibleMonth || null,
+      focusedInput: focusedInput,
+      isFocused: focusedInput !== null,
+      onBlur: wrappedOnBlur,
+      onFocusChange: onFocusChange,
+      onPrevMonthClick: handleMonthClick,
+      onNextMonthClick: handleMonthClick
+    }, rest))]
+  });
 };
 var _default = exports.default = DateRangePicker;

package/commonjs/DatePicker/DateRangePicker/StatefulDateRangePicker.js

@@ -8,11 +8,16 @@ exports.StatefulDateRangePicker = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("react-dates/constants");
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["startDate", "endDate", "onDatesChange", "onFocusChange"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -50,7 +55,7 @@ var StatefulDateRangePicker = exports.StatefulDateRangePicker = function Statefu
     // respond to click or keyboard events
     nextFocusedInput === null ? _constants.START_DATE : nextFocusedInput);
   };
-  return /*#__PURE__*/_react.default.createElement(_DateRangePicker.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePicker.default, _objectSpread({
     startDate: dates.startDate,
     endDate: dates.endDate,
     focusedInput: focusedInput,