@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.
- package/CHANGELOG.md +18 -0
- package/README.md +34 -12
- package/__flow__/EnumIconNames.js +1 -1
- package/__flow__/EnumIllustrationNames.js +1 -1
- package/__flow__/IconViewBoxes.js +1 -1
- package/__flow__/IllustrationViewBoxes.js +1 -1
- package/__flow__/SpotIllustration/illustrationNames.js +2 -0
- package/__flow__/SpotIllustration/index.stories.js +10 -0
- package/__flow__/SpotIllustration/spotIllustrations/global-trend.svg +5 -0
- package/__flow__/SpotIllustration/spotIllustrations/tag.svg +5 -0
- package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +18 -0
- package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +18 -0
- package/__flow__/types/theme.flow.js +2 -0
- package/commonjs/IconViewBoxes.js +8 -0
- package/commonjs/IllustrationViewBoxes.js +35 -33
- package/commonjs/SpotIllustration/illustrationNames.js +1 -1
- package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +21 -3
- package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +21 -3
- package/dist/icon.svg +1 -1
- package/dist/iconList.js +1 -1
- package/dist/illustration.svg +1 -1
- package/dist/illustrationList.js +1 -1
- package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +34 -2
- package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +34 -2
- package/lib/IconViewBoxes.js +8 -0
- package/lib/IllustrationViewBoxes.js +2 -0
- package/lib/SpotIllustration/illustrationNames.js +1 -1
- package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +19 -2
- package/lib/themes/extendedThemes/sproutTheme/light/theme.js +19 -2
- package/lib/types/theme.flow.js +1 -1
- package/package.json +1 -1
package/dist/illustrationList.js
CHANGED
|
@@ -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": (
|
package/lib/IconViewBoxes.js
CHANGED
|
@@ -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
|
|
package/lib/types/theme.flow.js
CHANGED
|
@@ -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";
|