@sproutsocial/racine 22.5.1 → 23.1.0

package/lib/Banner/Banner.js

@@ -1,5 +1,10 @@
+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); }
 var _excluded = ["type", "text", "onClose", "closeButtonLabel", "typeIconProps"];
-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; }
 import * as React from "react";
@@ -7,6 +12,8 @@ import Box from "../Box";
 import Button from "../Button";
 import Icon from "../Icon";
 import Container, { StyledBannerIcon } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var getBannerIconName = function getBannerIconName(type) {
   switch (type) {
     case "success":
@@ -48,33 +55,38 @@ var Banner = function Banner(_ref) {
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? "Close" : _ref$closeButtonLabel,
     typeIconProps = _ref.typeIconProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
     type: type,
     "data-qa-alert": "",
     "data-qa-alert-type": type,
     "data-qa-alert-text": text
-  }, rest), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    width: 1
-  }, /*#__PURE__*/React.createElement(StyledBannerIcon, _extends({
-    name: getBannerIconName(type),
-    color: getBannerIconColor(type),
-    className: "Icon",
-    fixedWidth: true,
-    mt: 100,
-    mr: 350
-  }, typeIconProps)), text, onClose && /*#__PURE__*/React.createElement(Box, {
-    ml: "auto",
-    pl: 400,
-    alignSelf: "flex-start"
-  }, /*#__PURE__*/React.createElement(Button, {
-    p: 0,
-    onClick: onClose,
-    ariaLabel: closeButtonLabel
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "x-outline",
-    "aria-hidden": true
-  })))));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs(Box, {
+      display: "flex",
+      alignItems: "center",
+      width: 1,
+      children: [/*#__PURE__*/_jsx(StyledBannerIcon, _objectSpread({
+        name: getBannerIconName(type),
+        color: getBannerIconColor(type),
+        className: "Icon",
+        fixedWidth: true,
+        mt: 100,
+        mr: 350
+      }, typeIconProps)), text, onClose && /*#__PURE__*/_jsx(Box, {
+        ml: "auto",
+        pl: 400,
+        alignSelf: "flex-start",
+        children: /*#__PURE__*/_jsx(Button, {
+          p: 0,
+          onClick: onClose,
+          ariaLabel: closeButtonLabel,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "x-outline",
+            "aria-hidden": true
+          })
+        })
+      })]
+    })
+  }));
 };
 export default Banner;

package/lib/Box/Box.js

@@ -1,13 +1,19 @@
+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); }
 var _excluded = ["color"];
-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; }
 import * as React from "react";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var color = _ref.color,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Container, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/lib/Breadcrumb/Breadcrumb.js

@@ -1,12 +1,11 @@
 var _excluded = ["children", "href"],
   _excluded2 = ["ariaLabel", "overflow", "children"];
+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 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 _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; }
 import * as React from "react";
@@ -14,13 +13,19 @@ import Icon from "../Icon";
 import Link from "../Link";
 import { MenuButton } from "../Menu";
 import Nav from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var children = _ref.children,
     href = _ref.href,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, _extends({
-    href: href
-  }, rest), children));
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+      href: href
+    }, rest), {}, {
+      children: children
+    }))
+  });
 };
 var Breadcrumb = function Breadcrumb(_ref2) {
   var ariaLabel = _ref2.ariaLabel,
@@ -29,26 +34,35 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     rest = _objectWithoutProperties(_ref2, _excluded2);
   var listItems = React.Children.toArray(children);
   var lastItem = listItems[listItems.length - 1];
-  return /*#__PURE__*/React.createElement(Nav, _extends({
+  return /*#__PURE__*/_jsx(Nav, _objectSpread(_objectSpread({
     "aria-label": ariaLabel,
     "data-qa-breadcrumb": ariaLabel
-  }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
-    appearance: "secondary",
-    content: overflow.menu,
-    "aria-label": overflow.label,
-    className: "overflow--menu",
-    px: 200,
-    py: 0
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ellipsis-horizontal-solid",
-    "aria-hidden": true
-  }))), listItems.map(function (item, i) {
-    // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
-    var itemElem = _typeof(item) === "object" && "props" in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
-    return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
-      "aria-current": listItems[i] === lastItem ? "page" : undefined
-    }));
-  })));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs("ol", {
+      children: [overflow && /*#__PURE__*/_jsx("li", {
+        children: /*#__PURE__*/_jsx(MenuButton, {
+          appearance: "secondary",
+          content: overflow.menu,
+          "aria-label": overflow.label,
+          className: "overflow--menu",
+          px: 200,
+          py: 0,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "ellipsis-horizontal-solid",
+            "aria-hidden": true
+          })
+        })
+      }), listItems.map(function (item, i) {
+        // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
+        var itemElem = _typeof(item) === "object" && "props" in item ? item : /*#__PURE__*/_jsx("span", {
+          children: "item"
+        });
+        return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
+          "aria-current": listItems[i] === lastItem ? "page" : undefined
+        }));
+      })]
+    })
+  }));
 };
 BreadcrumbItem.displayName = "Breadcrumb.Item";
 Breadcrumb.Item = BreadcrumbItem;

package/lib/Button/Button.js

@@ -1,9 +1,15 @@
+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); }
 var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-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; }
 import React from "react";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Button = function Button(_ref) {
   var href = _ref.href,
     _ref$appearance = _ref.appearance,
@@ -27,7 +33,7 @@ var Button = function Button(_ref) {
     // eslint-disable-next-line no-console
     console.warn("Warning: external prop cannot be set without a href declaration");
   }
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
     title: title,
     active: active,
     href: href,
@@ -44,7 +50,9 @@ var Button = function Button(_ref) {
     "data-qa-button": title || "",
     "data-qa-button-isdisabled": disabled === true,
     "aria-label": ariaLabel
-  }, qa, rest), children);
+  }, qa), rest), {}, {
+    children: children
+  }));
 };
 Button.displayName = "Button";
 export default Button;

package/lib/Card/Card.js

@@ -1,5 +1,10 @@
+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); }
 var _excluded = ["children", "disabled", "elevation", "href", "onClick", "role", "selected"];
-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); }
@@ -26,7 +31,8 @@ import { SelectedIcon } from "./subComponents";
  *  <Button>Click me</Button>
  * </Card>
  */
-
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Card = function Card(_ref) {
   var children = _ref.children,
     _ref$disabled = _ref.disabled,
@@ -64,7 +70,7 @@ var Card = function Card(_ref) {
       role: role
     });
   };
-  return /*#__PURE__*/React.createElement(StyledCard, _extends({
+  return /*#__PURE__*/_jsxs(StyledCard, _objectSpread(_objectSpread({
     tabIndex: isRoleLink ? -1 : 0,
     role: isRoleLink ? undefined : role,
     onClick: handleClickConditions,
@@ -77,10 +83,13 @@ var Card = function Card(_ref) {
     "aria-disabled": disabled && disabled,
     $compositionalComponents: hasSubComponent,
     $isRoleLink: isRoleLink
-  }, rest), /*#__PURE__*/React.createElement(SelectedIcon, {
-    $selected: selected
-  }), /*#__PURE__*/React.createElement(SubComponentContext.Provider, {
-    value: cardContext
-  }, children));
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(SelectedIcon, {
+      $selected: selected
+    }), /*#__PURE__*/_jsx(SubComponentContext.Provider, {
+      value: cardContext,
+      children: children
+    })]
+  }));
 };
 export default Card;

package/lib/Card/subComponents.js

@@ -1,46 +1,63 @@
+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); }
 var _excluded = ["children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["affordance", "children", "external", "color"];
 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; }
 import React, { useContext } from "react";
 import { useChildContext, SubComponentContext } from "./utils";
 import { StyledCardContent, StyledCardHeader, StyledCardFooter, StyledSelectedIcon, SelectedIconWrapper, StyledCardAffordance, StyledCardLink } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CardContent = function CardContent(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   // 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.
   useChildContext();
-  return /*#__PURE__*/React.createElement(StyledCardContent, rest, children);
+  return /*#__PURE__*/_jsx(StyledCardContent, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 export var CardHeader = function CardHeader(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   useChildContext();
-  return /*#__PURE__*/React.createElement(StyledCardHeader, rest, children);
+  return /*#__PURE__*/_jsx(StyledCardHeader, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 export var CardFooter = function CardFooter(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   useChildContext();
-  return /*#__PURE__*/React.createElement(StyledCardFooter, rest, children);
+  return /*#__PURE__*/_jsx(StyledCardFooter, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 export var SelectedIcon = function SelectedIcon(_ref4) {
   var $selected = _ref4.$selected;
-  return /*#__PURE__*/React.createElement(SelectedIconWrapper, null, /*#__PURE__*/React.createElement(StyledSelectedIcon, {
-    "aria-hidden": true,
-    color: "icon.base",
-    name: "circle-check-solid",
-    $selected: $selected
-  }));
+  return /*#__PURE__*/_jsx(SelectedIconWrapper, {
+    children: /*#__PURE__*/_jsx(StyledSelectedIcon, {
+      "aria-hidden": true,
+      color: "icon.base",
+      name: "circle-check-solid",
+      $selected: $selected
+    })
+  });
 };
 export var CardAffordance = function CardAffordance(_ref5) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
-  return /*#__PURE__*/React.createElement(StyledCardAffordance, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(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
@@ -63,7 +80,7 @@ export var CardLink = function CardLink(_ref6) {
   var handleClick = function handleClick(e) {
     e.stopPropagation();
   };
-  return /*#__PURE__*/React.createElement(StyledCardLink, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(StyledCardLink, _objectSpread(_objectSpread({}, rest), {}, {
     target: external ? "_blank" : undefined,
     rel: external ? "noreferrer" : undefined,
     href: href,
@@ -73,8 +90,11 @@ export var CardLink = function CardLink(_ref6) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     ,
-    color: color
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, children, affordance ? /*#__PURE__*/React.createElement(CardAffordance, {
-    ml: 300
-  }) : null));
+    color: color,
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [children, affordance ? /*#__PURE__*/_jsx(CardAffordance, {
+        ml: 300
+      }) : null]
+    })
+  }));
 };

package/lib/CharacterCounter/CharacterCounter.js

@@ -1,6 +1,7 @@
 var _excluded = ["size"];
 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"); } }
@@ -18,6 +19,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as React from "react";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var CharacterCounter = /*#__PURE__*/function (_React$Component) {
   _inherits(CharacterCounter, _React$Component);
   function CharacterCounter() {
@@ -31,11 +33,13 @@ var CharacterCounter = /*#__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(Container, _extends({
+      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
         role: "status",
         mini: size === "mini",
         overlimit: remaining < 0
-      }, rest), remaining);
+      }, rest), {}, {
+        children: remaining
+      }));
     }
   }]);
   return CharacterCounter;

package/lib/ChartLegend/ChartLegend.js

@@ -1,10 +1,16 @@
+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); }
 var _excluded = ["legendLabels", "stacked", "theme", "qa"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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; }
 import * as React from "react";
 import Container from "./styles";
 import { useChartLabels } from "./useChartLabels";
+import { jsx as _jsx } from "react/jsx-runtime";
 var ChartLegend = function ChartLegend(_ref) {
   var legendLabels = _ref.legendLabels,
     stacked = _ref.stacked,
@@ -13,10 +19,12 @@ var ChartLegend = function ChartLegend(_ref) {
     qa = _ref.qa,
     rest = _objectWithoutProperties(_ref, _excluded);
   var chartLabels = useChartLabels(legendLabels, theme);
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
     inline: !stacked,
     "data-qa-chartlegend": "",
     qa: qa
-  }, rest), chartLabels);
+  }, rest), {}, {
+    children: chartLabels
+  }));
 };
 export default ChartLegend;

package/lib/ChartLegend/useChartLabels.js

@@ -2,6 +2,8 @@ import React from "react";
 import { useTheme } from "styled-components";
 import { Label, Swatch } from "./styles";
 import { Text } from "../Text";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var getSwatchColor = function getSwatchColor(theme, index, RacineThemeColors) {
   var COMPARE_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["10"], RacineThemeColors.dataviz.map["11"], RacineThemeColors.dataviz.map["2"]];
   var CONTRAST_THEME = [RacineThemeColors.dataviz.map["1"], RacineThemeColors.dataviz.map["2"], RacineThemeColors.dataviz.map["3"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["4"], RacineThemeColors.dataviz.map["5"], RacineThemeColors.dataviz.map["6"], RacineThemeColors.dataviz.map["7"], RacineThemeColors.dataviz.map["8"], RacineThemeColors.dataviz.map["9"], RacineThemeColors.dataviz.map["10"]];
@@ -19,15 +21,16 @@ export var useChartLabels = function useChartLabels(legendLabels, theme) {
   var colors = racineTheme.colors;
   return legendLabels.map(function (label, i) {
     var labelColor = label.color ? label.color : getSwatchColor(theme, i, colors);
-    return /*#__PURE__*/React.createElement(Label, {
-      key: label.name
-    }, /*#__PURE__*/React.createElement(Swatch, {
-      bg: labelColor,
-      "data-qa-swatch": ""
-    }), /*#__PURE__*/React.createElement(Text, {
-      as: "div",
-      fontSize: 200,
-      breakWord: true
-    }, label.name));
+    return /*#__PURE__*/_jsxs(Label, {
+      children: [/*#__PURE__*/_jsx(Swatch, {
+        bg: labelColor,
+        "data-qa-swatch": ""
+      }), /*#__PURE__*/_jsx(Text, {
+        as: "div",
+        fontSize: 200,
+        breakWord: true,
+        children: label.name
+      })]
+    }, label.name);
   });
 };