@primer/primitives 9.1.0-rc.e0e1c4b6 → 9.1.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 (53) hide show
  1. package/dist/build/PrimerStyleDictionary.js +1 -0
  2. package/dist/build/formats/cssAdvanced.js +9 -10
  3. package/dist/build/transformers/index.d.ts +1 -0
  4. package/dist/build/transformers/index.js +3 -1
  5. package/dist/css/functional/motion/motion.css +3 -3
  6. package/dist/css/functional/size/border.css +2 -2
  7. package/dist/css/functional/typography/typography.css +11 -11
  8. package/dist/css/primitives.css +16 -16
  9. package/package.json +5 -3
  10. package/src/tokens/base/color/dark/dark.dimmed.json5 +1164 -0
  11. package/src/tokens/base/color/dark/dark.high-contrast.json5 +764 -0
  12. package/src/tokens/base/color/dark/dark.json5 +911 -0
  13. package/src/tokens/base/color/dark/display-dark.json5 +1774 -0
  14. package/src/tokens/base/color/light/display-light.json5 +1774 -0
  15. package/src/tokens/base/color/light/light.high-contrast.json5 +755 -0
  16. package/src/tokens/base/color/light/light.json5 +911 -0
  17. package/src/tokens/base/size/size.json +196 -0
  18. package/src/tokens/base/typography/typography.json +48 -0
  19. package/src/tokens/fallback/color-fallbacks.json +270 -0
  20. package/src/tokens/functional/border/dark.json5 +12 -0
  21. package/src/tokens/functional/border/light.json5 +12 -0
  22. package/src/tokens/functional/color/dark/app-dark.json5 +554 -0
  23. package/src/tokens/functional/color/dark/data-vis-dark.json5 +284 -0
  24. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  25. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +194 -0
  26. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +935 -0
  27. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +310 -0
  28. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +224 -0
  29. package/src/tokens/functional/color/dark/patterns-dark.json5 +3097 -0
  30. package/src/tokens/functional/color/dark/primitives-dark.json5 +1200 -0
  31. package/src/tokens/functional/color/dark/syntax-dark.json5 +559 -0
  32. package/src/tokens/functional/color/light/app-light.json5 +551 -0
  33. package/src/tokens/functional/color/light/data-vis-light.json5 +284 -0
  34. package/src/tokens/functional/color/light/display-light.json5 +1258 -0
  35. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +819 -0
  36. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +327 -0
  37. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +237 -0
  38. package/src/tokens/functional/color/light/patterns-light.json5 +3091 -0
  39. package/src/tokens/functional/color/light/primitives-light.json5 +1193 -0
  40. package/src/tokens/functional/color/light/syntax-light.json5 +559 -0
  41. package/src/tokens/functional/motion/loading.json5 +17 -0
  42. package/src/tokens/functional/motion/patterns.json5 +28 -0
  43. package/src/tokens/functional/shadow/dark.json5 +383 -0
  44. package/src/tokens/functional/shadow/light.json5 +376 -0
  45. package/src/tokens/functional/size/border.json +111 -0
  46. package/src/tokens/functional/size/breakpoints.json +64 -0
  47. package/src/tokens/functional/size/size-coarse.json +28 -0
  48. package/src/tokens/functional/size/size-fine.json +28 -0
  49. package/src/tokens/functional/size/size.json +740 -0
  50. package/src/tokens/functional/size/viewport.json +28 -0
  51. package/src/tokens/functional/typography/typography.json +527 -0
  52. package/src/tokens/removed/color.json +421 -0
  53. package/src/tokens/removed/testing.json5 +4 -0
package/src/tokens/functional/color/dark/data-vis-dark.json5 ADDED
@@ -0,0 +1,284 @@
1
+ {
2
+ data: {
3
+ blue: {
4
+ color: {
5
+ 'emphasis': {
6
+ $value: '{base.display.color.blue.5}',
7
+ $type: 'color',
8
+ $extensions: {
9
+ 'org.primer.figma': {
10
+ collection: 'mode',
11
+ mode: 'dark',
12
+ group: 'component',
13
+ scopes: ['bgColor'],
14
+ },
15
+ },
16
+ },
17
+ muted: {
18
+ $value: '{base.display.color.blue.0}',
19
+ $type: 'color',
20
+ $extensions: {
21
+ 'org.primer.figma': {
22
+ collection: 'mode',
23
+ mode: 'dark',
24
+ group: 'component',
25
+ scopes: ['bgColor'],
26
+ },
27
+ },
28
+ },
29
+ },
30
+ },
31
+ auburn: {
32
+ color: {
33
+ 'emphasis': {
34
+ $value: '{base.display.color.auburn.5}',
35
+ $type: 'color',
36
+ $extensions: {
37
+ 'org.primer.figma': {
38
+ collection: 'mode',
39
+ mode: 'dark',
40
+ group: 'component',
41
+ scopes: ['bgColor'],
42
+ },
43
+ },
44
+ },
45
+ muted: {
46
+ $value: '{base.display.color.auburn.0}',
47
+ $type: 'color',
48
+ $extensions: {
49
+ 'org.primer.figma': {
50
+ collection: 'mode',
51
+ mode: 'dark',
52
+ group: 'component',
53
+ scopes: ['bgColor'],
54
+ },
55
+ },
56
+ },
57
+ },
58
+ },
59
+ orange: {
60
+ color: {
61
+ 'emphasis': {
62
+ $value: '{base.display.color.orange.4}',
63
+ $type: 'color',
64
+ $extensions: {
65
+ 'org.primer.figma': {
66
+ collection: 'mode',
67
+ mode: 'dark',
68
+ group: 'component',
69
+ scopes: ['bgColor'],
70
+ },
71
+ },
72
+ },
73
+ muted: {
74
+ $value: '{base.display.color.orange.0}',
75
+ $type: 'color',
76
+ $extensions: {
77
+ 'org.primer.figma': {
78
+ collection: 'mode',
79
+ mode: 'dark',
80
+ group: 'component',
81
+ scopes: ['bgColor'],
82
+ },
83
+ },
84
+ },
85
+ },
86
+ },
87
+ yellow: {
88
+ color: {
89
+ 'emphasis': {
90
+ $value: '{base.display.color.yellow.4}',
91
+ $type: 'color',
92
+ $extensions: {
93
+ 'org.primer.figma': {
94
+ collection: 'mode',
95
+ mode: 'dark',
96
+ group: 'component',
97
+ scopes: ['bgColor'],
98
+ },
99
+ },
100
+ },
101
+ muted: {
102
+ $value: '{base.display.color.yellow.0}',
103
+ $type: 'color',
104
+ $extensions: {
105
+ 'org.primer.figma': {
106
+ collection: 'mode',
107
+ mode: 'dark',
108
+ group: 'component',
109
+ scopes: ['bgColor'],
110
+ },
111
+ },
112
+ },
113
+ },
114
+ },
115
+ green: {
116
+ color: {
117
+ 'emphasis': {
118
+ $value: '{base.display.color.green.4}',
119
+ $type: 'color',
120
+ $extensions: {
121
+ 'org.primer.figma': {
122
+ collection: 'mode',
123
+ mode: 'dark',
124
+ group: 'component',
125
+ scopes: ['bgColor'],
126
+ },
127
+ },
128
+ },
129
+ muted: {
130
+ $value: '{base.display.color.green.0}',
131
+ $type: 'color',
132
+ $extensions: {
133
+ 'org.primer.figma': {
134
+ collection: 'mode',
135
+ mode: 'dark',
136
+ group: 'component',
137
+ scopes: ['bgColor'],
138
+ },
139
+ },
140
+ },
141
+ },
142
+ },
143
+ teal: {
144
+ color: {
145
+ 'emphasis': {
146
+ $value: '{base.display.color.teal.4}',
147
+ $type: 'color',
148
+ $extensions: {
149
+ 'org.primer.figma': {
150
+ collection: 'mode',
151
+ mode: 'dark',
152
+ group: 'component',
153
+ scopes: ['bgColor'],
154
+ },
155
+ },
156
+ },
157
+ muted: {
158
+ $value: '{base.display.color.teal.0}',
159
+ $type: 'color',
160
+ $extensions: {
161
+ 'org.primer.figma': {
162
+ collection: 'mode',
163
+ mode: 'dark',
164
+ group: 'component',
165
+ scopes: ['bgColor'],
166
+ },
167
+ },
168
+ },
169
+ },
170
+ },
171
+ purple: {
172
+ color: {
173
+ 'emphasis': {
174
+ $value: '{base.display.color.purple.5}',
175
+ $type: 'color',
176
+ $extensions: {
177
+ 'org.primer.figma': {
178
+ collection: 'mode',
179
+ mode: 'dark',
180
+ group: 'component',
181
+ scopes: ['bgColor'],
182
+ },
183
+ },
184
+ },
185
+ muted: {
186
+ $value: '{base.display.color.purple.0}',
187
+ $type: 'color',
188
+ $extensions: {
189
+ 'org.primer.figma': {
190
+ collection: 'mode',
191
+ mode: 'dark',
192
+ group: 'component',
193
+ scopes: ['bgColor'],
194
+ },
195
+ },
196
+ },
197
+ },
198
+ },
199
+ pink: {
200
+ color: {
201
+ 'emphasis': {
202
+ $value: '{base.display.color.pink.5}',
203
+ $type: 'color',
204
+ $extensions: {
205
+ 'org.primer.figma': {
206
+ collection: 'mode',
207
+ mode: 'dark',
208
+ group: 'component',
209
+ scopes: ['bgColor'],
210
+ },
211
+ },
212
+ },
213
+ muted: {
214
+ $value: '{base.display.color.pink.0}',
215
+ $type: 'color',
216
+ $extensions: {
217
+ 'org.primer.figma': {
218
+ collection: 'mode',
219
+ mode: 'dark',
220
+ group: 'component',
221
+ scopes: ['bgColor'],
222
+ },
223
+ },
224
+ },
225
+ },
226
+ },
227
+ red: {
228
+ color: {
229
+ 'emphasis': {
230
+ $value: '{base.display.color.red.5}',
231
+ $type: 'color',
232
+ $extensions: {
233
+ 'org.primer.figma': {
234
+ collection: 'mode',
235
+ mode: 'dark',
236
+ group: 'component',
237
+ scopes: ['bgColor'],
238
+ },
239
+ },
240
+ },
241
+ muted: {
242
+ $value: '{base.display.color.red.0}',
243
+ $type: 'color',
244
+ $extensions: {
245
+ 'org.primer.figma': {
246
+ collection: 'mode',
247
+ mode: 'dark',
248
+ group: 'component',
249
+ scopes: ['bgColor'],
250
+ },
251
+ },
252
+ },
253
+ },
254
+ },
255
+ gray: {
256
+ color: {
257
+ 'emphasis': {
258
+ $value: '{base.display.color.gray.4}',
259
+ $type: 'color',
260
+ $extensions: {
261
+ 'org.primer.figma': {
262
+ collection: 'mode',
263
+ mode: 'dark',
264
+ group: 'component',
265
+ scopes: ['bgColor'],
266
+ },
267
+ },
268
+ },
269
+ muted: {
270
+ $value: '{base.display.color.gray.0}',
271
+ $type: 'color',
272
+ $extensions: {
273
+ 'org.primer.figma': {
274
+ collection: 'mode',
275
+ mode: 'dark',
276
+ group: 'component',
277
+ scopes: ['bgColor'],
278
+ },
279
+ },
280
+ },
281
+ },
282
+ },
283
+ },
284
+ }