@sproutsocial/racine 22.5.0 → 23.0.0

package/commonjs/Fieldset/Fieldset.js

@@ -9,13 +9,18 @@ var React = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["layout", "label", "helperText", "children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"]; // eslint-disable-next-line import/no-deprecated
 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; }
 /**
@@ -28,39 +33,51 @@ var Fieldset = function Fieldset(_ref) {
     helperText = _ref.helperText,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
     as: "fieldset",
     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, {
-    display: "flex",
-    flexDirection: layout === "vertical" ? "column" : "row"
-  }, React.Children.map(children, function (child) {
-    return /*#__PURE__*/React.createElement(_styles.ChildContainer, {
-      layout: layout
-    }, child);
-  })));
+  }, rest), {}, {
+    children: [typeof label === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Fieldset.Legend, {
+      children: label
+    }) : label, typeof helperText === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Fieldset.HelperText, {
+      children: helperText
+    }) : helperText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      display: "flex",
+      flexDirection: layout === "vertical" ? "column" : "row",
+      children: React.Children.map(children, function (child) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ChildContainer, {
+          layout: layout,
+          children: child
+        });
+      })
+    })]
+  }));
 };
 var FieldsetLegend = function FieldsetLegend(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(_Text.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, _objectSpread(_objectSpread({
     as: "legend",
     fontSize: 300,
     fontWeight: "semibold",
     color: "text.body",
     mb: 300
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 var FieldsetHelperText = function FieldsetHelperText(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React.createElement(_Text.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, _objectSpread(_objectSpread({
     as: "p",
     fontSize: 200,
     mb: 300
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 FieldsetLegend.displayName = "Fieldset.Legend";
 FieldsetHelperText.displayName = "Fieldset.HelperText";

package/commonjs/FormField/FormField.js

@@ -11,11 +11,11 @@ var _Box = _interopRequireDefault(require("../Box"));
 var _Label = _interopRequireDefault(require("../Label"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _VisuallyHidden = require("../VisuallyHidden");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden", "required"];
 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; }
@@ -51,37 +51,43 @@ var FormField = function FormField(_ref) {
   var errorId = "Error-".concat(id);
   var containerText = (0, _seedsReactHooks.useTextContent)("");
   var errorContainerText = (0, _seedsReactHooks.useTextContent)("");
-  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({}, rest, qa, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread(_objectSpread({}, rest), qa), {}, {
     mb: mb,
     "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"
-  }, /*#__PURE__*/_react.default.createElement(_Label.default, {
-    htmlFor: id,
-    required: required
-  }, label)) : /*#__PURE__*/_react.default.createElement(_Label.default, {
-    mb: helperText ? 100 : 300,
-    htmlFor: id,
-    required: required
-  }, label), helperText && /*#__PURE__*/_react.default.createElement(_Text.default, {
-    as: "p",
-    fontSize: 200,
-    mb: 300,
-    color: "text.subtext"
-  }, helperText), children(_objectSpread({
-    id: id,
-    isInvalid: isInvalid,
-    ariaDescribedby: errorId
-  }, required !== undefined && {
-    required: required
-  })), isInvalid && error && /*#__PURE__*/_react.default.createElement(_Text.default, {
-    as: "div",
-    fontSize: 200,
-    color: "text.error",
-    mt: 300,
-    id: errorId,
-    "data-qa-formfield-error": qa && qa["data-qa-formfield-error"] || errorContainerText.current
-  }, error));
+    "data-qa-formfield-isinvalid": isInvalid === true,
+    children: [isLabelHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+      "data-testid": "visually-hidden",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
+        htmlFor: id,
+        required: required,
+        children: label
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
+      mb: helperText ? 100 : 300,
+      htmlFor: id,
+      required: required,
+      children: label
+    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      as: "p",
+      fontSize: 200,
+      mb: 300,
+      color: "text.subtext",
+      children: helperText
+    }), children(_objectSpread({
+      id: id,
+      isInvalid: isInvalid,
+      ariaDescribedby: errorId
+    }, required !== undefined && {
+      required: required
+    })), isInvalid && error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+      as: "div",
+      fontSize: 200,
+      color: "text.error",
+      mt: 300,
+      id: errorId,
+      "data-qa-formfield-error": qa && qa["data-qa-formfield-error"] || errorContainerText.current,
+      children: error
+    })]
+  }));
 };
 var _default = exports.default = FormField;

package/commonjs/Icon/Icon.js

@@ -12,13 +12,13 @@ var _utils = require("../utils");
 var _seedsPartnerLogos = require("@sproutsocial/seeds-partner-logos");
 var _styles = _interopRequireDefault(require("./styles"));
 var _seedsIcons = require("@sproutsocial/seeds-icons");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["name", "size", "fixedWidth", "ariaLabel", "color", "svgProps"],
   _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
 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 _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 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; }
@@ -46,11 +46,11 @@ var Icon = function Icon(_ref) {
       logoType: "symbol",
       svgProps: svgProps
     };
-    return /*#__PURE__*/React.createElement(_PartnerLogo.default
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PartnerLogo.default
     // ariaLabel needs to be overridable by aria-label prop in ...rest
-    , _extends({
+    , _objectSpread(_objectSpread({
       "aria-label": ariaLabel
-    }, rest, logoProps));
+    }, rest), logoProps));
   }
   var defaultVariant = size === "mini" ? "solid" : "outline";
   var iconName =
@@ -60,23 +60,26 @@ var Icon = function Icon(_ref) {
   // else use name as is
   name;
   var iconViewBox = AllViewboxes[iconName];
-  return /*#__PURE__*/React.createElement(_styles.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({
     iconSize: size,
     fixedWidth: !!fixedWidth,
-    key: iconName,
     role: "img",
     "aria-label": ariaLabel,
     "data-qa-icon": iconName,
     color: color
-  }, rest), /*#__PURE__*/React.createElement("svg", _extends({
-    className: "Icon-svg",
-    viewBox: iconViewBox,
-    focusable: false,
-    "data-qa-icon-svg": "".concat(iconName, "-svg")
-  }, svgProps), /*#__PURE__*/React.createElement("use", {
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    xlinkHref: "#seeds-svgs_".concat(iconName)
-  })));
+  }, rest), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
+      className: "Icon-svg",
+      viewBox: iconViewBox,
+      focusable: false,
+      "data-qa-icon-svg": "".concat(iconName, "-svg")
+    }, svgProps), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        xlinkHref: "#seeds-svgs_".concat(iconName)
+      })
+    }))
+  }), iconName);
 };
 var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
   displayName: "Icon__ToggleableIcon",
@@ -98,24 +101,26 @@ var IconToggle = function IconToggle(_ref2) {
     fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
     ariaLabel = _ref2.ariaLabel,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, _objectSpread(_objectSpread({
     as: "span",
     position: "relative",
     display: "inline-flex"
-  }, rest), /*#__PURE__*/React.createElement(ToggleableIcon, {
-    active: isActive,
-    name: activeName,
-    size: size,
-    fixedWidth: fixedWidth,
-    "aria-label": ariaLabel,
-    "aria-hidden": !isActive
-  }), /*#__PURE__*/React.createElement(ToggleableIcon, {
-    active: !isActive,
-    name: inactiveName,
-    size: size,
-    fixedWidth: fixedWidth,
-    "aria-label": ariaLabel,
-    "aria-hidden": isActive
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleableIcon, {
+      active: isActive,
+      name: activeName,
+      size: size,
+      fixedWidth: fixedWidth,
+      "aria-label": ariaLabel,
+      "aria-hidden": !isActive
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleableIcon, {
+      active: !isActive,
+      name: inactiveName,
+      size: size,
+      fixedWidth: fixedWidth,
+      "aria-label": ariaLabel,
+      "aria-hidden": isActive
+    })]
   }));
 };
 IconToggle.displayName = "Icon.Toggle";

package/commonjs/Image/Image.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 = ["alt", "title", "onClick", "onError", "onLoad", "src", "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 _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"); } }
@@ -98,7 +100,7 @@ var Image = exports.default = /*#__PURE__*/function (_React$Component) {
         src = _this$props.src,
         qa = _this$props.qa,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({
         isLoading: !this.state.didLoad,
         ref: function ref(img) {
           return _this2.imageRef = img;
@@ -113,7 +115,7 @@ var Image = exports.default = /*#__PURE__*/function (_React$Component) {
         title: title,
         "data-qa-image": title ? title : alt ? alt : "",
         "data-qa-image-src": src || ""
-      }, qa, rest));
+      }, qa), rest));
     }
   }]);
   return Image;

package/commonjs/Indicator/Indicator.js

@@ -7,12 +7,14 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["tooltip"];
 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,15 +42,19 @@ var Indicator = exports.default = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
         tooltip = _this$props.tooltip,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default, _objectSpread(_objectSpread({
         "data-tip": tooltip,
         "data-qa-indicator": "",
         "aria-label": tooltip,
         tabIndex: 0
-      }, rest), tooltip && /*#__PURE__*/React.createElement("div", null, tooltip), /*#__PURE__*/React.createElement(_Icon.default, {
-        name: "circle-fill-solid",
-        size: "mini",
-        "aria-hidden": true
+      }, rest), {}, {
+        children: [tooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: tooltip
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "circle-fill-solid",
+          size: "mini",
+          "aria-hidden": true
+        })]
       }));
     }
   }]);

package/commonjs/Input/Input.js

@@ -11,12 +11,14 @@ var _seedsReactUtilities = require("@sproutsocial/seeds-react-utilities");
 var _seedsReactButton = _interopRequireDefault(require("@sproutsocial/seeds-react-button"));
 var _seedsReactIcon = _interopRequireDefault(require("@sproutsocial/seeds-react-icon"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["autoComplete", "autoFocus", "disabled", "readOnly", "isInvalid", "hasWarning", "id", "name", "placeholder", "type", "required", "value", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "clearButtonLabel", "innerRef", "onBlur", "onChange", "onClear", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "appearance", "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"); } }
@@ -31,10 +33,8 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 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); }
-// Using Context so that Input's Input.ClearButton-specific props can be passed to Input.ClearButton,
+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); } // Using Context so that Input's Input.ClearButton-specific props can be passed to Input.ClearButton,
 // regardless of whether it is manually included as elemAfter or automatically included for type="search" Inputs.
-
 var InputContext = /*#__PURE__*/React.createContext({});
 var StyledButton = (0, _styledComponents.default)(_seedsReactButton.default).withConfig({
   displayName: "Input__StyledButton",
@@ -65,18 +65,19 @@ var ClearButton = function ClearButton() {
   var py = inputSize === "small" ? 100 : undefined;
   var px = inputSize === "small" ? 200 : undefined;
   var buttonSize = inputSize === "small" ? "default" : inputSize;
-  return /*#__PURE__*/React.createElement(StyledButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, {
     onClick: handleClear,
     size: buttonSize,
     py: py,
     px: px,
     title: clearButtonLabel || "Clear",
     ariaLabel: clearButtonLabel || "Clear",
-    color: "icon.base"
-  }, /*#__PURE__*/React.createElement(_seedsReactIcon.default, {
-    name: "circle-x-outline",
-    "aria-hidden": true
-  }));
+    color: "icon.base",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
+      name: "circle-x-outline",
+      "aria-hidden": true
+    })
+  });
 };
 ClearButton.displayName = "Input.ClearButton";
 
@@ -218,15 +219,15 @@ var Input = /*#__PURE__*/function (_React$Component) {
       }
 
       // Add default elemBefore and elemAfter elements if type is search.
-      var elementBefore = type === "search" && !elemBefore ? /*#__PURE__*/React.createElement(_seedsReactIcon.default, {
+      var elementBefore = type === "search" && !elemBefore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactIcon.default, {
         name: "magnifying-glass-outline",
         "aria-hidden": true,
         color: "icon.base"
       }) : elemBefore;
 
       // Do not add a ClearButton if an elemAfter prop was passed.
-      var elementAfter = type === "search" && !elemAfter ? /*#__PURE__*/React.createElement(ClearButton, null) : elemAfter;
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      var elementAfter = type === "search" && !elemAfter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearButton, {}) : elemAfter;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({
         hasBeforeElement: !!elementBefore,
         hasAfterElement: !!elementAfter,
         disabled: disabled,
@@ -234,44 +235,49 @@ var Input = /*#__PURE__*/function (_React$Component) {
         warning: hasWarning,
         appearance: appearance,
         size: size
-      }, rest), /*#__PURE__*/React.createElement(InputContext.Provider, {
-        value: {
-          handleClear: this.handleClear,
-          hasValue: this.state.hasValue,
-          clearButtonLabel: clearButtonLabel,
-          size: size
-        }
-      }, elementBefore && /*#__PURE__*/React.createElement(_styles.Accessory, {
-        before: true
-      }, elementBefore), /*#__PURE__*/React.createElement("input", _extends({
-        "aria-invalid": !!isInvalid,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedby,
-        autoComplete: autoCompleteValue,
-        autoFocus: autoFocus,
-        disabled: disabled,
-        readOnly: readOnly,
-        id: id,
-        name: name,
-        placeholder: placeholder,
-        type: type,
-        required: required,
-        value: value,
-        maxLength: maxLength,
-        onBlur: this.handleBlur,
-        onChange: this.handleChange,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        onKeyUp: this.handleKeyUp,
-        onPaste: this.handlePaste,
-        ref: (0, _seedsReactUtilities.mergeRefs)([innerRef !== null && innerRef !== void 0 ? innerRef : null, this.inputRef]),
-        "data-qa-input": name || "",
-        "data-qa-input-isdisabled": disabled === true,
-        "data-qa-input-isrequired": required === true
-      }, qa, inputProps)), elementAfter && /*#__PURE__*/React.createElement(_styles.Accessory, {
-        after: true,
-        isClearButton: isClearButton(elementAfter)
-      }, elementAfter)));
+      }, rest), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputContext.Provider, {
+          value: {
+            handleClear: this.handleClear,
+            hasValue: this.state.hasValue,
+            clearButtonLabel: clearButtonLabel,
+            size: size
+          },
+          children: [elementBefore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Accessory, {
+            before: true,
+            children: elementBefore
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
+            "aria-invalid": !!isInvalid,
+            "aria-label": ariaLabel,
+            "aria-describedby": ariaDescribedby,
+            autoComplete: autoCompleteValue,
+            autoFocus: autoFocus,
+            disabled: disabled,
+            readOnly: readOnly,
+            id: id,
+            name: name,
+            placeholder: placeholder,
+            type: type,
+            required: required,
+            value: value,
+            maxLength: maxLength,
+            onBlur: this.handleBlur,
+            onChange: this.handleChange,
+            onFocus: this.handleFocus,
+            onKeyDown: this.handleKeyDown,
+            onKeyUp: this.handleKeyUp,
+            onPaste: this.handlePaste,
+            ref: (0, _seedsReactUtilities.mergeRefs)([innerRef !== null && innerRef !== void 0 ? innerRef : null, this.inputRef]),
+            "data-qa-input": name || "",
+            "data-qa-input-isdisabled": disabled === true,
+            "data-qa-input-isrequired": required === true
+          }, qa), inputProps)), elementAfter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Accessory, {
+            after: true,
+            isClearButton: isClearButton(elementAfter),
+            children: elementAfter
+          })]
+        })
+      }));
     }
   }]);
   return Input;

package/commonjs/KeyboardKey/KeyboardKey.js

@@ -8,10 +8,14 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["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 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 _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"); } }
@@ -38,9 +42,14 @@ var KeyboardKey = exports.default = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
         children = _this$props.children,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, rest, /*#__PURE__*/React.createElement("kbd", {
-        "data-qa-keyboardkey": children
-      }, /*#__PURE__*/React.createElement(_Text.default, null, children)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread({}, rest), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
+          "data-qa-keyboardkey": children,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+            children: children
+          })
+        })
+      }));
     }
   }]);
   return KeyboardKey;