@sproutsocial/racine 12.6.0 → 12.9.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 (31) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +34 -12
  3. package/__flow__/EnumIconNames.js +1 -1
  4. package/__flow__/EnumIllustrationNames.js +1 -1
  5. package/__flow__/IconViewBoxes.js +1 -1
  6. package/__flow__/IllustrationViewBoxes.js +1 -1
  7. package/__flow__/SpotIllustration/illustrationNames.js +2 -0
  8. package/__flow__/SpotIllustration/index.stories.js +10 -0
  9. package/__flow__/SpotIllustration/spotIllustrations/global-trend.svg +5 -0
  10. package/__flow__/SpotIllustration/spotIllustrations/tag.svg +5 -0
  11. package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +18 -0
  12. package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +18 -0
  13. package/__flow__/types/theme.flow.js +2 -0
  14. package/commonjs/IconViewBoxes.js +8 -0
  15. package/commonjs/IllustrationViewBoxes.js +35 -33
  16. package/commonjs/SpotIllustration/illustrationNames.js +1 -1
  17. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +21 -3
  18. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +21 -3
  19. package/dist/icon.svg +1 -1
  20. package/dist/iconList.js +1 -1
  21. package/dist/illustration.svg +1 -1
  22. package/dist/illustrationList.js +1 -1
  23. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +34 -2
  24. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +34 -2
  25. package/lib/IconViewBoxes.js +8 -0
  26. package/lib/IllustrationViewBoxes.js +2 -0
  27. package/lib/SpotIllustration/illustrationNames.js +1 -1
  28. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +19 -2
  29. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +19 -2
  30. package/lib/types/theme.flow.js +1 -1
  31. package/package.json +1 -1
@@ -1,41 +1,42 @@
1
1
  "use strict";
2
2
 
3
3
  module.exports = {
4
- abacus: "0 0 249 157",
4
+ "abacus": "0 0 249 157",
5
5
  "analytics-offering": "0 0 220 231",
6
- astronaut: "0 0 277 298",
6
+ "astronaut": "0 0 277 298",
7
7
  "brand-keyword": "0 0 240 230",
8
- business: "0 0 88 56",
8
+ "business": "0 0 88 56",
9
9
  "calendar-event": "0 0 110 42",
10
10
  "calendar-reporting": "0 0 248 182",
11
11
  "cat-error": "0 0 284 180",
12
12
  "cat-no-access": "0 0 370 273",
13
- cat: "0 0 240 171",
13
+ "cat": "0 0 240 171",
14
14
  "checkbox-alert": "0 0 193 169",
15
15
  "coffee-cup": "0 0 196 234",
16
16
  "compose-window": "0 0 372 188",
17
- compose: "0 0 62 45",
17
+ "compose": "0 0 62 45",
18
18
  "computer-error": "0 0 237 259",
19
- connect: "0 0 242 162",
20
- contact: "0 0 305 145",
21
- conversation: "0 0 330 236",
19
+ "connect": "0 0 242 162",
20
+ "contact": "0 0 305 145",
21
+ "conversation": "0 0 330 236",
22
22
  "custom-branding": "0 0 168 164",
23
23
  "customer-service": "0 0 302 155",
24
- dashboard: "0 0 337 195",
24
+ "dashboard": "0 0 337 195",
25
25
  "exclamation-mark": "0 0 219 143",
26
26
  "face-happy": "0 0 238 173",
27
27
  "find-bookmark": "0 0 276 228",
28
- flask: "0 0 255 230",
28
+ "flask": "0 0 255 230",
29
29
  "general-topic": "0 0 101 63",
30
30
  "global-features": "0 0 239 226",
31
+ "global-trend": "0 0 56 42",
31
32
  "hands-raised": "0 0 192 176",
32
- headset: "0 0 106 54",
33
+ "headset": "0 0 106 54",
33
34
  "heartbeat-connection": "0 0 335 201",
34
- invoice: "0 0 171 178",
35
- jewel: "0 0 154 137",
35
+ "invoice": "0 0 171 178",
36
+ "jewel": "0 0 154 137",
36
37
  "keyword-tracking": "0 0 400 232",
37
38
  "lightbulb-alt": "0 0 89 54",
38
- lightbulb: "0 0 49 43",
39
+ "lightbulb": "0 0 49 43",
39
40
  "like-conversation": "0 0 293 258",
40
41
  "link-broken": "0 0 340 236",
41
42
  "link-messages": "0 0 233 250",
@@ -43,49 +44,50 @@ module.exports = {
43
44
  "link-upload": "0 0 180 140",
44
45
  "listening-pendo": "0 0 544 109",
45
46
  "listening-tour": "0 0 236 212",
46
- loading: "0 0 62 39",
47
+ "loading": "0 0 62 39",
47
48
  "mailbox-empty": "0 0 309 240",
48
49
  "mailbox-full": "0 0 352 252",
49
50
  "network-data": "0 0 369 229",
50
51
  "no-messages-found": "0 0 272 211",
51
52
  "no-notifications": "0 0 281 134",
52
- notification: "0 0 252 194",
53
+ "notification": "0 0 252 194",
53
54
  "notifications-onboarding": "0 0 352 163",
54
55
  "organize-message": "0 0 276 220",
55
56
  "outbox-queue": "0 0 246 176",
56
57
  "outbox-reviews": "0 0 246 176",
57
- pdf: "0 0 36 35",
58
- podium: "0 0 106 46",
59
- pointer: "0 0 54 37",
58
+ "pdf": "0 0 36 35",
59
+ "podium": "0 0 106 46",
60
+ "pointer": "0 0 54 37",
60
61
  "publish-assets": "0 0 336 263",
61
62
  "publish-links": "0 0 266 252",
62
63
  "puzzle-piece": "0 0 56 44",
63
64
  "question-mark": "0 0 302 191",
64
65
  "reporting-folder": "0 0 314 247",
65
- reporting: "0 0 331 226",
66
+ "reporting": "0 0 331 226",
66
67
  "review-location": "0 0 251 227",
67
- review: "0 0 251 143",
68
+ "review": "0 0 251 143",
68
69
  "robot-assembly": "0 0 375 253",
69
70
  "robot-error": "0 0 281 286",
70
71
  "robot-happy": "0 0 222 190",
71
- rocket: "0 0 101 56",
72
+ "rocket": "0 0 101 56",
72
73
  "schedule-date": "0 0 386 240",
73
74
  "schedule-messages": "0 0 372 217",
74
75
  "search-keywords": "0 0 237 243",
75
76
  "search-success": "0 0 235 243",
76
77
  "search-trends": "0 0 249 187",
77
- search: "0 0 337 196",
78
- security: "0 0 216 284",
79
- sentiment: "0 0 316 246",
78
+ "search": "0 0 337 196",
79
+ "security": "0 0 216 284",
80
+ "sentiment": "0 0 316 246",
80
81
  "shopping-bag": "0 0 112 58",
81
82
  "spark-line": "0 0 227 113",
82
- stamp: "0 0 291 253",
83
- storefront: "0 0 111 45",
84
- success: "0 0 200 200",
83
+ "stamp": "0 0 291 253",
84
+ "storefront": "0 0 111 45",
85
+ "success": "0 0 200 200",
85
86
  "tag-message": "0 0 346 226",
87
+ "tag": "0 0 62 42",
86
88
  "team-roles": "0 0 358 298",
87
- team: "0 0 347 249",
88
- telescope: "0 0 272 255",
89
+ "team": "0 0 347 249",
90
+ "telescope": "0 0 272 255",
89
91
  "tha-mel": "0 0 181 152",
90
92
  "thumbs-up": "0 0 169 250",
91
93
  "toggle-switch": "0 0 299 127",
@@ -93,11 +95,11 @@ module.exports = {
93
95
  "tracking-time": "0 0 360 195",
94
96
  "twitter-messages": "0 0 220 228",
95
97
  "twitter-profiles": "0 0 335 187",
96
- unsubscribe: "0 0 212 163",
98
+ "unsubscribe": "0 0 212 163",
97
99
  "upward-trend": "0 0 65 49",
98
100
  "user-task": "0 0 313 176",
99
101
  "view-connections": "0 0 356 201",
100
102
  "vip-list": "0 0 212 228",
101
- warning: "0 0 55 38",
102
- wifi: "0 0 55 43"
103
+ "warning": "0 0 55 38",
104
+ "wifi": "0 0 55 43"
103
105
  };
@@ -2,5 +2,5 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  exports.illustrationNames = void 0;
5
- var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
5
+ var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
6
6
  exports.illustrationNames = illustrationNames;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
4
+ exports.navigation = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
5
5
 
6
6
  var _polished = require("polished");
7
7
 
@@ -21,6 +21,11 @@ var navigation = {
21
21
  secondary: {
22
22
  background: {
23
23
  base: _theme.default.colors.neutral[900]
24
+ },
25
+ widget: {
26
+ background: {
27
+ base: _theme.default.colors.neutral[800]
28
+ }
24
29
  }
25
30
  },
26
31
  settings: {
@@ -82,7 +87,8 @@ var growth = {
82
87
  },
83
88
  opportunity: {
84
89
  background: {
85
- base: _theme.default.colors.purple[700]
90
+ base: _theme.default.colors.purple[700],
91
+ hover: _theme.default.colors.purple[500]
86
92
  },
87
93
  button: {
88
94
  primary: {
@@ -135,13 +141,25 @@ var growth = {
135
141
  }
136
142
  };
137
143
  exports.growth = growth;
144
+ var cardControl = {
145
+ background: {
146
+ base: _theme.default.colors.neutral[900],
147
+ selected: _theme.default.colors.neutral[700],
148
+ hover: _theme.default.colors.neutral[800]
149
+ },
150
+ text: {
151
+ selected: _theme.default.colors.text.body
152
+ }
153
+ };
154
+ exports.cardControl = cardControl;
138
155
 
139
156
  var darkTheme = _extends({}, _theme.default, {
140
157
  colors: _extends({}, _theme.default.colors, {
141
158
  navigation: navigation,
142
159
  datePicker: datePicker,
143
160
  analytics: analytics,
144
- growth: growth
161
+ growth: growth,
162
+ cardControl: cardControl
145
163
  })
146
164
  });
147
165
 
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  exports.__esModule = true;
4
- exports.navigation = exports.growth = exports.default = exports.datePicker = exports.analytics = void 0;
4
+ exports.navigation = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
5
5
 
6
6
  var _polished = require("polished");
7
7
 
@@ -21,6 +21,11 @@ var navigation = {
21
21
  secondary: {
22
22
  background: {
23
23
  base: _theme.default.colors.neutral[800]
24
+ },
25
+ widget: {
26
+ background: {
27
+ base: _theme.default.colors.neutral[1000]
28
+ }
24
29
  }
25
30
  },
26
31
  settings: {
@@ -82,7 +87,8 @@ var growth = {
82
87
  },
83
88
  opportunity: {
84
89
  background: {
85
- base: _theme.default.colors.purple[700]
90
+ base: _theme.default.colors.purple[700],
91
+ hover: _theme.default.colors.purple[300]
86
92
  },
87
93
  button: {
88
94
  primary: {
@@ -135,13 +141,25 @@ var growth = {
135
141
  }
136
142
  };
137
143
  exports.growth = growth;
144
+ var cardControl = {
145
+ background: {
146
+ base: _theme.default.colors.neutral[0],
147
+ selected: _theme.default.colors.neutral[800],
148
+ hover: _theme.default.colors.neutral[100]
149
+ },
150
+ text: {
151
+ selected: _theme.default.colors.text.inverse
152
+ }
153
+ };
154
+ exports.cardControl = cardControl;
138
155
 
139
156
  var lightTheme = _extends({}, _theme.default, {
140
157
  colors: _extends({}, _theme.default.colors, {
141
158
  navigation: navigation,
142
159
  datePicker: datePicker,
143
160
  analytics: analytics,
144
- growth: growth
161
+ growth: growth,
162
+ cardControl: cardControl
145
163
  })
146
164
  });
147
165