@neuravision/construct 1.3.1 → 2.0.0

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