@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/light/theme.scss CHANGED
@@ -1,854 +1,854 @@
1
1
  $theme: (
2
- __esModule: true,
3
- analytics: (
4
- trend: (
5
- positive: #067c7c,
6
- neutral: #364141,
7
- negative: #364141
2
+ "__esModule": true,
3
+ "analytics": (
4
+ "trend": (
5
+ "positive": #067c7c,
6
+ "neutral": #364141,
7
+ "negative": #364141
8
8
  ),
9
- overlay: (
10
- background: (
11
- base: rgba(255,255,255,0.8)
9
+ "overlay": (
10
+ "background": (
11
+ "base": rgba(255,255,255,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: #f3f4f4
25
+ "default": (
26
+ "breakpoints": (900px, 1200px, 1500px, 1800px),
27
+ "colors": (
28
+ "app": (
29
+ "background": (
30
+ "base": #f3f4f4
31
31
  )
32
32
  ),
33
- container: (
34
- background: (
35
- base: #FFFFFF,
36
- success: #d7f4d7,
37
- warning: #fdefcd,
38
- error: #ffd5d2,
39
- info: #dcf2ff,
40
- opportunity: #eaeaf9,
41
- danger: #ffd5d2,
42
- decorative: (
43
- green: #d7f4d7,
44
- blue: #dcf2ff,
45
- purple: #eaeaf9,
46
- yellow: #fdefcd,
47
- orange: #fcdccc,
48
- red: #ffd5d2,
49
- neutral: #f3f4f4
33
+ "container": (
34
+ "background": (
35
+ "base": #FFFFFF,
36
+ "success": #d7f4d7,
37
+ "warning": #fdefcd,
38
+ "error": #ffd5d2,
39
+ "info": #dcf2ff,
40
+ "opportunity": #eaeaf9,
41
+ "danger": #ffd5d2,
42
+ "decorative": (
43
+ "green": #d7f4d7,
44
+ "blue": #dcf2ff,
45
+ "purple": #eaeaf9,
46
+ "yellow": #fdefcd,
47
+ "orange": #fcdccc,
48
+ "red": #ffd5d2,
49
+ "neutral": #f3f4f4
50
50
  ),
51
- selected: #364141,
52
- positive_sentiment: #3896e3,
53
- negative_sentiment: #f76054,
54
- neutral_sentiment: #c8cccc
55
- ),
56
- border: (
57
- base: #dee1e1,
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": #364141,
52
+ "positive_sentiment": #3896e3,
53
+ "negative_sentiment": #f76054,
54
+ "neutral_sentiment": #c8cccc
55
+ ),
56
+ "border": (
57
+ "base": #dee1e1,
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: #364141
73
+ "selected": #364141
74
74
  )
75
75
  ),
76
- button: (
77
- primary: (
78
- background: (
79
- base: #2079c3,
80
- hover: #116daa,
81
- active: #0c5689
76
+ "button": (
77
+ "primary": (
78
+ "background": (
79
+ "base": #2079c3,
80
+ "hover": #116daa,
81
+ "active": #0c5689
82
82
  ),
83
- border: (
84
- base: transparent
83
+ "border": (
84
+ "base": transparent
85
85
  ),
86
- text: (
87
- base: #FFFFFF,
88
- hover: #FFFFFF
86
+ "text": (
87
+ "base": #FFFFFF,
88
+ "hover": #FFFFFF
89
89
  )
90
90
  ),
91
- secondary: (
92
- background: (
93
- base: transparent,
94
- hover: #364141,
95
- active: #273333
91
+ "secondary": (
92
+ "background": (
93
+ "base": transparent,
94
+ "hover": #364141,
95
+ "active": #273333
96
96
  ),
97
- border: (
98
- base: #364141
97
+ "border": (
98
+ "base": #364141
99
99
  ),
100
- text: (
101
- base: #364141,
102
- hover: #FFFFFF
100
+ "text": (
101
+ "base": #364141,
102
+ "hover": #FFFFFF
103
103
  )
104
104
  ),
105
- pill: (
106
- background: (
107
- base: transparent,
108
- hover: #f3f4f4,
109
- active: #dee1e1
105
+ "pill": (
106
+ "background": (
107
+ "base": transparent,
108
+ "hover": #f3f4f4,
109
+ "active": #dee1e1
110
110
  ),
111
- border: (
112
- base: transparent
111
+ "border": (
112
+ "base": transparent
113
113
  ),
114
- text: (
115
- base: #364141,
116
- hover: #273333
114
+ "text": (
115
+ "base": #364141,
116
+ "hover": #273333
117
117
  )
118
118
  ),
119
- destructive: (
120
- background: (
121
- base: #c63434,
122
- hover: #992222,
123
- active: #6d1313
119
+ "destructive": (
120
+ "background": (
121
+ "base": #c63434,
122
+ "hover": #992222,
123
+ "active": #6d1313
124
124
  ),
125
- border: (
126
- base: transparent
125
+ "border": (
126
+ "base": transparent
127
127
  ),
128
- text: (
129
- base: #FFFFFF,
130
- hover: #FFFFFF
128
+ "text": (
129
+ "base": #FFFFFF,
130
+ "hover": #FFFFFF
131
131
  )
132
132
  ),
133
- placeholder: (
134
- background: (
135
- base: transparent,
136
- hover: #FFFFFF,
137
- active: #FFFFFF
133
+ "placeholder": (
134
+ "background": (
135
+ "base": transparent,
136
+ "hover": #FFFFFF,
137
+ "active": #FFFFFF
138
138
  ),
139
- border: (
140
- base: #929a9b
139
+ "border": (
140
+ "base": #929a9b
141
141
  ),
142
- text: (
143
- base: #2079c3,
144
- hover: #116daa
142
+ "text": (
143
+ "base": #2079c3,
144
+ "hover": #116daa
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: #515e5f,
156
- hover: #273333
154
+ "text": (
155
+ "base": #515e5f,
156
+ "hover": #273333
157
157
  )
158
158
  )
159
159
  ),
160
- link: (
161
- base: #116daa,
162
- hover: #0c5689
163
- ),
164
- text: (
165
- headline: #273333,
166
- subtext: #515e5f,
167
- body: #364141,
168
- inverse: #FFFFFF,
169
- error: #c63434,
170
- background: (
171
- highlight: #ffe99a
160
+ "link": (
161
+ "base": #116daa,
162
+ "hover": #0c5689
163
+ ),
164
+ "text": (
165
+ "headline": #273333,
166
+ "subtext": #515e5f,
167
+ "body": #364141,
168
+ "inverse": #FFFFFF,
169
+ "error": #c63434,
170
+ "background": (
171
+ "highlight": #ffe99a
172
172
  )
173
173
  ),
174
- icon: (
175
- base: #364141,
176
- inverse: #FFFFFF,
177
- success: #006b40,
178
- warning: #944c0c,
179
- error: #992222,
180
- danger: #992222,
181
- info: #0c5689,
182
- opportunity: #5e4eba,
183
- applied: #2079c3,
184
- positive_sentiment: #2079c3,
185
- negative_sentiment: #ed4c42,
186
- neutral_sentiment: #6e797a
187
- ),
188
- form: (
189
- background: (
190
- base: #FFFFFF,
191
- selected: #364141
192
- ),
193
- border: (
194
- base: #b0b6b7,
195
- error: #ed4c42,
196
- warning: #ffbc00,
197
- selected: #364141
198
- ),
199
- placeholder: (
200
- base: #6e797a
174
+ "icon": (
175
+ "base": #364141,
176
+ "inverse": #FFFFFF,
177
+ "success": #006b40,
178
+ "warning": #944c0c,
179
+ "error": #992222,
180
+ "danger": #992222,
181
+ "info": #0c5689,
182
+ "opportunity": #5e4eba,
183
+ "applied": #2079c3,
184
+ "positive_sentiment": #2079c3,
185
+ "negative_sentiment": #ed4c42,
186
+ "neutral_sentiment": #6e797a
187
+ ),
188
+ "form": (
189
+ "background": (
190
+ "base": #FFFFFF,
191
+ "selected": #364141
192
+ ),
193
+ "border": (
194
+ "base": #b0b6b7,
195
+ "error": #ed4c42,
196
+ "warning": #ffbc00,
197
+ "selected": #364141
198
+ ),
199
+ "placeholder": (
200
+ "base": #6e797a
201
201
  )
202
202
  ),
203
- listItem: (
204
- background: (
205
- base: transparent,
206
- hover: #f3f4f4,
207
- selected: #364141
203
+ "listItem": (
204
+ "background": (
205
+ "base": transparent,
206
+ "hover": #f3f4f4,
207
+ "selected": #364141
208
208
  )
209
209
  ),
210
- overlay: (
211
- background: (
212
- base: rgba(22,32,32,0.56)
210
+ "overlay": (
211
+ "background": (
212
+ "base": rgba(22,32,32,0.56)
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: #2733333D
223
- ),
224
- illustration: (
225
- fill: #56adf5,
226
- stroke: #273333
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: #08c4b2,
258
- 2: #6f5ed3,
259
- 3: #ce3665,
260
- 4: #ffcd1c,
261
- 5: #3896e3,
262
- 6: #db61db,
263
- 7: #59cb59,
264
- 8: #fc8943,
265
- 9: #db3e3e,
266
- 10: #026661,
267
- 11: #a193f2,
268
- 12: #931847,
269
- 13: #944c0c,
270
- 14: #0c5689,
271
- 15: #6c2277,
272
- 16: #006b40,
273
- 17: #962c0b,
274
- 18: #ff7f6e,
275
- 19: #0ca750,
276
- 20: #ba7506
277
- ),
278
- list: (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3896e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c5689, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506)
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: (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3896e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c5689, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506),
435
- DATAVIZ_COLORS_MAP: (
436
- 1: #08c4b2,
437
- 2: #6f5ed3,
438
- 3: #ce3665,
439
- 4: #ffcd1c,
440
- 5: #3896e3,
441
- 6: #db61db,
442
- 7: #59cb59,
443
- 8: #fc8943,
444
- 9: #db3e3e,
445
- 10: #026661,
446
- 11: #a193f2,
447
- 12: #931847,
448
- 13: #944c0c,
449
- 14: #0c5689,
450
- 15: #6c2277,
451
- 16: #006b40,
452
- 17: #962c0b,
453
- 18: #ff7f6e,
454
- 19: #0ca750,
455
- 20: #ba7506
456
- ),
457
- navigation: (
458
- main: (
459
- background: (
460
- base: #273333,
461
- overflowGradient: #162020
221
+ "elevation": (
222
+ "base": #2733333D
223
+ ),
224
+ "illustration": (
225
+ "fill": #56adf5,
226
+ "stroke": #273333
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": #08c4b2,
258
+ "2": #6f5ed3,
259
+ "3": #ce3665,
260
+ "4": #ffcd1c,
261
+ "5": #3896e3,
262
+ "6": #db61db,
263
+ "7": #59cb59,
264
+ "8": #fc8943,
265
+ "9": #db3e3e,
266
+ "10": #026661,
267
+ "11": #a193f2,
268
+ "12": #931847,
269
+ "13": #944c0c,
270
+ "14": #0c5689,
271
+ "15": #6c2277,
272
+ "16": #006b40,
273
+ "17": #962c0b,
274
+ "18": #ff7f6e,
275
+ "19": #0ca750,
276
+ "20": #ba7506
277
+ ),
278
+ "list": (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3896e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c5689, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506)
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": (#08c4b2, #6f5ed3, #ce3665, #ffcd1c, #3896e3, #db61db, #59cb59, #fc8943, #db3e3e, #026661, #a193f2, #931847, #944c0c, #0c5689, #6c2277, #006b40, #962c0b, #ff7f6e, #0ca750, #ba7506),
435
+ "DATAVIZ_COLORS_MAP": (
436
+ "1": #08c4b2,
437
+ "2": #6f5ed3,
438
+ "3": #ce3665,
439
+ "4": #ffcd1c,
440
+ "5": #3896e3,
441
+ "6": #db61db,
442
+ "7": #59cb59,
443
+ "8": #fc8943,
444
+ "9": #db3e3e,
445
+ "10": #026661,
446
+ "11": #a193f2,
447
+ "12": #931847,
448
+ "13": #944c0c,
449
+ "14": #0c5689,
450
+ "15": #6c2277,
451
+ "16": #006b40,
452
+ "17": #962c0b,
453
+ "18": #ff7f6e,
454
+ "19": #0ca750,
455
+ "20": #ba7506
456
+ ),
457
+ "navigation": (
458
+ "main": (
459
+ "background": (
460
+ "base": #273333,
461
+ "overflowGradient": #162020
462
462
  )
463
463
  ),
464
- secondary: (
465
- background: (
466
- base: #364141
464
+ "secondary": (
465
+ "background": (
466
+ "base": #364141
467
467
  )
468
468
  ),
469
- settings: (
470
- listItem: (
471
- backgound: (
472
- base: transparent,
473
- hover: #dee1e1,
474
- selected: #FFFFFF
469
+ "settings": (
470
+ "listItem": (
471
+ "background": (
472
+ "base": transparent,
473
+ "hover": #dee1e1,
474
+ "selected": #FFFFFF
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: #364141,
489
- hover: #162020,
490
- selected: #515e5f
486
+ "listItem": (
487
+ "background": (
488
+ "base": #364141,
489
+ "hover": #162020,
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: #067c7c,
507
- neutral: #364141,
508
- negative: #364141
504
+ "analytics": (
505
+ "trend": (
506
+ "positive": #067c7c,
507
+ "neutral": #364141,
508
+ "negative": #364141
509
509
  ),
510
- overlay: (
511
- background: (
512
- base: rgba(255,255,255,0.8)
510
+ "overlay": (
511
+ "background": (
512
+ "base": rgba(255,255,255,0.8)
513
513
  )
514
514
  )
515
515
  ),
516
- growth: (
517
- education: (
518
- decorative: (
519
- aqua: #0797ae,
520
- teal: #0b968f
516
+ "growth": (
517
+ "education": (
518
+ "decorative": (
519
+ "aqua": #0797ae,
520
+ "teal": #0b968f
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: #6f5ed3,
530
- hover: #5e4eba
527
+ "button": (
528
+ "primary": (
529
+ "base": #6f5ed3,
530
+ "hover": #5e4eba
531
531
  )
532
532
  ),
533
- badge: (
534
- background: (
535
- base: #d8d7f9,
536
- active: #5e4eba
533
+ "badge": (
534
+ "background": (
535
+ "base": #d8d7f9,
536
+ "active": #5e4eba
537
537
  ),
538
- icon: (
539
- base: #6f5ed3,
540
- active: #eaeaf9
538
+ "icon": (
539
+ "base": #6f5ed3,
540
+ "active": #eaeaf9
541
541
  ),
542
- text: (
543
- base: #6f5ed3
542
+ "text": (
543
+ "base": #6f5ed3
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 #2733333D,
743
- medium: 0px 8px 16px #2733333D,
744
- high: 0px 16px 32px #2733333D
741
+ "shadows": (
742
+ "low": 0px 2px 4px #2733333D,
743
+ "medium": 0px 8px 16px #2733333D,
744
+ "high": 0px 16px 32px #2733333D
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: light
756
+ "mode": light
757
757
  ),
758
- growth: (
759
- education: (
760
- decorative: (
761
- aqua: #0797ae,
762
- teal: #0b968f
758
+ "growth": (
759
+ "education": (
760
+ "decorative": (
761
+ "aqua": #0797ae,
762
+ "teal": #0b968f
763
763
  )
764
764
  ),
765
- opportunity: (
766
- background: (
767
- base: #6f5ed3
768
- ),
769
- button: (
770
- primary: (
771
- base: #6f5ed3,
772
- hover: #5e4eba
765
+ "opportunity": (
766
+ "background": (
767
+ "base": #6f5ed3
768
+ ),
769
+ "button": (
770
+ "primary": (
771
+ "base": #6f5ed3,
772
+ "hover": #5e4eba
773
773
  )
774
774
  ),
775
- badge: (
776
- background: (
777
- base: #d8d7f9,
778
- active: #5e4eba
775
+ "badge": (
776
+ "background": (
777
+ "base": #d8d7f9,
778
+ "active": #5e4eba
779
779
  ),
780
- icon: (
781
- base: #6f5ed3,
782
- active: #eaeaf9
780
+ "icon": (
781
+ "base": #6f5ed3,
782
+ "active": #eaeaf9
783
783
  ),
784
- text: (
785
- base: #6f5ed3
784
+ "text": (
785
+ "base": #6f5ed3
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: #273333,
822
- overflowGradient: #162020
818
+ "navigation": (
819
+ "main": (
820
+ "background": (
821
+ "base": #273333,
822
+ "overflowGradient": #162020
823
823
  )
824
824
  ),
825
- secondary: (
826
- background: (
827
- base: #364141
825
+ "secondary": (
826
+ "background": (
827
+ "base": #364141
828
828
  )
829
829
  ),
830
- settings: (
831
- listItem: (
832
- backgound: (
833
- base: transparent,
834
- hover: #dee1e1,
835
- selected: #FFFFFF
830
+ "settings": (
831
+ "listItem": (
832
+ "background": (
833
+ "base": transparent,
834
+ "hover": #dee1e1,
835
+ "selected": #FFFFFF
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: #364141,
850
- hover: #162020,
851
- selected: #515e5f
847
+ "listItem": (
848
+ "background": (
849
+ "base": #364141,
850
+ "hover": #162020,
851
+ "selected": #515e5f
852
852
  )
853
853
  )
854
854
  )