@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.a3f65a09

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 (52) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  2. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  3. package/dist/css/functional/themes/dark-high-contrast.css +80 -80
  4. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  5. package/dist/css/functional/themes/dark.css +2 -2
  6. package/dist/css/functional/themes/light-colorblind.css +24 -24
  7. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  8. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  9. package/dist/css/functional/themes/light.css +12 -12
  10. package/dist/docs/functional/themes/dark-colorblind.json +4 -4
  11. package/dist/docs/functional/themes/dark-dimmed.json +5 -5
  12. package/dist/docs/functional/themes/dark-high-contrast.json +113 -105
  13. package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
  14. package/dist/docs/functional/themes/dark.json +5 -5
  15. package/dist/docs/functional/themes/light-colorblind.json +167 -173
  16. package/dist/docs/functional/themes/light-high-contrast.json +191 -187
  17. package/dist/docs/functional/themes/light-tritanopia.json +165 -171
  18. package/dist/docs/functional/themes/light.json +159 -157
  19. package/dist/figma/themes/dark-colorblind.json +43 -43
  20. package/dist/figma/themes/dark-dimmed.json +62 -62
  21. package/dist/figma/themes/dark-high-contrast.json +168 -167
  22. package/dist/figma/themes/dark-tritanopia.json +43 -43
  23. package/dist/figma/themes/dark.json +62 -62
  24. package/dist/figma/themes/light-colorblind.json +217 -218
  25. package/dist/figma/themes/light-high-contrast.json +175 -173
  26. package/dist/figma/themes/light-tritanopia.json +216 -217
  27. package/dist/figma/themes/light.json +139 -138
  28. package/dist/internalCss/dark-colorblind.css +2 -2
  29. package/dist/internalCss/dark-dimmed.css +2 -2
  30. package/dist/internalCss/dark-high-contrast.css +80 -80
  31. package/dist/internalCss/dark-tritanopia.css +2 -2
  32. package/dist/internalCss/dark.css +2 -2
  33. package/dist/internalCss/light-colorblind.css +24 -24
  34. package/dist/internalCss/light-high-contrast.css +32 -32
  35. package/dist/internalCss/light-tritanopia.css +24 -24
  36. package/dist/internalCss/light.css +12 -12
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +5 -5
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +113 -105
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +4 -4
  41. package/dist/styleLint/functional/themes/dark.json +5 -5
  42. package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +191 -187
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
  45. package/dist/styleLint/functional/themes/light.json +159 -157
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +124 -2
  48. package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
  49. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +50 -0
  50. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  51. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  52. package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "8.2.4-rc.8aeeb948",
3
+ "version": "8.2.4-rc.a3f65a09",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED
@@ -19,18 +19,122 @@
19
19
  $value: '{base.color.neutral.4}',
20
20
  $type: 'color',
21
21
  },
22
+ neutral: {
23
+ $value: '{base.color.neutral.1}',
24
+ $type: 'color',
25
+ },
26
+ accent: {
27
+ $value: '{base.color.blue.3}',
28
+ $type: 'color',
29
+ mix: {
30
+ color: '{base.color.blue.2}',
31
+ weight: 0.05,
32
+ },
33
+ },
34
+ danger: {
35
+ $value: '{base.color.red.3}',
36
+ $type: 'color',
37
+ },
38
+ severe: {
39
+ $value: '{base.color.orange.3}',
40
+ $type: 'color',
41
+ },
42
+ done: {
43
+ $value: '{base.color.purple.3}',
44
+ $type: 'color',
45
+ },
46
+ sponsors: {
47
+ $value: '{base.color.pink.3}',
48
+ $type: 'color',
49
+ },
22
50
  },
23
51
  bgColor: {
52
+ muted: {
53
+ $value: '{base.color.neutral.9}',
54
+ $type: 'color',
55
+ mix: {
56
+ color: '{base.color.neutral.8}',
57
+ weight: 0.5,
58
+ },
59
+ },
24
60
  emphasis: {
25
61
  $value: '{base.color.white}',
26
62
  $type: 'color',
27
63
  },
28
64
  neutral: {
65
+ muted: {
66
+ $value: '{base.color.neutral.5}',
67
+ $type: 'color',
68
+ alpha: 0.4,
69
+ },
29
70
  emphasis: {
30
71
  $value: '{base.color.neutral.4}',
31
72
  $type: 'color',
32
73
  },
33
74
  },
75
+ accent: {
76
+ muted: {
77
+ $value: '{base.color.blue.5}',
78
+ $type: 'color',
79
+ alpha: 0.1,
80
+ },
81
+ },
82
+ success: {
83
+ muted: {
84
+ $value: '{base.color.green.4}',
85
+ $type: 'color',
86
+ alpha: 0.14,
87
+ },
88
+ },
89
+ open: {
90
+ muted: {
91
+ $value: '{bgColor.success.muted}',
92
+ $type: 'color',
93
+ alpha: 0.14,
94
+ },
95
+ },
96
+ danger: {
97
+ muted: {
98
+ $value: '{base.color.red.4}',
99
+ $type: 'color',
100
+ alpha: 0.09,
101
+ },
102
+ },
103
+ closed: {
104
+ muted: {
105
+ $value: '{bgColor.danger.muted}',
106
+ $type: 'color',
107
+ alpha: 0.09,
108
+ },
109
+ },
110
+ severe: {
111
+ muted: {
112
+ $value: '{base.color.orange.4}',
113
+ $type: 'color',
114
+ alpha: 0.088,
115
+ },
116
+ },
117
+ done: {
118
+ muted: {
119
+ $value: '{base.color.purple.5}',
120
+ $type: 'color',
121
+ alpha: 0.09,
122
+ },
123
+ },
124
+ upsell: {
125
+ muted: {
126
+ $value: '{bgColor.done.muted}',
127
+ $type: 'color',
128
+ alpha: 0.09,
129
+ },
130
+ },
131
+ sponsors: {
132
+ muted: {
133
+ $value: '{base.color.pink.5}',
134
+ $type: 'color',
135
+ alpha: 0.09,
136
+ },
137
+ },
34
138
  },
35
139
  borderColor: {
36
140
  default: {
@@ -47,6 +151,10 @@
47
151
  $type: 'color',
48
152
  alpha: 1,
49
153
  },
154
+ emphasis: {
155
+ $value: '{base.color.neutral.4}',
156
+ $type: 'color',
157
+ },
50
158
  neutral: {
51
159
  muted: {
52
160
  $value: '{base.color.neutral.4}',
@@ -130,10 +238,24 @@
130
238
  },
131
239
  },
132
240
  control: {
241
+ fgColor: {
242
+ placeholder: {
243
+ $value: '{base.color.neutral.2}',
244
+ $type: 'color',
245
+ mix: {
246
+ color: '{base.color.neutral.1}',
247
+ weight: 0.5,
248
+ },
249
+ },
250
+ },
133
251
  bgColor: {
134
- selected: {
135
- $value: '{base.color.neutral.6}',
252
+ active: {
253
+ $value: '{base.color.neutral.7}',
136
254
  $type: 'color',
255
+ mix: {
256
+ color: '{base.color.neutral.8}',
257
+ weight: 0.2,
258
+ },
137
259
  },
138
260
  },
139
261
  borderColor: {
package/src/tokens/functional/color/dark/primitives-dark.json5 CHANGED
@@ -105,7 +105,7 @@
105
105
  },
106
106
  },
107
107
  neutral: {
108
- $value: '{base.color.neutral.4}',
108
+ $value: '{base.color.neutral.2}',
109
109
  $type: 'color',
110
110
  $extensions: {
111
111
  'org.primer.figma': {
@@ -639,7 +639,7 @@
639
639
  alpha: 0.1,
640
640
  },
641
641
  emphasis: {
642
- $value: '{base.color.red.5}',
642
+ $value: '{bgColor.danger.emphasis}',
643
643
  $type: 'color',
644
644
  $extensions: {
645
645
  'org.primer.figma': {
@@ -689,7 +689,7 @@
689
689
  },
690
690
  upsell: {
691
691
  muted: {
692
- $value: '{base.color.purple.4}',
692
+ $value: '{bgColor.done.muted}',
693
693
  $type: 'color',
694
694
  $extensions: {
695
695
  'org.primer.figma': {
@@ -705,7 +705,7 @@
705
705
  alpha: 0.15,
706
706
  },
707
707
  emphasis: {
708
- $value: '{base.color.purple.5}',
708
+ $value: '{bgColor.done.emphasis}',
709
709
  $type: 'color',
710
710
  $extensions: {
711
711
  'org.primer.figma': {
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 CHANGED
@@ -14,14 +14,42 @@
14
14
  $value: '{base.color.neutral.5}',
15
15
  $type: 'color',
16
16
  },
17
+ neutral: {
18
+ $value: '{base.color.neutral.7}',
19
+ $type: 'color',
20
+ },
21
+ success: {
22
+ $value: '{base.color.green.6}',
23
+ $type: 'color',
24
+ },
17
25
  danger: {
18
26
  $value: '{base.color.red.6}',
19
27
  $type: 'color',
20
28
  },
29
+ attention: {
30
+ $value: '{base.color.yellow.6}',
31
+ $type: 'color',
32
+ },
33
+ severe: {
34
+ $value: '{base.color.orange.6}',
35
+ $type: 'color',
36
+ },
37
+ done: {
38
+ $value: '{base.color.purple.6}',
39
+ $type: 'color',
40
+ },
41
+ accent: {
42
+ $value: '{base.color.blue.6}',
43
+ $type: 'color',
44
+ },
21
45
  accent: {
22
46
  $value: '{base.color.blue.6}',
23
47
  $type: 'color',
24
48
  },
49
+ sponsors: {
50
+ $value: '{base.color.pink.6}',
51
+ $type: 'color',
52
+ },
25
53
  },
26
54
  bgColor: {
27
55
  muted: {
@@ -38,6 +66,11 @@
38
66
  $type: 'color',
39
67
  alpha: 1,
40
68
  },
69
+ emphasis: {
70
+ $value: '{base.color.neutral.6}',
71
+ $type: 'color',
72
+ alpha: 1,
73
+ },
41
74
  },
42
75
  disabled: {
43
76
  $value: '{base.color.neutral.2}',
@@ -97,6 +130,13 @@
97
130
  $type: 'color',
98
131
  },
99
132
  },
133
+ open: {
134
+ muted: {
135
+ $value: '{borderColor.success.muted}',
136
+ $type: 'color',
137
+ alpha: 1,
138
+ },
139
+ },
100
140
  attention: {
101
141
  muted: {
102
142
  $value: '{base.color.yellow.3}',
@@ -158,6 +198,16 @@
158
198
  },
159
199
  },
160
200
  control: {
201
+ fgColor: {
202
+ placeholder: {
203
+ $value: '{base.color.neutral.6}',
204
+ $type: 'color',
205
+ mix: {
206
+ color: '{base.color.neutral.7}',
207
+ weight: 0.2,
208
+ },
209
+ },
210
+ },
161
211
  bgColor: {
162
212
  rest: {
163
213
  $value: '{base.color.neutral.1}',
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED
@@ -33,12 +33,9 @@
33
33
  $type: 'color',
34
34
  },
35
35
  emphasis: {
36
- $value: '{base.color.blue.4}',
36
+ $value: '{base.color.blue.5}',
37
37
  $type: 'color',
38
- mix: {
39
- color: '{base.color.blue.5}',
40
- weight: 0.75,
41
- },
38
+ mix: null
42
39
  },
43
40
  },
44
41
  open: {
@@ -104,7 +101,7 @@
104
101
  alpha: 0.4,
105
102
  },
106
103
  emphasis: {
107
- $value: '{base.color.blue.4}',
104
+ $value: '{base.color.blue.5}',
108
105
  $type: 'color',
109
106
  },
110
107
  },
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 CHANGED
@@ -29,12 +29,9 @@
29
29
  $type: 'color',
30
30
  },
31
31
  emphasis: {
32
- $value: '{base.color.blue.4}',
32
+ $value: '{base.color.blue.5}',
33
33
  $type: 'color',
34
- mix: {
35
- color: '{base.color.blue.5}',
36
- weight: 0.75,
37
- },
34
+ mix: null
38
35
  },
39
36
  },
40
37
  open: {
@@ -76,7 +73,7 @@
76
73
  alpha: 0.4,
77
74
  },
78
75
  emphasis: {
79
- $value: '{base.color.blue.4}',
76
+ $value: '{base.color.blue.5}',
80
77
  $type: 'color',
81
78
  },
82
79
  },