@cdx-ui/styles 0.0.1-beta.7 → 0.0.1-beta.71
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.
- package/README.md +116 -20
- package/css/theme.css +190 -83
- package/css/vanilla.css +117 -53
- package/lib/commonjs/applyThemeOverride.js +154 -0
- package/lib/commonjs/applyThemeOverride.js.map +1 -0
- package/lib/commonjs/index.js +82 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/palette.js +262 -0
- package/lib/commonjs/palette.js.map +1 -0
- package/lib/commonjs/theming.js +255 -0
- package/lib/commonjs/theming.js.map +1 -0
- package/lib/commonjs/types.js +75 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/useCdxFonts.js +7 -231
- package/lib/commonjs/useCdxFonts.js.map +1 -1
- package/lib/commonjs/useForgeFonts.js +237 -0
- package/lib/commonjs/useForgeFonts.js.map +1 -0
- package/lib/module/applyThemeOverride.js +149 -0
- package/lib/module/applyThemeOverride.js.map +1 -0
- package/lib/module/index.js +11 -20
- package/lib/module/index.js.map +1 -1
- package/lib/module/palette.js +257 -0
- package/lib/module/palette.js.map +1 -0
- package/lib/module/theming.js +239 -0
- package/lib/module/theming.js.map +1 -0
- package/lib/module/types.js +71 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/useCdxFonts.js +2 -220
- package/lib/module/useCdxFonts.js.map +1 -1
- package/lib/module/useForgeFonts.js +223 -0
- package/lib/module/useForgeFonts.js.map +1 -0
- package/lib/runtime/prestige-vs-default.json +1 -0
- package/lib/runtime/pulse-vs-default.json +1 -0
- package/lib/runtime/token-to-css-var.json +666 -0
- package/lib/typescript/applyThemeOverride.d.ts +26 -0
- package/lib/typescript/applyThemeOverride.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +8 -57
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/palette.d.ts +60 -0
- package/lib/typescript/palette.d.ts.map +1 -0
- package/lib/typescript/theming.d.ts +40 -0
- package/lib/typescript/theming.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +90 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/useCdxFonts.d.ts +2 -11
- package/lib/typescript/useCdxFonts.d.ts.map +1 -1
- package/lib/typescript/useForgeFonts.d.ts +12 -0
- package/lib/typescript/useForgeFonts.d.ts.map +1 -0
- package/package.json +27 -8
- package/runtime/prestige-vs-default.json +1 -0
- package/runtime/pulse-vs-default.json +1 -0
- package/runtime/token-to-css-var.json +666 -0
- package/src/__tests__/applyThemeOverride.test.ts +552 -0
- package/src/__tests__/generateColorScale.test.ts +296 -0
- package/src/__tests__/theming.test.ts +647 -0
- package/src/applyThemeOverride.ts +139 -0
- package/src/index.ts +36 -60
- package/src/palette.ts +307 -0
- package/src/theming.ts +268 -0
- package/src/types.ts +112 -0
- package/src/useCdxFonts.ts +2 -230
- package/src/useForgeFonts.ts +230 -0
- package/tokens/presets/.manifest.json +3 -3
- package/tokens/presets/poise.json +294 -38
- package/tokens/presets/prestige.json +1 -1
- package/tokens/presets/pulse.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$extensions": {
|
|
3
|
-
"com.
|
|
3
|
+
"com.forge.ui.theme": {
|
|
4
4
|
"name": "Poise",
|
|
5
5
|
"preset": "poise",
|
|
6
6
|
"schemaVersion": "1.0.0"
|
|
@@ -2344,7 +2344,7 @@
|
|
|
2344
2344
|
},
|
|
2345
2345
|
"action-on-subtle": {
|
|
2346
2346
|
"$type": "color",
|
|
2347
|
-
"$value": "{color.brand.
|
|
2347
|
+
"$value": "{color.brand.900}"
|
|
2348
2348
|
},
|
|
2349
2349
|
"brand": {
|
|
2350
2350
|
"$type": "color",
|
|
@@ -2364,7 +2364,7 @@
|
|
|
2364
2364
|
},
|
|
2365
2365
|
"info": {
|
|
2366
2366
|
"$type": "color",
|
|
2367
|
-
"$value": "{color.sky.
|
|
2367
|
+
"$value": "{color.sky.700}"
|
|
2368
2368
|
},
|
|
2369
2369
|
"info-on-strong": {
|
|
2370
2370
|
"$type": "color",
|
|
@@ -2382,6 +2382,14 @@
|
|
|
2382
2382
|
"$type": "color",
|
|
2383
2383
|
"$value": "{color.purple.800}"
|
|
2384
2384
|
},
|
|
2385
|
+
"neutral-on-strong": {
|
|
2386
|
+
"$type": "color",
|
|
2387
|
+
"$value": "{color.white}"
|
|
2388
|
+
},
|
|
2389
|
+
"neutral-on-subtle": {
|
|
2390
|
+
"$type": "color",
|
|
2391
|
+
"$value": "{color.base.900}"
|
|
2392
|
+
},
|
|
2385
2393
|
"primary": {
|
|
2386
2394
|
"$type": "color",
|
|
2387
2395
|
"$value": "{color.base.950}"
|
|
@@ -2396,7 +2404,7 @@
|
|
|
2396
2404
|
},
|
|
2397
2405
|
"success": {
|
|
2398
2406
|
"$type": "color",
|
|
2399
|
-
"$value": "{color.green.
|
|
2407
|
+
"$value": "{color.green.700}"
|
|
2400
2408
|
},
|
|
2401
2409
|
"success-on-strong": {
|
|
2402
2410
|
"$type": "color",
|
|
@@ -2412,7 +2420,7 @@
|
|
|
2412
2420
|
},
|
|
2413
2421
|
"warning": {
|
|
2414
2422
|
"$type": "color",
|
|
2415
|
-
"$value": "{color.amber.
|
|
2423
|
+
"$value": "{color.amber.700}"
|
|
2416
2424
|
},
|
|
2417
2425
|
"warning-on-strong": {
|
|
2418
2426
|
"$type": "color",
|
|
@@ -2442,7 +2450,7 @@
|
|
|
2442
2450
|
},
|
|
2443
2451
|
"info": {
|
|
2444
2452
|
"$type": "color",
|
|
2445
|
-
"$value": "{color.sky.
|
|
2453
|
+
"$value": "{color.sky.700}"
|
|
2446
2454
|
},
|
|
2447
2455
|
"primary": {
|
|
2448
2456
|
"$type": "color",
|
|
@@ -2458,11 +2466,11 @@
|
|
|
2458
2466
|
},
|
|
2459
2467
|
"success": {
|
|
2460
2468
|
"$type": "color",
|
|
2461
|
-
"$value": "{color.green.
|
|
2469
|
+
"$value": "{color.green.700}"
|
|
2462
2470
|
},
|
|
2463
2471
|
"warning": {
|
|
2464
2472
|
"$type": "color",
|
|
2465
|
-
"$value": "{color.amber.
|
|
2473
|
+
"$value": "{color.amber.700}"
|
|
2466
2474
|
}
|
|
2467
2475
|
},
|
|
2468
2476
|
"surface": {
|
|
@@ -2474,6 +2482,14 @@
|
|
|
2474
2482
|
"strong": {
|
|
2475
2483
|
"$type": "color",
|
|
2476
2484
|
"$value": "{color.accent.700}"
|
|
2485
|
+
},
|
|
2486
|
+
"subtle": {
|
|
2487
|
+
"$type": "color",
|
|
2488
|
+
"$value": "{color.accent.200}"
|
|
2489
|
+
},
|
|
2490
|
+
"tint": {
|
|
2491
|
+
"$type": "color",
|
|
2492
|
+
"$value": "{color.accent.100}"
|
|
2477
2493
|
}
|
|
2478
2494
|
},
|
|
2479
2495
|
"action": {
|
|
@@ -2483,7 +2499,7 @@
|
|
|
2483
2499
|
},
|
|
2484
2500
|
"strong-active": {
|
|
2485
2501
|
"$type": "color",
|
|
2486
|
-
"$value": "{color.brand.
|
|
2502
|
+
"$value": "{color.brand.900}"
|
|
2487
2503
|
},
|
|
2488
2504
|
"strong-hover": {
|
|
2489
2505
|
"$type": "color",
|
|
@@ -2491,19 +2507,19 @@
|
|
|
2491
2507
|
},
|
|
2492
2508
|
"subtle": {
|
|
2493
2509
|
"$type": "color",
|
|
2494
|
-
"$value": "{color.brand.
|
|
2510
|
+
"$value": "{color.brand.100}"
|
|
2495
2511
|
},
|
|
2496
2512
|
"subtle-active": {
|
|
2497
2513
|
"$type": "color",
|
|
2498
|
-
"$value": "{color.brand.
|
|
2514
|
+
"$value": "{color.brand.300}"
|
|
2499
2515
|
},
|
|
2500
2516
|
"subtle-hover": {
|
|
2501
2517
|
"$type": "color",
|
|
2502
|
-
"$value": "{color.brand.
|
|
2518
|
+
"$value": "{color.brand.200}"
|
|
2503
2519
|
},
|
|
2504
2520
|
"tint": {
|
|
2505
2521
|
"$type": "color",
|
|
2506
|
-
"$value": "{color.brand.
|
|
2522
|
+
"$value": "{color.brand.50}"
|
|
2507
2523
|
},
|
|
2508
2524
|
"tint-active": {
|
|
2509
2525
|
"$type": "color",
|
|
@@ -2511,12 +2527,16 @@
|
|
|
2511
2527
|
},
|
|
2512
2528
|
"tint-hover": {
|
|
2513
2529
|
"$type": "color",
|
|
2514
|
-
"$value": "{color.brand.
|
|
2530
|
+
"$value": "{color.brand.100}"
|
|
2515
2531
|
}
|
|
2516
2532
|
},
|
|
2533
|
+
"backdrop": {
|
|
2534
|
+
"$type": "color",
|
|
2535
|
+
"$value": "rgba(0, 0, 0, 0.5)"
|
|
2536
|
+
},
|
|
2517
2537
|
"background": {
|
|
2518
2538
|
"$type": "color",
|
|
2519
|
-
"$value": "{color.base.
|
|
2539
|
+
"$value": "{color.base.50}"
|
|
2520
2540
|
},
|
|
2521
2541
|
"brand": {
|
|
2522
2542
|
"core": {
|
|
@@ -2526,6 +2546,14 @@
|
|
|
2526
2546
|
"strong": {
|
|
2527
2547
|
"$type": "color",
|
|
2528
2548
|
"$value": "{color.brand.700}"
|
|
2549
|
+
},
|
|
2550
|
+
"subtle": {
|
|
2551
|
+
"$type": "color",
|
|
2552
|
+
"$value": "{color.brand.200}"
|
|
2553
|
+
},
|
|
2554
|
+
"tint": {
|
|
2555
|
+
"$type": "color",
|
|
2556
|
+
"$value": "{color.brand.100}"
|
|
2529
2557
|
}
|
|
2530
2558
|
},
|
|
2531
2559
|
"danger": {
|
|
@@ -2535,7 +2563,7 @@
|
|
|
2535
2563
|
},
|
|
2536
2564
|
"strong-active": {
|
|
2537
2565
|
"$type": "color",
|
|
2538
|
-
"$value": "{color.red.
|
|
2566
|
+
"$value": "{color.red.900}"
|
|
2539
2567
|
},
|
|
2540
2568
|
"strong-hover": {
|
|
2541
2569
|
"$type": "color",
|
|
@@ -2543,7 +2571,7 @@
|
|
|
2543
2571
|
},
|
|
2544
2572
|
"subtle": {
|
|
2545
2573
|
"$type": "color",
|
|
2546
|
-
"$value": "{color.red.
|
|
2574
|
+
"$value": "{color.red.100}"
|
|
2547
2575
|
},
|
|
2548
2576
|
"subtle-active": {
|
|
2549
2577
|
"$type": "color",
|
|
@@ -2551,11 +2579,11 @@
|
|
|
2551
2579
|
},
|
|
2552
2580
|
"subtle-hover": {
|
|
2553
2581
|
"$type": "color",
|
|
2554
|
-
"$value": "{color.red.
|
|
2582
|
+
"$value": "{color.red.200}"
|
|
2555
2583
|
},
|
|
2556
2584
|
"tint": {
|
|
2557
2585
|
"$type": "color",
|
|
2558
|
-
"$value": "{color.red.
|
|
2586
|
+
"$value": "{color.red.50}"
|
|
2559
2587
|
},
|
|
2560
2588
|
"tint-active": {
|
|
2561
2589
|
"$type": "color",
|
|
@@ -2563,29 +2591,81 @@
|
|
|
2563
2591
|
},
|
|
2564
2592
|
"tint-hover": {
|
|
2565
2593
|
"$type": "color",
|
|
2566
|
-
"$value": "{color.red.
|
|
2594
|
+
"$value": "{color.red.100}"
|
|
2567
2595
|
}
|
|
2568
2596
|
},
|
|
2569
2597
|
"info": {
|
|
2570
2598
|
"strong": {
|
|
2571
2599
|
"$type": "color",
|
|
2572
|
-
"$value": "{color.sky.
|
|
2600
|
+
"$value": "{color.sky.700}"
|
|
2601
|
+
},
|
|
2602
|
+
"strong-active": {
|
|
2603
|
+
"$type": "color",
|
|
2604
|
+
"$value": "{color.sky.900}"
|
|
2605
|
+
},
|
|
2606
|
+
"strong-hover": {
|
|
2607
|
+
"$type": "color",
|
|
2608
|
+
"$value": "{color.sky.800}"
|
|
2573
2609
|
},
|
|
2574
2610
|
"subtle": {
|
|
2611
|
+
"$type": "color",
|
|
2612
|
+
"$value": "{color.sky.100}"
|
|
2613
|
+
},
|
|
2614
|
+
"subtle-active": {
|
|
2615
|
+
"$type": "color",
|
|
2616
|
+
"$value": "{color.sky.300}"
|
|
2617
|
+
},
|
|
2618
|
+
"subtle-hover": {
|
|
2575
2619
|
"$type": "color",
|
|
2576
2620
|
"$value": "{color.sky.200}"
|
|
2577
2621
|
},
|
|
2578
2622
|
"tint": {
|
|
2623
|
+
"$type": "color",
|
|
2624
|
+
"$value": "{color.sky.50}"
|
|
2625
|
+
},
|
|
2626
|
+
"tint-active": {
|
|
2627
|
+
"$type": "color",
|
|
2628
|
+
"$value": "{color.sky.200}"
|
|
2629
|
+
},
|
|
2630
|
+
"tint-hover": {
|
|
2579
2631
|
"$type": "color",
|
|
2580
2632
|
"$value": "{color.sky.100}"
|
|
2581
2633
|
}
|
|
2582
2634
|
},
|
|
2583
2635
|
"neutral": {
|
|
2636
|
+
"strong": {
|
|
2637
|
+
"$type": "color",
|
|
2638
|
+
"$value": "{color.base.700}"
|
|
2639
|
+
},
|
|
2640
|
+
"strong-active": {
|
|
2641
|
+
"$type": "color",
|
|
2642
|
+
"$value": "{color.base.900}"
|
|
2643
|
+
},
|
|
2644
|
+
"strong-hover": {
|
|
2645
|
+
"$type": "color",
|
|
2646
|
+
"$value": "{color.base.800}"
|
|
2647
|
+
},
|
|
2584
2648
|
"subtle": {
|
|
2649
|
+
"$type": "color",
|
|
2650
|
+
"$value": "{color.base.100}"
|
|
2651
|
+
},
|
|
2652
|
+
"subtle-active": {
|
|
2653
|
+
"$type": "color",
|
|
2654
|
+
"$value": "{color.base.300}"
|
|
2655
|
+
},
|
|
2656
|
+
"subtle-hover": {
|
|
2585
2657
|
"$type": "color",
|
|
2586
2658
|
"$value": "{color.base.200}"
|
|
2587
2659
|
},
|
|
2588
2660
|
"tint": {
|
|
2661
|
+
"$type": "color",
|
|
2662
|
+
"$value": "{color.base.50}"
|
|
2663
|
+
},
|
|
2664
|
+
"tint-active": {
|
|
2665
|
+
"$type": "color",
|
|
2666
|
+
"$value": "{color.base.200}"
|
|
2667
|
+
},
|
|
2668
|
+
"tint-hover": {
|
|
2589
2669
|
"$type": "color",
|
|
2590
2670
|
"$value": "{color.base.100}"
|
|
2591
2671
|
}
|
|
@@ -2596,7 +2676,7 @@
|
|
|
2596
2676
|
},
|
|
2597
2677
|
"primary-active": {
|
|
2598
2678
|
"$type": "color",
|
|
2599
|
-
"$value": "{color.base.
|
|
2679
|
+
"$value": "{color.base.200}"
|
|
2600
2680
|
},
|
|
2601
2681
|
"primary-hover": {
|
|
2602
2682
|
"$type": "color",
|
|
@@ -2608,7 +2688,7 @@
|
|
|
2608
2688
|
},
|
|
2609
2689
|
"secondary-active": {
|
|
2610
2690
|
"$type": "color",
|
|
2611
|
-
"$value": "{color.base.
|
|
2691
|
+
"$value": "{color.base.300}"
|
|
2612
2692
|
},
|
|
2613
2693
|
"secondary-hover": {
|
|
2614
2694
|
"$type": "color",
|
|
@@ -2619,11 +2699,35 @@
|
|
|
2619
2699
|
"$type": "color",
|
|
2620
2700
|
"$value": "{color.green.600}"
|
|
2621
2701
|
},
|
|
2702
|
+
"strong-active": {
|
|
2703
|
+
"$type": "color",
|
|
2704
|
+
"$value": "{color.green.800}"
|
|
2705
|
+
},
|
|
2706
|
+
"strong-hover": {
|
|
2707
|
+
"$type": "color",
|
|
2708
|
+
"$value": "{color.green.700}"
|
|
2709
|
+
},
|
|
2622
2710
|
"subtle": {
|
|
2711
|
+
"$type": "color",
|
|
2712
|
+
"$value": "{color.green.100}"
|
|
2713
|
+
},
|
|
2714
|
+
"subtle-active": {
|
|
2715
|
+
"$type": "color",
|
|
2716
|
+
"$value": "{color.green.300}"
|
|
2717
|
+
},
|
|
2718
|
+
"subtle-hover": {
|
|
2623
2719
|
"$type": "color",
|
|
2624
2720
|
"$value": "{color.green.200}"
|
|
2625
2721
|
},
|
|
2626
2722
|
"tint": {
|
|
2723
|
+
"$type": "color",
|
|
2724
|
+
"$value": "{color.green.50}"
|
|
2725
|
+
},
|
|
2726
|
+
"tint-active": {
|
|
2727
|
+
"$type": "color",
|
|
2728
|
+
"$value": "{color.green.200}"
|
|
2729
|
+
},
|
|
2730
|
+
"tint-hover": {
|
|
2627
2731
|
"$type": "color",
|
|
2628
2732
|
"$value": "{color.green.100}"
|
|
2629
2733
|
}
|
|
@@ -2637,11 +2741,35 @@
|
|
|
2637
2741
|
"$type": "color",
|
|
2638
2742
|
"$value": "{color.amber.400}"
|
|
2639
2743
|
},
|
|
2744
|
+
"strong-active": {
|
|
2745
|
+
"$type": "color",
|
|
2746
|
+
"$value": "{color.amber.600}"
|
|
2747
|
+
},
|
|
2748
|
+
"strong-hover": {
|
|
2749
|
+
"$type": "color",
|
|
2750
|
+
"$value": "{color.amber.500}"
|
|
2751
|
+
},
|
|
2640
2752
|
"subtle": {
|
|
2753
|
+
"$type": "color",
|
|
2754
|
+
"$value": "{color.amber.100}"
|
|
2755
|
+
},
|
|
2756
|
+
"subtle-active": {
|
|
2757
|
+
"$type": "color",
|
|
2758
|
+
"$value": "{color.amber.300}"
|
|
2759
|
+
},
|
|
2760
|
+
"subtle-hover": {
|
|
2641
2761
|
"$type": "color",
|
|
2642
2762
|
"$value": "{color.amber.200}"
|
|
2643
2763
|
},
|
|
2644
2764
|
"tint": {
|
|
2765
|
+
"$type": "color",
|
|
2766
|
+
"$value": "{color.amber.50}"
|
|
2767
|
+
},
|
|
2768
|
+
"tint-active": {
|
|
2769
|
+
"$type": "color",
|
|
2770
|
+
"$value": "{color.amber.200}"
|
|
2771
|
+
},
|
|
2772
|
+
"tint-hover": {
|
|
2645
2773
|
"$type": "color",
|
|
2646
2774
|
"$value": "{color.amber.100}"
|
|
2647
2775
|
}
|
|
@@ -2856,6 +2984,14 @@
|
|
|
2856
2984
|
"$type": "color",
|
|
2857
2985
|
"$value": "{color.purple.200}"
|
|
2858
2986
|
},
|
|
2987
|
+
"neutral-on-strong": {
|
|
2988
|
+
"$type": "color",
|
|
2989
|
+
"$value": "{color.base.900}"
|
|
2990
|
+
},
|
|
2991
|
+
"neutral-on-subtle": {
|
|
2992
|
+
"$type": "color",
|
|
2993
|
+
"$value": "{color.base.100}"
|
|
2994
|
+
},
|
|
2859
2995
|
"primary": {
|
|
2860
2996
|
"$type": "color",
|
|
2861
2997
|
"$value": "{color.white}"
|
|
@@ -2947,7 +3083,15 @@
|
|
|
2947
3083
|
},
|
|
2948
3084
|
"strong": {
|
|
2949
3085
|
"$type": "color",
|
|
2950
|
-
"$value": "{color.accent.
|
|
3086
|
+
"$value": "{color.accent.300}"
|
|
3087
|
+
},
|
|
3088
|
+
"subtle": {
|
|
3089
|
+
"$type": "color",
|
|
3090
|
+
"$value": "{color.accent.900}"
|
|
3091
|
+
},
|
|
3092
|
+
"tint": {
|
|
3093
|
+
"$type": "color",
|
|
3094
|
+
"$value": "{color.accent.950}"
|
|
2951
3095
|
}
|
|
2952
3096
|
},
|
|
2953
3097
|
"action": {
|
|
@@ -2957,7 +3101,7 @@
|
|
|
2957
3101
|
},
|
|
2958
3102
|
"strong-active": {
|
|
2959
3103
|
"$type": "color",
|
|
2960
|
-
"$value": "{color.brand.
|
|
3104
|
+
"$value": "{color.brand.100}"
|
|
2961
3105
|
},
|
|
2962
3106
|
"strong-hover": {
|
|
2963
3107
|
"$type": "color",
|
|
@@ -2965,11 +3109,11 @@
|
|
|
2965
3109
|
},
|
|
2966
3110
|
"subtle": {
|
|
2967
3111
|
"$type": "color",
|
|
2968
|
-
"$value": "{color.brand.
|
|
3112
|
+
"$value": "{color.brand.900}"
|
|
2969
3113
|
},
|
|
2970
3114
|
"subtle-active": {
|
|
2971
3115
|
"$type": "color",
|
|
2972
|
-
"$value": "{color.brand.
|
|
3116
|
+
"$value": "{color.brand.700}"
|
|
2973
3117
|
},
|
|
2974
3118
|
"subtle-hover": {
|
|
2975
3119
|
"$type": "color",
|
|
@@ -2977,7 +3121,7 @@
|
|
|
2977
3121
|
},
|
|
2978
3122
|
"tint": {
|
|
2979
3123
|
"$type": "color",
|
|
2980
|
-
"$value": "{color.brand.
|
|
3124
|
+
"$value": "{color.brand.950}"
|
|
2981
3125
|
},
|
|
2982
3126
|
"tint-active": {
|
|
2983
3127
|
"$type": "color",
|
|
@@ -2985,12 +3129,16 @@
|
|
|
2985
3129
|
},
|
|
2986
3130
|
"tint-hover": {
|
|
2987
3131
|
"$type": "color",
|
|
2988
|
-
"$value": "{color.brand.
|
|
3132
|
+
"$value": "{color.brand.900}"
|
|
2989
3133
|
}
|
|
2990
3134
|
},
|
|
3135
|
+
"backdrop": {
|
|
3136
|
+
"$type": "color",
|
|
3137
|
+
"$value": "rgba(0, 0, 0, 0.5)"
|
|
3138
|
+
},
|
|
2991
3139
|
"background": {
|
|
2992
3140
|
"$type": "color",
|
|
2993
|
-
"$value": "{color.base.
|
|
3141
|
+
"$value": "{color.base.950}"
|
|
2994
3142
|
},
|
|
2995
3143
|
"brand": {
|
|
2996
3144
|
"core": {
|
|
@@ -2999,7 +3147,15 @@
|
|
|
2999
3147
|
},
|
|
3000
3148
|
"strong": {
|
|
3001
3149
|
"$type": "color",
|
|
3002
|
-
"$value": "{color.brand.
|
|
3150
|
+
"$value": "{color.brand.300}"
|
|
3151
|
+
},
|
|
3152
|
+
"subtle": {
|
|
3153
|
+
"$type": "color",
|
|
3154
|
+
"$value": "{color.brand.900}"
|
|
3155
|
+
},
|
|
3156
|
+
"tint": {
|
|
3157
|
+
"$type": "color",
|
|
3158
|
+
"$value": "{color.brand.950}"
|
|
3003
3159
|
}
|
|
3004
3160
|
},
|
|
3005
3161
|
"danger": {
|
|
@@ -3009,7 +3165,7 @@
|
|
|
3009
3165
|
},
|
|
3010
3166
|
"strong-active": {
|
|
3011
3167
|
"$type": "color",
|
|
3012
|
-
"$value": "{color.red.
|
|
3168
|
+
"$value": "{color.red.50}"
|
|
3013
3169
|
},
|
|
3014
3170
|
"strong-hover": {
|
|
3015
3171
|
"$type": "color",
|
|
@@ -3017,11 +3173,11 @@
|
|
|
3017
3173
|
},
|
|
3018
3174
|
"subtle": {
|
|
3019
3175
|
"$type": "color",
|
|
3020
|
-
"$value": "{color.red.
|
|
3176
|
+
"$value": "{color.red.900}"
|
|
3021
3177
|
},
|
|
3022
3178
|
"subtle-active": {
|
|
3023
3179
|
"$type": "color",
|
|
3024
|
-
"$value": "{color.red.
|
|
3180
|
+
"$value": "{color.red.700}"
|
|
3025
3181
|
},
|
|
3026
3182
|
"subtle-hover": {
|
|
3027
3183
|
"$type": "color",
|
|
@@ -3029,7 +3185,7 @@
|
|
|
3029
3185
|
},
|
|
3030
3186
|
"tint": {
|
|
3031
3187
|
"$type": "color",
|
|
3032
|
-
"$value": "{color.red.
|
|
3188
|
+
"$value": "{color.red.950}"
|
|
3033
3189
|
},
|
|
3034
3190
|
"tint-active": {
|
|
3035
3191
|
"$type": "color",
|
|
@@ -3037,7 +3193,7 @@
|
|
|
3037
3193
|
},
|
|
3038
3194
|
"tint-hover": {
|
|
3039
3195
|
"$type": "color",
|
|
3040
|
-
"$value": "{color.red.
|
|
3196
|
+
"$value": "{color.red.900}"
|
|
3041
3197
|
}
|
|
3042
3198
|
},
|
|
3043
3199
|
"info": {
|
|
@@ -3045,21 +3201,73 @@
|
|
|
3045
3201
|
"$type": "color",
|
|
3046
3202
|
"$value": "{color.sky.300}"
|
|
3047
3203
|
},
|
|
3204
|
+
"strong-active": {
|
|
3205
|
+
"$type": "color",
|
|
3206
|
+
"$value": "{color.sky.100}"
|
|
3207
|
+
},
|
|
3208
|
+
"strong-hover": {
|
|
3209
|
+
"$type": "color",
|
|
3210
|
+
"$value": "{color.sky.200}"
|
|
3211
|
+
},
|
|
3048
3212
|
"subtle": {
|
|
3213
|
+
"$type": "color",
|
|
3214
|
+
"$value": "{color.sky.900}"
|
|
3215
|
+
},
|
|
3216
|
+
"subtle-active": {
|
|
3049
3217
|
"$type": "color",
|
|
3050
3218
|
"$value": "{color.sky.700}"
|
|
3051
3219
|
},
|
|
3220
|
+
"subtle-hover": {
|
|
3221
|
+
"$type": "color",
|
|
3222
|
+
"$value": "{color.sky.800}"
|
|
3223
|
+
},
|
|
3052
3224
|
"tint": {
|
|
3225
|
+
"$type": "color",
|
|
3226
|
+
"$value": "{color.sky.950}"
|
|
3227
|
+
},
|
|
3228
|
+
"tint-active": {
|
|
3229
|
+
"$type": "color",
|
|
3230
|
+
"$value": "{color.sky.800}"
|
|
3231
|
+
},
|
|
3232
|
+
"tint-hover": {
|
|
3053
3233
|
"$type": "color",
|
|
3054
3234
|
"$value": "{color.sky.900}"
|
|
3055
3235
|
}
|
|
3056
3236
|
},
|
|
3057
3237
|
"neutral": {
|
|
3238
|
+
"strong": {
|
|
3239
|
+
"$type": "color",
|
|
3240
|
+
"$value": "{color.base.300}"
|
|
3241
|
+
},
|
|
3242
|
+
"strong-active": {
|
|
3243
|
+
"$type": "color",
|
|
3244
|
+
"$value": "{color.base.100}"
|
|
3245
|
+
},
|
|
3246
|
+
"strong-hover": {
|
|
3247
|
+
"$type": "color",
|
|
3248
|
+
"$value": "{color.base.200}"
|
|
3249
|
+
},
|
|
3058
3250
|
"subtle": {
|
|
3251
|
+
"$type": "color",
|
|
3252
|
+
"$value": "{color.base.900}"
|
|
3253
|
+
},
|
|
3254
|
+
"subtle-active": {
|
|
3255
|
+
"$type": "color",
|
|
3256
|
+
"$value": "{color.base.700}"
|
|
3257
|
+
},
|
|
3258
|
+
"subtle-hover": {
|
|
3059
3259
|
"$type": "color",
|
|
3060
3260
|
"$value": "{color.base.800}"
|
|
3061
3261
|
},
|
|
3062
3262
|
"tint": {
|
|
3263
|
+
"$type": "color",
|
|
3264
|
+
"$value": "{color.base.950}"
|
|
3265
|
+
},
|
|
3266
|
+
"tint-active": {
|
|
3267
|
+
"$type": "color",
|
|
3268
|
+
"$value": "{color.base.800}"
|
|
3269
|
+
},
|
|
3270
|
+
"tint-hover": {
|
|
3063
3271
|
"$type": "color",
|
|
3064
3272
|
"$value": "{color.base.900}"
|
|
3065
3273
|
}
|
|
@@ -3070,7 +3278,7 @@
|
|
|
3070
3278
|
},
|
|
3071
3279
|
"primary-active": {
|
|
3072
3280
|
"$type": "color",
|
|
3073
|
-
"$value": "{color.base.
|
|
3281
|
+
"$value": "{color.base.800}"
|
|
3074
3282
|
},
|
|
3075
3283
|
"primary-hover": {
|
|
3076
3284
|
"$type": "color",
|
|
@@ -3082,7 +3290,7 @@
|
|
|
3082
3290
|
},
|
|
3083
3291
|
"secondary-active": {
|
|
3084
3292
|
"$type": "color",
|
|
3085
|
-
"$value": "{color.base.
|
|
3293
|
+
"$value": "{color.base.700}"
|
|
3086
3294
|
},
|
|
3087
3295
|
"secondary-hover": {
|
|
3088
3296
|
"$type": "color",
|
|
@@ -3093,11 +3301,35 @@
|
|
|
3093
3301
|
"$type": "color",
|
|
3094
3302
|
"$value": "{color.green.300}"
|
|
3095
3303
|
},
|
|
3304
|
+
"strong-active": {
|
|
3305
|
+
"$type": "color",
|
|
3306
|
+
"$value": "{color.green.100}"
|
|
3307
|
+
},
|
|
3308
|
+
"strong-hover": {
|
|
3309
|
+
"$type": "color",
|
|
3310
|
+
"$value": "{color.green.200}"
|
|
3311
|
+
},
|
|
3096
3312
|
"subtle": {
|
|
3313
|
+
"$type": "color",
|
|
3314
|
+
"$value": "{color.green.900}"
|
|
3315
|
+
},
|
|
3316
|
+
"subtle-active": {
|
|
3097
3317
|
"$type": "color",
|
|
3098
3318
|
"$value": "{color.green.700}"
|
|
3099
3319
|
},
|
|
3320
|
+
"subtle-hover": {
|
|
3321
|
+
"$type": "color",
|
|
3322
|
+
"$value": "{color.green.800}"
|
|
3323
|
+
},
|
|
3100
3324
|
"tint": {
|
|
3325
|
+
"$type": "color",
|
|
3326
|
+
"$value": "{color.green.950}"
|
|
3327
|
+
},
|
|
3328
|
+
"tint-active": {
|
|
3329
|
+
"$type": "color",
|
|
3330
|
+
"$value": "{color.green.800}"
|
|
3331
|
+
},
|
|
3332
|
+
"tint-hover": {
|
|
3101
3333
|
"$type": "color",
|
|
3102
3334
|
"$value": "{color.green.900}"
|
|
3103
3335
|
}
|
|
@@ -3111,11 +3343,35 @@
|
|
|
3111
3343
|
"$type": "color",
|
|
3112
3344
|
"$value": "{color.amber.300}"
|
|
3113
3345
|
},
|
|
3346
|
+
"strong-active": {
|
|
3347
|
+
"$type": "color",
|
|
3348
|
+
"$value": "{color.amber.100}"
|
|
3349
|
+
},
|
|
3350
|
+
"strong-hover": {
|
|
3351
|
+
"$type": "color",
|
|
3352
|
+
"$value": "{color.amber.200}"
|
|
3353
|
+
},
|
|
3114
3354
|
"subtle": {
|
|
3355
|
+
"$type": "color",
|
|
3356
|
+
"$value": "{color.amber.900}"
|
|
3357
|
+
},
|
|
3358
|
+
"subtle-active": {
|
|
3115
3359
|
"$type": "color",
|
|
3116
3360
|
"$value": "{color.amber.700}"
|
|
3117
3361
|
},
|
|
3362
|
+
"subtle-hover": {
|
|
3363
|
+
"$type": "color",
|
|
3364
|
+
"$value": "{color.amber.800}"
|
|
3365
|
+
},
|
|
3118
3366
|
"tint": {
|
|
3367
|
+
"$type": "color",
|
|
3368
|
+
"$value": "{color.amber.950}"
|
|
3369
|
+
},
|
|
3370
|
+
"tint-active": {
|
|
3371
|
+
"$type": "color",
|
|
3372
|
+
"$value": "{color.amber.800}"
|
|
3373
|
+
},
|
|
3374
|
+
"tint-hover": {
|
|
3119
3375
|
"$type": "color",
|
|
3120
3376
|
"$value": "{color.amber.900}"
|
|
3121
3377
|
}
|