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