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