@cdx-ui/styles 0.0.1-beta.11 → 0.0.1-beta.110
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 +219 -88
- package/css/vanilla.css +137 -57
- 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 +682 -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 +29 -10
- package/runtime/prestige-vs-default.json +1 -0
- package/runtime/pulse-vs-default.json +1 -0
- package/runtime/token-to-css-var.json +682 -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 +362 -42
- 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"
|
|
@@ -2334,6 +2334,18 @@
|
|
|
2334
2334
|
}
|
|
2335
2335
|
},
|
|
2336
2336
|
"content": {
|
|
2337
|
+
"accent": {
|
|
2338
|
+
"$type": "color",
|
|
2339
|
+
"$value": "{color.accent.700}"
|
|
2340
|
+
},
|
|
2341
|
+
"accent-on-strong": {
|
|
2342
|
+
"$type": "color",
|
|
2343
|
+
"$value": "{color.white}"
|
|
2344
|
+
},
|
|
2345
|
+
"accent-on-subtle": {
|
|
2346
|
+
"$type": "color",
|
|
2347
|
+
"$value": "{color.accent.900}"
|
|
2348
|
+
},
|
|
2337
2349
|
"action": {
|
|
2338
2350
|
"$type": "color",
|
|
2339
2351
|
"$value": "{color.brand.700}"
|
|
@@ -2344,12 +2356,20 @@
|
|
|
2344
2356
|
},
|
|
2345
2357
|
"action-on-subtle": {
|
|
2346
2358
|
"$type": "color",
|
|
2347
|
-
"$value": "{color.brand.
|
|
2359
|
+
"$value": "{color.brand.900}"
|
|
2348
2360
|
},
|
|
2349
2361
|
"brand": {
|
|
2350
2362
|
"$type": "color",
|
|
2351
2363
|
"$value": "{color.brand.700}"
|
|
2352
2364
|
},
|
|
2365
|
+
"brand-on-strong": {
|
|
2366
|
+
"$type": "color",
|
|
2367
|
+
"$value": "{color.white}"
|
|
2368
|
+
},
|
|
2369
|
+
"brand-on-subtle": {
|
|
2370
|
+
"$type": "color",
|
|
2371
|
+
"$value": "{color.brand.900}"
|
|
2372
|
+
},
|
|
2353
2373
|
"danger": {
|
|
2354
2374
|
"$type": "color",
|
|
2355
2375
|
"$value": "{color.red.700}"
|
|
@@ -2364,7 +2384,7 @@
|
|
|
2364
2384
|
},
|
|
2365
2385
|
"info": {
|
|
2366
2386
|
"$type": "color",
|
|
2367
|
-
"$value": "{color.sky.
|
|
2387
|
+
"$value": "{color.sky.700}"
|
|
2368
2388
|
},
|
|
2369
2389
|
"info-on-strong": {
|
|
2370
2390
|
"$type": "color",
|
|
@@ -2382,6 +2402,14 @@
|
|
|
2382
2402
|
"$type": "color",
|
|
2383
2403
|
"$value": "{color.purple.800}"
|
|
2384
2404
|
},
|
|
2405
|
+
"neutral-on-strong": {
|
|
2406
|
+
"$type": "color",
|
|
2407
|
+
"$value": "{color.white}"
|
|
2408
|
+
},
|
|
2409
|
+
"neutral-on-subtle": {
|
|
2410
|
+
"$type": "color",
|
|
2411
|
+
"$value": "{color.base.900}"
|
|
2412
|
+
},
|
|
2385
2413
|
"primary": {
|
|
2386
2414
|
"$type": "color",
|
|
2387
2415
|
"$value": "{color.base.950}"
|
|
@@ -2392,11 +2420,11 @@
|
|
|
2392
2420
|
},
|
|
2393
2421
|
"selected": {
|
|
2394
2422
|
"$type": "color",
|
|
2395
|
-
"$value": "{color.brand.
|
|
2423
|
+
"$value": "{color.brand.600}"
|
|
2396
2424
|
},
|
|
2397
2425
|
"success": {
|
|
2398
2426
|
"$type": "color",
|
|
2399
|
-
"$value": "{color.green.
|
|
2427
|
+
"$value": "{color.green.700}"
|
|
2400
2428
|
},
|
|
2401
2429
|
"success-on-strong": {
|
|
2402
2430
|
"$type": "color",
|
|
@@ -2412,7 +2440,7 @@
|
|
|
2412
2440
|
},
|
|
2413
2441
|
"warning": {
|
|
2414
2442
|
"$type": "color",
|
|
2415
|
-
"$value": "{color.amber.
|
|
2443
|
+
"$value": "{color.amber.700}"
|
|
2416
2444
|
},
|
|
2417
2445
|
"warning-on-strong": {
|
|
2418
2446
|
"$type": "color",
|
|
@@ -2442,7 +2470,7 @@
|
|
|
2442
2470
|
},
|
|
2443
2471
|
"info": {
|
|
2444
2472
|
"$type": "color",
|
|
2445
|
-
"$value": "{color.sky.
|
|
2473
|
+
"$value": "{color.sky.700}"
|
|
2446
2474
|
},
|
|
2447
2475
|
"primary": {
|
|
2448
2476
|
"$type": "color",
|
|
@@ -2458,11 +2486,11 @@
|
|
|
2458
2486
|
},
|
|
2459
2487
|
"success": {
|
|
2460
2488
|
"$type": "color",
|
|
2461
|
-
"$value": "{color.green.
|
|
2489
|
+
"$value": "{color.green.700}"
|
|
2462
2490
|
},
|
|
2463
2491
|
"warning": {
|
|
2464
2492
|
"$type": "color",
|
|
2465
|
-
"$value": "{color.amber.
|
|
2493
|
+
"$value": "{color.amber.700}"
|
|
2466
2494
|
}
|
|
2467
2495
|
},
|
|
2468
2496
|
"surface": {
|
|
@@ -2474,6 +2502,14 @@
|
|
|
2474
2502
|
"strong": {
|
|
2475
2503
|
"$type": "color",
|
|
2476
2504
|
"$value": "{color.accent.700}"
|
|
2505
|
+
},
|
|
2506
|
+
"subtle": {
|
|
2507
|
+
"$type": "color",
|
|
2508
|
+
"$value": "{color.accent.200}"
|
|
2509
|
+
},
|
|
2510
|
+
"tint": {
|
|
2511
|
+
"$type": "color",
|
|
2512
|
+
"$value": "{color.accent.100}"
|
|
2477
2513
|
}
|
|
2478
2514
|
},
|
|
2479
2515
|
"action": {
|
|
@@ -2483,7 +2519,7 @@
|
|
|
2483
2519
|
},
|
|
2484
2520
|
"strong-active": {
|
|
2485
2521
|
"$type": "color",
|
|
2486
|
-
"$value": "{color.brand.
|
|
2522
|
+
"$value": "{color.brand.900}"
|
|
2487
2523
|
},
|
|
2488
2524
|
"strong-hover": {
|
|
2489
2525
|
"$type": "color",
|
|
@@ -2491,19 +2527,19 @@
|
|
|
2491
2527
|
},
|
|
2492
2528
|
"subtle": {
|
|
2493
2529
|
"$type": "color",
|
|
2494
|
-
"$value": "{color.brand.
|
|
2530
|
+
"$value": "{color.brand.100}"
|
|
2495
2531
|
},
|
|
2496
2532
|
"subtle-active": {
|
|
2497
2533
|
"$type": "color",
|
|
2498
|
-
"$value": "{color.brand.
|
|
2534
|
+
"$value": "{color.brand.300}"
|
|
2499
2535
|
},
|
|
2500
2536
|
"subtle-hover": {
|
|
2501
2537
|
"$type": "color",
|
|
2502
|
-
"$value": "{color.brand.
|
|
2538
|
+
"$value": "{color.brand.200}"
|
|
2503
2539
|
},
|
|
2504
2540
|
"tint": {
|
|
2505
2541
|
"$type": "color",
|
|
2506
|
-
"$value": "{color.brand.
|
|
2542
|
+
"$value": "{color.brand.50}"
|
|
2507
2543
|
},
|
|
2508
2544
|
"tint-active": {
|
|
2509
2545
|
"$type": "color",
|
|
@@ -2511,12 +2547,16 @@
|
|
|
2511
2547
|
},
|
|
2512
2548
|
"tint-hover": {
|
|
2513
2549
|
"$type": "color",
|
|
2514
|
-
"$value": "{color.brand.
|
|
2550
|
+
"$value": "{color.brand.100}"
|
|
2515
2551
|
}
|
|
2516
2552
|
},
|
|
2553
|
+
"backdrop": {
|
|
2554
|
+
"$type": "color",
|
|
2555
|
+
"$value": "rgba(0, 0, 0, 0.5)"
|
|
2556
|
+
},
|
|
2517
2557
|
"background": {
|
|
2518
2558
|
"$type": "color",
|
|
2519
|
-
"$value": "{color.base.
|
|
2559
|
+
"$value": "{color.base.50}"
|
|
2520
2560
|
},
|
|
2521
2561
|
"brand": {
|
|
2522
2562
|
"core": {
|
|
@@ -2526,6 +2566,14 @@
|
|
|
2526
2566
|
"strong": {
|
|
2527
2567
|
"$type": "color",
|
|
2528
2568
|
"$value": "{color.brand.700}"
|
|
2569
|
+
},
|
|
2570
|
+
"subtle": {
|
|
2571
|
+
"$type": "color",
|
|
2572
|
+
"$value": "{color.brand.200}"
|
|
2573
|
+
},
|
|
2574
|
+
"tint": {
|
|
2575
|
+
"$type": "color",
|
|
2576
|
+
"$value": "{color.brand.100}"
|
|
2529
2577
|
}
|
|
2530
2578
|
},
|
|
2531
2579
|
"danger": {
|
|
@@ -2535,7 +2583,7 @@
|
|
|
2535
2583
|
},
|
|
2536
2584
|
"strong-active": {
|
|
2537
2585
|
"$type": "color",
|
|
2538
|
-
"$value": "{color.red.
|
|
2586
|
+
"$value": "{color.red.900}"
|
|
2539
2587
|
},
|
|
2540
2588
|
"strong-hover": {
|
|
2541
2589
|
"$type": "color",
|
|
@@ -2543,7 +2591,7 @@
|
|
|
2543
2591
|
},
|
|
2544
2592
|
"subtle": {
|
|
2545
2593
|
"$type": "color",
|
|
2546
|
-
"$value": "{color.red.
|
|
2594
|
+
"$value": "{color.red.100}"
|
|
2547
2595
|
},
|
|
2548
2596
|
"subtle-active": {
|
|
2549
2597
|
"$type": "color",
|
|
@@ -2551,11 +2599,11 @@
|
|
|
2551
2599
|
},
|
|
2552
2600
|
"subtle-hover": {
|
|
2553
2601
|
"$type": "color",
|
|
2554
|
-
"$value": "{color.red.
|
|
2602
|
+
"$value": "{color.red.200}"
|
|
2555
2603
|
},
|
|
2556
2604
|
"tint": {
|
|
2557
2605
|
"$type": "color",
|
|
2558
|
-
"$value": "{color.red.
|
|
2606
|
+
"$value": "{color.red.50}"
|
|
2559
2607
|
},
|
|
2560
2608
|
"tint-active": {
|
|
2561
2609
|
"$type": "color",
|
|
@@ -2563,29 +2611,81 @@
|
|
|
2563
2611
|
},
|
|
2564
2612
|
"tint-hover": {
|
|
2565
2613
|
"$type": "color",
|
|
2566
|
-
"$value": "{color.red.
|
|
2614
|
+
"$value": "{color.red.100}"
|
|
2567
2615
|
}
|
|
2568
2616
|
},
|
|
2569
2617
|
"info": {
|
|
2570
2618
|
"strong": {
|
|
2571
2619
|
"$type": "color",
|
|
2572
|
-
"$value": "{color.sky.
|
|
2620
|
+
"$value": "{color.sky.700}"
|
|
2621
|
+
},
|
|
2622
|
+
"strong-active": {
|
|
2623
|
+
"$type": "color",
|
|
2624
|
+
"$value": "{color.sky.900}"
|
|
2625
|
+
},
|
|
2626
|
+
"strong-hover": {
|
|
2627
|
+
"$type": "color",
|
|
2628
|
+
"$value": "{color.sky.800}"
|
|
2573
2629
|
},
|
|
2574
2630
|
"subtle": {
|
|
2631
|
+
"$type": "color",
|
|
2632
|
+
"$value": "{color.sky.100}"
|
|
2633
|
+
},
|
|
2634
|
+
"subtle-active": {
|
|
2635
|
+
"$type": "color",
|
|
2636
|
+
"$value": "{color.sky.300}"
|
|
2637
|
+
},
|
|
2638
|
+
"subtle-hover": {
|
|
2575
2639
|
"$type": "color",
|
|
2576
2640
|
"$value": "{color.sky.200}"
|
|
2577
2641
|
},
|
|
2578
2642
|
"tint": {
|
|
2643
|
+
"$type": "color",
|
|
2644
|
+
"$value": "{color.sky.50}"
|
|
2645
|
+
},
|
|
2646
|
+
"tint-active": {
|
|
2647
|
+
"$type": "color",
|
|
2648
|
+
"$value": "{color.sky.200}"
|
|
2649
|
+
},
|
|
2650
|
+
"tint-hover": {
|
|
2579
2651
|
"$type": "color",
|
|
2580
2652
|
"$value": "{color.sky.100}"
|
|
2581
2653
|
}
|
|
2582
2654
|
},
|
|
2583
2655
|
"neutral": {
|
|
2656
|
+
"strong": {
|
|
2657
|
+
"$type": "color",
|
|
2658
|
+
"$value": "{color.base.700}"
|
|
2659
|
+
},
|
|
2660
|
+
"strong-active": {
|
|
2661
|
+
"$type": "color",
|
|
2662
|
+
"$value": "{color.base.900}"
|
|
2663
|
+
},
|
|
2664
|
+
"strong-hover": {
|
|
2665
|
+
"$type": "color",
|
|
2666
|
+
"$value": "{color.base.800}"
|
|
2667
|
+
},
|
|
2584
2668
|
"subtle": {
|
|
2669
|
+
"$type": "color",
|
|
2670
|
+
"$value": "{color.base.100}"
|
|
2671
|
+
},
|
|
2672
|
+
"subtle-active": {
|
|
2673
|
+
"$type": "color",
|
|
2674
|
+
"$value": "{color.base.300}"
|
|
2675
|
+
},
|
|
2676
|
+
"subtle-hover": {
|
|
2585
2677
|
"$type": "color",
|
|
2586
2678
|
"$value": "{color.base.200}"
|
|
2587
2679
|
},
|
|
2588
2680
|
"tint": {
|
|
2681
|
+
"$type": "color",
|
|
2682
|
+
"$value": "{color.base.50}"
|
|
2683
|
+
},
|
|
2684
|
+
"tint-active": {
|
|
2685
|
+
"$type": "color",
|
|
2686
|
+
"$value": "{color.base.200}"
|
|
2687
|
+
},
|
|
2688
|
+
"tint-hover": {
|
|
2589
2689
|
"$type": "color",
|
|
2590
2690
|
"$value": "{color.base.100}"
|
|
2591
2691
|
}
|
|
@@ -2596,7 +2696,7 @@
|
|
|
2596
2696
|
},
|
|
2597
2697
|
"primary-active": {
|
|
2598
2698
|
"$type": "color",
|
|
2599
|
-
"$value": "{color.base.
|
|
2699
|
+
"$value": "{color.base.200}"
|
|
2600
2700
|
},
|
|
2601
2701
|
"primary-hover": {
|
|
2602
2702
|
"$type": "color",
|
|
@@ -2608,7 +2708,7 @@
|
|
|
2608
2708
|
},
|
|
2609
2709
|
"secondary-active": {
|
|
2610
2710
|
"$type": "color",
|
|
2611
|
-
"$value": "{color.base.
|
|
2711
|
+
"$value": "{color.base.300}"
|
|
2612
2712
|
},
|
|
2613
2713
|
"secondary-hover": {
|
|
2614
2714
|
"$type": "color",
|
|
@@ -2619,11 +2719,35 @@
|
|
|
2619
2719
|
"$type": "color",
|
|
2620
2720
|
"$value": "{color.green.600}"
|
|
2621
2721
|
},
|
|
2722
|
+
"strong-active": {
|
|
2723
|
+
"$type": "color",
|
|
2724
|
+
"$value": "{color.green.800}"
|
|
2725
|
+
},
|
|
2726
|
+
"strong-hover": {
|
|
2727
|
+
"$type": "color",
|
|
2728
|
+
"$value": "{color.green.700}"
|
|
2729
|
+
},
|
|
2622
2730
|
"subtle": {
|
|
2731
|
+
"$type": "color",
|
|
2732
|
+
"$value": "{color.green.100}"
|
|
2733
|
+
},
|
|
2734
|
+
"subtle-active": {
|
|
2735
|
+
"$type": "color",
|
|
2736
|
+
"$value": "{color.green.300}"
|
|
2737
|
+
},
|
|
2738
|
+
"subtle-hover": {
|
|
2623
2739
|
"$type": "color",
|
|
2624
2740
|
"$value": "{color.green.200}"
|
|
2625
2741
|
},
|
|
2626
2742
|
"tint": {
|
|
2743
|
+
"$type": "color",
|
|
2744
|
+
"$value": "{color.green.50}"
|
|
2745
|
+
},
|
|
2746
|
+
"tint-active": {
|
|
2747
|
+
"$type": "color",
|
|
2748
|
+
"$value": "{color.green.200}"
|
|
2749
|
+
},
|
|
2750
|
+
"tint-hover": {
|
|
2627
2751
|
"$type": "color",
|
|
2628
2752
|
"$value": "{color.green.100}"
|
|
2629
2753
|
}
|
|
@@ -2637,11 +2761,35 @@
|
|
|
2637
2761
|
"$type": "color",
|
|
2638
2762
|
"$value": "{color.amber.400}"
|
|
2639
2763
|
},
|
|
2764
|
+
"strong-active": {
|
|
2765
|
+
"$type": "color",
|
|
2766
|
+
"$value": "{color.amber.600}"
|
|
2767
|
+
},
|
|
2768
|
+
"strong-hover": {
|
|
2769
|
+
"$type": "color",
|
|
2770
|
+
"$value": "{color.amber.500}"
|
|
2771
|
+
},
|
|
2640
2772
|
"subtle": {
|
|
2773
|
+
"$type": "color",
|
|
2774
|
+
"$value": "{color.amber.100}"
|
|
2775
|
+
},
|
|
2776
|
+
"subtle-active": {
|
|
2777
|
+
"$type": "color",
|
|
2778
|
+
"$value": "{color.amber.300}"
|
|
2779
|
+
},
|
|
2780
|
+
"subtle-hover": {
|
|
2641
2781
|
"$type": "color",
|
|
2642
2782
|
"$value": "{color.amber.200}"
|
|
2643
2783
|
},
|
|
2644
2784
|
"tint": {
|
|
2785
|
+
"$type": "color",
|
|
2786
|
+
"$value": "{color.amber.50}"
|
|
2787
|
+
},
|
|
2788
|
+
"tint-active": {
|
|
2789
|
+
"$type": "color",
|
|
2790
|
+
"$value": "{color.amber.200}"
|
|
2791
|
+
},
|
|
2792
|
+
"tint-hover": {
|
|
2645
2793
|
"$type": "color",
|
|
2646
2794
|
"$value": "{color.amber.100}"
|
|
2647
2795
|
}
|
|
@@ -2719,9 +2867,13 @@
|
|
|
2719
2867
|
"$type": "number",
|
|
2720
2868
|
"$value": 0.5
|
|
2721
2869
|
},
|
|
2870
|
+
"focus": {
|
|
2871
|
+
"$type": "number",
|
|
2872
|
+
"$value": 0.12
|
|
2873
|
+
},
|
|
2722
2874
|
"hover": {
|
|
2723
2875
|
"$type": "number",
|
|
2724
|
-
"$value": 0.
|
|
2876
|
+
"$value": 0.06
|
|
2725
2877
|
},
|
|
2726
2878
|
"hover-overlay": {
|
|
2727
2879
|
"$type": "number",
|
|
@@ -2729,7 +2881,15 @@
|
|
|
2729
2881
|
},
|
|
2730
2882
|
"selected": {
|
|
2731
2883
|
"$type": "number",
|
|
2732
|
-
"$value": 0.
|
|
2884
|
+
"$value": 0.08
|
|
2885
|
+
},
|
|
2886
|
+
"selected-focus": {
|
|
2887
|
+
"$type": "number",
|
|
2888
|
+
"$value": 0.2
|
|
2889
|
+
},
|
|
2890
|
+
"selected-hover": {
|
|
2891
|
+
"$type": "number",
|
|
2892
|
+
"$value": 0.14
|
|
2733
2893
|
}
|
|
2734
2894
|
}
|
|
2735
2895
|
},
|
|
@@ -2808,6 +2968,18 @@
|
|
|
2808
2968
|
}
|
|
2809
2969
|
},
|
|
2810
2970
|
"content": {
|
|
2971
|
+
"accent": {
|
|
2972
|
+
"$type": "color",
|
|
2973
|
+
"$value": "{color.accent.300}"
|
|
2974
|
+
},
|
|
2975
|
+
"accent-on-strong": {
|
|
2976
|
+
"$type": "color",
|
|
2977
|
+
"$value": "{color.accent.950}"
|
|
2978
|
+
},
|
|
2979
|
+
"accent-on-subtle": {
|
|
2980
|
+
"$type": "color",
|
|
2981
|
+
"$value": "{color.accent.100}"
|
|
2982
|
+
},
|
|
2811
2983
|
"action": {
|
|
2812
2984
|
"$type": "color",
|
|
2813
2985
|
"$value": "{color.brand.100}"
|
|
@@ -2822,7 +2994,15 @@
|
|
|
2822
2994
|
},
|
|
2823
2995
|
"brand": {
|
|
2824
2996
|
"$type": "color",
|
|
2825
|
-
"$value": "{color.brand.
|
|
2997
|
+
"$value": "{color.brand.300}"
|
|
2998
|
+
},
|
|
2999
|
+
"brand-on-strong": {
|
|
3000
|
+
"$type": "color",
|
|
3001
|
+
"$value": "{color.brand.950}"
|
|
3002
|
+
},
|
|
3003
|
+
"brand-on-subtle": {
|
|
3004
|
+
"$type": "color",
|
|
3005
|
+
"$value": "{color.brand.100}"
|
|
2826
3006
|
},
|
|
2827
3007
|
"danger": {
|
|
2828
3008
|
"$type": "color",
|
|
@@ -2856,6 +3036,14 @@
|
|
|
2856
3036
|
"$type": "color",
|
|
2857
3037
|
"$value": "{color.purple.200}"
|
|
2858
3038
|
},
|
|
3039
|
+
"neutral-on-strong": {
|
|
3040
|
+
"$type": "color",
|
|
3041
|
+
"$value": "{color.base.900}"
|
|
3042
|
+
},
|
|
3043
|
+
"neutral-on-subtle": {
|
|
3044
|
+
"$type": "color",
|
|
3045
|
+
"$value": "{color.base.100}"
|
|
3046
|
+
},
|
|
2859
3047
|
"primary": {
|
|
2860
3048
|
"$type": "color",
|
|
2861
3049
|
"$value": "{color.white}"
|
|
@@ -2947,7 +3135,15 @@
|
|
|
2947
3135
|
},
|
|
2948
3136
|
"strong": {
|
|
2949
3137
|
"$type": "color",
|
|
2950
|
-
"$value": "{color.accent.
|
|
3138
|
+
"$value": "{color.accent.300}"
|
|
3139
|
+
},
|
|
3140
|
+
"subtle": {
|
|
3141
|
+
"$type": "color",
|
|
3142
|
+
"$value": "{color.accent.900}"
|
|
3143
|
+
},
|
|
3144
|
+
"tint": {
|
|
3145
|
+
"$type": "color",
|
|
3146
|
+
"$value": "{color.accent.950}"
|
|
2951
3147
|
}
|
|
2952
3148
|
},
|
|
2953
3149
|
"action": {
|
|
@@ -2957,7 +3153,7 @@
|
|
|
2957
3153
|
},
|
|
2958
3154
|
"strong-active": {
|
|
2959
3155
|
"$type": "color",
|
|
2960
|
-
"$value": "{color.brand.
|
|
3156
|
+
"$value": "{color.brand.100}"
|
|
2961
3157
|
},
|
|
2962
3158
|
"strong-hover": {
|
|
2963
3159
|
"$type": "color",
|
|
@@ -2965,11 +3161,11 @@
|
|
|
2965
3161
|
},
|
|
2966
3162
|
"subtle": {
|
|
2967
3163
|
"$type": "color",
|
|
2968
|
-
"$value": "{color.brand.
|
|
3164
|
+
"$value": "{color.brand.900}"
|
|
2969
3165
|
},
|
|
2970
3166
|
"subtle-active": {
|
|
2971
3167
|
"$type": "color",
|
|
2972
|
-
"$value": "{color.brand.
|
|
3168
|
+
"$value": "{color.brand.700}"
|
|
2973
3169
|
},
|
|
2974
3170
|
"subtle-hover": {
|
|
2975
3171
|
"$type": "color",
|
|
@@ -2977,7 +3173,7 @@
|
|
|
2977
3173
|
},
|
|
2978
3174
|
"tint": {
|
|
2979
3175
|
"$type": "color",
|
|
2980
|
-
"$value": "{color.brand.
|
|
3176
|
+
"$value": "{color.brand.950}"
|
|
2981
3177
|
},
|
|
2982
3178
|
"tint-active": {
|
|
2983
3179
|
"$type": "color",
|
|
@@ -2985,12 +3181,16 @@
|
|
|
2985
3181
|
},
|
|
2986
3182
|
"tint-hover": {
|
|
2987
3183
|
"$type": "color",
|
|
2988
|
-
"$value": "{color.brand.
|
|
3184
|
+
"$value": "{color.brand.900}"
|
|
2989
3185
|
}
|
|
2990
3186
|
},
|
|
3187
|
+
"backdrop": {
|
|
3188
|
+
"$type": "color",
|
|
3189
|
+
"$value": "rgba(0, 0, 0, 0.5)"
|
|
3190
|
+
},
|
|
2991
3191
|
"background": {
|
|
2992
3192
|
"$type": "color",
|
|
2993
|
-
"$value": "{color.base.
|
|
3193
|
+
"$value": "{color.base.950}"
|
|
2994
3194
|
},
|
|
2995
3195
|
"brand": {
|
|
2996
3196
|
"core": {
|
|
@@ -2999,7 +3199,15 @@
|
|
|
2999
3199
|
},
|
|
3000
3200
|
"strong": {
|
|
3001
3201
|
"$type": "color",
|
|
3002
|
-
"$value": "{color.brand.
|
|
3202
|
+
"$value": "{color.brand.300}"
|
|
3203
|
+
},
|
|
3204
|
+
"subtle": {
|
|
3205
|
+
"$type": "color",
|
|
3206
|
+
"$value": "{color.brand.900}"
|
|
3207
|
+
},
|
|
3208
|
+
"tint": {
|
|
3209
|
+
"$type": "color",
|
|
3210
|
+
"$value": "{color.brand.950}"
|
|
3003
3211
|
}
|
|
3004
3212
|
},
|
|
3005
3213
|
"danger": {
|
|
@@ -3009,7 +3217,7 @@
|
|
|
3009
3217
|
},
|
|
3010
3218
|
"strong-active": {
|
|
3011
3219
|
"$type": "color",
|
|
3012
|
-
"$value": "{color.red.
|
|
3220
|
+
"$value": "{color.red.50}"
|
|
3013
3221
|
},
|
|
3014
3222
|
"strong-hover": {
|
|
3015
3223
|
"$type": "color",
|
|
@@ -3017,11 +3225,11 @@
|
|
|
3017
3225
|
},
|
|
3018
3226
|
"subtle": {
|
|
3019
3227
|
"$type": "color",
|
|
3020
|
-
"$value": "{color.red.
|
|
3228
|
+
"$value": "{color.red.900}"
|
|
3021
3229
|
},
|
|
3022
3230
|
"subtle-active": {
|
|
3023
3231
|
"$type": "color",
|
|
3024
|
-
"$value": "{color.red.
|
|
3232
|
+
"$value": "{color.red.700}"
|
|
3025
3233
|
},
|
|
3026
3234
|
"subtle-hover": {
|
|
3027
3235
|
"$type": "color",
|
|
@@ -3029,7 +3237,7 @@
|
|
|
3029
3237
|
},
|
|
3030
3238
|
"tint": {
|
|
3031
3239
|
"$type": "color",
|
|
3032
|
-
"$value": "{color.red.
|
|
3240
|
+
"$value": "{color.red.950}"
|
|
3033
3241
|
},
|
|
3034
3242
|
"tint-active": {
|
|
3035
3243
|
"$type": "color",
|
|
@@ -3037,7 +3245,7 @@
|
|
|
3037
3245
|
},
|
|
3038
3246
|
"tint-hover": {
|
|
3039
3247
|
"$type": "color",
|
|
3040
|
-
"$value": "{color.red.
|
|
3248
|
+
"$value": "{color.red.900}"
|
|
3041
3249
|
}
|
|
3042
3250
|
},
|
|
3043
3251
|
"info": {
|
|
@@ -3045,21 +3253,73 @@
|
|
|
3045
3253
|
"$type": "color",
|
|
3046
3254
|
"$value": "{color.sky.300}"
|
|
3047
3255
|
},
|
|
3256
|
+
"strong-active": {
|
|
3257
|
+
"$type": "color",
|
|
3258
|
+
"$value": "{color.sky.100}"
|
|
3259
|
+
},
|
|
3260
|
+
"strong-hover": {
|
|
3261
|
+
"$type": "color",
|
|
3262
|
+
"$value": "{color.sky.200}"
|
|
3263
|
+
},
|
|
3048
3264
|
"subtle": {
|
|
3265
|
+
"$type": "color",
|
|
3266
|
+
"$value": "{color.sky.900}"
|
|
3267
|
+
},
|
|
3268
|
+
"subtle-active": {
|
|
3049
3269
|
"$type": "color",
|
|
3050
3270
|
"$value": "{color.sky.700}"
|
|
3051
3271
|
},
|
|
3272
|
+
"subtle-hover": {
|
|
3273
|
+
"$type": "color",
|
|
3274
|
+
"$value": "{color.sky.800}"
|
|
3275
|
+
},
|
|
3052
3276
|
"tint": {
|
|
3277
|
+
"$type": "color",
|
|
3278
|
+
"$value": "{color.sky.950}"
|
|
3279
|
+
},
|
|
3280
|
+
"tint-active": {
|
|
3281
|
+
"$type": "color",
|
|
3282
|
+
"$value": "{color.sky.800}"
|
|
3283
|
+
},
|
|
3284
|
+
"tint-hover": {
|
|
3053
3285
|
"$type": "color",
|
|
3054
3286
|
"$value": "{color.sky.900}"
|
|
3055
3287
|
}
|
|
3056
3288
|
},
|
|
3057
3289
|
"neutral": {
|
|
3290
|
+
"strong": {
|
|
3291
|
+
"$type": "color",
|
|
3292
|
+
"$value": "{color.base.300}"
|
|
3293
|
+
},
|
|
3294
|
+
"strong-active": {
|
|
3295
|
+
"$type": "color",
|
|
3296
|
+
"$value": "{color.base.100}"
|
|
3297
|
+
},
|
|
3298
|
+
"strong-hover": {
|
|
3299
|
+
"$type": "color",
|
|
3300
|
+
"$value": "{color.base.200}"
|
|
3301
|
+
},
|
|
3058
3302
|
"subtle": {
|
|
3303
|
+
"$type": "color",
|
|
3304
|
+
"$value": "{color.base.900}"
|
|
3305
|
+
},
|
|
3306
|
+
"subtle-active": {
|
|
3307
|
+
"$type": "color",
|
|
3308
|
+
"$value": "{color.base.700}"
|
|
3309
|
+
},
|
|
3310
|
+
"subtle-hover": {
|
|
3059
3311
|
"$type": "color",
|
|
3060
3312
|
"$value": "{color.base.800}"
|
|
3061
3313
|
},
|
|
3062
3314
|
"tint": {
|
|
3315
|
+
"$type": "color",
|
|
3316
|
+
"$value": "{color.base.950}"
|
|
3317
|
+
},
|
|
3318
|
+
"tint-active": {
|
|
3319
|
+
"$type": "color",
|
|
3320
|
+
"$value": "{color.base.800}"
|
|
3321
|
+
},
|
|
3322
|
+
"tint-hover": {
|
|
3063
3323
|
"$type": "color",
|
|
3064
3324
|
"$value": "{color.base.900}"
|
|
3065
3325
|
}
|
|
@@ -3070,7 +3330,7 @@
|
|
|
3070
3330
|
},
|
|
3071
3331
|
"primary-active": {
|
|
3072
3332
|
"$type": "color",
|
|
3073
|
-
"$value": "{color.base.
|
|
3333
|
+
"$value": "{color.base.800}"
|
|
3074
3334
|
},
|
|
3075
3335
|
"primary-hover": {
|
|
3076
3336
|
"$type": "color",
|
|
@@ -3082,7 +3342,7 @@
|
|
|
3082
3342
|
},
|
|
3083
3343
|
"secondary-active": {
|
|
3084
3344
|
"$type": "color",
|
|
3085
|
-
"$value": "{color.base.
|
|
3345
|
+
"$value": "{color.base.700}"
|
|
3086
3346
|
},
|
|
3087
3347
|
"secondary-hover": {
|
|
3088
3348
|
"$type": "color",
|
|
@@ -3093,11 +3353,35 @@
|
|
|
3093
3353
|
"$type": "color",
|
|
3094
3354
|
"$value": "{color.green.300}"
|
|
3095
3355
|
},
|
|
3356
|
+
"strong-active": {
|
|
3357
|
+
"$type": "color",
|
|
3358
|
+
"$value": "{color.green.100}"
|
|
3359
|
+
},
|
|
3360
|
+
"strong-hover": {
|
|
3361
|
+
"$type": "color",
|
|
3362
|
+
"$value": "{color.green.200}"
|
|
3363
|
+
},
|
|
3096
3364
|
"subtle": {
|
|
3365
|
+
"$type": "color",
|
|
3366
|
+
"$value": "{color.green.900}"
|
|
3367
|
+
},
|
|
3368
|
+
"subtle-active": {
|
|
3097
3369
|
"$type": "color",
|
|
3098
3370
|
"$value": "{color.green.700}"
|
|
3099
3371
|
},
|
|
3372
|
+
"subtle-hover": {
|
|
3373
|
+
"$type": "color",
|
|
3374
|
+
"$value": "{color.green.800}"
|
|
3375
|
+
},
|
|
3100
3376
|
"tint": {
|
|
3377
|
+
"$type": "color",
|
|
3378
|
+
"$value": "{color.green.950}"
|
|
3379
|
+
},
|
|
3380
|
+
"tint-active": {
|
|
3381
|
+
"$type": "color",
|
|
3382
|
+
"$value": "{color.green.800}"
|
|
3383
|
+
},
|
|
3384
|
+
"tint-hover": {
|
|
3101
3385
|
"$type": "color",
|
|
3102
3386
|
"$value": "{color.green.900}"
|
|
3103
3387
|
}
|
|
@@ -3111,11 +3395,35 @@
|
|
|
3111
3395
|
"$type": "color",
|
|
3112
3396
|
"$value": "{color.amber.300}"
|
|
3113
3397
|
},
|
|
3398
|
+
"strong-active": {
|
|
3399
|
+
"$type": "color",
|
|
3400
|
+
"$value": "{color.amber.100}"
|
|
3401
|
+
},
|
|
3402
|
+
"strong-hover": {
|
|
3403
|
+
"$type": "color",
|
|
3404
|
+
"$value": "{color.amber.200}"
|
|
3405
|
+
},
|
|
3114
3406
|
"subtle": {
|
|
3407
|
+
"$type": "color",
|
|
3408
|
+
"$value": "{color.amber.900}"
|
|
3409
|
+
},
|
|
3410
|
+
"subtle-active": {
|
|
3115
3411
|
"$type": "color",
|
|
3116
3412
|
"$value": "{color.amber.700}"
|
|
3117
3413
|
},
|
|
3414
|
+
"subtle-hover": {
|
|
3415
|
+
"$type": "color",
|
|
3416
|
+
"$value": "{color.amber.800}"
|
|
3417
|
+
},
|
|
3118
3418
|
"tint": {
|
|
3419
|
+
"$type": "color",
|
|
3420
|
+
"$value": "{color.amber.950}"
|
|
3421
|
+
},
|
|
3422
|
+
"tint-active": {
|
|
3423
|
+
"$type": "color",
|
|
3424
|
+
"$value": "{color.amber.800}"
|
|
3425
|
+
},
|
|
3426
|
+
"tint-hover": {
|
|
3119
3427
|
"$type": "color",
|
|
3120
3428
|
"$value": "{color.amber.900}"
|
|
3121
3429
|
}
|
|
@@ -3193,6 +3501,10 @@
|
|
|
3193
3501
|
"$type": "number",
|
|
3194
3502
|
"$value": 0.5
|
|
3195
3503
|
},
|
|
3504
|
+
"focus": {
|
|
3505
|
+
"$type": "number",
|
|
3506
|
+
"$value": 0.12
|
|
3507
|
+
},
|
|
3196
3508
|
"hover": {
|
|
3197
3509
|
"$type": "number",
|
|
3198
3510
|
"$value": 0.08
|
|
@@ -3204,6 +3516,14 @@
|
|
|
3204
3516
|
"selected": {
|
|
3205
3517
|
"$type": "number",
|
|
3206
3518
|
"$value": 0.12
|
|
3519
|
+
},
|
|
3520
|
+
"selected-focus": {
|
|
3521
|
+
"$type": "number",
|
|
3522
|
+
"$value": 0.24
|
|
3523
|
+
},
|
|
3524
|
+
"selected-hover": {
|
|
3525
|
+
"$type": "number",
|
|
3526
|
+
"$value": 0.2
|
|
3207
3527
|
}
|
|
3208
3528
|
}
|
|
3209
3529
|
}
|