@primer/primitives 7.11.0-rc.f7ccc99 → 7.11.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 (142) hide show
  1. package/README.md +2 -2
  2. package/dist/color-contrast-check.json +1 -1
  3. package/dist/deprecated/colors.json +7 -1
  4. package/dist/js/colors/dark.d.ts +5 -0
  5. package/dist/js/colors/dark.js +5 -0
  6. package/dist/js/colors/dark_colorblind.d.ts +5 -0
  7. package/dist/js/colors/dark_colorblind.js +5 -0
  8. package/dist/js/colors/dark_dimmed.d.ts +5 -0
  9. package/dist/js/colors/dark_dimmed.js +5 -0
  10. package/dist/js/colors/dark_high_contrast.d.ts +5 -0
  11. package/dist/js/colors/dark_high_contrast.js +5 -0
  12. package/dist/js/colors/dark_tritanopia.d.ts +5 -0
  13. package/dist/js/colors/dark_tritanopia.js +5 -0
  14. package/dist/js/colors/index.d.ts +45 -0
  15. package/dist/js/colors/light.d.ts +5 -0
  16. package/dist/js/colors/light.js +5 -0
  17. package/dist/js/colors/light_colorblind.d.ts +5 -0
  18. package/dist/js/colors/light_colorblind.js +5 -0
  19. package/dist/js/colors/light_high_contrast.d.ts +5 -0
  20. package/dist/js/colors/light_high_contrast.js +5 -0
  21. package/dist/js/colors/light_tritanopia.d.ts +5 -0
  22. package/dist/js/colors/light_tritanopia.js +5 -0
  23. package/dist/js/index.d.ts +45 -0
  24. package/dist/json/colors/dark.json +5 -0
  25. package/dist/json/colors/dark_colorblind.json +5 -0
  26. package/dist/json/colors/dark_dimmed.json +5 -0
  27. package/dist/json/colors/dark_high_contrast.json +5 -0
  28. package/dist/json/colors/dark_tritanopia.json +5 -0
  29. package/dist/json/colors/light.json +5 -0
  30. package/dist/json/colors/light_colorblind.json +5 -0
  31. package/dist/json/colors/light_high_contrast.json +5 -0
  32. package/dist/json/colors/light_tritanopia.json +5 -0
  33. package/dist/scss/colors/_dark.scss +1 -0
  34. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  35. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  36. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  37. package/dist/scss/colors/_dark_tritanopia.scss +1 -0
  38. package/dist/scss/colors/_light.scss +1 -0
  39. package/dist/scss/colors/_light_colorblind.scss +1 -0
  40. package/dist/scss/colors/_light_high_contrast.scss +1 -0
  41. package/dist/scss/colors/_light_tritanopia.scss +1 -0
  42. package/dist/ts/colors/dark.ts +5 -0
  43. package/dist/ts/colors/dark_colorblind.ts +5 -0
  44. package/dist/ts/colors/dark_dimmed.ts +5 -0
  45. package/dist/ts/colors/dark_high_contrast.ts +5 -0
  46. package/dist/ts/colors/dark_tritanopia.ts +5 -0
  47. package/dist/ts/colors/light.ts +5 -0
  48. package/dist/ts/colors/light_colorblind.ts +5 -0
  49. package/dist/ts/colors/light_high_contrast.ts +5 -0
  50. package/dist/ts/colors/light_tritanopia.ts +5 -0
  51. package/package.json +16 -15
  52. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  53. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  56. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  57. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  60. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  65. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  69. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  82. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  83. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  84. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  87. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  89. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  105. package/CHANGELOG.md +0 -685
  106. package/tokens/base/color/dark/dark.dimmed.json5 +0 -128
  107. package/tokens/base/color/dark/dark.high-contrast.json5 +0 -128
  108. package/tokens/base/color/dark/dark.json5 +0 -133
  109. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +0 -48
  110. package/tokens/base/color/dark/dark.tritanopia.json5 +0 -96
  111. package/tokens/base/color/light/light.high-contrast.json5 +0 -394
  112. package/tokens/base/color/light/light.json5 +0 -403
  113. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +0 -138
  114. package/tokens/base/color/light/light.tritanopia.json5 +0 -96
  115. package/tokens/functional/border/dark.json5 +0 -12
  116. package/tokens/functional/border/light.json5 +0 -12
  117. package/tokens/functional/color/dark/ansi-dark.json5 +0 -74
  118. package/tokens/functional/color/dark/checks-dark.json5 +0 -289
  119. package/tokens/functional/color/dark/components-dark.json5 +0 -556
  120. package/tokens/functional/color/dark/diff-dark.json5 +0 -78
  121. package/tokens/functional/color/dark/marketing-dark.json5 +0 -24
  122. package/tokens/functional/color/dark/misc-dark.json5 +0 -38
  123. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  124. package/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -276
  125. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -50
  126. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -49
  127. package/tokens/functional/color/dark/primitives-dark.json5 +0 -322
  128. package/tokens/functional/color/dark/syntax-dark.json5 +0 -208
  129. package/tokens/functional/color/light/ansi-light.json5 +0 -74
  130. package/tokens/functional/color/light/checks-light.json5 +0 -296
  131. package/tokens/functional/color/light/components-light.json5 +0 -469
  132. package/tokens/functional/color/light/diff-light.json5 +0 -76
  133. package/tokens/functional/color/light/marketing-light.json5 +0 -24
  134. package/tokens/functional/color/light/misc-light.json5 +0 -37
  135. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -332
  136. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -92
  137. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -92
  138. package/tokens/functional/color/light/primitives-light.json5 +0 -313
  139. package/tokens/functional/color/light/syntax-light.json5 +0 -208
  140. package/tokens/functional/color/scales.json5 +0 -493
  141. package/tokens/functional/shadow/dark.json5 +0 -93
  142. package/tokens/functional/shadow/light.json5 +0 -100
@@ -1,74 +0,0 @@
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
- }
@@ -1,289 +0,0 @@
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
- }