@primer/primitives 10.3.0-rc.b425078b → 10.3.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 (56) hide show
  1. package/dist/build/transformers/colorToHex.js +3 -3
  2. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  3. package/dist/build/transformers/shadowToCss.js +2 -2
  4. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  5. package/dist/build/transformers/utilities/alpha.js +3 -3
  6. package/dist/build/utilities/log.d.ts +6 -0
  7. package/dist/build/utilities/log.js +34 -0
  8. package/dist/docs/functional/themes/dark-colorblind.json +174 -12
  9. package/dist/docs/functional/themes/dark-dimmed.json +212 -12
  10. package/dist/docs/functional/themes/dark-high-contrast.json +213 -13
  11. package/dist/docs/functional/themes/dark-tritanopia.json +174 -12
  12. package/dist/docs/functional/themes/dark.json +174 -12
  13. package/dist/docs/functional/themes/light-colorblind.json +170 -10
  14. package/dist/docs/functional/themes/light-high-contrast.json +211 -11
  15. package/dist/docs/functional/themes/light-tritanopia.json +170 -10
  16. package/dist/docs/functional/themes/light.json +170 -10
  17. package/dist/figma/themes/dark-colorblind.json +165 -164
  18. package/dist/figma/themes/dark-dimmed.json +165 -115
  19. package/dist/figma/themes/dark-high-contrast.json +165 -114
  20. package/dist/figma/themes/dark-tritanopia.json +165 -164
  21. package/dist/figma/themes/dark.json +165 -164
  22. package/dist/figma/themes/light-colorblind.json +164 -164
  23. package/dist/figma/themes/light-high-contrast.json +151 -100
  24. package/dist/figma/themes/light-tritanopia.json +164 -164
  25. package/dist/figma/themes/light.json +164 -164
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +174 -12
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +212 -12
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +213 -13
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +174 -12
  30. package/dist/styleLint/functional/themes/dark.json +174 -12
  31. package/dist/styleLint/functional/themes/light-colorblind.json +170 -10
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +211 -11
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +170 -10
  34. package/dist/styleLint/functional/themes/light.json +170 -10
  35. package/package.json +1 -1
  36. package/src/tokens/component/header.json5 +65 -0
  37. package/src/tokens/component/headerSerach.json5 +32 -0
  38. package/src/tokens/component/overlay.json5 +68 -0
  39. package/src/tokens/component/skeletonLoader.json5 +29 -0
  40. package/src/tokens/functional/color/dark/app-dark.json5 +0 -81
  41. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -18
  42. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -21
  43. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -127
  44. package/src/tokens/functional/color/light/app-light.json5 +0 -75
  45. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -21
  46. package/src/tokens/functional/color/light/patterns-light.json5 +0 -127
  47. package/dist/figma/figma.json +0 -133
  48. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  49. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  50. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  51. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  52. package/dist/figma/shadows/dark.json +0 -1152
  53. package/dist/figma/shadows/light-colorblind.json +0 -1052
  54. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  55. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  56. package/dist/figma/shadows/light.json +0 -1052
package/dist/figma/themes/light-colorblind.json CHANGED
@@ -2317,6 +2317,103 @@
2317
2317
  "group": "component",
2318
2318
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2319
2319
  },
2320
+ {
2321
+ "name": "header/bgColor",
2322
+ "value": {
2323
+ "r": 0.1450980392156863,
2324
+ "g": 0.1607843137254902,
2325
+ "b": 0.1803921568627451,
2326
+ "a": 1
2327
+ },
2328
+ "type": "COLOR",
2329
+ "refId": "mode/header/bgColor",
2330
+ "reference": "base/color/light/base/color/neutral/12",
2331
+ "collection": "mode",
2332
+ "mode": "light protanopia deuteranopia",
2333
+ "group": "component (internal)",
2334
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2335
+ },
2336
+ {
2337
+ "name": "header/fgColor/default",
2338
+ "value": {
2339
+ "r": 1,
2340
+ "g": 1,
2341
+ "b": 1,
2342
+ "a": 0.7
2343
+ },
2344
+ "type": "COLOR",
2345
+ "alpha": 0.7,
2346
+ "refId": "mode/header/fgColor/default",
2347
+ "reference": "base/color/light/base/color/neutral/0",
2348
+ "collection": "mode",
2349
+ "mode": "light protanopia deuteranopia",
2350
+ "group": "component (internal)",
2351
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2352
+ },
2353
+ {
2354
+ "name": "header/fgColor/logo",
2355
+ "value": {
2356
+ "r": 1,
2357
+ "g": 1,
2358
+ "b": 1,
2359
+ "a": 1
2360
+ },
2361
+ "type": "COLOR",
2362
+ "refId": "mode/header/fgColor/logo",
2363
+ "reference": "base/color/light/base/color/neutral/0",
2364
+ "collection": "mode",
2365
+ "mode": "light protanopia deuteranopia",
2366
+ "group": "component (internal)",
2367
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2368
+ },
2369
+ {
2370
+ "name": "header/borderColor/divider",
2371
+ "value": {
2372
+ "r": 0.5058823529411764,
2373
+ "g": 0.5450980392156862,
2374
+ "b": 0.596078431372549,
2375
+ "a": 1
2376
+ },
2377
+ "type": "COLOR",
2378
+ "refId": "mode/header/borderColor/divider",
2379
+ "reference": "base/color/light/base/color/neutral/8",
2380
+ "collection": "mode",
2381
+ "mode": "light protanopia deuteranopia",
2382
+ "group": "component (internal)",
2383
+ "scopes": ["STROKE_COLOR"]
2384
+ },
2385
+ {
2386
+ "name": "headerSearch/bgColor",
2387
+ "value": {
2388
+ "r": 0.1450980392156863,
2389
+ "g": 0.1607843137254902,
2390
+ "b": 0.1803921568627451,
2391
+ "a": 1
2392
+ },
2393
+ "type": "COLOR",
2394
+ "refId": "mode/headerSearch/bgColor",
2395
+ "reference": "base/color/light/base/color/neutral/12",
2396
+ "collection": "mode",
2397
+ "mode": "light protanopia deuteranopia",
2398
+ "group": "component (internal)",
2399
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2400
+ },
2401
+ {
2402
+ "name": "headerSearch/borderColor",
2403
+ "value": {
2404
+ "r": 0.5058823529411764,
2405
+ "g": 0.5450980392156862,
2406
+ "b": 0.596078431372549,
2407
+ "a": 1
2408
+ },
2409
+ "type": "COLOR",
2410
+ "refId": "mode/headerSearch/borderColor",
2411
+ "reference": "base/color/light/base/color/neutral/8",
2412
+ "collection": "mode",
2413
+ "mode": "light protanopia deuteranopia",
2414
+ "group": "component (internal)",
2415
+ "scopes": ["STROKE_COLOR"]
2416
+ },
2320
2417
  {
2321
2418
  "name": "highlight/neutral/bgColor",
2322
2419
  "value": {
@@ -2333,6 +2430,56 @@
2333
2430
  "group": "component",
2334
2431
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2335
2432
  },
2433
+ {
2434
+ "name": "overlay/bgColor",
2435
+ "value": {
2436
+ "r": 1,
2437
+ "g": 1,
2438
+ "b": 1,
2439
+ "a": 1
2440
+ },
2441
+ "type": "COLOR",
2442
+ "refId": "mode/overlay/bgColor",
2443
+ "reference": "base/color/light/base/color/neutral/0",
2444
+ "collection": "mode",
2445
+ "mode": "light protanopia deuteranopia",
2446
+ "group": "component (internal)",
2447
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2448
+ },
2449
+ {
2450
+ "name": "overlay/borderColor",
2451
+ "value": {
2452
+ "r": 0.8196078431372549,
2453
+ "g": 0.8509803921568627,
2454
+ "b": 0.8784313725490196,
2455
+ "a": 0.5
2456
+ },
2457
+ "type": "COLOR",
2458
+ "alpha": 0.5,
2459
+ "refId": "mode/overlay/borderColor",
2460
+ "reference": "mode/borderColor/muted",
2461
+ "collection": "mode",
2462
+ "mode": "light protanopia deuteranopia",
2463
+ "group": "component (internal)",
2464
+ "scopes": ["ALL_SCOPES"]
2465
+ },
2466
+ {
2467
+ "name": "overlay/backdrop/bgColor",
2468
+ "value": {
2469
+ "r": 0.7843137254901961,
2470
+ "g": 0.8196078431372549,
2471
+ "b": 0.8549019607843137,
2472
+ "a": 0.4
2473
+ },
2474
+ "type": "COLOR",
2475
+ "alpha": 0.4,
2476
+ "refId": "mode/overlay/backdrop/bgColor",
2477
+ "reference": "base/color/light/base/color/neutral/7",
2478
+ "collection": "mode",
2479
+ "mode": "light protanopia deuteranopia",
2480
+ "group": "component (internal)",
2481
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2482
+ },
2336
2483
  {
2337
2484
  "name": "page/header/bgColor",
2338
2485
  "value": {
@@ -2412,6 +2559,23 @@
2412
2559
  "group": "component (internal)",
2413
2560
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2414
2561
  },
2562
+ {
2563
+ "name": "skeletonLoader/bgColor",
2564
+ "value": {
2565
+ "r": 0.5058823529411764,
2566
+ "g": 0.5450980392156862,
2567
+ "b": 0.596078431372549,
2568
+ "a": 0.1
2569
+ },
2570
+ "type": "COLOR",
2571
+ "alpha": 0.1,
2572
+ "refId": "mode/skeletonLoader/bgColor",
2573
+ "reference": "base/color/light/base/color/neutral/8",
2574
+ "collection": "mode",
2575
+ "mode": "light protanopia deuteranopia",
2576
+ "group": "component",
2577
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2578
+ },
2415
2579
  {
2416
2580
  "name": "timelineBadge/bgColor",
2417
2581
  "value": {
@@ -2716,103 +2880,6 @@
2716
2880
  "group": "component",
2717
2881
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2718
2882
  },
2719
- {
2720
- "name": "header/fgColor/default",
2721
- "value": {
2722
- "r": 1,
2723
- "g": 1,
2724
- "b": 1,
2725
- "a": 0.7
2726
- },
2727
- "type": "COLOR",
2728
- "alpha": 0.7,
2729
- "refId": "mode/header/fgColor/default",
2730
- "reference": "base/color/light/base/color/neutral/0",
2731
- "collection": "mode",
2732
- "mode": "light protanopia deuteranopia",
2733
- "group": "component (internal)",
2734
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2735
- },
2736
- {
2737
- "name": "header/fgColor/logo",
2738
- "value": {
2739
- "r": 1,
2740
- "g": 1,
2741
- "b": 1,
2742
- "a": 1
2743
- },
2744
- "type": "COLOR",
2745
- "refId": "mode/header/fgColor/logo",
2746
- "reference": "base/color/light/base/color/neutral/0",
2747
- "collection": "mode",
2748
- "mode": "light protanopia deuteranopia",
2749
- "group": "component (internal)",
2750
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2751
- },
2752
- {
2753
- "name": "header/bgColor",
2754
- "value": {
2755
- "r": 0.1450980392156863,
2756
- "g": 0.1607843137254902,
2757
- "b": 0.1803921568627451,
2758
- "a": 1
2759
- },
2760
- "type": "COLOR",
2761
- "refId": "mode/header/bgColor",
2762
- "reference": "base/color/light/base/color/neutral/12",
2763
- "collection": "mode",
2764
- "mode": "light protanopia deuteranopia",
2765
- "group": "component (internal)",
2766
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2767
- },
2768
- {
2769
- "name": "header/borderColor/divider",
2770
- "value": {
2771
- "r": 0.5058823529411764,
2772
- "g": 0.5450980392156862,
2773
- "b": 0.596078431372549,
2774
- "a": 1
2775
- },
2776
- "type": "COLOR",
2777
- "refId": "mode/header/borderColor/divider",
2778
- "reference": "base/color/light/base/color/neutral/8",
2779
- "collection": "mode",
2780
- "mode": "light protanopia deuteranopia",
2781
- "group": "component (internal)",
2782
- "scopes": ["STROKE_COLOR"]
2783
- },
2784
- {
2785
- "name": "headerSearch/bgColor",
2786
- "value": {
2787
- "r": 0.1450980392156863,
2788
- "g": 0.1607843137254902,
2789
- "b": 0.1803921568627451,
2790
- "a": 1
2791
- },
2792
- "type": "COLOR",
2793
- "refId": "mode/headerSearch/bgColor",
2794
- "reference": "base/color/light/base/color/neutral/12",
2795
- "collection": "mode",
2796
- "mode": "light protanopia deuteranopia",
2797
- "group": "component (internal)",
2798
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2799
- },
2800
- {
2801
- "name": "headerSearch/borderColor",
2802
- "value": {
2803
- "r": 0.5058823529411764,
2804
- "g": 0.5450980392156862,
2805
- "b": 0.596078431372549,
2806
- "a": 1
2807
- },
2808
- "type": "COLOR",
2809
- "refId": "mode/headerSearch/borderColor",
2810
- "reference": "base/color/light/base/color/neutral/8",
2811
- "collection": "mode",
2812
- "mode": "light protanopia deuteranopia",
2813
- "group": "component (internal)",
2814
- "scopes": ["STROKE_COLOR"]
2815
- },
2816
2883
  {
2817
2884
  "name": "data/blue/color/emphasis",
2818
2885
  "value": {
@@ -5831,56 +5898,6 @@
5831
5898
  "group": "component (internal)",
5832
5899
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5833
5900
  },
5834
- {
5835
- "name": "overlay/bgColor",
5836
- "value": {
5837
- "r": 1,
5838
- "g": 1,
5839
- "b": 1,
5840
- "a": 1
5841
- },
5842
- "type": "COLOR",
5843
- "refId": "mode/overlay/bgColor",
5844
- "reference": "base/color/light/base/color/neutral/0",
5845
- "collection": "mode",
5846
- "mode": "light protanopia deuteranopia",
5847
- "group": "component (internal)",
5848
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5849
- },
5850
- {
5851
- "name": "overlay/borderColor",
5852
- "value": {
5853
- "r": 0.8196078431372549,
5854
- "g": 0.8509803921568627,
5855
- "b": 0.8784313725490196,
5856
- "a": 0.5
5857
- },
5858
- "type": "COLOR",
5859
- "alpha": 0.5,
5860
- "refId": "mode/overlay/borderColor",
5861
- "reference": "mode/borderColor/muted",
5862
- "collection": "mode",
5863
- "mode": "light protanopia deuteranopia",
5864
- "group": "component (internal)",
5865
- "scopes": ["ALL_SCOPES"]
5866
- },
5867
- {
5868
- "name": "overlay/backdrop/bgColor",
5869
- "value": {
5870
- "r": 0.7843137254901961,
5871
- "g": 0.8196078431372549,
5872
- "b": 0.8549019607843137,
5873
- "a": 0.4
5874
- },
5875
- "type": "COLOR",
5876
- "alpha": 0.4,
5877
- "refId": "mode/overlay/backdrop/bgColor",
5878
- "reference": "base/color/light/base/color/neutral/7",
5879
- "collection": "mode",
5880
- "mode": "light protanopia deuteranopia",
5881
- "group": "component (internal)",
5882
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5883
- },
5884
5901
  {
5885
5902
  "name": "selectMenu/borderColor",
5886
5903
  "value": {
@@ -5929,23 +5946,6 @@
5929
5946
  "group": "component (internal)",
5930
5947
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5931
5948
  },
5932
- {
5933
- "name": "skeletonLoader/bgColor",
5934
- "value": {
5935
- "r": 0.5058823529411764,
5936
- "g": 0.5450980392156862,
5937
- "b": 0.596078431372549,
5938
- "a": 0.1
5939
- },
5940
- "type": "COLOR",
5941
- "alpha": 0.1,
5942
- "refId": "mode/skeletonLoader/bgColor",
5943
- "reference": "base/color/light/base/color/neutral/8",
5944
- "collection": "mode",
5945
- "mode": "light protanopia deuteranopia",
5946
- "group": "component",
5947
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5948
- },
5949
5949
  {
5950
5950
  "name": "treeViewItem/leadingVisual/iconColor/rest",
5951
5951
  "value": {
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -1413,7 +1413,7 @@
1413
1413
  "r": 0.27058823529411763,
1414
1414
  "g": 0.2980392156862745,
1415
1415
  "b": 0.32941176470588235,
1416
- "a": null
1416
+ "a": 1
1417
1417
  },
1418
1418
  "type": "COLOR",
1419
1419
  "scopes": ["EFFECT_COLOR"],
@@ -1663,7 +1663,7 @@
1663
1663
  "r": 0.27058823529411763,
1664
1664
  "g": 0.2980392156862745,
1665
1665
  "b": 0.32941176470588235,
1666
- "a": null
1666
+ "a": 1
1667
1667
  },
1668
1668
  "type": "COLOR",
1669
1669
  "scopes": ["EFFECT_COLOR"],
@@ -1763,7 +1763,7 @@
1763
1763
  "r": 0.27058823529411763,
1764
1764
  "g": 0.2980392156862745,
1765
1765
  "b": 0.32941176470588235,
1766
- "a": null
1766
+ "a": 1
1767
1767
  },
1768
1768
  "type": "COLOR",
1769
1769
  "scopes": ["EFFECT_COLOR"],
@@ -2173,6 +2173,87 @@
2173
2173
  "group": "component",
2174
2174
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2175
2175
  },
2176
+ {
2177
+ "name": "header/bgColor",
2178
+ "value": {
2179
+ "r": 0.1450980392156863,
2180
+ "g": 0.1607843137254902,
2181
+ "b": 0.1803921568627451,
2182
+ "a": 1
2183
+ },
2184
+ "type": "COLOR",
2185
+ "refId": "mode/header/bgColor",
2186
+ "reference": "base/color/light/base/color/neutral/12",
2187
+ "collection": "mode",
2188
+ "mode": "light high contrast",
2189
+ "group": "component (internal)",
2190
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2191
+ },
2192
+ {
2193
+ "name": "header/fgColor/default",
2194
+ "value": {
2195
+ "r": 1,
2196
+ "g": 1,
2197
+ "b": 1,
2198
+ "a": 0.7
2199
+ },
2200
+ "type": "COLOR",
2201
+ "alpha": 0.7,
2202
+ "refId": "mode/header/fgColor/default",
2203
+ "reference": "base/color/light/base/color/neutral/0",
2204
+ "collection": "mode",
2205
+ "mode": "light high contrast",
2206
+ "group": "component (internal)",
2207
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2208
+ },
2209
+ {
2210
+ "name": "header/fgColor/logo",
2211
+ "value": {
2212
+ "r": 1,
2213
+ "g": 1,
2214
+ "b": 1,
2215
+ "a": 1
2216
+ },
2217
+ "type": "COLOR",
2218
+ "refId": "mode/header/fgColor/logo",
2219
+ "reference": "base/color/light/base/color/neutral/0",
2220
+ "collection": "mode",
2221
+ "mode": "light high contrast",
2222
+ "group": "component (internal)",
2223
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2224
+ },
2225
+ {
2226
+ "name": "headerSearch/bgColor",
2227
+ "value": {
2228
+ "r": 0.1450980392156863,
2229
+ "g": 0.1607843137254902,
2230
+ "b": 0.1803921568627451,
2231
+ "a": 1
2232
+ },
2233
+ "type": "COLOR",
2234
+ "refId": "mode/headerSearch/bgColor",
2235
+ "reference": "base/color/light/base/color/neutral/12",
2236
+ "collection": "mode",
2237
+ "mode": "light high contrast",
2238
+ "group": "component (internal)",
2239
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2240
+ },
2241
+ {
2242
+ "name": "headerSearch/borderColor",
2243
+ "value": {
2244
+ "r": 0.5058823529411764,
2245
+ "g": 0.5450980392156862,
2246
+ "b": 0.596078431372549,
2247
+ "a": 1
2248
+ },
2249
+ "type": "COLOR",
2250
+ "refId": "mode/headerSearch/borderColor",
2251
+ "reference": "base/color/light/base/color/neutral/8",
2252
+ "collection": "mode",
2253
+ "mode": "light high contrast",
2254
+ "group": "component (internal)",
2255
+ "scopes": ["STROKE_COLOR"]
2256
+ },
2176
2257
  {
2177
2258
  "name": "highlight/neutral/bgColor",
2178
2259
  "value": {
@@ -2189,6 +2270,56 @@
2189
2270
  "group": "component",
2190
2271
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2191
2272
  },
2273
+ {
2274
+ "name": "overlay/bgColor",
2275
+ "value": {
2276
+ "r": 1,
2277
+ "g": 1,
2278
+ "b": 1,
2279
+ "a": 1
2280
+ },
2281
+ "type": "COLOR",
2282
+ "refId": "mode/overlay/bgColor",
2283
+ "reference": "base/color/light/base/color/neutral/0",
2284
+ "collection": "mode",
2285
+ "mode": "light high contrast",
2286
+ "group": "component (internal)",
2287
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2288
+ },
2289
+ {
2290
+ "name": "overlay/borderColor",
2291
+ "value": {
2292
+ "r": 0.27058823529411763,
2293
+ "g": 0.2980392156862745,
2294
+ "b": 0.32941176470588235,
2295
+ "a": 1
2296
+ },
2297
+ "type": "COLOR",
2298
+ "alpha": 1,
2299
+ "refId": "mode/overlay/borderColor",
2300
+ "reference": "borderColor/default",
2301
+ "collection": "mode",
2302
+ "mode": "light high contrast",
2303
+ "group": "component (internal)",
2304
+ "scopes": ["ALL_SCOPES"]
2305
+ },
2306
+ {
2307
+ "name": "overlay/backdrop/bgColor",
2308
+ "value": {
2309
+ "r": 0.2235294117647059,
2310
+ "g": 0.24705882352941178,
2311
+ "b": 0.27450980392156865,
2312
+ "a": 0.4
2313
+ },
2314
+ "type": "COLOR",
2315
+ "alpha": 0.4,
2316
+ "refId": "mode/overlay/backdrop/bgColor",
2317
+ "reference": "base/color/light/base/color/neutral/11",
2318
+ "collection": "mode",
2319
+ "mode": "light high contrast",
2320
+ "group": "component (internal)",
2321
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2322
+ },
2192
2323
  {
2193
2324
  "name": "page/header/bgColor",
2194
2325
  "value": {
@@ -2268,6 +2399,23 @@
2268
2399
  "group": "component (internal)",
2269
2400
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2270
2401
  },
2402
+ {
2403
+ "name": "skeletonLoader/bgColor",
2404
+ "value": {
2405
+ "r": 0.8549019607843137,
2406
+ "g": 0.8784313725490196,
2407
+ "b": 0.9058823529411765,
2408
+ "a": 1
2409
+ },
2410
+ "type": "COLOR",
2411
+ "alpha": 1,
2412
+ "refId": "mode/skeletonLoader/bgColor",
2413
+ "reference": "base/color/light/base/color/neutral/5",
2414
+ "collection": "mode",
2415
+ "mode": "light high contrast",
2416
+ "group": "component",
2417
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2418
+ },
2271
2419
  {
2272
2420
  "name": "timelineBadge/bgColor",
2273
2421
  "value": {
@@ -2604,87 +2752,6 @@
2604
2752
  "group": "component",
2605
2753
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2606
2754
  },
2607
- {
2608
- "name": "header/fgColor/default",
2609
- "value": {
2610
- "r": 1,
2611
- "g": 1,
2612
- "b": 1,
2613
- "a": 0.7
2614
- },
2615
- "type": "COLOR",
2616
- "alpha": 0.7,
2617
- "refId": "mode/header/fgColor/default",
2618
- "reference": "base/color/light/base/color/neutral/0",
2619
- "collection": "mode",
2620
- "mode": "light high contrast",
2621
- "group": "component (internal)",
2622
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2623
- },
2624
- {
2625
- "name": "header/fgColor/logo",
2626
- "value": {
2627
- "r": 1,
2628
- "g": 1,
2629
- "b": 1,
2630
- "a": 1
2631
- },
2632
- "type": "COLOR",
2633
- "refId": "mode/header/fgColor/logo",
2634
- "reference": "base/color/light/base/color/neutral/0",
2635
- "collection": "mode",
2636
- "mode": "light high contrast",
2637
- "group": "component (internal)",
2638
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2639
- },
2640
- {
2641
- "name": "header/bgColor",
2642
- "value": {
2643
- "r": 0.1450980392156863,
2644
- "g": 0.1607843137254902,
2645
- "b": 0.1803921568627451,
2646
- "a": 1
2647
- },
2648
- "type": "COLOR",
2649
- "refId": "mode/header/bgColor",
2650
- "reference": "base/color/light/base/color/neutral/12",
2651
- "collection": "mode",
2652
- "mode": "light high contrast",
2653
- "group": "component (internal)",
2654
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2655
- },
2656
- {
2657
- "name": "headerSearch/bgColor",
2658
- "value": {
2659
- "r": 0.1450980392156863,
2660
- "g": 0.1607843137254902,
2661
- "b": 0.1803921568627451,
2662
- "a": 1
2663
- },
2664
- "type": "COLOR",
2665
- "refId": "mode/headerSearch/bgColor",
2666
- "reference": "base/color/light/base/color/neutral/12",
2667
- "collection": "mode",
2668
- "mode": "light high contrast",
2669
- "group": "component (internal)",
2670
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2671
- },
2672
- {
2673
- "name": "headerSearch/borderColor",
2674
- "value": {
2675
- "r": 0.5058823529411764,
2676
- "g": 0.5450980392156862,
2677
- "b": 0.596078431372549,
2678
- "a": 1
2679
- },
2680
- "type": "COLOR",
2681
- "refId": "mode/headerSearch/borderColor",
2682
- "reference": "base/color/light/base/color/neutral/8",
2683
- "collection": "mode",
2684
- "mode": "light high contrast",
2685
- "group": "component (internal)",
2686
- "scopes": ["STROKE_COLOR"]
2687
- },
2688
2755
  {
2689
2756
  "name": "data/blue/color/emphasis",
2690
2757
  "value": {
@@ -4423,22 +4490,6 @@
4423
4490
  "group": "component (internal)",
4424
4491
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4425
4492
  },
4426
- {
4427
- "name": "overlay/bgColor",
4428
- "value": {
4429
- "r": 1,
4430
- "g": 1,
4431
- "b": 1,
4432
- "a": 1
4433
- },
4434
- "type": "COLOR",
4435
- "refId": "mode/overlay/bgColor",
4436
- "reference": "base/color/light/base/color/neutral/0",
4437
- "collection": "mode",
4438
- "mode": "light high contrast",
4439
- "group": "component (internal)",
4440
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4441
- },
4442
4493
  {
4443
4494
  "name": "selectMenu/borderColor",
4444
4495
  "value": {