@primer/primitives 10.7.0-rc.4b97e3bd → 10.8.0-rc.2155b901

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 (42) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  2. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  3. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  4. package/dist/css/functional/themes/dark.css +2 -2
  5. package/dist/docs/base/size/size.json +38 -38
  6. package/dist/docs/functional/themes/dark-colorblind.json +953 -955
  7. package/dist/docs/functional/themes/dark-dimmed.json +951 -953
  8. package/dist/docs/functional/themes/dark-high-contrast.json +953 -955
  9. package/dist/docs/functional/themes/dark-tritanopia.json +953 -955
  10. package/dist/docs/functional/themes/dark.json +953 -955
  11. package/dist/docs/functional/themes/light-colorblind.json +951 -953
  12. package/dist/docs/functional/themes/light-high-contrast.json +951 -953
  13. package/dist/docs/functional/themes/light-tritanopia.json +951 -953
  14. package/dist/docs/functional/themes/light.json +951 -953
  15. package/dist/figma/dimension/dimension.json +19 -19
  16. package/dist/figma/themes/dark-colorblind.json +479 -479
  17. package/dist/figma/themes/dark-dimmed.json +475 -475
  18. package/dist/figma/themes/dark-high-contrast.json +479 -479
  19. package/dist/figma/themes/dark-tritanopia.json +479 -479
  20. package/dist/figma/themes/dark.json +479 -479
  21. package/dist/figma/themes/light-colorblind.json +475 -475
  22. package/dist/figma/themes/light-high-contrast.json +475 -475
  23. package/dist/figma/themes/light-tritanopia.json +475 -475
  24. package/dist/figma/themes/light.json +475 -475
  25. package/dist/internalCss/dark-colorblind.css +2 -2
  26. package/dist/internalCss/dark-high-contrast.css +2 -2
  27. package/dist/internalCss/dark-tritanopia.css +2 -2
  28. package/dist/internalCss/dark.css +2 -2
  29. package/dist/styleLint/base/size/size.json +38 -38
  30. package/dist/styleLint/functional/themes/dark-colorblind.json +953 -955
  31. package/dist/styleLint/functional/themes/dark-dimmed.json +951 -953
  32. package/dist/styleLint/functional/themes/dark-high-contrast.json +953 -955
  33. package/dist/styleLint/functional/themes/dark-tritanopia.json +953 -955
  34. package/dist/styleLint/functional/themes/dark.json +953 -955
  35. package/dist/styleLint/functional/themes/light-colorblind.json +951 -953
  36. package/dist/styleLint/functional/themes/light-high-contrast.json +951 -953
  37. package/dist/styleLint/functional/themes/light-tritanopia.json +951 -953
  38. package/dist/styleLint/functional/themes/light.json +951 -953
  39. package/package.json +1 -1
  40. package/src/tokens/base/size/size.json5 +19 -19
  41. package/src/tokens/component/overlay.json5 +0 -1
  42. package/src/tokens/functional/color/display.json5 +476 -286
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -762,7 +762,7 @@
762
762
  --fgColor-white: #ffffff;
763
763
  --focus-outlineColor: var(--borderColor-accent-emphasis);
764
764
  --header-fgColor-default: #ffffffb3;
765
- --overlay-bgColor: var(--bgColor-muted);
765
+ --overlay-bgColor: #010409;
766
766
  --page-header-bgColor: var(--bgColor-default);
767
767
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
768
768
  --selectMenu-borderColor: var(--borderColor-default);
@@ -1590,7 +1590,7 @@
1590
1590
  --fgColor-white: #ffffff;
1591
1591
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1592
1592
  --header-fgColor-default: #ffffffb3;
1593
- --overlay-bgColor: var(--bgColor-muted);
1593
+ --overlay-bgColor: #010409;
1594
1594
  --page-header-bgColor: var(--bgColor-default);
1595
1595
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1596
1596
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -744,7 +744,7 @@
744
744
  --fgColor-white: #ffffff;
745
745
  --focus-outlineColor: var(--borderColor-accent-emphasis);
746
746
  --header-fgColor-default: #ffffffb3;
747
- --overlay-bgColor: var(--bgColor-muted);
747
+ --overlay-bgColor: #010409;
748
748
  --overlay-borderColor: var(--borderColor-default);
749
749
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
750
750
  --selectMenu-borderColor: var(--borderColor-default);
@@ -1572,7 +1572,7 @@
1572
1572
  --fgColor-white: #ffffff;
1573
1573
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1574
1574
  --header-fgColor-default: #ffffffb3;
1575
- --overlay-bgColor: var(--bgColor-muted);
1575
+ --overlay-bgColor: #010409;
1576
1576
  --overlay-borderColor: var(--borderColor-default);
1577
1577
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1578
1578
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -763,7 +763,7 @@
763
763
  --fgColor-white: #ffffff;
764
764
  --focus-outlineColor: var(--borderColor-accent-emphasis);
765
765
  --header-fgColor-default: #ffffffb3;
766
- --overlay-bgColor: var(--bgColor-muted);
766
+ --overlay-bgColor: #010409;
767
767
  --page-header-bgColor: var(--bgColor-default);
768
768
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
769
769
  --selectMenu-borderColor: var(--borderColor-default);
@@ -1591,7 +1591,7 @@
1591
1591
  --fgColor-white: #ffffff;
1592
1592
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1593
1593
  --header-fgColor-default: #ffffffb3;
1594
- --overlay-bgColor: var(--bgColor-muted);
1594
+ --overlay-bgColor: #010409;
1595
1595
  --page-header-bgColor: var(--bgColor-default);
1596
1596
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1597
1597
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/css/functional/themes/dark.css CHANGED
@@ -762,7 +762,7 @@
762
762
  --fgColor-white: #ffffff;
763
763
  --focus-outlineColor: var(--borderColor-accent-emphasis);
764
764
  --header-fgColor-default: #ffffffb3;
765
- --overlay-bgColor: var(--bgColor-muted);
765
+ --overlay-bgColor: #010409;
766
766
  --page-header-bgColor: var(--bgColor-default);
767
767
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
768
768
  --selectMenu-borderColor: var(--borderColor-default);
@@ -1590,7 +1590,7 @@
1590
1590
  --fgColor-white: #ffffff;
1591
1591
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1592
1592
  --header-fgColor-default: #ffffffb3;
1593
- --overlay-bgColor: var(--bgColor-muted);
1593
+ --overlay-bgColor: #010409;
1594
1594
  --page-header-bgColor: var(--bgColor-default);
1595
1595
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1596
1596
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/docs/base/size/size.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "$extensions": {
4
4
  "org.primer.figma": {
5
5
  "collection": "base/size",
6
- "scopes": ["size"]
6
+ "scopes": ["size", "gap"]
7
7
  }
8
8
  },
9
9
  "filePath": "src/tokens/base/size/size.json5",
@@ -14,7 +14,7 @@
14
14
  "$extensions": {
15
15
  "org.primer.figma": {
16
16
  "collection": "base/size",
17
- "scopes": ["size"]
17
+ "scopes": ["size", "gap"]
18
18
  }
19
19
  }
20
20
  },
@@ -29,7 +29,7 @@
29
29
  "$extensions": {
30
30
  "org.primer.figma": {
31
31
  "collection": "base/size",
32
- "scopes": ["size"]
32
+ "scopes": ["size", "gap"]
33
33
  }
34
34
  },
35
35
  "filePath": "src/tokens/base/size/size.json5",
@@ -40,7 +40,7 @@
40
40
  "$extensions": {
41
41
  "org.primer.figma": {
42
42
  "collection": "base/size",
43
- "scopes": ["size"]
43
+ "scopes": ["size", "gap"]
44
44
  }
45
45
  }
46
46
  },
@@ -55,7 +55,7 @@
55
55
  "$extensions": {
56
56
  "org.primer.figma": {
57
57
  "collection": "base/size",
58
- "scopes": ["size"]
58
+ "scopes": ["size", "gap"]
59
59
  }
60
60
  },
61
61
  "filePath": "src/tokens/base/size/size.json5",
@@ -66,7 +66,7 @@
66
66
  "$extensions": {
67
67
  "org.primer.figma": {
68
68
  "collection": "base/size",
69
- "scopes": ["size"]
69
+ "scopes": ["size", "gap"]
70
70
  }
71
71
  }
72
72
  },
@@ -81,7 +81,7 @@
81
81
  "$extensions": {
82
82
  "org.primer.figma": {
83
83
  "collection": "base/size",
84
- "scopes": ["size"]
84
+ "scopes": ["size", "gap"]
85
85
  }
86
86
  },
87
87
  "filePath": "src/tokens/base/size/size.json5",
@@ -92,7 +92,7 @@
92
92
  "$extensions": {
93
93
  "org.primer.figma": {
94
94
  "collection": "base/size",
95
- "scopes": ["size"]
95
+ "scopes": ["size", "gap"]
96
96
  }
97
97
  }
98
98
  },
@@ -107,7 +107,7 @@
107
107
  "$extensions": {
108
108
  "org.primer.figma": {
109
109
  "collection": "base/size",
110
- "scopes": ["size"]
110
+ "scopes": ["size", "gap"]
111
111
  }
112
112
  },
113
113
  "filePath": "src/tokens/base/size/size.json5",
@@ -118,7 +118,7 @@
118
118
  "$extensions": {
119
119
  "org.primer.figma": {
120
120
  "collection": "base/size",
121
- "scopes": ["size"]
121
+ "scopes": ["size", "gap"]
122
122
  }
123
123
  }
124
124
  },
@@ -133,7 +133,7 @@
133
133
  "$extensions": {
134
134
  "org.primer.figma": {
135
135
  "collection": "base/size",
136
- "scopes": ["size"]
136
+ "scopes": ["size", "gap"]
137
137
  }
138
138
  },
139
139
  "filePath": "src/tokens/base/size/size.json5",
@@ -144,7 +144,7 @@
144
144
  "$extensions": {
145
145
  "org.primer.figma": {
146
146
  "collection": "base/size",
147
- "scopes": ["size"]
147
+ "scopes": ["size", "gap"]
148
148
  }
149
149
  }
150
150
  },
@@ -159,7 +159,7 @@
159
159
  "$extensions": {
160
160
  "org.primer.figma": {
161
161
  "collection": "base/size",
162
- "scopes": ["size"]
162
+ "scopes": ["size", "gap"]
163
163
  }
164
164
  },
165
165
  "filePath": "src/tokens/base/size/size.json5",
@@ -170,7 +170,7 @@
170
170
  "$extensions": {
171
171
  "org.primer.figma": {
172
172
  "collection": "base/size",
173
- "scopes": ["size"]
173
+ "scopes": ["size", "gap"]
174
174
  }
175
175
  }
176
176
  },
@@ -185,7 +185,7 @@
185
185
  "$extensions": {
186
186
  "org.primer.figma": {
187
187
  "collection": "base/size",
188
- "scopes": ["size"]
188
+ "scopes": ["size", "gap"]
189
189
  }
190
190
  },
191
191
  "filePath": "src/tokens/base/size/size.json5",
@@ -196,7 +196,7 @@
196
196
  "$extensions": {
197
197
  "org.primer.figma": {
198
198
  "collection": "base/size",
199
- "scopes": ["size"]
199
+ "scopes": ["size", "gap"]
200
200
  }
201
201
  }
202
202
  },
@@ -211,7 +211,7 @@
211
211
  "$extensions": {
212
212
  "org.primer.figma": {
213
213
  "collection": "base/size",
214
- "scopes": ["size"]
214
+ "scopes": ["size", "gap"]
215
215
  }
216
216
  },
217
217
  "filePath": "src/tokens/base/size/size.json5",
@@ -222,7 +222,7 @@
222
222
  "$extensions": {
223
223
  "org.primer.figma": {
224
224
  "collection": "base/size",
225
- "scopes": ["size"]
225
+ "scopes": ["size", "gap"]
226
226
  }
227
227
  }
228
228
  },
@@ -237,7 +237,7 @@
237
237
  "$extensions": {
238
238
  "org.primer.figma": {
239
239
  "collection": "base/size",
240
- "scopes": ["size"]
240
+ "scopes": ["size", "gap"]
241
241
  }
242
242
  },
243
243
  "filePath": "src/tokens/base/size/size.json5",
@@ -248,7 +248,7 @@
248
248
  "$extensions": {
249
249
  "org.primer.figma": {
250
250
  "collection": "base/size",
251
- "scopes": ["size"]
251
+ "scopes": ["size", "gap"]
252
252
  }
253
253
  }
254
254
  },
@@ -263,7 +263,7 @@
263
263
  "$extensions": {
264
264
  "org.primer.figma": {
265
265
  "collection": "base/size",
266
- "scopes": ["size"]
266
+ "scopes": ["size", "gap"]
267
267
  }
268
268
  },
269
269
  "filePath": "src/tokens/base/size/size.json5",
@@ -274,7 +274,7 @@
274
274
  "$extensions": {
275
275
  "org.primer.figma": {
276
276
  "collection": "base/size",
277
- "scopes": ["size"]
277
+ "scopes": ["size", "gap"]
278
278
  }
279
279
  }
280
280
  },
@@ -289,7 +289,7 @@
289
289
  "$extensions": {
290
290
  "org.primer.figma": {
291
291
  "collection": "base/size",
292
- "scopes": ["size"]
292
+ "scopes": ["size", "gap"]
293
293
  }
294
294
  },
295
295
  "filePath": "src/tokens/base/size/size.json5",
@@ -300,7 +300,7 @@
300
300
  "$extensions": {
301
301
  "org.primer.figma": {
302
302
  "collection": "base/size",
303
- "scopes": ["size"]
303
+ "scopes": ["size", "gap"]
304
304
  }
305
305
  }
306
306
  },
@@ -315,7 +315,7 @@
315
315
  "$extensions": {
316
316
  "org.primer.figma": {
317
317
  "collection": "base/size",
318
- "scopes": ["size"]
318
+ "scopes": ["size", "gap"]
319
319
  }
320
320
  },
321
321
  "filePath": "src/tokens/base/size/size.json5",
@@ -326,7 +326,7 @@
326
326
  "$extensions": {
327
327
  "org.primer.figma": {
328
328
  "collection": "base/size",
329
- "scopes": ["size"]
329
+ "scopes": ["size", "gap"]
330
330
  }
331
331
  }
332
332
  },
@@ -341,7 +341,7 @@
341
341
  "$extensions": {
342
342
  "org.primer.figma": {
343
343
  "collection": "base/size",
344
- "scopes": ["size"]
344
+ "scopes": ["size", "gap"]
345
345
  }
346
346
  },
347
347
  "filePath": "src/tokens/base/size/size.json5",
@@ -352,7 +352,7 @@
352
352
  "$extensions": {
353
353
  "org.primer.figma": {
354
354
  "collection": "base/size",
355
- "scopes": ["size"]
355
+ "scopes": ["size", "gap"]
356
356
  }
357
357
  }
358
358
  },
@@ -367,7 +367,7 @@
367
367
  "$extensions": {
368
368
  "org.primer.figma": {
369
369
  "collection": "base/size",
370
- "scopes": ["size"]
370
+ "scopes": ["size", "gap"]
371
371
  }
372
372
  },
373
373
  "filePath": "src/tokens/base/size/size.json5",
@@ -378,7 +378,7 @@
378
378
  "$extensions": {
379
379
  "org.primer.figma": {
380
380
  "collection": "base/size",
381
- "scopes": ["size"]
381
+ "scopes": ["size", "gap"]
382
382
  }
383
383
  }
384
384
  },
@@ -393,7 +393,7 @@
393
393
  "$extensions": {
394
394
  "org.primer.figma": {
395
395
  "collection": "base/size",
396
- "scopes": ["size"]
396
+ "scopes": ["size", "gap"]
397
397
  }
398
398
  },
399
399
  "filePath": "src/tokens/base/size/size.json5",
@@ -404,7 +404,7 @@
404
404
  "$extensions": {
405
405
  "org.primer.figma": {
406
406
  "collection": "base/size",
407
- "scopes": ["size"]
407
+ "scopes": ["size", "gap"]
408
408
  }
409
409
  }
410
410
  },
@@ -419,7 +419,7 @@
419
419
  "$extensions": {
420
420
  "org.primer.figma": {
421
421
  "collection": "base/size",
422
- "scopes": ["size"]
422
+ "scopes": ["size", "gap"]
423
423
  }
424
424
  },
425
425
  "filePath": "src/tokens/base/size/size.json5",
@@ -430,7 +430,7 @@
430
430
  "$extensions": {
431
431
  "org.primer.figma": {
432
432
  "collection": "base/size",
433
- "scopes": ["size"]
433
+ "scopes": ["size", "gap"]
434
434
  }
435
435
  }
436
436
  },
@@ -445,7 +445,7 @@
445
445
  "$extensions": {
446
446
  "org.primer.figma": {
447
447
  "collection": "base/size",
448
- "scopes": ["size"]
448
+ "scopes": ["size", "gap"]
449
449
  }
450
450
  },
451
451
  "filePath": "src/tokens/base/size/size.json5",
@@ -456,7 +456,7 @@
456
456
  "$extensions": {
457
457
  "org.primer.figma": {
458
458
  "collection": "base/size",
459
- "scopes": ["size"]
459
+ "scopes": ["size", "gap"]
460
460
  }
461
461
  }
462
462
  },
@@ -471,7 +471,7 @@
471
471
  "$extensions": {
472
472
  "org.primer.figma": {
473
473
  "collection": "base/size",
474
- "scopes": ["size"]
474
+ "scopes": ["size", "gap"]
475
475
  }
476
476
  },
477
477
  "filePath": "src/tokens/base/size/size.json5",
@@ -482,7 +482,7 @@
482
482
  "$extensions": {
483
483
  "org.primer.figma": {
484
484
  "collection": "base/size",
485
- "scopes": ["size"]
485
+ "scopes": ["size", "gap"]
486
486
  }
487
487
  }
488
488
  },