@sproutsocial/seeds-react-theme 3.0.1 → 3.1.1

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.
@@ -10,6 +10,525 @@ $theme: (
10
10
  "700": 3px solid
11
11
  ),
12
12
  "breakpoints": (900px, 1200px, 1500px, 1800px),
13
+ "colors": (
14
+ "app": (
15
+ "background": (
16
+ "base": #f3f4f4
17
+ )
18
+ ),
19
+ "container": (
20
+ "background": (
21
+ "base": #FFFFFF,
22
+ "success": #d7f4d7,
23
+ "warning": #fdefcd,
24
+ "error": #ffd5d2,
25
+ "info": #deebfe,
26
+ "opportunity": #eaeaf9,
27
+ "danger": #ffd5d2,
28
+ "decorative": (
29
+ "green": #d7f4d7,
30
+ "blue": #deebfe,
31
+ "purple": #eaeaf9,
32
+ "yellow": #fdefcd,
33
+ "orange": #fcdccc,
34
+ "red": #ffd5d2,
35
+ "neutral": #f3f4f4,
36
+ "magenta": #f9e3fc,
37
+ "pink": #fcdbeb,
38
+ "aqua": #c5f9f9,
39
+ "teal": #cdf7ef
40
+ ),
41
+ "selected": #364141,
42
+ "positive_sentiment": #3876e3,
43
+ "negative_sentiment": #f76054,
44
+ "neutral_sentiment": #c8cccc
45
+ ),
46
+ "border": (
47
+ "base": #dee1e1,
48
+ "success": #59cb59,
49
+ "warning": #ffbc00,
50
+ "error": #ed4c42,
51
+ "danger": #ed4c42,
52
+ "info": #2b68d3,
53
+ "opportunity": #9180f4,
54
+ "decorative": (
55
+ "green": #59cb59,
56
+ "blue": #2b68d3,
57
+ "purple": #9180f4,
58
+ "yellow": #ffbc00,
59
+ "orange": #f57d33,
60
+ "red": #ed4c42,
61
+ "neutral": #6e797a,
62
+ "magenta": #c44eb9,
63
+ "pink": #e0447c,
64
+ "aqua": #17b8ce,
65
+ "teal": #08c4b2
66
+ ),
67
+ "selected": #364141
68
+ )
69
+ ),
70
+ "button": (
71
+ "primary": (
72
+ "background": (
73
+ "base": #205bc3,
74
+ "hover": #1150aa,
75
+ "active": #0c3f89
76
+ ),
77
+ "border": (
78
+ "base": transparent
79
+ ),
80
+ "text": (
81
+ "base": #FFFFFF,
82
+ "hover": #FFFFFF
83
+ )
84
+ ),
85
+ "secondary": (
86
+ "background": (
87
+ "base": transparent,
88
+ "hover": #364141,
89
+ "active": #273333
90
+ ),
91
+ "border": (
92
+ "base": #364141
93
+ ),
94
+ "text": (
95
+ "base": #364141,
96
+ "hover": #FFFFFF
97
+ )
98
+ ),
99
+ "pill": (
100
+ "background": (
101
+ "base": transparent,
102
+ "hover": #f3f4f4,
103
+ "active": #dee1e1
104
+ ),
105
+ "border": (
106
+ "base": transparent,
107
+ "hover": #364141
108
+ ),
109
+ "text": (
110
+ "base": #364141,
111
+ "hover": #273333
112
+ )
113
+ ),
114
+ "destructive": (
115
+ "background": (
116
+ "base": #c63434,
117
+ "hover": #992222,
118
+ "active": #6d1313
119
+ ),
120
+ "border": (
121
+ "base": transparent
122
+ ),
123
+ "text": (
124
+ "base": #FFFFFF,
125
+ "hover": #FFFFFF
126
+ )
127
+ ),
128
+ "placeholder": (
129
+ "background": (
130
+ "base": transparent,
131
+ "hover": #FFFFFF,
132
+ "active": #FFFFFF
133
+ ),
134
+ "border": (
135
+ "base": #929a9b
136
+ ),
137
+ "text": (
138
+ "base": #205bc3,
139
+ "hover": #1150aa
140
+ )
141
+ ),
142
+ "overlay": (
143
+ "background": (
144
+ "base": rgba(22,32,32,0.44),
145
+ "hover": rgba(22,32,32,0.36)
146
+ ),
147
+ "text": (
148
+ "base": #FFFFFF
149
+ )
150
+ ),
151
+ "unstyled": (
152
+ "background": (
153
+ "base": transparent
154
+ ),
155
+ "border": (
156
+ "base": transparent
157
+ ),
158
+ "text": (
159
+ "base": #515e5f,
160
+ "hover": #273333
161
+ )
162
+ )
163
+ ),
164
+ "link": (
165
+ "base": #1150aa,
166
+ "hover": #0c3f89
167
+ ),
168
+ "text": (
169
+ "headline": #273333,
170
+ "subtext": #515e5f,
171
+ "body": #364141,
172
+ "inverse": #FFFFFF,
173
+ "error": #992222,
174
+ "background": (
175
+ "highlight": #ffe99a,
176
+ "selection": #a1c2f8
177
+ ),
178
+ "decorative": (
179
+ "green": #006b40,
180
+ "blue": #0c3f89,
181
+ "purple": #5e4eba,
182
+ "yellow": #944c0c,
183
+ "orange": #962c0b,
184
+ "red": #992222,
185
+ "neutral": #273333,
186
+ "magenta": #6c2277,
187
+ "pink": #931847,
188
+ "aqua": #035e73,
189
+ "teal": #026661
190
+ )
191
+ ),
192
+ "icon": (
193
+ "base": #364141,
194
+ "inverse": #FFFFFF,
195
+ "success": #006b40,
196
+ "warning": #944c0c,
197
+ "error": #992222,
198
+ "danger": #992222,
199
+ "info": #0c3f89,
200
+ "opportunity": #5e4eba,
201
+ "applied": #205bc3,
202
+ "positive_sentiment": #2b68d3,
203
+ "negative_sentiment": #ed4c42,
204
+ "neutral_sentiment": #929a9b
205
+ ),
206
+ "form": (
207
+ "background": (
208
+ "base": #FFFFFF,
209
+ "selected": #364141
210
+ ),
211
+ "border": (
212
+ "base": #6e797a,
213
+ "error": #ed4c42,
214
+ "warning": #ffbc00,
215
+ "selected": #364141
216
+ ),
217
+ "placeholder": (
218
+ "base": #515e5f
219
+ )
220
+ ),
221
+ "listItem": (
222
+ "background": (
223
+ "base": transparent,
224
+ "hover": #f3f4f4,
225
+ "selected": #364141,
226
+ "active": #b0b6b7
227
+ ),
228
+ "border": (
229
+ "base": #6e797a
230
+ )
231
+ ),
232
+ "menuItem": (
233
+ "background": (
234
+ "active": #b0b6b7
235
+ )
236
+ ),
237
+ "nav": (
238
+ "navItem": (
239
+ "text": (
240
+ "base": #FFFFFF
241
+ ),
242
+ "icon": (
243
+ "base": #FFFFFF
244
+ ),
245
+ "indicator": (
246
+ "notification": (
247
+ "base": #e0447c
248
+ ),
249
+ "userStatus": (
250
+ "online": #59cb59,
251
+ "offline": #ed4c42,
252
+ "unavailable": #364141
253
+ )
254
+ ),
255
+ "background": (
256
+ "base": transparent,
257
+ "hover": #364141,
258
+ "active": #040404,
259
+ "selected": #515e5f
260
+ ),
261
+ "border": (
262
+ "hover": #515e5f,
263
+ "active": #515e5f,
264
+ "selected": #515e5f
265
+ )
266
+ )
267
+ ),
268
+ "overlay": (
269
+ "background": (
270
+ "base": rgba(22,32,32,0.56)
271
+ ),
272
+ "text": (
273
+ "base": #FFFFFF
274
+ ),
275
+ "icon": (
276
+ "base": #FFFFFF
277
+ )
278
+ ),
279
+ "elevation": (
280
+ "base": #2733333D
281
+ ),
282
+ "illustration": (
283
+ "fill": #679eff,
284
+ "stroke": #273333
285
+ ),
286
+ "network": (
287
+ "twitter": #000000,
288
+ "twitter_like": #e0245e,
289
+ "facebook": #1877F2,
290
+ "facebook_audience_network": #58409B,
291
+ "linkedin": #0A66C2,
292
+ "instagram": #e4405f,
293
+ "feedly": #2bb24c,
294
+ "analytics": #ef6c00,
295
+ "youtube": #ff0000,
296
+ "messenger": #000000,
297
+ "snapchat": #fffc00,
298
+ "pinterest": #E60023,
299
+ "tumblr": #35465c,
300
+ "reddit": #ff4500,
301
+ "tripadvisor": #00B087,
302
+ "glassdoor": #0CAA41,
303
+ "google_my_business": #4285F4,
304
+ "google_business_messages": #1A73EA,
305
+ "google_play_store": #01875F,
306
+ "apple_app_store": #17C8F5,
307
+ "salesforce": #1589EE,
308
+ "zendesk": #03363D,
309
+ "hubspot": #FF7A59,
310
+ "microsoft_dynamics": #002050,
311
+ "yelp": #FF1A1A,
312
+ "whatsapp": #59CE72,
313
+ "tiktok": #000000,
314
+ "threads": #000000,
315
+ "trustpilot": #04DA8D,
316
+ "x": #000000,
317
+ "x_like": #e0245e,
318
+ "bluesky": #1185FE
319
+ ),
320
+ "dataviz": (
321
+ "map": (
322
+ "1": #08c4b2,
323
+ "2": #6f5ed3,
324
+ "3": #ce3665,
325
+ "4": #ffcd1c,
326
+ "5": #3876e3,
327
+ "6": #db61db,
328
+ "7": #59cb59,
329
+ "8": #fc8943,
330
+ "9": #db3e3e,
331
+ "10": #026661,
332
+ "11": #a193f2,
333
+ "12": #931847,
334
+ "13": #944c0c,
335
+ "14": #0c3f89,
336
+ "15": #6c2277,
337
+ "16": #006b40,
338
+ "17": #962c0b,
339
+ "18": #ff7f6e,
340
+ "19": #0ca750,
341
+ "20": #ba7506
342
+ ),
343
+ "list": (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3876e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c3f89, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506),
344
+ "placeholder": #c8cccc
345
+ ),
346
+ "userStatus": (
347
+ "online": #0ca750,
348
+ "offline": #ed4c42,
349
+ "unavailable": #6e797a
350
+ ),
351
+ "neutral": (
352
+ "0": #FFFFFF,
353
+ "100": #f3f4f4,
354
+ "200": #dee1e1,
355
+ "300": #c8cccc,
356
+ "400": #b0b6b7,
357
+ "500": #929a9b,
358
+ "600": #6e797a,
359
+ "700": #515e5f,
360
+ "800": #364141,
361
+ "900": #273333,
362
+ "1000": #162020,
363
+ "1100": #040404
364
+ ),
365
+ "green": (
366
+ "0": #ebf9eb,
367
+ "100": #d7f4d7,
368
+ "200": #c2f2bd,
369
+ "300": #98e58e,
370
+ "400": #75dd66,
371
+ "500": #59cb59,
372
+ "600": #2bb656,
373
+ "700": #0ca750,
374
+ "800": #008b46,
375
+ "900": #006b40,
376
+ "1000": #08422f,
377
+ "1100": #002b20
378
+ ),
379
+ "red": (
380
+ "0": #ffeae9,
381
+ "100": #ffd5d2,
382
+ "200": #ffb8b1,
383
+ "300": #ff9c8f,
384
+ "400": #ff7f6e,
385
+ "500": #f76054,
386
+ "600": #ed4c42,
387
+ "700": #db3e3e,
388
+ "800": #c63434,
389
+ "900": #992222,
390
+ "1000": #6d1313,
391
+ "1100": #2b1111
392
+ ),
393
+ "blue": (
394
+ "0": #e9f4ff,
395
+ "100": #deebfe,
396
+ "200": #c7dbf9,
397
+ "300": #a1c2f8,
398
+ "400": #679eff,
399
+ "500": #3876e3,
400
+ "600": #2b68d3,
401
+ "700": #205bc3,
402
+ "800": #1150aa,
403
+ "900": #0c3f89,
404
+ "1000": #0a2960,
405
+ "1100": #001738
406
+ ),
407
+ "teal": (
408
+ "0": #e5f9f5,
409
+ "50": #CCF1EA,
410
+ "100": #cdf7ef,
411
+ "200": #b3f2e6,
412
+ "300": #7dead5,
413
+ "400": #24e0c5,
414
+ "500": #08c4b2,
415
+ "600": #00a99c,
416
+ "700": #0b968f,
417
+ "800": #067c7c,
418
+ "900": #026661,
419
+ "1000": #083f3f,
420
+ "1100": #002528
421
+ ),
422
+ "aqua": (
423
+ "0": #d9fcfb,
424
+ "100": #c5f9f9,
425
+ "200": #a5f2f2,
426
+ "300": #76e5e2,
427
+ "400": #33d6e2,
428
+ "500": #17b8ce,
429
+ "600": #0797ae,
430
+ "700": #0b8599,
431
+ "800": #0f6e84,
432
+ "900": #035e73,
433
+ "1000": #083d4f,
434
+ "1100": #002838
435
+ ),
436
+ "purple": (
437
+ "0": #f2f2f9,
438
+ "100": #eaeaf9,
439
+ "200": #d8d7f9,
440
+ "300": #c1c1f7,
441
+ "400": #a193f2,
442
+ "500": #9180f4,
443
+ "600": #816fea,
444
+ "700": #6f5ed3,
445
+ "800": #5e4eba,
446
+ "900": #483a9c,
447
+ "1000": #2d246b,
448
+ "1100": #1d1d38
449
+ ),
450
+ "magenta": (
451
+ "0": #fef0ff,
452
+ "100": #f9e3fc,
453
+ "200": #f4c4f7,
454
+ "300": #edadf2,
455
+ "350": #EC9AF1,
456
+ "400": #f282f5,
457
+ "500": #db61db,
458
+ "600": #c44eb9,
459
+ "700": #ac44a8,
460
+ "800": #8f3896,
461
+ "900": #6c2277,
462
+ "1000": #451551,
463
+ "1100": #29192d
464
+ ),
465
+ "yellow": (
466
+ "0": #fff8e2,
467
+ "100": #fdefcd,
468
+ "200": #ffe99a,
469
+ "300": #ffe16e,
470
+ "400": #ffd943,
471
+ "500": #ffcd1c,
472
+ "600": #ffbc00,
473
+ "700": #dd9903,
474
+ "800": #ba7506,
475
+ "900": #944c0c,
476
+ "1000": #542a00,
477
+ "1100": #2d1a05
478
+ ),
479
+ "pink": (
480
+ "0": #ffe9f3,
481
+ "100": #fcdbeb,
482
+ "200": #ffb5d5,
483
+ "300": #ff95c1,
484
+ "400": #ff76ae,
485
+ "500": #ef588b,
486
+ "600": #e0447c,
487
+ "700": #ce3665,
488
+ "800": #b22f5b,
489
+ "900": #931847,
490
+ "1000": #561231,
491
+ "1100": #2b1721
492
+ ),
493
+ "orange": (
494
+ "0": #ffede3,
495
+ "100": #fcdccc,
496
+ "200": #ffc6a4,
497
+ "300": #ffb180,
498
+ "400": #ff9c5d,
499
+ "500": #fc8943,
500
+ "600": #f57d33,
501
+ "700": #ed7024,
502
+ "800": #ce5511,
503
+ "900": #962c0b,
504
+ "1000": #601700,
505
+ "1100": #2d130e
506
+ ),
507
+ "DATAVIZ_COLORS_LIST": (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3876e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c3f89, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506),
508
+ "DATAVIZ_COLORS_MAP": (
509
+ "1": #08c4b2,
510
+ "2": #6f5ed3,
511
+ "3": #ce3665,
512
+ "4": #ffcd1c,
513
+ "5": #3876e3,
514
+ "6": #db61db,
515
+ "7": #59cb59,
516
+ "8": #fc8943,
517
+ "9": #db3e3e,
518
+ "10": #026661,
519
+ "11": #a193f2,
520
+ "12": #931847,
521
+ "13": #944c0c,
522
+ "14": #0c3f89,
523
+ "15": #6c2277,
524
+ "16": #006b40,
525
+ "17": #962c0b,
526
+ "18": #ff7f6e,
527
+ "19": #0ca750,
528
+ "20": #ba7506
529
+ ),
530
+ "PLACEHOLDER": #c8cccc
531
+ ),
13
532
  "default": (
14
533
  "breakpoints": (900px, 1200px, 1500px, 1800px),
15
534
  "colors": (
@@ -142,8 +661,13 @@ $theme: (
142
661
  )
143
662
  ),
144
663
  "overlay": (
145
- "base": rgba(22,32,32,0.44),
146
- "hover": rgba(22,32,32,0.36)
664
+ "background": (
665
+ "base": rgba(22,32,32,0.44),
666
+ "hover": rgba(22,32,32,0.36)
667
+ ),
668
+ "text": (
669
+ "base": #FFFFFF
670
+ )
147
671
  ),
148
672
  "unstyled": (
149
673
  "background": (