@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 +1 @@
1
- module.exports = ["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"];
1
+ module.exports = ["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"];
@@ -12,6 +12,16 @@ $theme: (
12
12
  )
13
13
  )
14
14
  ),
15
+ "cardControl": (
16
+ "background": (
17
+ "base": #273333,
18
+ "selected": #515e5f,
19
+ "hover": #364141
20
+ ),
21
+ "text": (
22
+ "selected": #f3f4f4
23
+ )
24
+ ),
15
25
  "datePicker": (
16
26
  "comparison": (
17
27
  "background": (
@@ -464,6 +474,11 @@ $theme: (
464
474
  "secondary": (
465
475
  "background": (
466
476
  "base": #273333
477
+ ),
478
+ "widget": (
479
+ "background": (
480
+ "base": #364141
481
+ )
467
482
  )
468
483
  ),
469
484
  "settings": (
@@ -522,7 +537,8 @@ $theme: (
522
537
  ),
523
538
  "opportunity": (
524
539
  "background": (
525
- "base": #6f5ed3
540
+ "base": #6f5ed3,
541
+ "hover": #9180f4
526
542
  ),
527
543
  "button": (
528
544
  "primary": (
@@ -572,6 +588,16 @@ $theme: (
572
588
  )
573
589
  )
574
590
  )
591
+ ),
592
+ "cardControl": (
593
+ "background": (
594
+ "base": #273333,
595
+ "selected": #515e5f,
596
+ "hover": #364141
597
+ ),
598
+ "text": (
599
+ "selected": #f3f4f4
600
+ )
575
601
  )
576
602
  ),
577
603
  "typography": (
@@ -764,7 +790,8 @@ $theme: (
764
790
  ),
765
791
  "opportunity": (
766
792
  "background": (
767
- "base": #6f5ed3
793
+ "base": #6f5ed3,
794
+ "hover": #9180f4
768
795
  ),
769
796
  "button": (
770
797
  "primary": (
@@ -825,6 +852,11 @@ $theme: (
825
852
  "secondary": (
826
853
  "background": (
827
854
  "base": #273333
855
+ ),
856
+ "widget": (
857
+ "background": (
858
+ "base": #364141
859
+ )
828
860
  )
829
861
  ),
830
862
  "settings": (
@@ -12,6 +12,16 @@ $theme: (
12
12
  )
13
13
  )
14
14
  ),
15
+ "cardControl": (
16
+ "background": (
17
+ "base": #FFFFFF,
18
+ "selected": #364141,
19
+ "hover": #f3f4f4
20
+ ),
21
+ "text": (
22
+ "selected": #FFFFFF
23
+ )
24
+ ),
15
25
  "datePicker": (
16
26
  "comparison": (
17
27
  "background": (
@@ -464,6 +474,11 @@ $theme: (
464
474
  "secondary": (
465
475
  "background": (
466
476
  "base": #364141
477
+ ),
478
+ "widget": (
479
+ "background": (
480
+ "base": #162020
481
+ )
467
482
  )
468
483
  ),
469
484
  "settings": (
@@ -522,7 +537,8 @@ $theme: (
522
537
  ),
523
538
  "opportunity": (
524
539
  "background": (
525
- "base": #6f5ed3
540
+ "base": #6f5ed3,
541
+ "hover": #c1c1f7
526
542
  ),
527
543
  "button": (
528
544
  "primary": (
@@ -572,6 +588,16 @@ $theme: (
572
588
  )
573
589
  )
574
590
  )
591
+ ),
592
+ "cardControl": (
593
+ "background": (
594
+ "base": #FFFFFF,
595
+ "selected": #364141,
596
+ "hover": #f3f4f4
597
+ ),
598
+ "text": (
599
+ "selected": #FFFFFF
600
+ )
575
601
  )
576
602
  ),
577
603
  "typography": (
@@ -764,7 +790,8 @@ $theme: (
764
790
  ),
765
791
  "opportunity": (
766
792
  "background": (
767
- "base": #6f5ed3
793
+ "base": #6f5ed3,
794
+ "hover": #c1c1f7
768
795
  ),
769
796
  "button": (
770
797
  "primary": (
@@ -825,6 +852,11 @@ $theme: (
825
852
  "secondary": (
826
853
  "background": (
827
854
  "base": #364141
855
+ ),
856
+ "widget": (
857
+ "background": (
858
+ "base": #162020
859
+ )
828
860
  )
829
861
  ),
830
862
  "settings": (
@@ -165,6 +165,8 @@ module.exports = {
165
165
  "grip": "0 0 8 18",
166
166
  "h1": "0 0 16 16",
167
167
  "h2": "0 0 16 16",
168
+ "h3": "0 0 16 16",
169
+ "h4": "0 0 16 16",
168
170
  "hamburger": "0 0 16 18",
169
171
  "hashtag": "0 0 16 16",
170
172
  "headset": "0 0 16 16",
@@ -269,6 +271,8 @@ module.exports = {
269
271
  "recommendation": "0 0 16 16",
270
272
  "reddit-alien": "0 0 16 16",
271
273
  "reddit": "0 0 16 16",
274
+ "reels-outline": "0 0 16 16",
275
+ "reels": "0 0 16 16",
272
276
  "referrals": "0 0 16 16",
273
277
  "refresh": "0 0 16 16",
274
278
  "rejected": "0 0 16 16",
@@ -281,6 +285,7 @@ module.exports = {
281
285
  "retweet": "0 0 18 16",
282
286
  "rss": "0 0 16 16",
283
287
  "sales": "0 0 9 16",
288
+ "salesforce-cloud": "0 0 20 16",
284
289
  "salesforce": "0 0 20 16",
285
290
  "save-assets": "0 0 16 16",
286
291
  "saved-messages": "0 0 16 16",
@@ -291,6 +296,8 @@ module.exports = {
291
296
  "sent-message": "0 0 16 14",
292
297
  "share": "0 0 16 14",
293
298
  "shopify": "0 0 16 18",
299
+ "shopping-bag-outline": "0 0 14 16",
300
+ "shopping-bag": "0 0 14 16",
294
301
  "show-navigation": "0 0 18 14",
295
302
  "slack": "0 0 16 16",
296
303
  "small-density": "0 0 16 16",
@@ -336,6 +343,7 @@ module.exports = {
336
343
  "tumblr": "0 0 16 16",
337
344
  "twitter-audience-network": "0 0 17 16",
338
345
  "twitter": "0 0 17 16",
346
+ "underline": "0 0 14 16",
339
347
  "unfollow-outline": "0 0 20 16",
340
348
  "unfollow": "0 0 20 16",
341
349
  "unlink": "0 0 16 16",
@@ -26,6 +26,7 @@ module.exports = {
26
26
  "flask": "0 0 255 230",
27
27
  "general-topic": "0 0 101 63",
28
28
  "global-features": "0 0 239 226",
29
+ "global-trend": "0 0 56 42",
29
30
  "hands-raised": "0 0 192 176",
30
31
  "headset": "0 0 106 54",
31
32
  "heartbeat-connection": "0 0 335 201",
@@ -81,6 +82,7 @@ module.exports = {
81
82
  "storefront": "0 0 111 45",
82
83
  "success": "0 0 200 200",
83
84
  "tag-message": "0 0 346 226",
85
+ "tag": "0 0 62 42",
84
86
  "team-roles": "0 0 358 298",
85
87
  "team": "0 0 347 249",
86
88
  "telescope": "0 0 272 255",
@@ -1 +1 @@
1
- export 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"];
1
+ export 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"];
@@ -12,6 +12,11 @@ export var navigation = {
12
12
  secondary: {
13
13
  background: {
14
14
  base: baseDarkTheme.colors.neutral[900]
15
+ },
16
+ widget: {
17
+ background: {
18
+ base: baseDarkTheme.colors.neutral[800]
19
+ }
15
20
  }
16
21
  },
17
22
  settings: {
@@ -70,7 +75,8 @@ export var growth = {
70
75
  },
71
76
  opportunity: {
72
77
  background: {
73
- base: baseDarkTheme.colors.purple[700]
78
+ base: baseDarkTheme.colors.purple[700],
79
+ hover: baseDarkTheme.colors.purple[500]
74
80
  },
75
81
  button: {
76
82
  primary: {
@@ -122,13 +128,24 @@ export var growth = {
122
128
  }
123
129
  }
124
130
  };
131
+ export var cardControl = {
132
+ background: {
133
+ base: baseDarkTheme.colors.neutral[900],
134
+ selected: baseDarkTheme.colors.neutral[700],
135
+ hover: baseDarkTheme.colors.neutral[800]
136
+ },
137
+ text: {
138
+ selected: baseDarkTheme.colors.text.body
139
+ }
140
+ };
125
141
 
126
142
  var darkTheme = _extends({}, baseDarkTheme, {
127
143
  colors: _extends({}, baseDarkTheme.colors, {
128
144
  navigation: navigation,
129
145
  datePicker: datePicker,
130
146
  analytics: analytics,
131
- growth: growth
147
+ growth: growth,
148
+ cardControl: cardControl
132
149
  })
133
150
  });
134
151
 
@@ -12,6 +12,11 @@ export var navigation = {
12
12
  secondary: {
13
13
  background: {
14
14
  base: baseLightTheme.colors.neutral[800]
15
+ },
16
+ widget: {
17
+ background: {
18
+ base: baseLightTheme.colors.neutral[1000]
19
+ }
15
20
  }
16
21
  },
17
22
  settings: {
@@ -70,7 +75,8 @@ export var growth = {
70
75
  },
71
76
  opportunity: {
72
77
  background: {
73
- base: baseLightTheme.colors.purple[700]
78
+ base: baseLightTheme.colors.purple[700],
79
+ hover: baseLightTheme.colors.purple[300]
74
80
  },
75
81
  button: {
76
82
  primary: {
@@ -122,13 +128,24 @@ export var growth = {
122
128
  }
123
129
  }
124
130
  };
131
+ export var cardControl = {
132
+ background: {
133
+ base: baseLightTheme.colors.neutral[0],
134
+ selected: baseLightTheme.colors.neutral[800],
135
+ hover: baseLightTheme.colors.neutral[100]
136
+ },
137
+ text: {
138
+ selected: baseLightTheme.colors.text.inverse
139
+ }
140
+ };
125
141
 
126
142
  var lightTheme = _extends({}, baseLightTheme, {
127
143
  colors: _extends({}, baseLightTheme.colors, {
128
144
  navigation: navigation,
129
145
  datePicker: datePicker,
130
146
  analytics: analytics,
131
- growth: growth
147
+ growth: growth,
148
+ cardControl: cardControl
132
149
  })
133
150
  });
134
151
 
@@ -1,2 +1,2 @@
1
1
  import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../themes/light/theme";
2
- import { datePicker, navigation, analytics, growth } from "../themes/extendedThemes/sproutTheme/light/theme";
2
+ import { datePicker, navigation, analytics, growth, cardControl } from "../themes/extendedThemes/sproutTheme/light/theme";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "12.6.0",
3
+ "version": "12.9.0",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "__flow__",