@sproutsocial/racine 19.0.1 → 20.0.0

package/commonjs/Toast/Toast.js

@@ -39,10 +39,10 @@ var ToastContainer = function ToastContainer() {
   }));
 };
 var themeIcon = {
-  success: 'circle-check-filled',
-  info: 'info',
-  warning: 'triangle',
-  error: 'triangle'
+  success: 'circle-check-outline',
+  info: 'circle-i-outline',
+  warning: 'triangle-exclamation-outline',
+  error: 'triangle-exclamation-outline'
 };
 function toast(options) {
   var props = {
@@ -112,7 +112,7 @@ var Toast = function Toast(_ref) {
       color: "text.body",
       "data-qa-toast-content": ""
     }, content)), /*#__PURE__*/React.createElement(IconBox, null, /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "x",
+      name: "x-outline",
       ml: 400,
       color: "icon.base",
       "aria-hidden": true

package/commonjs/ToggleHint/ToggleHint.js

@@ -44,12 +44,12 @@ var ToggleHint = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "getIcon", function () {
       if (_this.props.icon === 'chevron') {
         return /*#__PURE__*/React.createElement(_Icon.default, {
-          name: "chevron-down",
+          name: "chevron-down-outline",
           "aria-hidden": true
         });
       }
       return /*#__PURE__*/React.createElement(_Icon.default, {
-        name: _this.props.isOpen ? 'minus' : 'plus',
+        name: _this.props.isOpen ? 'minus-outline' : 'plus-outline',
         "aria-hidden": true
       });
     });

package/commonjs/Token/Token.js

@@ -54,7 +54,7 @@ var Token = function Token(_ref) {
   }, "This is an invalid token"), /*#__PURE__*/React.createElement(_Icon.default, {
     "aria-hidden": true,
     pr: 300,
-    name: "error",
+    name: "circle-exclamation-solid",
     size: "mini"
   }), /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, null, "Invalid")), closeable ? /*#__PURE__*/React.createElement(_Box.default, {
     display: "flex",
@@ -67,7 +67,7 @@ var Token = function Token(_ref) {
   }, children), /*#__PURE__*/React.createElement(_Icon.default, {
     "aria-hidden": true,
     pl: 300,
-    name: "x",
+    name: "x-solid",
     size: "mini"
   })) : children);
 };

package/commonjs/index.flow.js

@@ -36,7 +36,6 @@ var _exportNames = {
   EmptyState: true,
   Fieldset: true,
   FormField: true,
-  Icon: true,
   Image: true,
   Indicator: true,
   Input: true,
@@ -179,12 +178,6 @@ Object.defineProperty(exports, "FormField", {
     return _index19.default;
   }
 });
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _index20.default;
-  }
-});
 Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function get() {
@@ -538,7 +531,18 @@ var _index16 = _interopRequireDefault(require("./Drawer/index.flow"));
 var _index17 = _interopRequireDefault(require("./EmptyState/index.flow"));
 var _index18 = _interopRequireDefault(require("./Fieldset/index.flow"));
 var _index19 = _interopRequireDefault(require("./FormField/index.flow"));
-var _index20 = _interopRequireDefault(require("./Icon/index.flow"));
+var _index20 = require("./Icon/index.flow");
+Object.keys(_index20).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index20[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index20[key];
+    }
+  });
+});
 var _index21 = _interopRequireDefault(require("./Image/index.flow"));
 var _index22 = _interopRequireDefault(require("./Indicator/index.flow"));
 var _index23 = _interopRequireDefault(require("./Input/index.flow"));

package/commonjs/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  IconNames: true,
   SpotIllustrationNames: true,
   PartnerLogoNames: true,
   theme: true,
@@ -28,12 +27,6 @@ Object.defineProperty(exports, "Alert", {
     return _Banner.Banner;
   }
 });
-Object.defineProperty(exports, "IconNames", {
-  enumerable: true,
-  get: function get() {
-    return _iconNames.default;
-  }
-});
 Object.defineProperty(exports, "PartnerLogoNames", {
   enumerable: true,
   get: function get() {
@@ -124,7 +117,6 @@ Object.defineProperty(exports, "visuallyHidden", {
     return _mixins.visuallyHidden;
   }
 });
-var _iconNames = _interopRequireDefault(require("./iconNames"));
 var _illustrationNames = _interopRequireDefault(require("./illustrationNames"));
 var _logoNames = _interopRequireDefault(require("./logoNames"));
 var _systemProps = require("./systemProps");

package/commonjs/logoNames.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit-alien", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
+var _default = ["adobe-experience-manager", "android", "apple-app-store", "apple", "bigcommerce", "bitly", "bynder", "canva", "dropbox", "facebook-audience-network", "facebook", "facebook-groups", "facebook-shops", "feedly", "github", "glassdoor", "google-analytics", "google-business-messages", "google-drive", "google-my-business", "google-play-store", "hubspot", "instagram", "linkedin-audience-network", "linkedin", "marketo", "messenger", "microsoft-dynamics", "pinterest", "reddit", "salesforce-cloud", "salesforce", "shopify", "slack", "sproutsocial", "tableau", "tiktok", "tripadvisor", "tumblr", "twitter-audience-network", "twitter", "whatsapp", "woocommerce", "yelp", "youtube", "zendesk"];
 exports.default = _default;

package/commonjs/utils/mixins.js

@@ -19,7 +19,7 @@ var visuallyHidden = (0, _styledComponents.css)(["position:absolute;width:1px;he
 exports.visuallyHidden = visuallyHidden;
 var focusRing = (0, _styledComponents.css)(["box-shadow:0 0 0 1px ", ",0 0px 0px 4px ", ";outline:none;&::-moz-focus-inner{border:0;}"], _theme.default.colors.button.primary.background.base, (0, _polished.transparentize)(0.7, _theme.default.colors.button.primary.background.base));
 exports.focusRing = focusRing;
-var pill = (0, _styledComponents.css)(["min-width:", ";min-height:", ";padding:", " ", ";border-radius:", ";"], _theme.default.space[600], _theme.default.space[600], _theme.default.space[300], _theme.default.space[350], _theme.default.radii.pill);
+var pill = (0, _styledComponents.css)(["min-width:", ";min-height:", ";padding:", ";border-radius:", ";"], _theme.default.space[600], _theme.default.space[600], _theme.default.space[300], _theme.default.radii.pill);
 exports.pill = pill;
 var disabled = (0, _styledComponents.css)(["opacity:0.4;pointer-events:none;"]);
 exports.disabled = disabled;