@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/dark.json CHANGED
@@ -2512,6 +2512,104 @@
2512
2512
  "group": "component",
2513
2513
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2514
2514
  },
2515
+ {
2516
+ "name": "header/bgColor",
2517
+ "value": {
2518
+ "r": 0.08235294117647059,
2519
+ "g": 0.10588235294117647,
2520
+ "b": 0.13725490196078433,
2521
+ "a": 0.95
2522
+ },
2523
+ "type": "COLOR",
2524
+ "alpha": 0.95,
2525
+ "refId": "mode/header/bgColor",
2526
+ "reference": "base/color/dark/base/color/neutral/2",
2527
+ "collection": "mode",
2528
+ "mode": "dark",
2529
+ "group": "component (internal)",
2530
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2531
+ },
2532
+ {
2533
+ "name": "header/fgColor/default",
2534
+ "value": {
2535
+ "r": 1,
2536
+ "g": 1,
2537
+ "b": 1,
2538
+ "a": 0.7
2539
+ },
2540
+ "type": "COLOR",
2541
+ "alpha": 0.7,
2542
+ "refId": "mode/header/fgColor/default",
2543
+ "reference": "base/color/dark/base/color/neutral/13",
2544
+ "collection": "mode",
2545
+ "mode": "dark",
2546
+ "group": "component (internal)",
2547
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2548
+ },
2549
+ {
2550
+ "name": "header/fgColor/logo",
2551
+ "value": {
2552
+ "r": 0.9411764705882353,
2553
+ "g": 0.9647058823529412,
2554
+ "b": 0.9882352941176471,
2555
+ "a": 1
2556
+ },
2557
+ "type": "COLOR",
2558
+ "refId": "mode/header/fgColor/logo",
2559
+ "reference": "base/color/dark/base/color/neutral/12",
2560
+ "collection": "mode",
2561
+ "mode": "dark",
2562
+ "group": "component (internal)",
2563
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2564
+ },
2565
+ {
2566
+ "name": "header/borderColor/divider",
2567
+ "value": {
2568
+ "r": 0.396078431372549,
2569
+ "g": 0.4235294117647059,
2570
+ "b": 0.4627450980392157,
2571
+ "a": 1
2572
+ },
2573
+ "type": "COLOR",
2574
+ "refId": "mode/header/borderColor/divider",
2575
+ "reference": "base/color/dark/base/color/neutral/8",
2576
+ "collection": "mode",
2577
+ "mode": "dark",
2578
+ "group": "component (internal)",
2579
+ "scopes": ["STROKE_COLOR"]
2580
+ },
2581
+ {
2582
+ "name": "headerSearch/bgColor",
2583
+ "value": {
2584
+ "r": 0.050980392156862744,
2585
+ "g": 0.06666666666666667,
2586
+ "b": 0.09019607843137255,
2587
+ "a": 1
2588
+ },
2589
+ "type": "COLOR",
2590
+ "refId": "mode/headerSearch/bgColor",
2591
+ "reference": "base/color/dark/base/color/neutral/1",
2592
+ "collection": "mode",
2593
+ "mode": "dark",
2594
+ "group": "component (internal)",
2595
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2596
+ },
2597
+ {
2598
+ "name": "headerSearch/borderColor",
2599
+ "value": {
2600
+ "r": 0.16470588235294117,
2601
+ "g": 0.19215686274509805,
2602
+ "b": 0.23529411764705882,
2603
+ "a": 1
2604
+ },
2605
+ "type": "COLOR",
2606
+ "refId": "mode/headerSearch/borderColor",
2607
+ "reference": "base/color/dark/base/color/neutral/5",
2608
+ "collection": "mode",
2609
+ "mode": "dark",
2610
+ "group": "component (internal)",
2611
+ "scopes": ["STROKE_COLOR"]
2612
+ },
2515
2613
  {
2516
2614
  "name": "highlight/neutral/bgColor",
2517
2615
  "value": {
@@ -2529,6 +2627,56 @@
2529
2627
  "group": "component",
2530
2628
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2531
2629
  },
2630
+ {
2631
+ "name": "overlay/bgColor",
2632
+ "value": {
2633
+ "r": 0.08235294117647059,
2634
+ "g": 0.10588235294117647,
2635
+ "b": 0.13725490196078433,
2636
+ "a": 1
2637
+ },
2638
+ "type": "COLOR",
2639
+ "refId": "mode/overlay/bgColor",
2640
+ "reference": "mode/bgColor/muted",
2641
+ "collection": "mode",
2642
+ "mode": "dark",
2643
+ "group": "component (internal)",
2644
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2645
+ },
2646
+ {
2647
+ "name": "overlay/borderColor",
2648
+ "value": {
2649
+ "r": 0.23921568627450981,
2650
+ "g": 0.26666666666666666,
2651
+ "b": 0.30196078431372547,
2652
+ "a": 1
2653
+ },
2654
+ "type": "COLOR",
2655
+ "alpha": 1,
2656
+ "refId": "mode/overlay/borderColor",
2657
+ "reference": "mode/borderColor/muted",
2658
+ "collection": "mode",
2659
+ "mode": "dark",
2660
+ "group": "component (internal)",
2661
+ "scopes": ["ALL_SCOPES"]
2662
+ },
2663
+ {
2664
+ "name": "overlay/backdrop/bgColor",
2665
+ "value": {
2666
+ "r": 0.12941176470588237,
2667
+ "g": 0.1568627450980392,
2668
+ "b": 0.18823529411764706,
2669
+ "a": 0.4
2670
+ },
2671
+ "type": "COLOR",
2672
+ "alpha": 0.4,
2673
+ "refId": "mode/overlay/backdrop/bgColor",
2674
+ "reference": "base/color/dark/base/color/neutral/3",
2675
+ "collection": "mode",
2676
+ "mode": "dark",
2677
+ "group": "component (internal)",
2678
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2679
+ },
2532
2680
  {
2533
2681
  "name": "page/header/bgColor",
2534
2682
  "value": {
@@ -2610,6 +2758,23 @@
2610
2758
  "group": "component (internal)",
2611
2759
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2612
2760
  },
2761
+ {
2762
+ "name": "skeletonLoader/bgColor",
2763
+ "value": {
2764
+ "r": 0.396078431372549,
2765
+ "g": 0.4235294117647059,
2766
+ "b": 0.4627450980392157,
2767
+ "a": 0.2
2768
+ },
2769
+ "type": "COLOR",
2770
+ "alpha": 0.2,
2771
+ "refId": "mode/skeletonLoader/bgColor",
2772
+ "reference": "base/color/dark/base/color/neutral/8",
2773
+ "collection": "mode",
2774
+ "mode": "dark",
2775
+ "group": "component",
2776
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2777
+ },
2613
2778
  {
2614
2779
  "name": "timelineBadge/bgColor",
2615
2780
  "value": {
@@ -2946,104 +3111,6 @@
2946
3111
  "group": "component",
2947
3112
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2948
3113
  },
2949
- {
2950
- "name": "header/fgColor/default",
2951
- "value": {
2952
- "r": 1,
2953
- "g": 1,
2954
- "b": 1,
2955
- "a": 0.7
2956
- },
2957
- "type": "COLOR",
2958
- "alpha": 0.7,
2959
- "refId": "mode/header/fgColor/default",
2960
- "reference": "base/color/dark/base/color/neutral/13",
2961
- "collection": "mode",
2962
- "mode": "dark",
2963
- "group": "component (internal)",
2964
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2965
- },
2966
- {
2967
- "name": "header/fgColor/logo",
2968
- "value": {
2969
- "r": 0.9411764705882353,
2970
- "g": 0.9647058823529412,
2971
- "b": 0.9882352941176471,
2972
- "a": 1
2973
- },
2974
- "type": "COLOR",
2975
- "refId": "mode/header/fgColor/logo",
2976
- "reference": "base/color/dark/base/color/neutral/12",
2977
- "collection": "mode",
2978
- "mode": "dark",
2979
- "group": "component (internal)",
2980
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2981
- },
2982
- {
2983
- "name": "header/bgColor",
2984
- "value": {
2985
- "r": 0.08235294117647059,
2986
- "g": 0.10588235294117647,
2987
- "b": 0.13725490196078433,
2988
- "a": 0.95
2989
- },
2990
- "type": "COLOR",
2991
- "alpha": 0.95,
2992
- "refId": "mode/header/bgColor",
2993
- "reference": "base/color/dark/base/color/neutral/2",
2994
- "collection": "mode",
2995
- "mode": "dark",
2996
- "group": "component (internal)",
2997
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2998
- },
2999
- {
3000
- "name": "header/borderColor/divider",
3001
- "value": {
3002
- "r": 0.396078431372549,
3003
- "g": 0.4235294117647059,
3004
- "b": 0.4627450980392157,
3005
- "a": 1
3006
- },
3007
- "type": "COLOR",
3008
- "refId": "mode/header/borderColor/divider",
3009
- "reference": "base/color/dark/base/color/neutral/8",
3010
- "collection": "mode",
3011
- "mode": "dark",
3012
- "group": "component (internal)",
3013
- "scopes": ["STROKE_COLOR"]
3014
- },
3015
- {
3016
- "name": "headerSearch/bgColor",
3017
- "value": {
3018
- "r": 0.050980392156862744,
3019
- "g": 0.06666666666666667,
3020
- "b": 0.09019607843137255,
3021
- "a": 1
3022
- },
3023
- "type": "COLOR",
3024
- "refId": "mode/headerSearch/bgColor",
3025
- "reference": "base/color/dark/base/color/neutral/1",
3026
- "collection": "mode",
3027
- "mode": "dark",
3028
- "group": "component (internal)",
3029
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3030
- },
3031
- {
3032
- "name": "headerSearch/borderColor",
3033
- "value": {
3034
- "r": 0.16470588235294117,
3035
- "g": 0.19215686274509805,
3036
- "b": 0.23529411764705882,
3037
- "a": 1
3038
- },
3039
- "type": "COLOR",
3040
- "refId": "mode/headerSearch/borderColor",
3041
- "reference": "base/color/dark/base/color/neutral/5",
3042
- "collection": "mode",
3043
- "mode": "dark",
3044
- "group": "component (internal)",
3045
- "scopes": ["STROKE_COLOR"]
3046
- },
3047
3114
  {
3048
3115
  "name": "data/blue/color/emphasis",
3049
3116
  "value": {
@@ -6063,55 +6130,6 @@
6063
6130
  "group": "component (internal)",
6064
6131
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6065
6132
  },
6066
- {
6067
- "name": "overlay/bgColor",
6068
- "value": {
6069
- "r": 0.08235294117647059,
6070
- "g": 0.10588235294117647,
6071
- "b": 0.13725490196078433,
6072
- "a": 1
6073
- },
6074
- "type": "COLOR",
6075
- "refId": "mode/overlay/bgColor",
6076
- "reference": "mode/bgColor/muted",
6077
- "collection": "mode",
6078
- "mode": "dark",
6079
- "group": "component (internal)",
6080
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6081
- },
6082
- {
6083
- "name": "overlay/borderColor",
6084
- "value": {
6085
- "r": 0.23921568627450981,
6086
- "g": 0.26666666666666666,
6087
- "b": 0.30196078431372547,
6088
- "a": 0.7
6089
- },
6090
- "type": "COLOR",
6091
- "refId": "mode/overlay/borderColor",
6092
- "reference": "mode/borderColor/muted",
6093
- "collection": "mode",
6094
- "mode": "dark",
6095
- "group": "component (internal)",
6096
- "scopes": ["ALL_SCOPES"]
6097
- },
6098
- {
6099
- "name": "overlay/backdrop/bgColor",
6100
- "value": {
6101
- "r": 0.12941176470588237,
6102
- "g": 0.1568627450980392,
6103
- "b": 0.18823529411764706,
6104
- "a": 0.4
6105
- },
6106
- "type": "COLOR",
6107
- "alpha": 0.4,
6108
- "refId": "mode/overlay/backdrop/bgColor",
6109
- "reference": "base/color/dark/base/color/neutral/3",
6110
- "collection": "mode",
6111
- "mode": "dark",
6112
- "group": "component (internal)",
6113
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6114
- },
6115
6133
  {
6116
6134
  "name": "selectMenu/borderColor",
6117
6135
  "value": {
@@ -6160,23 +6178,6 @@
6160
6178
  "group": "component (internal)",
6161
6179
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6162
6180
  },
6163
- {
6164
- "name": "skeletonLoader/bgColor",
6165
- "value": {
6166
- "r": 0.396078431372549,
6167
- "g": 0.4235294117647059,
6168
- "b": 0.4627450980392157,
6169
- "a": 0.2
6170
- },
6171
- "type": "COLOR",
6172
- "alpha": 0.2,
6173
- "refId": "mode/skeletonLoader/bgColor",
6174
- "reference": "base/color/dark/base/color/neutral/8",
6175
- "collection": "mode",
6176
- "mode": "dark",
6177
- "group": "component",
6178
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6179
- },
6180
6181
  {
6181
6182
  "name": "treeViewItem/leadingVisual/iconColor/rest",
6182
6183
  "value": {