@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/internalCss/dark-colorblind.css CHANGED
@@ -1066,7 +1066,7 @@
1066
1066
  --fgColor-white: var(--base-color-neutral-13);
1067
1067
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1068
1068
  --header-fgColor-default: #ffffffb3;
1069
- --overlay-bgColor: var(--bgColor-muted);
1069
+ --overlay-bgColor: var(--base-color-neutral-0);
1070
1070
  --page-header-bgColor: var(--bgColor-default);
1071
1071
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1072
1072
  --selectMenu-borderColor: var(--borderColor-default);
@@ -2198,7 +2198,7 @@
2198
2198
  --fgColor-white: var(--base-color-neutral-13);
2199
2199
  --focus-outlineColor: var(--borderColor-accent-emphasis);
2200
2200
  --header-fgColor-default: #ffffffb3;
2201
- --overlay-bgColor: var(--bgColor-muted);
2201
+ --overlay-bgColor: var(--base-color-neutral-0);
2202
2202
  --page-header-bgColor: var(--bgColor-default);
2203
2203
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2204
2204
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -1048,7 +1048,7 @@
1048
1048
  --fgColor-white: var(--base-color-neutral-13);
1049
1049
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1050
1050
  --header-fgColor-default: #ffffffb3;
1051
- --overlay-bgColor: var(--bgColor-muted);
1051
+ --overlay-bgColor: var(--base-color-neutral-0);
1052
1052
  --overlay-borderColor: var(--borderColor-default);
1053
1053
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1054
1054
  --selectMenu-borderColor: var(--borderColor-default);
@@ -2180,7 +2180,7 @@
2180
2180
  --fgColor-white: var(--base-color-neutral-13);
2181
2181
  --focus-outlineColor: var(--borderColor-accent-emphasis);
2182
2182
  --header-fgColor-default: #ffffffb3;
2183
- --overlay-bgColor: var(--bgColor-muted);
2183
+ --overlay-bgColor: var(--base-color-neutral-0);
2184
2184
  --overlay-borderColor: var(--borderColor-default);
2185
2185
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2186
2186
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -1067,7 +1067,7 @@
1067
1067
  --fgColor-white: var(--base-color-neutral-13);
1068
1068
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1069
1069
  --header-fgColor-default: #ffffffb3;
1070
- --overlay-bgColor: var(--bgColor-muted);
1070
+ --overlay-bgColor: var(--base-color-neutral-0);
1071
1071
  --page-header-bgColor: var(--bgColor-default);
1072
1072
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1073
1073
  --selectMenu-borderColor: var(--borderColor-default);
@@ -2199,7 +2199,7 @@
2199
2199
  --fgColor-white: var(--base-color-neutral-13);
2200
2200
  --focus-outlineColor: var(--borderColor-accent-emphasis);
2201
2201
  --header-fgColor-default: #ffffffb3;
2202
- --overlay-bgColor: var(--bgColor-muted);
2202
+ --overlay-bgColor: var(--base-color-neutral-0);
2203
2203
  --page-header-bgColor: var(--bgColor-default);
2204
2204
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2205
2205
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/internalCss/dark.css CHANGED
@@ -1066,7 +1066,7 @@
1066
1066
  --fgColor-white: var(--base-color-neutral-13);
1067
1067
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1068
1068
  --header-fgColor-default: #ffffffb3;
1069
- --overlay-bgColor: var(--bgColor-muted);
1069
+ --overlay-bgColor: var(--base-color-neutral-0);
1070
1070
  --page-header-bgColor: var(--bgColor-default);
1071
1071
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1072
1072
  --selectMenu-borderColor: var(--borderColor-default);
@@ -2198,7 +2198,7 @@
2198
2198
  --fgColor-white: var(--base-color-neutral-13);
2199
2199
  --focus-outlineColor: var(--borderColor-accent-emphasis);
2200
2200
  --header-fgColor-default: #ffffffb3;
2201
- --overlay-bgColor: var(--bgColor-muted);
2201
+ --overlay-bgColor: var(--base-color-neutral-0);
2202
2202
  --page-header-bgColor: var(--bgColor-default);
2203
2203
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2204
2204
  --selectMenu-borderColor: var(--borderColor-default);
package/dist/styleLint/base/size/size.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "$extensions": {
6
6
  "org.primer.figma": {
7
7
  "collection": "base/size",
8
- "scopes": ["size"]
8
+ "scopes": ["size", "gap"]
9
9
  }
10
10
  },
11
11
  "filePath": "src/tokens/base/size/size.json5",
@@ -16,7 +16,7 @@
16
16
  "$extensions": {
17
17
  "org.primer.figma": {
18
18
  "collection": "base/size",
19
- "scopes": ["size"]
19
+ "scopes": ["size", "gap"]
20
20
  }
21
21
  }
22
22
  },
@@ -31,7 +31,7 @@
31
31
  "$extensions": {
32
32
  "org.primer.figma": {
33
33
  "collection": "base/size",
34
- "scopes": ["size"]
34
+ "scopes": ["size", "gap"]
35
35
  }
36
36
  },
37
37
  "filePath": "src/tokens/base/size/size.json5",
@@ -42,7 +42,7 @@
42
42
  "$extensions": {
43
43
  "org.primer.figma": {
44
44
  "collection": "base/size",
45
- "scopes": ["size"]
45
+ "scopes": ["size", "gap"]
46
46
  }
47
47
  }
48
48
  },
@@ -57,7 +57,7 @@
57
57
  "$extensions": {
58
58
  "org.primer.figma": {
59
59
  "collection": "base/size",
60
- "scopes": ["size"]
60
+ "scopes": ["size", "gap"]
61
61
  }
62
62
  },
63
63
  "filePath": "src/tokens/base/size/size.json5",
@@ -68,7 +68,7 @@
68
68
  "$extensions": {
69
69
  "org.primer.figma": {
70
70
  "collection": "base/size",
71
- "scopes": ["size"]
71
+ "scopes": ["size", "gap"]
72
72
  }
73
73
  }
74
74
  },
@@ -83,7 +83,7 @@
83
83
  "$extensions": {
84
84
  "org.primer.figma": {
85
85
  "collection": "base/size",
86
- "scopes": ["size"]
86
+ "scopes": ["size", "gap"]
87
87
  }
88
88
  },
89
89
  "filePath": "src/tokens/base/size/size.json5",
@@ -94,7 +94,7 @@
94
94
  "$extensions": {
95
95
  "org.primer.figma": {
96
96
  "collection": "base/size",
97
- "scopes": ["size"]
97
+ "scopes": ["size", "gap"]
98
98
  }
99
99
  }
100
100
  },
@@ -109,7 +109,7 @@
109
109
  "$extensions": {
110
110
  "org.primer.figma": {
111
111
  "collection": "base/size",
112
- "scopes": ["size"]
112
+ "scopes": ["size", "gap"]
113
113
  }
114
114
  },
115
115
  "filePath": "src/tokens/base/size/size.json5",
@@ -120,7 +120,7 @@
120
120
  "$extensions": {
121
121
  "org.primer.figma": {
122
122
  "collection": "base/size",
123
- "scopes": ["size"]
123
+ "scopes": ["size", "gap"]
124
124
  }
125
125
  }
126
126
  },
@@ -135,7 +135,7 @@
135
135
  "$extensions": {
136
136
  "org.primer.figma": {
137
137
  "collection": "base/size",
138
- "scopes": ["size"]
138
+ "scopes": ["size", "gap"]
139
139
  }
140
140
  },
141
141
  "filePath": "src/tokens/base/size/size.json5",
@@ -146,7 +146,7 @@
146
146
  "$extensions": {
147
147
  "org.primer.figma": {
148
148
  "collection": "base/size",
149
- "scopes": ["size"]
149
+ "scopes": ["size", "gap"]
150
150
  }
151
151
  }
152
152
  },
@@ -161,7 +161,7 @@
161
161
  "$extensions": {
162
162
  "org.primer.figma": {
163
163
  "collection": "base/size",
164
- "scopes": ["size"]
164
+ "scopes": ["size", "gap"]
165
165
  }
166
166
  },
167
167
  "filePath": "src/tokens/base/size/size.json5",
@@ -172,7 +172,7 @@
172
172
  "$extensions": {
173
173
  "org.primer.figma": {
174
174
  "collection": "base/size",
175
- "scopes": ["size"]
175
+ "scopes": ["size", "gap"]
176
176
  }
177
177
  }
178
178
  },
@@ -187,7 +187,7 @@
187
187
  "$extensions": {
188
188
  "org.primer.figma": {
189
189
  "collection": "base/size",
190
- "scopes": ["size"]
190
+ "scopes": ["size", "gap"]
191
191
  }
192
192
  },
193
193
  "filePath": "src/tokens/base/size/size.json5",
@@ -198,7 +198,7 @@
198
198
  "$extensions": {
199
199
  "org.primer.figma": {
200
200
  "collection": "base/size",
201
- "scopes": ["size"]
201
+ "scopes": ["size", "gap"]
202
202
  }
203
203
  }
204
204
  },
@@ -213,7 +213,7 @@
213
213
  "$extensions": {
214
214
  "org.primer.figma": {
215
215
  "collection": "base/size",
216
- "scopes": ["size"]
216
+ "scopes": ["size", "gap"]
217
217
  }
218
218
  },
219
219
  "filePath": "src/tokens/base/size/size.json5",
@@ -224,7 +224,7 @@
224
224
  "$extensions": {
225
225
  "org.primer.figma": {
226
226
  "collection": "base/size",
227
- "scopes": ["size"]
227
+ "scopes": ["size", "gap"]
228
228
  }
229
229
  }
230
230
  },
@@ -239,7 +239,7 @@
239
239
  "$extensions": {
240
240
  "org.primer.figma": {
241
241
  "collection": "base/size",
242
- "scopes": ["size"]
242
+ "scopes": ["size", "gap"]
243
243
  }
244
244
  },
245
245
  "filePath": "src/tokens/base/size/size.json5",
@@ -250,7 +250,7 @@
250
250
  "$extensions": {
251
251
  "org.primer.figma": {
252
252
  "collection": "base/size",
253
- "scopes": ["size"]
253
+ "scopes": ["size", "gap"]
254
254
  }
255
255
  }
256
256
  },
@@ -265,7 +265,7 @@
265
265
  "$extensions": {
266
266
  "org.primer.figma": {
267
267
  "collection": "base/size",
268
- "scopes": ["size"]
268
+ "scopes": ["size", "gap"]
269
269
  }
270
270
  },
271
271
  "filePath": "src/tokens/base/size/size.json5",
@@ -276,7 +276,7 @@
276
276
  "$extensions": {
277
277
  "org.primer.figma": {
278
278
  "collection": "base/size",
279
- "scopes": ["size"]
279
+ "scopes": ["size", "gap"]
280
280
  }
281
281
  }
282
282
  },
@@ -291,7 +291,7 @@
291
291
  "$extensions": {
292
292
  "org.primer.figma": {
293
293
  "collection": "base/size",
294
- "scopes": ["size"]
294
+ "scopes": ["size", "gap"]
295
295
  }
296
296
  },
297
297
  "filePath": "src/tokens/base/size/size.json5",
@@ -302,7 +302,7 @@
302
302
  "$extensions": {
303
303
  "org.primer.figma": {
304
304
  "collection": "base/size",
305
- "scopes": ["size"]
305
+ "scopes": ["size", "gap"]
306
306
  }
307
307
  }
308
308
  },
@@ -317,7 +317,7 @@
317
317
  "$extensions": {
318
318
  "org.primer.figma": {
319
319
  "collection": "base/size",
320
- "scopes": ["size"]
320
+ "scopes": ["size", "gap"]
321
321
  }
322
322
  },
323
323
  "filePath": "src/tokens/base/size/size.json5",
@@ -328,7 +328,7 @@
328
328
  "$extensions": {
329
329
  "org.primer.figma": {
330
330
  "collection": "base/size",
331
- "scopes": ["size"]
331
+ "scopes": ["size", "gap"]
332
332
  }
333
333
  }
334
334
  },
@@ -343,7 +343,7 @@
343
343
  "$extensions": {
344
344
  "org.primer.figma": {
345
345
  "collection": "base/size",
346
- "scopes": ["size"]
346
+ "scopes": ["size", "gap"]
347
347
  }
348
348
  },
349
349
  "filePath": "src/tokens/base/size/size.json5",
@@ -354,7 +354,7 @@
354
354
  "$extensions": {
355
355
  "org.primer.figma": {
356
356
  "collection": "base/size",
357
- "scopes": ["size"]
357
+ "scopes": ["size", "gap"]
358
358
  }
359
359
  }
360
360
  },
@@ -369,7 +369,7 @@
369
369
  "$extensions": {
370
370
  "org.primer.figma": {
371
371
  "collection": "base/size",
372
- "scopes": ["size"]
372
+ "scopes": ["size", "gap"]
373
373
  }
374
374
  },
375
375
  "filePath": "src/tokens/base/size/size.json5",
@@ -380,7 +380,7 @@
380
380
  "$extensions": {
381
381
  "org.primer.figma": {
382
382
  "collection": "base/size",
383
- "scopes": ["size"]
383
+ "scopes": ["size", "gap"]
384
384
  }
385
385
  }
386
386
  },
@@ -395,7 +395,7 @@
395
395
  "$extensions": {
396
396
  "org.primer.figma": {
397
397
  "collection": "base/size",
398
- "scopes": ["size"]
398
+ "scopes": ["size", "gap"]
399
399
  }
400
400
  },
401
401
  "filePath": "src/tokens/base/size/size.json5",
@@ -406,7 +406,7 @@
406
406
  "$extensions": {
407
407
  "org.primer.figma": {
408
408
  "collection": "base/size",
409
- "scopes": ["size"]
409
+ "scopes": ["size", "gap"]
410
410
  }
411
411
  }
412
412
  },
@@ -421,7 +421,7 @@
421
421
  "$extensions": {
422
422
  "org.primer.figma": {
423
423
  "collection": "base/size",
424
- "scopes": ["size"]
424
+ "scopes": ["size", "gap"]
425
425
  }
426
426
  },
427
427
  "filePath": "src/tokens/base/size/size.json5",
@@ -432,7 +432,7 @@
432
432
  "$extensions": {
433
433
  "org.primer.figma": {
434
434
  "collection": "base/size",
435
- "scopes": ["size"]
435
+ "scopes": ["size", "gap"]
436
436
  }
437
437
  }
438
438
  },
@@ -447,7 +447,7 @@
447
447
  "$extensions": {
448
448
  "org.primer.figma": {
449
449
  "collection": "base/size",
450
- "scopes": ["size"]
450
+ "scopes": ["size", "gap"]
451
451
  }
452
452
  },
453
453
  "filePath": "src/tokens/base/size/size.json5",
@@ -458,7 +458,7 @@
458
458
  "$extensions": {
459
459
  "org.primer.figma": {
460
460
  "collection": "base/size",
461
- "scopes": ["size"]
461
+ "scopes": ["size", "gap"]
462
462
  }
463
463
  }
464
464
  },
@@ -473,7 +473,7 @@
473
473
  "$extensions": {
474
474
  "org.primer.figma": {
475
475
  "collection": "base/size",
476
- "scopes": ["size"]
476
+ "scopes": ["size", "gap"]
477
477
  }
478
478
  },
479
479
  "filePath": "src/tokens/base/size/size.json5",
@@ -484,7 +484,7 @@
484
484
  "$extensions": {
485
485
  "org.primer.figma": {
486
486
  "collection": "base/size",
487
- "scopes": ["size"]
487
+ "scopes": ["size", "gap"]
488
488
  }
489
489
  }
490
490
  },