@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/dark/theme.scss CHANGED
@@ -1,622 +1,622 @@
1
1
  $theme: (
2
- __esModule: true,
3
- default: (
4
- breakpoints: (900px, 1200px, 1500px, 1800px),
5
- colors: (
6
- app: (
7
- background: (
8
- base: #162020
2
+ "__esModule": true,
3
+ "default": (
4
+ "breakpoints": (900px, 1200px, 1500px, 1800px),
5
+ "colors": (
6
+ "app": (
7
+ "background": (
8
+ "base": #162020
9
9
  )
10
10
  ),
11
- container: (
12
- background: (
13
- base: #273333,
14
- success: #006b40,
15
- warning: #944c0c,
16
- error: #992222,
17
- info: #0c5689,
18
- opportunity: #5e4eba,
19
- danger: #992222,
20
- decorative: (
21
- green: #006b40,
22
- blue: #0c5689,
23
- purple: #5e4eba,
24
- yellow: #944c0c,
25
- orange: #962c0b,
26
- red: #992222,
27
- neutral: #273333
11
+ "container": (
12
+ "background": (
13
+ "base": #273333,
14
+ "success": #006b40,
15
+ "warning": #944c0c,
16
+ "error": #992222,
17
+ "info": #0c5689,
18
+ "opportunity": #5e4eba,
19
+ "danger": #992222,
20
+ "decorative": (
21
+ "green": #006b40,
22
+ "blue": #0c5689,
23
+ "purple": #5e4eba,
24
+ "yellow": #944c0c,
25
+ "orange": #962c0b,
26
+ "red": #992222,
27
+ "neutral": #162020
28
28
  ),
29
- selected: #FFFFFF,
30
- positive_sentiment: #3896e3,
31
- negative_sentiment: #f76054,
32
- neutral_sentiment: #c8cccc
29
+ "selected": #FFFFFF,
30
+ "positive_sentiment": #3896e3,
31
+ "negative_sentiment": #f76054,
32
+ "neutral_sentiment": #c8cccc
33
33
  ),
34
- border: (
35
- base: #040404,
36
- success: #59cb59,
37
- warning: #ffbc00,
38
- error: #ed4c42,
39
- danger: #ed4c42,
40
- info: #2b87d3,
41
- opportunity: #9180f4,
42
- decorative: (
43
- green: #59cb59,
44
- blue: #2b87d3,
45
- purple: #9180f4,
46
- yellow: #ffbc00,
47
- orange: #f57d33,
48
- red: #ed4c42,
49
- neutral: #929a9b
34
+ "border": (
35
+ "base": #040404,
36
+ "success": #59cb59,
37
+ "warning": #ffbc00,
38
+ "error": #ed4c42,
39
+ "danger": #ed4c42,
40
+ "info": #2b87d3,
41
+ "opportunity": #9180f4,
42
+ "decorative": (
43
+ "green": #59cb59,
44
+ "blue": #2b87d3,
45
+ "purple": #9180f4,
46
+ "yellow": #ffbc00,
47
+ "orange": #f57d33,
48
+ "red": #ed4c42,
49
+ "neutral": #929a9b
50
50
  ),
51
- selected: #FFFFFF
51
+ "selected": #FFFFFF
52
52
  )
53
53
  ),
54
- button: (
55
- primary: (
56
- background: (
57
- base: #56adf5,
58
- hover: #a1d2f8,
59
- active: #c7e4f9
54
+ "button": (
55
+ "primary": (
56
+ "background": (
57
+ "base": #56adf5,
58
+ "hover": #a1d2f8,
59
+ "active": #c7e4f9
60
60
  ),
61
- border: (
62
- base: transparent
61
+ "border": (
62
+ "base": transparent
63
63
  ),
64
- text: (
65
- base: #273333,
66
- hover: #162020
64
+ "text": (
65
+ "base": #273333,
66
+ "hover": #162020
67
67
  )
68
68
  ),
69
- secondary: (
70
- background: (
71
- base: transparent,
72
- hover: #f3f4f4,
73
- active: #FFFFFF
69
+ "secondary": (
70
+ "background": (
71
+ "base": transparent,
72
+ "hover": #f3f4f4,
73
+ "active": #FFFFFF
74
74
  ),
75
- border: (
76
- base: #FFFFFF
75
+ "border": (
76
+ "base": #FFFFFF
77
77
  ),
78
- text: (
79
- base: #FFFFFF,
80
- hover: #364141
78
+ "text": (
79
+ "base": #FFFFFF,
80
+ "hover": #364141
81
81
  )
82
82
  ),
83
- pill: (
84
- background: (
85
- base: transparent,
86
- hover: #162020,
87
- active: #273333
83
+ "pill": (
84
+ "background": (
85
+ "base": transparent,
86
+ "hover": #162020,
87
+ "active": #273333
88
88
  ),
89
- border: (
90
- base: transparent
89
+ "border": (
90
+ "base": transparent
91
91
  ),
92
- text: (
93
- base: #f3f4f4,
94
- hover: #FFFFFF
92
+ "text": (
93
+ "base": #f3f4f4,
94
+ "hover": #FFFFFF
95
95
  )
96
96
  ),
97
- destructive: (
98
- background: (
99
- base: #ff7f6e,
100
- hover: #ff9c8f,
101
- active: #ffb8b1
97
+ "destructive": (
98
+ "background": (
99
+ "base": #ff7f6e,
100
+ "hover": #ff9c8f,
101
+ "active": #ffb8b1
102
102
  ),
103
- border: (
104
- base: transparent
103
+ "border": (
104
+ "base": transparent
105
105
  ),
106
- text: (
107
- base: #273333,
108
- hover: #162020
106
+ "text": (
107
+ "base": #273333,
108
+ "hover": #162020
109
109
  )
110
110
  ),
111
- placeholder: (
112
- background: (
113
- base: transparent,
114
- hover: #040404,
115
- active: #040404
111
+ "placeholder": (
112
+ "background": (
113
+ "base": transparent,
114
+ "hover": #040404,
115
+ "active": #040404
116
116
  ),
117
- border: (
118
- base: #929a9b
117
+ "border": (
118
+ "base": #929a9b
119
119
  ),
120
- text: (
121
- base: #56adf5,
122
- hover: #a1d2f8
120
+ "text": (
121
+ "base": #56adf5,
122
+ "hover": #a1d2f8
123
123
  )
124
124
  ),
125
- unstyled: (
126
- background: (
127
- base: transparent
125
+ "unstyled": (
126
+ "background": (
127
+ "base": transparent
128
128
  ),
129
- border: (
130
- base: transparent
129
+ "border": (
130
+ "base": transparent
131
131
  ),
132
- text: (
133
- base: #c8cccc,
134
- hover: #dee1e1
132
+ "text": (
133
+ "base": #c8cccc,
134
+ "hover": #dee1e1
135
135
  )
136
136
  )
137
137
  ),
138
- link: (
139
- base: #56adf5,
140
- hover: #a1d2f8
141
- ),
142
- text: (
143
- headline: #FFFFFF,
144
- subtext: #c8cccc,
145
- body: #f3f4f4,
146
- inverse: #273333,
147
- error: #ff7f6e,
148
- background: (
149
- highlight: #944c0c
138
+ "link": (
139
+ "base": #56adf5,
140
+ "hover": #a1d2f8
141
+ ),
142
+ "text": (
143
+ "headline": #FFFFFF,
144
+ "subtext": #c8cccc,
145
+ "body": #f3f4f4,
146
+ "inverse": #273333,
147
+ "error": #ff7f6e,
148
+ "background": (
149
+ "highlight": #944c0c
150
150
  )
151
151
  ),
152
- icon: (
153
- base: #f3f4f4,
154
- inverse: #273333,
155
- success: #d7f4d7,
156
- warning: #fdefcd,
157
- error: #ffd5d2,
158
- danger: #ffd5d2,
159
- info: #dcf2ff,
160
- opportunity: #eaeaf9,
161
- applied: #56adf5,
162
- positive_sentiment: #2079c3,
163
- negative_sentiment: #ed4c42,
164
- neutral_sentiment: #6e797a
165
- ),
166
- form: (
167
- background: (
168
- base: #273333,
169
- selected: #FFFFFF
152
+ "icon": (
153
+ "base": #f3f4f4,
154
+ "inverse": #273333,
155
+ "success": #d7f4d7,
156
+ "warning": #fdefcd,
157
+ "error": #ffd5d2,
158
+ "danger": #ffd5d2,
159
+ "info": #dcf2ff,
160
+ "opportunity": #eaeaf9,
161
+ "applied": #56adf5,
162
+ "positive_sentiment": #2079c3,
163
+ "negative_sentiment": #ed4c42,
164
+ "neutral_sentiment": #6e797a
165
+ ),
166
+ "form": (
167
+ "background": (
168
+ "base": #273333,
169
+ "selected": #FFFFFF
170
170
  ),
171
- border: (
172
- base: #929a9b,
173
- error: #ed4c42,
174
- warning: #ffbc00,
175
- selected: #FFFFFF
171
+ "border": (
172
+ "base": #929a9b,
173
+ "error": #ed4c42,
174
+ "warning": #ffbc00,
175
+ "selected": #FFFFFF
176
176
  ),
177
- placeholder: (
178
- base: #929a9b
177
+ "placeholder": (
178
+ "base": #929a9b
179
179
  )
180
180
  ),
181
- listItem: (
182
- background: (
183
- base: transparent,
184
- hover: #364141,
185
- selected: #FFFFFF
181
+ "listItem": (
182
+ "background": (
183
+ "base": transparent,
184
+ "hover": #364141,
185
+ "selected": #FFFFFF
186
186
  )
187
187
  ),
188
- overlay: (
189
- background: (
190
- base: rgba(22,32,32,0.72)
188
+ "overlay": (
189
+ "background": (
190
+ "base": rgba(22,32,32,0.72)
191
191
  ),
192
- text: (
193
- base: #FFFFFF
192
+ "text": (
193
+ "base": #FFFFFF
194
194
  ),
195
- icon: (
196
- base: #FFFFFF
195
+ "icon": (
196
+ "base": #FFFFFF
197
197
  )
198
198
  ),
199
- elevation: (
200
- base: #040404
201
- ),
202
- illustration: (
203
- fill: #56adf5,
204
- stroke: #f3f4f4
205
- ),
206
- network: (
207
- twitter: #1da1f2,
208
- twitter_like: #e0245e,
209
- facebook: #217bee,
210
- facebook_audience_network: #58409B,
211
- linkedin: #0A66C2,
212
- instagram: #e4405f,
213
- feedly: #2bb24c,
214
- analytics: #ef6c00,
215
- youtube: #ff0000,
216
- messenger: #0084ff,
217
- snapchat: #fffc00,
218
- pinterest: #E60023,
219
- tumblr: #35465c,
220
- reddit: #ff4500,
221
- tripadvisor: #00B087,
222
- glassdoor: #0CAA41,
223
- google_my_business: #4285F4,
224
- google_business_messages: #1A73EA,
225
- salesforce: #1589EE,
226
- zendesk: #03363D,
227
- hubspot: #FF7A59,
228
- microsoft_dynamics: #002050,
229
- yelp: #FF1A1A,
230
- whatsapp: #25D366,
231
- tiktok: #000000
232
- ),
233
- dataviz: (
234
- map: (
235
- 1: #24e0c5,
236
- 2: #a193f2,
237
- 3: #ff76ae,
238
- 4: #ffcd1c,
239
- 5: #56adf5,
240
- 6: #f282f5,
241
- 7: #75dd66,
242
- 8: #ff9c5d,
243
- 9: #db3e3e,
244
- 10: #0b968f,
245
- 11: #6f5ed3,
246
- 12: #ce3665,
247
- 13: #ba7506,
248
- 14: #2079c3,
249
- 15: #ac44a8,
250
- 16: #0ca750,
251
- 17: #ed7024,
252
- 18: #ff7f6e,
253
- 19: #c2f2bd,
254
- 20: #ffe99a
199
+ "elevation": (
200
+ "base": #040404
201
+ ),
202
+ "illustration": (
203
+ "fill": #56adf5,
204
+ "stroke": #f3f4f4
205
+ ),
206
+ "network": (
207
+ "twitter": #1da1f2,
208
+ "twitter_like": #e0245e,
209
+ "facebook": #217bee,
210
+ "facebook_audience_network": #58409B,
211
+ "linkedin": #0A66C2,
212
+ "instagram": #e4405f,
213
+ "feedly": #2bb24c,
214
+ "analytics": #ef6c00,
215
+ "youtube": #ff0000,
216
+ "messenger": #0084ff,
217
+ "snapchat": #fffc00,
218
+ "pinterest": #E60023,
219
+ "tumblr": #35465c,
220
+ "reddit": #ff4500,
221
+ "tripadvisor": #00B087,
222
+ "glassdoor": #0CAA41,
223
+ "google_my_business": #4285F4,
224
+ "google_business_messages": #1A73EA,
225
+ "salesforce": #1589EE,
226
+ "zendesk": #03363D,
227
+ "hubspot": #FF7A59,
228
+ "microsoft_dynamics": #002050,
229
+ "yelp": #FF1A1A,
230
+ "whatsapp": #25D366,
231
+ "tiktok": #000000
232
+ ),
233
+ "dataviz": (
234
+ "map": (
235
+ "1": #24e0c5,
236
+ "2": #a193f2,
237
+ "3": #ff76ae,
238
+ "4": #ffcd1c,
239
+ "5": #56adf5,
240
+ "6": #f282f5,
241
+ "7": #75dd66,
242
+ "8": #ff9c5d,
243
+ "9": #db3e3e,
244
+ "10": #0b968f,
245
+ "11": #6f5ed3,
246
+ "12": #ce3665,
247
+ "13": #ba7506,
248
+ "14": #2079c3,
249
+ "15": #ac44a8,
250
+ "16": #0ca750,
251
+ "17": #ed7024,
252
+ "18": #ff7f6e,
253
+ "19": #c2f2bd,
254
+ "20": #ffe99a
255
255
  ),
256
- list: (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a)
257
- ),
258
- neutral: (
259
- 0: #FFFFFF,
260
- 100: #f3f4f4,
261
- 200: #dee1e1,
262
- 300: #c8cccc,
263
- 400: #b0b6b7,
264
- 500: #929a9b,
265
- 600: #6e797a,
266
- 700: #515e5f,
267
- 800: #364141,
268
- 900: #273333,
269
- 1000: #162020,
270
- 1100: #040404
271
- ),
272
- green: (
273
- 0: #ebf9eb,
274
- 100: #d7f4d7,
275
- 200: #c2f2bd,
276
- 300: #98e58e,
277
- 400: #75dd66,
278
- 500: #59cb59,
279
- 600: #2bb656,
280
- 700: #0ca750,
281
- 800: #008b46,
282
- 900: #006b40,
283
- 1000: #08422f,
284
- 1100: #002b20
285
- ),
286
- red: (
287
- 0: #ffeae9,
288
- 100: #ffd5d2,
289
- 200: #ffb8b1,
290
- 300: #ff9c8f,
291
- 400: #ff7f6e,
292
- 500: #f76054,
293
- 600: #ed4c42,
294
- 700: #db3e3e,
295
- 800: #c63434,
296
- 900: #992222,
297
- 1000: #6d1313,
298
- 1100: #2b1111
299
- ),
300
- blue: (
301
- 0: #e9f8ff,
302
- 100: #dcf2ff,
303
- 200: #c7e4f9,
304
- 300: #a1d2f8,
305
- 400: #56adf5,
306
- 500: #3896e3,
307
- 600: #2b87d3,
308
- 700: #2079c3,
309
- 800: #116daa,
310
- 900: #0c5689,
311
- 1000: #0a3960,
312
- 1100: #002138
313
- ),
314
- teal: (
315
- 0: #e5f9f5,
316
- 100: #cdf7ef,
317
- 200: #b3f2e6,
318
- 300: #7dead5,
319
- 400: #24e0c5,
320
- 500: #08c4b2,
321
- 600: #00a99c,
322
- 700: #0b968f,
323
- 800: #067c7c,
324
- 900: #026661,
325
- 1000: #083f3f,
326
- 1100: #002528
327
- ),
328
- aqua: (
329
- 0: #d9fcfb,
330
- 100: #c5f9f9,
331
- 200: #a5f2f2,
332
- 300: #76e5e2,
333
- 400: #33d6e2,
334
- 500: #17b8ce,
335
- 600: #0797ae,
336
- 700: #0b8599,
337
- 800: #0f6e84,
338
- 900: #035e73,
339
- 1000: #083d4f,
340
- 1100: #002838
341
- ),
342
- purple: (
343
- 0: #f2f2f9,
344
- 100: #eaeaf9,
345
- 200: #d8d7f9,
346
- 300: #c1c1f7,
347
- 400: #a193f2,
348
- 500: #9180f4,
349
- 600: #816fea,
350
- 700: #6f5ed3,
351
- 800: #5e4eba,
352
- 900: #483a9c,
353
- 1000: #2d246b,
354
- 1100: #1d1d38
355
- ),
356
- magenta: (
357
- 0: #fef0ff,
358
- 100: #f9e3fc,
359
- 200: #f4c4f7,
360
- 300: #edadf2,
361
- 400: #f282f5,
362
- 500: #db61db,
363
- 600: #c44eb9,
364
- 700: #ac44a8,
365
- 800: #8f3896,
366
- 900: #6c2277,
367
- 1000: #451551,
368
- 1100: #29192d
369
- ),
370
- yellow: (
371
- 0: #fff8e2,
372
- 100: #fdefcd,
373
- 200: #ffe99a,
374
- 300: #ffe16e,
375
- 400: #ffd943,
376
- 500: #ffcd1c,
377
- 600: #ffbc00,
378
- 700: #dd9903,
379
- 800: #ba7506,
380
- 900: #944c0c,
381
- 1000: #542a00,
382
- 1100: #2d1a05
383
- ),
384
- pink: (
385
- 0: #ffe9f3,
386
- 100: #fcdbeb,
387
- 200: #ffb5d5,
388
- 300: #ff95c1,
389
- 400: #ff76ae,
390
- 500: #ef588b,
391
- 600: #e0447c,
392
- 700: #ce3665,
393
- 800: #b22f5b,
394
- 900: #931847,
395
- 1000: #561231,
396
- 1100: #2b1721
397
- ),
398
- orange: (
399
- 0: #ffede3,
400
- 100: #fcdccc,
401
- 200: #ffc6a4,
402
- 300: #ffb180,
403
- 400: #ff9c5d,
404
- 500: #fc8943,
405
- 600: #f57d33,
406
- 700: #ed7024,
407
- 800: #ce5511,
408
- 900: #962c0b,
409
- 1000: #601700,
410
- 1100: #2d130e
411
- ),
412
- DATAVIZ_COLORS_LIST: (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a),
413
- DATAVIZ_COLORS_MAP: (
414
- 1: #24e0c5,
415
- 2: #a193f2,
416
- 3: #ff76ae,
417
- 4: #ffcd1c,
418
- 5: #56adf5,
419
- 6: #f282f5,
420
- 7: #75dd66,
421
- 8: #ff9c5d,
422
- 9: #db3e3e,
423
- 10: #0b968f,
424
- 11: #6f5ed3,
425
- 12: #ce3665,
426
- 13: #ba7506,
427
- 14: #2079c3,
428
- 15: #ac44a8,
429
- 16: #0ca750,
430
- 17: #ed7024,
431
- 18: #ff7f6e,
432
- 19: #c2f2bd,
433
- 20: #ffe99a
256
+ "list": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a)
257
+ ),
258
+ "neutral": (
259
+ "0": #FFFFFF,
260
+ "100": #f3f4f4,
261
+ "200": #dee1e1,
262
+ "300": #c8cccc,
263
+ "400": #b0b6b7,
264
+ "500": #929a9b,
265
+ "600": #6e797a,
266
+ "700": #515e5f,
267
+ "800": #364141,
268
+ "900": #273333,
269
+ "1000": #162020,
270
+ "1100": #040404
271
+ ),
272
+ "green": (
273
+ "0": #ebf9eb,
274
+ "100": #d7f4d7,
275
+ "200": #c2f2bd,
276
+ "300": #98e58e,
277
+ "400": #75dd66,
278
+ "500": #59cb59,
279
+ "600": #2bb656,
280
+ "700": #0ca750,
281
+ "800": #008b46,
282
+ "900": #006b40,
283
+ "1000": #08422f,
284
+ "1100": #002b20
285
+ ),
286
+ "red": (
287
+ "0": #ffeae9,
288
+ "100": #ffd5d2,
289
+ "200": #ffb8b1,
290
+ "300": #ff9c8f,
291
+ "400": #ff7f6e,
292
+ "500": #f76054,
293
+ "600": #ed4c42,
294
+ "700": #db3e3e,
295
+ "800": #c63434,
296
+ "900": #992222,
297
+ "1000": #6d1313,
298
+ "1100": #2b1111
299
+ ),
300
+ "blue": (
301
+ "0": #e9f8ff,
302
+ "100": #dcf2ff,
303
+ "200": #c7e4f9,
304
+ "300": #a1d2f8,
305
+ "400": #56adf5,
306
+ "500": #3896e3,
307
+ "600": #2b87d3,
308
+ "700": #2079c3,
309
+ "800": #116daa,
310
+ "900": #0c5689,
311
+ "1000": #0a3960,
312
+ "1100": #002138
313
+ ),
314
+ "teal": (
315
+ "0": #e5f9f5,
316
+ "100": #cdf7ef,
317
+ "200": #b3f2e6,
318
+ "300": #7dead5,
319
+ "400": #24e0c5,
320
+ "500": #08c4b2,
321
+ "600": #00a99c,
322
+ "700": #0b968f,
323
+ "800": #067c7c,
324
+ "900": #026661,
325
+ "1000": #083f3f,
326
+ "1100": #002528
327
+ ),
328
+ "aqua": (
329
+ "0": #d9fcfb,
330
+ "100": #c5f9f9,
331
+ "200": #a5f2f2,
332
+ "300": #76e5e2,
333
+ "400": #33d6e2,
334
+ "500": #17b8ce,
335
+ "600": #0797ae,
336
+ "700": #0b8599,
337
+ "800": #0f6e84,
338
+ "900": #035e73,
339
+ "1000": #083d4f,
340
+ "1100": #002838
341
+ ),
342
+ "purple": (
343
+ "0": #f2f2f9,
344
+ "100": #eaeaf9,
345
+ "200": #d8d7f9,
346
+ "300": #c1c1f7,
347
+ "400": #a193f2,
348
+ "500": #9180f4,
349
+ "600": #816fea,
350
+ "700": #6f5ed3,
351
+ "800": #5e4eba,
352
+ "900": #483a9c,
353
+ "1000": #2d246b,
354
+ "1100": #1d1d38
355
+ ),
356
+ "magenta": (
357
+ "0": #fef0ff,
358
+ "100": #f9e3fc,
359
+ "200": #f4c4f7,
360
+ "300": #edadf2,
361
+ "400": #f282f5,
362
+ "500": #db61db,
363
+ "600": #c44eb9,
364
+ "700": #ac44a8,
365
+ "800": #8f3896,
366
+ "900": #6c2277,
367
+ "1000": #451551,
368
+ "1100": #29192d
369
+ ),
370
+ "yellow": (
371
+ "0": #fff8e2,
372
+ "100": #fdefcd,
373
+ "200": #ffe99a,
374
+ "300": #ffe16e,
375
+ "400": #ffd943,
376
+ "500": #ffcd1c,
377
+ "600": #ffbc00,
378
+ "700": #dd9903,
379
+ "800": #ba7506,
380
+ "900": #944c0c,
381
+ "1000": #542a00,
382
+ "1100": #2d1a05
383
+ ),
384
+ "pink": (
385
+ "0": #ffe9f3,
386
+ "100": #fcdbeb,
387
+ "200": #ffb5d5,
388
+ "300": #ff95c1,
389
+ "400": #ff76ae,
390
+ "500": #ef588b,
391
+ "600": #e0447c,
392
+ "700": #ce3665,
393
+ "800": #b22f5b,
394
+ "900": #931847,
395
+ "1000": #561231,
396
+ "1100": #2b1721
397
+ ),
398
+ "orange": (
399
+ "0": #ffede3,
400
+ "100": #fcdccc,
401
+ "200": #ffc6a4,
402
+ "300": #ffb180,
403
+ "400": #ff9c5d,
404
+ "500": #fc8943,
405
+ "600": #f57d33,
406
+ "700": #ed7024,
407
+ "800": #ce5511,
408
+ "900": #962c0b,
409
+ "1000": #601700,
410
+ "1100": #2d130e
411
+ ),
412
+ "DATAVIZ_COLORS_LIST": (#24e0c5, #a193f2, #ff76ae, #ffcd1c, #56adf5, #f282f5, #75dd66, #ff9c5d, #db3e3e, #0b968f, #6f5ed3, #ce3665, #ba7506, #2079c3, #ac44a8, #0ca750, #ed7024, #ff7f6e, #c2f2bd, #ffe99a),
413
+ "DATAVIZ_COLORS_MAP": (
414
+ "1": #24e0c5,
415
+ "2": #a193f2,
416
+ "3": #ff76ae,
417
+ "4": #ffcd1c,
418
+ "5": #56adf5,
419
+ "6": #f282f5,
420
+ "7": #75dd66,
421
+ "8": #ff9c5d,
422
+ "9": #db3e3e,
423
+ "10": #0b968f,
424
+ "11": #6f5ed3,
425
+ "12": #ce3665,
426
+ "13": #ba7506,
427
+ "14": #2079c3,
428
+ "15": #ac44a8,
429
+ "16": #0ca750,
430
+ "17": #ed7024,
431
+ "18": #ff7f6e,
432
+ "19": #c2f2bd,
433
+ "20": #ffe99a
434
434
  )
435
435
  ),
436
- typography: (
437
- 100: (
438
- fontSize: 11px,
439
- lineHeight: 18.666666666666668px
440
- ),
441
- 200: (
442
- fontSize: 13px,
443
- lineHeight: 21.333333333333332px
444
- ),
445
- 300: (
446
- fontSize: 16px,
447
- lineHeight: 24px
448
- ),
449
- 400: (
450
- fontSize: 18px,
451
- lineHeight: 26.666666666666668px
452
- ),
453
- 500: (
454
- fontSize: 21px,
455
- lineHeight: 29.333333333333332px
456
- ),
457
- 600: (
458
- fontSize: 24px,
459
- lineHeight: 32px
460
- ),
461
- 700: (
462
- fontSize: 32px,
463
- lineHeight: 40px
464
- ),
465
- 800: (
466
- fontSize: 43px,
467
- lineHeight: 50.666666666666664px
468
- ),
469
- 900: (
470
- fontSize: 57px,
471
- lineHeight: 64px
472
- ),
473
- 1000: (
474
- fontSize: 76px,
475
- lineHeight: 80px
476
- ),
477
- 1100: (
478
- fontSize: 101px,
479
- lineHeight: 101.33333333333333px
480
- ),
481
- 1200: (
482
- fontSize: 135px,
483
- lineHeight: 125.33333333333333px
484
- ),
485
- typography: (
486
- 100: (
487
- fontSize: 11px,
488
- lineHeight: 18.666666666666668px
436
+ "typography": (
437
+ "100": (
438
+ "fontSize": 11px,
439
+ "lineHeight": 18.666666666666668px
440
+ ),
441
+ "200": (
442
+ "fontSize": 13px,
443
+ "lineHeight": 21.333333333333332px
444
+ ),
445
+ "300": (
446
+ "fontSize": 16px,
447
+ "lineHeight": 24px
448
+ ),
449
+ "400": (
450
+ "fontSize": 18px,
451
+ "lineHeight": 26.666666666666668px
452
+ ),
453
+ "500": (
454
+ "fontSize": 21px,
455
+ "lineHeight": 29.333333333333332px
456
+ ),
457
+ "600": (
458
+ "fontSize": 24px,
459
+ "lineHeight": 32px
460
+ ),
461
+ "700": (
462
+ "fontSize": 32px,
463
+ "lineHeight": 40px
464
+ ),
465
+ "800": (
466
+ "fontSize": 43px,
467
+ "lineHeight": 50.666666666666664px
468
+ ),
469
+ "900": (
470
+ "fontSize": 57px,
471
+ "lineHeight": 64px
472
+ ),
473
+ "1000": (
474
+ "fontSize": 76px,
475
+ "lineHeight": 80px
476
+ ),
477
+ "1100": (
478
+ "fontSize": 101px,
479
+ "lineHeight": 101.33333333333333px
480
+ ),
481
+ "1200": (
482
+ "fontSize": 135px,
483
+ "lineHeight": 125.33333333333333px
484
+ ),
485
+ "typography": (
486
+ "100": (
487
+ "fontSize": 11px,
488
+ "lineHeight": 18.666666666666668px
489
489
  ),
490
- 200: (
491
- fontSize: 13px,
492
- lineHeight: 21.333333333333332px
490
+ "200": (
491
+ "fontSize": 13px,
492
+ "lineHeight": 21.333333333333332px
493
493
  ),
494
- 300: (
495
- fontSize: 16px,
496
- lineHeight: 24px
494
+ "300": (
495
+ "fontSize": 16px,
496
+ "lineHeight": 24px
497
497
  ),
498
- 400: (
499
- fontSize: 18px,
500
- lineHeight: 26.666666666666668px
498
+ "400": (
499
+ "fontSize": 18px,
500
+ "lineHeight": 26.666666666666668px
501
501
  ),
502
- 500: (
503
- fontSize: 21px,
504
- lineHeight: 29.333333333333332px
502
+ "500": (
503
+ "fontSize": 21px,
504
+ "lineHeight": 29.333333333333332px
505
505
  ),
506
- 600: (
507
- fontSize: 24px,
508
- lineHeight: 32px
506
+ "600": (
507
+ "fontSize": 24px,
508
+ "lineHeight": 32px
509
509
  ),
510
- 700: (
511
- fontSize: 32px,
512
- lineHeight: 40px
510
+ "700": (
511
+ "fontSize": 32px,
512
+ "lineHeight": 40px
513
513
  ),
514
- 800: (
515
- fontSize: 43px,
516
- lineHeight: 50.666666666666664px
514
+ "800": (
515
+ "fontSize": 43px,
516
+ "lineHeight": 50.666666666666664px
517
517
  ),
518
- 900: (
519
- fontSize: 57px,
520
- lineHeight: 64px
518
+ "900": (
519
+ "fontSize": 57px,
520
+ "lineHeight": 64px
521
521
  ),
522
- 1000: (
523
- fontSize: 76px,
524
- lineHeight: 80px
522
+ "1000": (
523
+ "fontSize": 76px,
524
+ "lineHeight": 80px
525
525
  ),
526
- 1100: (
527
- fontSize: 101px,
528
- lineHeight: 101.33333333333333px
526
+ "1100": (
527
+ "fontSize": 101px,
528
+ "lineHeight": 101.33333333333333px
529
529
  ),
530
- 1200: (
531
- fontSize: 135px,
532
- lineHeight: 125.33333333333333px
530
+ "1200": (
531
+ "fontSize": 135px,
532
+ "lineHeight": 125.33333333333333px
533
533
  )
534
534
  )
535
535
  ),
536
- fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
537
- fontWeights: (
538
- normal: 400,
539
- semibold: 600,
540
- bold: 700,
541
- extrabold: 800
536
+ "fontFamily": "system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif",
537
+ "fontWeights": (
538
+ "normal": 400,
539
+ "semibold": 600,
540
+ "bold": 700,
541
+ "extrabold": 800
542
542
  ),
543
- space: (
544
- 0: 0px,
545
- 100: 2px,
546
- 200: 4px,
547
- 300: 8px,
548
- 350: 12px,
549
- 400: 16px,
550
- 450: 24px,
551
- 500: 32px,
552
- 600: 40px,
553
- space: (
554
- 0: 0px,
555
- 100: 2px,
556
- 200: 4px,
557
- 300: 8px,
558
- 350: 12px,
559
- 400: 16px,
560
- 450: 24px,
561
- 500: 32px,
562
- 600: 40px
563
- ),
564
- -space: (
565
- 0: -0px,
566
- 100: -2px,
567
- 200: -4px,
568
- 300: -8px,
569
- 350: -12px,
570
- 400: -16px,
571
- 450: -24px,
572
- 500: -32px,
573
- 600: -40px
543
+ "space": (
544
+ "0": 0px,
545
+ "100": 2px,
546
+ "200": 4px,
547
+ "300": 8px,
548
+ "350": 12px,
549
+ "400": 16px,
550
+ "450": 24px,
551
+ "500": 32px,
552
+ "600": 40px,
553
+ "space": (
554
+ "0": 0px,
555
+ "100": 2px,
556
+ "200": 4px,
557
+ "300": 8px,
558
+ "350": 12px,
559
+ "400": 16px,
560
+ "450": 24px,
561
+ "500": 32px,
562
+ "600": 40px
563
+ ),
564
+ "-space": (
565
+ "0": -0px,
566
+ "100": -2px,
567
+ "200": -4px,
568
+ "300": -8px,
569
+ "350": -12px,
570
+ "400": -16px,
571
+ "450": -24px,
572
+ "500": -32px,
573
+ "600": -40px
574
574
  )
575
575
  ),
576
- radii: (
577
- 400: 4px,
578
- 500: 6px,
579
- 600: 8px,
580
- 1000: 999999px,
581
- inner: 6px,
582
- outer: 8px,
583
- pill: 999999px,
584
- radii: (
585
- 400: 4px,
586
- 500: 6px,
587
- 600: 8px,
588
- 1000: 999999px,
589
- inner: 6px,
590
- outer: 8px,
591
- pill: 999999px
576
+ "radii": (
577
+ "400": 4px,
578
+ "500": 6px,
579
+ "600": 8px,
580
+ "1000": 999999px,
581
+ "inner": 6px,
582
+ "outer": 8px,
583
+ "pill": 999999px,
584
+ "radii": (
585
+ "400": 4px,
586
+ "500": 6px,
587
+ "600": 8px,
588
+ "1000": 999999px,
589
+ "inner": 6px,
590
+ "outer": 8px,
591
+ "pill": 999999px
592
592
  )
593
593
  ),
594
- borders: (
595
- 500: 1px solid
594
+ "borders": (
595
+ "500": 1px solid
596
596
  ),
597
- borderWidths: (
598
- 500: 1px
597
+ "borderWidths": (
598
+ "500": 1px
599
599
  ),
600
- shadows: (
601
- low: 0px 2px 4px #040404FF,
602
- medium: 0px 8px 16px #040404FF,
603
- high: 0px 16px 32px #040404FF
600
+ "shadows": (
601
+ "low": 0px 2px 4px #040404FF,
602
+ "medium": 0px 8px 16px #040404FF,
603
+ "high": 0px 16px 32px #040404FF
604
604
  ),
605
- easing: (
606
- ease_in: cubic-bezier(.4, 0, .7, .2),
607
- ease_out: cubic-bezier(0, 0, .2, 1),
608
- ease_inout: cubic-bezier(.4, 0, .2, 1)
605
+ "easing": (
606
+ "ease_in": cubic-bezier(.4, 0, .7, .2),
607
+ "ease_out": cubic-bezier(0, 0, .2, 1),
608
+ "ease_inout": cubic-bezier(.4, 0, .2, 1)
609
609
  ),
610
- duration: (
611
- fast: .15s,
612
- medium: .3s,
613
- slow: .6s
610
+ "duration": (
611
+ "fast": .15s,
612
+ "medium": .3s,
613
+ "slow": .6s
614
614
  ),
615
- mode: dark
615
+ "mode": dark
616
616
  ),
617
- shadows: (
618
- low: 0px 2px 4px #040404FF,
619
- medium: 0px 8px 16px #040404FF,
620
- high: 0px 16px 32px #040404FF
617
+ "shadows": (
618
+ "low": 0px 2px 4px #040404FF,
619
+ "medium": 0px 8px 16px #040404FF,
620
+ "high": 0px 16px 32px #040404FF
621
621
  )
622
622
  );