@sproutsocial/racine 8.3.0 → 8.4.0-menu-button-beta.0

package/lib/Avatar/index.js

@@ -4,8 +4,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import * as React from "react";
 import { useState, useCallback, useMemo, memo } from "react";
-import styled, { css } from "styled-components";
-import classnames from "classnames";
+import styled from "styled-components";
 import Box from "../Box";
 import Image from "../Image";
 import Text from "../Text";
@@ -17,20 +16,8 @@ var AvatarText = styled(function (_ref) {
 }).withConfig({
   displayName: "Avatar__AvatarText",
   componentId: "yx873f-0"
-})(["font-size:", "px;color:", "px;"], function (props) {
+})(["font-size:", "px;"], function (props) {
   return props.fontSize;
-}, function (props) {
-  return props.color;
-});
-var Container = styled(Box).withConfig({
-  displayName: "Avatar__Container",
-  componentId: "yx873f-1"
-})(["", ""], function (_ref2) {
-  var theme = _ref2.theme,
-      type = _ref2.type,
-      variant = _ref2.variant,
-      bg = _ref2.bg;
-  return css(["color:", ";background:", ";"], theme.colors[type][variant === "dark" ? "200" : "900"], bg ? bg : theme.colors[type][variant === "dark" ? "900" : "200"]);
 });
 
 var getInitials = function getInitials(name, fallback) {
@@ -46,20 +33,14 @@ var getInitials = function getInitials(name, fallback) {
   .join("");
 };
 
-export var Avatar = function Avatar(_ref3) {
-  var _ref3$appearance = _ref3.appearance,
-      appearance = _ref3$appearance === void 0 ? "circle" : _ref3$appearance,
-      name = _ref3.name,
-      src = _ref3.src,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? "light" : _ref3$variant,
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? "neutral" : _ref3$type,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? "40px" : _ref3$size,
-      bg = _ref3.bg,
-      color = _ref3.color,
-      rest = _objectWithoutPropertiesLoose(_ref3, ["appearance", "name", "src", "variant", "type", "size", "bg", "color"]);
+export var Avatar = function Avatar(_ref2) {
+  var _ref2$appearance = _ref2.appearance,
+      appearance = _ref2$appearance === void 0 ? "circle" : _ref2$appearance,
+      name = _ref2.name,
+      src = _ref2.src,
+      _ref2$size = _ref2.size,
+      size = _ref2$size === void 0 ? "40px" : _ref2$size,
+      rest = _objectWithoutPropertiesLoose(_ref2, ["appearance", "name", "src", "size"]);
 
   var _useState = useState(false),
       imageFailedLoading = _useState[0],
@@ -73,8 +54,7 @@ export var Avatar = function Avatar(_ref3) {
   }, [setImageFailedLoading]); // Font size for initials is half the size of the avatar, rounded down.
 
   var fontSize = Math.floor(Number(size.replace("px", "")) * 0.4);
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    className: classnames(variant),
+  return /*#__PURE__*/React.createElement(Box, _extends({
     size: size,
     overflow: "hidden",
     borderRadius: appearance === "leaf" ? "40% 0 40% 0" : "50%",
@@ -84,16 +64,13 @@ export var Avatar = function Avatar(_ref3) {
     justifyContent: "center",
     alignItems: "center",
     title: name,
-    bg: bg,
-    variant: variant,
-    type: type,
+    bg: "neutral.200",
     "data-qa-user-avatar": name // $FlowIssue - upgrade v0.112.0
 
   }, rest), !src || imageFailedLoading ? /*#__PURE__*/React.createElement(AvatarText, {
     lineHeight: size,
     fontWeight: "semibold",
-    fontSize: fontSize,
-    color: color
+    fontSize: fontSize
   }, initials) : /*#__PURE__*/React.createElement(Image, {
     alt: name,
     width: "auto",

package/lib/IconViewBoxes.js

@@ -32,7 +32,6 @@ module.exports = {
   "barcode": "0 0 18 16",
   "basketball": "0 0 16 16",
   "bell-outline": "0 0 14 16",
-  "bigcommerce": "0 0 16 16",
   "bitly": "0 0 16 16",
   "bold": "0 0 16 16",
   "book": "0 0 14 16",
@@ -338,7 +337,6 @@ module.exports = {
   "window-minimize": "0 0 16 16",
   "window-regular": "0 0 16 16",
   "window-restore": "0 0 16 16",
-  "woocommerce": "0 0 16 16",
   "x": "0 0 16 18",
   "yelp-full-star": "0 0 16 16",
   "yelp-half-star": "0 0 16 16",

package/lib/Link/styles.js

@@ -1,11 +1,11 @@
 import styled, { css } from "styled-components";
 import { focusRing, disabled } from "../utils/mixins";
 import Text from "../Text";
-import { TYPOGRAPHY, COMMON, FLEXBOX } from "../utils/system-props";
+import { TYPOGRAPHY, COMMON } from "../utils/system-props";
 var Container = styled(Text).withConfig({
   displayName: "styles__Container",
   componentId: "adcw4a-0"
-})(["border:0;font-family:", ";text-decoration:", ";appearance:none;cursor:pointer;", " font-weight:", ";color:", ";&:hover{color:", ";text-decoration:underline;}&:active{color:", ";}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", " ", ""], function (props) {
+})(["border:0;font-family:", ";text-decoration:", ";appearance:none;cursor:pointer;", " font-weight:", ";color:", ";&:hover{color:", ";text-decoration:underline;}&:active{color:", ";}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", ""], function (props) {
   return props.theme.fontFamily;
 }, function (props) {
   return props.underline ? "underline" : "none";
@@ -23,5 +23,5 @@ var Container = styled(Text).withConfig({
   return !props.href && css(["background:none;"]);
 }, function (props) {
   return props.disabled && disabled;
-}, COMMON, TYPOGRAPHY, FLEXBOX);
+}, COMMON, TYPOGRAPHY);
 export default Container;

package/lib/Menu/index.js

@@ -370,7 +370,9 @@ export var MenuButton = function MenuButton(_ref5) {
       closeOnItemClick = _ref5$closeOnItemClic === void 0 ? true : _ref5$closeOnItemClic,
       _ref5$id = _ref5.id,
       id = _ref5$id === void 0 ? uniqueId("MenuButton-") : _ref5$id,
-      props = _objectWithoutPropertiesLoose(_ref5, ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id"]);
+      _ref5$placement = _ref5.placement,
+      placement = _ref5$placement === void 0 ? "bottom-start" : _ref5$placement,
+      props = _objectWithoutPropertiesLoose(_ref5, ["content", "popoutProps", "children", "onClick", "closeOnItemClick", "id", "placement"]);
 
   var _useState2 = useState(false),
       isOpen = _useState2[0],
@@ -390,7 +392,7 @@ export var MenuButton = function MenuButton(_ref5) {
     isOpen: isOpen,
     setIsOpen: setIsOpen,
     content: /*#__PURE__*/React.createElement(CustomPopoutContent, null, content),
-    placement: "bottom"
+    placement: placement
   }, popoutProps, {
     // $FlowIssue
     width: props.width

package/lib/OverflowList/index.js

@@ -2,7 +2,9 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import List from "./styles";
 import React, { useCallback, useMemo } from "react";
-import { AutoSizer, CellMeasurer, CellMeasurerCache } from "react-virtualized";
+import { CellMeasurer, CellMeasurerCache } from "react-virtualized"; // imported separately so it can be mocked separately (otherwise height and width will always be 0 in jsdom)
+
+import AutoSizer from "react-virtualized/dist/es/AutoSizer";
 import Box from "../Box";
 
 var VirtualizedList = function VirtualizedList(_ref) {