@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,208 @@
1
+ {
2
+ "color": {
3
+ "prettylights": {
4
+ "syntax": {
5
+ "comment": {
6
+ "$value": "{base.color.scale.gray.3}",
7
+ "$type": "color"
8
+ },
9
+ "constant": {
10
+ "$value": "{base.color.scale.blue.2}",
11
+ "$type": "color"
12
+ },
13
+ "entity": {
14
+ "$value": "{base.color.scale.purple.2}",
15
+ "$type": "color"
16
+ },
17
+ "storageModifierImport": {
18
+ "$value": "{base.color.scale.gray.1}",
19
+ "$type": "color"
20
+ },
21
+ "entityTag": {
22
+ "$value": "{base.color.scale.green.1}",
23
+ "$type": "color"
24
+ },
25
+ "keyword": {
26
+ "$value": "{base.color.scale.red.3}",
27
+ "$type": "color"
28
+ },
29
+ "string": {
30
+ "$value": "{base.color.scale.blue.1}",
31
+ "$type": "color"
32
+ },
33
+ "variable": {
34
+ "$value": "{base.color.scale.orange.2}",
35
+ "$type": "color"
36
+ },
37
+ "brackethighlighterUnmatched": {
38
+ "$value": "{base.color.scale.red.4}",
39
+ "$type": "color"
40
+ },
41
+ "invalidIllegalText": {
42
+ "$value": "{base.color.scale.gray.0}",
43
+ "$type": "color"
44
+ },
45
+ "invalidIllegalBg": {
46
+ "$value": "{base.color.scale.red.7}",
47
+ "$type": "color"
48
+ },
49
+ "carriageReturnText": {
50
+ "$value": "{base.color.scale.gray.0}",
51
+ "$type": "color"
52
+ },
53
+ "carriageReturnBg": {
54
+ "$value": "{base.color.scale.red.6}",
55
+ "$type": "color"
56
+ },
57
+ "stringRegexp": {
58
+ "$value": "{base.color.scale.green.1}",
59
+ "$type": "color"
60
+ },
61
+ "markupList": {
62
+ "$value": "{base.color.scale.yellow.1}",
63
+ "$type": "color"
64
+ },
65
+ "markupHeading": {
66
+ "$value": "{base.color.scale.blue.5}",
67
+ "$type": "color"
68
+ },
69
+ "markupItalic": {
70
+ "$value": "{base.color.scale.gray.1}",
71
+ "$type": "color"
72
+ },
73
+ "markupBold": {
74
+ "$value": "{base.color.scale.gray.1}",
75
+ "$type": "color"
76
+ },
77
+ "markupDeletedText": {
78
+ "$value": "{base.color.scale.red.0}",
79
+ "$type": "color"
80
+ },
81
+ "markupDeletedBg": {
82
+ "$value": "{base.color.scale.red.8}",
83
+ "$type": "color"
84
+ },
85
+ "markupInsertedText": {
86
+ "$value": "{base.color.scale.green.0}",
87
+ "$type": "color"
88
+ },
89
+ "markupInsertedBg": {
90
+ "$value": "{base.color.scale.green.8}",
91
+ "$type": "color"
92
+ },
93
+ "markupChangedText": {
94
+ "$value": "{base.color.scale.orange.0}",
95
+ "$type": "color"
96
+ },
97
+ "markupChangedBg": {
98
+ "$value": "{base.color.scale.orange.8}",
99
+ "$type": "color"
100
+ },
101
+ "markupIgnoredText": {
102
+ "$value": "{base.color.scale.gray.1}",
103
+ "$type": "color"
104
+ },
105
+ "markupIgnoredBg": {
106
+ "$value": "{base.color.scale.blue.6}",
107
+ "$type": "color"
108
+ },
109
+ "metaDiffRange": {
110
+ "$value": "{base.color.scale.purple.2}",
111
+ "$type": "color"
112
+ },
113
+ "brackethighlighterAngle": {
114
+ "$value": "{base.color.scale.gray.3}",
115
+ "$type": "color"
116
+ },
117
+ "sublimelinterGutterMark": {
118
+ "$value": "{base.color.scale.gray.5}",
119
+ "$type": "color"
120
+ },
121
+ "constantOtherReferenceLink": {
122
+ "$value": "{base.color.scale.blue.1}",
123
+ "$type": "color"
124
+ }
125
+ }
126
+ },
127
+ "codemirror": {
128
+ "text": {
129
+ "$value": "{color.fg.default}",
130
+ "$type": "color"
131
+ },
132
+ "bg": {
133
+ "$value": "{color.canvas.default}",
134
+ "$type": "color"
135
+ },
136
+ "guttersBg": {
137
+ "$value": "{color.canvas.default}",
138
+ "$type": "color"
139
+ },
140
+ "guttermarkerText": {
141
+ "$value": "{color.canvas.default}",
142
+ "$type": "color"
143
+ },
144
+ "guttermarkerSubtleText": {
145
+ "$value": "{color.fg.subtle}",
146
+ "$type": "color"
147
+ },
148
+ "linenumberText": {
149
+ "$value": "{color.fg.muted}",
150
+ "$type": "color"
151
+ },
152
+ "cursor": {
153
+ "$value": "{color.fg.default}",
154
+ "$type": "color"
155
+ },
156
+ "selectionBg": {
157
+ "$value": "{color.accent.muted}",
158
+ "$type": "color"
159
+ },
160
+ "activelineBg": {
161
+ "$value": "{color.neutral.subtle}",
162
+ "$type": "color"
163
+ },
164
+ "matchingbracketText": {
165
+ "$value": "{color.fg.default}",
166
+ "$type": "color"
167
+ },
168
+ "linesBg": {
169
+ "$value": "{color.canvas.default}",
170
+ "$type": "color"
171
+ },
172
+ "syntax": {
173
+ "comment": {
174
+ "$value": "{base.color.scale.gray.3}",
175
+ "$type": "color"
176
+ },
177
+ "constant": {
178
+ "$value": "{base.color.scale.blue.2}",
179
+ "$type": "color"
180
+ },
181
+ "entity": {
182
+ "$value": "{base.color.scale.purple.2}",
183
+ "$type": "color"
184
+ },
185
+ "keyword": {
186
+ "$value": "{base.color.scale.red.3}",
187
+ "$type": "color"
188
+ },
189
+ "storage": {
190
+ "$value": "{base.color.scale.red.3}",
191
+ "$type": "color"
192
+ },
193
+ "string": {
194
+ "$value": "{base.color.scale.blue.1}",
195
+ "$type": "color"
196
+ },
197
+ "support": {
198
+ "$value": "{base.color.scale.blue.2}",
199
+ "$type": "color"
200
+ },
201
+ "variable": {
202
+ "$value": "{base.color.scale.orange.2}",
203
+ "$type": "color"
204
+ }
205
+ }
206
+ }
207
+ }
208
+ }
@@ -0,0 +1,208 @@
1
+ {
2
+ "color": {
3
+ "prettylights": {
4
+ "syntax": {
5
+ "comment": {
6
+ "$value": "{base.color.scale.gray.5}",
7
+ "$type": "color"
8
+ },
9
+ "constant": {
10
+ "$value": "{base.color.scale.blue.6}",
11
+ "$type": "color"
12
+ },
13
+ "entity": {
14
+ "$value": "{base.color.scale.purple.5}",
15
+ "$type": "color"
16
+ },
17
+ "storageModifierImport": {
18
+ "$value": "{base.color.scale.gray.9}",
19
+ "$type": "color"
20
+ },
21
+ "entityTag": {
22
+ "$value": "{base.color.scale.green.6}",
23
+ "$type": "color"
24
+ },
25
+ "keyword": {
26
+ "$value": "{base.color.scale.red.5}",
27
+ "$type": "color"
28
+ },
29
+ "string": {
30
+ "$value": "{base.color.scale.blue.8}",
31
+ "$type": "color"
32
+ },
33
+ "variable": {
34
+ "$value": "{base.color.scale.orange.6}",
35
+ "$type": "color"
36
+ },
37
+ "brackethighlighterUnmatched": {
38
+ "$value": "{base.color.scale.red.7}",
39
+ "$type": "color"
40
+ },
41
+ "invalidIllegalText": {
42
+ "$value": "{base.color.scale.gray.0}",
43
+ "$type": "color"
44
+ },
45
+ "invalidIllegalBg": {
46
+ "$value": "{base.color.scale.red.7}",
47
+ "$type": "color"
48
+ },
49
+ "carriageReturnText": {
50
+ "$value": "{base.color.scale.gray.0}",
51
+ "$type": "color"
52
+ },
53
+ "carriageReturnBg": {
54
+ "$value": "{base.color.scale.red.5}",
55
+ "$type": "color"
56
+ },
57
+ "stringRegexp": {
58
+ "$value": "{base.color.scale.green.6}",
59
+ "$type": "color"
60
+ },
61
+ "markupList": {
62
+ "$value": "{base.color.scale.yellow.9}",
63
+ "$type": "color"
64
+ },
65
+ "markupHeading": {
66
+ "$value": "{base.color.scale.blue.6}",
67
+ "$type": "color"
68
+ },
69
+ "markupItalic": {
70
+ "$value": "{base.color.scale.gray.9}",
71
+ "$type": "color"
72
+ },
73
+ "markupBold": {
74
+ "$value": "{base.color.scale.gray.9}",
75
+ "$type": "color"
76
+ },
77
+ "markupDeletedText": {
78
+ "$value": "{base.color.scale.red.7}",
79
+ "$type": "color"
80
+ },
81
+ "markupDeletedBg": {
82
+ "$value": "{base.color.scale.red.0}",
83
+ "$type": "color"
84
+ },
85
+ "markupInsertedText": {
86
+ "$value": "{base.color.scale.green.6}",
87
+ "$type": "color"
88
+ },
89
+ "markupInsertedBg": {
90
+ "$value": "{base.color.scale.green.0}",
91
+ "$type": "color"
92
+ },
93
+ "markupChangedText": {
94
+ "$value": "{base.color.scale.orange.6}",
95
+ "$type": "color"
96
+ },
97
+ "markupChangedBg": {
98
+ "$value": "{base.color.scale.orange.1}",
99
+ "$type": "color"
100
+ },
101
+ "markupIgnoredText": {
102
+ "$value": "{base.color.scale.gray.1}",
103
+ "$type": "color"
104
+ },
105
+ "markupIgnoredBg": {
106
+ "$value": "{base.color.scale.blue.6}",
107
+ "$type": "color"
108
+ },
109
+ "metaDiffRange": {
110
+ "$value": "{base.color.scale.purple.5}",
111
+ "$type": "color"
112
+ },
113
+ "brackethighlighterAngle": {
114
+ "$value": "{base.color.scale.gray.6}",
115
+ "$type": "color"
116
+ },
117
+ "sublimelinterGutterMark": {
118
+ "$value": "{base.color.scale.gray.4}",
119
+ "$type": "color"
120
+ },
121
+ "constantOtherReferenceLink": {
122
+ "$value": "{base.color.scale.blue.8}",
123
+ "$type": "color"
124
+ }
125
+ }
126
+ },
127
+ "codemirror": {
128
+ "text": {
129
+ "$value": "{color.fg.default}",
130
+ "$type": "color"
131
+ },
132
+ "bg": {
133
+ "$value": "{color.canvas.default}",
134
+ "$type": "color"
135
+ },
136
+ "guttersBg": {
137
+ "$value": "{color.canvas.default}",
138
+ "$type": "color"
139
+ },
140
+ "guttermarkerText": {
141
+ "$value": "{color.canvas.default}",
142
+ "$type": "color"
143
+ },
144
+ "guttermarkerSubtleText": {
145
+ "$value": "{color.fg.subtle}",
146
+ "$type": "color"
147
+ },
148
+ "linenumberText": {
149
+ "$value": "{color.fg.muted}",
150
+ "$type": "color"
151
+ },
152
+ "cursor": {
153
+ "$value": "{color.fg.default}",
154
+ "$type": "color"
155
+ },
156
+ "selectionBg": {
157
+ "$value": "{color.accent.muted}",
158
+ "$type": "color"
159
+ },
160
+ "activelineBg": {
161
+ "$value": "{color.neutral.subtle}",
162
+ "$type": "color"
163
+ },
164
+ "matchingbracketText": {
165
+ "$value": "{color.fg.default}",
166
+ "$type": "color"
167
+ },
168
+ "linesBg": {
169
+ "$value": "{color.canvas.default}",
170
+ "$type": "color"
171
+ },
172
+ "syntax": {
173
+ "comment": {
174
+ "$value": "{base.color.scale.gray.9}",
175
+ "$type": "color"
176
+ },
177
+ "constant": {
178
+ "$value": "{base.color.scale.blue.6}",
179
+ "$type": "color"
180
+ },
181
+ "entity": {
182
+ "$value": "{base.color.scale.purple.5}",
183
+ "$type": "color"
184
+ },
185
+ "keyword": {
186
+ "$value": "{base.color.scale.red.5}",
187
+ "$type": "color"
188
+ },
189
+ "storage": {
190
+ "$value": "{base.color.scale.red.5}",
191
+ "$type": "color"
192
+ },
193
+ "string": {
194
+ "$value": "{base.color.scale.blue.8}",
195
+ "$type": "color"
196
+ },
197
+ "support": {
198
+ "$value": "{base.color.scale.blue.6}",
199
+ "$type": "color"
200
+ },
201
+ "variable": {
202
+ "$value": "{base.color.scale.orange.6}",
203
+ "$type": "color"
204
+ }
205
+ }
206
+ }
207
+ }
208
+ }