@primer/primitives 7.10.0-rc.ff1c1d9 → 7.10.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 (89) hide show
  1. package/build.js +2 -2
  2. package/package.json +7 -3
  3. package/tokens/base/color/dark-colorblind.json +44 -0
  4. package/tokens/base/color/dark-dimmed.json +124 -0
  5. package/tokens/base/color/dark-high-contrast.json +124 -0
  6. package/tokens/base/color/dark-tritanopia.json +92 -0
  7. package/tokens/base/color/dark.json +129 -0
  8. package/tokens/base/color/light-colorblind.json +134 -0
  9. package/tokens/base/color/light-high-contrast.json +390 -0
  10. package/tokens/base/color/light-tritanopia.json +92 -0
  11. package/tokens/base/color/light.json +399 -0
  12. package/tokens/functional/color/ansi-dark.json +74 -0
  13. package/tokens/functional/color/ansi-light.json +74 -0
  14. package/tokens/functional/color/checks-dark.json +289 -0
  15. package/tokens/functional/color/checks-light.json +296 -0
  16. package/tokens/functional/color/components-dark.json +556 -0
  17. package/tokens/functional/color/components-light.json +469 -0
  18. package/tokens/functional/color/diff-dark.json +78 -0
  19. package/tokens/functional/color/diff-light.json +76 -0
  20. package/tokens/functional/color/exceptions-dark-colorblind.json +45 -0
  21. package/tokens/functional/color/exceptions-dark-dimmed.json +12 -0
  22. package/tokens/functional/color/exceptions-dark-high-contrast.json +271 -0
  23. package/tokens/functional/color/exceptions-dark-tritanopia.json +44 -0
  24. package/tokens/functional/color/exceptions-light-colorblind.json +87 -0
  25. package/tokens/functional/color/exceptions-light-high-contrast.json +327 -0
  26. package/tokens/functional/color/exceptions-light-tritanopia.json +87 -0
  27. package/tokens/functional/color/marketing-dark.json +24 -0
  28. package/tokens/functional/color/marketing-light.json +24 -0
  29. package/tokens/functional/color/misc-dark.json +38 -0
  30. package/tokens/functional/color/misc-light.json +37 -0
  31. package/tokens/functional/color/primitives-dark.json +322 -0
  32. package/tokens/functional/color/primitives-light.json +313 -0
  33. package/tokens/functional/color/scales.json +582 -0
  34. package/tokens/functional/color/syntax-dark.json +208 -0
  35. package/tokens/functional/color/syntax-light.json +208 -0
  36. package/tokens/removed/color.json +421 -0
  37. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  38. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  45. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  54. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  55. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  56. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  57. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  63. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  65. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  72. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  73. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  74. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  75. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -0,0 +1,271 @@
1
+ {
2
+ "color": {
3
+ "fg": {
4
+ "muted": {
5
+ "$value": "{base.color.scale.gray.1}",
6
+ "$type": "color"
7
+ },
8
+ "onEmphasis": {
9
+ "$value": "{base.color.scale.gray.9}",
10
+ "$type": "color"
11
+ }
12
+ },
13
+ "border": {
14
+ "default": {
15
+ "$value": "{base.color.scale.gray.5}",
16
+ "$type": "color"
17
+ },
18
+ "muted": {
19
+ "$value": "{base.color.scale.gray.5}",
20
+ "$type": "color"
21
+ },
22
+ "subtle": {
23
+ "$value": "{base.color.scale.gray.5}",
24
+ "$type": "color"
25
+ }
26
+ },
27
+ "neutral": {
28
+ "emphasis": {
29
+ "$value": "{base.color.scale.gray.4}",
30
+ "$type": "color"
31
+ },
32
+ "emphasisPlus": {
33
+ "$value": "{base.color.scale.gray.0}",
34
+ "$type": "color"
35
+ }
36
+ },
37
+ "accent": {
38
+ "muted": {
39
+ "$value": "{base.color.scale.blue.4}",
40
+ "$type": "color"
41
+ }
42
+ },
43
+ "success": {
44
+ "muted": {
45
+ "$value": "{base.color.scale.green.4}",
46
+ "$type": "color"
47
+ }
48
+ },
49
+ "attention": {
50
+ "muted": {
51
+ "$value": "{base.color.scale.yellow.4}",
52
+ "$type": "color"
53
+ }
54
+ },
55
+ "severe": {
56
+ "muted": {
57
+ "$value": "{base.color.scale.orange.4}",
58
+ "$type": "color"
59
+ }
60
+ },
61
+ "danger": {
62
+ "muted": {
63
+ "$value": "{base.color.scale.red.4}",
64
+ "$type": "color"
65
+ }
66
+ },
67
+ "done": {
68
+ "muted": {
69
+ "$value": "{base.color.scale.purple.4}",
70
+ "$type": "color"
71
+ }
72
+ },
73
+ "sponsors": {
74
+ "muted": {
75
+ "$value": "{base.color.scale.pink.4}",
76
+ "$type": "color"
77
+ }
78
+ },
79
+ "avatar": {
80
+ "border": {
81
+ "$value": "{base.color.scale.white}",
82
+ "$type": "color",
83
+ "alpha": 0.9
84
+ }
85
+ },
86
+ "diffstat": {
87
+ "deletionBorder": {
88
+ "$value": "{base.color.scale.red.2}",
89
+ "$type": "color"
90
+ },
91
+ "additionBorder": {
92
+ "$value": "{base.color.scale.green.2}",
93
+ "$type": "color"
94
+ }
95
+ },
96
+ "underlinenav": {
97
+ "icon": {
98
+ "$value": "{base.color.scale.gray.1}",
99
+ "$type": "color"
100
+ },
101
+ "borderHover": {
102
+ "$value": "{base.color.scale.gray.3}",
103
+ "$type": "color"
104
+ }
105
+ },
106
+ "topicTag": {
107
+ "border": {
108
+ "$value": "{color.accent.emphasis}",
109
+ "$type": "color"
110
+ }
111
+ },
112
+ "btn": {
113
+ "selectedBg": {
114
+ "$value": "{base.color.scale.gray.6}",
115
+ "$type": "color",
116
+ "alpha": 0.9
117
+ },
118
+ "primary": {
119
+ "text": {
120
+ "$value": "{color.fg.onEmphasis}",
121
+ "$type": "color"
122
+ },
123
+ "border": {
124
+ "$value": "{base.color.scale.green.2}",
125
+ "$type": "color"
126
+ },
127
+ "hover": {
128
+ "bg": {
129
+ "$value": "{base.color.scale.green.3}",
130
+ "$type": "color"
131
+ }
132
+ },
133
+ "hoverBorder": {
134
+ "$value": "{base.color.scale.green.2}",
135
+ "$type": "color"
136
+ },
137
+ "disabledText": {
138
+ "$value": "{color.fg.onEmphasis}",
139
+ "$type": "color",
140
+ "alpha": 0.5
141
+ },
142
+ "disabledBg": {
143
+ "$value": "{base.color.scale.green.5}",
144
+ "$type": "color",
145
+ "alpha": 0.6
146
+ },
147
+ "disabledBorder": {
148
+ "$value": "{base.color.scale.green.2}",
149
+ "$type": "color",
150
+ "alpha": 0.4
151
+ },
152
+ "icon": {
153
+ "$value": "{color.fg.onEmphasis}",
154
+ "$type": "color"
155
+ },
156
+ "counterBg": {
157
+ "$value": "{base.color.scale.black}",
158
+ "$type": "color",
159
+ "alpha": 0.15
160
+ }
161
+ },
162
+ "danger": {
163
+ "hover": {
164
+ "counter": {
165
+ "bg": {
166
+ "$value": "{base.color.scale.black}",
167
+ "$type": "color",
168
+ "alpha": 0.15
169
+ }
170
+ }
171
+ },
172
+ "counterBg": {
173
+ "$value": "{base.color.scale.black}",
174
+ "$type": "color",
175
+ "alpha": 0.15
176
+ }
177
+ }
178
+ },
179
+ "codemirror": {
180
+ "selectionBg": {
181
+ "$value": "{base.color.scale.blue.4}",
182
+ "$type": "color",
183
+ "alpha": 0.4
184
+ }
185
+ },
186
+ "diffBlob": {
187
+ "addition": {
188
+ "fg": {
189
+ "$value": "{color.fg.onEmphasis}",
190
+ "$type": "color"
191
+ }
192
+ },
193
+ "deletion": {
194
+ "fg": {
195
+ "$value": "{color.fg.onEmphasis}",
196
+ "$type": "color"
197
+ }
198
+ },
199
+ "expander": {
200
+ "icon": {
201
+ "$value": "{color.fg.default}",
202
+ "$type": "color"
203
+ }
204
+ },
205
+ "hunk": {
206
+ "numBg": {
207
+ "$value": "{color.accent.muted}",
208
+ "$type": "color",
209
+ "alpha": 0.4
210
+ }
211
+ }
212
+ },
213
+
214
+ "actionListItem": {
215
+ "inlineDivider": {
216
+ "$value": "{color.border.muted}",
217
+ "$type": "color"
218
+ },
219
+
220
+ "default": {
221
+ "hoverBg": {
222
+ "$value": "{base.color.scale.gray.8}",
223
+ "$type": "color"
224
+ },
225
+ "hoverBorder": {
226
+ "$value": "{color.border.default}",
227
+ "$type": "color"
228
+ },
229
+ "activeBg": {
230
+ "$value": "{base.color.scale.gray.6}",
231
+ "$type": "color"
232
+ },
233
+ "activeBorder": {
234
+ "$value": "{base.color.scale.gray.4}",
235
+ "$type": "color"
236
+ },
237
+ "selectedBg": {
238
+ "$value": "{base.color.scale.gray.6}",
239
+ "$type": "color"
240
+ }
241
+ },
242
+ "danger": {
243
+ "hoverBg": {
244
+ "$value": "{color.danger.emphasis}",
245
+ "$type": "color"
246
+ },
247
+ "activeBg": {
248
+ "$value": "{base.color.scale.red.6}",
249
+ "$type": "color"
250
+ },
251
+ "hoverText": {
252
+ "$value": "{color.fg.onEmphasis}",
253
+ "$type": "color"
254
+ }
255
+ }
256
+ },
257
+
258
+ "switchTrack": {
259
+ "border": {
260
+ "$value": "{color.border.default}",
261
+ "$type": "color"
262
+ },
263
+ "checked": {
264
+ "border": {
265
+ "$value": "{base.color.scale.blue.5}",
266
+ "$type": "color"
267
+ }
268
+ }
269
+ }
270
+ }
271
+ }
@@ -0,0 +1,44 @@
1
+ {
2
+ "color": {
3
+ "open": {
4
+ "fg": {
5
+ "$value": "{base.color.scale.orange.3}",
6
+ "$type": "color"
7
+ },
8
+ "emphasis": {
9
+ "$value": "{base.color.scale.orange.5}",
10
+ "$type": "color"
11
+ },
12
+ "muted": {
13
+ "$value": "{base.color.scale.orange.4}",
14
+ "$type": "color",
15
+ "alpha": 0.4
16
+ },
17
+ "subtle": {
18
+ "$value": "{base.color.scale.orange.4}",
19
+ "$type": "color",
20
+ "alpha": 0.15
21
+ }
22
+ },
23
+ "closed": {
24
+ "fg": {
25
+ "$value": "{base.color.scale.gray.3}",
26
+ "$type": "color"
27
+ },
28
+ "emphasis": {
29
+ "$value": "{base.color.scale.gray.4}",
30
+ "$type": "color"
31
+ },
32
+ "muted": {
33
+ "$value": "{base.color.scale.gray.4}",
34
+ "$type": "color",
35
+ "alpha": 0.4
36
+ },
37
+ "subtle": {
38
+ "$value": "{base.color.scale.gray.4}",
39
+ "$type": "color",
40
+ "alpha": 0.1
41
+ }
42
+ }
43
+ }
44
+ }
@@ -0,0 +1,87 @@
1
+ {
2
+ "color": {
3
+ "open": {
4
+ "fg": {
5
+ "$value": "{base.color.scale.orange.5}",
6
+ "$type": "color"
7
+ },
8
+ "emphasis": {
9
+ "$value": "{base.color.scale.orange.4}",
10
+ "$type": "color"
11
+ },
12
+ "muted": {
13
+ "$value": "{base.color.scale.orange.3}",
14
+ "$type": "color",
15
+ "alpha": 0.4
16
+ },
17
+ "subtle": {
18
+ "$value": "{base.color.scale.orange.0}",
19
+ "$type": "color"
20
+ }
21
+ },
22
+ "closed": {
23
+ "fg": {
24
+ "$value": "{base.color.scale.gray.5}",
25
+ "$type": "color"
26
+ },
27
+ "emphasis": {
28
+ "$value": "{base.color.scale.gray.5}",
29
+ "$type": "color"
30
+ },
31
+ "muted": {
32
+ "$value": "{base.color.scale.gray.3}",
33
+ "$type": "color",
34
+ "alpha": 0.4
35
+ },
36
+ "subtle": {
37
+ "$value": "{base.color.scale.gray.0}",
38
+ "$type": "color"
39
+ }
40
+ },
41
+ "diffBlob": {
42
+ "addition": {
43
+ "numBg": {
44
+ "$value": "{color.success.muted}",
45
+ "$type": "color"
46
+ },
47
+ "lineBg": {
48
+ "$value": "{base.color.scale.green.0}",
49
+ "$type": "color",
50
+ "alpha": 0.5
51
+ },
52
+ "wordBg": {
53
+ "$value": "{color.success.muted}",
54
+ "$type": "color"
55
+ }
56
+ },
57
+ "deletion": {
58
+ "numBg": {
59
+ "$value": "{color.danger.muted}",
60
+ "$type": "color"
61
+ },
62
+ "lineBg": {
63
+ "$value": "{base.color.scale.red.0}",
64
+ "$type": "color",
65
+ "alpha": 0.5
66
+ },
67
+ "wordBg": {
68
+ "$value": "{base.color.scale.red.2}",
69
+ "$type": "color",
70
+ "alpha": 0.5
71
+ }
72
+ }
73
+ },
74
+ "btn": {
75
+ "primary": {
76
+ "hoverBg": {
77
+ "$value": "{base.color.scale.green.5}",
78
+ "$type": "color"
79
+ },
80
+ "disabledBg": {
81
+ "$value": "{base.color.scale.green.2}",
82
+ "$type": "color"
83
+ }
84
+ }
85
+ }
86
+ }
87
+ }