@primer/primitives 10.8.0-rc.f296f65b → 11.0.0-rc.a6a4b391

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 +26 -26
  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 +26 -26
  12. package/dist/css/functional/themes/dark.css +26 -26
  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 +43196 -0
  20. package/dist/docs/functional/themes/dark-colorblind.json +7751 -517
  21. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  22. package/dist/docs/functional/themes/dark-dimmed.json +7795 -561
  23. package/dist/docs/functional/themes/dark-high-contrast.json +7749 -519
  24. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  25. package/dist/docs/functional/themes/dark-tritanopia.json +7751 -517
  26. package/dist/docs/functional/themes/dark.json +7751 -517
  27. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +43156 -0
  28. package/dist/docs/functional/themes/light-colorblind.json +7742 -508
  29. package/dist/docs/functional/themes/light-high-contrast.json +7758 -528
  30. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  31. package/dist/docs/functional/themes/light-tritanopia.json +7740 -506
  32. package/dist/docs/functional/themes/light.json +7740 -506
  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 +35 -38
  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 +35 -38
  42. package/dist/figma/themes/dark.json +35 -38
  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 +26 -26
  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 +26 -26
  56. package/dist/internalCss/dark.css +26 -26
  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 +43196 -0
  64. package/dist/styleLint/functional/themes/dark-colorblind.json +7751 -517
  65. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +43190 -0
  66. package/dist/styleLint/functional/themes/dark-dimmed.json +7795 -561
  67. package/dist/styleLint/functional/themes/dark-high-contrast.json +7749 -519
  68. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +43194 -0
  69. package/dist/styleLint/functional/themes/dark-tritanopia.json +7751 -517
  70. package/dist/styleLint/functional/themes/dark.json +7751 -517
  71. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +43156 -0
  72. package/dist/styleLint/functional/themes/light-colorblind.json +7742 -508
  73. package/dist/styleLint/functional/themes/light-high-contrast.json +7758 -528
  74. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +43156 -0
  75. package/dist/styleLint/functional/themes/light-tritanopia.json +7740 -506
  76. package/dist/styleLint/functional/themes/light.json +7740 -506
  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 +343 -0
  93. package/src/tokens/functional/color/display.json5 +1334 -1239
  94. package/src/tokens/functional/color/fgColor.json5 +77 -17
  95. package/src/tokens/functional/color/syntax.json5 +44 -2
package/dist/figma/themes/dark-tritanopia.json CHANGED
@@ -9497,12 +9497,11 @@
9497
9497
  "r": 1,
9498
9498
  "g": 1,
9499
9499
  "b": 1,
9500
- "a": 0.1
9500
+ "a": 0.15
9501
9501
  },
9502
9502
  "type": "COLOR",
9503
- "alpha": 0.1,
9504
9503
  "refId": "mode/button/primary/borderColor/rest",
9505
- "reference": "base/color/dark/base/color/neutral/13",
9504
+ "reference": "mode/borderColor/translucent",
9506
9505
  "collection": "mode",
9507
9506
  "mode": "dark tritanopia",
9508
9507
  "group": "component (internal)",
@@ -9514,7 +9513,7 @@
9514
9513
  "r": 1,
9515
9514
  "g": 1,
9516
9515
  "b": 1,
9517
- "a": 0.1
9516
+ "a": 0.15
9518
9517
  },
9519
9518
  "type": "COLOR",
9520
9519
  "refId": "mode/button/primary/borderColor/hover",
@@ -9530,7 +9529,7 @@
9530
9529
  "r": 1,
9531
9530
  "g": 1,
9532
9531
  "b": 1,
9533
- "a": 0.1
9532
+ "a": 0.15
9534
9533
  },
9535
9534
  "type": "COLOR",
9536
9535
  "refId": "mode/button/primary/borderColor/active",
@@ -10111,6 +10110,7 @@
10111
10110
  },
10112
10111
  "type": "COLOR",
10113
10112
  "refId": "mode/button/danger/iconColor/rest",
10113
+ "reference": "mode/button/danger/fgColor/rest",
10114
10114
  "collection": "mode",
10115
10115
  "mode": "dark tritanopia",
10116
10116
  "group": "component (internal)",
@@ -10167,13 +10167,14 @@
10167
10167
  {
10168
10168
  "name": "button/danger/bgColor/active",
10169
10169
  "value": {
10170
- "r": 0.8156862745098039,
10171
- "g": 0.20784313725490197,
10170
+ "r": 0.8549019607843137,
10171
+ "g": 0.21176470588235294,
10172
10172
  "b": 0.2,
10173
10173
  "a": 1
10174
10174
  },
10175
10175
  "type": "COLOR",
10176
10176
  "refId": "mode/button/danger/bgColor/active",
10177
+ "reference": "mode/bgColor/danger-emphasis",
10177
10178
  "collection": "mode",
10178
10179
  "mode": "dark tritanopia",
10179
10180
  "group": "component (internal)",
@@ -10217,7 +10218,7 @@
10217
10218
  "r": 1,
10218
10219
  "g": 1,
10219
10220
  "b": 1,
10220
- "a": 0.1
10221
+ "a": 0.15
10221
10222
  },
10222
10223
  "type": "COLOR",
10223
10224
  "refId": "mode/button/danger/borderColor/hover",
@@ -10233,7 +10234,7 @@
10233
10234
  "r": 1,
10234
10235
  "g": 1,
10235
10236
  "b": 1,
10236
- "a": 0.1
10237
+ "a": 0.15
10237
10238
  },
10238
10239
  "type": "COLOR",
10239
10240
  "refId": "mode/button/danger/borderColor/active",
@@ -10993,87 +10994,83 @@
10993
10994
  {
10994
10995
  "name": "contribution/default/borderColor/0",
10995
10996
  "value": {
10996
- "r": 1,
10997
- "g": 1,
10998
- "b": 1,
10997
+ "r": 0.00392156862745098,
10998
+ "g": 0.01568627450980392,
10999
+ "b": 0.03529411764705882,
10999
11000
  "a": 0.05
11000
11001
  },
11001
11002
  "type": "COLOR",
11002
11003
  "alpha": 0.05,
11003
11004
  "refId": "mode/contribution/default/borderColor/0",
11004
- "reference": "base/color/dark/base/color/white",
11005
+ "reference": "base/color/dark/base/color/black",
11005
11006
  "collection": "mode",
11006
11007
  "mode": "dark tritanopia",
11007
11008
  "group": "component (internal)",
11008
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11009
+ "scopes": ["STROKE_COLOR"]
11009
11010
  },
11010
11011
  {
11011
11012
  "name": "contribution/default/borderColor/1",
11012
11013
  "value": {
11013
- "r": 1,
11014
- "g": 1,
11015
- "b": 1,
11014
+ "r": 0.00392156862745098,
11015
+ "g": 0.01568627450980392,
11016
+ "b": 0.03529411764705882,
11016
11017
  "a": 0.05
11017
11018
  },
11018
11019
  "type": "COLOR",
11019
- "alpha": 0.05,
11020
11020
  "refId": "mode/contribution/default/borderColor/1",
11021
- "reference": "base/color/dark/base/color/white",
11021
+ "reference": "mode/contribution/default/borderColor/0",
11022
11022
  "collection": "mode",
11023
11023
  "mode": "dark tritanopia",
11024
11024
  "group": "component (internal)",
11025
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11025
+ "scopes": ["STROKE_COLOR"]
11026
11026
  },
11027
11027
  {
11028
11028
  "name": "contribution/default/borderColor/2",
11029
11029
  "value": {
11030
- "r": 1,
11031
- "g": 1,
11032
- "b": 1,
11030
+ "r": 0.00392156862745098,
11031
+ "g": 0.01568627450980392,
11032
+ "b": 0.03529411764705882,
11033
11033
  "a": 0.05
11034
11034
  },
11035
11035
  "type": "COLOR",
11036
- "alpha": 0.05,
11037
11036
  "refId": "mode/contribution/default/borderColor/2",
11038
- "reference": "base/color/dark/base/color/white",
11037
+ "reference": "mode/contribution/default/borderColor/0",
11039
11038
  "collection": "mode",
11040
11039
  "mode": "dark tritanopia",
11041
11040
  "group": "component (internal)",
11042
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11041
+ "scopes": ["STROKE_COLOR"]
11043
11042
  },
11044
11043
  {
11045
11044
  "name": "contribution/default/borderColor/3",
11046
11045
  "value": {
11047
- "r": 1,
11048
- "g": 1,
11049
- "b": 1,
11046
+ "r": 0.00392156862745098,
11047
+ "g": 0.01568627450980392,
11048
+ "b": 0.03529411764705882,
11050
11049
  "a": 0.05
11051
11050
  },
11052
11051
  "type": "COLOR",
11053
- "alpha": 0.05,
11054
11052
  "refId": "mode/contribution/default/borderColor/3",
11055
- "reference": "base/color/dark/base/color/white",
11053
+ "reference": "mode/contribution/default/borderColor/0",
11056
11054
  "collection": "mode",
11057
11055
  "mode": "dark tritanopia",
11058
11056
  "group": "component (internal)",
11059
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11057
+ "scopes": ["STROKE_COLOR"]
11060
11058
  },
11061
11059
  {
11062
11060
  "name": "contribution/default/borderColor/4",
11063
11061
  "value": {
11064
- "r": 1,
11065
- "g": 1,
11066
- "b": 1,
11062
+ "r": 0.00392156862745098,
11063
+ "g": 0.01568627450980392,
11064
+ "b": 0.03529411764705882,
11067
11065
  "a": 0.05
11068
11066
  },
11069
11067
  "type": "COLOR",
11070
- "alpha": 0.05,
11071
11068
  "refId": "mode/contribution/default/borderColor/4",
11072
- "reference": "base/color/dark/base/color/white",
11069
+ "reference": "mode/contribution/default/borderColor/0",
11073
11070
  "collection": "mode",
11074
11071
  "mode": "dark tritanopia",
11075
11072
  "group": "component (internal)",
11076
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11073
+ "scopes": ["STROKE_COLOR"]
11077
11074
  },
11078
11075
  {
11079
11076
  "name": "contribution/winter/bgColor/1",
package/dist/figma/themes/dark.json CHANGED
@@ -9494,12 +9494,11 @@
9494
9494
  "r": 1,
9495
9495
  "g": 1,
9496
9496
  "b": 1,
9497
- "a": 0.1
9497
+ "a": 0.15
9498
9498
  },
9499
9499
  "type": "COLOR",
9500
- "alpha": 0.1,
9501
9500
  "refId": "mode/button/primary/borderColor/rest",
9502
- "reference": "base/color/dark/base/color/neutral/13",
9501
+ "reference": "mode/borderColor/translucent",
9503
9502
  "collection": "mode",
9504
9503
  "mode": "dark",
9505
9504
  "group": "component (internal)",
@@ -9511,7 +9510,7 @@
9511
9510
  "r": 1,
9512
9511
  "g": 1,
9513
9512
  "b": 1,
9514
- "a": 0.1
9513
+ "a": 0.15
9515
9514
  },
9516
9515
  "type": "COLOR",
9517
9516
  "refId": "mode/button/primary/borderColor/hover",
@@ -9527,7 +9526,7 @@
9527
9526
  "r": 1,
9528
9527
  "g": 1,
9529
9528
  "b": 1,
9530
- "a": 0.1
9529
+ "a": 0.15
9531
9530
  },
9532
9531
  "type": "COLOR",
9533
9532
  "refId": "mode/button/primary/borderColor/active",
@@ -10111,6 +10110,7 @@
10111
10110
  },
10112
10111
  "type": "COLOR",
10113
10112
  "refId": "mode/button/danger/iconColor/rest",
10113
+ "reference": "mode/button/danger/fgColor/rest",
10114
10114
  "collection": "mode",
10115
10115
  "mode": "dark",
10116
10116
  "group": "component (internal)",
@@ -10167,13 +10167,14 @@
10167
10167
  {
10168
10168
  "name": "button/danger/bgColor/active",
10169
10169
  "value": {
10170
- "r": 0.8156862745098039,
10171
- "g": 0.20784313725490197,
10170
+ "r": 0.8549019607843137,
10171
+ "g": 0.21176470588235294,
10172
10172
  "b": 0.2,
10173
10173
  "a": 1
10174
10174
  },
10175
10175
  "type": "COLOR",
10176
10176
  "refId": "mode/button/danger/bgColor/active",
10177
+ "reference": "mode/bgColor/danger-emphasis",
10177
10178
  "collection": "mode",
10178
10179
  "mode": "dark",
10179
10180
  "group": "component (internal)",
@@ -10217,7 +10218,7 @@
10217
10218
  "r": 1,
10218
10219
  "g": 1,
10219
10220
  "b": 1,
10220
- "a": 0.1
10221
+ "a": 0.15
10221
10222
  },
10222
10223
  "type": "COLOR",
10223
10224
  "refId": "mode/button/danger/borderColor/hover",
@@ -10233,7 +10234,7 @@
10233
10234
  "r": 1,
10234
10235
  "g": 1,
10235
10236
  "b": 1,
10236
- "a": 0.1
10237
+ "a": 0.15
10237
10238
  },
10238
10239
  "type": "COLOR",
10239
10240
  "refId": "mode/button/danger/borderColor/active",
@@ -10993,87 +10994,83 @@
10993
10994
  {
10994
10995
  "name": "contribution/default/borderColor/0",
10995
10996
  "value": {
10996
- "r": 1,
10997
- "g": 1,
10998
- "b": 1,
10997
+ "r": 0.00392156862745098,
10998
+ "g": 0.01568627450980392,
10999
+ "b": 0.03529411764705882,
10999
11000
  "a": 0.05
11000
11001
  },
11001
11002
  "type": "COLOR",
11002
11003
  "alpha": 0.05,
11003
11004
  "refId": "mode/contribution/default/borderColor/0",
11004
- "reference": "base/color/dark/base/color/white",
11005
+ "reference": "base/color/dark/base/color/black",
11005
11006
  "collection": "mode",
11006
11007
  "mode": "dark",
11007
11008
  "group": "component (internal)",
11008
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11009
+ "scopes": ["STROKE_COLOR"]
11009
11010
  },
11010
11011
  {
11011
11012
  "name": "contribution/default/borderColor/1",
11012
11013
  "value": {
11013
- "r": 1,
11014
- "g": 1,
11015
- "b": 1,
11014
+ "r": 0.00392156862745098,
11015
+ "g": 0.01568627450980392,
11016
+ "b": 0.03529411764705882,
11016
11017
  "a": 0.05
11017
11018
  },
11018
11019
  "type": "COLOR",
11019
- "alpha": 0.05,
11020
11020
  "refId": "mode/contribution/default/borderColor/1",
11021
- "reference": "base/color/dark/base/color/white",
11021
+ "reference": "mode/contribution/default/borderColor/0",
11022
11022
  "collection": "mode",
11023
11023
  "mode": "dark",
11024
11024
  "group": "component (internal)",
11025
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11025
+ "scopes": ["STROKE_COLOR"]
11026
11026
  },
11027
11027
  {
11028
11028
  "name": "contribution/default/borderColor/2",
11029
11029
  "value": {
11030
- "r": 1,
11031
- "g": 1,
11032
- "b": 1,
11030
+ "r": 0.00392156862745098,
11031
+ "g": 0.01568627450980392,
11032
+ "b": 0.03529411764705882,
11033
11033
  "a": 0.05
11034
11034
  },
11035
11035
  "type": "COLOR",
11036
- "alpha": 0.05,
11037
11036
  "refId": "mode/contribution/default/borderColor/2",
11038
- "reference": "base/color/dark/base/color/white",
11037
+ "reference": "mode/contribution/default/borderColor/0",
11039
11038
  "collection": "mode",
11040
11039
  "mode": "dark",
11041
11040
  "group": "component (internal)",
11042
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11041
+ "scopes": ["STROKE_COLOR"]
11043
11042
  },
11044
11043
  {
11045
11044
  "name": "contribution/default/borderColor/3",
11046
11045
  "value": {
11047
- "r": 1,
11048
- "g": 1,
11049
- "b": 1,
11046
+ "r": 0.00392156862745098,
11047
+ "g": 0.01568627450980392,
11048
+ "b": 0.03529411764705882,
11050
11049
  "a": 0.05
11051
11050
  },
11052
11051
  "type": "COLOR",
11053
- "alpha": 0.05,
11054
11052
  "refId": "mode/contribution/default/borderColor/3",
11055
- "reference": "base/color/dark/base/color/white",
11053
+ "reference": "mode/contribution/default/borderColor/0",
11056
11054
  "collection": "mode",
11057
11055
  "mode": "dark",
11058
11056
  "group": "component (internal)",
11059
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11057
+ "scopes": ["STROKE_COLOR"]
11060
11058
  },
11061
11059
  {
11062
11060
  "name": "contribution/default/borderColor/4",
11063
11061
  "value": {
11064
- "r": 1,
11065
- "g": 1,
11066
- "b": 1,
11062
+ "r": 0.00392156862745098,
11063
+ "g": 0.01568627450980392,
11064
+ "b": 0.03529411764705882,
11067
11065
  "a": 0.05
11068
11066
  },
11069
11067
  "type": "COLOR",
11070
- "alpha": 0.05,
11071
11068
  "refId": "mode/contribution/default/borderColor/4",
11072
- "reference": "base/color/dark/base/color/white",
11069
+ "reference": "mode/contribution/default/borderColor/0",
11073
11070
  "collection": "mode",
11074
11071
  "mode": "dark",
11075
11072
  "group": "component (internal)",
11076
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11073
+ "scopes": ["STROKE_COLOR"]
11077
11074
  },
11078
11075
  {
11079
11076
  "name": "contribution/winter/bgColor/1",