@primer/primitives 7.10.0-rc.ff1c1d9 → 7.11.0-rc.ecbdb39

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 (146) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build.js +2 -2
  3. package/dist/color-contrast-check.json +1 -1
  4. package/dist/js/colors/dark.d.ts +0 -13
  5. package/dist/js/colors/dark.js +1 -14
  6. package/dist/js/colors/dark_colorblind.d.ts +0 -13
  7. package/dist/js/colors/dark_colorblind.js +1 -14
  8. package/dist/js/colors/dark_dimmed.d.ts +0 -13
  9. package/dist/js/colors/dark_dimmed.js +1 -14
  10. package/dist/js/colors/dark_high_contrast.d.ts +0 -13
  11. package/dist/js/colors/dark_high_contrast.js +1 -14
  12. package/dist/js/colors/dark_tritanopia.d.ts +0 -13
  13. package/dist/js/colors/dark_tritanopia.js +1 -14
  14. package/dist/js/colors/index.d.ts +0 -117
  15. package/dist/js/colors/light.d.ts +0 -13
  16. package/dist/js/colors/light.js +1 -14
  17. package/dist/js/colors/light_colorblind.d.ts +0 -13
  18. package/dist/js/colors/light_colorblind.js +1 -14
  19. package/dist/js/colors/light_high_contrast.d.ts +0 -13
  20. package/dist/js/colors/light_high_contrast.js +1 -14
  21. package/dist/js/colors/light_tritanopia.d.ts +0 -13
  22. package/dist/js/colors/light_tritanopia.js +1 -14
  23. package/dist/js/index.d.ts +0 -117
  24. package/dist/json/colors/dark.json +1 -14
  25. package/dist/json/colors/dark_colorblind.json +1 -14
  26. package/dist/json/colors/dark_dimmed.json +1 -14
  27. package/dist/json/colors/dark_high_contrast.json +1 -14
  28. package/dist/json/colors/dark_tritanopia.json +1 -14
  29. package/dist/json/colors/light.json +1 -14
  30. package/dist/json/colors/light_colorblind.json +1 -14
  31. package/dist/json/colors/light_high_contrast.json +1 -14
  32. package/dist/json/colors/light_tritanopia.json +1 -14
  33. package/dist/removed/colors.json +13 -2
  34. package/dist/scss/colors/_dark.scss +0 -13
  35. package/dist/scss/colors/_dark_colorblind.scss +0 -13
  36. package/dist/scss/colors/_dark_dimmed.scss +0 -13
  37. package/dist/scss/colors/_dark_high_contrast.scss +0 -13
  38. package/dist/scss/colors/_dark_tritanopia.scss +0 -13
  39. package/dist/scss/colors/_light.scss +0 -13
  40. package/dist/scss/colors/_light_colorblind.scss +0 -13
  41. package/dist/scss/colors/_light_high_contrast.scss +0 -13
  42. package/dist/scss/colors/_light_tritanopia.scss +0 -13
  43. package/dist/ts/colors/dark.ts +1 -14
  44. package/dist/ts/colors/dark_colorblind.ts +1 -14
  45. package/dist/ts/colors/dark_dimmed.ts +1 -14
  46. package/dist/ts/colors/dark_high_contrast.ts +1 -14
  47. package/dist/ts/colors/dark_tritanopia.ts +1 -14
  48. package/dist/ts/colors/light.ts +1 -14
  49. package/dist/ts/colors/light_colorblind.ts +1 -14
  50. package/dist/ts/colors/light_high_contrast.ts +1 -14
  51. package/dist/ts/colors/light_tritanopia.ts +1 -14
  52. package/package.json +18 -4
  53. package/tokens/base/color/dark/dark.dimmed.json5 +128 -0
  54. package/tokens/base/color/dark/dark.high-contrast.json5 +128 -0
  55. package/tokens/base/color/dark/dark.json5 +133 -0
  56. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +48 -0
  57. package/tokens/base/color/dark/dark.tritanopia.json5 +96 -0
  58. package/tokens/base/color/light/light.high-contrast.json5 +394 -0
  59. package/tokens/base/color/light/light.json5 +403 -0
  60. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +138 -0
  61. package/tokens/base/color/light/light.tritanopia.json5 +96 -0
  62. package/tokens/functional/border/dark.json5 +12 -0
  63. package/tokens/functional/border/light.json5 +12 -0
  64. package/tokens/functional/color/dark/ansi-dark.json5 +74 -0
  65. package/tokens/functional/color/dark/checks-dark.json5 +289 -0
  66. package/tokens/functional/color/dark/components-dark.json5 +556 -0
  67. package/tokens/functional/color/dark/diff-dark.json5 +78 -0
  68. package/tokens/functional/color/dark/marketing-dark.json5 +24 -0
  69. package/tokens/functional/color/dark/misc-dark.json5 +38 -0
  70. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +17 -0
  71. package/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +276 -0
  72. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +50 -0
  73. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +49 -0
  74. package/tokens/functional/color/dark/primitives-dark.json5 +322 -0
  75. package/tokens/functional/color/dark/syntax-dark.json5 +208 -0
  76. package/tokens/functional/color/light/ansi-light.json5 +74 -0
  77. package/tokens/functional/color/light/checks-light.json5 +296 -0
  78. package/tokens/functional/color/light/components-light.json5 +469 -0
  79. package/tokens/functional/color/light/diff-light.json5 +76 -0
  80. package/tokens/functional/color/light/marketing-light.json5 +24 -0
  81. package/tokens/functional/color/light/misc-light.json5 +37 -0
  82. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +332 -0
  83. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +92 -0
  84. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +92 -0
  85. package/tokens/functional/color/light/primitives-light.json5 +313 -0
  86. package/tokens/functional/color/light/syntax-light.json5 +208 -0
  87. package/tokens/functional/color/scales.json5 +493 -0
  88. package/tokens/functional/shadow/dark.json5 +93 -0
  89. package/tokens/functional/shadow/light.json5 +100 -0
  90. package/tokens/functional/size/border.json +8 -0
  91. package/tokens/functional/typography/typography.json +2 -2
  92. package/tokens/removed/color.json +421 -0
  93. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  94. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  100. package/tokens-v2-private/css/tokens/functional/typography/typography.css +3 -3
  101. package/tokens-v2-private/docs/docValues.json +12 -12
  102. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  109. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  110. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +13 -13
  111. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  112. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  118. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  119. package/tokens-v2-private/js/tokens/functional/typography/typography.js +11 -11
  120. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  127. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  128. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +3 -3
  129. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  131. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  145. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  146. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +11 -11
@@ -0,0 +1,74 @@
1
+ {
2
+ "color": {
3
+ "ansi": {
4
+ "black": {
5
+ "$value": "{base.color.scale.gray.5}",
6
+ "$type": "color"
7
+ },
8
+ "blackBright": {
9
+ "$value": "{base.color.scale.gray.4}",
10
+ "$type": "color"
11
+ },
12
+ "white": {
13
+ "$value": "{base.color.scale.gray.2}",
14
+ "$type": "color"
15
+ },
16
+ "whiteBright": {
17
+ "$value": "{base.color.scale.white}",
18
+ "$type": "color"
19
+ },
20
+ "gray": {
21
+ "$value": "{base.color.scale.gray.4}",
22
+ "$type": "color"
23
+ },
24
+ "red": {
25
+ "$value": "{base.color.scale.red.3}",
26
+ "$type": "color"
27
+ },
28
+ "redBright": {
29
+ "$value": "{base.color.scale.red.2}",
30
+ "$type": "color"
31
+ },
32
+ "green": {
33
+ "$value": "{base.color.scale.green.3}",
34
+ "$type": "color"
35
+ },
36
+ "greenBright": {
37
+ "$value": "{base.color.scale.green.2}",
38
+ "$type": "color"
39
+ },
40
+ "yellow": {
41
+ "$value": "{base.color.scale.yellow.3}",
42
+ "$type": "color"
43
+ },
44
+ "yellowBright": {
45
+ "$value": "{base.color.scale.yellow.2}",
46
+ "$type": "color"
47
+ },
48
+ "blue": {
49
+ "$value": "{base.color.scale.blue.3}",
50
+ "$type": "color"
51
+ },
52
+ "blueBright": {
53
+ "$value": "{base.color.scale.blue.2}",
54
+ "$type": "color"
55
+ },
56
+ "magenta": {
57
+ "$value": "{base.color.scale.purple.3}",
58
+ "$type": "color"
59
+ },
60
+ "magentaBright": {
61
+ "$value": "{base.color.scale.purple.2}",
62
+ "$type": "color"
63
+ },
64
+ "cyan": {
65
+ "$value": "#39c5cf",
66
+ "$type": "color"
67
+ },
68
+ "cyanBright": {
69
+ "$value": "#56d4dd",
70
+ "$type": "color"
71
+ }
72
+ }
73
+ }
74
+ }
@@ -0,0 +1,289 @@
1
+ {
2
+ "color": {
3
+ "checks": {
4
+ "bg": {
5
+ "$value": "{color.canvas.inset}",
6
+ "$type": "color"
7
+ },
8
+ "textPrimary": {
9
+ "$value": "{color.fg.default}",
10
+ "$type": "color"
11
+ },
12
+ "textSecondary": {
13
+ "$value": "{color.fg.muted}",
14
+ "$type": "color"
15
+ },
16
+ "textLink": {
17
+ "$value": "{color.accent.fg}",
18
+ "$type": "color"
19
+ },
20
+ "btnIcon": {
21
+ "$value": "{color.fg.muted}",
22
+ "$type": "color"
23
+ },
24
+ "btnHoverIcon": {
25
+ "$value": "{color.fg.default}",
26
+ "$type": "color"
27
+ },
28
+ "btnHoverBg": {
29
+ "$value": "{color.neutral.subtle}",
30
+ "$type": "color"
31
+ },
32
+ "inputText": {
33
+ "$value": "{color.fg.muted}",
34
+ "$type": "color"
35
+ },
36
+ "inputPlaceholderText": {
37
+ "$value": "{color.fg.subtle}",
38
+ "$type": "color"
39
+ },
40
+ "inputFocusText": {
41
+ "$value": "{color.fg.default}",
42
+ "$type": "color"
43
+ },
44
+ "inputBg": {
45
+ "$value": "{base.color.scale.gray.8}",
46
+ "$type": "color"
47
+ },
48
+ "donutError": {
49
+ "$value": "{base.color.scale.red.4}",
50
+ "$type": "color"
51
+ },
52
+ "donutPending": {
53
+ "$value": "{base.color.scale.yellow.3}",
54
+ "$type": "color"
55
+ },
56
+ "donutSuccess": {
57
+ "$value": "{base.color.scale.green.4}",
58
+ "$type": "color"
59
+ },
60
+ "donutNeutral": {
61
+ "$value": "{base.color.scale.gray.3}",
62
+ "$type": "color"
63
+ },
64
+ "dropdownText": {
65
+ "$value": "{color.fg.default}",
66
+ "$type": "color"
67
+ },
68
+ "dropdownBg": {
69
+ "$value": "{color.canvas.overlay}",
70
+ "$type": "color"
71
+ },
72
+ "dropdownBorder": {
73
+ "$value": "{color.border.default}",
74
+ "$type": "color"
75
+ },
76
+ "dropdownShadow": {
77
+ "$value": "{base.color.scale.black}",
78
+ "$type": "color",
79
+ "alpha": 0.3
80
+ },
81
+ "dropdownHoverText": {
82
+ "$value": "{color.fg.default}",
83
+ "$type": "color"
84
+ },
85
+ "dropdownHoverBg": {
86
+ "$value": "{color.neutral.subtle}",
87
+ "$type": "color"
88
+ },
89
+ "dropdownBtnHoverText": {
90
+ "$value": "{color.fg.default}",
91
+ "$type": "color"
92
+ },
93
+ "dropdownBtnHoverBg": {
94
+ "$value": "{color.neutral.subtle}",
95
+ "$type": "color"
96
+ },
97
+ "scrollbarThumbBg": {
98
+ "$value": "{color.neutral.muted}",
99
+ "$type": "color"
100
+ },
101
+ "headerLabelText": {
102
+ "$value": "{color.fg.muted}",
103
+ "$type": "color"
104
+ },
105
+ "headerLabelOpenText": {
106
+ "$value": "{color.fg.default}",
107
+ "$type": "color"
108
+ },
109
+ "headerBorder": {
110
+ "$value": "{color.border.muted}",
111
+ "$type": "color"
112
+ },
113
+ "headerIcon": {
114
+ "$value": "{color.fg.muted}",
115
+ "$type": "color"
116
+ },
117
+ "lineText": {
118
+ "$value": "{color.fg.muted}",
119
+ "$type": "color"
120
+ },
121
+ "lineNumText": {
122
+ "$value": "{color.fg.subtle}",
123
+ "$type": "color"
124
+ },
125
+ "lineTimestampText": {
126
+ "$value": "{color.fg.subtle}",
127
+ "$type": "color"
128
+ },
129
+ "lineHoverBg": {
130
+ "$value": "{color.neutral.subtle}",
131
+ "$type": "color"
132
+ },
133
+ "lineSelectedBg": {
134
+ "$value": "{color.accent.subtle}",
135
+ "$type": "color"
136
+ },
137
+ "lineSelectedNumText": {
138
+ "$value": "{color.accent.fg}",
139
+ "$type": "color"
140
+ },
141
+ "lineDtFmText": {
142
+ "$value": "{color.fg.onEmphasis}",
143
+ "$type": "color"
144
+ },
145
+ "lineDtFmBg": {
146
+ "$value": "{color.attention.emphasis}",
147
+ "$type": "color"
148
+ },
149
+ "gateBg": {
150
+ "$value": "{color.attention.subtle}",
151
+ "$type": "color"
152
+ },
153
+ "gateText": {
154
+ "$value": "{color.fg.muted}",
155
+ "$type": "color"
156
+ },
157
+ "gateWaitingText": {
158
+ "$value": "{color.attention.fg}",
159
+ "$type": "color"
160
+ },
161
+ "stepHeaderOpenBg": {
162
+ "$value": "{color.canvas.subtle}",
163
+ "$type": "color"
164
+ },
165
+ "stepErrorText": {
166
+ "$value": "{color.danger.fg}",
167
+ "$type": "color"
168
+ },
169
+ "stepWarningText": {
170
+ "$value": "{color.attention.fg}",
171
+ "$type": "color"
172
+ },
173
+ "loglineText": {
174
+ "$value": "{color.fg.muted}",
175
+ "$type": "color"
176
+ },
177
+ "loglineNumText": {
178
+ "$value": "{color.fg.subtle}",
179
+ "$type": "color"
180
+ },
181
+ "loglineDebugText": {
182
+ "$value": "{color.done.fg}",
183
+ "$type": "color"
184
+ },
185
+ "loglineErrorText": {
186
+ "$value": "{color.fg.muted}",
187
+ "$type": "color"
188
+ },
189
+ "loglineErrorNumText": {
190
+ "$value": "{color.fg.subtle}",
191
+ "$type": "color"
192
+ },
193
+ "loglineErrorBg": {
194
+ "$value": "{color.danger.subtle}",
195
+ "$type": "color"
196
+ },
197
+ "loglineWarningText": {
198
+ "$value": "{color.fg.muted}",
199
+ "$type": "color"
200
+ },
201
+ "loglineWarningNumText": {
202
+ "$value": "{color.attention.fg}",
203
+ "$type": "color"
204
+ },
205
+ "loglineWarningBg": {
206
+ "$value": "{color.attention.subtle}",
207
+ "$type": "color"
208
+ },
209
+ "loglineCommandText": {
210
+ "$value": "{color.accent.fg}",
211
+ "$type": "color"
212
+ },
213
+ "loglineSectionText": {
214
+ "$value": "{color.success.fg}",
215
+ "$type": "color"
216
+ },
217
+ "ansi": {
218
+ "black": {
219
+ "$value": "{base.color.scale.gray.9}",
220
+ "$type": "color"
221
+ },
222
+ "blackBright": {
223
+ "$value": "{base.color.scale.gray.8}",
224
+ "$type": "color"
225
+ },
226
+ "white": {
227
+ "$value": "{base.color.scale.gray.2}",
228
+ "$type": "color"
229
+ },
230
+ "whiteBright": {
231
+ "$value": "{base.color.scale.gray.2}",
232
+ "$type": "color"
233
+ },
234
+ "gray": {
235
+ "$value": "{base.color.scale.gray.4}",
236
+ "$type": "color"
237
+ },
238
+ "red": {
239
+ "$value": "{base.color.scale.red.3}",
240
+ "$type": "color"
241
+ },
242
+ "redBright": {
243
+ "$value": "{base.color.scale.red.2}",
244
+ "$type": "color"
245
+ },
246
+ "green": {
247
+ "$value": "{base.color.scale.green.3}",
248
+ "$type": "color"
249
+ },
250
+ "greenBright": {
251
+ "$value": "{base.color.scale.green.2}",
252
+ "$type": "color"
253
+ },
254
+ "yellow": {
255
+ "$value": "{base.color.scale.yellow.3}",
256
+ "$type": "color"
257
+ },
258
+ "yellowBright": {
259
+ "$value": "{base.color.scale.yellow.2}",
260
+ "$type": "color"
261
+ },
262
+ "blue": {
263
+ "$value": "{base.color.scale.blue.3}",
264
+ "$type": "color"
265
+ },
266
+ "blueBright": {
267
+ "$value": "{base.color.scale.blue.2}",
268
+ "$type": "color"
269
+ },
270
+ "magenta": {
271
+ "$value": "{base.color.scale.purple.3}",
272
+ "$type": "color"
273
+ },
274
+ "magentaBright": {
275
+ "$value": "{base.color.scale.purple.2}",
276
+ "$type": "color"
277
+ },
278
+ "cyan": {
279
+ "$value": "#76e3ea",
280
+ "$type": "color"
281
+ },
282
+ "cyanBright": {
283
+ "$value": "#b3f0ff",
284
+ "$type": "color"
285
+ }
286
+ }
287
+ }
288
+ }
289
+ }