@primer/primitives 10.3.4 → 10.4.0-rc.06084fce
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.
- package/dist/build/schemas/shadowToken.d.ts +1992 -0
- package/dist/build/schemas/shadowToken.js +27 -0
- package/dist/css/base/motion/motion.css +1 -0
- package/dist/css/functional/themes/dark-colorblind.css +38 -2
- package/dist/css/functional/themes/dark-dimmed.css +38 -2
- package/dist/css/functional/themes/dark-high-contrast.css +38 -2
- package/dist/css/functional/themes/dark-tritanopia.css +38 -2
- package/dist/css/functional/themes/dark.css +38 -2
- package/dist/css/functional/themes/light-colorblind.css +38 -2
- package/dist/css/functional/themes/light-high-contrast.css +38 -2
- package/dist/css/functional/themes/light-tritanopia.css +38 -2
- package/dist/css/functional/themes/light.css +38 -2
- package/dist/css/primitives.css +1 -6
- package/dist/docs/base/motion/motion.json +14 -0
- package/dist/docs/functional/themes/dark-colorblind.json +12028 -1436
- package/dist/docs/functional/themes/dark-dimmed.json +12218 -1392
- package/dist/docs/functional/themes/dark-high-contrast.json +13308 -1584
- package/dist/docs/functional/themes/dark-tritanopia.json +11899 -1409
- package/dist/docs/functional/themes/dark.json +11584 -1314
- package/dist/docs/functional/themes/light-colorblind.json +11961 -1411
- package/dist/docs/functional/themes/light-high-contrast.json +14994 -3384
- package/dist/docs/functional/themes/light-tritanopia.json +11815 -1367
- package/dist/docs/functional/themes/light.json +11541 -1245
- package/dist/fallbacks/base/motion/motion.json +1 -0
- package/dist/figma/figma.json +1 -10
- package/dist/figma/themes/dark-colorblind.json +5096 -4524
- package/dist/figma/themes/dark-dimmed.json +5142 -4406
- package/dist/figma/themes/dark-high-contrast.json +5762 -3913
- package/dist/figma/themes/dark-tritanopia.json +4933 -4491
- package/dist/figma/themes/dark.json +5476 -5299
- package/dist/figma/themes/light-colorblind.json +5076 -4467
- package/dist/figma/themes/light-high-contrast.json +5707 -3916
- package/dist/figma/themes/light-tritanopia.json +4983 -4501
- package/dist/figma/themes/light.json +4795 -4502
- package/dist/internalCss/dark-colorblind.css +38 -2
- package/dist/internalCss/dark-dimmed.css +38 -2
- package/dist/internalCss/dark-high-contrast.css +38 -2
- package/dist/internalCss/dark-tritanopia.css +38 -2
- package/dist/internalCss/dark.css +38 -2
- package/dist/internalCss/light-colorblind.css +38 -2
- package/dist/internalCss/light-high-contrast.css +38 -2
- package/dist/internalCss/light-tritanopia.css +38 -2
- package/dist/internalCss/light.css +38 -2
- package/dist/styleLint/base/motion/motion.json +14 -0
- package/dist/styleLint/functional/themes/dark-colorblind.json +12028 -1436
- package/dist/styleLint/functional/themes/dark-dimmed.json +12217 -1391
- package/dist/styleLint/functional/themes/dark-high-contrast.json +13295 -1571
- package/dist/styleLint/functional/themes/dark-tritanopia.json +11897 -1407
- package/dist/styleLint/functional/themes/dark.json +11567 -1297
- package/dist/styleLint/functional/themes/light-colorblind.json +11922 -1372
- package/dist/styleLint/functional/themes/light-high-contrast.json +15008 -3398
- package/dist/styleLint/functional/themes/light-tritanopia.json +11816 -1368
- package/dist/styleLint/functional/themes/light.json +11542 -1246
- package/package.json +1 -1
- package/src/tokens/base/motion/timing.json5 +4 -0
- package/src/tokens/component/avatar.json5 +33 -0
- package/src/tokens/component/button.json5 +1714 -0
- package/src/tokens/component/card.json5 +18 -0
- package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
- package/src/tokens/component/contribution.json5 +344 -0
- package/src/tokens/component/counter.json5 +43 -0
- package/src/tokens/component/header.json5 +3 -0
- package/src/tokens/component/label.json5 +1942 -0
- package/src/tokens/component/menu.json5 +24 -0
- package/src/tokens/component/overlay.json5 +1 -1
- package/src/tokens/component/selectMenu.json5 +38 -0
- package/src/tokens/component/sideNav.json5 +22 -0
- package/src/tokens/component/tooltip.json5 +32 -0
- package/src/tokens/component/treeView.json5 +24 -0
- package/src/tokens/component/underlineNav.json5 +56 -0
- package/src/tokens/functional/color/bgColor.json5 +24 -20
- package/src/tokens/functional/color/control.json5 +1087 -0
- package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
- package/src/tokens/functional/color/display.json5 +2170 -0
- package/src/tokens/functional/color/focus.json5 +15 -0
- package/src/tokens/functional/color/selection.json5 +22 -0
- package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
- package/src/tokens/functional/shadow/{light.json5 → shadow.json5} +202 -120
- package/dist/css/functional/motion/motion.css +0 -6
- package/dist/docs/functional/motion/motion.json +0 -66
- package/dist/fallbacks/functional/motion/motion.json +0 -6
- package/dist/figma/shadows/dark-colorblind.json +0 -1152
- package/dist/figma/shadows/dark-dimmed.json +0 -1152
- package/dist/figma/shadows/dark-high-contrast.json +0 -1152
- package/dist/figma/shadows/dark-tritanopia.json +0 -1152
- package/dist/figma/shadows/dark.json +0 -1152
- package/dist/figma/shadows/light-colorblind.json +0 -1052
- package/dist/figma/shadows/light-high-contrast.json +0 -1052
- package/dist/figma/shadows/light-tritanopia.json +0 -1052
- package/dist/figma/shadows/light.json +0 -1052
- package/dist/styleLint/functional/motion/motion.json +0 -66
- package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
- package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -223
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -658
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -159
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -107
- package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2676
- package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
- package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
- package/src/tokens/functional/color/light/display-light.json5 +0 -1163
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -601
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -159
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -97
- package/src/tokens/functional/color/light/patterns-light.json5 +0 -2671
- package/src/tokens/functional/motion/loading.json5 +0 -17
- package/src/tokens/functional/motion/patterns.json5 +0 -35
- package/src/tokens/functional/shadow/dark.json5 +0 -369
|
@@ -8,10 +8,12 @@
|
|
|
8
8
|
$extensions: {
|
|
9
9
|
'org.primer.figma': {
|
|
10
10
|
collection: 'mode',
|
|
11
|
-
|
|
12
11
|
group: 'component',
|
|
13
12
|
scopes: ['bgColor', 'borderColor'],
|
|
14
13
|
},
|
|
14
|
+
'org.primer.overrides': {
|
|
15
|
+
dark: '{base.display.color.blue.5}'
|
|
16
|
+
}
|
|
15
17
|
},
|
|
16
18
|
},
|
|
17
19
|
muted: {
|
|
@@ -20,10 +22,12 @@
|
|
|
20
22
|
$extensions: {
|
|
21
23
|
'org.primer.figma': {
|
|
22
24
|
collection: 'mode',
|
|
23
|
-
|
|
24
25
|
group: 'component',
|
|
25
26
|
scopes: ['bgColor'],
|
|
26
27
|
},
|
|
28
|
+
'org.primer.overrides': {
|
|
29
|
+
dark: '{base.display.color.blue.0}'
|
|
30
|
+
}
|
|
27
31
|
},
|
|
28
32
|
},
|
|
29
33
|
},
|
|
@@ -36,10 +40,12 @@
|
|
|
36
40
|
$extensions: {
|
|
37
41
|
'org.primer.figma': {
|
|
38
42
|
collection: 'mode',
|
|
39
|
-
|
|
40
43
|
group: 'component',
|
|
41
44
|
scopes: ['bgColor', 'borderColor'],
|
|
42
45
|
},
|
|
46
|
+
'org.primer.overrides': {
|
|
47
|
+
dark: '{base.display.color.auburn.5}'
|
|
48
|
+
}
|
|
43
49
|
},
|
|
44
50
|
},
|
|
45
51
|
muted: {
|
|
@@ -48,10 +54,12 @@
|
|
|
48
54
|
$extensions: {
|
|
49
55
|
'org.primer.figma': {
|
|
50
56
|
collection: 'mode',
|
|
51
|
-
|
|
52
57
|
group: 'component',
|
|
53
58
|
scopes: ['bgColor'],
|
|
54
59
|
},
|
|
60
|
+
'org.primer.overrides': {
|
|
61
|
+
dark: '{base.display.color.auburn.0}'
|
|
62
|
+
}
|
|
55
63
|
},
|
|
56
64
|
},
|
|
57
65
|
},
|
|
@@ -64,10 +72,12 @@
|
|
|
64
72
|
$extensions: {
|
|
65
73
|
'org.primer.figma': {
|
|
66
74
|
collection: 'mode',
|
|
67
|
-
|
|
68
75
|
group: 'component',
|
|
69
76
|
scopes: ['bgColor', 'borderColor'],
|
|
70
77
|
},
|
|
78
|
+
'org.primer.overrides': {
|
|
79
|
+
dark: '{base.display.color.orange.4}'
|
|
80
|
+
}
|
|
71
81
|
},
|
|
72
82
|
},
|
|
73
83
|
muted: {
|
|
@@ -76,10 +86,12 @@
|
|
|
76
86
|
$extensions: {
|
|
77
87
|
'org.primer.figma': {
|
|
78
88
|
collection: 'mode',
|
|
79
|
-
|
|
80
89
|
group: 'component',
|
|
81
90
|
scopes: ['bgColor'],
|
|
82
91
|
},
|
|
92
|
+
'org.primer.overrides': {
|
|
93
|
+
dark: '{base.display.color.orange.0}'
|
|
94
|
+
}
|
|
83
95
|
},
|
|
84
96
|
},
|
|
85
97
|
},
|
|
@@ -92,10 +104,12 @@
|
|
|
92
104
|
$extensions: {
|
|
93
105
|
'org.primer.figma': {
|
|
94
106
|
collection: 'mode',
|
|
95
|
-
|
|
96
107
|
group: 'component',
|
|
97
108
|
scopes: ['bgColor', 'borderColor'],
|
|
98
109
|
},
|
|
110
|
+
'org.primer.overrides': {
|
|
111
|
+
dark: '{base.display.color.yellow.4}'
|
|
112
|
+
}
|
|
99
113
|
},
|
|
100
114
|
},
|
|
101
115
|
muted: {
|
|
@@ -104,10 +118,12 @@
|
|
|
104
118
|
$extensions: {
|
|
105
119
|
'org.primer.figma': {
|
|
106
120
|
collection: 'mode',
|
|
107
|
-
|
|
108
121
|
group: 'component',
|
|
109
122
|
scopes: ['bgColor'],
|
|
110
123
|
},
|
|
124
|
+
'org.primer.overrides': {
|
|
125
|
+
dark: '{base.display.color.yellow.0}'
|
|
126
|
+
}
|
|
111
127
|
},
|
|
112
128
|
},
|
|
113
129
|
},
|
|
@@ -120,10 +136,12 @@
|
|
|
120
136
|
$extensions: {
|
|
121
137
|
'org.primer.figma': {
|
|
122
138
|
collection: 'mode',
|
|
123
|
-
|
|
124
139
|
group: 'component',
|
|
125
140
|
scopes: ['bgColor', 'borderColor'],
|
|
126
141
|
},
|
|
142
|
+
'org.primer.overrides': {
|
|
143
|
+
dark: '{base.display.color.green.4}'
|
|
144
|
+
}
|
|
127
145
|
},
|
|
128
146
|
},
|
|
129
147
|
muted: {
|
|
@@ -132,10 +150,12 @@
|
|
|
132
150
|
$extensions: {
|
|
133
151
|
'org.primer.figma': {
|
|
134
152
|
collection: 'mode',
|
|
135
|
-
|
|
136
153
|
group: 'component',
|
|
137
154
|
scopes: ['bgColor'],
|
|
138
155
|
},
|
|
156
|
+
'org.primer.overrides': {
|
|
157
|
+
dark: '{base.display.color.green.0}'
|
|
158
|
+
}
|
|
139
159
|
},
|
|
140
160
|
},
|
|
141
161
|
},
|
|
@@ -148,10 +168,12 @@
|
|
|
148
168
|
$extensions: {
|
|
149
169
|
'org.primer.figma': {
|
|
150
170
|
collection: 'mode',
|
|
151
|
-
|
|
152
171
|
group: 'component',
|
|
153
172
|
scopes: ['bgColor', 'borderColor'],
|
|
154
173
|
},
|
|
174
|
+
'org.primer.overrides': {
|
|
175
|
+
dark: '{base.display.color.teal.4}'
|
|
176
|
+
}
|
|
155
177
|
},
|
|
156
178
|
},
|
|
157
179
|
muted: {
|
|
@@ -160,10 +182,12 @@
|
|
|
160
182
|
$extensions: {
|
|
161
183
|
'org.primer.figma': {
|
|
162
184
|
collection: 'mode',
|
|
163
|
-
|
|
164
185
|
group: 'component',
|
|
165
186
|
scopes: ['bgColor'],
|
|
166
187
|
},
|
|
188
|
+
'org.primer.overrides': {
|
|
189
|
+
dark: '{base.display.color.teal.0}'
|
|
190
|
+
}
|
|
167
191
|
},
|
|
168
192
|
},
|
|
169
193
|
},
|
|
@@ -176,10 +200,12 @@
|
|
|
176
200
|
$extensions: {
|
|
177
201
|
'org.primer.figma': {
|
|
178
202
|
collection: 'mode',
|
|
179
|
-
|
|
180
203
|
group: 'component',
|
|
181
204
|
scopes: ['bgColor', 'borderColor'],
|
|
182
205
|
},
|
|
206
|
+
'org.primer.overrides': {
|
|
207
|
+
dark: '{base.display.color.purple.5}'
|
|
208
|
+
}
|
|
183
209
|
},
|
|
184
210
|
},
|
|
185
211
|
muted: {
|
|
@@ -188,10 +214,12 @@
|
|
|
188
214
|
$extensions: {
|
|
189
215
|
'org.primer.figma': {
|
|
190
216
|
collection: 'mode',
|
|
191
|
-
|
|
192
217
|
group: 'component',
|
|
193
218
|
scopes: ['bgColor'],
|
|
194
219
|
},
|
|
220
|
+
'org.primer.overrides': {
|
|
221
|
+
dark: '{base.display.color.purple.0}'
|
|
222
|
+
}
|
|
195
223
|
},
|
|
196
224
|
},
|
|
197
225
|
},
|
|
@@ -204,10 +232,12 @@
|
|
|
204
232
|
$extensions: {
|
|
205
233
|
'org.primer.figma': {
|
|
206
234
|
collection: 'mode',
|
|
207
|
-
|
|
208
235
|
group: 'component',
|
|
209
236
|
scopes: ['bgColor', 'borderColor'],
|
|
210
237
|
},
|
|
238
|
+
'org.primer.overrides': {
|
|
239
|
+
dark: '{base.display.color.pink.5}'
|
|
240
|
+
}
|
|
211
241
|
},
|
|
212
242
|
},
|
|
213
243
|
muted: {
|
|
@@ -216,10 +246,12 @@
|
|
|
216
246
|
$extensions: {
|
|
217
247
|
'org.primer.figma': {
|
|
218
248
|
collection: 'mode',
|
|
219
|
-
|
|
220
249
|
group: 'component',
|
|
221
250
|
scopes: ['bgColor'],
|
|
222
251
|
},
|
|
252
|
+
'org.primer.overrides': {
|
|
253
|
+
dark: '{base.display.color.pink.0}'
|
|
254
|
+
}
|
|
223
255
|
},
|
|
224
256
|
},
|
|
225
257
|
},
|
|
@@ -232,10 +264,12 @@
|
|
|
232
264
|
$extensions: {
|
|
233
265
|
'org.primer.figma': {
|
|
234
266
|
collection: 'mode',
|
|
235
|
-
|
|
236
267
|
group: 'component',
|
|
237
268
|
scopes: ['bgColor', 'borderColor'],
|
|
238
269
|
},
|
|
270
|
+
'org.primer.overrides': {
|
|
271
|
+
dark: '{base.display.color.red.5}'
|
|
272
|
+
}
|
|
239
273
|
},
|
|
240
274
|
},
|
|
241
275
|
muted: {
|
|
@@ -244,10 +278,12 @@
|
|
|
244
278
|
$extensions: {
|
|
245
279
|
'org.primer.figma': {
|
|
246
280
|
collection: 'mode',
|
|
247
|
-
|
|
248
281
|
group: 'component',
|
|
249
282
|
scopes: ['bgColor'],
|
|
250
283
|
},
|
|
284
|
+
'org.primer.overrides': {
|
|
285
|
+
dark: '{base.display.color.red.0}'
|
|
286
|
+
}
|
|
251
287
|
},
|
|
252
288
|
},
|
|
253
289
|
},
|
|
@@ -260,10 +296,12 @@
|
|
|
260
296
|
$extensions: {
|
|
261
297
|
'org.primer.figma': {
|
|
262
298
|
collection: 'mode',
|
|
263
|
-
|
|
264
299
|
group: 'component',
|
|
265
300
|
scopes: ['bgColor', 'borderColor'],
|
|
266
301
|
},
|
|
302
|
+
'org.primer.overrides': {
|
|
303
|
+
dark: '{base.display.color.gray.4}'
|
|
304
|
+
}
|
|
267
305
|
},
|
|
268
306
|
},
|
|
269
307
|
muted: {
|
|
@@ -272,13 +310,15 @@
|
|
|
272
310
|
$extensions: {
|
|
273
311
|
'org.primer.figma': {
|
|
274
312
|
collection: 'mode',
|
|
275
|
-
|
|
276
313
|
group: 'component',
|
|
277
314
|
scopes: ['bgColor'],
|
|
278
315
|
},
|
|
316
|
+
'org.primer.overrides': {
|
|
317
|
+
dark: '{base.display.color.gray.0}'
|
|
318
|
+
}
|
|
279
319
|
},
|
|
280
320
|
},
|
|
281
321
|
},
|
|
282
322
|
},
|
|
283
323
|
},
|
|
284
|
-
}
|
|
324
|
+
}
|