@sproutsocial/racine 12.9.0 → 12.10.0

package/dist/iconList.js

@@ -1 +1 @@
-module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-outline","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","h3","h4","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help-alt","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","magic-wand","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plug","plus","positive-sentiment","power-up-outline","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","reels-outline","reels","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce-cloud","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","shopping-bag-outline","shopping-bag","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","underline","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];
+module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-outline","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bookmark","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","h3","h4","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help-alt","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","magic-wand","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plug","plus","positive-sentiment","power-up-outline","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","reels-outline","reels","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce-cloud","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","shopping-bag-outline","shopping-bag","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","underline","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];

package/dist/themes/dark/theme.scss

@@ -24,7 +24,11 @@ $theme: (
             "yellow": #944c0c,
             "orange": #962c0b,
             "red": #992222,
-            "neutral": #162020
+            "neutral": #162020,
+            "magenta": #6c2277,
+            "pink": #931847,
+            "aqua": #035e73,
+            "teal": #026661
           ),
           "selected": #FFFFFF,
           "positive_sentiment": #3896e3,
@@ -46,7 +50,11 @@ $theme: (
             "yellow": #ffbc00,
             "orange": #f57d33,
             "red": #ed4c42,
-            "neutral": #929a9b
+            "neutral": #929a9b,
+            "magenta": #c44eb9,
+            "pink": #e0447c,
+            "aqua": #17b8ce,
+            "teal": #08c4b2
           ),
           "selected": #FFFFFF
         )

package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss

@@ -56,7 +56,11 @@ $theme: (
             "yellow": #944c0c,
             "orange": #962c0b,
             "red": #992222,
-            "neutral": #162020
+            "neutral": #162020,
+            "magenta": #6c2277,
+            "pink": #931847,
+            "aqua": #035e73,
+            "teal": #026661
           ),
           "selected": #FFFFFF,
           "positive_sentiment": #3896e3,
@@ -78,7 +82,11 @@ $theme: (
             "yellow": #ffbc00,
             "orange": #f57d33,
             "red": #ed4c42,
-            "neutral": #929a9b
+            "neutral": #929a9b,
+            "magenta": #c44eb9,
+            "pink": #e0447c,
+            "aqua": #17b8ce,
+            "teal": #08c4b2
           ),
           "selected": #FFFFFF
         )
@@ -469,6 +477,9 @@ $theme: (
           "background": (
             "base": #162020,
             "overflowGradient": #040404
+          ),
+          "border": (
+            "base": #040404
           )
         ),
         "secondary": (
@@ -587,6 +598,11 @@ $theme: (
               "hover": #6f5ed3
             )
           )
+        ),
+        "user": (
+          "status": (
+            "online": #0ca750
+          )
         )
       ),
       "cardControl": (
@@ -840,6 +856,11 @@ $theme: (
           "hover": #6f5ed3
         )
       )
+    ),
+    "user": (
+      "status": (
+        "online": #0ca750
+      )
     )
   ),
   "navigation": (
@@ -847,6 +868,9 @@ $theme: (
       "background": (
         "base": #162020,
         "overflowGradient": #040404
+      ),
+      "border": (
+        "base": #040404
       )
     ),
     "secondary": (

package/dist/themes/extendedThemes/sproutTheme/light/theme.scss

@@ -56,7 +56,11 @@ $theme: (
             "yellow": #fdefcd,
             "orange": #fcdccc,
             "red": #ffd5d2,
-            "neutral": #f3f4f4
+            "neutral": #f3f4f4,
+            "magenta": #f9e3fc,
+            "pink": #fcdbeb,
+            "aqua": #c5f9f9,
+            "teal": #cdf7ef
           ),
           "selected": #364141,
           "positive_sentiment": #3896e3,
@@ -78,7 +82,11 @@ $theme: (
             "yellow": #ffbc00,
             "orange": #f57d33,
             "red": #ed4c42,
-            "neutral": #929a9b
+            "neutral": #929a9b,
+            "magenta": #c44eb9,
+            "pink": #e0447c,
+            "aqua": #17b8ce,
+            "teal": #08c4b2
           ),
           "selected": #364141
         )
@@ -469,6 +477,9 @@ $theme: (
           "background": (
             "base": #273333,
             "overflowGradient": #162020
+          ),
+          "border": (
+            "base": #162020
           )
         ),
         "secondary": (
@@ -587,6 +598,11 @@ $theme: (
               "hover": #6f5ed3
             )
           )
+        ),
+        "user": (
+          "status": (
+            "online": #0ca750
+          )
         )
       ),
       "cardControl": (
@@ -840,6 +856,11 @@ $theme: (
           "hover": #6f5ed3
         )
       )
+    ),
+    "user": (
+      "status": (
+        "online": #0ca750
+      )
     )
   ),
   "navigation": (
@@ -847,6 +868,9 @@ $theme: (
       "background": (
         "base": #273333,
         "overflowGradient": #162020
+      ),
+      "border": (
+        "base": #162020
       )
     ),
     "secondary": (

package/dist/themes/light/theme.scss

@@ -31,7 +31,11 @@ $theme: (
             "yellow": #fdefcd,
             "orange": #fcdccc,
             "red": #ffd5d2,
-            "neutral": #f3f4f4
+            "neutral": #f3f4f4,
+            "magenta": #f9e3fc,
+            "pink": #fcdbeb,
+            "aqua": #c5f9f9,
+            "teal": #cdf7ef
           ),
           "selected": #364141,
           "positive_sentiment": #3896e3,
@@ -53,7 +57,11 @@ $theme: (
             "yellow": #ffbc00,
             "orange": #f57d33,
             "red": #ed4c42,
-            "neutral": #929a9b
+            "neutral": #929a9b,
+            "magenta": #c44eb9,
+            "pink": #e0447c,
+            "aqua": #17b8ce,
+            "teal": #08c4b2
           ),
           "selected": #364141
         )

package/lib/IconViewBoxes.js

@@ -37,6 +37,7 @@ module.exports = {
   "bitly": "0 0 16 16",
   "bold": "0 0 16 16",
   "book": "0 0 14 16",
+  "bookmark": "0 0 12 16",
   "bot": "0 0 16 16",
   "browser": "0 0 16 16",
   "business": "0 0 16 16",

package/lib/Toast/styles.js

@@ -23,7 +23,9 @@ export var CustomIcon = styled(Icon).withConfig({
 }, function (p) {
   return p.customColor ? undefined : p.theme.colors.icon[p.type];
 });
-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) {
+export var GlobalToastStyles = createGlobalStyle(["", " .Toastify__toast{box-shadow:", ";background:transparent;}.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.shadows.low;
+}, function (p) {
   return p.theme.space[400];
 }, function (p) {
   return p.theme.space[400];

package/lib/themes/dark/decorative-palettes.js

@@ -33,4 +33,24 @@ export var neutral = {
   background: COLORS.COLOR_NEUTRAL_1000,
   highlight: COLORS.COLOR_NEUTRAL_500,
   foreground: COLORS.COLOR_NEUTRAL_100
+};
+export var magenta = {
+  background: COLORS.COLOR_MAGENTA_900,
+  highlight: COLORS.COLOR_MAGENTA_600,
+  foreground: COLORS.COLOR_MAGENTA_100
+};
+export var pink = {
+  background: COLORS.COLOR_PINK_900,
+  highlight: COLORS.COLOR_PINK_600,
+  foreground: COLORS.COLOR_PINK_100
+};
+export var aqua = {
+  background: COLORS.COLOR_AQUA_900,
+  highlight: COLORS.COLOR_AQUA_500,
+  foreground: COLORS.COLOR_AQUA_100
+};
+export var teal = {
+  background: COLORS.COLOR_TEAL_900,
+  highlight: COLORS.COLOR_TEAL_500,
+  foreground: COLORS.COLOR_TEAL_100
 };

package/lib/themes/dark/theme.js

@@ -4,7 +4,7 @@ import COLORS from "@sproutsocial/seeds-color";
 import DEPTH from "@sproutsocial/seeds-depth";
 import lightTheme from "../light/theme";
 import { datavizPalette } from "./dataviz-palette";
-import { green, blue, purple, yellow, orange, red, neutral } from "./decorative-palettes";
+import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
 import { transparentize } from "polished";
 var MODE = "dark";
 export var shadows = {
@@ -35,7 +35,11 @@ var colors = _extends({}, lightTheme.colors, {
         yellow: yellow.background,
         orange: orange.background,
         red: red.background,
-        neutral: neutral.background
+        neutral: neutral.background,
+        magenta: magenta.background,
+        pink: pink.background,
+        aqua: aqua.background,
+        teal: teal.background
       },
       selected: COLORS.COLOR_NEUTRAL_0,
       positive_sentiment: COLORS.COLOR_BLUE_500,
@@ -57,7 +61,11 @@ var colors = _extends({}, lightTheme.colors, {
         yellow: yellow.highlight,
         orange: orange.highlight,
         red: red.highlight,
-        neutral: neutral.highlight
+        neutral: neutral.highlight,
+        magenta: magenta.highlight,
+        pink: pink.highlight,
+        aqua: aqua.highlight,
+        teal: teal.highlight
       },
       selected: COLORS.COLOR_NEUTRAL_0
     }

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

@@ -7,6 +7,9 @@ export var navigation = {
     background: {
       base: baseDarkTheme.colors.neutral[1000],
       overflowGradient: baseDarkTheme.colors.neutral[1100]
+    },
+    border: {
+      base: baseDarkTheme.colors.neutral[1100]
     }
   },
   secondary: {
@@ -126,6 +129,11 @@ export var growth = {
         hover: baseDarkTheme.colors.purple[700]
       }
     }
+  },
+  user: {
+    status: {
+      online: baseDarkTheme.colors.green[700]
+    }
   }
 };
 export var cardControl = {

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

@@ -7,6 +7,9 @@ export var navigation = {
     background: {
       base: baseLightTheme.colors.neutral[900],
       overflowGradient: baseLightTheme.colors.neutral[1000]
+    },
+    border: {
+      base: baseLightTheme.colors.neutral[1000]
     }
   },
   secondary: {
@@ -126,6 +129,11 @@ export var growth = {
         hover: baseLightTheme.colors.purple[700]
       }
     }
+  },
+  user: {
+    status: {
+      online: baseLightTheme.colors.green[700]
+    }
   }
 };
 export var cardControl = {

package/lib/themes/light/decorative-palettes.js

@@ -33,4 +33,24 @@ export var neutral = {
   background: COLORS.COLOR_NEUTRAL_100,
   highlight: COLORS.COLOR_NEUTRAL_500,
   foreground: COLORS.COLOR_NEUTRAL_900
+};
+export var magenta = {
+  background: COLORS.COLOR_MAGENTA_100,
+  highlight: COLORS.COLOR_MAGENTA_600,
+  foreground: COLORS.COLOR_MAGENTA_900
+};
+export var pink = {
+  background: COLORS.COLOR_PINK_100,
+  highlight: COLORS.COLOR_PINK_600,
+  foreground: COLORS.COLOR_PINK_900
+};
+export var aqua = {
+  background: COLORS.COLOR_AQUA_100,
+  highlight: COLORS.COLOR_AQUA_500,
+  foreground: COLORS.COLOR_AQUA_900
+};
+export var teal = {
+  background: COLORS.COLOR_TEAL_100,
+  highlight: COLORS.COLOR_TEAL_500,
+  foreground: COLORS.COLOR_TEAL_900
 };

package/lib/themes/light/theme.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import COLORS from "@sproutsocial/seeds-color";
 import literalColors from "./literal-colors";
 import { datavizPalette } from "./dataviz-palette";
-import { green, blue, purple, yellow, orange, red, neutral } from "./decorative-palettes";
+import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
 import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
 import TYPOGRAPHY from "@sproutsocial/seeds-typography";
 import SPACE from "@sproutsocial/seeds-space";
@@ -36,7 +36,11 @@ var colors = _extends({
         yellow: yellow.background,
         orange: orange.background,
         red: red.background,
-        neutral: neutral.background
+        neutral: neutral.background,
+        magenta: magenta.background,
+        pink: pink.background,
+        aqua: aqua.background,
+        teal: teal.background
       },
       selected: COLORS.COLOR_NEUTRAL_800,
       positive_sentiment: COLORS.COLOR_BLUE_500,
@@ -58,7 +62,11 @@ var colors = _extends({
         yellow: yellow.highlight,
         orange: orange.highlight,
         red: red.highlight,
-        neutral: neutral.highlight
+        neutral: neutral.highlight,
+        magenta: magenta.highlight,
+        pink: pink.highlight,
+        aqua: aqua.highlight,
+        teal: teal.highlight
       },
       selected: COLORS.COLOR_NEUTRAL_800
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "12.9.0",
+  "version": "12.10.0",
   "license": "MIT",
   "files": [
     "__flow__",