@primer/primitives 7.17.0-rc.d6bee7f7 → 7.17.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 (63) hide show
  1. package/dist/docs/functional/themes/dark-colorblind.json +78 -78
  2. package/dist/docs/functional/themes/dark-dimmed.json +73 -73
  3. package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
  4. package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
  5. package/dist/docs/functional/themes/dark.json +73 -73
  6. package/dist/docs/functional/themes/light-colorblind.json +76 -76
  7. package/dist/docs/functional/themes/light-high-contrast.json +70 -70
  8. package/dist/docs/functional/themes/light-tritanopia.json +76 -76
  9. package/dist/docs/functional/themes/light.json +71 -71
  10. package/dist/figma/scales/dark-dimmed.json +20 -20
  11. package/dist/figma/scales/dark-high-constrast.json +20 -20
  12. package/dist/figma/scales/dark.json +20 -20
  13. package/dist/figma/scales/light-high-constrast.json +20 -20
  14. package/dist/figma/scales/light.json +20 -20
  15. package/dist/figma/themes/dark-colorblind.json +70 -70
  16. package/dist/figma/themes/dark-dimmed.json +65 -65
  17. package/dist/figma/themes/dark-high-contrast.json +69 -69
  18. package/dist/figma/themes/dark-tritanopia.json +70 -70
  19. package/dist/figma/themes/dark.json +65 -65
  20. package/dist/figma/themes/light-colorblind.json +59 -59
  21. package/dist/figma/themes/light-high-contrast.json +55 -55
  22. package/dist/figma/themes/light-tritanopia.json +59 -59
  23. package/dist/figma/themes/light.json +54 -54
  24. package/dist/internalCss/dark-colorblind.css +20 -20
  25. package/dist/internalCss/dark-dimmed.css +20 -20
  26. package/dist/internalCss/dark-high-contrast.css +20 -20
  27. package/dist/internalCss/dark-tritanopia.css +20 -20
  28. package/dist/internalCss/dark.css +20 -20
  29. package/dist/internalCss/light-colorblind.css +20 -20
  30. package/dist/internalCss/light-high-contrast.css +20 -20
  31. package/dist/internalCss/light-tritanopia.css +20 -20
  32. package/dist/internalCss/light.css +20 -20
  33. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
  34. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
  35. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
  36. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
  37. package/dist/styleLint/functional/themes/dark.json +73 -73
  38. package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
  39. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
  40. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
  41. package/dist/styleLint/functional/themes/light.json +71 -71
  42. package/package.json +1 -1
  43. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  44. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  45. package/src/tokens/base/color/dark/dark.json5 +1 -1
  46. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  47. package/src/tokens/base/color/light/light.json5 +1 -1
  48. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  49. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  50. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  51. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  52. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  53. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  54. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  55. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  56. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  57. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  58. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  59. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  60. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  61. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  62. package/src/tokens/functional/shadow/dark.json5 +1 -1
  63. package/src/tokens/functional/shadow/light.json5 +11 -11
@@ -1,7 +1,7 @@
1
1
  {
2
2
  fgColor: {
3
3
  default: {
4
- $value: '{base.color.gray.0}',
4
+ $value: '{base.color.neutral.0}',
5
5
  $type: 'color',
6
6
  $extensions: {
7
7
  'org.primer.figma': {
@@ -15,12 +15,12 @@
15
15
  },
16
16
  },
17
17
  mix: {
18
- color: '{base.color.gray.1}',
18
+ color: '{base.color.neutral.1}',
19
19
  weight: 0.25,
20
20
  },
21
21
  },
22
22
  muted: {
23
- $value: '{base.color.gray.3}',
23
+ $value: '{base.color.neutral.3}',
24
24
  $type: 'color',
25
25
  $extensions: {
26
26
  'org.primer.figma': {
@@ -34,7 +34,7 @@
34
34
  },
35
35
  },
36
36
  mix: {
37
- color: '{base.color.gray.4}',
37
+ color: '{base.color.neutral.4}',
38
38
  weight: 0.25,
39
39
  },
40
40
  },
@@ -78,7 +78,7 @@
78
78
  },
79
79
  },
80
80
  disabled: {
81
- $value: '{base.color.gray.4}',
81
+ $value: '{base.color.neutral.4}',
82
82
  $type: 'color',
83
83
  $extensions: {
84
84
  'org.primer.figma': {
@@ -108,7 +108,7 @@
108
108
  },
109
109
  neutral: {
110
110
  '@': {
111
- $value: '{base.color.gray.4}',
111
+ $value: '{base.color.neutral.4}',
112
112
  $type: 'color',
113
113
  $extensions: {
114
114
  'org.primer.figma': {
@@ -297,7 +297,7 @@
297
297
  },
298
298
  bgColor: {
299
299
  default: {
300
- $value: '{base.color.gray.9}',
300
+ $value: '{base.color.neutral.9}',
301
301
  $type: 'color',
302
302
  $extensions: {
303
303
  'org.primer.figma': {
@@ -312,7 +312,7 @@
312
312
  },
313
313
  },
314
314
  muted: {
315
- $value: '{base.color.gray.8}',
315
+ $value: '{base.color.neutral.8}',
316
316
  $type: 'color',
317
317
  $extensions: {
318
318
  'org.primer.figma': {
@@ -342,7 +342,7 @@
342
342
  },
343
343
  },
344
344
  emphasis: {
345
- $value: '{base.color.gray.4}',
345
+ $value: '{base.color.neutral.4}',
346
346
  $type: 'color',
347
347
  $extensions: {
348
348
  'org.primer.figma': {
@@ -393,7 +393,7 @@
393
393
  },
394
394
  },
395
395
  disabled: {
396
- $value: '{base.color.gray.7}',
396
+ $value: '{base.color.neutral.7}',
397
397
  $type: 'color',
398
398
  $extensions: {
399
399
  'org.primer.figma': {
@@ -422,7 +422,7 @@
422
422
  },
423
423
  neutral: {
424
424
  muted: {
425
- $value: '{base.color.gray.4}',
425
+ $value: '{base.color.neutral.4}',
426
426
  $type: 'color',
427
427
  $extensions: {
428
428
  'org.primer.figma': {
@@ -435,7 +435,7 @@
435
435
  alpha: 0.4,
436
436
  },
437
437
  emphasis: {
438
- $value: '{base.color.gray.4}',
438
+ $value: '{base.color.neutral.4}',
439
439
  $type: 'color',
440
440
  $extensions: {
441
441
  'org.primer.figma': {
@@ -780,7 +780,7 @@
780
780
  },
781
781
  borderColor: {
782
782
  default: {
783
- $value: '{base.color.gray.6}',
783
+ $value: '{base.color.neutral.6}',
784
784
  $type: 'color',
785
785
  $extensions: {
786
786
  'org.primer.figma': {
@@ -811,7 +811,7 @@
811
811
  alpha: 0.7,
812
812
  },
813
813
  emphasis: {
814
- $value: '{base.color.gray.5}',
814
+ $value: '{base.color.neutral.5}',
815
815
  $type: 'color',
816
816
  $extensions: {
817
817
  'org.primer.figma': {
@@ -848,7 +848,7 @@
848
848
  },
849
849
  neutral: {
850
850
  muted: {
851
- $value: '{base.color.gray.4}',
851
+ $value: '{base.color.neutral.4}',
852
852
  $type: 'color',
853
853
  $extensions: {
854
854
  'org.primer.figma': {
@@ -861,7 +861,7 @@
861
861
  alpha: 0.4,
862
862
  },
863
863
  emphasis: {
864
- $value: '{base.color.gray.4}',
864
+ $value: '{base.color.neutral.4}',
865
865
  $type: 'color',
866
866
  $extensions: {
867
867
  'org.primer.figma': {
@@ -2,7 +2,7 @@
2
2
  color: {
3
3
  ansi: {
4
4
  black: {
5
- $value: '{base.color.gray.5}',
5
+ $value: '{base.color.neutral.5}',
6
6
  $type: 'color',
7
7
  $extensions: {
8
8
  'org.primer.figma': {
@@ -13,7 +13,7 @@
13
13
  },
14
14
  },
15
15
  'black-bright': {
16
- $value: '{base.color.gray.4}',
16
+ $value: '{base.color.neutral.4}',
17
17
  $type: 'color',
18
18
  $extensions: {
19
19
  'org.primer.figma': {
@@ -24,7 +24,7 @@
24
24
  },
25
25
  },
26
26
  white: {
27
- $value: '{base.color.gray.2}',
27
+ $value: '{base.color.neutral.2}',
28
28
  $type: 'color',
29
29
  $extensions: {
30
30
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  gray: {
49
- $value: '{base.color.gray.4}',
49
+ $value: '{base.color.neutral.4}',
50
50
  $type: 'color',
51
51
  $extensions: {
52
52
  'org.primer.figma': {
@@ -192,7 +192,7 @@
192
192
  prettylights: {
193
193
  syntax: {
194
194
  comment: {
195
- $value: '{base.color.gray.3}',
195
+ $value: '{base.color.neutral.3}',
196
196
  $type: 'color',
197
197
  $extensions: {
198
198
  'org.primer.figma': {
@@ -238,7 +238,7 @@
238
238
  storage: {
239
239
  modifier: {
240
240
  import: {
241
- $value: '{base.color.gray.1}',
241
+ $value: '{base.color.neutral.1}',
242
242
  $type: 'color',
243
243
  $extensions: {
244
244
  'org.primer.figma': {
@@ -307,7 +307,7 @@
307
307
  },
308
308
  },
309
309
  angle: {
310
- $value: '{base.color.gray.3}',
310
+ $value: '{base.color.neutral.3}',
311
311
  $type: 'color',
312
312
  $extensions: {
313
313
  'org.primer.figma': {
@@ -321,7 +321,7 @@
321
321
  invalid: {
322
322
  illegal: {
323
323
  text: {
324
- $value: '{base.color.gray.0}',
324
+ $value: '{base.color.neutral.0}',
325
325
  $type: 'color',
326
326
  $extensions: {
327
327
  'org.primer.figma': {
@@ -347,7 +347,7 @@
347
347
  carriage: {
348
348
  return: {
349
349
  text: {
350
- $value: '{base.color.gray.0}',
350
+ $value: '{base.color.neutral.0}',
351
351
  $type: 'color',
352
352
  $extensions: {
353
353
  'org.primer.figma': {
@@ -405,7 +405,7 @@
405
405
  },
406
406
  },
407
407
  italic: {
408
- $value: '{base.color.gray.1}',
408
+ $value: '{base.color.neutral.1}',
409
409
  $type: 'color',
410
410
  $extensions: {
411
411
  'org.primer.figma': {
@@ -416,7 +416,7 @@
416
416
  },
417
417
  },
418
418
  bold: {
419
- $value: '{base.color.gray.1}',
419
+ $value: '{base.color.neutral.1}',
420
420
  $type: 'color',
421
421
  $extensions: {
422
422
  'org.primer.figma': {
@@ -500,7 +500,7 @@
500
500
  },
501
501
  ignored: {
502
502
  text: {
503
- $value: '{base.color.gray.1}',
503
+ $value: '{base.color.neutral.1}',
504
504
  $type: 'color',
505
505
  $extensions: {
506
506
  'org.primer.figma': {
@@ -541,7 +541,7 @@
541
541
  sublimelinter: {
542
542
  gutter: {
543
543
  mark: {
544
- $value: '{base.color.gray.5}',
544
+ $value: '{base.color.neutral.5}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {
@@ -369,7 +369,7 @@
369
369
  syntax: {
370
370
  fgColor: {
371
371
  comment: {
372
- $value: '{base.color.gray.9}',
372
+ $value: '{base.color.neutral.9}',
373
373
  $type: 'color',
374
374
  $extensions: {
375
375
  'org.primer.figma': {
@@ -496,7 +496,7 @@
496
496
  },
497
497
  },
498
498
  bgColor: {
499
- $value: '{base.color.gray.9}',
499
+ $value: '{base.color.neutral.9}',
500
500
  $type: 'color',
501
501
  $extensions: {
502
502
  'org.primer.figma': {
@@ -509,7 +509,7 @@
509
509
  },
510
510
  borderColor: {
511
511
  divider: {
512
- $value: '{base.color.gray.6}',
512
+ $value: '{base.color.neutral.6}',
513
513
  $type: 'color',
514
514
  $extensions: {
515
515
  'org.primer.figma': {
@@ -524,7 +524,7 @@
524
524
  },
525
525
  headerSearch: {
526
526
  bgColor: {
527
- $value: '{base.color.gray.9}',
527
+ $value: '{base.color.neutral.9}',
528
528
  $type: 'color',
529
529
  $extensions: {
530
530
  'org.primer.figma': {
@@ -536,7 +536,7 @@
536
536
  },
537
537
  },
538
538
  borderColor: {
539
- $value: '{base.color.gray.6}',
539
+ $value: '{base.color.neutral.6}',
540
540
  $type: 'color',
541
541
  $extensions: {
542
542
  'org.primer.figma': {
@@ -6,12 +6,12 @@
6
6
  {
7
7
  fgColor: {
8
8
  muted: {
9
- $value: '{base.color.gray.9}',
9
+ $value: '{base.color.neutral.9}',
10
10
  $type: 'color',
11
11
  mix: null,
12
12
  },
13
13
  disabled: {
14
- $value: '{base.color.gray.5}',
14
+ $value: '{base.color.neutral.5}',
15
15
  $type: 'color',
16
16
  },
17
17
  danger: {
@@ -29,7 +29,7 @@
29
29
  },
30
30
  bgColor: {
31
31
  muted: {
32
- $value: '{base.color.gray.1}',
32
+ $value: '{base.color.neutral.1}',
33
33
  $type: 'color',
34
34
  },
35
35
  inset: {
@@ -38,13 +38,13 @@
38
38
  },
39
39
  neutral: {
40
40
  muted: {
41
- $value: '{base.color.gray.1}',
41
+ $value: '{base.color.neutral.1}',
42
42
  $type: 'color',
43
43
  alpha: 1,
44
44
  },
45
45
  },
46
46
  disabled: {
47
- $value: '{base.color.gray.2}',
47
+ $value: '{base.color.neutral.2}',
48
48
  $type: 'color',
49
49
  },
50
50
  success: {
@@ -63,17 +63,17 @@
63
63
  },
64
64
  borderColor: {
65
65
  default: {
66
- $value: '{base.color.gray.8}',
66
+ $value: '{base.color.neutral.8}',
67
67
  $type: 'color',
68
68
  },
69
69
  muted: {
70
- $value: '{base.color.gray.4}',
70
+ $value: '{base.color.neutral.4}',
71
71
  $type: 'color',
72
72
  alpha: 1,
73
73
  },
74
74
  neutral: {
75
75
  muted: {
76
- $value: '{base.color.gray.4}',
76
+ $value: '{base.color.neutral.4}',
77
77
  $type: 'color',
78
78
  alpha: 1,
79
79
  },
@@ -159,27 +159,27 @@
159
159
  control: {
160
160
  bgColor: {
161
161
  rest: {
162
- $value: '{base.color.gray.1}',
162
+ $value: '{base.color.neutral.1}',
163
163
  $type: 'color',
164
164
  },
165
165
  hover: {
166
- $value: '{base.color.gray.1}',
166
+ $value: '{base.color.neutral.1}',
167
167
  $type: 'color',
168
168
  mix: {
169
- color: '{base.color.gray.3}',
169
+ color: '{base.color.neutral.3}',
170
170
  weight: 0.2,
171
171
  },
172
172
  },
173
173
  active: {
174
- $value: '{base.color.gray.1}',
174
+ $value: '{base.color.neutral.1}',
175
175
  $type: 'color',
176
176
  mix: {
177
- color: '{base.color.gray.3}',
177
+ color: '{base.color.neutral.3}',
178
178
  weight: 0.4,
179
179
  },
180
180
  },
181
181
  selected: {
182
- $value: '{base.color.gray.3}',
182
+ $value: '{base.color.neutral.3}',
183
183
  $type: 'color',
184
184
  },
185
185
  },
@@ -193,19 +193,19 @@
193
193
  transparent: {
194
194
  bgColor: {
195
195
  hover: {
196
- $value: '{base.color.gray.1}',
196
+ $value: '{base.color.neutral.1}',
197
197
  $type: 'color',
198
198
  alpha: null,
199
199
  mix: null,
200
200
  },
201
201
  active: {
202
- $value: '{base.color.gray.2}',
202
+ $value: '{base.color.neutral.2}',
203
203
  $type: 'color',
204
204
  alpha: null,
205
205
  mix: null,
206
206
  },
207
207
  selected: {
208
- $value: '{base.color.gray.2}',
208
+ $value: '{base.color.neutral.2}',
209
209
  $type: 'color',
210
210
  },
211
211
  },
@@ -245,22 +245,22 @@
245
245
  controlTrack: {
246
246
  bgColor: {
247
247
  rest: {
248
- $value: '{base.color.gray.3}',
248
+ $value: '{base.color.neutral.3}',
249
249
  $type: 'color',
250
250
  },
251
251
  hover: {
252
- $value: '{base.color.gray.3}',
252
+ $value: '{base.color.neutral.3}',
253
253
  $type: 'color',
254
254
  mix: {
255
- color: '{base.color.gray.5}',
255
+ color: '{base.color.neutral.5}',
256
256
  weight: 0.2,
257
257
  },
258
258
  },
259
259
  active: {
260
- $value: '{base.color.gray.3}',
260
+ $value: '{base.color.neutral.3}',
261
261
  $type: 'color',
262
262
  mix: {
263
- color: '{base.color.gray.5}',
263
+ color: '{base.color.neutral.5}',
264
264
  weight: 0.4,
265
265
  },
266
266
  },
@@ -349,12 +349,12 @@
349
349
  },
350
350
  bgColor: {
351
351
  hover: {
352
- $value: '{base.color.gray.8}',
352
+ $value: '{base.color.neutral.8}',
353
353
  $type: 'color',
354
354
  alpha: 1,
355
355
  },
356
356
  active: {
357
- $value: '{base.color.gray.6}',
357
+ $value: '{base.color.neutral.6}',
358
358
  $type: 'color',
359
359
  alpha: 1,
360
360
  },
@@ -425,7 +425,7 @@
425
425
  header: {
426
426
  borderColor: {
427
427
  divider: {
428
- $value: '{base.color.gray.3}',
428
+ $value: '{base.color.neutral.3}',
429
429
  $type: 'color',
430
430
  },
431
431
  },
@@ -19,7 +19,7 @@
19
19
  },
20
20
  closed: {
21
21
  '@': {
22
- $value: '{base.color.gray.5}',
22
+ $value: '{base.color.neutral.5}',
23
23
  $type: 'color',
24
24
  },
25
25
  },
@@ -72,12 +72,12 @@
72
72
  },
73
73
  closed: {
74
74
  muted: {
75
- $value: '{base.color.gray.3}',
75
+ $value: '{base.color.neutral.3}',
76
76
  $type: 'color',
77
77
  alpha: 0.4,
78
78
  },
79
79
  emphasis: {
80
- $value: '{base.color.gray.5}',
80
+ $value: '{base.color.neutral.5}',
81
81
  $type: 'color',
82
82
  },
83
83
  },
@@ -96,12 +96,12 @@
96
96
  },
97
97
  closed: {
98
98
  muted: {
99
- $value: '{base.color.gray.3}',
99
+ $value: '{base.color.neutral.3}',
100
100
  $type: 'color',
101
101
  alpha: 0.4,
102
102
  },
103
103
  emphasis: {
104
- $value: '{base.color.gray.5}',
104
+ $value: '{base.color.neutral.5}',
105
105
  $type: 'color',
106
106
  },
107
107
  },
@@ -25,7 +25,7 @@
25
25
  },
26
26
  closed: {
27
27
  '@': {
28
- $value: '{base.color.gray.5}',
28
+ $value: '{base.color.neutral.5}',
29
29
  $type: 'color',
30
30
  },
31
31
  },
@@ -67,11 +67,11 @@
67
67
  },
68
68
  closed: {
69
69
  muted: {
70
- $value: '{base.color.gray.0}',
70
+ $value: '{base.color.neutral.0}',
71
71
  $type: 'color',
72
72
  },
73
73
  emphasis: {
74
- $value: '{base.color.gray.5}',
74
+ $value: '{base.color.neutral.5}',
75
75
  $type: 'color',
76
76
  },
77
77
  },
@@ -112,12 +112,12 @@
112
112
  },
113
113
  closed: {
114
114
  muted: {
115
- $value: '{base.color.gray.3}',
115
+ $value: '{base.color.neutral.3}',
116
116
  $type: 'color',
117
117
  alpha: 0.4,
118
118
  },
119
119
  emphasis: {
120
- $value: '{base.color.gray.5}',
120
+ $value: '{base.color.neutral.5}',
121
121
  $type: 'color',
122
122
  },
123
123
  },