@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

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 (95) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +2 -2
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/figmaAttributes.js +2 -1
  12. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  13. package/dist/build/utilities/asArray.d.ts +1 -0
  14. package/dist/build/utilities/asArray.js +1 -0
  15. package/dist/css/functional/size/border.css +5 -5
  16. package/dist/css/functional/size/size.css +15 -15
  17. package/dist/css/functional/size/viewport.css +2 -2
  18. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  19. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  20. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  21. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  22. package/dist/css/functional/themes/dark.css +416 -416
  23. package/dist/css/functional/themes/light-colorblind.css +444 -444
  24. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  25. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  26. package/dist/css/functional/themes/light.css +444 -444
  27. package/dist/css/primitives.css +20 -20
  28. package/dist/docs/base/motion/motion.json +88 -73
  29. package/dist/docs/base/size/size.json +94 -75
  30. package/dist/docs/base/typography/typography.json +14 -10
  31. package/dist/docs/functional/motion/motion.json +19 -15
  32. package/dist/docs/functional/size/border.json +139 -125
  33. package/dist/docs/functional/size/breakpoints.json +31 -25
  34. package/dist/docs/functional/size/size-coarse.json +13 -10
  35. package/dist/docs/functional/size/size-fine.json +9 -6
  36. package/dist/docs/functional/size/size.json +499 -433
  37. package/dist/docs/functional/size/viewport.json +32 -26
  38. package/dist/docs/functional/themes/dark-colorblind.json +7175 -6545
  39. package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
  40. package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
  41. package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
  42. package/dist/docs/functional/themes/dark.json +7202 -6494
  43. package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
  44. package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
  45. package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
  46. package/dist/docs/functional/themes/light.json +7159 -6451
  47. package/dist/docs/functional/typography/typography.json +518 -472
  48. package/dist/figma/figma.json +3 -3
  49. package/dist/figma/shadows/dark-colorblind.json +115 -115
  50. package/dist/figma/shadows/light-colorblind.json +105 -105
  51. package/dist/figma/themes/dark-colorblind.json +5553 -5553
  52. package/dist/figma/themes/dark-dimmed.json +5162 -5162
  53. package/dist/figma/themes/dark-high-contrast.json +4196 -4196
  54. package/dist/figma/themes/dark-tritanopia.json +5211 -5211
  55. package/dist/figma/themes/dark.json +5537 -5537
  56. package/dist/figma/themes/light-colorblind.json +5501 -5501
  57. package/dist/figma/themes/light-high-contrast.json +4176 -4176
  58. package/dist/figma/themes/light-tritanopia.json +5077 -5077
  59. package/dist/figma/themes/light.json +1950 -1950
  60. package/dist/internalCss/dark-colorblind.css +1148 -1148
  61. package/dist/internalCss/dark-dimmed.css +1138 -1138
  62. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  63. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  64. package/dist/internalCss/dark.css +1150 -1150
  65. package/dist/internalCss/light-colorblind.css +1152 -1152
  66. package/dist/internalCss/light-high-contrast.css +1166 -1166
  67. package/dist/internalCss/light-tritanopia.css +1156 -1156
  68. package/dist/internalCss/light.css +1158 -1158
  69. package/dist/styleLint/base/motion/motion.json +97 -82
  70. package/dist/styleLint/base/size/size.json +102 -83
  71. package/dist/styleLint/base/typography/typography.json +16 -12
  72. package/dist/styleLint/functional/motion/motion.json +22 -18
  73. package/dist/styleLint/functional/size/border.json +140 -126
  74. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  75. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  76. package/dist/styleLint/functional/size/size-fine.json +10 -7
  77. package/dist/styleLint/functional/size/size.json +486 -420
  78. package/dist/styleLint/functional/size/viewport.json +36 -30
  79. package/dist/styleLint/functional/themes/dark-colorblind.json +6927 -6297
  80. package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
  81. package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
  82. package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
  83. package/dist/styleLint/functional/themes/dark.json +7180 -6472
  84. package/dist/styleLint/functional/themes/light-colorblind.json +7042 -6412
  85. package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
  86. package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
  87. package/dist/styleLint/functional/themes/light.json +7093 -6385
  88. package/dist/styleLint/functional/typography/typography.json +520 -474
  89. package/package.json +2 -2
  90. package/src/tokens/component/diffBlob.json5 +293 -0
  91. package/src/tokens/component/highlight.json5 +23 -0
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
  93. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  94. package/src/tokens/functional/color/light/app-light.json5 +1 -274
  95. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
package/src/tokens/functional/color/light/app-light.json5 CHANGED
@@ -1,19 +1,4 @@
1
1
  {
2
- highlight: {
3
- neutral: {
4
- bgColor: {
5
- $value: '{base.color.yellow.0}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
- group: 'component',
11
- scopes: ['bgColor'],
12
- },
13
- },
14
- },
15
- },
16
- },
17
2
  page: {
18
3
  header: {
19
4
  bgColor: {
@@ -29,265 +14,7 @@
29
14
  },
30
15
  },
31
16
  },
32
- diffBlob: {
33
- additionLine: {
34
- fgColor: {
35
- $value: '{fgColor.default}',
36
- $type: 'color',
37
- $extensions: {
38
- 'org.primer.figma': {
39
- collection: 'mode',
40
- group: 'component',
41
- scopes: ['fgColor'],
42
- },
43
- },
44
- },
45
- bgColor: {
46
- $value: '{bgColor.success.muted}',
47
- $type: 'color',
48
- $extensions: {
49
- 'org.primer.figma': {
50
- collection: 'mode',
51
- group: 'component',
52
- scopes: ['bgColor'],
53
- },
54
- },
55
- },
56
- },
57
- additionWord: {
58
- fgColor: {
59
- $value: '{fgColor.default}',
60
- $type: 'color',
61
- $extensions: {
62
- 'org.primer.figma': {
63
- collection: 'mode',
64
- group: 'component',
65
- scopes: ['fgColor'],
66
- },
67
- },
68
- },
69
- bgColor: {
70
- $value: '{base.color.green.1}',
71
- $type: 'color',
72
- $extensions: {
73
- 'org.primer.figma': {
74
- collection: 'mode',
75
- group: 'component',
76
- scopes: ['bgColor'],
77
- },
78
- },
79
- },
80
- },
81
- additionNum: {
82
- fgColor: {
83
- $value: '{fgColor.default}',
84
- $type: 'color',
85
- $extensions: {
86
- 'org.primer.figma': {
87
- collection: 'mode',
88
- group: 'component',
89
- scopes: ['fgColor'],
90
- },
91
- },
92
- },
93
- bgColor: {
94
- $value: '{base.color.green.1}',
95
- $type: 'color',
96
- $extensions: {
97
- 'org.primer.figma': {
98
- collection: 'mode',
99
- group: 'component',
100
- scopes: ['bgColor'],
101
- },
102
- },
103
- },
104
- },
105
- deletionLine: {
106
- fgColor: {
107
- $value: '{fgColor.default}',
108
- $type: 'color',
109
- $extensions: {
110
- 'org.primer.figma': {
111
- collection: 'mode',
112
- group: 'component',
113
- scopes: ['fgColor'],
114
- },
115
- },
116
- },
117
- bgColor: {
118
- $value: '{bgColor.danger.muted}',
119
- $type: 'color',
120
- $extensions: {
121
- 'org.primer.figma': {
122
- collection: 'mode',
123
- group: 'component',
124
- scopes: ['bgColor'],
125
- },
126
- },
127
- },
128
- },
129
- deletionWord: {
130
- fgColor: {
131
- $value: '{fgColor.default}',
132
- $type: 'color',
133
- $extensions: {
134
- 'org.primer.figma': {
135
- collection: 'mode',
136
- group: 'component',
137
- scopes: ['fgColor'],
138
- },
139
- },
140
- },
141
- bgColor: {
142
- $value: '{base.color.red.1}',
143
- $type: 'color',
144
- $extensions: {
145
- 'org.primer.figma': {
146
- collection: 'mode',
147
- group: 'component',
148
- scopes: ['bgColor'],
149
- },
150
- },
151
- },
152
- },
153
- deletionNum: {
154
- fgColor: {
155
- $value: '{fgColor.default}',
156
- $type: 'color',
157
- $extensions: {
158
- 'org.primer.figma': {
159
- collection: 'mode',
160
- group: 'component',
161
- scopes: ['fgColor'],
162
- },
163
- },
164
- },
165
- bgColor: {
166
- $value: '{base.color.red.1}',
167
- $type: 'color',
168
- $extensions: {
169
- 'org.primer.figma': {
170
- collection: 'mode',
171
- group: 'component',
172
- scopes: ['bgColor'],
173
- },
174
- },
175
- },
176
- },
177
- hunkLine: {
178
- bgColor: {
179
- $value: '{bgColor.accent.muted}',
180
- $type: 'color',
181
- $extensions: {
182
- 'org.primer.figma': {
183
- collection: 'mode',
184
- group: 'component',
185
- scopes: ['bgColor'],
186
- },
187
- },
188
- },
189
- fgColor: {
190
- $value: '{fgColor.muted}',
191
- $type: 'color',
192
- $extensions: {
193
- 'org.primer.figma': {
194
- collection: 'mode',
195
- group: 'component',
196
- scopes: ['fgColor'],
197
- },
198
- },
199
- },
200
- },
201
- hunkNum: {
202
- fgColor: {
203
- rest: {
204
- $value: '{fgColor.default}',
205
- $type: 'color',
206
- $extensions: {
207
- 'org.primer.figma': {
208
- collection: 'mode',
209
- group: 'component',
210
- scopes: ['fgColor'],
211
- },
212
- },
213
- },
214
- hover: {
215
- $value: '{fgColor.onEmphasis}',
216
- $type: 'color',
217
- $extensions: {
218
- 'org.primer.figma': {
219
- collection: 'mode',
220
- group: 'component',
221
- scopes: ['fgColor'],
222
- },
223
- },
224
- },
225
- },
226
- bgColor: {
227
- rest: {
228
- $value: '{base.color.blue.1}',
229
- $type: 'color',
230
- $extensions: {
231
- 'org.primer.figma': {
232
- collection: 'mode',
233
- group: 'component',
234
- scopes: ['bgColor'],
235
- },
236
- },
237
- },
238
- hover: {
239
- $value: '{bgColor.accent.emphasis}',
240
- $type: 'color',
241
- $extensions: {
242
- 'org.primer.figma': {
243
- collection: 'mode',
244
- group: 'component',
245
- scopes: ['bgColor'],
246
- },
247
- },
248
- },
249
- },
250
- },
251
- emptyNum: {
252
- bgColor: {
253
- $value: '{bgColor.muted}',
254
- $type: 'color',
255
- $extensions: {
256
- 'org.primer.figma': {
257
- collection: 'mode',
258
- group: 'component',
259
- scopes: ['bgColor'],
260
- },
261
- },
262
- },
263
- },
264
- emptyLine: {
265
- bgColor: {
266
- $value: '{bgColor.muted}',
267
- $type: 'color',
268
- $extensions: {
269
- 'org.primer.figma': {
270
- collection: 'mode',
271
- group: 'component',
272
- scopes: ['bgColor'],
273
- },
274
- },
275
- },
276
- },
277
- expander: {
278
- iconColor: {
279
- $value: '{fgColor.muted}',
280
- $type: 'color',
281
- $extensions: {
282
- 'org.primer.figma': {
283
- collection: 'mode',
284
- group: 'component',
285
- scopes: ['fgColor'],
286
- },
287
- },
288
- },
289
- },
290
- },
17
+
291
18
  codeMirror: {
292
19
  fgColor: {
293
20
  $value: '{fgColor.default}',
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED
@@ -10,7 +10,7 @@
10
10
  $type: 'color',
11
11
  },
12
12
  open: {
13
- $value: '{base.color.orange.5}',
13
+ $value: '{base.color.blue.5}',
14
14
  $type: 'color',
15
15
  },
16
16
  closed: {
@@ -35,11 +35,11 @@
35
35
  },
36
36
  open: {
37
37
  muted: {
38
- $value: '{base.color.orange.0}',
38
+ $value: '{base.color.blue.0}',
39
39
  $type: 'color',
40
40
  },
41
41
  emphasis: {
42
- $value: '{base.color.orange.5}',
42
+ $value: '{base.color.blue.5}',
43
43
  $type: 'color',
44
44
  },
45
45
  },
@@ -67,12 +67,12 @@
67
67
  borderColor: {
68
68
  open: {
69
69
  muted: {
70
- $value: '{base.color.orange.3}',
70
+ $value: '{base.color.blue.3}',
71
71
  $type: 'color',
72
72
  alpha: 0.4,
73
73
  },
74
74
  emphasis: {
75
- $value: '{base.color.orange.4}',
75
+ $value: '{base.color.blue.4}',
76
76
  $type: 'color',
77
77
  },
78
78
  },