@sproutsocial/racine 11.3.1-beta-deps.2 → 11.3.1-beta-deps.5

package/commonjs/DatePicker/styles.js

@@ -11,16 +11,12 @@ var _Box = _interopRequireDefault(require("../Box"));
 
 var _mixins = require("../utils/mixins");
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 /*
  * Partial list of modifiers given to renderDayContents by airbnb/react-dates. There may be more.
  *
@@ -87,7 +83,7 @@ var CalendarDay = (0, _styledComponents.default)(_Box.default).withConfig({
   }
 });
 exports.CalendarDay = CalendarDay;
-var ReactDatesCssOverrides = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t.DayPicker {\n\t\tbox-sizing: content-box;\n\t\tfont-weight: ", ";\n\t\tfont-family: ", ";\n\n\t\t/* override react-dates height to better reflect how tall the component actually is */\n\t\t/* adding margin/padding will be more truer to our seeds system because the height */\n\t\t/* of the calendar adds an extra row of padding if we do not override it */\n\t\t&_transitionContainer {\n\t\t\t/* need !important because react-dates sets height on the element itself */\n\t\t\theight: 228px !important;\n\t\t}\n\n\t\t&_weekHeader {\n\t\t\tcolor: ", ";\n\t\t\tborder-bottom: 1px solid ", ";\n\n \t\t\t/* Magic number to match position of .CalendarMonth_caption */\n\t\t\ttop: 26px;\n\n\t\t\t/* Magic number to make the bottom border line stretch the full width */\n\t\t\twidth: 230px;\n\n\t\t\t&_ul {\n \t\t\t\t/* Magic number to line up day name headings over the correct numbers */\n\t\t\t\tpadding-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t&_weekHeaders__horizontal {\n\t\t\tmargin-left: 0\n\t\t}\n\n\t\t&_weekHeader_li {\n\t\t\t", "\n\t\t\tcolor: ", ";\n\t\t\tfont-weight: ", ";\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&__horizontal {\n\t\t\tbox-shadow: none;\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n    .CalendarDay {\n\t\tbackground-color: transparent;\n\n        &__selected, &__selected_span, &:hover {\n            background-color: transparent;\n\t\t}\n\n\t\t&__default {\n\t\t\tcolor: ", ";\n\t\t}\n\t\t&__default,\n\t\t&__default:hover {\n\t\t\tborder: none;\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n\n    .CalendarMonth {\n\t\t", "\n\t\tbackground: ", ";\n\n \t\t/* spacing between visible months and months off canvas */\n\t\tpadding: 0 15px;\n\n\t\t&_caption {\n\t\t\t", "\n\t\t\tcolor: ", ";\n\t\t\tpadding-top: 0;\n\t\t\tbackground: ", ";\n\n\t\t\tstrong {\n\t\t\t\tfont-weight: ", ";\n\t\t\t}\n\n\t\t}\n\t\t&_table {\n\t\t\tline-height: 21.333px;\n\t\t\ttr {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t\ttd {\n\t\t\t\tpadding: 0;\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.CalendarMonthGrid {\n\t\tbackground: ", ";\n\t}\n\n\t/* Left and Right Arrow Buttons to navigate months */\n\t.DayPickerNavigation_button__horizontal {\n\t\tcolor: ", ";\n\t\ttop: -4px;\n\t\tpadding: 7px 8px;\n\t\tposition: absolute;\n\t\tline-height: 0.78;\n\t\tborder-radius: 9999px;\n\t\tborder: none;\n\t\tbackground: ", ";\n\n\t\t&:nth-child(1) {\n\t\t\tleft: 22px;\n\t\t}\n\t\t&:nth-child(2) {\n\t\t\tright: 22px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n"])), function (_ref2) {
+var ReactDatesCssOverrides = (0, _styledComponents.createGlobalStyle)([".DayPicker{box-sizing:content-box;font-weight:", ";font-family:", ";&_transitionContainer{height:228px !important;}&_weekHeader{color:", ";border-bottom:1px solid ", ";top:26px;width:230px;&_ul{padding-left:10px;}}&_weekHeaders__horizontal{margin-left:0}&_weekHeader_li{", " color:", ";font-weight:", ";margin:0;}&__horizontal{box-shadow:none;background:", ";}}.CalendarDay{background-color:transparent;&__selected,&__selected_span,&:hover{background-color:transparent;}&__default{color:", ";}&__default,&__default:hover{border:none;color:", ";}}.CalendarMonth{", " background:", ";padding:0 15px;&_caption{", " color:", ";padding-top:0;background:", ";strong{font-weight:", ";}}&_table{line-height:21.333px;tr{vertical-align:middle;}td{padding:0;border-bottom:none;}}}.CalendarMonthGrid{background:", ";}.DayPickerNavigation_button__horizontal{color:", ";top:-4px;padding:7px 8px;position:absolute;line-height:0.78;border-radius:9999px;border:none;background:", ";&:nth-child(1){left:22px;}&:nth-child(2){right:22px;}&:hover{background:", ";}}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.fontWeights.normal;
 }, function (props) {

package/commonjs/Menu/index.js

@@ -267,13 +267,6 @@ var MenuRadio = function MenuRadio(props) {
 
 exports.MenuRadio = MenuRadio;
 
-var _StyledText = (0, _styledComponents.default)(_Text.default).withConfig({
-  displayName: "Menu___StyledText",
-  componentId: "sc-1p3rdnp-0"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 var MenuGroup = function MenuGroup(_ref2) {
   var children = _ref2.children,
       title = _ref2.title,
@@ -293,7 +286,7 @@ var MenuGroup = function MenuGroup(_ref2) {
     fontWeight: 600,
     mt: 350,
     color: "text.headline",
-    _css: isDisabled && _mixins.disabled
+    $_css: isDisabled && _mixins.disabled
   }, title)), /*#__PURE__*/React.createElement(_Box.default, _extends({}, props, {
     p: 300,
     role: "group"
@@ -443,7 +436,7 @@ Menu.Divider.displayName = "Menu.Divider";
 Menu.FilterInput.displayName = "Menu.FilterInput";
 var CustomPopoutContent = (0, _styledComponents.default)(_Popout.default.Content).withConfig({
   displayName: "Menu__CustomPopoutContent",
-  componentId: "sc-1p3rdnp-1"
+  componentId: "sc-1p3rdnp-0"
 })(["padding:0;margin-left:0;margin-right:0;"]);
 
 var MenuButton = function MenuButton(_ref5) {
@@ -501,4 +494,11 @@ var MenuButton = function MenuButton(_ref5) {
 
 exports.MenuButton = MenuButton;
 var _default = Menu;
-exports.default = _default;
+exports.default = _default;
+
+var _StyledText = (0, _styledComponents.default)(_Text.default).withConfig({
+  displayName: "Menu___StyledText",
+  componentId: "sc-1p3rdnp-1"
+})(["", ""], function (p) {
+  return p.$_css;
+});

package/commonjs/Message/styles.js

@@ -105,7 +105,7 @@ exports.MessageBody = MessageBody;
 var MessageFooter = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__MessageFooter",
   componentId: "sc-1ju6d1v-3"
-})(["padding-bottom:", ";padding-left:", ";padding-right:", ";border-radius:0 0 ", " ", ";display:flex;justify-content:space-between;align-items:center;flex-wrap:", ";>:first-child{margin-left:-", ";}"], function (props) {
+})(["padding-bottom:", ";padding-left:", ";padding-right:", ";border-radius:0 0 ", " ", ";display:flex;justify-content:space-between;align-items:center;flex-wrap:", ";> :first-child{margin-left:-", ";}"], function (props) {
   return props.density === _Message.default.DENSITIES.CONDENSED ? 0 : props.theme.space[300];
 }, function (props) {
   return getContentPadding(props);

package/commonjs/Modal/styles.js

@@ -15,8 +15,6 @@ var _Box = _interopRequireDefault(require("../Box"));
 
 var _systemProps = require("../utils/system-props");
 
-var _templateObject;
-
 var _excluded = ["className"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -25,8 +23,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 function _extends() { _extends = Object.assign || 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 _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; }
@@ -55,7 +51,7 @@ function ReactModalAdapter(_ref) {
   }, props));
 }
 
-var Body = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  .ReactModal__Body--open {\n    overflow: hidden;\n  }\n"]))); // eslint-disable-next-line prettier/prettier
+var Body = (0, _styledComponents.createGlobalStyle)([".ReactModal__Body--open{overflow:hidden;}"]); // eslint-disable-next-line prettier/prettier
 
 exports.Body = Body;
 var Container = (0, _styledComponents.default)(ReactModalAdapter).withConfig({

package/commonjs/Toast/index.js

@@ -82,26 +82,14 @@ function toast(options) {
   });
 }
 
-var _StyledBox = (0, _styledComponents.default)(_Box.default).withConfig({
-  displayName: "Toast___StyledBox",
-  componentId: "sc-1vii3dq-0"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 var IconBox = function IconBox(props) {
   return /*#__PURE__*/React.createElement(_StyledBox, _extends({
     display: "inline-block"
   }, props, {
-    _css: "line-height: 1;"
+    $_css: "line-height: 1;"
   }));
 };
 
-var _StyledBox2 = (0, _styledComponents.default)(_Box.default).withConfig({
-  displayName: "Toast___StyledBox2",
-  componentId: "sc-1vii3dq-1"
-})(["transform:translateY(1px);"]);
-
 var Toast = function Toast(_ref) {
   var content = _ref.content,
       theme = _ref.theme,
@@ -140,4 +128,16 @@ var Toast = function Toast(_ref) {
 };
 
 var _default = ToastContainer;
-exports.default = _default;
+exports.default = _default;
+
+var _StyledBox = (0, _styledComponents.default)(_Box.default).withConfig({
+  displayName: "Toast___StyledBox",
+  componentId: "sc-1vii3dq-0"
+})(["", ""], function (p) {
+  return p.$_css;
+});
+
+var _StyledBox2 = (0, _styledComponents.default)(_Box.default).withConfig({
+  displayName: "Toast___StyledBox2",
+  componentId: "sc-1vii3dq-1"
+})(["transform:translateY(1px);"]);

package/commonjs/Toast/styles.js

@@ -11,16 +11,13 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _ReactToastify = _interopRequireDefault(require("!!raw-loader!react-toastify/dist/ReactToastify.css"));
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
+// $FlowIssue
 var Container = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__Container",
   componentId: "sc-wp5x29-0"
@@ -42,7 +39,7 @@ var CustomIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
   return p.customColor ? undefined : p.theme.colors.icon[p.type];
 });
 exports.CustomIcon = CustomIcon;
-var GlobalToastStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", "\n\n\t.Toastify__toast:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.Toastify-container-overrides {\n\t\tpadding: 0;\n\t\twidth: 360px;\n\t}\n\n\t.Toastify-toast-overrides {\n\t\tpadding: 0;\n\t\tmin-height: 0;\n\t\tborder-radius: 2px;\n\t}\n\n\t.Toastify__toast-container--bottom-right {\n\t\tbottom: ", ";\n\t\tright: ", ";\n\t}\n\n\t/* Override React Toastify's mobile width styles */\n\t@media only screen and (max-width: 480px) {\n\t\t.Toastify-container-overrides {\n\t\t\tmin-width: initial;\n\t\t}\n\t}\n"])), _ReactToastify.default, function (p) {
+var GlobalToastStyles = (0, _styledComponents.createGlobalStyle)(["", " .Toastify__toast:last-of-type{margin-bottom:0;}.Toastify-container-overrides{padding:0;width:360px;}.Toastify-toast-overrides{padding:0;min-height:0;border-radius:2px;}.Toastify__toast-container--bottom-right{bottom:", ";right:", ";}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial;}}"], _ReactToastify.default, function (p) {
   return p.theme.space[400];
 }, function (p) {
   return p.theme.space[400];

package/lib/DatePicker/styles.js

@@ -1,7 +1,3 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 import styled, { createGlobalStyle, css } from "styled-components";
 import moment from "moment";
 import Box from "../Box";
@@ -72,7 +68,7 @@ export var CalendarDay = styled(Box).withConfig({
     return css(["color:", ";", ";"], theme.colors.text.subtext, disabled);
   }
 });
-export var ReactDatesCssOverrides = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t.DayPicker {\n\t\tbox-sizing: content-box;\n\t\tfont-weight: ", ";\n\t\tfont-family: ", ";\n\n\t\t/* override react-dates height to better reflect how tall the component actually is */\n\t\t/* adding margin/padding will be more truer to our seeds system because the height */\n\t\t/* of the calendar adds an extra row of padding if we do not override it */\n\t\t&_transitionContainer {\n\t\t\t/* need !important because react-dates sets height on the element itself */\n\t\t\theight: 228px !important;\n\t\t}\n\n\t\t&_weekHeader {\n\t\t\tcolor: ", ";\n\t\t\tborder-bottom: 1px solid ", ";\n\n \t\t\t/* Magic number to match position of .CalendarMonth_caption */\n\t\t\ttop: 26px;\n\n\t\t\t/* Magic number to make the bottom border line stretch the full width */\n\t\t\twidth: 230px;\n\n\t\t\t&_ul {\n \t\t\t\t/* Magic number to line up day name headings over the correct numbers */\n\t\t\t\tpadding-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t&_weekHeaders__horizontal {\n\t\t\tmargin-left: 0\n\t\t}\n\n\t\t&_weekHeader_li {\n\t\t\t", "\n\t\t\tcolor: ", ";\n\t\t\tfont-weight: ", ";\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t&__horizontal {\n\t\t\tbox-shadow: none;\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n    .CalendarDay {\n\t\tbackground-color: transparent;\n\n        &__selected, &__selected_span, &:hover {\n            background-color: transparent;\n\t\t}\n\n\t\t&__default {\n\t\t\tcolor: ", ";\n\t\t}\n\t\t&__default,\n\t\t&__default:hover {\n\t\t\tborder: none;\n\t\t\tcolor: ", ";\n\t\t}\n\t}\n\n    .CalendarMonth {\n\t\t", "\n\t\tbackground: ", ";\n\n \t\t/* spacing between visible months and months off canvas */\n\t\tpadding: 0 15px;\n\n\t\t&_caption {\n\t\t\t", "\n\t\t\tcolor: ", ";\n\t\t\tpadding-top: 0;\n\t\t\tbackground: ", ";\n\n\t\t\tstrong {\n\t\t\t\tfont-weight: ", ";\n\t\t\t}\n\n\t\t}\n\t\t&_table {\n\t\t\tline-height: 21.333px;\n\t\t\ttr {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t\ttd {\n\t\t\t\tpadding: 0;\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.CalendarMonthGrid {\n\t\tbackground: ", ";\n\t}\n\n\t/* Left and Right Arrow Buttons to navigate months */\n\t.DayPickerNavigation_button__horizontal {\n\t\tcolor: ", ";\n\t\ttop: -4px;\n\t\tpadding: 7px 8px;\n\t\tposition: absolute;\n\t\tline-height: 0.78;\n\t\tborder-radius: 9999px;\n\t\tborder: none;\n\t\tbackground: ", ";\n\n\t\t&:nth-child(1) {\n\t\t\tleft: 22px;\n\t\t}\n\t\t&:nth-child(2) {\n\t\t\tright: 22px;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n"])), function (_ref2) {
+export var ReactDatesCssOverrides = createGlobalStyle([".DayPicker{box-sizing:content-box;font-weight:", ";font-family:", ";&_transitionContainer{height:228px !important;}&_weekHeader{color:", ";border-bottom:1px solid ", ";top:26px;width:230px;&_ul{padding-left:10px;}}&_weekHeaders__horizontal{margin-left:0}&_weekHeader_li{", " color:", ";font-weight:", ";margin:0;}&__horizontal{box-shadow:none;background:", ";}}.CalendarDay{background-color:transparent;&__selected,&__selected_span,&:hover{background-color:transparent;}&__default{color:", ";}&__default,&__default:hover{border:none;color:", ";}}.CalendarMonth{", " background:", ";padding:0 15px;&_caption{", " color:", ";padding-top:0;background:", ";strong{font-weight:", ";}}&_table{line-height:21.333px;tr{vertical-align:middle;}td{padding:0;border-bottom:none;}}}.CalendarMonthGrid{background:", ";}.DayPickerNavigation_button__horizontal{color:", ";top:-4px;padding:7px 8px;position:absolute;line-height:0.78;border-radius:9999px;border:none;background:", ";&:nth-child(1){left:22px;}&:nth-child(2){right:22px;}&:hover{background:", ";}}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.fontWeights.normal;
 }, function (props) {

package/lib/Menu/index.js

@@ -232,14 +232,6 @@ export var MenuRadio = function MenuRadio(props) {
     role: MENU_ITEM_ROLES.RADIO
   }, props));
 };
-
-var _StyledText = styled(Text).withConfig({
-  displayName: "Menu___StyledText",
-  componentId: "sc-1p3rdnp-0"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 export var MenuGroup = function MenuGroup(_ref2) {
   var children = _ref2.children,
       title = _ref2.title,
@@ -259,7 +251,7 @@ export var MenuGroup = function MenuGroup(_ref2) {
     fontWeight: 600,
     mt: 350,
     color: "text.headline",
-    _css: isDisabled && disabled
+    $_css: isDisabled && disabled
   }, title)), /*#__PURE__*/React.createElement(Box, _extends({}, props, {
     p: 300,
     role: "group"
@@ -402,7 +394,7 @@ Menu.Divider.displayName = "Menu.Divider";
 Menu.FilterInput.displayName = "Menu.FilterInput";
 var CustomPopoutContent = styled(Popout.Content).withConfig({
   displayName: "Menu__CustomPopoutContent",
-  componentId: "sc-1p3rdnp-1"
+  componentId: "sc-1p3rdnp-0"
 })(["padding:0;margin-left:0;margin-right:0;"]);
 export var MenuButton = function MenuButton(_ref5) {
   var content = _ref5.content,
@@ -456,4 +448,11 @@ export var MenuButton = function MenuButton(_ref5) {
     }
   }), children)));
 };
-export default Menu;
+export default Menu;
+
+var _StyledText = styled(Text).withConfig({
+  displayName: "Menu___StyledText",
+  componentId: "sc-1p3rdnp-1"
+})(["", ""], function (p) {
+  return p.$_css;
+});

package/lib/Message/styles.js

@@ -91,7 +91,7 @@ export var MessageBody = styled(Box).withConfig({
 export var MessageFooter = styled(Box).withConfig({
   displayName: "styles__MessageFooter",
   componentId: "sc-1ju6d1v-3"
-})(["padding-bottom:", ";padding-left:", ";padding-right:", ";border-radius:0 0 ", " ", ";display:flex;justify-content:space-between;align-items:center;flex-wrap:", ";>:first-child{margin-left:-", ";}"], function (props) {
+})(["padding-bottom:", ";padding-left:", ";padding-right:", ";border-radius:0 0 ", " ", ";display:flex;justify-content:space-between;align-items:center;flex-wrap:", ";> :first-child{margin-left:-", ";}"], function (props) {
   return props.density === Message.DENSITIES.CONDENSED ? 0 : props.theme.space[300];
 }, function (props) {
   return getContentPadding(props);

package/lib/Modal/styles.js

@@ -1,9 +1,5 @@
-var _templateObject;
-
 var _excluded = ["className"];
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 function _extends() { _extends = Object.assign || 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 _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; }
@@ -38,7 +34,7 @@ function ReactModalAdapter(_ref) {
   }, props));
 }
 
-export var Body = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  .ReactModal__Body--open {\n    overflow: hidden;\n  }\n"]))); // eslint-disable-next-line prettier/prettier
+export var Body = createGlobalStyle([".ReactModal__Body--open{overflow:hidden;}"]); // eslint-disable-next-line prettier/prettier
 
 export var Container = styled(ReactModalAdapter).withConfig({
   displayName: "styles__Container",

package/lib/Toast/index.js

@@ -63,26 +63,14 @@ export function toast(options) {
   });
 }
 
-var _StyledBox = _styled(Box).withConfig({
-  displayName: "Toast___StyledBox",
-  componentId: "sc-1vii3dq-0"
-})(["", ""], function (p) {
-  return p._css;
-});
-
 var IconBox = function IconBox(props) {
   return /*#__PURE__*/React.createElement(_StyledBox, _extends({
     display: "inline-block"
   }, props, {
-    _css: "line-height: 1;"
+    $_css: "line-height: 1;"
   }));
 };
 
-var _StyledBox2 = _styled(Box).withConfig({
-  displayName: "Toast___StyledBox2",
-  componentId: "sc-1vii3dq-1"
-})(["transform:translateY(1px);"]);
-
 var Toast = function Toast(_ref) {
   var content = _ref.content,
       theme = _ref.theme,
@@ -120,4 +108,16 @@ var Toast = function Toast(_ref) {
   }))));
 };
 
-export default ToastContainer;
+export default ToastContainer;
+
+var _StyledBox = _styled(Box).withConfig({
+  displayName: "Toast___StyledBox",
+  componentId: "sc-1vii3dq-0"
+})(["", ""], function (p) {
+  return p.$_css;
+});
+
+var _StyledBox2 = _styled(Box).withConfig({
+  displayName: "Toast___StyledBox2",
+  componentId: "sc-1vii3dq-1"
+})(["transform:translateY(1px);"]);

package/lib/Toast/styles.js

@@ -1,7 +1,3 @@
-var _templateObject;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
 import styled, { createGlobalStyle } from "styled-components";
 import Box from "../Box";
 import Icon from "../Icon"; // $FlowIssue
@@ -27,7 +23,7 @@ export var CustomIcon = styled(Icon).withConfig({
 }, function (p) {
   return p.customColor ? undefined : p.theme.colors.icon[p.type];
 });
-export var GlobalToastStyles = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", "\n\n\t.Toastify__toast:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.Toastify-container-overrides {\n\t\tpadding: 0;\n\t\twidth: 360px;\n\t}\n\n\t.Toastify-toast-overrides {\n\t\tpadding: 0;\n\t\tmin-height: 0;\n\t\tborder-radius: 2px;\n\t}\n\n\t.Toastify__toast-container--bottom-right {\n\t\tbottom: ", ";\n\t\tright: ", ";\n\t}\n\n\t/* Override React Toastify's mobile width styles */\n\t@media only screen and (max-width: 480px) {\n\t\t.Toastify-container-overrides {\n\t\t\tmin-width: initial;\n\t\t}\n\t}\n"])), toastStyles, function (p) {
+export var GlobalToastStyles = createGlobalStyle(["", " .Toastify__toast:last-of-type{margin-bottom:0;}.Toastify-container-overrides{padding:0;width:360px;}.Toastify-toast-overrides{padding:0;min-height:0;border-radius:2px;}.Toastify__toast-container--bottom-right{bottom:", ";right:", ";}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial;}}"], toastStyles, function (p) {
   return p.theme.space[400];
 }, function (p) {
   return p.theme.space[400];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.3.1-beta-deps.2",
+  "version": "11.3.1-beta-deps.5",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -77,7 +77,7 @@
     "react-popper": "^1.3.3",
     "react-spring": "^8.0.25",
     "react-toastify": "^6.0.5",
-    "react-virtualized": "9.22.3",
+    "react-virtualized": "9.18.5",
     "scroll-into-view-if-needed": "1.1.0",
     "styled-system": "^5.1.5",
     "use-measure": "^0.2.2"
@@ -111,7 +111,6 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^13.0.0",
-    "@univision/babel-plugin-styled-components": "^1.10.9",
     "axios": "^0.26.1",
     "babel-core": "^7.0.0-bridge",
     "babel-eslint": "10.1.0",
@@ -181,6 +180,7 @@
     "prop-types": "^15.0.0",
     "react": "^16.2.0",
     "react-dates": "^21.8.0",
+    "react-virtualized": "9.18.5",
     "styled-components": "^5.2.3"
   },
   "resolutions": {