@primer/primitives 10.3.4 → 10.4.0-rc.1cf1d876

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 (74) hide show
  1. package/dist/css/base/motion/motion.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +36 -0
  3. package/dist/css/functional/themes/dark-dimmed.css +36 -0
  4. package/dist/css/functional/themes/dark-high-contrast.css +36 -0
  5. package/dist/css/functional/themes/dark-tritanopia.css +36 -0
  6. package/dist/css/functional/themes/dark.css +36 -0
  7. package/dist/css/functional/themes/light-colorblind.css +36 -0
  8. package/dist/css/functional/themes/light-high-contrast.css +36 -0
  9. package/dist/css/functional/themes/light-tritanopia.css +36 -0
  10. package/dist/css/functional/themes/light.css +36 -0
  11. package/dist/css/primitives.css +1 -0
  12. package/dist/docs/base/motion/motion.json +14 -0
  13. package/dist/docs/functional/themes/dark-colorblind.json +2600 -226
  14. package/dist/docs/functional/themes/dark-dimmed.json +2152 -166
  15. package/dist/docs/functional/themes/dark-high-contrast.json +2786 -260
  16. package/dist/docs/functional/themes/dark-tritanopia.json +2446 -160
  17. package/dist/docs/functional/themes/dark.json +2379 -215
  18. package/dist/docs/functional/themes/light-colorblind.json +2573 -225
  19. package/dist/docs/functional/themes/light-high-contrast.json +1990 -234
  20. package/dist/docs/functional/themes/light-tritanopia.json +2437 -163
  21. package/dist/docs/functional/themes/light.json +2380 -216
  22. package/dist/fallbacks/base/motion/motion.json +1 -0
  23. package/dist/figma/themes/dark-colorblind.json +4154 -3589
  24. package/dist/figma/themes/dark-dimmed.json +3945 -3563
  25. package/dist/figma/themes/dark-high-contrast.json +3361 -2651
  26. package/dist/figma/themes/dark-tritanopia.json +4128 -3675
  27. package/dist/figma/themes/dark.json +4039 -3746
  28. package/dist/figma/themes/light-colorblind.json +4084 -3551
  29. package/dist/figma/themes/light-high-contrast.json +3409 -3101
  30. package/dist/figma/themes/light-tritanopia.json +4086 -3649
  31. package/dist/figma/themes/light.json +3991 -3698
  32. package/dist/internalCss/dark-colorblind.css +36 -0
  33. package/dist/internalCss/dark-dimmed.css +36 -0
  34. package/dist/internalCss/dark-high-contrast.css +36 -0
  35. package/dist/internalCss/dark-tritanopia.css +36 -0
  36. package/dist/internalCss/dark.css +36 -0
  37. package/dist/internalCss/light-colorblind.css +36 -0
  38. package/dist/internalCss/light-high-contrast.css +36 -0
  39. package/dist/internalCss/light-tritanopia.css +36 -0
  40. package/dist/internalCss/light.css +36 -0
  41. package/dist/styleLint/base/motion/motion.json +14 -0
  42. package/dist/styleLint/functional/themes/dark-colorblind.json +2599 -225
  43. package/dist/styleLint/functional/themes/dark-dimmed.json +2151 -165
  44. package/dist/styleLint/functional/themes/dark-high-contrast.json +2785 -259
  45. package/dist/styleLint/functional/themes/dark-tritanopia.json +2446 -160
  46. package/dist/styleLint/functional/themes/dark.json +2379 -215
  47. package/dist/styleLint/functional/themes/light-colorblind.json +2575 -227
  48. package/dist/styleLint/functional/themes/light-high-contrast.json +1989 -233
  49. package/dist/styleLint/functional/themes/light-tritanopia.json +2436 -162
  50. package/dist/styleLint/functional/themes/light.json +2380 -216
  51. package/package.json +1 -1
  52. package/src/tokens/base/motion/timing.json5 +4 -0
  53. package/src/tokens/component/card.json5 +18 -0
  54. package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} +67 -0
  55. package/src/tokens/component/contribution.json5 +344 -0
  56. package/src/tokens/component/counter.json5 +43 -0
  57. package/src/tokens/component/tooltip.json5 +32 -0
  58. package/src/tokens/functional/color/bgColor.json5 +24 -20
  59. package/src/tokens/functional/color/control.json5 +968 -0
  60. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -24
  61. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -164
  62. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -104
  63. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -60
  64. package/src/tokens/functional/color/dark/patterns-dark.json5 +725 -1432
  65. package/src/tokens/functional/color/{dark/data-vis-dark.json5 → data-vis.json5} +61 -21
  66. package/src/tokens/functional/color/focus.json5 +15 -0
  67. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -20
  68. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -90
  69. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -56
  70. package/src/tokens/functional/color/light/patterns-light.json5 +720 -1428
  71. package/src/tokens/functional/color/{light/syntax-light.json5 → syntax.json5} +187 -0
  72. package/src/tokens/functional/color/dark/app-dark.json5 +0 -254
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +0 -559
  74. package/src/tokens/functional/color/light/data-vis-light.json5 +0 -284
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.3.4",
3
+ "version": "10.4.0-rc.1cf1d876",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
package/src/tokens/base/motion/timing.json5 CHANGED
@@ -5,6 +5,10 @@
5
5
  $value: '0ms',
6
6
  $type: 'duration',
7
7
  },
8
+ '50': {
9
+ $value: '50ms',
10
+ $type: 'duration',
11
+ },
8
12
  '100': {
9
13
  $value: '100ms',
10
14
  $type: 'duration',
package/src/tokens/component/card.json5 ADDED
@@ -0,0 +1,18 @@
1
+ {
2
+ card: {
3
+ bgColor: {
4
+ $value: '{bgColor.default}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ group: 'component',
10
+ scopes: ['bgColor'],
11
+ },
12
+ 'org.primer.overrides': {
13
+ dark: '{bgColor.muted}',
14
+ },
15
+ },
16
+ },
17
+ },
18
+ }
package/src/tokens/{functional/color/light/app-light.json5 → component/codeMirror.json5} RENAMED
@@ -9,6 +9,9 @@
9
9
  group: 'component',
10
10
  scopes: ['fgColor'],
11
11
  },
12
+ 'org.primer.overrides': {
13
+ dark: '{fgColor.default}',
14
+ },
12
15
  },
13
16
  },
14
17
  bgColor: {
@@ -20,6 +23,9 @@
20
23
  group: 'component',
21
24
  scopes: ['bgColor'],
22
25
  },
26
+ 'org.primer.overrides': {
27
+ dark: '{bgColor.default}',
28
+ },
23
29
  },
24
30
  },
25
31
  gutters: {
@@ -32,6 +38,9 @@
32
38
  group: 'component',
33
39
  scopes: ['bgColor'],
34
40
  },
41
+ 'org.primer.overrides': {
42
+ dark: '{bgColor.default}',
43
+ },
35
44
  },
36
45
  },
37
46
  },
@@ -46,6 +55,9 @@
46
55
  group: 'component',
47
56
  scopes: ['fgColor'],
48
57
  },
58
+ 'org.primer.overrides': {
59
+ dark: '{bgColor.default}',
60
+ },
49
61
  },
50
62
  },
51
63
  muted: {
@@ -57,6 +69,9 @@
57
69
  group: 'component',
58
70
  scopes: ['fgColor'],
59
71
  },
72
+ 'org.primer.overrides': {
73
+ dark: '{fgColor.muted}',
74
+ },
60
75
  },
61
76
  },
62
77
  },
@@ -71,6 +86,9 @@
71
86
  group: 'component',
72
87
  scopes: ['fgColor'],
73
88
  },
89
+ 'org.primer.overrides': {
90
+ dark: '{fgColor.muted}',
91
+ },
74
92
  },
75
93
  },
76
94
  },
@@ -84,6 +102,9 @@
84
102
  group: 'component',
85
103
  scopes: ['fgColor'],
86
104
  },
105
+ 'org.primer.overrides': {
106
+ dark: '{fgColor.default}',
107
+ },
87
108
  },
88
109
  },
89
110
  },
@@ -97,6 +118,13 @@
97
118
  group: 'component',
98
119
  scopes: ['bgColor'],
99
120
  },
121
+ 'org.primer.overrides': {
122
+ dark: '{borderColor.accent.muted}',
123
+ 'dark-high-contrast': {
124
+ $value: '{base.color.blue.4}',
125
+ alpha: 0.4,
126
+ },
127
+ },
100
128
  },
101
129
  },
102
130
  },
@@ -110,6 +138,9 @@
110
138
  group: 'component',
111
139
  scopes: ['bgColor'],
112
140
  },
141
+ 'org.primer.overrides': {
142
+ dark: '{bgColor.neutral.muted}',
143
+ },
113
144
  },
114
145
  },
115
146
  },
@@ -123,6 +154,9 @@
123
154
  group: 'component',
124
155
  scopes: ['fgColor'],
125
156
  },
157
+ 'org.primer.overrides': {
158
+ dark: '{fgColor.default}',
159
+ },
126
160
  },
127
161
  },
128
162
  },
@@ -136,6 +170,9 @@
136
170
  group: 'component',
137
171
  scopes: ['bgColor'],
138
172
  },
173
+ 'org.primer.overrides': {
174
+ dark: '{bgColor.default}',
175
+ },
139
176
  },
140
177
  },
141
178
  },
@@ -150,6 +187,9 @@
150
187
  group: 'component',
151
188
  scopes: ['fgColor'],
152
189
  },
190
+ 'org.primer.overrides': {
191
+ dark: '{base.color.neutral.8}',
192
+ },
153
193
  },
154
194
  },
155
195
  constant: {
@@ -161,6 +201,9 @@
161
201
  group: 'component',
162
202
  scopes: ['fgColor'],
163
203
  },
204
+ 'org.primer.overrides': {
205
+ dark: '{base.color.blue.2}',
206
+ },
164
207
  },
165
208
  },
166
209
  entity: {
@@ -172,6 +215,9 @@
172
215
  group: 'component',
173
216
  scopes: ['fgColor'],
174
217
  },
218
+ 'org.primer.overrides': {
219
+ dark: '{base.color.purple.2}',
220
+ },
175
221
  },
176
222
  },
177
223
  keyword: {
@@ -183,6 +229,11 @@
183
229
  group: 'component',
184
230
  scopes: ['fgColor'],
185
231
  },
232
+ 'org.primer.overrides': {
233
+ dark: '{base.color.red.3}',
234
+ 'light-protanopia-deuteranopia': '{base.color.orange.5}',
235
+ "dark-protanopia-deuteranopia": '{base.color.orange.3}',
236
+ },
186
237
  },
187
238
  },
188
239
  storage: {
@@ -194,6 +245,11 @@
194
245
  group: 'component',
195
246
  scopes: ['fgColor'],
196
247
  },
248
+ 'org.primer.overrides': {
249
+ dark: '{base.color.red.3}',
250
+ 'light-protanopia-deuteranopia': '{base.color.orange.5}',
251
+ "dark-protanopia-deuteranopia": '{base.color.orange.3}',
252
+ },
197
253
  },
198
254
  },
199
255
  string: {
@@ -205,6 +261,9 @@
205
261
  group: 'component',
206
262
  scopes: ['fgColor'],
207
263
  },
264
+ 'org.primer.overrides': {
265
+ dark: '{base.color.blue.1}',
266
+ },
208
267
  },
209
268
  },
210
269
  support: {
@@ -216,6 +275,9 @@
216
275
  group: 'component',
217
276
  scopes: ['fgColor'],
218
277
  },
278
+ 'org.primer.overrides': {
279
+ dark: '{base.color.blue.2}',
280
+ },
219
281
  },
220
282
  },
221
283
  variable: {
@@ -227,6 +289,11 @@
227
289
  group: 'component',
228
290
  scopes: ['fgColor'],
229
291
  },
292
+ 'org.primer.overrides': {
293
+ dark: '{base.color.orange.2}',
294
+ 'light-tritanopia': '{base.color.red.6}',
295
+ 'dark-tritanopia': '{base.color.red.2}',
296
+ },
230
297
  },
231
298
  },
232
299
  },
package/src/tokens/component/contribution.json5 ADDED
@@ -0,0 +1,344 @@
1
+ {
2
+ contribution: {
3
+ default: {
4
+ bgColor: {
5
+ '0': {
6
+ $value: '{base.color.neutral.2}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ group: 'component (internal)',
12
+ scopes: ['bgColor'],
13
+ },
14
+ 'org.primer.overrides': {
15
+ 'dark-high-contrast': '{base.color.neutral.3}',
16
+ 'light-high-contrast': '{base.color.neutral.3}',
17
+ 'dark-dimmed': '{base.color.neutral.5}',
18
+ },
19
+ },
20
+ },
21
+ '1': {
22
+ $value: '{base.color.green.1}',
23
+ $type: 'color',
24
+ $extensions: {
25
+ 'org.primer.figma': {
26
+ collection: 'mode',
27
+ group: 'component (internal)',
28
+ scopes: ['bgColor'],
29
+ },
30
+ 'org.primer.overrides': {
31
+ dark: '{base.color.green.8}',
32
+ },
33
+ },
34
+ },
35
+ '2': {
36
+ $value: '{base.color.green.3}',
37
+ $type: 'color',
38
+ $extensions: {
39
+ 'org.primer.figma': {
40
+ collection: 'mode',
41
+ group: 'component (internal)',
42
+ scopes: ['bgColor'],
43
+ },
44
+ 'org.primer.overrides': {
45
+ dark: '{base.color.green.6}',
46
+ },
47
+ },
48
+ },
49
+ '3': {
50
+ $value: '{base.color.green.4}',
51
+ $type: 'color',
52
+ $extensions: {
53
+ 'org.primer.figma': {
54
+ collection: 'mode',
55
+ group: 'component (internal)',
56
+ scopes: ['bgColor'],
57
+ },
58
+ },
59
+ },
60
+ '4': {
61
+ $value: '{base.color.green.6}',
62
+ $type: 'color',
63
+ $extensions: {
64
+ 'org.primer.figma': {
65
+ collection: 'mode',
66
+ group: 'component (internal)',
67
+ scopes: ['bgColor'],
68
+ },
69
+ 'org.primer.overrides': {
70
+ dark: '{base.color.green.2}',
71
+ },
72
+ },
73
+ },
74
+ },
75
+ borderColor: {
76
+ '0': {
77
+ $value: '{base.color.black}',
78
+ alpha: 0.05,
79
+ $type: 'color',
80
+ $extensions: {
81
+ 'org.primer.figma': {
82
+ collection: 'mode',
83
+ group: 'component (internal)',
84
+ scopes: ['bgColor'],
85
+ },
86
+ 'org.primer.overrides': {
87
+ dark: {
88
+ $value: '{base.color.white}',
89
+ alpha: 0.05,
90
+ },
91
+ 'dark-dimmed': {
92
+ $value: '{base.color.white}',
93
+ alpha: 0.05,
94
+ },
95
+ 'dark-high-contrast': {
96
+ $value: '{base.color.white}',
97
+ alpha: 1,
98
+ },
99
+ 'light-high-contrast': {
100
+ alpha: 1,
101
+ },
102
+ },
103
+ },
104
+ },
105
+ '1': {
106
+ $value: '{base.color.black}',
107
+ alpha: 0.05,
108
+ $type: 'color',
109
+ $extensions: {
110
+ 'org.primer.figma': {
111
+ collection: 'mode',
112
+ group: 'component (internal)',
113
+ scopes: ['bgColor'],
114
+ },
115
+ 'org.primer.overrides': {
116
+ dark: {
117
+ $value: '{base.color.white}',
118
+ alpha: 0.05,
119
+ },
120
+ 'dark-dimmed': {
121
+ $value: '{base.color.white}',
122
+ alpha: 0.05,
123
+ },
124
+ 'dark-high-contrast': {
125
+ $value: '{base.color.white}',
126
+ alpha: 1,
127
+ },
128
+ 'light-high-contrast': {
129
+ alpha: 1,
130
+ },
131
+ },
132
+ },
133
+ },
134
+ '2': {
135
+ $value: '{base.color.black}',
136
+ alpha: 0.05,
137
+ $type: 'color',
138
+ $extensions: {
139
+ 'org.primer.figma': {
140
+ collection: 'mode',
141
+ group: 'component (internal)',
142
+ scopes: ['bgColor'],
143
+ },
144
+ 'org.primer.overrides': {
145
+ dark: {
146
+ $value: '{base.color.white}',
147
+ alpha: 0.05,
148
+ },
149
+ 'dark-dimmed': {
150
+ $value: '{base.color.white}',
151
+ alpha: 0.05,
152
+ },
153
+ 'dark-high-contrast': {
154
+ $value: '{base.color.white}',
155
+ alpha: 1,
156
+ },
157
+ 'light-high-contrast': {
158
+ alpha: 1,
159
+ },
160
+ },
161
+ },
162
+ },
163
+ '3': {
164
+ $value: '{base.color.black}',
165
+ alpha: 0.05,
166
+ $type: 'color',
167
+ $extensions: {
168
+ 'org.primer.figma': {
169
+ collection: 'mode',
170
+ group: 'component (internal)',
171
+ scopes: ['bgColor'],
172
+ },
173
+ 'org.primer.overrides': {
174
+ dark: {
175
+ $value: '{base.color.white}',
176
+ alpha: 0.05,
177
+ },
178
+ 'dark-dimmed': {
179
+ $value: '{base.color.white}',
180
+ alpha: 0.05,
181
+ },
182
+ 'dark-high-contrast': {
183
+ $value: '{base.color.white}',
184
+ alpha: 1,
185
+ },
186
+ 'light-high-contrast': {
187
+ alpha: 1,
188
+ },
189
+ },
190
+ },
191
+ },
192
+ '4': {
193
+ $value: '{base.color.black}',
194
+ alpha: 0.05,
195
+ $type: 'color',
196
+ $extensions: {
197
+ 'org.primer.figma': {
198
+ collection: 'mode',
199
+ group: 'component (internal)',
200
+ scopes: ['bgColor'],
201
+ },
202
+ 'org.primer.overrides': {
203
+ dark: {
204
+ $value: '{base.color.white}',
205
+ alpha: 0.05,
206
+ },
207
+ 'dark-dimmed': {
208
+ $value: '{base.color.white}',
209
+ alpha: 0.05,
210
+ },
211
+ 'dark-high-contrast': {
212
+ $value: '{base.color.white}',
213
+ alpha: 1,
214
+ },
215
+ 'light-high-contrast': {
216
+ alpha: 1,
217
+ },
218
+ },
219
+ },
220
+ },
221
+ },
222
+ },
223
+ winter: {
224
+ bgColor: {
225
+ '1': {
226
+ $value: '{base.color.blue.1}',
227
+ $type: 'color',
228
+ $extensions: {
229
+ 'org.primer.figma': {
230
+ collection: 'mode',
231
+ group: 'component (internal)',
232
+ scopes: ['bgColor'],
233
+ },
234
+ 'org.primer.overrides': {
235
+ dark: '{base.color.blue.8}',
236
+ },
237
+ },
238
+ },
239
+ '2': {
240
+ $value: '{base.color.blue.3}',
241
+ $type: 'color',
242
+ $extensions: {
243
+ 'org.primer.figma': {
244
+ collection: 'mode',
245
+ group: 'component (internal)',
246
+ scopes: ['bgColor'],
247
+ },
248
+ 'org.primer.overrides': {
249
+ dark: '{base.color.blue.6}',
250
+ },
251
+ },
252
+ },
253
+ '3': {
254
+ $value: '{base.color.blue.5}',
255
+ $type: 'color',
256
+ $extensions: {
257
+ 'org.primer.figma': {
258
+ collection: 'mode',
259
+ group: 'component (internal)',
260
+ scopes: ['bgColor'],
261
+ },
262
+ 'org.primer.overrides': {
263
+ dark: '{base.color.blue.3}',
264
+ },
265
+ },
266
+ },
267
+ '4': {
268
+ $value: '{base.color.blue.8}',
269
+ $type: 'color',
270
+ $extensions: {
271
+ 'org.primer.figma': {
272
+ collection: 'mode',
273
+ group: 'component (internal)',
274
+ scopes: ['bgColor'],
275
+ },
276
+ 'org.primer.overrides': {
277
+ dark: '{base.color.blue.0}',
278
+ },
279
+ },
280
+ },
281
+ },
282
+ },
283
+ halloween: {
284
+ bgColor: {
285
+ '1': {
286
+ $value: '{base.display.color.lemon.1}',
287
+ $type: 'color',
288
+ $extensions: {
289
+ 'org.primer.figma': {
290
+ collection: 'mode',
291
+ group: 'component (internal)',
292
+ scopes: ['bgColor'],
293
+ },
294
+ 'org.primer.overrides': {
295
+ dark: '{base.display.color.orange.9}',
296
+ },
297
+ },
298
+ },
299
+ '2': {
300
+ $value: '{base.display.color.yellow.1}',
301
+ $type: 'color',
302
+ $extensions: {
303
+ 'org.primer.figma': {
304
+ collection: 'mode',
305
+ group: 'component (internal)',
306
+ scopes: ['bgColor'],
307
+ },
308
+ 'org.primer.overrides': {
309
+ dark: '{base.display.color.orange.5}',
310
+ },
311
+ },
312
+ },
313
+ '3': {
314
+ $value: '{base.display.color.orange.3}',
315
+ $type: 'color',
316
+ $extensions: {
317
+ 'org.primer.figma': {
318
+ collection: 'mode',
319
+ group: 'component (internal)',
320
+ scopes: ['bgColor'],
321
+ },
322
+ 'org.primer.overrides': {
323
+ dark: '{base.display.color.orange.4}',
324
+ },
325
+ },
326
+ },
327
+ '4': {
328
+ $value: '{base.color.black}',
329
+ $type: 'color',
330
+ $extensions: {
331
+ 'org.primer.figma': {
332
+ collection: 'mode',
333
+ group: 'component (internal)',
334
+ scopes: ['bgColor'],
335
+ },
336
+ 'org.primer.overrides': {
337
+ dark: '{base.display.color.lemon.9}',
338
+ },
339
+ },
340
+ },
341
+ },
342
+ },
343
+ },
344
+ }
package/src/tokens/component/counter.json5 ADDED
@@ -0,0 +1,43 @@
1
+ {
2
+ counter: {
3
+ borderColor: {
4
+ $value: '{base.color.transparent}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ group: 'component (internal)',
10
+ scopes: ['borderColor'],
11
+ },
12
+ 'org.primer.overrides': {
13
+ 'dark-high-contrast': '{borderColor.default}',
14
+ 'light-high-contrast': '{borderColor.default}',
15
+ },
16
+ },
17
+ },
18
+ bgColor: {
19
+ muted: {
20
+ $value: '{bgColor.neutral.muted}',
21
+ $type: 'color',
22
+ $extensions: {
23
+ 'org.primer.figma': {
24
+ collection: 'mode',
25
+ group: 'component',
26
+ scopes: ['bgColor'],
27
+ },
28
+ },
29
+ },
30
+ emphasis: {
31
+ $value: '{bgColor.neutral.emphasis}',
32
+ $type: 'color',
33
+ $extensions: {
34
+ 'org.primer.figma': {
35
+ collection: 'mode',
36
+ group: 'component',
37
+ scopes: ['bgColor'],
38
+ },
39
+ },
40
+ },
41
+ },
42
+ },
43
+ }
package/src/tokens/component/tooltip.json5 ADDED
@@ -0,0 +1,32 @@
1
+ {
2
+ tooltip: {
3
+ bgColor: {
4
+ $value: '{bgColor.emphasis}',
5
+ $type: 'color',
6
+ $extensions: {
7
+ 'org.primer.figma': {
8
+ collection: 'mode',
9
+ group: 'component',
10
+ scopes: ['bgColor'],
11
+ },
12
+ 'org.primer.overrides': {
13
+ "dark-high-contrast": '{bgColor.inverse}',
14
+ },
15
+ },
16
+ },
17
+ fgColor: {
18
+ $value: '{fgColor.onEmphasis}',
19
+ $type: 'color',
20
+ $extensions: {
21
+ 'org.primer.figma': {
22
+ collection: 'mode',
23
+ group: 'component',
24
+ scopes: ['fgColor'],
25
+ },
26
+ 'org.primer.overrides': {
27
+ "dark-high-contrast": '{fgColor.onInverse}',
28
+ },
29
+ },
30
+ },
31
+ },
32
+ }