@primer/primitives 10.3.0 → 10.3.1

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 (63) hide show
  1. package/dist/build/schemas/colorToken.js +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  3. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  4. package/dist/css/functional/themes/light-colorblind.css +16 -16
  5. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/light.css +4 -4
  7. package/dist/docs/functional/themes/dark-colorblind.json +963 -139
  8. package/dist/docs/functional/themes/dark-dimmed.json +819 -85
  9. package/dist/docs/functional/themes/dark-high-contrast.json +1039 -77
  10. package/dist/docs/functional/themes/dark-tritanopia.json +885 -55
  11. package/dist/docs/functional/themes/dark.json +723 -57
  12. package/dist/docs/functional/themes/light-colorblind.json +964 -136
  13. package/dist/docs/functional/themes/light-high-contrast.json +1069 -67
  14. package/dist/docs/functional/themes/light-tritanopia.json +880 -50
  15. package/dist/docs/functional/themes/light.json +716 -50
  16. package/dist/figma/figma.json +133 -0
  17. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  18. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  19. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  20. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  21. package/dist/figma/shadows/dark.json +1152 -0
  22. package/dist/figma/shadows/light-colorblind.json +1052 -0
  23. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  24. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  25. package/dist/figma/shadows/light.json +1052 -0
  26. package/dist/figma/themes/dark-colorblind.json +2886 -2733
  27. package/dist/figma/themes/dark-dimmed.json +2778 -2708
  28. package/dist/figma/themes/dark-high-contrast.json +697 -394
  29. package/dist/figma/themes/dark-tritanopia.json +2886 -2731
  30. package/dist/figma/themes/dark.json +3018 -3021
  31. package/dist/figma/themes/light-colorblind.json +2913 -2759
  32. package/dist/figma/themes/light-high-contrast.json +591 -250
  33. package/dist/figma/themes/light-tritanopia.json +2895 -2740
  34. package/dist/figma/themes/light.json +5496 -5499
  35. package/dist/internalCss/dark-colorblind.css +14 -14
  36. package/dist/internalCss/dark-high-contrast.css +4 -4
  37. package/dist/internalCss/light-colorblind.css +16 -16
  38. package/dist/internalCss/light-high-contrast.css +2 -2
  39. package/dist/internalCss/light.css +4 -4
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +963 -139
  41. package/dist/styleLint/functional/themes/dark-dimmed.json +819 -85
  42. package/dist/styleLint/functional/themes/dark-high-contrast.json +1039 -77
  43. package/dist/styleLint/functional/themes/dark-tritanopia.json +885 -55
  44. package/dist/styleLint/functional/themes/dark.json +723 -57
  45. package/dist/styleLint/functional/themes/light-colorblind.json +979 -151
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +1069 -67
  47. package/dist/styleLint/functional/themes/light-tritanopia.json +880 -50
  48. package/dist/styleLint/functional/themes/light.json +716 -50
  49. package/package.json +1 -1
  50. package/src/tokens/component/avatar.json5 +42 -0
  51. package/src/tokens/component/avatarStack.json5 +30 -0
  52. package/src/tokens/functional/color/borderColor.json5 +616 -0
  53. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -23
  54. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -102
  55. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -55
  56. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -46
  57. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -53
  58. package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -438
  59. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -110
  60. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +2 -48
  61. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -46
  62. package/src/tokens/functional/color/light/patterns-light.json5 +0 -52
  63. package/src/tokens/functional/color/light/primitives-light.json5 +0 -411
package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 CHANGED
@@ -47,29 +47,6 @@
47
47
  $type: 'color',
48
48
  },
49
49
  },
50
- borderColor: {
51
- default: {
52
- $value: '{base.color.neutral.7}',
53
- $type: 'color',
54
- },
55
- muted: {
56
- $value: '{base.color.neutral.7}',
57
- $type: 'color',
58
- alpha: 0.7,
59
- },
60
- disabled: {
61
- $value: '{base.color.neutral.8}',
62
- $type: 'color',
63
- alpha: 0.1,
64
- },
65
- neutral: {
66
- muted: {
67
- $value: '{base.color.neutral.7}',
68
- $type: 'color',
69
- alpha: 0.7,
70
- },
71
- },
72
- },
73
50
  control: {
74
51
  bgColor: {
75
52
  rest: {
package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED
@@ -117,109 +117,7 @@
117
117
  },
118
118
  },
119
119
  },
120
- borderColor: {
121
- default: {
122
- $value: '{base.color.neutral.10}',
123
- $type: 'color',
124
- },
125
- muted: {
126
- $value: '{borderColor.default}',
127
- $type: 'color',
128
- alpha: 1,
129
- },
130
- emphasis: {
131
- $value: '{borderColor.default}',
132
- $type: 'color',
133
- },
134
- disabled: {
135
- $value: '{base.color.neutral.9}',
136
- $type: 'color',
137
- alpha: 0.12,
138
- },
139
- translucent: {
140
- $value: '{base.color.neutral.6}',
141
- $type: 'color',
142
- alpha: 1,
143
- },
144
- accent: {
145
- muted: {
146
- $value: '{base.color.blue.4}',
147
- $type: 'color',
148
- alpha: 1,
149
- },
150
- },
151
- success: {
152
- muted: {
153
- $value: '{base.color.green.4}',
154
- $type: 'color',
155
- alpha: 1,
156
- },
157
- },
158
- open: {
159
- muted: {
160
- $value: '{borderColor.success.muted}',
161
- $type: 'color',
162
- alpha: 1,
163
- },
164
- },
165
- attention: {
166
- muted: {
167
- $value: '{base.color.yellow.4}',
168
- $type: 'color',
169
- alpha: 1,
170
- },
171
- },
172
- closed: {
173
- muted: {
174
- $value: '{borderColor.danger.muted}',
175
- $type: 'color',
176
- alpha: 1,
177
- },
178
- },
179
- upsell: {
180
- muted: {
181
- $value: '{borderColor.done.muted}',
182
- $type: 'color',
183
- alpha: 1,
184
- },
185
- },
186
- severe: {
187
- muted: {
188
- $value: '{base.color.orange.4}',
189
- $type: 'color',
190
- alpha: 1,
191
- },
192
- },
193
- danger: {
194
- muted: {
195
- $value: '{base.color.red.4}',
196
- $type: 'color',
197
- alpha: 1,
198
- },
199
- },
200
- done: {
201
- muted: {
202
- $value: '{base.color.purple.4}',
203
- $type: 'color',
204
- alpha: 1,
205
- },
206
- },
207
- sponsors: {
208
- muted: {
209
- $value: '{base.color.pink.4}',
210
- $type: 'color',
211
- alpha: 1,
212
- },
213
- },
214
- },
215
120
  // patterns
216
- avatar: {
217
- borderColor: {
218
- $value: '{base.color.neutral.13}',
219
- $type: 'color',
220
- alpha: 0.9,
221
- },
222
- },
223
121
  counter: {
224
122
  borderColor: {
225
123
  $value: '{borderColor.default}',
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -27,32 +27,31 @@
27
27
  muted: {
28
28
  $value: '{base.color.blue.4}',
29
29
  $type: 'color',
30
- alpha: 0.15,
30
+ alpha: 0.2,
31
31
  },
32
32
  emphasis: {
33
33
  $value: '{base.color.blue.5}',
34
34
  $type: 'color',
35
35
  },
36
36
  },
37
- danger: {
37
+ open: {
38
38
  muted: {
39
- $value: '{base.color.orange.4}',
39
+ $value: '{bgColor.success.muted}',
40
40
  $type: 'color',
41
- alpha: 0.1,
42
41
  },
43
42
  emphasis: {
44
- $value: '{base.color.orange.5}',
43
+ $value: '{bgColor.success.emphasis}',
45
44
  $type: 'color',
46
45
  },
47
46
  },
48
- open: {
47
+ danger: {
49
48
  muted: {
50
- $value: '{base.color.blue.4}',
49
+ $value: '{base.color.orange.4}',
51
50
  $type: 'color',
52
- alpha: 0.2,
51
+ alpha: 0.1,
53
52
  },
54
53
  emphasis: {
55
- $value: '{base.color.blue.5}',
54
+ $value: '{base.color.orange.5}',
56
55
  $type: 'color',
57
56
  },
58
57
  },
@@ -68,52 +67,6 @@
68
67
  },
69
68
  },
70
69
  },
71
- borderColor: {
72
- open: {
73
- muted: {
74
- $value: '{base.color.blue.4}',
75
- $type: 'color',
76
- alpha: 0.4,
77
- },
78
- emphasis: {
79
- $value: '{base.color.blue.4}',
80
- $type: 'color',
81
- },
82
- },
83
- closed: {
84
- muted: {
85
- $value: '{borderColor.muted}',
86
- $type: 'color',
87
- alpha: 0.4,
88
- },
89
- emphasis: {
90
- $value: '{borderColor.emphasis}',
91
- $type: 'color',
92
- },
93
- },
94
- success: {
95
- muted: {
96
- $value: '{base.color.blue.4}',
97
- $type: 'color',
98
- alpha: 0.4,
99
- },
100
- emphasis: {
101
- $value: '{base.color.blue.5}',
102
- $type: 'color',
103
- },
104
- },
105
- danger: {
106
- muted: {
107
- $value: '{base.color.orange.4}',
108
- $type: 'color',
109
- alpha: 0.4,
110
- },
111
- emphasis: {
112
- $value: '{base.color.orange.5}',
113
- $type: 'color',
114
- },
115
- },
116
- },
117
70
  control: {
118
71
  danger: {
119
72
  fgColor: {
package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 CHANGED
@@ -75,52 +75,6 @@
75
75
  },
76
76
  },
77
77
  },
78
- borderColor: {
79
- success: {
80
- muted: {
81
- $value: '{base.color.blue.4}',
82
- $type: 'color',
83
- alpha: 0.4,
84
- },
85
- emphasis: {
86
- $value: '{base.color.blue.5}',
87
- $type: 'color',
88
- },
89
- },
90
- severe: {
91
- muted: {
92
- $value: '{base.color.red.4}',
93
- $type: 'color',
94
- alpha: 0.4,
95
- },
96
- emphasis: {
97
- $value: '{base.color.red.5}',
98
- $type: 'color',
99
- },
100
- },
101
- open: {
102
- muted: {
103
- $value: '{base.color.red.4}',
104
- $type: 'color',
105
- alpha: 0.4,
106
- },
107
- emphasis: {
108
- $value: '{base.color.red.5}',
109
- $type: 'color',
110
- },
111
- },
112
- closed: {
113
- muted: {
114
- $value: '{borderColor.default}',
115
- $type: 'color',
116
- alpha: 0.4,
117
- },
118
- emphasis: {
119
- $value: '{borderColor.emphasis}',
120
- $type: 'color',
121
- },
122
- },
123
- },
124
78
  codeMirror: {
125
79
  syntax: {
126
80
  fgColor: {
package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED
@@ -1,57 +1,4 @@
1
1
  {
2
- avatar: {
3
- bgColor: {
4
- $value: '{base.color.neutral.13}',
5
- $type: 'color',
6
- $extensions: {
7
- 'org.primer.figma': {
8
- collection: 'mode',
9
- group: 'component (internal)',
10
- scopes: ['bgColor'],
11
- },
12
- },
13
- alpha: 0.1,
14
- },
15
- borderColor: {
16
- $value: '{borderColor.translucent}',
17
- $type: 'color',
18
- $extensions: {
19
- 'org.primer.figma': {
20
- collection: 'mode',
21
- group: 'component (internal)',
22
- scopes: ['borderColor'],
23
- },
24
- },
25
- },
26
- },
27
- avatarStack: {
28
- fade: {
29
- bgColor: {
30
- default: {
31
- $value: '{base.color.neutral.7}',
32
- $type: 'color',
33
- $extensions: {
34
- 'org.primer.figma': {
35
- collection: 'mode',
36
- group: 'component (internal)',
37
- scopes: ['bgColor'],
38
- },
39
- },
40
- },
41
- muted: {
42
- $value: '{base.color.neutral.5}',
43
- $type: 'color',
44
- $extensions: {
45
- 'org.primer.figma': {
46
- collection: 'mode',
47
- group: 'component (internal)',
48
- scopes: ['bgColor'],
49
- },
50
- },
51
- },
52
- },
53
- },
54
- },
55
2
  control: {
56
3
  bgColor: {
57
4
  rest: {