@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-tritanopia.json CHANGED
@@ -2348,6 +2348,103 @@
2348
2348
  "group": "component",
2349
2349
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2350
2350
  },
2351
+ {
2352
+ "name": "header/bgColor",
2353
+ "value": {
2354
+ "r": 0.1450980392156863,
2355
+ "g": 0.1607843137254902,
2356
+ "b": 0.1803921568627451,
2357
+ "a": 1
2358
+ },
2359
+ "type": "COLOR",
2360
+ "refId": "mode/header/bgColor",
2361
+ "reference": "base/color/light/base/color/neutral/12",
2362
+ "collection": "mode",
2363
+ "mode": "light tritanopia",
2364
+ "group": "component (internal)",
2365
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2366
+ },
2367
+ {
2368
+ "name": "header/fgColor/default",
2369
+ "value": {
2370
+ "r": 1,
2371
+ "g": 1,
2372
+ "b": 1,
2373
+ "a": 0.7
2374
+ },
2375
+ "type": "COLOR",
2376
+ "alpha": 0.7,
2377
+ "refId": "mode/header/fgColor/default",
2378
+ "reference": "base/color/light/base/color/neutral/0",
2379
+ "collection": "mode",
2380
+ "mode": "light tritanopia",
2381
+ "group": "component (internal)",
2382
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2383
+ },
2384
+ {
2385
+ "name": "header/fgColor/logo",
2386
+ "value": {
2387
+ "r": 1,
2388
+ "g": 1,
2389
+ "b": 1,
2390
+ "a": 1
2391
+ },
2392
+ "type": "COLOR",
2393
+ "refId": "mode/header/fgColor/logo",
2394
+ "reference": "base/color/light/base/color/neutral/0",
2395
+ "collection": "mode",
2396
+ "mode": "light tritanopia",
2397
+ "group": "component (internal)",
2398
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2399
+ },
2400
+ {
2401
+ "name": "header/borderColor/divider",
2402
+ "value": {
2403
+ "r": 0.5058823529411764,
2404
+ "g": 0.5450980392156862,
2405
+ "b": 0.596078431372549,
2406
+ "a": 1
2407
+ },
2408
+ "type": "COLOR",
2409
+ "refId": "mode/header/borderColor/divider",
2410
+ "reference": "base/color/light/base/color/neutral/8",
2411
+ "collection": "mode",
2412
+ "mode": "light tritanopia",
2413
+ "group": "component (internal)",
2414
+ "scopes": ["STROKE_COLOR"]
2415
+ },
2416
+ {
2417
+ "name": "headerSearch/bgColor",
2418
+ "value": {
2419
+ "r": 0.1450980392156863,
2420
+ "g": 0.1607843137254902,
2421
+ "b": 0.1803921568627451,
2422
+ "a": 1
2423
+ },
2424
+ "type": "COLOR",
2425
+ "refId": "mode/headerSearch/bgColor",
2426
+ "reference": "base/color/light/base/color/neutral/12",
2427
+ "collection": "mode",
2428
+ "mode": "light tritanopia",
2429
+ "group": "component (internal)",
2430
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2431
+ },
2432
+ {
2433
+ "name": "headerSearch/borderColor",
2434
+ "value": {
2435
+ "r": 0.5058823529411764,
2436
+ "g": 0.5450980392156862,
2437
+ "b": 0.596078431372549,
2438
+ "a": 1
2439
+ },
2440
+ "type": "COLOR",
2441
+ "refId": "mode/headerSearch/borderColor",
2442
+ "reference": "base/color/light/base/color/neutral/8",
2443
+ "collection": "mode",
2444
+ "mode": "light tritanopia",
2445
+ "group": "component (internal)",
2446
+ "scopes": ["STROKE_COLOR"]
2447
+ },
2351
2448
  {
2352
2449
  "name": "highlight/neutral/bgColor",
2353
2450
  "value": {
@@ -2364,6 +2461,56 @@
2364
2461
  "group": "component",
2365
2462
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2366
2463
  },
2464
+ {
2465
+ "name": "overlay/bgColor",
2466
+ "value": {
2467
+ "r": 1,
2468
+ "g": 1,
2469
+ "b": 1,
2470
+ "a": 1
2471
+ },
2472
+ "type": "COLOR",
2473
+ "refId": "mode/overlay/bgColor",
2474
+ "reference": "base/color/light/base/color/neutral/0",
2475
+ "collection": "mode",
2476
+ "mode": "light tritanopia",
2477
+ "group": "component (internal)",
2478
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2479
+ },
2480
+ {
2481
+ "name": "overlay/borderColor",
2482
+ "value": {
2483
+ "r": 0.8196078431372549,
2484
+ "g": 0.8509803921568627,
2485
+ "b": 0.8784313725490196,
2486
+ "a": 0.5
2487
+ },
2488
+ "type": "COLOR",
2489
+ "alpha": 0.5,
2490
+ "refId": "mode/overlay/borderColor",
2491
+ "reference": "mode/borderColor/muted",
2492
+ "collection": "mode",
2493
+ "mode": "light tritanopia",
2494
+ "group": "component (internal)",
2495
+ "scopes": ["ALL_SCOPES"]
2496
+ },
2497
+ {
2498
+ "name": "overlay/backdrop/bgColor",
2499
+ "value": {
2500
+ "r": 0.7843137254901961,
2501
+ "g": 0.8196078431372549,
2502
+ "b": 0.8549019607843137,
2503
+ "a": 0.4
2504
+ },
2505
+ "type": "COLOR",
2506
+ "alpha": 0.4,
2507
+ "refId": "mode/overlay/backdrop/bgColor",
2508
+ "reference": "base/color/light/base/color/neutral/7",
2509
+ "collection": "mode",
2510
+ "mode": "light tritanopia",
2511
+ "group": "component (internal)",
2512
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2513
+ },
2367
2514
  {
2368
2515
  "name": "page/header/bgColor",
2369
2516
  "value": {
@@ -2443,6 +2590,23 @@
2443
2590
  "group": "component (internal)",
2444
2591
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2445
2592
  },
2593
+ {
2594
+ "name": "skeletonLoader/bgColor",
2595
+ "value": {
2596
+ "r": 0.5058823529411764,
2597
+ "g": 0.5450980392156862,
2598
+ "b": 0.596078431372549,
2599
+ "a": 0.1
2600
+ },
2601
+ "type": "COLOR",
2602
+ "alpha": 0.1,
2603
+ "refId": "mode/skeletonLoader/bgColor",
2604
+ "reference": "base/color/light/base/color/neutral/8",
2605
+ "collection": "mode",
2606
+ "mode": "light tritanopia",
2607
+ "group": "component",
2608
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2609
+ },
2446
2610
  {
2447
2611
  "name": "timelineBadge/bgColor",
2448
2612
  "value": {
@@ -2763,103 +2927,6 @@
2763
2927
  "group": "component",
2764
2928
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2765
2929
  },
2766
- {
2767
- "name": "header/fgColor/default",
2768
- "value": {
2769
- "r": 1,
2770
- "g": 1,
2771
- "b": 1,
2772
- "a": 0.7
2773
- },
2774
- "type": "COLOR",
2775
- "alpha": 0.7,
2776
- "refId": "mode/header/fgColor/default",
2777
- "reference": "base/color/light/base/color/neutral/0",
2778
- "collection": "mode",
2779
- "mode": "light tritanopia",
2780
- "group": "component (internal)",
2781
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2782
- },
2783
- {
2784
- "name": "header/fgColor/logo",
2785
- "value": {
2786
- "r": 1,
2787
- "g": 1,
2788
- "b": 1,
2789
- "a": 1
2790
- },
2791
- "type": "COLOR",
2792
- "refId": "mode/header/fgColor/logo",
2793
- "reference": "base/color/light/base/color/neutral/0",
2794
- "collection": "mode",
2795
- "mode": "light tritanopia",
2796
- "group": "component (internal)",
2797
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2798
- },
2799
- {
2800
- "name": "header/bgColor",
2801
- "value": {
2802
- "r": 0.1450980392156863,
2803
- "g": 0.1607843137254902,
2804
- "b": 0.1803921568627451,
2805
- "a": 1
2806
- },
2807
- "type": "COLOR",
2808
- "refId": "mode/header/bgColor",
2809
- "reference": "base/color/light/base/color/neutral/12",
2810
- "collection": "mode",
2811
- "mode": "light tritanopia",
2812
- "group": "component (internal)",
2813
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2814
- },
2815
- {
2816
- "name": "header/borderColor/divider",
2817
- "value": {
2818
- "r": 0.5058823529411764,
2819
- "g": 0.5450980392156862,
2820
- "b": 0.596078431372549,
2821
- "a": 1
2822
- },
2823
- "type": "COLOR",
2824
- "refId": "mode/header/borderColor/divider",
2825
- "reference": "base/color/light/base/color/neutral/8",
2826
- "collection": "mode",
2827
- "mode": "light tritanopia",
2828
- "group": "component (internal)",
2829
- "scopes": ["STROKE_COLOR"]
2830
- },
2831
- {
2832
- "name": "headerSearch/bgColor",
2833
- "value": {
2834
- "r": 0.1450980392156863,
2835
- "g": 0.1607843137254902,
2836
- "b": 0.1803921568627451,
2837
- "a": 1
2838
- },
2839
- "type": "COLOR",
2840
- "refId": "mode/headerSearch/bgColor",
2841
- "reference": "base/color/light/base/color/neutral/12",
2842
- "collection": "mode",
2843
- "mode": "light tritanopia",
2844
- "group": "component (internal)",
2845
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2846
- },
2847
- {
2848
- "name": "headerSearch/borderColor",
2849
- "value": {
2850
- "r": 0.5058823529411764,
2851
- "g": 0.5450980392156862,
2852
- "b": 0.596078431372549,
2853
- "a": 1
2854
- },
2855
- "type": "COLOR",
2856
- "refId": "mode/headerSearch/borderColor",
2857
- "reference": "base/color/light/base/color/neutral/8",
2858
- "collection": "mode",
2859
- "mode": "light tritanopia",
2860
- "group": "component (internal)",
2861
- "scopes": ["STROKE_COLOR"]
2862
- },
2863
2930
  {
2864
2931
  "name": "data/blue/color/emphasis",
2865
2932
  "value": {
@@ -5878,56 +5945,6 @@
5878
5945
  "group": "component (internal)",
5879
5946
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5880
5947
  },
5881
- {
5882
- "name": "overlay/bgColor",
5883
- "value": {
5884
- "r": 1,
5885
- "g": 1,
5886
- "b": 1,
5887
- "a": 1
5888
- },
5889
- "type": "COLOR",
5890
- "refId": "mode/overlay/bgColor",
5891
- "reference": "base/color/light/base/color/neutral/0",
5892
- "collection": "mode",
5893
- "mode": "light tritanopia",
5894
- "group": "component (internal)",
5895
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5896
- },
5897
- {
5898
- "name": "overlay/borderColor",
5899
- "value": {
5900
- "r": 0.8196078431372549,
5901
- "g": 0.8509803921568627,
5902
- "b": 0.8784313725490196,
5903
- "a": 0.5
5904
- },
5905
- "type": "COLOR",
5906
- "alpha": 0.5,
5907
- "refId": "mode/overlay/borderColor",
5908
- "reference": "mode/borderColor/muted",
5909
- "collection": "mode",
5910
- "mode": "light tritanopia",
5911
- "group": "component (internal)",
5912
- "scopes": ["ALL_SCOPES"]
5913
- },
5914
- {
5915
- "name": "overlay/backdrop/bgColor",
5916
- "value": {
5917
- "r": 0.7843137254901961,
5918
- "g": 0.8196078431372549,
5919
- "b": 0.8549019607843137,
5920
- "a": 0.4
5921
- },
5922
- "type": "COLOR",
5923
- "alpha": 0.4,
5924
- "refId": "mode/overlay/backdrop/bgColor",
5925
- "reference": "base/color/light/base/color/neutral/7",
5926
- "collection": "mode",
5927
- "mode": "light tritanopia",
5928
- "group": "component (internal)",
5929
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5930
- },
5931
5948
  {
5932
5949
  "name": "selectMenu/borderColor",
5933
5950
  "value": {
@@ -5976,23 +5993,6 @@
5976
5993
  "group": "component (internal)",
5977
5994
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5978
5995
  },
5979
- {
5980
- "name": "skeletonLoader/bgColor",
5981
- "value": {
5982
- "r": 0.5058823529411764,
5983
- "g": 0.5450980392156862,
5984
- "b": 0.596078431372549,
5985
- "a": 0.1
5986
- },
5987
- "type": "COLOR",
5988
- "alpha": 0.1,
5989
- "refId": "mode/skeletonLoader/bgColor",
5990
- "reference": "base/color/light/base/color/neutral/8",
5991
- "collection": "mode",
5992
- "mode": "light tritanopia",
5993
- "group": "component",
5994
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5995
- },
5996
5996
  {
5997
5997
  "name": "treeViewItem/leadingVisual/iconColor/rest",
5998
5998
  "value": {