@neuravision/construct 1.3.1 → 2.0.1

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