@primer/primitives 8.2.3 → 8.2.4-rc.40404c05

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 (44) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +38 -38
  2. package/dist/css/functional/themes/dark-dimmed.css +38 -38
  3. package/dist/css/functional/themes/dark-high-contrast.css +38 -38
  4. package/dist/css/functional/themes/dark-tritanopia.css +38 -38
  5. package/dist/css/functional/themes/dark.css +38 -38
  6. package/dist/docs/functional/themes/dark-colorblind.json +61 -61
  7. package/dist/docs/functional/themes/dark-dimmed.json +62 -62
  8. package/dist/docs/functional/themes/dark-high-contrast.json +61 -61
  9. package/dist/docs/functional/themes/dark-tritanopia.json +61 -61
  10. package/dist/docs/functional/themes/dark.json +62 -62
  11. package/dist/docs/functional/themes/light-colorblind.json +25 -25
  12. package/dist/docs/functional/themes/light-high-contrast.json +25 -25
  13. package/dist/docs/functional/themes/light-tritanopia.json +25 -25
  14. package/dist/docs/functional/themes/light.json +27 -27
  15. package/dist/figma/themes/dark-colorblind.json +76 -76
  16. package/dist/figma/themes/dark-dimmed.json +76 -76
  17. package/dist/figma/themes/dark-high-contrast.json +76 -76
  18. package/dist/figma/themes/dark-tritanopia.json +76 -76
  19. package/dist/figma/themes/dark.json +76 -76
  20. package/dist/internalCss/dark-colorblind.css +38 -38
  21. package/dist/internalCss/dark-dimmed.css +38 -38
  22. package/dist/internalCss/dark-high-contrast.css +38 -38
  23. package/dist/internalCss/dark-tritanopia.css +38 -38
  24. package/dist/internalCss/dark.css +38 -38
  25. package/dist/styleLint/functional/themes/dark-colorblind.json +61 -61
  26. package/dist/styleLint/functional/themes/dark-dimmed.json +62 -62
  27. package/dist/styleLint/functional/themes/dark-high-contrast.json +61 -61
  28. package/dist/styleLint/functional/themes/dark-tritanopia.json +61 -61
  29. package/dist/styleLint/functional/themes/dark.json +62 -62
  30. package/dist/styleLint/functional/themes/light-colorblind.json +25 -25
  31. package/dist/styleLint/functional/themes/light-high-contrast.json +25 -25
  32. package/dist/styleLint/functional/themes/light-tritanopia.json +25 -25
  33. package/dist/styleLint/functional/themes/light.json +27 -27
  34. package/package.json +1 -1
  35. package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
  36. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
  37. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +9 -17
  38. package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
  39. package/src/tokens/functional/color/dark/primitives-dark.json5 +122 -146
  40. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +4 -8
  41. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +11 -19
  42. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +8 -16
  43. package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
  44. package/src/tokens/functional/color/light/primitives-light.json5 +122 -146
package/src/tokens/functional/color/light/primitives-light.json5 CHANGED
@@ -86,206 +86,182 @@
86
86
  },
87
87
  },
88
88
  link: {
89
- '@': {
90
- $value: '{fgColor.accent.@}',
91
- $type: 'color',
92
- $extensions: {
93
- 'org.primer.figma': {
94
- collection: 'mode',
95
- mode: 'light',
96
- group: 'semantic',
97
- scopes: ['fgColor'],
98
- codeSyntax: {
99
- web: 'var(--fgColor-link) /* utility class: .color-fg-accent */',
100
- },
89
+ $value: '{fgColor.accent}',
90
+ $type: 'color',
91
+ $extensions: {
92
+ 'org.primer.figma': {
93
+ collection: 'mode',
94
+ mode: 'light',
95
+ group: 'semantic',
96
+ scopes: ['fgColor'],
97
+ codeSyntax: {
98
+ web: 'var(--fgColor-link) /* utility class: .color-fg-accent */',
101
99
  },
102
100
  },
103
101
  },
104
102
  },
105
103
  neutral: {
106
- '@': {
107
- $value: '{base.color.neutral.5}',
108
- $type: 'color',
109
- $extensions: {
110
- 'org.primer.figma': {
111
- collection: 'mode',
112
- mode: 'light',
113
- group: 'semantic',
114
- scopes: ['fgColor'],
115
- },
104
+ $value: '{base.color.neutral.5}',
105
+ $type: 'color',
106
+ $extensions: {
107
+ 'org.primer.figma': {
108
+ collection: 'mode',
109
+ mode: 'light',
110
+ group: 'semantic',
111
+ scopes: ['fgColor'],
116
112
  },
117
113
  },
118
114
  },
119
115
  accent: {
120
- '@': {
121
- $value: '{base.color.blue.5}',
122
- $type: 'color',
123
- $extensions: {
124
- 'org.primer.figma': {
125
- collection: 'mode',
126
- mode: 'light',
127
- group: 'semantic',
128
- scopes: ['fgColor'],
129
- codeSyntax: {
130
- web: 'var(--fgColor-accent) /* utility class: .color-fg-accent */',
131
- },
116
+ $value: '{base.color.blue.5}',
117
+ $type: 'color',
118
+ $extensions: {
119
+ 'org.primer.figma': {
120
+ collection: 'mode',
121
+ mode: 'light',
122
+ group: 'semantic',
123
+ scopes: ['fgColor'],
124
+ codeSyntax: {
125
+ web: 'var(--fgColor-accent) /* utility class: .color-fg-accent */',
132
126
  },
133
127
  },
134
128
  },
135
129
  },
136
130
  success: {
137
- '@': {
138
- $value: '{base.color.green.5}',
139
- $type: 'color',
140
- $extensions: {
141
- 'org.primer.figma': {
142
- collection: 'mode',
143
- mode: 'light',
144
- group: 'semantic',
145
- scopes: ['fgColor'],
146
- codeSyntax: {
147
- web: 'var(--fgColor-success) /* utility class: .color-fg-success */',
148
- },
131
+ $value: '{base.color.green.5}',
132
+ $type: 'color',
133
+ $extensions: {
134
+ 'org.primer.figma': {
135
+ collection: 'mode',
136
+ mode: 'light',
137
+ group: 'semantic',
138
+ scopes: ['fgColor'],
139
+ codeSyntax: {
140
+ web: 'var(--fgColor-success) /* utility class: .color-fg-success */',
149
141
  },
150
142
  },
151
143
  },
152
144
  },
153
145
  attention: {
154
- '@': {
155
- $value: '{base.color.yellow.5}',
156
- $type: 'color',
157
- $extensions: {
158
- 'org.primer.figma': {
159
- collection: 'mode',
160
- mode: 'light',
161
- group: 'semantic',
162
- scopes: ['fgColor'],
163
- codeSyntax: {
164
- web: 'var(--fgColor-attention) /* utility class: .color-fg-attention */',
165
- },
146
+ $value: '{base.color.yellow.5}',
147
+ $type: 'color',
148
+ $extensions: {
149
+ 'org.primer.figma': {
150
+ collection: 'mode',
151
+ mode: 'light',
152
+ group: 'semantic',
153
+ scopes: ['fgColor'],
154
+ codeSyntax: {
155
+ web: 'var(--fgColor-attention) /* utility class: .color-fg-attention */',
166
156
  },
167
157
  },
168
158
  },
169
159
  },
170
160
  severe: {
171
- '@': {
172
- $value: '{base.color.orange.5}',
173
- $type: 'color',
174
- $extensions: {
175
- 'org.primer.figma': {
176
- collection: 'mode',
177
- mode: 'light',
178
- group: 'semantic',
179
- scopes: ['fgColor'],
180
- codeSyntax: {
181
- web: 'var(--fgColor-severe) /* utility class: .color-fg-severe */',
182
- },
161
+ $value: '{base.color.orange.5}',
162
+ $type: 'color',
163
+ $extensions: {
164
+ 'org.primer.figma': {
165
+ collection: 'mode',
166
+ mode: 'light',
167
+ group: 'semantic',
168
+ scopes: ['fgColor'],
169
+ codeSyntax: {
170
+ web: 'var(--fgColor-severe) /* utility class: .color-fg-severe */',
183
171
  },
184
172
  },
185
173
  },
186
174
  },
187
175
  danger: {
188
- '@': {
189
- $value: '{base.color.red.5}',
190
- $type: 'color',
191
- $extensions: {
192
- 'org.primer.figma': {
193
- collection: 'mode',
194
- mode: 'light',
195
- group: 'semantic',
196
- scopes: ['fgColor'],
197
- codeSyntax: {
198
- web: 'var(--fgColor-danger) /* utility class: .color-fg-danger */',
199
- },
176
+ $value: '{base.color.red.5}',
177
+ $type: 'color',
178
+ $extensions: {
179
+ 'org.primer.figma': {
180
+ collection: 'mode',
181
+ mode: 'light',
182
+ group: 'semantic',
183
+ scopes: ['fgColor'],
184
+ codeSyntax: {
185
+ web: 'var(--fgColor-danger) /* utility class: .color-fg-danger */',
200
186
  },
201
187
  },
202
- mix: {
203
- color: '{base.color.red.4}',
204
- weight: 0.05,
205
- },
188
+ },
189
+ mix: {
190
+ color: '{base.color.red.4}',
191
+ weight: 0.05,
206
192
  },
207
193
  },
208
194
  open: {
209
- '@': {
210
- $value: '{fgColor.success.@}',
211
- $type: 'color',
212
- $extensions: {
213
- 'org.primer.figma': {
214
- collection: 'mode',
215
- mode: 'light',
216
- group: 'semantic',
217
- scopes: ['fgColor'],
218
- codeSyntax: {
219
- web: 'var(--fgColor-open) /* utility class: .color-fg-open */',
220
- },
195
+ $value: '{fgColor.success}',
196
+ $type: 'color',
197
+ $extensions: {
198
+ 'org.primer.figma': {
199
+ collection: 'mode',
200
+ mode: 'light',
201
+ group: 'semantic',
202
+ scopes: ['fgColor'],
203
+ codeSyntax: {
204
+ web: 'var(--fgColor-open) /* utility class: .color-fg-open */',
221
205
  },
222
206
  },
223
207
  },
224
208
  },
225
209
  closed: {
226
- '@': {
227
- $value: '{fgColor.danger.@}',
228
- $type: 'color',
229
- $extensions: {
230
- 'org.primer.figma': {
231
- collection: 'mode',
232
- mode: 'light',
233
- group: 'semantic',
234
- scopes: ['fgColor'],
235
- codeSyntax: {
236
- web: 'var(--fgColor-closed) /* utility class: .color-fg-closed */',
237
- },
210
+ $value: '{fgColor.danger}',
211
+ $type: 'color',
212
+ $extensions: {
213
+ 'org.primer.figma': {
214
+ collection: 'mode',
215
+ mode: 'light',
216
+ group: 'semantic',
217
+ scopes: ['fgColor'],
218
+ codeSyntax: {
219
+ web: 'var(--fgColor-closed) /* utility class: .color-fg-closed */',
238
220
  },
239
221
  },
240
222
  },
241
223
  },
242
224
  done: {
243
- '@': {
244
- $value: '{base.color.purple.5}',
245
- $type: 'color',
246
- $extensions: {
247
- 'org.primer.figma': {
248
- collection: 'mode',
249
- mode: 'light',
250
- group: 'semantic',
251
- scopes: ['fgColor'],
252
- codeSyntax: {
253
- web: 'var(--fgColor-done) /* utility class: .color-fg-done */',
254
- },
225
+ $value: '{base.color.purple.5}',
226
+ $type: 'color',
227
+ $extensions: {
228
+ 'org.primer.figma': {
229
+ collection: 'mode',
230
+ mode: 'light',
231
+ group: 'semantic',
232
+ scopes: ['fgColor'],
233
+ codeSyntax: {
234
+ web: 'var(--fgColor-done) /* utility class: .color-fg-done */',
255
235
  },
256
236
  },
257
237
  },
258
238
  },
259
239
  upsell: {
260
- '@': {
261
- $value: '{base.color.purple.5}',
262
- $type: 'color',
263
- $extensions: {
264
- 'org.primer.figma': {
265
- collection: 'mode',
266
- mode: 'light',
267
- group: 'semantic',
268
- scopes: ['fgColor'],
269
- codeSyntax: {
270
- web: 'var(--fgColor-upsell)',
271
- },
240
+ $value: '{base.color.purple.5}',
241
+ $type: 'color',
242
+ $extensions: {
243
+ 'org.primer.figma': {
244
+ collection: 'mode',
245
+ mode: 'light',
246
+ group: 'semantic',
247
+ scopes: ['fgColor'],
248
+ codeSyntax: {
249
+ web: 'var(--fgColor-upsell)',
272
250
  },
273
251
  },
274
252
  },
275
253
  },
276
254
  sponsors: {
277
- '@': {
278
- $value: '{base.color.pink.5}',
279
- $type: 'color',
280
- $extensions: {
281
- 'org.primer.figma': {
282
- collection: 'mode',
283
- mode: 'light',
284
- group: 'semantic',
285
- scopes: ['fgColor'],
286
- codeSyntax: {
287
- web: 'var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */',
288
- },
255
+ $value: '{base.color.pink.5}',
256
+ $type: 'color',
257
+ $extensions: {
258
+ 'org.primer.figma': {
259
+ collection: 'mode',
260
+ mode: 'light',
261
+ group: 'semantic',
262
+ scopes: ['fgColor'],
263
+ codeSyntax: {
264
+ web: 'var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */',
289
265
  },
290
266
  },
291
267
  },