@cdx-ui/styles 0.0.1-beta.9 → 0.0.1-beta.90
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 +201 -85
- package/css/vanilla.css +124 -54
- 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 +4 -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 +3 -219
- 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 +672 -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 +3 -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 +672 -0
- package/src/__tests__/applyThemeOverride.test.ts +552 -0
- package/src/__tests__/generateColorScale.test.ts +296 -0
- package/src/__tests__/presetJson.test.ts +120 -0
- package/src/__tests__/sd.config.test.ts +856 -0
- package/src/__tests__/theming.test.ts +647 -0
- package/src/__tests__/types.test.ts +72 -0
- package/src/__tests__/useCdxFonts.test.ts +27 -0
- package/src/__tests__/useForgeFonts.test.ts +226 -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 +3 -229
- package/src/useForgeFonts.ts +230 -0
- package/tokens/presets/.manifest.json +3 -3
- package/tokens/presets/poise.json +319 -39
- 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}"
|
|
@@ -2392,11 +2400,11 @@
|
|
|
2392
2400
|
},
|
|
2393
2401
|
"selected": {
|
|
2394
2402
|
"$type": "color",
|
|
2395
|
-
"$value": "{color.brand.
|
|
2403
|
+
"$value": "{color.brand.600}"
|
|
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
|
}
|
|
@@ -2719,6 +2847,10 @@
|
|
|
2719
2847
|
"$type": "number",
|
|
2720
2848
|
"$value": 0.5
|
|
2721
2849
|
},
|
|
2850
|
+
"focus": {
|
|
2851
|
+
"$type": "number",
|
|
2852
|
+
"$value": 0.12
|
|
2853
|
+
},
|
|
2722
2854
|
"hover": {
|
|
2723
2855
|
"$type": "number",
|
|
2724
2856
|
"$value": 0.08
|
|
@@ -2730,6 +2862,14 @@
|
|
|
2730
2862
|
"selected": {
|
|
2731
2863
|
"$type": "number",
|
|
2732
2864
|
"$value": 0.12
|
|
2865
|
+
},
|
|
2866
|
+
"selected-focus": {
|
|
2867
|
+
"$type": "number",
|
|
2868
|
+
"$value": 0.24
|
|
2869
|
+
},
|
|
2870
|
+
"selected-hover": {
|
|
2871
|
+
"$type": "number",
|
|
2872
|
+
"$value": 0.2
|
|
2733
2873
|
}
|
|
2734
2874
|
}
|
|
2735
2875
|
},
|
|
@@ -2856,6 +2996,14 @@
|
|
|
2856
2996
|
"$type": "color",
|
|
2857
2997
|
"$value": "{color.purple.200}"
|
|
2858
2998
|
},
|
|
2999
|
+
"neutral-on-strong": {
|
|
3000
|
+
"$type": "color",
|
|
3001
|
+
"$value": "{color.base.900}"
|
|
3002
|
+
},
|
|
3003
|
+
"neutral-on-subtle": {
|
|
3004
|
+
"$type": "color",
|
|
3005
|
+
"$value": "{color.base.100}"
|
|
3006
|
+
},
|
|
2859
3007
|
"primary": {
|
|
2860
3008
|
"$type": "color",
|
|
2861
3009
|
"$value": "{color.white}"
|
|
@@ -2947,7 +3095,15 @@
|
|
|
2947
3095
|
},
|
|
2948
3096
|
"strong": {
|
|
2949
3097
|
"$type": "color",
|
|
2950
|
-
"$value": "{color.accent.
|
|
3098
|
+
"$value": "{color.accent.300}"
|
|
3099
|
+
},
|
|
3100
|
+
"subtle": {
|
|
3101
|
+
"$type": "color",
|
|
3102
|
+
"$value": "{color.accent.900}"
|
|
3103
|
+
},
|
|
3104
|
+
"tint": {
|
|
3105
|
+
"$type": "color",
|
|
3106
|
+
"$value": "{color.accent.950}"
|
|
2951
3107
|
}
|
|
2952
3108
|
},
|
|
2953
3109
|
"action": {
|
|
@@ -2957,7 +3113,7 @@
|
|
|
2957
3113
|
},
|
|
2958
3114
|
"strong-active": {
|
|
2959
3115
|
"$type": "color",
|
|
2960
|
-
"$value": "{color.brand.
|
|
3116
|
+
"$value": "{color.brand.100}"
|
|
2961
3117
|
},
|
|
2962
3118
|
"strong-hover": {
|
|
2963
3119
|
"$type": "color",
|
|
@@ -2965,11 +3121,11 @@
|
|
|
2965
3121
|
},
|
|
2966
3122
|
"subtle": {
|
|
2967
3123
|
"$type": "color",
|
|
2968
|
-
"$value": "{color.brand.
|
|
3124
|
+
"$value": "{color.brand.900}"
|
|
2969
3125
|
},
|
|
2970
3126
|
"subtle-active": {
|
|
2971
3127
|
"$type": "color",
|
|
2972
|
-
"$value": "{color.brand.
|
|
3128
|
+
"$value": "{color.brand.700}"
|
|
2973
3129
|
},
|
|
2974
3130
|
"subtle-hover": {
|
|
2975
3131
|
"$type": "color",
|
|
@@ -2977,7 +3133,7 @@
|
|
|
2977
3133
|
},
|
|
2978
3134
|
"tint": {
|
|
2979
3135
|
"$type": "color",
|
|
2980
|
-
"$value": "{color.brand.
|
|
3136
|
+
"$value": "{color.brand.950}"
|
|
2981
3137
|
},
|
|
2982
3138
|
"tint-active": {
|
|
2983
3139
|
"$type": "color",
|
|
@@ -2985,12 +3141,16 @@
|
|
|
2985
3141
|
},
|
|
2986
3142
|
"tint-hover": {
|
|
2987
3143
|
"$type": "color",
|
|
2988
|
-
"$value": "{color.brand.
|
|
3144
|
+
"$value": "{color.brand.900}"
|
|
2989
3145
|
}
|
|
2990
3146
|
},
|
|
3147
|
+
"backdrop": {
|
|
3148
|
+
"$type": "color",
|
|
3149
|
+
"$value": "rgba(0, 0, 0, 0.5)"
|
|
3150
|
+
},
|
|
2991
3151
|
"background": {
|
|
2992
3152
|
"$type": "color",
|
|
2993
|
-
"$value": "{color.base.
|
|
3153
|
+
"$value": "{color.base.950}"
|
|
2994
3154
|
},
|
|
2995
3155
|
"brand": {
|
|
2996
3156
|
"core": {
|
|
@@ -2999,7 +3159,15 @@
|
|
|
2999
3159
|
},
|
|
3000
3160
|
"strong": {
|
|
3001
3161
|
"$type": "color",
|
|
3002
|
-
"$value": "{color.brand.
|
|
3162
|
+
"$value": "{color.brand.300}"
|
|
3163
|
+
},
|
|
3164
|
+
"subtle": {
|
|
3165
|
+
"$type": "color",
|
|
3166
|
+
"$value": "{color.brand.900}"
|
|
3167
|
+
},
|
|
3168
|
+
"tint": {
|
|
3169
|
+
"$type": "color",
|
|
3170
|
+
"$value": "{color.brand.950}"
|
|
3003
3171
|
}
|
|
3004
3172
|
},
|
|
3005
3173
|
"danger": {
|
|
@@ -3009,7 +3177,7 @@
|
|
|
3009
3177
|
},
|
|
3010
3178
|
"strong-active": {
|
|
3011
3179
|
"$type": "color",
|
|
3012
|
-
"$value": "{color.red.
|
|
3180
|
+
"$value": "{color.red.50}"
|
|
3013
3181
|
},
|
|
3014
3182
|
"strong-hover": {
|
|
3015
3183
|
"$type": "color",
|
|
@@ -3017,11 +3185,11 @@
|
|
|
3017
3185
|
},
|
|
3018
3186
|
"subtle": {
|
|
3019
3187
|
"$type": "color",
|
|
3020
|
-
"$value": "{color.red.
|
|
3188
|
+
"$value": "{color.red.900}"
|
|
3021
3189
|
},
|
|
3022
3190
|
"subtle-active": {
|
|
3023
3191
|
"$type": "color",
|
|
3024
|
-
"$value": "{color.red.
|
|
3192
|
+
"$value": "{color.red.700}"
|
|
3025
3193
|
},
|
|
3026
3194
|
"subtle-hover": {
|
|
3027
3195
|
"$type": "color",
|
|
@@ -3029,7 +3197,7 @@
|
|
|
3029
3197
|
},
|
|
3030
3198
|
"tint": {
|
|
3031
3199
|
"$type": "color",
|
|
3032
|
-
"$value": "{color.red.
|
|
3200
|
+
"$value": "{color.red.950}"
|
|
3033
3201
|
},
|
|
3034
3202
|
"tint-active": {
|
|
3035
3203
|
"$type": "color",
|
|
@@ -3037,7 +3205,7 @@
|
|
|
3037
3205
|
},
|
|
3038
3206
|
"tint-hover": {
|
|
3039
3207
|
"$type": "color",
|
|
3040
|
-
"$value": "{color.red.
|
|
3208
|
+
"$value": "{color.red.900}"
|
|
3041
3209
|
}
|
|
3042
3210
|
},
|
|
3043
3211
|
"info": {
|
|
@@ -3045,21 +3213,73 @@
|
|
|
3045
3213
|
"$type": "color",
|
|
3046
3214
|
"$value": "{color.sky.300}"
|
|
3047
3215
|
},
|
|
3216
|
+
"strong-active": {
|
|
3217
|
+
"$type": "color",
|
|
3218
|
+
"$value": "{color.sky.100}"
|
|
3219
|
+
},
|
|
3220
|
+
"strong-hover": {
|
|
3221
|
+
"$type": "color",
|
|
3222
|
+
"$value": "{color.sky.200}"
|
|
3223
|
+
},
|
|
3048
3224
|
"subtle": {
|
|
3225
|
+
"$type": "color",
|
|
3226
|
+
"$value": "{color.sky.900}"
|
|
3227
|
+
},
|
|
3228
|
+
"subtle-active": {
|
|
3049
3229
|
"$type": "color",
|
|
3050
3230
|
"$value": "{color.sky.700}"
|
|
3051
3231
|
},
|
|
3232
|
+
"subtle-hover": {
|
|
3233
|
+
"$type": "color",
|
|
3234
|
+
"$value": "{color.sky.800}"
|
|
3235
|
+
},
|
|
3052
3236
|
"tint": {
|
|
3237
|
+
"$type": "color",
|
|
3238
|
+
"$value": "{color.sky.950}"
|
|
3239
|
+
},
|
|
3240
|
+
"tint-active": {
|
|
3241
|
+
"$type": "color",
|
|
3242
|
+
"$value": "{color.sky.800}"
|
|
3243
|
+
},
|
|
3244
|
+
"tint-hover": {
|
|
3053
3245
|
"$type": "color",
|
|
3054
3246
|
"$value": "{color.sky.900}"
|
|
3055
3247
|
}
|
|
3056
3248
|
},
|
|
3057
3249
|
"neutral": {
|
|
3250
|
+
"strong": {
|
|
3251
|
+
"$type": "color",
|
|
3252
|
+
"$value": "{color.base.300}"
|
|
3253
|
+
},
|
|
3254
|
+
"strong-active": {
|
|
3255
|
+
"$type": "color",
|
|
3256
|
+
"$value": "{color.base.100}"
|
|
3257
|
+
},
|
|
3258
|
+
"strong-hover": {
|
|
3259
|
+
"$type": "color",
|
|
3260
|
+
"$value": "{color.base.200}"
|
|
3261
|
+
},
|
|
3058
3262
|
"subtle": {
|
|
3263
|
+
"$type": "color",
|
|
3264
|
+
"$value": "{color.base.900}"
|
|
3265
|
+
},
|
|
3266
|
+
"subtle-active": {
|
|
3267
|
+
"$type": "color",
|
|
3268
|
+
"$value": "{color.base.700}"
|
|
3269
|
+
},
|
|
3270
|
+
"subtle-hover": {
|
|
3059
3271
|
"$type": "color",
|
|
3060
3272
|
"$value": "{color.base.800}"
|
|
3061
3273
|
},
|
|
3062
3274
|
"tint": {
|
|
3275
|
+
"$type": "color",
|
|
3276
|
+
"$value": "{color.base.950}"
|
|
3277
|
+
},
|
|
3278
|
+
"tint-active": {
|
|
3279
|
+
"$type": "color",
|
|
3280
|
+
"$value": "{color.base.800}"
|
|
3281
|
+
},
|
|
3282
|
+
"tint-hover": {
|
|
3063
3283
|
"$type": "color",
|
|
3064
3284
|
"$value": "{color.base.900}"
|
|
3065
3285
|
}
|
|
@@ -3070,7 +3290,7 @@
|
|
|
3070
3290
|
},
|
|
3071
3291
|
"primary-active": {
|
|
3072
3292
|
"$type": "color",
|
|
3073
|
-
"$value": "{color.base.
|
|
3293
|
+
"$value": "{color.base.800}"
|
|
3074
3294
|
},
|
|
3075
3295
|
"primary-hover": {
|
|
3076
3296
|
"$type": "color",
|
|
@@ -3082,7 +3302,7 @@
|
|
|
3082
3302
|
},
|
|
3083
3303
|
"secondary-active": {
|
|
3084
3304
|
"$type": "color",
|
|
3085
|
-
"$value": "{color.base.
|
|
3305
|
+
"$value": "{color.base.700}"
|
|
3086
3306
|
},
|
|
3087
3307
|
"secondary-hover": {
|
|
3088
3308
|
"$type": "color",
|
|
@@ -3093,11 +3313,35 @@
|
|
|
3093
3313
|
"$type": "color",
|
|
3094
3314
|
"$value": "{color.green.300}"
|
|
3095
3315
|
},
|
|
3316
|
+
"strong-active": {
|
|
3317
|
+
"$type": "color",
|
|
3318
|
+
"$value": "{color.green.100}"
|
|
3319
|
+
},
|
|
3320
|
+
"strong-hover": {
|
|
3321
|
+
"$type": "color",
|
|
3322
|
+
"$value": "{color.green.200}"
|
|
3323
|
+
},
|
|
3096
3324
|
"subtle": {
|
|
3325
|
+
"$type": "color",
|
|
3326
|
+
"$value": "{color.green.900}"
|
|
3327
|
+
},
|
|
3328
|
+
"subtle-active": {
|
|
3097
3329
|
"$type": "color",
|
|
3098
3330
|
"$value": "{color.green.700}"
|
|
3099
3331
|
},
|
|
3332
|
+
"subtle-hover": {
|
|
3333
|
+
"$type": "color",
|
|
3334
|
+
"$value": "{color.green.800}"
|
|
3335
|
+
},
|
|
3100
3336
|
"tint": {
|
|
3337
|
+
"$type": "color",
|
|
3338
|
+
"$value": "{color.green.950}"
|
|
3339
|
+
},
|
|
3340
|
+
"tint-active": {
|
|
3341
|
+
"$type": "color",
|
|
3342
|
+
"$value": "{color.green.800}"
|
|
3343
|
+
},
|
|
3344
|
+
"tint-hover": {
|
|
3101
3345
|
"$type": "color",
|
|
3102
3346
|
"$value": "{color.green.900}"
|
|
3103
3347
|
}
|
|
@@ -3111,11 +3355,35 @@
|
|
|
3111
3355
|
"$type": "color",
|
|
3112
3356
|
"$value": "{color.amber.300}"
|
|
3113
3357
|
},
|
|
3358
|
+
"strong-active": {
|
|
3359
|
+
"$type": "color",
|
|
3360
|
+
"$value": "{color.amber.100}"
|
|
3361
|
+
},
|
|
3362
|
+
"strong-hover": {
|
|
3363
|
+
"$type": "color",
|
|
3364
|
+
"$value": "{color.amber.200}"
|
|
3365
|
+
},
|
|
3114
3366
|
"subtle": {
|
|
3367
|
+
"$type": "color",
|
|
3368
|
+
"$value": "{color.amber.900}"
|
|
3369
|
+
},
|
|
3370
|
+
"subtle-active": {
|
|
3115
3371
|
"$type": "color",
|
|
3116
3372
|
"$value": "{color.amber.700}"
|
|
3117
3373
|
},
|
|
3374
|
+
"subtle-hover": {
|
|
3375
|
+
"$type": "color",
|
|
3376
|
+
"$value": "{color.amber.800}"
|
|
3377
|
+
},
|
|
3118
3378
|
"tint": {
|
|
3379
|
+
"$type": "color",
|
|
3380
|
+
"$value": "{color.amber.950}"
|
|
3381
|
+
},
|
|
3382
|
+
"tint-active": {
|
|
3383
|
+
"$type": "color",
|
|
3384
|
+
"$value": "{color.amber.800}"
|
|
3385
|
+
},
|
|
3386
|
+
"tint-hover": {
|
|
3119
3387
|
"$type": "color",
|
|
3120
3388
|
"$value": "{color.amber.900}"
|
|
3121
3389
|
}
|
|
@@ -3193,6 +3461,10 @@
|
|
|
3193
3461
|
"$type": "number",
|
|
3194
3462
|
"$value": 0.5
|
|
3195
3463
|
},
|
|
3464
|
+
"focus": {
|
|
3465
|
+
"$type": "number",
|
|
3466
|
+
"$value": 0.12
|
|
3467
|
+
},
|
|
3196
3468
|
"hover": {
|
|
3197
3469
|
"$type": "number",
|
|
3198
3470
|
"$value": 0.08
|
|
@@ -3204,6 +3476,14 @@
|
|
|
3204
3476
|
"selected": {
|
|
3205
3477
|
"$type": "number",
|
|
3206
3478
|
"$value": 0.12
|
|
3479
|
+
},
|
|
3480
|
+
"selected-focus": {
|
|
3481
|
+
"$type": "number",
|
|
3482
|
+
"$value": 0.24
|
|
3483
|
+
},
|
|
3484
|
+
"selected-hover": {
|
|
3485
|
+
"$type": "number",
|
|
3486
|
+
"$value": 0.2
|
|
3207
3487
|
}
|
|
3208
3488
|
}
|
|
3209
3489
|
}
|