@sproutsocial/racine 22.5.1 → 23.0.0

package/commonjs/Tabs/Tabs.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "id"],
   _excluded2 = ["children", "qa", "onSelect"];
 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"); } }
@@ -72,26 +74,28 @@ var TabItemButton = /*#__PURE__*/function (_React$Component) {
         onActivate = _this$context4.onActivate,
         fullWidth = _this$context4.fullWidth;
       var isSelected = selectedId === id;
-      return /*#__PURE__*/React.createElement(_styles.TabItem, {
-        key: id,
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabItem, {
         fullWidth: fullWidth,
-        isSelected: isSelected
-      }, /*#__PURE__*/React.createElement(_styles.TabButton, _extends({
-        innerRef: this.buttonRef,
-        id: id,
-        onClick: function onClick() {
-          return onActivate === null || onActivate === void 0 ? void 0 : onActivate(id);
-        },
         isSelected: isSelected,
-        tabIndex: isSelected ? 0 : -1,
-        fullWidth: fullWidth,
-        "data-qa-tab-button": id,
-        "data-qa-tab-button-state": isSelected,
-        "aria-selected": isSelected,
-        role: "tab"
-        // TODO: Add a TabPanel subcomponent for use with tabs
-        // aria-controls={tabPanelId}
-      }, rest), children));
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TabButton, _objectSpread(_objectSpread({
+          innerRef: this.buttonRef,
+          id: id,
+          onClick: function onClick() {
+            return onActivate === null || onActivate === void 0 ? void 0 : onActivate(id);
+          },
+          isSelected: isSelected,
+          tabIndex: isSelected ? 0 : -1,
+          fullWidth: fullWidth,
+          "data-qa-tab-button": id,
+          "data-qa-tab-button-state": isSelected,
+          "aria-selected": isSelected,
+          role: "tab"
+          // TODO: Add a TabPanel subcomponent for use with tabs
+          // aria-controls={tabPanelId}
+        }, rest), {}, {
+          children: children
+        }))
+      }, id);
     }
   }]);
   return TabItemButton;
@@ -185,21 +189,24 @@ var Tabs = /*#__PURE__*/function (_React$Component2) {
         qa = _this$props2.qa,
         onSelect = _this$props2.onSelect,
         rest = _objectWithoutProperties(_this$props2, _excluded2);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread(_objectSpread({
         "data-qa-tabs": "",
         onKeyUp: this.keyHandler,
         onSelect: onSelect,
         role: "tablist"
-      }, qa, rest), /*#__PURE__*/React.createElement(TabButtonContext.Provider, {
-        value: {
-          selectedId: this.getSelectedId(),
-          fullWidth: this.props.fullWidth,
-          onActivate: this.onActivate,
-          onTabMount: this.onTabMount,
-          onTabUpdate: this.onTabUpdate,
-          onTabUnmount: this.onTabUnmount
-        }
-      }, children));
+      }, qa), rest), {}, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabButtonContext.Provider, {
+          value: {
+            selectedId: this.getSelectedId(),
+            fullWidth: this.props.fullWidth,
+            onActivate: this.onActivate,
+            onTabMount: this.onTabMount,
+            onTabUpdate: this.onTabUpdate,
+            onTabUnmount: this.onTabUnmount
+          },
+          children: children
+        })
+      }));
     }
   }]);
   return Tabs;

package/commonjs/Text/Text.js

@@ -8,11 +8,16 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["fontSize", "children", "qa", "color"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var Headline = (0, _styledComponents.default)(_styles.default).withConfig({
@@ -84,7 +89,7 @@ var Text = function Text(_ref) {
     color = _ref.color,
     rest = _objectWithoutProperties(_ref, _excluded);
   var qaText = typeof children === "string" ? children : undefined;
-  return /*#__PURE__*/React.createElement(_styles.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.default, _objectSpread(_objectSpread(_objectSpread({
     typeScale: fontSize,
     "data-qa-text": qaText
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
@@ -92,7 +97,9 @@ var Text = function Text(_ref) {
     // @ts-ignore
     ,
     color: color
-  }, qa, rest), children);
+  }, qa), rest), {}, {
+    children: children
+  }));
 };
 Headline.displayName = "Text.Headline";
 SubHeadline.displayName = "Text.SubHeadline";

package/commonjs/Textarea/Textarea.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["autoFocus", "disabled", "readOnly", "isInvalid", "id", "name", "placeholder", "value", "enableSpellcheck", "enableResize", "required", "rows", "elemBefore", "elemAfter", "maxLength", "ariaLabel", "ariaDescribedby", "innerRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "color", "qa", "inputProps"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -25,8 +27,7 @@ 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); } /* eslint-disable @typescript-eslint/no-unused-vars */
-/**
+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); } /* eslint-disable @typescript-eslint/no-unused-vars */ /**
  * @deprecated Use TypeTextareaProps from root instead
  */
 var Textarea = exports.default = /*#__PURE__*/function (_React$Component) {
@@ -98,7 +99,7 @@ var Textarea = exports.default = /*#__PURE__*/function (_React$Component) {
         _this$props$inputProp = _this$props.inputProps,
         inputProps = _this$props$inputProp === void 0 ? {} : _this$props$inputProp,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default, _objectSpread(_objectSpread(_objectSpread({
         hasBeforeElement: !!elemBefore,
         hasAfterElement: !!elemAfter,
         disabled: disabled,
@@ -113,34 +114,38 @@ var Textarea = exports.default = /*#__PURE__*/function (_React$Component) {
         "data-qa-textarea-isdisabled": disabled === true,
         "data-qa-textarea-isrequired": required === true,
         "data-qa-textarea-isinvalid": isInvalid === true
-      }, qa, rest), elemBefore && /*#__PURE__*/React.createElement(_styles.Accessory, {
-        before: true
-      }, elemBefore), /*#__PURE__*/React.createElement("textarea", _extends({
-        id: id,
-        "aria-label": ariaLabel,
-        "aria-describedby": ariaDescribedby,
-        "aria-invalid": isInvalid,
-        value: value,
-        name: name,
-        placeholder: placeholder,
-        rows: rows,
-        disabled: disabled,
-        readOnly: Boolean(readOnly),
-        autoFocus: autoFocus,
-        spellCheck: enableSpellcheck,
-        required: required,
-        maxLength: maxLength,
-        onChange: this.handleChange,
-        onKeyUp: this.handleKeyUp,
-        onKeyDown: this.handleKeyDown,
-        onBlur: this.handleBlur,
-        onFocus: this.handleFocus,
-        ref: innerRef,
-        "data-qa-textarea-input": "",
-        "data-qa-input": name
-      }, inputProps)), elemAfter && /*#__PURE__*/React.createElement(_styles.Accessory, {
-        after: true
-      }, elemAfter));
+      }, qa), rest), {}, {
+        children: [elemBefore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Accessory, {
+          before: true,
+          children: elemBefore
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", _objectSpread({
+          id: id,
+          "aria-label": ariaLabel,
+          "aria-describedby": ariaDescribedby,
+          "aria-invalid": isInvalid,
+          value: value,
+          name: name,
+          placeholder: placeholder,
+          rows: rows,
+          disabled: disabled,
+          readOnly: Boolean(readOnly),
+          autoFocus: autoFocus,
+          spellCheck: enableSpellcheck,
+          required: required,
+          maxLength: maxLength,
+          onChange: this.handleChange,
+          onKeyUp: this.handleKeyUp,
+          onKeyDown: this.handleKeyDown,
+          onBlur: this.handleBlur,
+          onFocus: this.handleFocus,
+          ref: innerRef,
+          "data-qa-textarea-input": "",
+          "data-qa-input": name
+        }, inputProps)), elemAfter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Accessory, {
+          after: true,
+          children: elemAfter
+        })]
+      }));
     }
   }]);
   return Textarea;

package/commonjs/ThemeProvider/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,13 +7,17 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = require("styled-components");
 var _seedsReactTheme = require("@sproutsocial/seeds-react-theme");
+var _jsxRuntime = require("react/jsx-runtime");
 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); }
-// We can append additional themes types here
-
+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); } // We can append additional themes types here
 var ThemeProvider = function ThemeProvider(props) {
-  return /*#__PURE__*/React.createElement(_styledComponents.ThemeProvider, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
     theme: props.theme || _seedsReactTheme.theme
   }));
 };

package/commonjs/Toast/Toast.js

@@ -1,42 +1,47 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.ToastHighlight = exports.ToastContentContainer = exports.ToastContainer = void 0;
 exports.toast = toast;
+exports.toastUpdate = exports.toastIsActive = exports.toastDismiss = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var React = _interopRequireWildcard(require("react"));
 var _reactToastify = require("react-toastify");
-var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
 var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _styles = _interopRequireWildcard(require("./styles"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["closeOnClick", "content", "onClose", "persist", "toastId", "useTransition", "position", "autoClose", "transition"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _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 _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; }
+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); }
+var toastDismiss = exports.toastDismiss = function toastDismiss() {
+  return _reactToastify.toast.dismiss.apply(_reactToastify.toast, arguments);
+};
+var toastIsActive = exports.toastIsActive = function toastIsActive() {
+  return _reactToastify.toast.isActive.apply(_reactToastify.toast, arguments);
+};
+var toastUpdate = exports.toastUpdate = function toastUpdate() {
+  return _reactToastify.toast.update.apply(_reactToastify.toast, arguments);
+};
 var NoTransition = (0, _reactToastify.cssTransition)({
-  enter: "",
-  exit: "",
-  duration: [0, 0],
-  collapseDuration: 0
+  enter: "SproutToast__none-in",
+  exit: "SproutToast__none-out"
 });
-var Zoom = (0, _reactToastify.cssTransition)({
-  enter: "Toastify__zoom-enter",
-  exit: "Toastify__zoom-exit",
-  duration: [_seedsMotionUnitless.MOTION_DURATION_MEDIUM * 1000, _seedsMotionUnitless.MOTION_DURATION_SLOW * 1000]
+var SproutZoomTransition = (0, _reactToastify.cssTransition)({
+  enter: "SproutToast__zoom-in",
+  exit: "SproutToast__zoom-out"
 });
-var ToastContainer = function ToastContainer() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.GlobalToastStyles, null), /*#__PURE__*/React.createElement(_reactToastify.ToastContainer, {
-    className: "Toastify-container-overrides",
-    toastClassName: "Toastify-toast-overrides",
-    hideProgressBar: true,
-    closeButton: false,
-    position: _reactToastify.toast.POSITION.BOTTOM_RIGHT
-  }));
+var ToastContainer = exports.ToastContainer = function ToastContainer(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ToastRoot, _objectSpread({}, props));
 };
 var themeIcon = {
   success: "circle-check-outline",
@@ -45,86 +50,117 @@ var themeIcon = {
   error: "triangle-exclamation-outline"
 };
 function toast(options) {
-  var props = {
-    theme: options.theme,
-    content: options.content,
-    color: options.color,
-    icon: options.icon
-  };
-  var autoClose = options.persist ? false : 6000;
-  var content = options.content,
+  var _options$closeOnClick = options.closeOnClick,
+    closeOnClick = _options$closeOnClick === void 0 ? true : _options$closeOnClick,
+    content = options.content,
     onClose = options.onClose,
+    persist = options.persist,
+    inputToastId = options.toastId,
     _options$useTransitio = options.useTransition,
-    useTransition = _options$useTransitio === void 0 ? true : _options$useTransitio;
-  var toastId = options.toastId;
+    useTransition = _options$useTransitio === void 0 ? true : _options$useTransitio,
+    _options$position = options.position,
+    position = _options$position === void 0 ? "bottom-right" : _options$position,
+    _options$autoClose = options.autoClose,
+    autoClose = _options$autoClose === void 0 ? persist ? false : 6000 : _options$autoClose,
+    _options$transition = options.transition,
+    transition = _options$transition === void 0 ? useTransition ? SproutZoomTransition : NoTransition : _options$transition,
+    rest = _objectWithoutProperties(options, _excluded);
+  var toastId = inputToastId;
   if (!toastId && typeof content === "string") {
     toastId = content;
   }
-  var transition = useTransition ? Zoom : NoTransition;
-  (0, _reactToastify.toast)( /*#__PURE__*/React.createElement(Toast, props), {
+  var renderToast = function renderToast(toastInput) {
+    var renderedContent = typeof content === "function" ? content(toastInput) : content;
+    if (options.theme === "custom") {
+      return renderedContent;
+    }
+    var theme = options.theme || "info";
+    var iconName = options.icon || themeIcon[theme];
+    var containerColor = options.color || {
+      success: "container.border.success",
+      error: "container.border.error",
+      info: "container.border.info",
+      warning: "container.border.warning"
+    }[theme];
+    var iconColor = options.color || {
+      success: "icon.success",
+      error: "icon.error",
+      info: "icon.info",
+      warning: "icon.warning"
+    }[theme];
+    return (
+      /*#__PURE__*/
+      // TODO: if this closes when clicked, there should be a label saying "Click to close" that can be overridden
+      (0, _jsxRuntime.jsx)(ToastContentContainer, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: iconName,
+          color: iconColor
+        }),
+        close: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "x-outline",
+          color: "icon.base",
+          "aria-hidden": true
+        }),
+        highlightColor: containerColor,
+        children: renderedContent
+      })
+    );
+  };
+  var toastOptions = _objectSpread(_objectSpread({
     autoClose: autoClose,
+    closeOnClick: closeOnClick,
     onClose: onClose,
-    toastId: toastId,
-    transition: transition
+    toastId: toastId || undefined,
+    transition: transition,
+    position: position
+  }, rest), {}, {
+    icon: undefined,
+    color: undefined
   });
+  if (toastId && toastIsActive(toastId)) {
+    _reactToastify.toast.update(toastId, _objectSpread(_objectSpread({}, toastOptions), {}, {
+      render: renderToast
+    }));
+  } else {
+    toastId = (0, _reactToastify.toast)(renderToast, toastOptions);
+  }
+  return toastId;
 }
-var IconBox = function IconBox(props) {
-  return /*#__PURE__*/React.createElement(_StyledBox, _extends({
-    display: "inline-block"
-  }, props));
-};
-var Toast = function Toast(_ref) {
-  var content = _ref.content,
-    theme = _ref.theme,
-    color = _ref.color,
-    icon = _ref.icon;
-  return (
-    /*#__PURE__*/
-    // TODO: if this closes when clicked, there should be a label saying "Click to close" that can be overriden
-    React.createElement(_styles.default, {
-      type: theme || "info",
-      customColor: color,
-      borderLeft: "2px solid",
-      "data-qa-toast": ""
-    }, /*#__PURE__*/React.createElement(_Box.default, {
-      display: "flex",
-      minHeight: "48px",
-      maxHeight: "800px",
-      p: 350,
-      alignItems: "flex-start",
-      m: "auto",
-      width: 1
-    }, /*#__PURE__*/React.createElement(IconBox, null, /*#__PURE__*/React.createElement(_styles.CustomIcon, {
-      type: theme || "info"
-      // 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
-      // @ts-ignore
-      ,
-      color: color,
-      customColor: color,
-      name: theme ? themeIcon[theme] : icon || themeIcon["info"],
-      fixedWidth: true,
-      "aria-hidden": true
-    })), /*#__PURE__*/React.createElement(_StyledBox2, {
-      flex: 1
-    }, /*#__PURE__*/React.createElement(_Text.default, {
-      as: "div",
-      color: "text.body",
-      "data-qa-toast-content": ""
-    }, content)), /*#__PURE__*/React.createElement(IconBox, null, /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "x-outline",
-      ml: 400,
-      color: "icon.base",
+var _default = exports.default = ToastContainer;
+var ToastContentContainer = exports.ToastContentContainer = function ToastContentContainer(_ref) {
+  var children = _ref.children,
+    icon = _ref.icon,
+    close = _ref.close,
+    highlightColor = _ref.highlightColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    "data-qa-toast": "",
+    children: [highlightColor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastHighlight, {
+      bg: highlightColor,
       "aria-hidden": true
-    }))))
-  );
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledBox, {
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      flex: 1,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+        as: "div",
+        color: "text.body",
+        "data-qa-toast-content": "",
+        children: children
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledBox2, {
+      children: close
+    })]
+  });
 };
-var _default = exports.default = ToastContainer;
+var ToastHighlight = exports.ToastHighlight = (0, _styledComponents.default)(_Box.default).withConfig({
+  displayName: "Toast__ToastHighlight",
+  componentId: "sc-1k2tvgq-0"
+})(["position:absolute;top:0;bottom:0;left:0;width:2px;"]);
 var _StyledBox = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "Toast___StyledBox",
-  componentId: "sc-1k2tvgq-0"
+  componentId: "sc-1k2tvgq-1"
 })(["line-height:1;"]);
 var _StyledBox2 = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "Toast___StyledBox2",
-  componentId: "sc-1k2tvgq-1"
-})(["transform:translateY(1px);"]);
+  componentId: "sc-1k2tvgq-2"
+})(["line-height:1;"]);

package/commonjs/Toast/index.js

@@ -1,27 +1,29 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  ToastContainer: true,
-  toast: true
+  TOAST_Z_INDEX: true
 };
-Object.defineProperty(exports, "ToastContainer", {
+Object.defineProperty(exports, "TOAST_Z_INDEX", {
   enumerable: true,
   get: function get() {
-    return _Toast.default;
+    return _styles.TOAST_Z_INDEX;
   }
 });
-exports.default = void 0;
-Object.defineProperty(exports, "toast", {
-  enumerable: true,
-  get: function get() {
-    return _Toast.toast;
-  }
+var _Toast = require("./Toast");
+Object.keys(_Toast).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Toast[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Toast[key];
+    }
+  });
 });
-var _Toast = _interopRequireWildcard(require("./Toast"));
 var _ToastTypes = require("./ToastTypes");
 Object.keys(_ToastTypes).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -34,6 +36,4 @@ Object.keys(_ToastTypes).forEach(function (key) {
     }
   });
 });
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var _default = exports.default = _Toast.default;
+var _styles = require("./styles");