@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.56d48488

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 (95) hide show
  1. package/dist/build/platforms/css.js +2 -1
  2. package/dist/build/schemas/collections.d.ts +1 -1
  3. package/dist/build/schemas/colorToken.d.ts +260 -0
  4. package/dist/build/schemas/colorToken.js +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +1658 -0
  6. package/dist/css/functional/themes/dark-colorblind.css +30 -30
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +1658 -0
  8. package/dist/css/functional/themes/dark-dimmed.css +60 -60
  9. package/dist/css/functional/themes/dark-high-contrast.css +24 -24
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +1658 -0
  11. package/dist/css/functional/themes/dark-tritanopia.css +30 -30
  12. package/dist/css/functional/themes/dark.css +30 -30
  13. package/dist/css/functional/themes/light-colorblind-high-contrast.css +1658 -0
  14. package/dist/css/functional/themes/light-colorblind.css +30 -30
  15. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  16. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +1658 -0
  17. package/dist/css/functional/themes/light-tritanopia.css +28 -28
  18. package/dist/css/functional/themes/light.css +28 -28
  19. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +43194 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7878 -648
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7797 -565
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7751 -523
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7878 -648
  26. package/dist/docs/functional/themes/dark.json +7878 -648
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43154 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7744 -512
  29. package/dist/docs/functional/themes/light-high-contrast.json +7760 -532
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7742 -510
  32. package/dist/docs/functional/themes/light.json +7742 -510
  33. package/dist/figma/figma.json +18 -8
  34. package/dist/figma/scales/dark-dimmed.json +14 -14
  35. package/dist/figma/themes/dark-colorblind-high-contrast.json +13877 -0
  36. package/dist/figma/themes/dark-colorblind.json +45 -49
  37. package/dist/figma/themes/dark-dimmed-high-contrast.json +13871 -0
  38. package/dist/figma/themes/dark-dimmed.json +102 -107
  39. package/dist/figma/themes/dark-high-contrast.json +28 -34
  40. package/dist/figma/themes/dark-tritanopia-high-contrast.json +13873 -0
  41. package/dist/figma/themes/dark-tritanopia.json +45 -49
  42. package/dist/figma/themes/dark.json +45 -49
  43. package/dist/figma/themes/light-colorblind-high-contrast.json +13857 -0
  44. package/dist/figma/themes/light-colorblind.json +21 -24
  45. package/dist/figma/themes/light-high-contrast.json +46 -51
  46. package/dist/figma/themes/light-tritanopia-high-contrast.json +13856 -0
  47. package/dist/figma/themes/light-tritanopia.json +19 -23
  48. package/dist/figma/themes/light.json +19 -23
  49. package/dist/internalCss/dark-colorblind-high-contrast.css +2266 -0
  50. package/dist/internalCss/dark-colorblind.css +30 -30
  51. package/dist/internalCss/dark-dimmed-high-contrast.css +2266 -0
  52. package/dist/internalCss/dark-dimmed.css +54 -54
  53. package/dist/internalCss/dark-high-contrast.css +24 -24
  54. package/dist/internalCss/dark-tritanopia-high-contrast.css +2266 -0
  55. package/dist/internalCss/dark-tritanopia.css +30 -30
  56. package/dist/internalCss/dark.css +30 -30
  57. package/dist/internalCss/light-colorblind-high-contrast.css +2266 -0
  58. package/dist/internalCss/light-colorblind.css +30 -30
  59. package/dist/internalCss/light-high-contrast.css +32 -32
  60. package/dist/internalCss/light-tritanopia-high-contrast.css +2266 -0
  61. package/dist/internalCss/light-tritanopia.css +28 -28
  62. package/dist/internalCss/light.css +28 -28
  63. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +43194 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7877 -647
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43188 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7797 -565
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7751 -523
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43192 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7877 -647
  70. package/dist/styleLint/functional/themes/dark.json +7877 -647
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43154 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7744 -512
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7760 -532
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43154 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7742 -510
  76. package/dist/styleLint/functional/themes/light.json +7742 -510
  77. package/package.json +1 -1
  78. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -9
  79. package/src/tokens/component/avatar.json5 +17 -4
  80. package/src/tokens/component/button.json5 +260 -61
  81. package/src/tokens/component/codeMirror.json5 +20 -2
  82. package/src/tokens/component/contribution.json5 +35 -57
  83. package/src/tokens/component/counter.json5 +5 -0
  84. package/src/tokens/component/diffBlob.json5 +75 -8
  85. package/src/tokens/component/header.json5 +2 -0
  86. package/src/tokens/component/overlay.json5 +25 -0
  87. package/src/tokens/component/skeletonLoader.json5 +20 -0
  88. package/src/tokens/component/tooltip.json5 +8 -2
  89. package/src/tokens/component/topicTag.json5 +5 -0
  90. package/src/tokens/functional/color/bgColor.json5 +86 -0
  91. package/src/tokens/functional/color/borderColor.json5 +268 -0
  92. package/src/tokens/functional/color/control.json5 +344 -1
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -18
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/dist/figma/themes/dark-colorblind.json CHANGED
@@ -2140,7 +2140,7 @@
2140
2140
  "r": 0.396078431372549,
2141
2141
  "g": 0.4235294117647059,
2142
2142
  "b": 0.4627450980392157,
2143
- "a": 0.6
2143
+ "a": 1
2144
2144
  },
2145
2145
  "type": "COLOR",
2146
2146
  "refId": "mode/control/fgColor/disabled",
@@ -2350,10 +2350,10 @@
2350
2350
  "r": 0.396078431372549,
2351
2351
  "g": 0.4235294117647059,
2352
2352
  "b": 0.4627450980392157,
2353
- "a": 0.1
2353
+ "a": 0.2
2354
2354
  },
2355
2355
  "type": "COLOR",
2356
- "alpha": 0.1,
2356
+ "alpha": 0.2,
2357
2357
  "refId": "mode/control/transparent/bgColor/selected",
2358
2358
  "reference": "base/color/dark/base/color/neutral/8",
2359
2359
  "collection": "mode",
@@ -2526,7 +2526,7 @@
2526
2526
  "r": 0.396078431372549,
2527
2527
  "g": 0.4235294117647059,
2528
2528
  "b": 0.4627450980392157,
2529
- "a": 0.6
2529
+ "a": 1
2530
2530
  },
2531
2531
  "type": "COLOR",
2532
2532
  "refId": "mode/control/checked/bgColor/disabled",
@@ -2622,7 +2622,7 @@
2622
2622
  "r": 0.396078431372549,
2623
2623
  "g": 0.4235294117647059,
2624
2624
  "b": 0.4627450980392157,
2625
- "a": 0.6
2625
+ "a": 1
2626
2626
  },
2627
2627
  "type": "COLOR",
2628
2628
  "refId": "mode/control/checked/borderColor/disabled",
@@ -2686,7 +2686,7 @@
2686
2686
  "r": 0.396078431372549,
2687
2687
  "g": 0.4235294117647059,
2688
2688
  "b": 0.4627450980392157,
2689
- "a": 0.6
2689
+ "a": 1
2690
2690
  },
2691
2691
  "type": "COLOR",
2692
2692
  "refId": "mode/controlTrack/bgColor/disabled",
@@ -2750,7 +2750,7 @@
2750
2750
  "r": 0.396078431372549,
2751
2751
  "g": 0.4235294117647059,
2752
2752
  "b": 0.4627450980392157,
2753
- "a": 0.6
2753
+ "a": 1
2754
2754
  },
2755
2755
  "type": "COLOR",
2756
2756
  "refId": "mode/controlTrack/borderColor/disabled",
@@ -8071,10 +8071,9 @@
8071
8071
  "r": 0.396078431372549,
8072
8072
  "g": 0.4235294117647059,
8073
8073
  "b": 0.4627450980392157,
8074
- "a": 0.6
8074
+ "a": 1
8075
8075
  },
8076
8076
  "type": "COLOR",
8077
- "alpha": 0.6,
8078
8077
  "refId": "mode/fgColor/disabled",
8079
8078
  "reference": "base/color/dark/base/color/neutral/8",
8080
8079
  "collection": "mode",
@@ -9499,12 +9498,11 @@
9499
9498
  "r": 1,
9500
9499
  "g": 1,
9501
9500
  "b": 1,
9502
- "a": 0.1
9501
+ "a": 0.15
9503
9502
  },
9504
9503
  "type": "COLOR",
9505
- "alpha": 0.1,
9506
9504
  "refId": "mode/button/primary/borderColor/rest",
9507
- "reference": "base/color/dark/base/color/neutral/13",
9505
+ "reference": "mode/borderColor/translucent",
9508
9506
  "collection": "mode",
9509
9507
  "mode": "dark protanopia deuteranopia",
9510
9508
  "group": "component (internal)",
@@ -9516,7 +9514,7 @@
9516
9514
  "r": 1,
9517
9515
  "g": 1,
9518
9516
  "b": 1,
9519
- "a": 0.1
9517
+ "a": 0.15
9520
9518
  },
9521
9519
  "type": "COLOR",
9522
9520
  "refId": "mode/button/primary/borderColor/hover",
@@ -9532,7 +9530,7 @@
9532
9530
  "r": 1,
9533
9531
  "g": 1,
9534
9532
  "b": 1,
9535
- "a": 0.1
9533
+ "a": 0.15
9536
9534
  },
9537
9535
  "type": "COLOR",
9538
9536
  "refId": "mode/button/primary/borderColor/active",
@@ -9661,7 +9659,7 @@
9661
9659
  "r": 0.396078431372549,
9662
9660
  "g": 0.4235294117647059,
9663
9661
  "b": 0.4627450980392157,
9664
- "a": 0.6
9662
+ "a": 1
9665
9663
  },
9666
9664
  "type": "COLOR",
9667
9665
  "refId": "mode/button/invisible/fgColor/disabled",
@@ -9709,7 +9707,7 @@
9709
9707
  "r": 0.396078431372549,
9710
9708
  "g": 0.4235294117647059,
9711
9709
  "b": 0.4627450980392157,
9712
- "a": 0.6
9710
+ "a": 1
9713
9711
  },
9714
9712
  "type": "COLOR",
9715
9713
  "refId": "mode/button/invisible/iconColor/disabled",
@@ -10117,6 +10115,7 @@
10117
10115
  },
10118
10116
  "type": "COLOR",
10119
10117
  "refId": "mode/button/danger/iconColor/rest",
10118
+ "reference": "mode/button/danger/fgColor/rest",
10120
10119
  "collection": "mode",
10121
10120
  "mode": "dark protanopia deuteranopia",
10122
10121
  "group": "component (internal)",
@@ -10173,13 +10172,14 @@
10173
10172
  {
10174
10173
  "name": "button/danger/bgColor/active",
10175
10174
  "value": {
10176
- "r": 0.7098039215686275,
10177
- "g": 0.3254901960784314,
10175
+ "r": 0.7411764705882353,
10176
+ "g": 0.33725490196078434,
10178
10177
  "b": 0.11372549019607843,
10179
10178
  "a": 1
10180
10179
  },
10181
10180
  "type": "COLOR",
10182
10181
  "refId": "mode/button/danger/bgColor/active",
10182
+ "reference": "mode/bgColor/danger-emphasis",
10183
10183
  "collection": "mode",
10184
10184
  "mode": "dark protanopia deuteranopia",
10185
10185
  "group": "component (internal)",
@@ -10223,7 +10223,7 @@
10223
10223
  "r": 1,
10224
10224
  "g": 1,
10225
10225
  "b": 1,
10226
- "a": 0.1
10226
+ "a": 0.15
10227
10227
  },
10228
10228
  "type": "COLOR",
10229
10229
  "refId": "mode/button/danger/borderColor/hover",
@@ -10239,7 +10239,7 @@
10239
10239
  "r": 1,
10240
10240
  "g": 1,
10241
10241
  "b": 1,
10242
- "a": 0.1
10242
+ "a": 0.15
10243
10243
  },
10244
10244
  "type": "COLOR",
10245
10245
  "refId": "mode/button/danger/borderColor/active",
@@ -10999,87 +10999,83 @@
10999
10999
  {
11000
11000
  "name": "contribution/default/borderColor/0",
11001
11001
  "value": {
11002
- "r": 1,
11003
- "g": 1,
11004
- "b": 1,
11002
+ "r": 0.00392156862745098,
11003
+ "g": 0.01568627450980392,
11004
+ "b": 0.03529411764705882,
11005
11005
  "a": 0.05
11006
11006
  },
11007
11007
  "type": "COLOR",
11008
11008
  "alpha": 0.05,
11009
11009
  "refId": "mode/contribution/default/borderColor/0",
11010
- "reference": "base/color/dark/base/color/white",
11010
+ "reference": "base/color/dark/base/color/black",
11011
11011
  "collection": "mode",
11012
11012
  "mode": "dark protanopia deuteranopia",
11013
11013
  "group": "component (internal)",
11014
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11014
+ "scopes": ["STROKE_COLOR"]
11015
11015
  },
11016
11016
  {
11017
11017
  "name": "contribution/default/borderColor/1",
11018
11018
  "value": {
11019
- "r": 1,
11020
- "g": 1,
11021
- "b": 1,
11019
+ "r": 0.00392156862745098,
11020
+ "g": 0.01568627450980392,
11021
+ "b": 0.03529411764705882,
11022
11022
  "a": 0.05
11023
11023
  },
11024
11024
  "type": "COLOR",
11025
- "alpha": 0.05,
11026
11025
  "refId": "mode/contribution/default/borderColor/1",
11027
- "reference": "base/color/dark/base/color/white",
11026
+ "reference": "mode/contribution/default/borderColor/0",
11028
11027
  "collection": "mode",
11029
11028
  "mode": "dark protanopia deuteranopia",
11030
11029
  "group": "component (internal)",
11031
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11030
+ "scopes": ["STROKE_COLOR"]
11032
11031
  },
11033
11032
  {
11034
11033
  "name": "contribution/default/borderColor/2",
11035
11034
  "value": {
11036
- "r": 1,
11037
- "g": 1,
11038
- "b": 1,
11035
+ "r": 0.00392156862745098,
11036
+ "g": 0.01568627450980392,
11037
+ "b": 0.03529411764705882,
11039
11038
  "a": 0.05
11040
11039
  },
11041
11040
  "type": "COLOR",
11042
- "alpha": 0.05,
11043
11041
  "refId": "mode/contribution/default/borderColor/2",
11044
- "reference": "base/color/dark/base/color/white",
11042
+ "reference": "mode/contribution/default/borderColor/0",
11045
11043
  "collection": "mode",
11046
11044
  "mode": "dark protanopia deuteranopia",
11047
11045
  "group": "component (internal)",
11048
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11046
+ "scopes": ["STROKE_COLOR"]
11049
11047
  },
11050
11048
  {
11051
11049
  "name": "contribution/default/borderColor/3",
11052
11050
  "value": {
11053
- "r": 1,
11054
- "g": 1,
11055
- "b": 1,
11051
+ "r": 0.00392156862745098,
11052
+ "g": 0.01568627450980392,
11053
+ "b": 0.03529411764705882,
11056
11054
  "a": 0.05
11057
11055
  },
11058
11056
  "type": "COLOR",
11059
- "alpha": 0.05,
11060
11057
  "refId": "mode/contribution/default/borderColor/3",
11061
- "reference": "base/color/dark/base/color/white",
11058
+ "reference": "mode/contribution/default/borderColor/0",
11062
11059
  "collection": "mode",
11063
11060
  "mode": "dark protanopia deuteranopia",
11064
11061
  "group": "component (internal)",
11065
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11062
+ "scopes": ["STROKE_COLOR"]
11066
11063
  },
11067
11064
  {
11068
11065
  "name": "contribution/default/borderColor/4",
11069
11066
  "value": {
11070
- "r": 1,
11071
- "g": 1,
11072
- "b": 1,
11067
+ "r": 0.00392156862745098,
11068
+ "g": 0.01568627450980392,
11069
+ "b": 0.03529411764705882,
11073
11070
  "a": 0.05
11074
11071
  },
11075
11072
  "type": "COLOR",
11076
- "alpha": 0.05,
11077
11073
  "refId": "mode/contribution/default/borderColor/4",
11078
- "reference": "base/color/dark/base/color/white",
11074
+ "reference": "mode/contribution/default/borderColor/0",
11079
11075
  "collection": "mode",
11080
11076
  "mode": "dark protanopia deuteranopia",
11081
11077
  "group": "component (internal)",
11082
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11078
+ "scopes": ["STROKE_COLOR"]
11083
11079
  },
11084
11080
  {
11085
11081
  "name": "contribution/winter/bgColor/1",