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