@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/light-tritanopia.json CHANGED
@@ -9491,9 +9491,8 @@
9491
9491
  "a": 0.15
9492
9492
  },
9493
9493
  "type": "COLOR",
9494
- "alpha": 0.15,
9495
9494
  "refId": "mode/button/primary/borderColor/rest",
9496
- "reference": "base/color/light/base/color/neutral/13",
9495
+ "reference": "mode/borderColor/translucent",
9497
9496
  "collection": "mode",
9498
9497
  "mode": "light tritanopia",
9499
9498
  "group": "component (internal)",
@@ -10106,7 +10105,7 @@
10106
10105
  },
10107
10106
  "type": "COLOR",
10108
10107
  "refId": "mode/button/danger/iconColor/rest",
10109
- "reference": "mode/fgColor/danger",
10108
+ "reference": "mode/button/danger/fgColor/rest",
10110
10109
  "collection": "mode",
10111
10110
  "mode": "light tritanopia",
10112
10111
  "group": "component (internal)",
@@ -10147,14 +10146,14 @@
10147
10146
  {
10148
10147
  "name": "button/danger/bgColor/hover",
10149
10148
  "value": {
10150
- "r": 0.6431372549019608,
10151
- "g": 0.054901960784313725,
10152
- "b": 0.14901960784313725,
10149
+ "r": 0.8117647058823529,
10150
+ "g": 0.13333333333333333,
10151
+ "b": 0.1803921568627451,
10153
10152
  "a": 1
10154
10153
  },
10155
10154
  "type": "COLOR",
10156
10155
  "refId": "mode/button/danger/bgColor/hover",
10157
- "reference": "base/color/light/base/color/red/6",
10156
+ "reference": "mode/bgColor/danger-emphasis",
10158
10157
  "collection": "mode",
10159
10158
  "mode": "light tritanopia",
10160
10159
  "group": "component (internal)",
@@ -10163,13 +10162,14 @@
10163
10162
  {
10164
10163
  "name": "button/danger/bgColor/active",
10165
10164
  "value": {
10166
- "r": 0.5450980392156862,
10167
- "g": 0.03137254901960784,
10168
- "b": 0.12549019607843137,
10165
+ "r": 0.6431372549019608,
10166
+ "g": 0.054901960784313725,
10167
+ "b": 0.14901960784313725,
10169
10168
  "a": 1
10170
10169
  },
10171
10170
  "type": "COLOR",
10172
10171
  "refId": "mode/button/danger/bgColor/active",
10172
+ "reference": "base/color/light/base/color/red/6",
10173
10173
  "collection": "mode",
10174
10174
  "mode": "light tritanopia",
10175
10175
  "group": "component (internal)",
@@ -11000,7 +11000,7 @@
11000
11000
  "collection": "mode",
11001
11001
  "mode": "light tritanopia",
11002
11002
  "group": "component (internal)",
11003
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11003
+ "scopes": ["STROKE_COLOR"]
11004
11004
  },
11005
11005
  {
11006
11006
  "name": "contribution/default/borderColor/1",
@@ -11011,13 +11011,12 @@
11011
11011
  "a": 0.05
11012
11012
  },
11013
11013
  "type": "COLOR",
11014
- "alpha": 0.05,
11015
11014
  "refId": "mode/contribution/default/borderColor/1",
11016
- "reference": "base/color/light/base/color/black",
11015
+ "reference": "mode/contribution/default/borderColor/0",
11017
11016
  "collection": "mode",
11018
11017
  "mode": "light tritanopia",
11019
11018
  "group": "component (internal)",
11020
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11019
+ "scopes": ["STROKE_COLOR"]
11021
11020
  },
11022
11021
  {
11023
11022
  "name": "contribution/default/borderColor/2",
@@ -11028,13 +11027,12 @@
11028
11027
  "a": 0.05
11029
11028
  },
11030
11029
  "type": "COLOR",
11031
- "alpha": 0.05,
11032
11030
  "refId": "mode/contribution/default/borderColor/2",
11033
- "reference": "base/color/light/base/color/black",
11031
+ "reference": "mode/contribution/default/borderColor/0",
11034
11032
  "collection": "mode",
11035
11033
  "mode": "light tritanopia",
11036
11034
  "group": "component (internal)",
11037
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11035
+ "scopes": ["STROKE_COLOR"]
11038
11036
  },
11039
11037
  {
11040
11038
  "name": "contribution/default/borderColor/3",
@@ -11045,13 +11043,12 @@
11045
11043
  "a": 0.05
11046
11044
  },
11047
11045
  "type": "COLOR",
11048
- "alpha": 0.05,
11049
11046
  "refId": "mode/contribution/default/borderColor/3",
11050
- "reference": "base/color/light/base/color/black",
11047
+ "reference": "mode/contribution/default/borderColor/0",
11051
11048
  "collection": "mode",
11052
11049
  "mode": "light tritanopia",
11053
11050
  "group": "component (internal)",
11054
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11051
+ "scopes": ["STROKE_COLOR"]
11055
11052
  },
11056
11053
  {
11057
11054
  "name": "contribution/default/borderColor/4",
@@ -11062,13 +11059,12 @@
11062
11059
  "a": 0.05
11063
11060
  },
11064
11061
  "type": "COLOR",
11065
- "alpha": 0.05,
11066
11062
  "refId": "mode/contribution/default/borderColor/4",
11067
- "reference": "base/color/light/base/color/black",
11063
+ "reference": "mode/contribution/default/borderColor/0",
11068
11064
  "collection": "mode",
11069
11065
  "mode": "light tritanopia",
11070
11066
  "group": "component (internal)",
11071
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11067
+ "scopes": ["STROKE_COLOR"]
11072
11068
  },
11073
11069
  {
11074
11070
  "name": "contribution/winter/bgColor/1",
package/dist/figma/themes/light.json CHANGED
@@ -9488,9 +9488,8 @@
9488
9488
  "a": 0.15
9489
9489
  },
9490
9490
  "type": "COLOR",
9491
- "alpha": 0.15,
9492
9491
  "refId": "mode/button/primary/borderColor/rest",
9493
- "reference": "base/color/light/base/color/neutral/13",
9492
+ "reference": "mode/borderColor/translucent",
9494
9493
  "collection": "mode",
9495
9494
  "mode": "light",
9496
9495
  "group": "component (internal)",
@@ -10103,7 +10102,7 @@
10103
10102
  },
10104
10103
  "type": "COLOR",
10105
10104
  "refId": "mode/button/danger/iconColor/rest",
10106
- "reference": "mode/fgColor/danger",
10105
+ "reference": "mode/button/danger/fgColor/rest",
10107
10106
  "collection": "mode",
10108
10107
  "mode": "light",
10109
10108
  "group": "component (internal)",
@@ -10144,14 +10143,14 @@
10144
10143
  {
10145
10144
  "name": "button/danger/bgColor/hover",
10146
10145
  "value": {
10147
- "r": 0.6431372549019608,
10148
- "g": 0.054901960784313725,
10149
- "b": 0.14901960784313725,
10146
+ "r": 0.8117647058823529,
10147
+ "g": 0.13333333333333333,
10148
+ "b": 0.1803921568627451,
10150
10149
  "a": 1
10151
10150
  },
10152
10151
  "type": "COLOR",
10153
10152
  "refId": "mode/button/danger/bgColor/hover",
10154
- "reference": "base/color/light/base/color/red/6",
10153
+ "reference": "mode/bgColor/danger-emphasis",
10155
10154
  "collection": "mode",
10156
10155
  "mode": "light",
10157
10156
  "group": "component (internal)",
@@ -10160,13 +10159,14 @@
10160
10159
  {
10161
10160
  "name": "button/danger/bgColor/active",
10162
10161
  "value": {
10163
- "r": 0.5450980392156862,
10164
- "g": 0.03137254901960784,
10165
- "b": 0.12549019607843137,
10162
+ "r": 0.6431372549019608,
10163
+ "g": 0.054901960784313725,
10164
+ "b": 0.14901960784313725,
10166
10165
  "a": 1
10167
10166
  },
10168
10167
  "type": "COLOR",
10169
10168
  "refId": "mode/button/danger/bgColor/active",
10169
+ "reference": "base/color/light/base/color/red/6",
10170
10170
  "collection": "mode",
10171
10171
  "mode": "light",
10172
10172
  "group": "component (internal)",
@@ -10997,7 +10997,7 @@
10997
10997
  "collection": "mode",
10998
10998
  "mode": "light",
10999
10999
  "group": "component (internal)",
11000
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11000
+ "scopes": ["STROKE_COLOR"]
11001
11001
  },
11002
11002
  {
11003
11003
  "name": "contribution/default/borderColor/1",
@@ -11008,13 +11008,12 @@
11008
11008
  "a": 0.05
11009
11009
  },
11010
11010
  "type": "COLOR",
11011
- "alpha": 0.05,
11012
11011
  "refId": "mode/contribution/default/borderColor/1",
11013
- "reference": "base/color/light/base/color/black",
11012
+ "reference": "mode/contribution/default/borderColor/0",
11014
11013
  "collection": "mode",
11015
11014
  "mode": "light",
11016
11015
  "group": "component (internal)",
11017
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11016
+ "scopes": ["STROKE_COLOR"]
11018
11017
  },
11019
11018
  {
11020
11019
  "name": "contribution/default/borderColor/2",
@@ -11025,13 +11024,12 @@
11025
11024
  "a": 0.05
11026
11025
  },
11027
11026
  "type": "COLOR",
11028
- "alpha": 0.05,
11029
11027
  "refId": "mode/contribution/default/borderColor/2",
11030
- "reference": "base/color/light/base/color/black",
11028
+ "reference": "mode/contribution/default/borderColor/0",
11031
11029
  "collection": "mode",
11032
11030
  "mode": "light",
11033
11031
  "group": "component (internal)",
11034
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11032
+ "scopes": ["STROKE_COLOR"]
11035
11033
  },
11036
11034
  {
11037
11035
  "name": "contribution/default/borderColor/3",
@@ -11042,13 +11040,12 @@
11042
11040
  "a": 0.05
11043
11041
  },
11044
11042
  "type": "COLOR",
11045
- "alpha": 0.05,
11046
11043
  "refId": "mode/contribution/default/borderColor/3",
11047
- "reference": "base/color/light/base/color/black",
11044
+ "reference": "mode/contribution/default/borderColor/0",
11048
11045
  "collection": "mode",
11049
11046
  "mode": "light",
11050
11047
  "group": "component (internal)",
11051
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11048
+ "scopes": ["STROKE_COLOR"]
11052
11049
  },
11053
11050
  {
11054
11051
  "name": "contribution/default/borderColor/4",
@@ -11059,13 +11056,12 @@
11059
11056
  "a": 0.05
11060
11057
  },
11061
11058
  "type": "COLOR",
11062
- "alpha": 0.05,
11063
11059
  "refId": "mode/contribution/default/borderColor/4",
11064
- "reference": "base/color/light/base/color/black",
11060
+ "reference": "mode/contribution/default/borderColor/0",
11065
11061
  "collection": "mode",
11066
11062
  "mode": "light",
11067
11063
  "group": "component (internal)",
11068
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
11064
+ "scopes": ["STROKE_COLOR"]
11069
11065
  },
11070
11066
  {
11071
11067
  "name": "contribution/winter/bgColor/1",