@sproutsocial/racine 22.5.0 → 23.0.0

package/lib/Icon/Icon.js

@@ -1,7 +1,6 @@
 var _excluded = ["name", "size", "fixedWidth", "ariaLabel", "color", "svgProps"],
   _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
 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; }
@@ -17,6 +16,8 @@ import { includes } from "../utils";
 import { LogoNamesWithoutVariants as PartnerLogoNames } from "@sproutsocial/seeds-partner-logos";
 import Container from "./styles";
 import { ExternalViewBoxes, GeneralViewBoxes, SproutViewBoxes, ExternalIconNames } from "@sproutsocial/seeds-icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var AllViewboxes = _objectSpread(_objectSpread(_objectSpread({}, ExternalViewBoxes), GeneralViewBoxes), SproutViewBoxes);
 var Icon = function Icon(_ref) {
   var name = _ref.name,
@@ -37,11 +38,11 @@ var Icon = function Icon(_ref) {
       logoType: "symbol",
       svgProps: svgProps
     };
-    return /*#__PURE__*/React.createElement(PartnerLogo
+    return /*#__PURE__*/_jsx(PartnerLogo
     // 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 =
@@ -51,23 +52,26 @@ var Icon = function Icon(_ref) {
   // else use name as is
   name;
   var iconViewBox = AllViewboxes[iconName];
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _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__*/_jsx("svg", _objectSpread(_objectSpread({
+      className: "Icon-svg",
+      viewBox: iconViewBox,
+      focusable: false,
+      "data-qa-icon-svg": "".concat(iconName, "-svg")
+    }, svgProps), {}, {
+      children: /*#__PURE__*/_jsx("use", {
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        xlinkHref: "#seeds-svgs_".concat(iconName)
+      })
+    }))
+  }), iconName);
 };
 var ToggleableIcon = styled(Icon).withConfig({
   displayName: "Icon__ToggleableIcon",
@@ -89,24 +93,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, _extends({
+  return /*#__PURE__*/_jsxs(Box, _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__*/_jsx(ToggleableIcon, {
+      active: isActive,
+      name: activeName,
+      size: size,
+      fixedWidth: fixedWidth,
+      "aria-label": ariaLabel,
+      "aria-hidden": !isActive
+    }), /*#__PURE__*/_jsx(ToggleableIcon, {
+      active: !isActive,
+      name: inactiveName,
+      size: size,
+      fixedWidth: fixedWidth,
+      "aria-label": ariaLabel,
+      "aria-hidden": isActive
+    })]
   }));
 };
 IconToggle.displayName = "Icon.Toggle";

package/lib/Image/Image.js

@@ -1,6 +1,7 @@
 var _excluded = ["alt", "title", "onClick", "onError", "onLoad", "src", "qa"];
 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 ImageContainer from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 var noop = function noop() {};
 var Image = /*#__PURE__*/function (_React$Component) {
@@ -89,7 +91,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
         src = _this$props.src,
         qa = _this$props.qa,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(ImageContainer, _extends({
+      return /*#__PURE__*/_jsx(ImageContainer, _objectSpread(_objectSpread({
         isLoading: !this.state.didLoad,
         ref: function ref(img) {
           return _this2.imageRef = img;
@@ -104,7 +106,7 @@ var Image = /*#__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/lib/Indicator/Indicator.js

@@ -1,6 +1,7 @@
 var _excluded = ["tooltip"];
 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"); } }
@@ -19,6 +20,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import * as React from "react";
 import Icon from "../Icon";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Indicator = /*#__PURE__*/function (_React$Component) {
   _inherits(Indicator, _React$Component);
   function Indicator() {
@@ -31,15 +34,19 @@ var Indicator = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
         tooltip = _this$props.tooltip,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
+      return /*#__PURE__*/_jsxs(Container, _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, {
-        name: "circle-fill-solid",
-        size: "mini",
-        "aria-hidden": true
+      }, rest), {}, {
+        children: [tooltip && /*#__PURE__*/_jsx("div", {
+          children: tooltip
+        }), /*#__PURE__*/_jsx(Icon, {
+          name: "circle-fill-solid",
+          size: "mini",
+          "aria-hidden": true
+        })]
       }));
     }
   }]);

package/lib/Input/Input.js

@@ -1,6 +1,7 @@
 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 _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"); } }
@@ -26,7 +27,8 @@ import Container, { Accessory } from "./styles";
 
 // 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.
-
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var InputContext = /*#__PURE__*/React.createContext({});
 var StyledButton = styled(Button).withConfig({
   displayName: "Input__StyledButton",
@@ -57,18 +59,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__*/_jsx(StyledButton, {
     onClick: handleClear,
     size: buttonSize,
     py: py,
     px: px,
     title: clearButtonLabel || "Clear",
     ariaLabel: clearButtonLabel || "Clear",
-    color: "icon.base"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "circle-x-outline",
-    "aria-hidden": true
-  }));
+    color: "icon.base",
+    children: /*#__PURE__*/_jsx(Icon, {
+      name: "circle-x-outline",
+      "aria-hidden": true
+    })
+  });
 };
 ClearButton.displayName = "Input.ClearButton";
 
@@ -210,15 +213,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(Icon, {
+      var elementBefore = type === "search" && !elemBefore ? /*#__PURE__*/_jsx(Icon, {
         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(Container, _extends({
+      var elementAfter = type === "search" && !elemAfter ? /*#__PURE__*/_jsx(ClearButton, {}) : elemAfter;
+      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
         hasBeforeElement: !!elementBefore,
         hasAfterElement: !!elementAfter,
         disabled: disabled,
@@ -226,44 +229,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(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: 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(Accessory, {
-        after: true,
-        isClearButton: isClearButton(elementAfter)
-      }, elementAfter)));
+      }, rest), {}, {
+        children: /*#__PURE__*/_jsxs(InputContext.Provider, {
+          value: {
+            handleClear: this.handleClear,
+            hasValue: this.state.hasValue,
+            clearButtonLabel: clearButtonLabel,
+            size: size
+          },
+          children: [elementBefore && /*#__PURE__*/_jsx(Accessory, {
+            before: true,
+            children: elementBefore
+          }), /*#__PURE__*/_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: 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__*/_jsx(Accessory, {
+            after: true,
+            isClearButton: isClearButton(elementAfter),
+            children: elementAfter
+          })]
+        })
+      }));
     }
   }]);
   return Input;

package/lib/KeyboardKey/KeyboardKey.js

@@ -1,5 +1,8 @@
 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"];
+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"); } }
@@ -17,6 +20,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Objec
 import * as React from "react";
 import Text from "../Text";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var KeyboardKey = /*#__PURE__*/function (_React$Component) {
   _inherits(KeyboardKey, _React$Component);
   function KeyboardKey() {
@@ -29,9 +33,14 @@ var KeyboardKey = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
         children = _this$props.children,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, rest, /*#__PURE__*/React.createElement("kbd", {
-        "data-qa-keyboardkey": children
-      }, /*#__PURE__*/React.createElement(Text, null, children)));
+      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({}, rest), {}, {
+        children: /*#__PURE__*/_jsx("kbd", {
+          "data-qa-keyboardkey": children,
+          children: /*#__PURE__*/_jsx(Text, {
+            children: children
+          })
+        })
+      }));
     }
   }]);
   return KeyboardKey;

package/lib/Label/Label.js

@@ -3,8 +3,6 @@ var _excluded = ["as"];
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
@@ -12,17 +10,23 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-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 styled from "styled-components";
 import Text from "../Text";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LabelBase = function LabelBase(_ref) {
   var _ref$as = _ref.as,
     as = _ref$as === void 0 ? "label" : _ref$as,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Text, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({}, rest), {}, {
     as: as
   }));
 };
@@ -45,15 +49,18 @@ var Label = /*#__PURE__*/function (_React$Component) {
         htmlFor = _this$props.htmlFor,
         required = _this$props.required,
         children = _this$props.children;
-      return /*#__PURE__*/React.createElement(StyledLabel, _extends({
+      return /*#__PURE__*/_jsxs(StyledLabel, _objectSpread(_objectSpread({
         fontSize: 200,
         fontWeight: "semibold",
         color: "text.headline",
         "data-qa-label": htmlFor
-      }, this.props), children, required && /*#__PURE__*/React.createElement(Text, {
-        ml: 100,
-        "aria-hidden": true
-      }, "*"));
+      }, this.props), {}, {
+        children: [children, required && /*#__PURE__*/_jsx(Text, {
+          ml: 100,
+          "aria-hidden": true,
+          children: "*"
+        })]
+      }));
     }
   }]);
   return Label;

package/lib/Link/Link.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", "external", "children", "disabled", "onClick", "as", "underline", "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 { jsx as _jsx } from "react/jsx-runtime";
 var Link = function Link(_ref) {
   var href = _ref.href,
     external = _ref.external,
@@ -21,7 +27,7 @@ var Link = function Link(_ref) {
     console.warn("Warning: external prop cannot be set without a href declaration");
   }
   var type = as || (href ? "a" : "button");
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
     href: href,
     target: external ? "_blank" : undefined,
     type: type === "button" ? "button" : undefined,
@@ -33,6 +39,8 @@ var Link = function Link(_ref) {
     underline: underline,
     "data-qa-link": "",
     "data-qa-link-isdisabled": disabled === true
-  }, qa, rest), children);
+  }, qa), rest), {}, {
+    children: children
+  }));
 };
 export default Link;

package/lib/Listbox/Listbox.js

@@ -6,7 +6,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _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";
@@ -15,14 +14,17 @@ import { MENU_ROLES } from "../Menu/utils/constants";
 import { Arrow } from "../Select/styles";
 import Icon from "../Icon";
 import Menu, { MenuButton } from "../Menu";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var Listbox = function Listbox(_ref) {
   var _ref$role = _ref.role,
     role = _ref$role === void 0 ? MENU_ROLES.LISTBOX : _ref$role,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Menu, _extends({}, rest, {
-    role: role
-  }), children);
+  return /*#__PURE__*/_jsx(Menu, _objectSpread(_objectSpread({}, rest), {}, {
+    role: role,
+    children: children
+  }));
 };
 
 /**
@@ -83,17 +85,19 @@ export var ListboxButtonContainer = styled(MenuButton).withConfig({
 export var ListboxButton = function ListboxButton(_ref2) {
   var children = _ref2.children,
     restProps = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(ListboxButtonContainer, _extends({}, restProps, {
+  return /*#__PURE__*/_jsxs(ListboxButtonContainer, _objectSpread(_objectSpread({}, restProps), {}, {
     popoutProps: _objectSpread({
       placement: "bottom-start"
-    }, restProps.popoutProps || {})
-  }), children, /*#__PURE__*/React.createElement(Arrow, {
-    size: restProps.size
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "chevron-down-outline",
-    fixedWidth: true,
-    "aria-hidden": true
-  })));
+    }, restProps.popoutProps || {}),
+    children: [children, /*#__PURE__*/_jsx(Arrow, {
+      size: restProps.size,
+      children: /*#__PURE__*/_jsx(Icon, {
+        name: "chevron-down-outline",
+        fixedWidth: true,
+        "aria-hidden": true
+      })
+    })]
+  }));
 };
 Listbox.Option = Listbox.Item = Menu.Item;
 Listbox.Checkbox = Menu.Checkbox;

package/lib/Loader/Loader.js

@@ -1,6 +1,7 @@
 var _excluded = ["text", "size", "delay", "color", "qa"];
 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, { Text } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Loader = /*#__PURE__*/function (_React$Component) {
   _inherits(Loader, _React$Component);
   function Loader() {
@@ -34,12 +36,16 @@ var Loader = /*#__PURE__*/function (_React$Component) {
         color = _this$props.color,
         qa = _this$props.qa,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(Container, _extends({
+      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
         small: size === "small",
         dark: color === "dark",
         delay: delay,
         "data-qa-loader": ""
-      }, qa, rest), /*#__PURE__*/React.createElement(Text, null, text || "Loading"));
+      }, qa), rest), {}, {
+        children: /*#__PURE__*/_jsx(Text, {
+          children: text || "Loading"
+        })
+      }));
     }
   }]);
   return Loader;