@sproutsocial/racine 12.4.0 → 12.6.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 (23) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/__flow__/Checkbox/index.js +7 -1
  3. package/__flow__/PartnerLogo/index.js +41 -4
  4. package/__flow__/PartnerLogo/index.stories.js +17 -0
  5. package/__flow__/themes/dark/decorative-palettes.js +1 -1
  6. package/__flow__/themes/extendedThemes/sproutTheme/dark/theme.js +1 -1
  7. package/__flow__/themes/extendedThemes/sproutTheme/light/theme.js +1 -1
  8. package/__flow__/types/theme.colors.flow.js +1 -0
  9. package/commonjs/Checkbox/index.js +4 -3
  10. package/commonjs/PartnerLogo/index.js +31 -5
  11. package/commonjs/themes/dark/decorative-palettes.js +1 -1
  12. package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js +1 -1
  13. package/commonjs/themes/extendedThemes/sproutTheme/light/theme.js +1 -1
  14. package/dist/themes/dark/theme.scss +547 -547
  15. package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss +720 -720
  16. package/dist/themes/extendedThemes/sproutTheme/light/theme.scss +720 -720
  17. package/dist/themes/light/theme.scss +621 -621
  18. package/lib/Checkbox/index.js +4 -3
  19. package/lib/PartnerLogo/index.js +25 -4
  20. package/lib/themes/dark/decorative-palettes.js +1 -1
  21. package/lib/themes/extendedThemes/sproutTheme/dark/theme.js +1 -1
  22. package/lib/themes/extendedThemes/sproutTheme/light/theme.js +1 -1
  23. package/package.json +8 -6
package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss CHANGED
@@ -1,854 +1,854 @@
1
1
  $theme: (
2
- __esModule: true,
3
- analytics: (
4
- trend: (
5
- positive: #08c4b2,
6
- neutral: #f3f4f4,
7
- negative: #f3f4f4
2
+ "__esModule": true,
3
+ "analytics": (
4
+ "trend": (
5
+ "positive": #08c4b2,
6
+ "neutral": #f3f4f4,
7
+ "negative": #f3f4f4
8
8
  ),
9
- overlay: (
10
- background: (
11
- base: rgba(39,51,51,0.8)
9
+ "overlay": (
10
+ "background": (
11
+ "base": rgba(39,51,51,0.8)
12
12
  )
13
13
  )
14
14
  ),
15
- datePicker: (
16
- comparison: (
17
- background: (
18
- base: #b0b6b7
15
+ "datePicker": (
16
+ "comparison": (
17
+ "background": (
18
+ "base": #b0b6b7
19
19
  ),
20
- text: (
21
- base: #364141
20
+ "text": (
21
+ "base": #364141
22
22
  )
23
23
  )
24
24
  ),
25
- default: (
26
- breakpoints: (900px, 1200px, 1500px, 1800px),
27
- colors: (
28
- app: (
29
- background: (
30
- base: #162020
25
+ "default": (
26
+ "breakpoints": (900px, 1200px, 1500px, 1800px),
27
+ "colors": (
28
+ "app": (
29
+ "background": (
30
+ "base": #162020
31
31
  )
32
32
  ),
33
- container: (
34
- background: (
35
- base: #273333,
36
- success: #006b40,
37
- warning: #944c0c,
38
- error: #992222,
39
- info: #0c5689,
40
- opportunity: #5e4eba,
41
- danger: #992222,
42
- decorative: (
43
- green: #006b40,
44
- blue: #0c5689,
45
- purple: #5e4eba,
46
- yellow: #944c0c,
47
- orange: #962c0b,
48
- red: #992222,
49
- neutral: #273333
33
+ "container": (
34
+ "background": (
35
+ "base": #273333,
36
+ "success": #006b40,
37
+ "warning": #944c0c,
38
+ "error": #992222,
39
+ "info": #0c5689,
40
+ "opportunity": #5e4eba,
41
+ "danger": #992222,
42
+ "decorative": (
43
+ "green": #006b40,
44
+ "blue": #0c5689,
45
+ "purple": #5e4eba,
46
+ "yellow": #944c0c,
47
+ "orange": #962c0b,
48
+ "red": #992222,
49
+ "neutral": #162020
50
50
  ),
51
- selected: #FFFFFF,
52
- positive_sentiment: #3896e3,
53
- negative_sentiment: #f76054,
54
- neutral_sentiment: #c8cccc
55
- ),
56
- border: (
57
- base: #040404,
58
- success: #59cb59,
59
- warning: #ffbc00,
60
- error: #ed4c42,
61
- danger: #ed4c42,
62
- info: #2b87d3,
63
- opportunity: #9180f4,
64
- decorative: (
65
- green: #59cb59,
66
- blue: #2b87d3,
67
- purple: #9180f4,
68
- yellow: #ffbc00,
69
- orange: #f57d33,
70
- red: #ed4c42,
71
- neutral: #929a9b
51
+ "selected": #FFFFFF,
52
+ "positive_sentiment": #3896e3,
53
+ "negative_sentiment": #f76054,
54
+ "neutral_sentiment": #c8cccc
55
+ ),
56
+ "border": (
57
+ "base": #040404,
58
+ "success": #59cb59,
59
+ "warning": #ffbc00,
60
+ "error": #ed4c42,
61
+ "danger": #ed4c42,
62
+ "info": #2b87d3,
63
+ "opportunity": #9180f4,
64
+ "decorative": (
65
+ "green": #59cb59,
66
+ "blue": #2b87d3,
67
+ "purple": #9180f4,
68
+ "yellow": #ffbc00,
69
+ "orange": #f57d33,
70
+ "red": #ed4c42,
71
+ "neutral": #929a9b
72
72
  ),
73
- selected: #FFFFFF
73
+ "selected": #FFFFFF
74
74
  )
75
75
  ),
76
- button: (
77
- primary: (
78
- background: (
79
- base: #56adf5,
80
- hover: #a1d2f8,
81
- active: #c7e4f9
76
+ "button": (
77
+ "primary": (
78
+ "background": (
79
+ "base": #56adf5,
80
+ "hover": #a1d2f8,
81
+ "active": #c7e4f9
82
82
  ),
83
- border: (
84
- base: transparent
83
+ "border": (
84
+ "base": transparent
85
85
  ),
86
- text: (
87
- base: #273333,
88
- hover: #162020
86
+ "text": (
87
+ "base": #273333,
88
+ "hover": #162020
89
89
  )
90
90
  ),
91
- secondary: (
92
- background: (
93
- base: transparent,
94
- hover: #f3f4f4,
95
- active: #FFFFFF
91
+ "secondary": (
92
+ "background": (
93
+ "base": transparent,
94
+ "hover": #f3f4f4,
95
+ "active": #FFFFFF
96
96
  ),
97
- border: (
98
- base: #FFFFFF
97
+ "border": (
98
+ "base": #FFFFFF
99
99
  ),
100
- text: (
101
- base: #FFFFFF,
102
- hover: #364141
100
+ "text": (
101
+ "base": #FFFFFF,
102
+ "hover": #364141
103
103
  )
104
104
  ),
105
- pill: (
106
- background: (
107
- base: transparent,
108
- hover: #162020,
109
- active: #273333
105
+ "pill": (
106
+ "background": (
107
+ "base": transparent,
108
+ "hover": #162020,
109
+ "active": #273333
110
110
  ),
111
- border: (
112
- base: transparent
111
+ "border": (
112
+ "base": transparent
113
113
  ),
114
- text: (
115
- base: #f3f4f4,
116
- hover: #FFFFFF
114
+ "text": (
115
+ "base": #f3f4f4,
116
+ "hover": #FFFFFF
117
117
  )
118
118
  ),
119
- destructive: (
120
- background: (
121
- base: #ff7f6e,
122
- hover: #ff9c8f,
123
- active: #ffb8b1
119
+ "destructive": (
120
+ "background": (
121
+ "base": #ff7f6e,
122
+ "hover": #ff9c8f,
123
+ "active": #ffb8b1
124
124
  ),
125
- border: (
126
- base: transparent
125
+ "border": (
126
+ "base": transparent
127
127
  ),
128
- text: (
129
- base: #273333,
130
- hover: #162020
128
+ "text": (
129
+ "base": #273333,
130
+ "hover": #162020
131
131
  )
132
132
  ),
133
- placeholder: (
134
- background: (
135
- base: transparent,
136
- hover: #040404,
137
- active: #040404
133
+ "placeholder": (
134
+ "background": (
135
+ "base": transparent,
136
+ "hover": #040404,
137
+ "active": #040404
138
138
  ),
139
- border: (
140
- base: #929a9b
139
+ "border": (
140
+ "base": #929a9b
141
141
  ),
142
- text: (
143
- base: #56adf5,
144
- hover: #a1d2f8
142
+ "text": (
143
+ "base": #56adf5,
144
+ "hover": #a1d2f8
145
145
  )
146
146
  ),
147
- unstyled: (
148
- background: (
149
- base: transparent
147
+ "unstyled": (
148
+ "background": (
149
+ "base": transparent
150
150
  ),
151
- border: (
152
- base: transparent
151
+ "border": (
152
+ "base": transparent
153
153
  ),
154
- text: (
155
- base: #c8cccc,
156
- hover: #dee1e1
154
+ "text": (
155
+ "base": #c8cccc,
156
+ "hover": #dee1e1
157
157
  )
158
158
  )
159
159
  ),
160
- link: (
161
- base: #56adf5,
162
- hover: #a1d2f8
163
- ),
164
- text: (
165
- headline: #FFFFFF,
166
- subtext: #c8cccc,
167
- body: #f3f4f4,
168
- inverse: #273333,
169
- error: #ff7f6e,
170
- background: (
171
- highlight: #944c0c
160
+ "link": (
161
+ "base": #56adf5,
162
+ "hover": #a1d2f8
163
+ ),
164
+ "text": (
165
+ "headline": #FFFFFF,
166
+ "subtext": #c8cccc,
167
+ "body": #f3f4f4,
168
+ "inverse": #273333,
169
+ "error": #ff7f6e,
170
+ "background": (
171
+ "highlight": #944c0c
172
172
  )
173
173
  ),
174
- icon: (
175
- base: #f3f4f4,
176
- inverse: #273333,
177
- success: #d7f4d7,
178
- warning: #fdefcd,
179
- error: #ffd5d2,
180
- danger: #ffd5d2,
181
- info: #dcf2ff,
182
- opportunity: #eaeaf9,
183
- applied: #56adf5,
184
- positive_sentiment: #2079c3,
185
- negative_sentiment: #ed4c42,
186
- neutral_sentiment: #6e797a
187
- ),
188
- form: (
189
- background: (
190
- base: #273333,
191
- selected: #FFFFFF
192
- ),
193
- border: (
194
- base: #929a9b,
195
- error: #ed4c42,
196
- warning: #ffbc00,
197
- selected: #FFFFFF
198
- ),
199
- placeholder: (
200
- base: #929a9b
174
+ "icon": (
175
+ "base": #f3f4f4,
176
+ "inverse": #273333,
177
+ "success": #d7f4d7,
178
+ "warning": #fdefcd,
179
+ "error": #ffd5d2,
180
+ "danger": #ffd5d2,
181
+ "info": #dcf2ff,
182
+ "opportunity": #eaeaf9,
183
+ "applied": #56adf5,
184
+ "positive_sentiment": #2079c3,
185
+ "negative_sentiment": #ed4c42,
186
+ "neutral_sentiment": #6e797a
187
+ ),
188
+ "form": (
189
+ "background": (
190
+ "base": #273333,
191
+ "selected": #FFFFFF
192
+ ),
193
+ "border": (
194
+ "base": #929a9b,
195
+ "error": #ed4c42,
196
+ "warning": #ffbc00,
197
+ "selected": #FFFFFF
198
+ ),
199
+ "placeholder": (
200
+ "base": #929a9b
201
201
  )
202
202
  ),
203
- listItem: (
204
- background: (
205
- base: transparent,
206
- hover: #364141,
207
- selected: #FFFFFF
203
+ "listItem": (
204
+ "background": (
205
+ "base": transparent,
206
+ "hover": #364141,
207
+ "selected": #FFFFFF
208
208
  )
209
209
  ),
210
- overlay: (
211
- background: (
212
- base: rgba(22,32,32,0.72)
210
+ "overlay": (
211
+ "background": (
212
+ "base": rgba(22,32,32,0.72)
213
213
  ),
214
- text: (
215
- base: #FFFFFF
214
+ "text": (
215
+ "base": #FFFFFF
216
216
  ),
217
- icon: (
218
- base: #FFFFFF
217
+ "icon": (
218
+ "base": #FFFFFF
219
219
  )
220
220
  ),
221
- elevation: (
222
- base: #040404
223
- ),
224
- illustration: (
225
- fill: #56adf5,
226
- stroke: #f3f4f4
227
- ),
228
- network: (
229
- twitter: #1da1f2,
230
- twitter_like: #e0245e,
231
- facebook: #217bee,
232
- facebook_audience_network: #58409B,
233
- linkedin: #0A66C2,
234
- instagram: #e4405f,
235
- feedly: #2bb24c,
236
- analytics: #ef6c00,
237
- youtube: #ff0000,
238
- messenger: #0084ff,
239
- snapchat: #fffc00,
240
- pinterest: #E60023,
241
- tumblr: #35465c,
242
- reddit: #ff4500,
243
- tripadvisor: #00B087,
244
- glassdoor: #0CAA41,
245
- google_my_business: #4285F4,
246
- google_business_messages: #1A73EA,
247
- salesforce: #1589EE,
248
- zendesk: #03363D,
249
- hubspot: #FF7A59,
250
- microsoft_dynamics: #002050,
251
- yelp: #FF1A1A,
252
- whatsapp: #25D366,
253
- tiktok: #000000
254
- ),
255
- dataviz: (
256
- map: (
257
- 1: #24e0c5,
258
- 2: #a193f2,
259
- 3: #ff76ae,
260
- 4: #ffcd1c,
261
- 5: #56adf5,
262
- 6: #f282f5,
263
- 7: #75dd66,
264
- 8: #ff9c5d,
265
- 9: #db3e3e,
266
- 10: #0b968f,
267
- 11: #6f5ed3,
268
- 12: #ce3665,
269
- 13: #ba7506,
270
- 14: #2079c3,
271
- 15: #ac44a8,
272
- 16: #0ca750,
273
- 17: #ed7024,
274
- 18: #ff7f6e,
275
- 19: #c2f2bd,
276
- 20: #ffe99a
277
- ),
278
- list: (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a)
279
- ),
280
- neutral: (
281
- 0: #FFFFFF,
282
- 100: #f3f4f4,
283
- 200: #dee1e1,
284
- 300: #c8cccc,
285
- 400: #b0b6b7,
286
- 500: #929a9b,
287
- 600: #6e797a,
288
- 700: #515e5f,
289
- 800: #364141,
290
- 900: #273333,
291
- 1000: #162020,
292
- 1100: #040404
293
- ),
294
- green: (
295
- 0: #ebf9eb,
296
- 100: #d7f4d7,
297
- 200: #c2f2bd,
298
- 300: #98e58e,
299
- 400: #75dd66,
300
- 500: #59cb59,
301
- 600: #2bb656,
302
- 700: #0ca750,
303
- 800: #008b46,
304
- 900: #006b40,
305
- 1000: #08422f,
306
- 1100: #002b20
307
- ),
308
- red: (
309
- 0: #ffeae9,
310
- 100: #ffd5d2,
311
- 200: #ffb8b1,
312
- 300: #ff9c8f,
313
- 400: #ff7f6e,
314
- 500: #f76054,
315
- 600: #ed4c42,
316
- 700: #db3e3e,
317
- 800: #c63434,
318
- 900: #992222,
319
- 1000: #6d1313,
320
- 1100: #2b1111
321
- ),
322
- blue: (
323
- 0: #e9f8ff,
324
- 100: #dcf2ff,
325
- 200: #c7e4f9,
326
- 300: #a1d2f8,
327
- 400: #56adf5,
328
- 500: #3896e3,
329
- 600: #2b87d3,
330
- 700: #2079c3,
331
- 800: #116daa,
332
- 900: #0c5689,
333
- 1000: #0a3960,
334
- 1100: #002138
335
- ),
336
- teal: (
337
- 0: #e5f9f5,
338
- 100: #cdf7ef,
339
- 200: #b3f2e6,
340
- 300: #7dead5,
341
- 400: #24e0c5,
342
- 500: #08c4b2,
343
- 600: #00a99c,
344
- 700: #0b968f,
345
- 800: #067c7c,
346
- 900: #026661,
347
- 1000: #083f3f,
348
- 1100: #002528
349
- ),
350
- aqua: (
351
- 0: #d9fcfb,
352
- 100: #c5f9f9,
353
- 200: #a5f2f2,
354
- 300: #76e5e2,
355
- 400: #33d6e2,
356
- 500: #17b8ce,
357
- 600: #0797ae,
358
- 700: #0b8599,
359
- 800: #0f6e84,
360
- 900: #035e73,
361
- 1000: #083d4f,
362
- 1100: #002838
363
- ),
364
- purple: (
365
- 0: #f2f2f9,
366
- 100: #eaeaf9,
367
- 200: #d8d7f9,
368
- 300: #c1c1f7,
369
- 400: #a193f2,
370
- 500: #9180f4,
371
- 600: #816fea,
372
- 700: #6f5ed3,
373
- 800: #5e4eba,
374
- 900: #483a9c,
375
- 1000: #2d246b,
376
- 1100: #1d1d38
377
- ),
378
- magenta: (
379
- 0: #fef0ff,
380
- 100: #f9e3fc,
381
- 200: #f4c4f7,
382
- 300: #edadf2,
383
- 400: #f282f5,
384
- 500: #db61db,
385
- 600: #c44eb9,
386
- 700: #ac44a8,
387
- 800: #8f3896,
388
- 900: #6c2277,
389
- 1000: #451551,
390
- 1100: #29192d
391
- ),
392
- yellow: (
393
- 0: #fff8e2,
394
- 100: #fdefcd,
395
- 200: #ffe99a,
396
- 300: #ffe16e,
397
- 400: #ffd943,
398
- 500: #ffcd1c,
399
- 600: #ffbc00,
400
- 700: #dd9903,
401
- 800: #ba7506,
402
- 900: #944c0c,
403
- 1000: #542a00,
404
- 1100: #2d1a05
405
- ),
406
- pink: (
407
- 0: #ffe9f3,
408
- 100: #fcdbeb,
409
- 200: #ffb5d5,
410
- 300: #ff95c1,
411
- 400: #ff76ae,
412
- 500: #ef588b,
413
- 600: #e0447c,
414
- 700: #ce3665,
415
- 800: #b22f5b,
416
- 900: #931847,
417
- 1000: #561231,
418
- 1100: #2b1721
419
- ),
420
- orange: (
421
- 0: #ffede3,
422
- 100: #fcdccc,
423
- 200: #ffc6a4,
424
- 300: #ffb180,
425
- 400: #ff9c5d,
426
- 500: #fc8943,
427
- 600: #f57d33,
428
- 700: #ed7024,
429
- 800: #ce5511,
430
- 900: #962c0b,
431
- 1000: #601700,
432
- 1100: #2d130e
433
- ),
434
- DATAVIZ_COLORS_LIST: (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a),
435
- DATAVIZ_COLORS_MAP: (
436
- 1: #24e0c5,
437
- 2: #a193f2,
438
- 3: #ff76ae,
439
- 4: #ffcd1c,
440
- 5: #56adf5,
441
- 6: #f282f5,
442
- 7: #75dd66,
443
- 8: #ff9c5d,
444
- 9: #db3e3e,
445
- 10: #0b968f,
446
- 11: #6f5ed3,
447
- 12: #ce3665,
448
- 13: #ba7506,
449
- 14: #2079c3,
450
- 15: #ac44a8,
451
- 16: #0ca750,
452
- 17: #ed7024,
453
- 18: #ff7f6e,
454
- 19: #c2f2bd,
455
- 20: #ffe99a
456
- ),
457
- navigation: (
458
- main: (
459
- background: (
460
- base: #162020,
461
- overflowGradient: #040404
221
+ "elevation": (
222
+ "base": #040404
223
+ ),
224
+ "illustration": (
225
+ "fill": #56adf5,
226
+ "stroke": #f3f4f4
227
+ ),
228
+ "network": (
229
+ "twitter": #1da1f2,
230
+ "twitter_like": #e0245e,
231
+ "facebook": #217bee,
232
+ "facebook_audience_network": #58409B,
233
+ "linkedin": #0A66C2,
234
+ "instagram": #e4405f,
235
+ "feedly": #2bb24c,
236
+ "analytics": #ef6c00,
237
+ "youtube": #ff0000,
238
+ "messenger": #0084ff,
239
+ "snapchat": #fffc00,
240
+ "pinterest": #E60023,
241
+ "tumblr": #35465c,
242
+ "reddit": #ff4500,
243
+ "tripadvisor": #00B087,
244
+ "glassdoor": #0CAA41,
245
+ "google_my_business": #4285F4,
246
+ "google_business_messages": #1A73EA,
247
+ "salesforce": #1589EE,
248
+ "zendesk": #03363D,
249
+ "hubspot": #FF7A59,
250
+ "microsoft_dynamics": #002050,
251
+ "yelp": #FF1A1A,
252
+ "whatsapp": #25D366,
253
+ "tiktok": #000000
254
+ ),
255
+ "dataviz": (
256
+ "map": (
257
+ "1": #24e0c5,
258
+ "2": #a193f2,
259
+ "3": #ff76ae,
260
+ "4": #ffcd1c,
261
+ "5": #56adf5,
262
+ "6": #f282f5,
263
+ "7": #75dd66,
264
+ "8": #ff9c5d,
265
+ "9": #db3e3e,
266
+ "10": #0b968f,
267
+ "11": #6f5ed3,
268
+ "12": #ce3665,
269
+ "13": #ba7506,
270
+ "14": #2079c3,
271
+ "15": #ac44a8,
272
+ "16": #0ca750,
273
+ "17": #ed7024,
274
+ "18": #ff7f6e,
275
+ "19": #c2f2bd,
276
+ "20": #ffe99a
277
+ ),
278
+ "list": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a)
279
+ ),
280
+ "neutral": (
281
+ "0": #FFFFFF,
282
+ "100": #f3f4f4,
283
+ "200": #dee1e1,
284
+ "300": #c8cccc,
285
+ "400": #b0b6b7,
286
+ "500": #929a9b,
287
+ "600": #6e797a,
288
+ "700": #515e5f,
289
+ "800": #364141,
290
+ "900": #273333,
291
+ "1000": #162020,
292
+ "1100": #040404
293
+ ),
294
+ "green": (
295
+ "0": #ebf9eb,
296
+ "100": #d7f4d7,
297
+ "200": #c2f2bd,
298
+ "300": #98e58e,
299
+ "400": #75dd66,
300
+ "500": #59cb59,
301
+ "600": #2bb656,
302
+ "700": #0ca750,
303
+ "800": #008b46,
304
+ "900": #006b40,
305
+ "1000": #08422f,
306
+ "1100": #002b20
307
+ ),
308
+ "red": (
309
+ "0": #ffeae9,
310
+ "100": #ffd5d2,
311
+ "200": #ffb8b1,
312
+ "300": #ff9c8f,
313
+ "400": #ff7f6e,
314
+ "500": #f76054,
315
+ "600": #ed4c42,
316
+ "700": #db3e3e,
317
+ "800": #c63434,
318
+ "900": #992222,
319
+ "1000": #6d1313,
320
+ "1100": #2b1111
321
+ ),
322
+ "blue": (
323
+ "0": #e9f8ff,
324
+ "100": #dcf2ff,
325
+ "200": #c7e4f9,
326
+ "300": #a1d2f8,
327
+ "400": #56adf5,
328
+ "500": #3896e3,
329
+ "600": #2b87d3,
330
+ "700": #2079c3,
331
+ "800": #116daa,
332
+ "900": #0c5689,
333
+ "1000": #0a3960,
334
+ "1100": #002138
335
+ ),
336
+ "teal": (
337
+ "0": #e5f9f5,
338
+ "100": #cdf7ef,
339
+ "200": #b3f2e6,
340
+ "300": #7dead5,
341
+ "400": #24e0c5,
342
+ "500": #08c4b2,
343
+ "600": #00a99c,
344
+ "700": #0b968f,
345
+ "800": #067c7c,
346
+ "900": #026661,
347
+ "1000": #083f3f,
348
+ "1100": #002528
349
+ ),
350
+ "aqua": (
351
+ "0": #d9fcfb,
352
+ "100": #c5f9f9,
353
+ "200": #a5f2f2,
354
+ "300": #76e5e2,
355
+ "400": #33d6e2,
356
+ "500": #17b8ce,
357
+ "600": #0797ae,
358
+ "700": #0b8599,
359
+ "800": #0f6e84,
360
+ "900": #035e73,
361
+ "1000": #083d4f,
362
+ "1100": #002838
363
+ ),
364
+ "purple": (
365
+ "0": #f2f2f9,
366
+ "100": #eaeaf9,
367
+ "200": #d8d7f9,
368
+ "300": #c1c1f7,
369
+ "400": #a193f2,
370
+ "500": #9180f4,
371
+ "600": #816fea,
372
+ "700": #6f5ed3,
373
+ "800": #5e4eba,
374
+ "900": #483a9c,
375
+ "1000": #2d246b,
376
+ "1100": #1d1d38
377
+ ),
378
+ "magenta": (
379
+ "0": #fef0ff,
380
+ "100": #f9e3fc,
381
+ "200": #f4c4f7,
382
+ "300": #edadf2,
383
+ "400": #f282f5,
384
+ "500": #db61db,
385
+ "600": #c44eb9,
386
+ "700": #ac44a8,
387
+ "800": #8f3896,
388
+ "900": #6c2277,
389
+ "1000": #451551,
390
+ "1100": #29192d
391
+ ),
392
+ "yellow": (
393
+ "0": #fff8e2,
394
+ "100": #fdefcd,
395
+ "200": #ffe99a,
396
+ "300": #ffe16e,
397
+ "400": #ffd943,
398
+ "500": #ffcd1c,
399
+ "600": #ffbc00,
400
+ "700": #dd9903,
401
+ "800": #ba7506,
402
+ "900": #944c0c,
403
+ "1000": #542a00,
404
+ "1100": #2d1a05
405
+ ),
406
+ "pink": (
407
+ "0": #ffe9f3,
408
+ "100": #fcdbeb,
409
+ "200": #ffb5d5,
410
+ "300": #ff95c1,
411
+ "400": #ff76ae,
412
+ "500": #ef588b,
413
+ "600": #e0447c,
414
+ "700": #ce3665,
415
+ "800": #b22f5b,
416
+ "900": #931847,
417
+ "1000": #561231,
418
+ "1100": #2b1721
419
+ ),
420
+ "orange": (
421
+ "0": #ffede3,
422
+ "100": #fcdccc,
423
+ "200": #ffc6a4,
424
+ "300": #ffb180,
425
+ "400": #ff9c5d,
426
+ "500": #fc8943,
427
+ "600": #f57d33,
428
+ "700": #ed7024,
429
+ "800": #ce5511,
430
+ "900": #962c0b,
431
+ "1000": #601700,
432
+ "1100": #2d130e
433
+ ),
434
+ "DATAVIZ_COLORS_LIST": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a),
435
+ "DATAVIZ_COLORS_MAP": (
436
+ "1": #24e0c5,
437
+ "2": #a193f2,
438
+ "3": #ff76ae,
439
+ "4": #ffcd1c,
440
+ "5": #56adf5,
441
+ "6": #f282f5,
442
+ "7": #75dd66,
443
+ "8": #ff9c5d,
444
+ "9": #db3e3e,
445
+ "10": #0b968f,
446
+ "11": #6f5ed3,
447
+ "12": #ce3665,
448
+ "13": #ba7506,
449
+ "14": #2079c3,
450
+ "15": #ac44a8,
451
+ "16": #0ca750,
452
+ "17": #ed7024,
453
+ "18": #ff7f6e,
454
+ "19": #c2f2bd,
455
+ "20": #ffe99a
456
+ ),
457
+ "navigation": (
458
+ "main": (
459
+ "background": (
460
+ "base": #162020,
461
+ "overflowGradient": #040404
462
462
  )
463
463
  ),
464
- secondary: (
465
- background: (
466
- base: #273333
464
+ "secondary": (
465
+ "background": (
466
+ "base": #273333
467
467
  )
468
468
  ),
469
- settings: (
470
- listItem: (
471
- backgound: (
472
- base: transparent,
473
- hover: #040404,
474
- selected: #364141
469
+ "settings": (
470
+ "listItem": (
471
+ "background": (
472
+ "base": transparent,
473
+ "hover": #040404,
474
+ "selected": #364141
475
475
  )
476
476
  )
477
477
  ),
478
- text: (
479
- base: #FFFFFF,
480
- hover: #FFFFFF
478
+ "text": (
479
+ "base": #FFFFFF,
480
+ "hover": #FFFFFF
481
481
  ),
482
- icon: (
483
- base: #FFFFFF,
484
- hover: #FFFFFF
482
+ "icon": (
483
+ "base": #FFFFFF,
484
+ "hover": #FFFFFF
485
485
  ),
486
- listItem: (
487
- background: (
488
- base: #162020,
489
- hover: #040404,
490
- selected: #515e5f
486
+ "listItem": (
487
+ "background": (
488
+ "base": #162020,
489
+ "hover": #040404,
490
+ "selected": #515e5f
491
491
  )
492
492
  )
493
493
  ),
494
- datePicker: (
495
- comparison: (
496
- background: (
497
- base: #b0b6b7
494
+ "datePicker": (
495
+ "comparison": (
496
+ "background": (
497
+ "base": #b0b6b7
498
498
  ),
499
- text: (
500
- base: #364141
499
+ "text": (
500
+ "base": #364141
501
501
  )
502
502
  )
503
503
  ),
504
- analytics: (
505
- trend: (
506
- positive: #08c4b2,
507
- neutral: #f3f4f4,
508
- negative: #f3f4f4
504
+ "analytics": (
505
+ "trend": (
506
+ "positive": #08c4b2,
507
+ "neutral": #f3f4f4,
508
+ "negative": #f3f4f4
509
509
  ),
510
- overlay: (
511
- background: (
512
- base: rgba(39,51,51,0.8)
510
+ "overlay": (
511
+ "background": (
512
+ "base": rgba(39,51,51,0.8)
513
513
  )
514
514
  )
515
515
  ),
516
- growth: (
517
- education: (
518
- decorative: (
519
- aqua: #0797ae,
520
- teal: #08c4b2
516
+ "growth": (
517
+ "education": (
518
+ "decorative": (
519
+ "aqua": #0797ae,
520
+ "teal": #08c4b2
521
521
  )
522
522
  ),
523
- opportunity: (
524
- background: (
525
- base: #6f5ed3
523
+ "opportunity": (
524
+ "background": (
525
+ "base": #6f5ed3
526
526
  ),
527
- button: (
528
- primary: (
529
- base: #a193f2,
530
- hover: #c1c1f7
527
+ "button": (
528
+ "primary": (
529
+ "base": #a193f2,
530
+ "hover": #c1c1f7
531
531
  )
532
532
  ),
533
- badge: (
534
- background: (
535
- base: #6f5ed3,
536
- active: #eaeaf9
533
+ "badge": (
534
+ "background": (
535
+ "base": #6f5ed3,
536
+ "active": #eaeaf9
537
537
  ),
538
- icon: (
539
- base: #d8d7f9,
540
- active: #5e4eba
538
+ "icon": (
539
+ "base": #d8d7f9,
540
+ "active": #5e4eba
541
541
  ),
542
- text: (
543
- base: #d8d7f9
542
+ "text": (
543
+ "base": #d8d7f9
544
544
  )
545
545
  ),
546
- decorative: (
547
- green: #0ca750,
548
- lightAqua: #0797ae,
549
- darkAqua: #002838,
550
- purple: #6f5ed3
546
+ "decorative": (
547
+ "green": #0ca750,
548
+ "lightAqua": #0797ae,
549
+ "darkAqua": #002838,
550
+ "purple": #6f5ed3
551
551
  )
552
552
  ),
553
- darkModal: (
554
- background: (
555
- base: #002838
553
+ "darkModal": (
554
+ "background": (
555
+ "base": #002838
556
556
  ),
557
- text: (
558
- base: #FFFFFF
557
+ "text": (
558
+ "base": #FFFFFF
559
559
  ),
560
- cards: (
561
- background: (
562
- base: #FFFFFF,
563
- hover: #eaeaf9
560
+ "cards": (
561
+ "background": (
562
+ "base": #FFFFFF,
563
+ "hover": #eaeaf9
564
564
  ),
565
- text: (
566
- base: #364141,
567
- hover: #273333
565
+ "text": (
566
+ "base": #364141,
567
+ "hover": #273333
568
568
  ),
569
- border: (
570
- base: #FFFFFF,
571
- hover: #6f5ed3
569
+ "border": (
570
+ "base": #FFFFFF,
571
+ "hover": #6f5ed3
572
572
  )
573
573
  )
574
574
  )
575
575
  )
576
576
  ),
577
- typography: (
578
- 100: (
579
- fontSize: 11px,
580
- lineHeight: 18.666666666666668px
581
- ),
582
- 200: (
583
- fontSize: 13px,
584
- lineHeight: 21.333333333333332px
585
- ),
586
- 300: (
587
- fontSize: 16px,
588
- lineHeight: 24px
589
- ),
590
- 400: (
591
- fontSize: 18px,
592
- lineHeight: 26.666666666666668px
593
- ),
594
- 500: (
595
- fontSize: 21px,
596
- lineHeight: 29.333333333333332px
597
- ),
598
- 600: (
599
- fontSize: 24px,
600
- lineHeight: 32px
601
- ),
602
- 700: (
603
- fontSize: 32px,
604
- lineHeight: 40px
605
- ),
606
- 800: (
607
- fontSize: 43px,
608
- lineHeight: 50.666666666666664px
609
- ),
610
- 900: (
611
- fontSize: 57px,
612
- lineHeight: 64px
613
- ),
614
- 1000: (
615
- fontSize: 76px,
616
- lineHeight: 80px
617
- ),
618
- 1100: (
619
- fontSize: 101px,
620
- lineHeight: 101.33333333333333px
621
- ),
622
- 1200: (
623
- fontSize: 135px,
624
- lineHeight: 125.33333333333333px
625
- ),
626
- typography: (
627
- 100: (
628
- fontSize: 11px,
629
- lineHeight: 18.666666666666668px
630
- ),
631
- 200: (
632
- fontSize: 13px,
633
- lineHeight: 21.333333333333332px
634
- ),
635
- 300: (
636
- fontSize: 16px,
637
- lineHeight: 24px
638
- ),
639
- 400: (
640
- fontSize: 18px,
641
- lineHeight: 26.666666666666668px
642
- ),
643
- 500: (
644
- fontSize: 21px,
645
- lineHeight: 29.333333333333332px
646
- ),
647
- 600: (
648
- fontSize: 24px,
649
- lineHeight: 32px
650
- ),
651
- 700: (
652
- fontSize: 32px,
653
- lineHeight: 40px
654
- ),
655
- 800: (
656
- fontSize: 43px,
657
- lineHeight: 50.666666666666664px
658
- ),
659
- 900: (
660
- fontSize: 57px,
661
- lineHeight: 64px
662
- ),
663
- 1000: (
664
- fontSize: 76px,
665
- lineHeight: 80px
666
- ),
667
- 1100: (
668
- fontSize: 101px,
669
- lineHeight: 101.33333333333333px
670
- ),
671
- 1200: (
672
- fontSize: 135px,
673
- lineHeight: 125.33333333333333px
577
+ "typography": (
578
+ "100": (
579
+ "fontSize": 11px,
580
+ "lineHeight": 18.666666666666668px
581
+ ),
582
+ "200": (
583
+ "fontSize": 13px,
584
+ "lineHeight": 21.333333333333332px
585
+ ),
586
+ "300": (
587
+ "fontSize": 16px,
588
+ "lineHeight": 24px
589
+ ),
590
+ "400": (
591
+ "fontSize": 18px,
592
+ "lineHeight": 26.666666666666668px
593
+ ),
594
+ "500": (
595
+ "fontSize": 21px,
596
+ "lineHeight": 29.333333333333332px
597
+ ),
598
+ "600": (
599
+ "fontSize": 24px,
600
+ "lineHeight": 32px
601
+ ),
602
+ "700": (
603
+ "fontSize": 32px,
604
+ "lineHeight": 40px
605
+ ),
606
+ "800": (
607
+ "fontSize": 43px,
608
+ "lineHeight": 50.666666666666664px
609
+ ),
610
+ "900": (
611
+ "fontSize": 57px,
612
+ "lineHeight": 64px
613
+ ),
614
+ "1000": (
615
+ "fontSize": 76px,
616
+ "lineHeight": 80px
617
+ ),
618
+ "1100": (
619
+ "fontSize": 101px,
620
+ "lineHeight": 101.33333333333333px
621
+ ),
622
+ "1200": (
623
+ "fontSize": 135px,
624
+ "lineHeight": 125.33333333333333px
625
+ ),
626
+ "typography": (
627
+ "100": (
628
+ "fontSize": 11px,
629
+ "lineHeight": 18.666666666666668px
630
+ ),
631
+ "200": (
632
+ "fontSize": 13px,
633
+ "lineHeight": 21.333333333333332px
634
+ ),
635
+ "300": (
636
+ "fontSize": 16px,
637
+ "lineHeight": 24px
638
+ ),
639
+ "400": (
640
+ "fontSize": 18px,
641
+ "lineHeight": 26.666666666666668px
642
+ ),
643
+ "500": (
644
+ "fontSize": 21px,
645
+ "lineHeight": 29.333333333333332px
646
+ ),
647
+ "600": (
648
+ "fontSize": 24px,
649
+ "lineHeight": 32px
650
+ ),
651
+ "700": (
652
+ "fontSize": 32px,
653
+ "lineHeight": 40px
654
+ ),
655
+ "800": (
656
+ "fontSize": 43px,
657
+ "lineHeight": 50.666666666666664px
658
+ ),
659
+ "900": (
660
+ "fontSize": 57px,
661
+ "lineHeight": 64px
662
+ ),
663
+ "1000": (
664
+ "fontSize": 76px,
665
+ "lineHeight": 80px
666
+ ),
667
+ "1100": (
668
+ "fontSize": 101px,
669
+ "lineHeight": 101.33333333333333px
670
+ ),
671
+ "1200": (
672
+ "fontSize": 135px,
673
+ "lineHeight": 125.33333333333333px
674
674
  )
675
675
  )
676
676
  ),
677
- fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
678
- fontWeights: (
679
- normal: 400,
680
- semibold: 600,
681
- bold: 700,
682
- extrabold: 800
677
+ "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
678
+ "fontWeights": (
679
+ "normal": 400,
680
+ "semibold": 600,
681
+ "bold": 700,
682
+ "extrabold": 800
683
683
  ),
684
- space: (
685
- 0: 0px,
686
- 100: 2px,
687
- 200: 4px,
688
- 300: 8px,
689
- 350: 12px,
690
- 400: 16px,
691
- 450: 24px,
692
- 500: 32px,
693
- 600: 40px,
694
- space: (
695
- 0: 0px,
696
- 100: 2px,
697
- 200: 4px,
698
- 300: 8px,
699
- 350: 12px,
700
- 400: 16px,
701
- 450: 24px,
702
- 500: 32px,
703
- 600: 40px
704
- ),
705
- -space: (
706
- 0: -0px,
707
- 100: -2px,
708
- 200: -4px,
709
- 300: -8px,
710
- 350: -12px,
711
- 400: -16px,
712
- 450: -24px,
713
- 500: -32px,
714
- 600: -40px
684
+ "space": (
685
+ "0": 0px,
686
+ "100": 2px,
687
+ "200": 4px,
688
+ "300": 8px,
689
+ "350": 12px,
690
+ "400": 16px,
691
+ "450": 24px,
692
+ "500": 32px,
693
+ "600": 40px,
694
+ "space": (
695
+ "0": 0px,
696
+ "100": 2px,
697
+ "200": 4px,
698
+ "300": 8px,
699
+ "350": 12px,
700
+ "400": 16px,
701
+ "450": 24px,
702
+ "500": 32px,
703
+ "600": 40px
704
+ ),
705
+ "-space": (
706
+ "0": -0px,
707
+ "100": -2px,
708
+ "200": -4px,
709
+ "300": -8px,
710
+ "350": -12px,
711
+ "400": -16px,
712
+ "450": -24px,
713
+ "500": -32px,
714
+ "600": -40px
715
715
  )
716
716
  ),
717
- radii: (
718
- 400: 4px,
719
- 500: 6px,
720
- 600: 8px,
721
- 1000: 999999px,
722
- inner: 6px,
723
- outer: 8px,
724
- pill: 999999px,
725
- radii: (
726
- 400: 4px,
727
- 500: 6px,
728
- 600: 8px,
729
- 1000: 999999px,
730
- inner: 6px,
731
- outer: 8px,
732
- pill: 999999px
717
+ "radii": (
718
+ "400": 4px,
719
+ "500": 6px,
720
+ "600": 8px,
721
+ "1000": 999999px,
722
+ "inner": 6px,
723
+ "outer": 8px,
724
+ "pill": 999999px,
725
+ "radii": (
726
+ "400": 4px,
727
+ "500": 6px,
728
+ "600": 8px,
729
+ "1000": 999999px,
730
+ "inner": 6px,
731
+ "outer": 8px,
732
+ "pill": 999999px
733
733
  )
734
734
  ),
735
- borders: (
736
- 500: 1px solid
735
+ "borders": (
736
+ "500": 1px solid
737
737
  ),
738
- borderWidths: (
739
- 500: 1px
738
+ "borderWidths": (
739
+ "500": 1px
740
740
  ),
741
- shadows: (
742
- low: 0px 2px 4px #040404FF,
743
- medium: 0px 8px 16px #040404FF,
744
- high: 0px 16px 32px #040404FF
741
+ "shadows": (
742
+ "low": 0px 2px 4px #040404FF,
743
+ "medium": 0px 8px 16px #040404FF,
744
+ "high": 0px 16px 32px #040404FF
745
745
  ),
746
- easing: (
747
- ease_in: cubic-bezier(.4, 0, .7, .2),
748
- ease_out: cubic-bezier(0, 0, .2, 1),
749
- ease_inout: cubic-bezier(.4, 0, .2, 1)
746
+ "easing": (
747
+ "ease_in": cubic-bezier(.4, 0, .7, .2),
748
+ "ease_out": cubic-bezier(0, 0, .2, 1),
749
+ "ease_inout": cubic-bezier(.4, 0, .2, 1)
750
750
  ),
751
- duration: (
752
- fast: .15s,
753
- medium: .3s,
754
- slow: .6s
751
+ "duration": (
752
+ "fast": .15s,
753
+ "medium": .3s,
754
+ "slow": .6s
755
755
  ),
756
- mode: dark
756
+ "mode": dark
757
757
  ),
758
- growth: (
759
- education: (
760
- decorative: (
761
- aqua: #0797ae,
762
- teal: #08c4b2
758
+ "growth": (
759
+ "education": (
760
+ "decorative": (
761
+ "aqua": #0797ae,
762
+ "teal": #08c4b2
763
763
  )
764
764
  ),
765
- opportunity: (
766
- background: (
767
- base: #6f5ed3
768
- ),
769
- button: (
770
- primary: (
771
- base: #a193f2,
772
- hover: #c1c1f7
765
+ "opportunity": (
766
+ "background": (
767
+ "base": #6f5ed3
768
+ ),
769
+ "button": (
770
+ "primary": (
771
+ "base": #a193f2,
772
+ "hover": #c1c1f7
773
773
  )
774
774
  ),
775
- badge: (
776
- background: (
777
- base: #6f5ed3,
778
- active: #eaeaf9
775
+ "badge": (
776
+ "background": (
777
+ "base": #6f5ed3,
778
+ "active": #eaeaf9
779
779
  ),
780
- icon: (
781
- base: #d8d7f9,
782
- active: #5e4eba
780
+ "icon": (
781
+ "base": #d8d7f9,
782
+ "active": #5e4eba
783
783
  ),
784
- text: (
785
- base: #d8d7f9
784
+ "text": (
785
+ "base": #d8d7f9
786
786
  )
787
787
  ),
788
- decorative: (
789
- green: #0ca750,
790
- lightAqua: #0797ae,
791
- darkAqua: #002838,
792
- purple: #6f5ed3
788
+ "decorative": (
789
+ "green": #0ca750,
790
+ "lightAqua": #0797ae,
791
+ "darkAqua": #002838,
792
+ "purple": #6f5ed3
793
793
  )
794
794
  ),
795
- darkModal: (
796
- background: (
797
- base: #002838
795
+ "darkModal": (
796
+ "background": (
797
+ "base": #002838
798
798
  ),
799
- text: (
800
- base: #FFFFFF
799
+ "text": (
800
+ "base": #FFFFFF
801
801
  ),
802
- cards: (
803
- background: (
804
- base: #FFFFFF,
805
- hover: #eaeaf9
802
+ "cards": (
803
+ "background": (
804
+ "base": #FFFFFF,
805
+ "hover": #eaeaf9
806
806
  ),
807
- text: (
808
- base: #364141,
809
- hover: #273333
807
+ "text": (
808
+ "base": #364141,
809
+ "hover": #273333
810
810
  ),
811
- border: (
812
- base: #FFFFFF,
813
- hover: #6f5ed3
811
+ "border": (
812
+ "base": #FFFFFF,
813
+ "hover": #6f5ed3
814
814
  )
815
815
  )
816
816
  )
817
817
  ),
818
- navigation: (
819
- main: (
820
- background: (
821
- base: #162020,
822
- overflowGradient: #040404
818
+ "navigation": (
819
+ "main": (
820
+ "background": (
821
+ "base": #162020,
822
+ "overflowGradient": #040404
823
823
  )
824
824
  ),
825
- secondary: (
826
- background: (
827
- base: #273333
825
+ "secondary": (
826
+ "background": (
827
+ "base": #273333
828
828
  )
829
829
  ),
830
- settings: (
831
- listItem: (
832
- backgound: (
833
- base: transparent,
834
- hover: #040404,
835
- selected: #364141
830
+ "settings": (
831
+ "listItem": (
832
+ "background": (
833
+ "base": transparent,
834
+ "hover": #040404,
835
+ "selected": #364141
836
836
  )
837
837
  )
838
838
  ),
839
- text: (
840
- base: #FFFFFF,
841
- hover: #FFFFFF
839
+ "text": (
840
+ "base": #FFFFFF,
841
+ "hover": #FFFFFF
842
842
  ),
843
- icon: (
844
- base: #FFFFFF,
845
- hover: #FFFFFF
843
+ "icon": (
844
+ "base": #FFFFFF,
845
+ "hover": #FFFFFF
846
846
  ),
847
- listItem: (
848
- background: (
849
- base: #162020,
850
- hover: #040404,
851
- selected: #515e5f
847
+ "listItem": (
848
+ "background": (
849
+ "base": #162020,
850
+ "hover": #040404,
851
+ "selected": #515e5f
852
852
  )
853
853
  )
854
854
  )