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