@sproutsocial/racine 12.3.0 → 12.5.0

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/decorative-palettes.js

@@ -44,7 +44,7 @@ var red = {
 };
 exports.red = red;
 var neutral = {
-  background: _seedsColor.default.COLOR_NEUTRAL_900,
+  background: _seedsColor.default.COLOR_NEUTRAL_1000,
   highlight: _seedsColor.default.COLOR_NEUTRAL_500,
   foreground: _seedsColor.default.COLOR_NEUTRAL_100
 };

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

@@ -23,6 +23,15 @@ var navigation = {
       base: _theme.default.colors.neutral[900]
     }
   },
+  settings: {
+    listItem: {
+      background: {
+        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]

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

@@ -23,6 +23,15 @@ var navigation = {
       base: _theme.default.colors.neutral[800]
     }
   },
+  settings: {
+    listItem: {
+      background: {
+        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]

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,