@sproutsocial/racine 12.2.0-partner-logos.3 → 12.4.0

package/commonjs/SpotIllustration/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IllustrationViewBoxes = _interopRequireDefault(require("../IllustrationViewBoxes"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// eslint-disable-next-line prettier/prettier
+var StyledSVG = _styledComponents.default.svg.withConfig({
+  displayName: "SpotIllustration__StyledSVG",
+  componentId: "sc-10ftlaw-0"
+})(["fill:", ";color:", ";"], function (p) {
+  return p.customFill ? p.theme.colors[p.customFill][400] : p.theme.colors.illustration.fill;
+}, function (p) {
+  return p.theme.colors.illustration.stroke;
+});
+
+var SpotIllustration = function SpotIllustration(_ref) {
+  var name = _ref.name,
+      customFill = _ref.customFill,
+      height = _ref.height,
+      width = _ref.width;
+  var viewBox = _IllustrationViewBoxes.default[name];
+  var viewBoxCoordinates = (viewBox == null ? void 0 : viewBox.split(" ")) || [];
+  var defaultWidth = viewBoxCoordinates[2];
+  var defaultHeight = viewBoxCoordinates[3];
+  return /*#__PURE__*/_react.default.createElement(StyledSVG, {
+    width: width ? width : defaultWidth,
+    height: height ? height : defaultHeight,
+    viewBox: viewBox,
+    focusable: false,
+    customFill: customFill
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    xlinkHref: "#ssillustrationsvg-" + name
+  }));
+};
+
+var _default = SpotIllustration;
+exports.default = _default;

package/commonjs/index.js

@@ -63,6 +63,7 @@ var _exportNames = {
   Listbox: true,
   OverflowList: true,
   PartnerLogo: true,
+  SpotIllustration: true,
   sproutLightTheme: true,
   sproutDarkTheme: true,
   toast: true,
@@ -74,7 +75,7 @@ var _exportNames = {
   DateRangePicker: true,
   VisuallyHidden: true
 };
-exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.useInteractiveColor = exports.toast = exports.theme = exports.sproutLightTheme = exports.sproutDarkTheme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.PartnerLogo = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
+exports.visuallyHidden = exports.useTextContent = exports.useSelect = exports.useMultiselect = exports.useInteractiveColor = exports.toast = exports.theme = exports.sproutLightTheme = exports.sproutDarkTheme = exports.focusRing = exports.disabled = exports.darkTheme = exports.VisuallyHidden = exports.Tooltip = exports.TokenInput = exports.Token = exports.ToggleHint = exports.ToastContainer = exports.ThemeProvider = exports.Textarea = exports.Text = exports.Tabs = exports.TableRowAccordion = exports.TableHeaderCell = exports.TableCell = exports.Table = exports.Switch = exports.Stack = exports.SpotIllustration = exports.Skeleton = exports.SingleDatePicker = exports.Select = exports.SegmentedControl = exports.Radio = exports.Popout = exports.PartnerLogo = exports.OverflowList = exports.Numeral = exports.Modal = exports.Message = exports.MenuItemContainer = exports.MenuButtonContext = exports.MenuButton = exports.Menu = exports.LoaderButton = exports.Loader = exports.ListboxButton = exports.Listbox = exports.Link = exports.Label = exports.KeyboardKey = exports.Input = exports.Indicator = exports.Image = exports.Icon = exports.FormField = exports.Fieldset = exports.EmptyState = exports.Drawer = exports.DateRangePicker = exports.Collapsible = exports.Checkbox = exports.ChartLegend = exports.CharacterCounter = exports.Card = exports.Button = exports.Breadcrumb = exports.Box = exports.Banner = exports.Badge = exports.Avatar = exports.Alert = void 0;
 
 var _systemProps = require("./systemProps");
 
@@ -339,6 +340,10 @@ var _PartnerLogo = _interopRequireDefault(require("./PartnerLogo"));
 
 exports.PartnerLogo = _PartnerLogo.default;
 
+var _SpotIllustration = _interopRequireDefault(require("./SpotIllustration"));
+
+exports.SpotIllustration = _SpotIllustration.default;
+
 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; }

package/commonjs/themes/dark/theme.js

@@ -225,6 +225,10 @@ var colors = _extends({}, _theme.default.colors, {
   elevation: {
     base: _seedsColor.default.COLOR_NEUTRAL_1100
   },
+  illustration: {
+    fill: _seedsColor.default.COLOR_BLUE_400,
+    stroke: _decorativePalettes.neutral.foreground
+  },
   dataviz: {
     map: _datavizPalette.datavizPalette.DATAVIZ_COLORS_MAP,
     list: _datavizPalette.datavizPalette.DATAVIZ_COLORS_LIST

package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
 
+var _polished = require("polished");
+
 var _theme = _interopRequireDefault(require("../../../dark/theme"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,6 +23,15 @@ var navigation = {
       base: _theme.default.colors.neutral[900]
     }
   },
+  settings: {
+    listItem: {
+      backgound: {
+        base: "transparent",
+        hover: _theme.default.colors.neutral[1100],
+        selected: _theme.default.colors.neutral[800]
+      }
+    }
+  },
   text: {
     base: _theme.default.colors.neutral[0],
     hover: _theme.default.colors.neutral[0]
@@ -54,6 +65,11 @@ var analytics = {
     positive: _theme.default.colors.teal[500],
     neutral: _theme.default.colors.neutral[100],
     negative: _theme.default.colors.neutral[100]
+  },
+  overlay: {
+    background: {
+      base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[900])
+    }
   }
 };
 exports.analytics = analytics;

package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
 
+var _polished = require("polished");
+
 var _theme = _interopRequireDefault(require("../../../light/theme"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,6 +23,15 @@ var navigation = {
       base: _theme.default.colors.neutral[800]
     }
   },
+  settings: {
+    listItem: {
+      backgound: {
+        base: "transparent",
+        hover: _theme.default.colors.neutral[200],
+        selected: _theme.default.colors.neutral[0]
+      }
+    }
+  },
   text: {
     base: _theme.default.colors.neutral[0],
     hover: _theme.default.colors.neutral[0]
@@ -54,6 +65,11 @@ var analytics = {
     positive: _theme.default.colors.teal[800],
     neutral: _theme.default.colors.neutral[800],
     negative: _theme.default.colors.neutral[800]
+  },
+  overlay: {
+    background: {
+      base: (0, _polished.transparentize)(0.2, _theme.default.colors.neutral[0])
+    }
   }
 };
 exports.analytics = analytics;

package/commonjs/themes/light/theme.js

@@ -230,6 +230,10 @@ var colors = _extends({
   elevation: {
     base: _seedsColor.default.COLOR_NEUTRAL_900 + "3D"
   },
+  illustration: {
+    fill: _seedsColor.default.COLOR_BLUE_400,
+    stroke: _decorativePalettes.neutral.foreground
+  },
   network: {
     twitter: _seedsNetworkcolor.default.NETWORK_COLOR_TWITTER,
     twitter_like: _seedsNetworkcolor.default.NETWORK_COLOR_TWITTER_LIKE,