@neuravision/construct 1.2.0 → 2.0.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 (31) hide show
  1. package/components/_shared.css +1 -1
  2. package/components/app-shell-v2.css +7 -7
  3. package/components/banner.css +3 -3
  4. package/components/button.css +3 -3
  5. package/components/card.css +1 -1
  6. package/components/chart.css +369 -0
  7. package/components/checkbox.css +11 -11
  8. package/components/chip.css +13 -13
  9. package/components/combobox.css +1 -1
  10. package/components/dropdown.css +4 -4
  11. package/components/file-upload.css +1 -1
  12. package/components/index.css +1 -0
  13. package/components/list.css +4 -1
  14. package/components/navbar.css +8 -8
  15. package/components/pagination.css +3 -3
  16. package/components/progress-bar.css +1 -1
  17. package/components/select-menu.css +1 -1
  18. package/components/sidebar.css +4 -2
  19. package/components/slider.css +2 -2
  20. package/components/spinner.css +1 -1
  21. package/components/switch.css +2 -2
  22. package/components/tabs.css +1 -1
  23. package/components/toggle-group.css +2 -2
  24. package/components/tree.css +2 -2
  25. package/docs/guidelines.md +2 -2
  26. package/foundations.css +2 -2
  27. package/package.json +1 -1
  28. package/tokens/tokens.css +219 -153
  29. package/tokens/tokens.js +367 -276
  30. package/tokens/tokens.json +324 -259
  31. package/tokens/tokens.ts +367 -276
package/tokens/tokens.json CHANGED
@@ -1,31 +1,43 @@
1
1
  {
2
2
  "primitives": {
3
3
  "color": {
4
- "slate": {
4
+ "stone": {
5
5
  "0": "#FFFFFF",
6
- "50": "#F5F7FA",
7
- "100": "#E9EEF4",
8
- "200": "#D3DDE7",
9
- "300": "#B7C6D6",
10
- "400": "#8EA3B8",
11
- "500": "#6B8399",
12
- "600": "#4E667B",
13
- "700": "#364C5F",
14
- "800": "#263747",
15
- "900": "#172533",
16
- "950": "#0E1720"
6
+ "50": "#FAFAF8",
7
+ "100": "#F1F0EB",
8
+ "200": "#E4E2DB",
9
+ "300": "#D3D0C7",
10
+ "400": "#B4AFA1",
11
+ "500": "#8E887A",
12
+ "600": "#66604E",
13
+ "700": "#4B473E",
14
+ "800": "#353128",
15
+ "900": "#211E18",
16
+ "950": "#16130F"
17
+ },
18
+ "orange": {
19
+ "50": "#FFF1EA",
20
+ "100": "#FFDFCE",
21
+ "200": "#FFBE9C",
22
+ "300": "#FF9462",
23
+ "400": "#FB6E2E",
24
+ "500": "#F4581C",
25
+ "600": "#DD4A0F",
26
+ "700": "#B23C0C",
27
+ "800": "#882D09",
28
+ "900": "#5C1E06"
17
29
  },
18
30
  "ocean": {
19
- "50": "#E9F4F7",
20
- "100": "#CFE5EC",
21
- "200": "#A5CBD8",
22
- "300": "#78B1C4",
23
- "400": "#4D97AF",
24
- "500": "#2E7E96",
25
- "600": "#21657A",
26
- "700": "#174C5D",
27
- "800": "#103745",
28
- "900": "#0B2631"
31
+ "50": "#EAF1FB",
32
+ "100": "#CFE0F4",
33
+ "200": "#A6C6EA",
34
+ "300": "#76A6DC",
35
+ "400": "#4584CC",
36
+ "500": "#2A68B5",
37
+ "600": "#1F5BA6",
38
+ "700": "#184780",
39
+ "800": "#123356",
40
+ "900": "#0C2238"
29
41
  },
30
42
  "teal": {
31
43
  "50": "#E7F7F6",
@@ -40,28 +52,28 @@
40
52
  "900": "#0A3533"
41
53
  },
42
54
  "amber": {
43
- "50": "#FFF6E5",
44
- "100": "#FFE8BF",
45
- "200": "#FFD180",
46
- "300": "#FFB74D",
47
- "400": "#FF9E1A",
48
- "500": "#E88300",
49
- "600": "#B86600",
50
- "700": "#8A4D00",
51
- "800": "#5E3500",
52
- "900": "#3D2300"
55
+ "50": "#FBF3D6",
56
+ "100": "#F6E3A6",
57
+ "200": "#EDC85F",
58
+ "300": "#DFAB1F",
59
+ "400": "#C8930A",
60
+ "500": "#A87A00",
61
+ "600": "#876200",
62
+ "700": "#694B00",
63
+ "800": "#4B3500",
64
+ "900": "#2F2100"
53
65
  },
54
66
  "red": {
55
- "50": "#FDECEC",
56
- "100": "#F8CACA",
57
- "200": "#F3A3A3",
58
- "300": "#EB7575",
59
- "400": "#DE4A4A",
60
- "500": "#C93535",
61
- "600": "#A22828",
62
- "700": "#7C1F1F",
63
- "800": "#561717",
64
- "900": "#361010"
67
+ "50": "#FCE9ED",
68
+ "100": "#F7C6CF",
69
+ "200": "#EF98A8",
70
+ "300": "#E4647C",
71
+ "400": "#D43B57",
72
+ "500": "#BE1F3D",
73
+ "600": "#9C1631",
74
+ "700": "#771025",
75
+ "800": "#530B19",
76
+ "900": "#330610"
65
77
  },
66
78
  "green": {
67
79
  "50": "#E8F6EF",
@@ -102,15 +114,16 @@
102
114
  },
103
115
  "font": {
104
116
  "family": {
105
- "brand": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
106
- "text": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
117
+ "brand": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
118
+ "text": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
107
119
  "mono": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
108
120
  },
109
121
  "weight": {
110
122
  "regular": "400",
111
123
  "medium": "500",
112
124
  "semibold": "600",
113
- "bold": "700"
125
+ "bold": "700",
126
+ "extrabold": "800"
114
127
  },
115
128
  "size": {
116
129
  "xs": "12px",
@@ -213,11 +226,11 @@
213
226
  }
214
227
  },
215
228
  "shadow": {
216
- "xs": "0 1px 2px rgba(10, 25, 41, 0.08)",
217
- "sm": "0 2px 6px rgba(10, 25, 41, 0.10)",
218
- "md": "0 8px 20px rgba(10, 25, 41, 0.12)",
219
- "lg": "0 16px 36px rgba(10, 25, 41, 0.14)",
220
- "xl": "0 24px 56px rgba(10, 25, 41, 0.18)"
229
+ "xs": "0 1px 2px rgba(28, 20, 10, 0.07)",
230
+ "sm": "0 2px 6px rgba(28, 20, 10, 0.09)",
231
+ "md": "0 8px 20px rgba(28, 20, 10, 0.11)",
232
+ "lg": "0 16px 36px rgba(28, 20, 10, 0.13)",
233
+ "xl": "0 24px 56px rgba(28, 20, 10, 0.17)"
221
234
  },
222
235
  "motion": {
223
236
  "duration": {
@@ -252,77 +265,90 @@
252
265
  "semantic": {
253
266
  "color": {
254
267
  "brand": {
255
- "primary": "#21657A",
256
- "primaryHover": "#174C5D",
257
- "primaryActive": "#103745",
258
- "accent": "#167B76",
259
- "accentHover": "#115F5C",
260
- "accentActive": "#0D4744"
268
+ "primary": "#16130F",
269
+ "primaryHover": "#353128",
270
+ "primaryActive": "#211E18",
271
+ "accent": "#F4581C",
272
+ "accentHover": "#DD4A0F",
273
+ "accentActive": "#B23C0C",
274
+ "onAccent": "#16130F"
261
275
  },
262
276
  "text": {
263
- "primary": "#0E1720",
264
- "secondary": "#364C5F",
265
- "muted": "#4E667B",
266
- "inverse": "#FFFFFF"
277
+ "primary": "#16130F",
278
+ "secondary": "#4B473E",
279
+ "muted": "#66604E",
280
+ "inverse": "#FFFFFF",
281
+ "onPrimary": "#FFFFFF"
267
282
  },
268
283
  "background": {
269
- "canvas": "#FFFFFF",
270
- "surface": "#F5F7FA",
284
+ "canvas": "#FAFAF8",
285
+ "surface": "#F1F0EB",
271
286
  "elevated": "#FFFFFF",
272
- "muted": "#E9EEF4"
287
+ "muted": "#E4E2DB"
273
288
  },
274
289
  "border": {
275
- "subtle": "#D3DDE7",
276
- "default": "#B7C6D6",
277
- "strong": "#6B8399"
290
+ "subtle": "#E4E2DB",
291
+ "default": "#D3D0C7",
292
+ "strong": "#8E887A"
278
293
  },
279
294
  "state": {
280
- "info": "#21657A",
295
+ "info": "#1F5BA6",
281
296
  "success": "#2EA070",
282
- "warning": "#FF9E1A",
283
- "danger": "#C93535"
297
+ "warning": "#C8930A",
298
+ "danger": "#BE1F3D",
299
+ "onSolid": "#FFFFFF"
284
300
  },
285
301
  "stateSurface": {
286
- "info": "#E9F4F7",
302
+ "info": "#EAF1FB",
287
303
  "success": "#E8F6EF",
288
- "warning": "#FFF6E5",
289
- "danger": "#FDECEC"
304
+ "warning": "#FBF3D6",
305
+ "danger": "#FCE9ED"
290
306
  },
291
307
  "stateBorder": {
292
- "info": "#A5CBD8",
308
+ "info": "#A6C6EA",
293
309
  "success": "#9EDCC0",
294
- "warning": "#FFD180",
295
- "danger": "#F3A3A3"
310
+ "warning": "#EDC85F",
311
+ "danger": "#EF98A8"
296
312
  },
297
313
  "stateText": {
298
- "info": "#174C5D",
314
+ "info": "#184780",
299
315
  "success": "#1B6145",
300
- "warning": "#8A4D00",
301
- "danger": "#7C1F1F"
316
+ "warning": "#694B00",
317
+ "danger": "#771025"
302
318
  },
303
319
  "overlay": {
304
- "scrim": "rgba(14, 23, 32, 0.6)"
320
+ "scrim": "rgba(22, 19, 15, 0.58)"
305
321
  },
306
322
  "focus": {
307
- "ring": "#35B2AA"
323
+ "ring": "#DD4A0F"
308
324
  },
309
325
  "avatarSeed": {
310
- "1Bg": "#CFE5EC",
311
- "1Fg": "#103745",
326
+ "1Bg": "#CFE0F4",
327
+ "1Fg": "#123356",
312
328
  "2Bg": "#C5ECEA",
313
329
  "2Fg": "#0D4744",
314
- "3Bg": "#FFE8BF",
315
- "3Fg": "#5E3500",
316
- "4Bg": "#F8CACA",
317
- "4Fg": "#561717",
330
+ "3Bg": "#F6E3A6",
331
+ "3Fg": "#4B3500",
332
+ "4Bg": "#F7C6CF",
333
+ "4Fg": "#530B19",
318
334
  "5Bg": "#C7EAD9",
319
335
  "5Fg": "#134533",
320
336
  "6Bg": "#E5D7F4",
321
337
  "6Fg": "#2D1A48",
322
338
  "7Bg": "#F5CDDC",
323
339
  "7Fg": "#461020",
324
- "8Bg": "#D3DDE7",
325
- "8Fg": "#263747"
340
+ "8Bg": "#E4E2DB",
341
+ "8Fg": "#353128"
342
+ },
343
+ "chartSeries": {
344
+ "1": "#1F5BA6",
345
+ "2": "#876200",
346
+ "3": "#237F59",
347
+ "4": "#6F45A8",
348
+ "5": "#B22F58",
349
+ "6": "#167B76",
350
+ "7": "#BE1F3D",
351
+ "8": "#66604E"
326
352
  }
327
353
  },
328
354
  "theme": {
@@ -330,70 +356,70 @@
330
356
  },
331
357
  "font": {
332
358
  "family": {
333
- "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
334
- "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
359
+ "heading": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
360
+ "body": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
335
361
  "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
336
362
  }
337
363
  },
338
364
  "typography": {
339
365
  "display": {
340
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
366
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
341
367
  "fontSize": "48px",
342
368
  "lineHeight": "60px",
343
- "fontWeight": "700",
369
+ "fontWeight": "800",
344
370
  "letterSpacing": "-0.3px"
345
371
  },
346
372
  "h1": {
347
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
373
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
348
374
  "fontSize": "40px",
349
375
  "lineHeight": "52px",
350
376
  "fontWeight": "700",
351
377
  "letterSpacing": "-0.3px"
352
378
  },
353
379
  "h2": {
354
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
380
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
355
381
  "fontSize": "32px",
356
382
  "lineHeight": "44px",
357
383
  "fontWeight": "600",
358
384
  "letterSpacing": "0px"
359
385
  },
360
386
  "h3": {
361
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
387
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
362
388
  "fontSize": "28px",
363
389
  "lineHeight": "40px",
364
390
  "fontWeight": "600",
365
391
  "letterSpacing": "0px"
366
392
  },
367
393
  "h4": {
368
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
394
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
369
395
  "fontSize": "24px",
370
396
  "lineHeight": "36px",
371
397
  "fontWeight": "600",
372
398
  "letterSpacing": "0px"
373
399
  },
374
400
  "body": {
375
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
401
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
376
402
  "fontSize": "16px",
377
403
  "lineHeight": "24px",
378
404
  "fontWeight": "400",
379
405
  "letterSpacing": "0px"
380
406
  },
381
407
  "bodySm": {
382
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
408
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
383
409
  "fontSize": "14px",
384
410
  "lineHeight": "20px",
385
411
  "fontWeight": "400",
386
412
  "letterSpacing": "0px"
387
413
  },
388
414
  "label": {
389
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
415
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
390
416
  "fontSize": "14px",
391
417
  "lineHeight": "20px",
392
418
  "fontWeight": "600",
393
419
  "letterSpacing": "0.3px"
394
420
  },
395
421
  "caption": {
396
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
422
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
397
423
  "fontSize": "12px",
398
424
  "lineHeight": "16px",
399
425
  "fontWeight": "400",
@@ -407,86 +433,99 @@
407
433
  "pill": "999px"
408
434
  },
409
435
  "shadow": {
410
- "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
411
- "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
412
- "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
436
+ "card": "0 2px 6px rgba(28, 20, 10, 0.09)",
437
+ "dropdown": "0 8px 20px rgba(28, 20, 10, 0.11)",
438
+ "modal": "0 16px 36px rgba(28, 20, 10, 0.13)"
413
439
  }
414
440
  },
415
441
  "semanticThemes": {
416
442
  "light": {
417
443
  "color": {
418
444
  "brand": {
419
- "primary": "#21657A",
420
- "primaryHover": "#174C5D",
421
- "primaryActive": "#103745",
422
- "accent": "#167B76",
423
- "accentHover": "#115F5C",
424
- "accentActive": "#0D4744"
445
+ "primary": "#16130F",
446
+ "primaryHover": "#353128",
447
+ "primaryActive": "#211E18",
448
+ "accent": "#F4581C",
449
+ "accentHover": "#DD4A0F",
450
+ "accentActive": "#B23C0C",
451
+ "onAccent": "#16130F"
425
452
  },
426
453
  "text": {
427
- "primary": "#0E1720",
428
- "secondary": "#364C5F",
429
- "muted": "#4E667B",
430
- "inverse": "#FFFFFF"
454
+ "primary": "#16130F",
455
+ "secondary": "#4B473E",
456
+ "muted": "#66604E",
457
+ "inverse": "#FFFFFF",
458
+ "onPrimary": "#FFFFFF"
431
459
  },
432
460
  "background": {
433
- "canvas": "#FFFFFF",
434
- "surface": "#F5F7FA",
461
+ "canvas": "#FAFAF8",
462
+ "surface": "#F1F0EB",
435
463
  "elevated": "#FFFFFF",
436
- "muted": "#E9EEF4"
464
+ "muted": "#E4E2DB"
437
465
  },
438
466
  "border": {
439
- "subtle": "#D3DDE7",
440
- "default": "#B7C6D6",
441
- "strong": "#6B8399"
467
+ "subtle": "#E4E2DB",
468
+ "default": "#D3D0C7",
469
+ "strong": "#8E887A"
442
470
  },
443
471
  "state": {
444
- "info": "#21657A",
472
+ "info": "#1F5BA6",
445
473
  "success": "#2EA070",
446
- "warning": "#FF9E1A",
447
- "danger": "#C93535"
474
+ "warning": "#C8930A",
475
+ "danger": "#BE1F3D",
476
+ "onSolid": "#FFFFFF"
448
477
  },
449
478
  "stateSurface": {
450
- "info": "#E9F4F7",
479
+ "info": "#EAF1FB",
451
480
  "success": "#E8F6EF",
452
- "warning": "#FFF6E5",
453
- "danger": "#FDECEC"
481
+ "warning": "#FBF3D6",
482
+ "danger": "#FCE9ED"
454
483
  },
455
484
  "stateBorder": {
456
- "info": "#A5CBD8",
485
+ "info": "#A6C6EA",
457
486
  "success": "#9EDCC0",
458
- "warning": "#FFD180",
459
- "danger": "#F3A3A3"
487
+ "warning": "#EDC85F",
488
+ "danger": "#EF98A8"
460
489
  },
461
490
  "stateText": {
462
- "info": "#174C5D",
491
+ "info": "#184780",
463
492
  "success": "#1B6145",
464
- "warning": "#8A4D00",
465
- "danger": "#7C1F1F"
493
+ "warning": "#694B00",
494
+ "danger": "#771025"
466
495
  },
467
496
  "overlay": {
468
- "scrim": "rgba(14, 23, 32, 0.6)"
497
+ "scrim": "rgba(22, 19, 15, 0.58)"
469
498
  },
470
499
  "focus": {
471
- "ring": "#35B2AA"
500
+ "ring": "#DD4A0F"
472
501
  },
473
502
  "avatarSeed": {
474
- "1Bg": "#CFE5EC",
475
- "1Fg": "#103745",
503
+ "1Bg": "#CFE0F4",
504
+ "1Fg": "#123356",
476
505
  "2Bg": "#C5ECEA",
477
506
  "2Fg": "#0D4744",
478
- "3Bg": "#FFE8BF",
479
- "3Fg": "#5E3500",
480
- "4Bg": "#F8CACA",
481
- "4Fg": "#561717",
507
+ "3Bg": "#F6E3A6",
508
+ "3Fg": "#4B3500",
509
+ "4Bg": "#F7C6CF",
510
+ "4Fg": "#530B19",
482
511
  "5Bg": "#C7EAD9",
483
512
  "5Fg": "#134533",
484
513
  "6Bg": "#E5D7F4",
485
514
  "6Fg": "#2D1A48",
486
515
  "7Bg": "#F5CDDC",
487
516
  "7Fg": "#461020",
488
- "8Bg": "#D3DDE7",
489
- "8Fg": "#263747"
517
+ "8Bg": "#E4E2DB",
518
+ "8Fg": "#353128"
519
+ },
520
+ "chartSeries": {
521
+ "1": "#1F5BA6",
522
+ "2": "#876200",
523
+ "3": "#237F59",
524
+ "4": "#6F45A8",
525
+ "5": "#B22F58",
526
+ "6": "#167B76",
527
+ "7": "#BE1F3D",
528
+ "8": "#66604E"
490
529
  }
491
530
  },
492
531
  "theme": {
@@ -494,70 +533,70 @@
494
533
  },
495
534
  "font": {
496
535
  "family": {
497
- "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
498
- "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
536
+ "heading": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
537
+ "body": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
499
538
  "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
500
539
  }
501
540
  },
502
541
  "typography": {
503
542
  "display": {
504
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
543
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
505
544
  "fontSize": "48px",
506
545
  "lineHeight": "60px",
507
- "fontWeight": "700",
546
+ "fontWeight": "800",
508
547
  "letterSpacing": "-0.3px"
509
548
  },
510
549
  "h1": {
511
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
550
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
512
551
  "fontSize": "40px",
513
552
  "lineHeight": "52px",
514
553
  "fontWeight": "700",
515
554
  "letterSpacing": "-0.3px"
516
555
  },
517
556
  "h2": {
518
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
557
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
519
558
  "fontSize": "32px",
520
559
  "lineHeight": "44px",
521
560
  "fontWeight": "600",
522
561
  "letterSpacing": "0px"
523
562
  },
524
563
  "h3": {
525
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
564
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
526
565
  "fontSize": "28px",
527
566
  "lineHeight": "40px",
528
567
  "fontWeight": "600",
529
568
  "letterSpacing": "0px"
530
569
  },
531
570
  "h4": {
532
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
571
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
533
572
  "fontSize": "24px",
534
573
  "lineHeight": "36px",
535
574
  "fontWeight": "600",
536
575
  "letterSpacing": "0px"
537
576
  },
538
577
  "body": {
539
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
578
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
540
579
  "fontSize": "16px",
541
580
  "lineHeight": "24px",
542
581
  "fontWeight": "400",
543
582
  "letterSpacing": "0px"
544
583
  },
545
584
  "bodySm": {
546
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
585
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
547
586
  "fontSize": "14px",
548
587
  "lineHeight": "20px",
549
588
  "fontWeight": "400",
550
589
  "letterSpacing": "0px"
551
590
  },
552
591
  "label": {
553
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
592
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
554
593
  "fontSize": "14px",
555
594
  "lineHeight": "20px",
556
595
  "fontWeight": "600",
557
596
  "letterSpacing": "0.3px"
558
597
  },
559
598
  "caption": {
560
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
599
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
561
600
  "fontSize": "12px",
562
601
  "lineHeight": "16px",
563
602
  "fontWeight": "400",
@@ -571,85 +610,98 @@
571
610
  "pill": "999px"
572
611
  },
573
612
  "shadow": {
574
- "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
575
- "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
576
- "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
613
+ "card": "0 2px 6px rgba(28, 20, 10, 0.09)",
614
+ "dropdown": "0 8px 20px rgba(28, 20, 10, 0.11)",
615
+ "modal": "0 16px 36px rgba(28, 20, 10, 0.13)"
577
616
  }
578
617
  },
579
618
  "dark": {
580
619
  "color": {
581
620
  "brand": {
582
- "primary": "#4D97AF",
583
- "primaryHover": "#78B1C4",
584
- "primaryActive": "#2E7E96",
585
- "accent": "#35B2AA",
586
- "accentHover": "#63C7C1",
587
- "accentActive": "#1C9891"
621
+ "primary": "#F1F0EB",
622
+ "primaryHover": "#FFFFFF",
623
+ "primaryActive": "#E4E2DB",
624
+ "accent": "#FB6E2E",
625
+ "accentHover": "#FF9462",
626
+ "accentActive": "#F4581C",
627
+ "onAccent": "#16130F"
588
628
  },
589
629
  "text": {
590
630
  "primary": "#FFFFFF",
591
- "secondary": "#D3DDE7",
592
- "muted": "#8EA3B8",
593
- "inverse": "#FFFFFF"
631
+ "secondary": "#E4E2DB",
632
+ "muted": "#B4AFA1",
633
+ "inverse": "#FFFFFF",
634
+ "onPrimary": "#16130F"
594
635
  },
595
636
  "background": {
596
- "canvas": "#0E1720",
597
- "surface": "#263747",
598
- "elevated": "#364C5F",
599
- "muted": "#172533"
637
+ "canvas": "#16130F",
638
+ "surface": "#353128",
639
+ "elevated": "#4B473E",
640
+ "muted": "#211E18"
600
641
  },
601
642
  "border": {
602
- "subtle": "#364C5F",
603
- "default": "#4E667B",
604
- "strong": "#6B8399"
643
+ "subtle": "#4B473E",
644
+ "default": "#66604E",
645
+ "strong": "#8E887A"
605
646
  },
606
647
  "state": {
607
- "info": "#78B1C4",
648
+ "info": "#76A6DC",
608
649
  "success": "#70CBA3",
609
- "warning": "#FFB74D",
610
- "danger": "#EB7575"
650
+ "warning": "#DFAB1F",
651
+ "danger": "#E4647C",
652
+ "onSolid": "#16130F"
611
653
  },
612
654
  "stateSurface": {
613
- "info": "#0B2631",
655
+ "info": "#0C2238",
614
656
  "success": "#0C2E22",
615
- "warning": "#3D2300",
616
- "danger": "#361010"
657
+ "warning": "#2F2100",
658
+ "danger": "#330610"
617
659
  },
618
660
  "stateBorder": {
619
- "info": "#174C5D",
661
+ "info": "#184780",
620
662
  "success": "#1B6145",
621
- "warning": "#8A4D00",
622
- "danger": "#7C1F1F"
663
+ "warning": "#694B00",
664
+ "danger": "#771025"
623
665
  },
624
666
  "stateText": {
625
- "info": "#A5CBD8",
667
+ "info": "#A6C6EA",
626
668
  "success": "#9EDCC0",
627
- "warning": "#FFD180",
628
- "danger": "#F3A3A3"
669
+ "warning": "#EDC85F",
670
+ "danger": "#EF98A8"
629
671
  },
630
672
  "overlay": {
631
- "scrim": "rgba(8, 14, 20, 0.7)"
673
+ "scrim": "rgba(8, 6, 4, 0.72)"
632
674
  },
633
675
  "focus": {
634
- "ring": "#63C7C1"
676
+ "ring": "#FB6E2E"
635
677
  },
636
678
  "avatarSeed": {
637
- "1Bg": "#103745",
638
- "1Fg": "#A5CBD8",
679
+ "1Bg": "#123356",
680
+ "1Fg": "#A6C6EA",
639
681
  "2Bg": "#0D4744",
640
682
  "2Fg": "#93DAD6",
641
- "3Bg": "#5E3500",
642
- "3Fg": "#FFD180",
643
- "4Bg": "#561717",
644
- "4Fg": "#F3A3A3",
683
+ "3Bg": "#4B3500",
684
+ "3Fg": "#EDC85F",
685
+ "4Bg": "#530B19",
686
+ "4Fg": "#EF98A8",
645
687
  "5Bg": "#134533",
646
688
  "5Fg": "#9EDCC0",
647
689
  "6Bg": "#2D1A48",
648
690
  "6Fg": "#C9B0E6",
649
691
  "7Bg": "#461020",
650
692
  "7Fg": "#EA9CB7",
651
- "8Bg": "#364C5F",
652
- "8Fg": "#D3DDE7"
693
+ "8Bg": "#4B473E",
694
+ "8Fg": "#E4E2DB"
695
+ },
696
+ "chartSeries": {
697
+ "1": "#76A6DC",
698
+ "2": "#DFAB1F",
699
+ "3": "#70CBA3",
700
+ "4": "#A988D6",
701
+ "5": "#DD6F92",
702
+ "6": "#63C7C1",
703
+ "7": "#E4647C",
704
+ "8": "#D3D0C7"
653
705
  }
654
706
  },
655
707
  "theme": {
@@ -657,70 +709,70 @@
657
709
  },
658
710
  "font": {
659
711
  "family": {
660
- "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
661
- "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
712
+ "heading": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
713
+ "body": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
662
714
  "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
663
715
  }
664
716
  },
665
717
  "typography": {
666
718
  "display": {
667
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
719
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
668
720
  "fontSize": "48px",
669
721
  "lineHeight": "60px",
670
- "fontWeight": "700",
722
+ "fontWeight": "800",
671
723
  "letterSpacing": "-0.3px"
672
724
  },
673
725
  "h1": {
674
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
726
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
675
727
  "fontSize": "40px",
676
728
  "lineHeight": "52px",
677
729
  "fontWeight": "700",
678
730
  "letterSpacing": "-0.3px"
679
731
  },
680
732
  "h2": {
681
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
733
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
682
734
  "fontSize": "32px",
683
735
  "lineHeight": "44px",
684
736
  "fontWeight": "600",
685
737
  "letterSpacing": "0px"
686
738
  },
687
739
  "h3": {
688
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
740
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
689
741
  "fontSize": "28px",
690
742
  "lineHeight": "40px",
691
743
  "fontWeight": "600",
692
744
  "letterSpacing": "0px"
693
745
  },
694
746
  "h4": {
695
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
747
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
696
748
  "fontSize": "24px",
697
749
  "lineHeight": "36px",
698
750
  "fontWeight": "600",
699
751
  "letterSpacing": "0px"
700
752
  },
701
753
  "body": {
702
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
754
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
703
755
  "fontSize": "16px",
704
756
  "lineHeight": "24px",
705
757
  "fontWeight": "400",
706
758
  "letterSpacing": "0px"
707
759
  },
708
760
  "bodySm": {
709
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
761
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
710
762
  "fontSize": "14px",
711
763
  "lineHeight": "20px",
712
764
  "fontWeight": "400",
713
765
  "letterSpacing": "0px"
714
766
  },
715
767
  "label": {
716
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
768
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
717
769
  "fontSize": "14px",
718
770
  "lineHeight": "20px",
719
771
  "fontWeight": "600",
720
772
  "letterSpacing": "0.3px"
721
773
  },
722
774
  "caption": {
723
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
775
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
724
776
  "fontSize": "12px",
725
777
  "lineHeight": "16px",
726
778
  "fontWeight": "400",
@@ -734,85 +786,98 @@
734
786
  "pill": "999px"
735
787
  },
736
788
  "shadow": {
737
- "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
738
- "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
739
- "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
789
+ "card": "0 2px 6px rgba(28, 20, 10, 0.09)",
790
+ "dropdown": "0 8px 20px rgba(28, 20, 10, 0.11)",
791
+ "modal": "0 16px 36px rgba(28, 20, 10, 0.13)"
740
792
  }
741
793
  },
742
794
  "highContrast": {
743
795
  "color": {
744
796
  "brand": {
745
- "primary": "#103745",
746
- "primaryHover": "#0B2631",
747
- "primaryActive": "#174C5D",
748
- "accent": "#115F5C",
749
- "accentHover": "#0D4744",
750
- "accentActive": "#167B76"
797
+ "primary": "#16130F",
798
+ "primaryHover": "#211E18",
799
+ "primaryActive": "#353128",
800
+ "accent": "#B23C0C",
801
+ "accentHover": "#882D09",
802
+ "accentActive": "#DD4A0F",
803
+ "onAccent": "#FFFFFF"
751
804
  },
752
805
  "text": {
753
- "primary": "#0E1720",
754
- "secondary": "#263747",
755
- "muted": "#364C5F",
756
- "inverse": "#FFFFFF"
806
+ "primary": "#16130F",
807
+ "secondary": "#353128",
808
+ "muted": "#4B473E",
809
+ "inverse": "#FFFFFF",
810
+ "onPrimary": "#FFFFFF"
757
811
  },
758
812
  "background": {
759
813
  "canvas": "#FFFFFF",
760
814
  "surface": "#FFFFFF",
761
815
  "elevated": "#FFFFFF",
762
- "muted": "#F5F7FA"
816
+ "muted": "#FAFAF8"
763
817
  },
764
818
  "border": {
765
- "subtle": "#8EA3B8",
766
- "default": "#364C5F",
767
- "strong": "#0E1720"
819
+ "subtle": "#B4AFA1",
820
+ "default": "#4B473E",
821
+ "strong": "#16130F"
768
822
  },
769
823
  "state": {
770
- "info": "#103745",
824
+ "info": "#123356",
771
825
  "success": "#1B6145",
772
- "warning": "#8A4D00",
773
- "danger": "#7C1F1F"
826
+ "warning": "#694B00",
827
+ "danger": "#771025",
828
+ "onSolid": "#FFFFFF"
774
829
  },
775
830
  "stateSurface": {
776
- "info": "#CFE5EC",
831
+ "info": "#CFE0F4",
777
832
  "success": "#C7EAD9",
778
- "warning": "#FFE8BF",
779
- "danger": "#F8CACA"
833
+ "warning": "#F6E3A6",
834
+ "danger": "#F7C6CF"
780
835
  },
781
836
  "stateBorder": {
782
- "info": "#174C5D",
837
+ "info": "#184780",
783
838
  "success": "#1B6145",
784
- "warning": "#8A4D00",
785
- "danger": "#7C1F1F"
839
+ "warning": "#694B00",
840
+ "danger": "#771025"
786
841
  },
787
842
  "stateText": {
788
- "info": "#103745",
843
+ "info": "#123356",
789
844
  "success": "#134533",
790
- "warning": "#5E3500",
791
- "danger": "#561717"
845
+ "warning": "#4B3500",
846
+ "danger": "#530B19"
792
847
  },
793
848
  "overlay": {
794
849
  "scrim": "rgba(14, 23, 32, 0.7)"
795
850
  },
796
851
  "focus": {
797
- "ring": "#FF9E1A"
852
+ "ring": "#B23C0C"
798
853
  },
799
854
  "avatarSeed": {
800
- "1Bg": "#E9F4F7",
801
- "1Fg": "#0B2631",
855
+ "1Bg": "#EAF1FB",
856
+ "1Fg": "#0C2238",
802
857
  "2Bg": "#E7F7F6",
803
858
  "2Fg": "#0A3533",
804
- "3Bg": "#FFF6E5",
805
- "3Fg": "#3D2300",
806
- "4Bg": "#FDECEC",
807
- "4Fg": "#361010",
859
+ "3Bg": "#FBF3D6",
860
+ "3Fg": "#2F2100",
861
+ "4Bg": "#FCE9ED",
862
+ "4Fg": "#330610",
808
863
  "5Bg": "#E8F6EF",
809
864
  "5Fg": "#0C2E22",
810
865
  "6Bg": "#F4EFFA",
811
866
  "6Fg": "#1A0F2C",
812
867
  "7Bg": "#FBEEF3",
813
868
  "7Fg": "#29080F",
814
- "8Bg": "#F5F7FA",
815
- "8Fg": "#0E1720"
869
+ "8Bg": "#FAFAF8",
870
+ "8Fg": "#16130F"
871
+ },
872
+ "chartSeries": {
873
+ "1": "#123356",
874
+ "2": "#694B00",
875
+ "3": "#1B6145",
876
+ "4": "#432868",
877
+ "5": "#6A1932",
878
+ "6": "#115F5C",
879
+ "7": "#771025",
880
+ "8": "#353128"
816
881
  }
817
882
  },
818
883
  "theme": {
@@ -820,70 +885,70 @@
820
885
  },
821
886
  "font": {
822
887
  "family": {
823
- "heading": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
824
- "body": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
888
+ "heading": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
889
+ "body": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
825
890
  "code": "\"JetBrains Mono\", \"SFMono-Regular\", Menlo, monospace"
826
891
  }
827
892
  },
828
893
  "typography": {
829
894
  "display": {
830
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
895
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
831
896
  "fontSize": "48px",
832
897
  "lineHeight": "60px",
833
- "fontWeight": "700",
898
+ "fontWeight": "800",
834
899
  "letterSpacing": "-0.3px"
835
900
  },
836
901
  "h1": {
837
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
902
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
838
903
  "fontSize": "40px",
839
904
  "lineHeight": "52px",
840
905
  "fontWeight": "700",
841
906
  "letterSpacing": "-0.3px"
842
907
  },
843
908
  "h2": {
844
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
909
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
845
910
  "fontSize": "32px",
846
911
  "lineHeight": "44px",
847
912
  "fontWeight": "600",
848
913
  "letterSpacing": "0px"
849
914
  },
850
915
  "h3": {
851
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
916
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
852
917
  "fontSize": "28px",
853
918
  "lineHeight": "40px",
854
919
  "fontWeight": "600",
855
920
  "letterSpacing": "0px"
856
921
  },
857
922
  "h4": {
858
- "fontFamily": "\"Sora\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
923
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
859
924
  "fontSize": "24px",
860
925
  "lineHeight": "36px",
861
926
  "fontWeight": "600",
862
927
  "letterSpacing": "0px"
863
928
  },
864
929
  "body": {
865
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
930
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
866
931
  "fontSize": "16px",
867
932
  "lineHeight": "24px",
868
933
  "fontWeight": "400",
869
934
  "letterSpacing": "0px"
870
935
  },
871
936
  "bodySm": {
872
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
937
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
873
938
  "fontSize": "14px",
874
939
  "lineHeight": "20px",
875
940
  "fontWeight": "400",
876
941
  "letterSpacing": "0px"
877
942
  },
878
943
  "label": {
879
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
944
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
880
945
  "fontSize": "14px",
881
946
  "lineHeight": "20px",
882
947
  "fontWeight": "600",
883
948
  "letterSpacing": "0.3px"
884
949
  },
885
950
  "caption": {
886
- "fontFamily": "\"Source Sans 3\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
951
+ "fontFamily": "\"Manrope\", \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif",
887
952
  "fontSize": "12px",
888
953
  "lineHeight": "16px",
889
954
  "fontWeight": "400",
@@ -897,9 +962,9 @@
897
962
  "pill": "999px"
898
963
  },
899
964
  "shadow": {
900
- "card": "0 2px 6px rgba(10, 25, 41, 0.10)",
901
- "dropdown": "0 8px 20px rgba(10, 25, 41, 0.12)",
902
- "modal": "0 16px 36px rgba(10, 25, 41, 0.14)"
965
+ "card": "0 2px 6px rgba(28, 20, 10, 0.09)",
966
+ "dropdown": "0 8px 20px rgba(28, 20, 10, 0.11)",
967
+ "modal": "0 16px 36px rgba(28, 20, 10, 0.13)"
903
968
  }
904
969
  }
905
970
  }