@sproutsocial/racine 8.4.0 → 8.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/__flow__/Collapsible/index.js +40 -11
  3. package/__flow__/Collapsible/index.stories.js +77 -0
  4. package/__flow__/Collapsible/styles.js +28 -2
  5. package/__flow__/EnumIconNames.js +1 -1
  6. package/__flow__/IconViewBoxes.js +1 -1
  7. package/__flow__/dataviz/dataviz.stories.js +12 -0
  8. package/__flow__/dataviz/index.js +13 -0
  9. package/__flow__/themes/dark/dataviz-palette.js +50 -0
  10. package/__flow__/themes/dark/theme.js +2 -0
  11. package/__flow__/themes/default/dataviz-palette.js +50 -0
  12. package/__flow__/themes/default/theme.js +3 -0
  13. package/commonjs/Collapsible/index.js +28 -11
  14. package/commonjs/Collapsible/styles.js +8 -1
  15. package/commonjs/IconViewBoxes.js +11 -1
  16. package/commonjs/dataviz/index.js +24 -0
  17. package/commonjs/include-icons.js +1 -1
  18. package/commonjs/themes/dark/dataviz-palette.js +35 -0
  19. package/commonjs/themes/dark/theme.js +3 -1
  20. package/commonjs/themes/default/dataviz-palette.js +35 -0
  21. package/commonjs/themes/default/theme.js +5 -2
  22. package/dist/iconList.js +1 -1
  23. package/dist/icons.svg +1 -1
  24. package/icons/bigcommerce.svg +1 -2
  25. package/icons/deconstructed-negative-sentiment.svg +3 -0
  26. package/icons/deconstructed-neutral-sentiment.svg +3 -0
  27. package/icons/deconstructed-positive-sentiment.svg +3 -0
  28. package/icons/flat-negative-sentiment-outline.svg +4 -0
  29. package/icons/flat-negative-sentiment.svg +3 -0
  30. package/icons/flat-neutral-sentiment-outline.svg +4 -0
  31. package/icons/flat-neutral-sentiment.svg +3 -0
  32. package/icons/flat-positive-sentiment-outline.svg +4 -0
  33. package/icons/flat-positive-sentiment.svg +3 -0
  34. package/icons/tiktok.svg +5 -0
  35. package/icons/woocommerce.svg +2 -4
  36. package/includeIcons.js +1 -1
  37. package/lib/Collapsible/index.js +28 -11
  38. package/lib/Collapsible/styles.js +8 -1
  39. package/lib/IconViewBoxes.js +11 -1
  40. package/lib/dataviz/index.js +13 -0
  41. package/lib/include-icons.js +1 -1
  42. package/lib/themes/dark/dataviz-palette.js +26 -0
  43. package/lib/themes/dark/theme.js +2 -1
  44. package/lib/themes/default/dataviz-palette.js +26 -0
  45. package/lib/themes/default/theme.js +4 -2
  46. package/package.json +3 -2
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.datavizPalette = void 0;
5
+
6
+ var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
+
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+
10
+ var datavizPalette = {
11
+ DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_400, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_400, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_400, _seedsColor.default.COLOR_MAGENTA_400, _seedsColor.default.COLOR_GREEN_400, _seedsColor.default.COLOR_ORANGE_400, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_700, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_800, _seedsColor.default.COLOR_BLUE_700, _seedsColor.default.COLOR_MAGENTA_700, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_ORANGE_700, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_200, _seedsColor.default.COLOR_YELLOW_200],
12
+ DATAVIZ_COLORS_MAP: {
13
+ "1": _seedsColor.default.COLOR_TEAL_400,
14
+ "2": _seedsColor.default.COLOR_PURPLE_400,
15
+ "3": _seedsColor.default.COLOR_PINK_400,
16
+ "4": _seedsColor.default.COLOR_YELLOW_500,
17
+ "5": _seedsColor.default.COLOR_BLUE_400,
18
+ "6": _seedsColor.default.COLOR_MAGENTA_400,
19
+ "7": _seedsColor.default.COLOR_GREEN_400,
20
+ "8": _seedsColor.default.COLOR_ORANGE_400,
21
+ "9": _seedsColor.default.COLOR_RED_700,
22
+ "10": _seedsColor.default.COLOR_TEAL_700,
23
+ "11": _seedsColor.default.COLOR_PURPLE_700,
24
+ "12": _seedsColor.default.COLOR_PINK_700,
25
+ "13": _seedsColor.default.COLOR_YELLOW_800,
26
+ "14": _seedsColor.default.COLOR_BLUE_700,
27
+ "15": _seedsColor.default.COLOR_MAGENTA_700,
28
+ "16": _seedsColor.default.COLOR_GREEN_700,
29
+ "17": _seedsColor.default.COLOR_ORANGE_700,
30
+ "18": _seedsColor.default.COLOR_RED_400,
31
+ "19": _seedsColor.default.COLOR_GREEN_200,
32
+ "20": _seedsColor.default.COLOR_YELLOW_200
33
+ }
34
+ };
35
+ exports.datavizPalette = datavizPalette;
@@ -7,6 +7,8 @@ var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
8
8
  var _theme = _interopRequireDefault(require("../default/theme"));
9
9
 
10
+ var _datavizPalette = require("./dataviz-palette");
11
+
10
12
  var _decorativePalettes = require("./decorative-palettes");
11
13
 
12
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -187,7 +189,7 @@ var darkTheme = _extends({}, _theme.default, {
187
189
  selected: _seedsColor.default.COLOR_NEUTRAL_0
188
190
  }
189
191
  }
190
- }),
192
+ }, _datavizPalette.datavizPalette),
191
193
  mode: "dark"
192
194
  });
193
195
 
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.datavizPalette = void 0;
5
+
6
+ var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
+
8
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
9
+
10
+ var datavizPalette = {
11
+ DATAVIZ_COLORS_LIST: [_seedsColor.default.COLOR_TEAL_500, _seedsColor.default.COLOR_PURPLE_700, _seedsColor.default.COLOR_PINK_700, _seedsColor.default.COLOR_YELLOW_500, _seedsColor.default.COLOR_BLUE_500, _seedsColor.default.COLOR_MAGENTA_500, _seedsColor.default.COLOR_GREEN_500, _seedsColor.default.COLOR_ORANGE_500, _seedsColor.default.COLOR_RED_700, _seedsColor.default.COLOR_TEAL_900, _seedsColor.default.COLOR_PURPLE_400, _seedsColor.default.COLOR_PINK_900, _seedsColor.default.COLOR_YELLOW_900, _seedsColor.default.COLOR_BLUE_900, _seedsColor.default.COLOR_MAGENTA_900, _seedsColor.default.COLOR_GREEN_900, _seedsColor.default.COLOR_ORANGE_900, _seedsColor.default.COLOR_RED_400, _seedsColor.default.COLOR_GREEN_700, _seedsColor.default.COLOR_YELLOW_800],
12
+ DATAVIZ_COLORS_MAP: {
13
+ "1": _seedsColor.default.COLOR_TEAL_500,
14
+ "2": _seedsColor.default.COLOR_PURPLE_700,
15
+ "3": _seedsColor.default.COLOR_PINK_700,
16
+ "4": _seedsColor.default.COLOR_YELLOW_500,
17
+ "5": _seedsColor.default.COLOR_BLUE_500,
18
+ "6": _seedsColor.default.COLOR_MAGENTA_500,
19
+ "7": _seedsColor.default.COLOR_GREEN_500,
20
+ "8": _seedsColor.default.COLOR_ORANGE_500,
21
+ "9": _seedsColor.default.COLOR_RED_700,
22
+ "10": _seedsColor.default.COLOR_TEAL_900,
23
+ "11": _seedsColor.default.COLOR_PURPLE_400,
24
+ "12": _seedsColor.default.COLOR_PINK_900,
25
+ "13": _seedsColor.default.COLOR_YELLOW_900,
26
+ "14": _seedsColor.default.COLOR_BLUE_900,
27
+ "15": _seedsColor.default.COLOR_MAGENTA_900,
28
+ "16": _seedsColor.default.COLOR_GREEN_900,
29
+ "17": _seedsColor.default.COLOR_ORANGE_900,
30
+ "18": _seedsColor.default.COLOR_RED_400,
31
+ "19": _seedsColor.default.COLOR_GREEN_700,
32
+ "20": _seedsColor.default.COLOR_YELLOW_800
33
+ }
34
+ };
35
+ exports.datavizPalette = datavizPalette;
@@ -7,6 +7,8 @@ var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
7
7
 
8
8
  var _literalColors = _interopRequireDefault(require("./literal-colors"));
9
9
 
10
+ var _datavizPalette = require("./dataviz-palette");
11
+
10
12
  var _decorativePalettes = require("./decorative-palettes");
11
13
 
12
14
  var _seedsNetworkcolor = _interopRequireDefault(require("@sproutsocial/seeds-networkcolor"));
@@ -225,9 +227,10 @@ var colors = _extends({
225
227
  hubspot: _seedsNetworkcolor.default.NETWORK_COLOR_HUBSPOT,
226
228
  microsoft_dynamics: _seedsNetworkcolor.default.NETWORK_COLOR_MICROSOFT_DYNAMICS,
227
229
  yelp: _seedsNetworkcolor.default.NETWORK_COLOR_YELP,
228
- whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP
230
+ whatsapp: _seedsNetworkcolor.default.NETWORK_COLOR_WHATSAPP,
231
+ tiktok: _seedsNetworkcolor.default.NETWORK_COLOR_TIKTOK
229
232
  }
230
- }, _literalColors.default);
233
+ }, _literalColors.default, _datavizPalette.datavizPalette);
231
234
 
232
235
  var typography = {
233
236
  "100": _seedsTypography.default.TYPOGRAPHY_SIZE_100,
package/dist/iconList.js CHANGED
@@ -1 +1 @@
1
- module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","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","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","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","hamburger","hashtag","headset","heart-outline","heart","heartbeat","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","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","plus","positive-sentiment","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","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","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","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"];
1
+ module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","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","hamburger","hashtag","headset","heart-outline","heart","heartbeat","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","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","plus","positive-sentiment","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","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","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"];