@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.e413e85d

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 (39) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +16 -16
  2. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  3. package/dist/css/functional/themes/light-colorblind.css +18 -18
  4. package/dist/docs/functional/themes/dark-colorblind.json +31 -31
  5. package/dist/docs/functional/themes/dark-dimmed.json +20 -20
  6. package/dist/docs/functional/themes/dark-high-contrast.json +20 -20
  7. package/dist/docs/functional/themes/dark-tritanopia.json +23 -23
  8. package/dist/docs/functional/themes/dark.json +20 -20
  9. package/dist/docs/functional/themes/light-colorblind.json +33 -43
  10. package/dist/docs/functional/themes/light-high-contrast.json +20 -20
  11. package/dist/docs/functional/themes/light-tritanopia.json +20 -20
  12. package/dist/docs/functional/themes/light.json +20 -20
  13. package/dist/figma/themes/dark-colorblind.json +25 -25
  14. package/dist/figma/themes/dark-dimmed.json +10 -10
  15. package/dist/figma/themes/dark-high-contrast.json +10 -10
  16. package/dist/figma/themes/dark-tritanopia.json +10 -10
  17. package/dist/figma/themes/dark.json +10 -10
  18. package/dist/figma/themes/light-colorblind.json +28 -28
  19. package/dist/figma/themes/light-high-contrast.json +10 -10
  20. package/dist/figma/themes/light-tritanopia.json +10 -10
  21. package/dist/figma/themes/light.json +10 -10
  22. package/dist/internalCss/dark-colorblind.css +16 -16
  23. package/dist/internalCss/dark-tritanopia.css +2 -2
  24. package/dist/internalCss/light-colorblind.css +18 -18
  25. package/dist/styleLint/functional/themes/dark-colorblind.json +31 -31
  26. package/dist/styleLint/functional/themes/dark-dimmed.json +20 -20
  27. package/dist/styleLint/functional/themes/dark-high-contrast.json +20 -20
  28. package/dist/styleLint/functional/themes/dark-tritanopia.json +23 -23
  29. package/dist/styleLint/functional/themes/dark.json +20 -20
  30. package/dist/styleLint/functional/themes/light-colorblind.json +33 -43
  31. package/dist/styleLint/functional/themes/light-high-contrast.json +20 -20
  32. package/dist/styleLint/functional/themes/light-tritanopia.json +20 -20
  33. package/dist/styleLint/functional/themes/light.json +20 -20
  34. package/package.json +1 -1
  35. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  36. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +2 -2
  37. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +1 -1
  38. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  39. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +2 -7
package/src/tokens/functional/color/dark/data-vis-dark.json5 CHANGED
@@ -2,7 +2,7 @@
2
2
  data: {
3
3
  blue: {
4
4
  color: {
5
- 'emphasis': {
5
+ emphasis: {
6
6
  $value: '{base.display.color.blue.5}',
7
7
  $type: 'color',
8
8
  $extensions: {
@@ -10,7 +10,7 @@
10
10
  collection: 'mode',
11
11
  mode: 'dark',
12
12
  group: 'component',
13
- scopes: ['bgColor'],
13
+ scopes: ['bgColor', 'borderColor'],
14
14
  },
15
15
  },
16
16
  },
@@ -30,7 +30,7 @@
30
30
  },
31
31
  auburn: {
32
32
  color: {
33
- 'emphasis': {
33
+ emphasis: {
34
34
  $value: '{base.display.color.auburn.5}',
35
35
  $type: 'color',
36
36
  $extensions: {
@@ -38,7 +38,7 @@
38
38
  collection: 'mode',
39
39
  mode: 'dark',
40
40
  group: 'component',
41
- scopes: ['bgColor'],
41
+ scopes: ['bgColor', 'borderColor'],
42
42
  },
43
43
  },
44
44
  },
@@ -58,7 +58,7 @@
58
58
  },
59
59
  orange: {
60
60
  color: {
61
- 'emphasis': {
61
+ emphasis: {
62
62
  $value: '{base.display.color.orange.4}',
63
63
  $type: 'color',
64
64
  $extensions: {
@@ -66,7 +66,7 @@
66
66
  collection: 'mode',
67
67
  mode: 'dark',
68
68
  group: 'component',
69
- scopes: ['bgColor'],
69
+ scopes: ['bgColor', 'borderColor'],
70
70
  },
71
71
  },
72
72
  },
@@ -86,7 +86,7 @@
86
86
  },
87
87
  yellow: {
88
88
  color: {
89
- 'emphasis': {
89
+ emphasis: {
90
90
  $value: '{base.display.color.yellow.4}',
91
91
  $type: 'color',
92
92
  $extensions: {
@@ -94,7 +94,7 @@
94
94
  collection: 'mode',
95
95
  mode: 'dark',
96
96
  group: 'component',
97
- scopes: ['bgColor'],
97
+ scopes: ['bgColor', 'borderColor'],
98
98
  },
99
99
  },
100
100
  },
@@ -114,7 +114,7 @@
114
114
  },
115
115
  green: {
116
116
  color: {
117
- 'emphasis': {
117
+ emphasis: {
118
118
  $value: '{base.display.color.green.4}',
119
119
  $type: 'color',
120
120
  $extensions: {
@@ -122,7 +122,7 @@
122
122
  collection: 'mode',
123
123
  mode: 'dark',
124
124
  group: 'component',
125
- scopes: ['bgColor'],
125
+ scopes: ['bgColor', 'borderColor'],
126
126
  },
127
127
  },
128
128
  },
@@ -142,7 +142,7 @@
142
142
  },
143
143
  teal: {
144
144
  color: {
145
- 'emphasis': {
145
+ emphasis: {
146
146
  $value: '{base.display.color.teal.4}',
147
147
  $type: 'color',
148
148
  $extensions: {
@@ -150,7 +150,7 @@
150
150
  collection: 'mode',
151
151
  mode: 'dark',
152
152
  group: 'component',
153
- scopes: ['bgColor'],
153
+ scopes: ['bgColor', 'borderColor'],
154
154
  },
155
155
  },
156
156
  },
@@ -170,7 +170,7 @@
170
170
  },
171
171
  purple: {
172
172
  color: {
173
- 'emphasis': {
173
+ emphasis: {
174
174
  $value: '{base.display.color.purple.5}',
175
175
  $type: 'color',
176
176
  $extensions: {
@@ -178,7 +178,7 @@
178
178
  collection: 'mode',
179
179
  mode: 'dark',
180
180
  group: 'component',
181
- scopes: ['bgColor'],
181
+ scopes: ['bgColor', 'borderColor'],
182
182
  },
183
183
  },
184
184
  },
@@ -198,7 +198,7 @@
198
198
  },
199
199
  pink: {
200
200
  color: {
201
- 'emphasis': {
201
+ emphasis: {
202
202
  $value: '{base.display.color.pink.5}',
203
203
  $type: 'color',
204
204
  $extensions: {
@@ -206,7 +206,7 @@
206
206
  collection: 'mode',
207
207
  mode: 'dark',
208
208
  group: 'component',
209
- scopes: ['bgColor'],
209
+ scopes: ['bgColor', 'borderColor'],
210
210
  },
211
211
  },
212
212
  },
@@ -226,7 +226,7 @@
226
226
  },
227
227
  red: {
228
228
  color: {
229
- 'emphasis': {
229
+ emphasis: {
230
230
  $value: '{base.display.color.red.5}',
231
231
  $type: 'color',
232
232
  $extensions: {
@@ -234,7 +234,7 @@
234
234
  collection: 'mode',
235
235
  mode: 'dark',
236
236
  group: 'component',
237
- scopes: ['bgColor'],
237
+ scopes: ['bgColor', 'borderColor'],
238
238
  },
239
239
  },
240
240
  },
@@ -254,7 +254,7 @@
254
254
  },
255
255
  gray: {
256
256
  color: {
257
- 'emphasis': {
257
+ emphasis: {
258
258
  $value: '{base.display.color.gray.4}',
259
259
  $type: 'color',
260
260
  $extensions: {
@@ -262,7 +262,7 @@
262
262
  collection: 'mode',
263
263
  mode: 'dark',
264
264
  group: 'component',
265
- scopes: ['bgColor'],
265
+ scopes: ['bgColor', 'borderColor'],
266
266
  },
267
267
  },
268
268
  },
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -10,7 +10,7 @@
10
10
  $type: 'color',
11
11
  },
12
12
  danger: {
13
- $value: '{base.color.orange.4}',
13
+ $value: '{base.color.orange.3}',
14
14
  $type: 'color',
15
15
  },
16
16
  open: {
@@ -49,7 +49,7 @@
49
49
  muted: {
50
50
  $value: '{base.color.orange.4}',
51
51
  $type: 'color',
52
- alpha: 0.4,
52
+ alpha: 0.2,
53
53
  },
54
54
  emphasis: {
55
55
  $value: '{base.color.orange.5}',
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -49,7 +49,7 @@
49
49
  muted: {
50
50
  $value: '{base.color.red.4}',
51
51
  $type: 'color',
52
- alpha: 0.15,
52
+ alpha: 0.1,
53
53
  },
54
54
  emphasis: {
55
55
  $value: '{base.color.red.5}',
package/src/tokens/functional/color/light/data-vis-light.json5 CHANGED
@@ -2,7 +2,7 @@
2
2
  data: {
3
3
  blue: {
4
4
  color: {
5
- 'emphasis': {
5
+ emphasis: {
6
6
  $value: '{base.display.color.blue.5}',
7
7
  $type: 'color',
8
8
  $extensions: {
@@ -10,7 +10,7 @@
10
10
  collection: 'mode',
11
11
  mode: 'dark',
12
12
  group: 'component',
13
- scopes: ['bgColor'],
13
+ scopes: ['bgColor', 'borderColor'],
14
14
  },
15
15
  },
16
16
  },
@@ -30,7 +30,7 @@
30
30
  },
31
31
  auburn: {
32
32
  color: {
33
- 'emphasis': {
33
+ emphasis: {
34
34
  $value: '{base.display.color.auburn.5}',
35
35
  $type: 'color',
36
36
  $extensions: {
@@ -38,7 +38,7 @@
38
38
  collection: 'mode',
39
39
  mode: 'dark',
40
40
  group: 'component',
41
- scopes: ['bgColor'],
41
+ scopes: ['bgColor', 'borderColor'],
42
42
  },
43
43
  },
44
44
  },
@@ -58,7 +58,7 @@
58
58
  },
59
59
  orange: {
60
60
  color: {
61
- 'emphasis': {
61
+ emphasis: {
62
62
  $value: '{base.display.color.orange.4}',
63
63
  $type: 'color',
64
64
  $extensions: {
@@ -66,7 +66,7 @@
66
66
  collection: 'mode',
67
67
  mode: 'dark',
68
68
  group: 'component',
69
- scopes: ['bgColor'],
69
+ scopes: ['bgColor', 'borderColor'],
70
70
  },
71
71
  },
72
72
  },
@@ -86,7 +86,7 @@
86
86
  },
87
87
  yellow: {
88
88
  color: {
89
- 'emphasis': {
89
+ emphasis: {
90
90
  $value: '{base.display.color.yellow.4}',
91
91
  $type: 'color',
92
92
  $extensions: {
@@ -94,7 +94,7 @@
94
94
  collection: 'mode',
95
95
  mode: 'dark',
96
96
  group: 'component',
97
- scopes: ['bgColor'],
97
+ scopes: ['bgColor', 'borderColor'],
98
98
  },
99
99
  },
100
100
  },
@@ -114,7 +114,7 @@
114
114
  },
115
115
  green: {
116
116
  color: {
117
- 'emphasis': {
117
+ emphasis: {
118
118
  $value: '{base.display.color.green.4}',
119
119
  $type: 'color',
120
120
  $extensions: {
@@ -122,7 +122,7 @@
122
122
  collection: 'mode',
123
123
  mode: 'dark',
124
124
  group: 'component',
125
- scopes: ['bgColor'],
125
+ scopes: ['bgColor', 'borderColor'],
126
126
  },
127
127
  },
128
128
  },
@@ -142,7 +142,7 @@
142
142
  },
143
143
  teal: {
144
144
  color: {
145
- 'emphasis': {
145
+ emphasis: {
146
146
  $value: '{base.display.color.teal.4}',
147
147
  $type: 'color',
148
148
  $extensions: {
@@ -150,7 +150,7 @@
150
150
  collection: 'mode',
151
151
  mode: 'dark',
152
152
  group: 'component',
153
- scopes: ['bgColor'],
153
+ scopes: ['bgColor', 'borderColor'],
154
154
  },
155
155
  },
156
156
  },
@@ -170,7 +170,7 @@
170
170
  },
171
171
  purple: {
172
172
  color: {
173
- 'emphasis': {
173
+ emphasis: {
174
174
  $value: '{base.display.color.purple.5}',
175
175
  $type: 'color',
176
176
  $extensions: {
@@ -178,7 +178,7 @@
178
178
  collection: 'mode',
179
179
  mode: 'dark',
180
180
  group: 'component',
181
- scopes: ['bgColor'],
181
+ scopes: ['bgColor', 'borderColor'],
182
182
  },
183
183
  },
184
184
  },
@@ -198,7 +198,7 @@
198
198
  },
199
199
  pink: {
200
200
  color: {
201
- 'emphasis': {
201
+ emphasis: {
202
202
  $value: '{base.display.color.pink.5}',
203
203
  $type: 'color',
204
204
  $extensions: {
@@ -206,7 +206,7 @@
206
206
  collection: 'mode',
207
207
  mode: 'dark',
208
208
  group: 'component',
209
- scopes: ['bgColor'],
209
+ scopes: ['bgColor', 'borderColor'],
210
210
  },
211
211
  },
212
212
  },
@@ -226,7 +226,7 @@
226
226
  },
227
227
  red: {
228
228
  color: {
229
- 'emphasis': {
229
+ emphasis: {
230
230
  $value: '{base.display.color.red.5}',
231
231
  $type: 'color',
232
232
  $extensions: {
@@ -234,7 +234,7 @@
234
234
  collection: 'mode',
235
235
  mode: 'dark',
236
236
  group: 'component',
237
- scopes: ['bgColor'],
237
+ scopes: ['bgColor', 'borderColor'],
238
238
  },
239
239
  },
240
240
  },
@@ -254,7 +254,7 @@
254
254
  },
255
255
  gray: {
256
256
  color: {
257
- 'emphasis': {
257
+ emphasis: {
258
258
  $value: '{base.display.color.gray.4}',
259
259
  $type: 'color',
260
260
  $extensions: {
@@ -262,7 +262,7 @@
262
262
  collection: 'mode',
263
263
  mode: 'dark',
264
264
  group: 'component',
265
- scopes: ['bgColor'],
265
+ scopes: ['bgColor', 'borderColor'],
266
266
  },
267
267
  },
268
268
  },
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED
@@ -20,10 +20,6 @@
20
20
  danger: {
21
21
  $value: '{base.color.orange.5}',
22
22
  $type: 'color',
23
- mix: {
24
- color: '{base.color.orange.4}',
25
- weight: 0.05,
26
- },
27
23
  },
28
24
  },
29
25
  bgColor: {
@@ -40,12 +36,11 @@
40
36
  },
41
37
  open: {
42
38
  muted: {
43
- $value: '{base.color.orange.3}',
39
+ $value: '{base.color.orange.0}',
44
40
  $type: 'color',
45
- alpha: 0.4,
46
41
  },
47
42
  emphasis: {
48
- $value: '{base.color.orange.4}',
43
+ $value: '{base.color.orange.5}',
49
44
  $type: 'color',
50
45
  },
51
46
  },