@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
@@ -30,7 +30,7 @@
30
30
  fade: {
31
31
  bgColor: {
32
32
  default: {
33
- $value: '{base.color.gray.3}',
33
+ $value: '{base.color.neutral.3}',
34
34
  $type: 'color',
35
35
  $extensions: {
36
36
  'org.primer.figma': {
@@ -42,7 +42,7 @@
42
42
  },
43
43
  },
44
44
  muted: {
45
- $value: '{base.color.gray.2}',
45
+ $value: '{base.color.neutral.2}',
46
46
  $type: 'color',
47
47
  $extensions: {
48
48
  'org.primer.figma': {
@@ -59,7 +59,7 @@
59
59
  control: {
60
60
  bgColor: {
61
61
  rest: {
62
- $value: '{base.color.gray.0}',
62
+ $value: '{base.color.neutral.0}',
63
63
  $type: 'color',
64
64
  $extensions: {
65
65
  'org.primer.figma': {
@@ -71,7 +71,7 @@
71
71
  },
72
72
  },
73
73
  hover: {
74
- $value: '{base.color.gray.0}',
74
+ $value: '{base.color.neutral.0}',
75
75
  $type: 'color',
76
76
  $extensions: {
77
77
  'org.primer.figma': {
@@ -82,12 +82,12 @@
82
82
  },
83
83
  },
84
84
  mix: {
85
- color: '{base.color.gray.2}',
85
+ color: '{base.color.neutral.2}',
86
86
  weight: 0.2,
87
87
  },
88
88
  },
89
89
  active: {
90
- $value: '{base.color.gray.0}',
90
+ $value: '{base.color.neutral.0}',
91
91
  $type: 'color',
92
92
  $extensions: {
93
93
  'org.primer.figma': {
@@ -98,7 +98,7 @@
98
98
  },
99
99
  },
100
100
  mix: {
101
- color: '{base.color.gray.2}',
101
+ color: '{base.color.neutral.2}',
102
102
  weight: 0.4,
103
103
  },
104
104
  },
@@ -115,7 +115,7 @@
115
115
  },
116
116
  },
117
117
  selected: {
118
- $value: '{base.color.gray.0}',
118
+ $value: '{base.color.neutral.0}',
119
119
  $type: 'color',
120
120
  $extensions: {
121
121
  'org.primer.figma': {
@@ -129,7 +129,7 @@
129
129
  },
130
130
  fgColor: {
131
131
  rest: {
132
- $value: '{base.color.gray.9}',
132
+ $value: '{base.color.neutral.9}',
133
133
  $type: 'color',
134
134
  $extensions: {
135
135
  'org.primer.figma': {
@@ -141,7 +141,7 @@
141
141
  },
142
142
  },
143
143
  placeholder: {
144
- $value: '{base.color.gray.5}',
144
+ $value: '{base.color.neutral.5}',
145
145
  $type: 'color',
146
146
  $extensions: {
147
147
  'org.primer.figma': {
@@ -179,7 +179,7 @@
179
179
  },
180
180
  },
181
181
  emphasis: {
182
- $value: '{base.color.gray.4}',
182
+ $value: '{base.color.neutral.4}',
183
183
  $type: 'color',
184
184
  $extensions: {
185
185
  'org.primer.figma': {
@@ -190,7 +190,7 @@
190
190
  },
191
191
  },
192
192
  mix: {
193
- color: '{base.color.gray.5}',
193
+ color: '{base.color.neutral.5}',
194
194
  weight: 0.2,
195
195
  },
196
196
  },
@@ -207,7 +207,7 @@
207
207
  },
208
208
  },
209
209
  selected: {
210
- $value: '{base.color.gray.0}',
210
+ $value: '{base.color.neutral.0}',
211
211
  $type: 'color',
212
212
  $extensions: {
213
213
  'org.primer.figma': {
@@ -284,7 +284,7 @@
284
284
  },
285
285
  },
286
286
  hover: {
287
- $value: '{base.color.gray.2}',
287
+ $value: '{base.color.neutral.2}',
288
288
  $type: 'color',
289
289
  $extensions: {
290
290
  'org.primer.figma': {
@@ -297,7 +297,7 @@
297
297
  alpha: 0.2,
298
298
  },
299
299
  active: {
300
- $value: '{base.color.gray.2}',
300
+ $value: '{base.color.neutral.2}',
301
301
  $type: 'color',
302
302
  $extensions: {
303
303
  'org.primer.figma': {
@@ -322,7 +322,7 @@
322
322
  },
323
323
  },
324
324
  selected: {
325
- $value: '{base.color.gray.2}',
325
+ $value: '{base.color.neutral.2}',
326
326
  $type: 'color',
327
327
  $extensions: {
328
328
  'org.primer.figma': {
@@ -577,7 +577,7 @@
577
577
  controlTrack: {
578
578
  bgColor: {
579
579
  rest: {
580
- $value: '{base.color.gray.1}',
580
+ $value: '{base.color.neutral.1}',
581
581
  $type: 'color',
582
582
  $extensions: {
583
583
  'org.primer.figma': {
@@ -589,7 +589,7 @@
589
589
  },
590
590
  },
591
591
  hover: {
592
- $value: '{base.color.gray.1}',
592
+ $value: '{base.color.neutral.1}',
593
593
  $type: 'color',
594
594
  $extensions: {
595
595
  'org.primer.figma': {
@@ -600,12 +600,12 @@
600
600
  },
601
601
  },
602
602
  mix: {
603
- color: '{base.color.gray.3}',
603
+ color: '{base.color.neutral.3}',
604
604
  weight: 0.2,
605
605
  },
606
606
  },
607
607
  active: {
608
- $value: '{base.color.gray.1}',
608
+ $value: '{base.color.neutral.1}',
609
609
  $type: 'color',
610
610
  $extensions: {
611
611
  'org.primer.figma': {
@@ -616,7 +616,7 @@
616
616
  },
617
617
  },
618
618
  mix: {
619
- color: '{base.color.gray.3}',
619
+ color: '{base.color.neutral.3}',
620
620
  weight: 0.4,
621
621
  },
622
622
  },
@@ -1316,7 +1316,7 @@
1316
1316
  },
1317
1317
  },
1318
1318
  disabled: {
1319
- $value: '{base.color.gray.0}',
1319
+ $value: '{base.color.neutral.0}',
1320
1320
  $type: 'color',
1321
1321
  $extensions: {
1322
1322
  'org.primer.figma': {
@@ -1530,7 +1530,7 @@
1530
1530
  },
1531
1531
  inactive: {
1532
1532
  fgColor: {
1533
- $value: '{base.color.gray.6}',
1533
+ $value: '{base.color.neutral.6}',
1534
1534
  $type: 'color',
1535
1535
  $extensions: {
1536
1536
  'org.primer.figma': {
@@ -1542,7 +1542,7 @@
1542
1542
  },
1543
1543
  },
1544
1544
  bgColor: {
1545
- $value: '{base.color.gray.1}',
1545
+ $value: '{base.color.neutral.1}',
1546
1546
  $type: 'color',
1547
1547
  $extensions: {
1548
1548
  'org.primer.figma': {
@@ -1864,7 +1864,7 @@
1864
1864
  },
1865
1865
  header: {
1866
1866
  bgColor: {
1867
- $value: '{base.color.gray.9}',
1867
+ $value: '{base.color.neutral.9}',
1868
1868
  $type: 'color',
1869
1869
  $extensions: {
1870
1870
  'org.primer.figma': {
@@ -1904,7 +1904,7 @@
1904
1904
  },
1905
1905
  borderColor: {
1906
1906
  divider: {
1907
- $value: '{base.color.gray.6}',
1907
+ $value: '{base.color.neutral.6}',
1908
1908
  $type: 'color',
1909
1909
  $extensions: {
1910
1910
  'org.primer.figma': {
@@ -1919,7 +1919,7 @@
1919
1919
  },
1920
1920
  headerSearch: {
1921
1921
  bgColor: {
1922
- $value: '{base.color.gray.9}',
1922
+ $value: '{base.color.neutral.9}',
1923
1923
  $type: 'color',
1924
1924
  $extensions: {
1925
1925
  'org.primer.figma': {
@@ -1931,7 +1931,7 @@
1931
1931
  },
1932
1932
  },
1933
1933
  borderColor: {
1934
- $value: '{base.color.gray.6}',
1934
+ $value: '{base.color.neutral.6}',
1935
1935
  $type: 'color',
1936
1936
  $extensions: {
1937
1937
  'org.primer.figma': {
@@ -1986,7 +1986,7 @@
1986
1986
  },
1987
1987
  backdrop: {
1988
1988
  bgColor: {
1989
- $value: '{base.color.gray.4}',
1989
+ $value: '{base.color.neutral.4}',
1990
1990
  $type: 'color',
1991
1991
  $extensions: {
1992
1992
  'org.primer.figma': {
@@ -2052,7 +2052,7 @@
2052
2052
  },
2053
2053
  timelineBadge: {
2054
2054
  bgColor: {
2055
- $value: '{base.color.gray.1}',
2055
+ $value: '{base.color.neutral.1}',
2056
2056
  $type: 'color',
2057
2057
  $extensions: {
2058
2058
  'org.primer.figma': {
@@ -16,7 +16,7 @@
16
16
  },
17
17
  },
18
18
  muted: {
19
- $value: '{base.color.gray.6}',
19
+ $value: '{base.color.neutral.6}',
20
20
  $type: 'color',
21
21
  $extensions: {
22
22
  'org.primer.figma': {
@@ -30,7 +30,7 @@
30
30
  },
31
31
  },
32
32
  mix: {
33
- color: '{base.color.gray.5}',
33
+ color: '{base.color.neutral.5}',
34
34
  weight: 0.5,
35
35
  },
36
36
  },
@@ -74,7 +74,7 @@
74
74
  },
75
75
  },
76
76
  disabled: {
77
- $value: '{base.color.gray.4}',
77
+ $value: '{base.color.neutral.4}',
78
78
  $type: 'color',
79
79
  $extensions: {
80
80
  'org.primer.figma': {
@@ -104,7 +104,7 @@
104
104
  },
105
105
  neutral: {
106
106
  '@': {
107
- $value: '{base.color.gray.5}',
107
+ $value: '{base.color.neutral.5}',
108
108
  $type: 'color',
109
109
  $extensions: {
110
110
  'org.primer.figma': {
@@ -308,7 +308,7 @@
308
308
  },
309
309
  },
310
310
  muted: {
311
- $value: '{base.color.gray.0}',
311
+ $value: '{base.color.neutral.0}',
312
312
  $type: 'color',
313
313
  $extensions: {
314
314
  'org.primer.figma': {
@@ -323,7 +323,7 @@
323
323
  },
324
324
  },
325
325
  inset: {
326
- $value: '{base.color.gray.0}',
326
+ $value: '{base.color.neutral.0}',
327
327
  $type: 'color',
328
328
  $extensions: {
329
329
  'org.primer.figma': {
@@ -338,7 +338,7 @@
338
338
  },
339
339
  },
340
340
  emphasis: {
341
- $value: '{base.color.gray.9}',
341
+ $value: '{base.color.neutral.9}',
342
342
  $type: 'color',
343
343
  $extensions: {
344
344
  'org.primer.figma': {
@@ -353,7 +353,7 @@
353
353
  },
354
354
  },
355
355
  inverse: {
356
- $value: '{base.color.gray.9}',
356
+ $value: '{base.color.neutral.9}',
357
357
  $type: 'color',
358
358
  $extensions: {
359
359
  'org.primer.figma': {
@@ -389,7 +389,7 @@
389
389
  },
390
390
  },
391
391
  disabled: {
392
- $value: '{base.color.gray.1}',
392
+ $value: '{base.color.neutral.1}',
393
393
  $type: 'color',
394
394
  $extensions: {
395
395
  'org.primer.figma': {
@@ -418,7 +418,7 @@
418
418
  },
419
419
  neutral: {
420
420
  muted: {
421
- $value: '{base.color.gray.3}',
421
+ $value: '{base.color.neutral.3}',
422
422
  $type: 'color',
423
423
  $extensions: {
424
424
  'org.primer.figma': {
@@ -431,7 +431,7 @@
431
431
  alpha: 0.2,
432
432
  },
433
433
  emphasis: {
434
- $value: '{base.color.gray.5}',
434
+ $value: '{base.color.neutral.5}',
435
435
  $type: 'color',
436
436
  $extensions: {
437
437
  'org.primer.figma': {
@@ -770,7 +770,7 @@
770
770
  },
771
771
  borderColor: {
772
772
  default: {
773
- $value: '{base.color.gray.2}',
773
+ $value: '{base.color.neutral.2}',
774
774
  $type: 'color',
775
775
  $extensions: {
776
776
  'org.primer.figma': {
@@ -801,7 +801,7 @@
801
801
  alpha: 0.7,
802
802
  },
803
803
  emphasis: {
804
- $value: '{base.color.gray.5}',
804
+ $value: '{base.color.neutral.5}',
805
805
  $type: 'color',
806
806
  $extensions: {
807
807
  'org.primer.figma': {
@@ -838,7 +838,7 @@
838
838
  },
839
839
  neutral: {
840
840
  muted: {
841
- $value: '{base.color.gray.3}',
841
+ $value: '{base.color.neutral.3}',
842
842
  $type: 'color',
843
843
  $extensions: {
844
844
  'org.primer.figma': {
@@ -851,7 +851,7 @@
851
851
  alpha: 0.2,
852
852
  },
853
853
  emphasis: {
854
- $value: '{base.color.gray.5}',
854
+ $value: '{base.color.neutral.5}',
855
855
  $type: 'color',
856
856
  $extensions: {
857
857
  'org.primer.figma': {
@@ -2,7 +2,7 @@
2
2
  color: {
3
3
  ansi: {
4
4
  black: {
5
- $value: '{base.color.gray.9}',
5
+ $value: '{base.color.neutral.9}',
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.6}',
16
+ $value: '{base.color.neutral.6}',
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.5}',
27
+ $value: '{base.color.neutral.5}',
28
28
  $type: 'color',
29
29
  $extensions: {
30
30
  'org.primer.figma': {
@@ -35,7 +35,7 @@
35
35
  },
36
36
  },
37
37
  'white-bright': {
38
- $value: '{base.color.gray.4}',
38
+ $value: '{base.color.neutral.4}',
39
39
  $type: 'color',
40
40
  $extensions: {
41
41
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  gray: {
49
- $value: '{base.color.gray.5}',
49
+ $value: '{base.color.neutral.5}',
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.6}',
195
+ $value: '{base.color.neutral.6}',
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.9}',
241
+ $value: '{base.color.neutral.9}',
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.6}',
310
+ $value: '{base.color.neutral.6}',
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.9}',
408
+ $value: '{base.color.neutral.9}',
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.9}',
419
+ $value: '{base.color.neutral.9}',
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.4}',
544
+ $value: '{base.color.neutral.4}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {
@@ -3,7 +3,7 @@
3
3
  shadow: {
4
4
  $value: [
5
5
  {
6
- color: '{base.color.gray.9}',
6
+ color: '{base.color.neutral.9}',
7
7
  alpha: 1,
8
8
  offsetX: '0px',
9
9
  offsetY: '0px',
@@ -187,7 +187,7 @@
187
187
  medium: {
188
188
  $value: [
189
189
  {
190
- color: '{base.color.gray.7}',
190
+ color: '{base.color.neutral.7}',
191
191
  alpha: 0.12,
192
192
  offsetX: '0px',
193
193
  offsetY: '3px',
@@ -217,7 +217,7 @@
217
217
  spread: '1px',
218
218
  },
219
219
  {
220
- color: '{base.color.gray.7}',
220
+ color: '{base.color.neutral.7}',
221
221
  alpha: 0.04,
222
222
  offsetX: '0px',
223
223
  offsetY: '6px',
@@ -225,7 +225,7 @@
225
225
  spread: '-3px',
226
226
  },
227
227
  {
228
- color: '{base.color.gray.7}',
228
+ color: '{base.color.neutral.7}',
229
229
  alpha: 0.12,
230
230
  offsetX: '0px',
231
231
  offsetY: '6px',
@@ -253,7 +253,7 @@
253
253
  spread: '1px',
254
254
  },
255
255
  {
256
- color: '{base.color.gray.7}',
256
+ color: '{base.color.neutral.7}',
257
257
  alpha: 0.08,
258
258
  offsetX: '0px',
259
259
  offsetY: '8px',
@@ -261,7 +261,7 @@
261
261
  spread: '-4px',
262
262
  },
263
263
  {
264
- color: '{base.color.gray.7}',
264
+ color: '{base.color.neutral.7}',
265
265
  alpha: 0.08,
266
266
  offsetX: '0px',
267
267
  offsetY: '4px',
@@ -269,7 +269,7 @@
269
269
  spread: '-4px',
270
270
  },
271
271
  {
272
- color: '{base.color.gray.7}',
272
+ color: '{base.color.neutral.7}',
273
273
  alpha: 0.08,
274
274
  offsetX: '0px',
275
275
  offsetY: '24px',
@@ -277,7 +277,7 @@
277
277
  spread: '-12px',
278
278
  },
279
279
  {
280
- color: '{base.color.gray.7}',
280
+ color: '{base.color.neutral.7}',
281
281
  alpha: 0.08,
282
282
  offsetX: '0px',
283
283
  offsetY: '48px',
@@ -305,7 +305,7 @@
305
305
  spread: '1px',
306
306
  },
307
307
  {
308
- color: '{base.color.gray.7}',
308
+ color: '{base.color.neutral.7}',
309
309
  alpha: 0.24,
310
310
  offsetX: '0px',
311
311
  offsetY: '40px',
@@ -333,7 +333,7 @@
333
333
  spread: '1px',
334
334
  },
335
335
  {
336
- color: '{base.color.gray.7}',
336
+ color: '{base.color.neutral.7}',
337
337
  alpha: 0.32,
338
338
  offsetX: '0px',
339
339
  offsetY: '56px',
@@ -353,7 +353,7 @@
353
353
  legacy: {
354
354
  $value: [
355
355
  {
356
- color: '{base.color.gray.7}',
356
+ color: '{base.color.neutral.7}',
357
357
  alpha: 0.04,
358
358
  offsetX: '0px',
359
359
  offsetY: '6px',
@@ -361,7 +361,7 @@
361
361
  spread: '-3px',
362
362
  },
363
363
  {
364
- color: '{base.color.gray.7}',
364
+ color: '{base.color.neutral.7}',
365
365
  alpha: 0.12,
366
366
  offsetX: '0px',
367
367
  offsetY: '6px',