@primer/primitives 7.11.0-rc.f7ccc99 → 7.11.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 (142) hide show
  1. package/README.md +2 -2
  2. package/dist/color-contrast-check.json +1 -1
  3. package/dist/deprecated/colors.json +7 -1
  4. package/dist/js/colors/dark.d.ts +5 -0
  5. package/dist/js/colors/dark.js +5 -0
  6. package/dist/js/colors/dark_colorblind.d.ts +5 -0
  7. package/dist/js/colors/dark_colorblind.js +5 -0
  8. package/dist/js/colors/dark_dimmed.d.ts +5 -0
  9. package/dist/js/colors/dark_dimmed.js +5 -0
  10. package/dist/js/colors/dark_high_contrast.d.ts +5 -0
  11. package/dist/js/colors/dark_high_contrast.js +5 -0
  12. package/dist/js/colors/dark_tritanopia.d.ts +5 -0
  13. package/dist/js/colors/dark_tritanopia.js +5 -0
  14. package/dist/js/colors/index.d.ts +45 -0
  15. package/dist/js/colors/light.d.ts +5 -0
  16. package/dist/js/colors/light.js +5 -0
  17. package/dist/js/colors/light_colorblind.d.ts +5 -0
  18. package/dist/js/colors/light_colorblind.js +5 -0
  19. package/dist/js/colors/light_high_contrast.d.ts +5 -0
  20. package/dist/js/colors/light_high_contrast.js +5 -0
  21. package/dist/js/colors/light_tritanopia.d.ts +5 -0
  22. package/dist/js/colors/light_tritanopia.js +5 -0
  23. package/dist/js/index.d.ts +45 -0
  24. package/dist/json/colors/dark.json +5 -0
  25. package/dist/json/colors/dark_colorblind.json +5 -0
  26. package/dist/json/colors/dark_dimmed.json +5 -0
  27. package/dist/json/colors/dark_high_contrast.json +5 -0
  28. package/dist/json/colors/dark_tritanopia.json +5 -0
  29. package/dist/json/colors/light.json +5 -0
  30. package/dist/json/colors/light_colorblind.json +5 -0
  31. package/dist/json/colors/light_high_contrast.json +5 -0
  32. package/dist/json/colors/light_tritanopia.json +5 -0
  33. package/dist/scss/colors/_dark.scss +1 -0
  34. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  35. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  36. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  37. package/dist/scss/colors/_dark_tritanopia.scss +1 -0
  38. package/dist/scss/colors/_light.scss +1 -0
  39. package/dist/scss/colors/_light_colorblind.scss +1 -0
  40. package/dist/scss/colors/_light_high_contrast.scss +1 -0
  41. package/dist/scss/colors/_light_tritanopia.scss +1 -0
  42. package/dist/ts/colors/dark.ts +5 -0
  43. package/dist/ts/colors/dark_colorblind.ts +5 -0
  44. package/dist/ts/colors/dark_dimmed.ts +5 -0
  45. package/dist/ts/colors/dark_high_contrast.ts +5 -0
  46. package/dist/ts/colors/dark_tritanopia.ts +5 -0
  47. package/dist/ts/colors/light.ts +5 -0
  48. package/dist/ts/colors/light_colorblind.ts +5 -0
  49. package/dist/ts/colors/light_high_contrast.ts +5 -0
  50. package/dist/ts/colors/light_tritanopia.ts +5 -0
  51. package/package.json +16 -15
  52. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  53. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  56. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  57. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  60. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  65. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  69. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  82. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  83. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  84. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  87. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  89. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  105. package/CHANGELOG.md +0 -685
  106. package/tokens/base/color/dark/dark.dimmed.json5 +0 -128
  107. package/tokens/base/color/dark/dark.high-contrast.json5 +0 -128
  108. package/tokens/base/color/dark/dark.json5 +0 -133
  109. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +0 -48
  110. package/tokens/base/color/dark/dark.tritanopia.json5 +0 -96
  111. package/tokens/base/color/light/light.high-contrast.json5 +0 -394
  112. package/tokens/base/color/light/light.json5 +0 -403
  113. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +0 -138
  114. package/tokens/base/color/light/light.tritanopia.json5 +0 -96
  115. package/tokens/functional/border/dark.json5 +0 -12
  116. package/tokens/functional/border/light.json5 +0 -12
  117. package/tokens/functional/color/dark/ansi-dark.json5 +0 -74
  118. package/tokens/functional/color/dark/checks-dark.json5 +0 -289
  119. package/tokens/functional/color/dark/components-dark.json5 +0 -556
  120. package/tokens/functional/color/dark/diff-dark.json5 +0 -78
  121. package/tokens/functional/color/dark/marketing-dark.json5 +0 -24
  122. package/tokens/functional/color/dark/misc-dark.json5 +0 -38
  123. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  124. package/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -276
  125. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -50
  126. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -49
  127. package/tokens/functional/color/dark/primitives-dark.json5 +0 -322
  128. package/tokens/functional/color/dark/syntax-dark.json5 +0 -208
  129. package/tokens/functional/color/light/ansi-light.json5 +0 -74
  130. package/tokens/functional/color/light/checks-light.json5 +0 -296
  131. package/tokens/functional/color/light/components-light.json5 +0 -469
  132. package/tokens/functional/color/light/diff-light.json5 +0 -76
  133. package/tokens/functional/color/light/marketing-light.json5 +0 -24
  134. package/tokens/functional/color/light/misc-light.json5 +0 -37
  135. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -332
  136. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -92
  137. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -92
  138. package/tokens/functional/color/light/primitives-light.json5 +0 -313
  139. package/tokens/functional/color/light/syntax-light.json5 +0 -208
  140. package/tokens/functional/color/scales.json5 +0 -493
  141. package/tokens/functional/shadow/dark.json5 +0 -93
  142. package/tokens/functional/shadow/light.json5 +0 -100
@@ -1,17 +0,0 @@
1
- /**
2
- * Dark dimmed
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for dark dimmed color mode are in this file
5
- */
6
- {
7
- color: {
8
- diffBlob: {
9
- expander: {
10
- icon: {
11
- $value: '{color.fg.default}',
12
- $type: 'color'
13
- }
14
- }
15
- }
16
- }
17
- }
@@ -1,276 +0,0 @@
1
- /**
2
- * Dark high contrast
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for dark high contrast color mode are in this file
5
- */
6
- {
7
- "color": {
8
- "fg": {
9
- "muted": {
10
- "$value": "{base.color.scale.gray.1}",
11
- "$type": "color"
12
- },
13
- "onEmphasis": {
14
- "$value": "{base.color.scale.gray.9}",
15
- "$type": "color"
16
- }
17
- },
18
- "border": {
19
- "default": {
20
- "$value": "{base.color.scale.gray.5}",
21
- "$type": "color"
22
- },
23
- "muted": {
24
- "$value": "{base.color.scale.gray.5}",
25
- "$type": "color"
26
- },
27
- "subtle": {
28
- "$value": "{base.color.scale.gray.5}",
29
- "$type": "color"
30
- }
31
- },
32
- "neutral": {
33
- "emphasis": {
34
- "$value": "{base.color.scale.gray.4}",
35
- "$type": "color"
36
- },
37
- "emphasisPlus": {
38
- "$value": "{base.color.scale.gray.0}",
39
- "$type": "color"
40
- }
41
- },
42
- "accent": {
43
- "muted": {
44
- "$value": "{base.color.scale.blue.4}",
45
- "$type": "color"
46
- }
47
- },
48
- "success": {
49
- "muted": {
50
- "$value": "{base.color.scale.green.4}",
51
- "$type": "color"
52
- }
53
- },
54
- "attention": {
55
- "muted": {
56
- "$value": "{base.color.scale.yellow.4}",
57
- "$type": "color"
58
- }
59
- },
60
- "severe": {
61
- "muted": {
62
- "$value": "{base.color.scale.orange.4}",
63
- "$type": "color"
64
- }
65
- },
66
- "danger": {
67
- "muted": {
68
- "$value": "{base.color.scale.red.4}",
69
- "$type": "color"
70
- }
71
- },
72
- "done": {
73
- "muted": {
74
- "$value": "{base.color.scale.purple.4}",
75
- "$type": "color"
76
- }
77
- },
78
- "sponsors": {
79
- "muted": {
80
- "$value": "{base.color.scale.pink.4}",
81
- "$type": "color"
82
- }
83
- },
84
- "avatar": {
85
- "border": {
86
- "$value": "{base.color.scale.white}",
87
- "$type": "color",
88
- "alpha": 0.9
89
- }
90
- },
91
- "diffstat": {
92
- "deletionBorder": {
93
- "$value": "{base.color.scale.red.2}",
94
- "$type": "color"
95
- },
96
- "additionBorder": {
97
- "$value": "{base.color.scale.green.2}",
98
- "$type": "color"
99
- }
100
- },
101
- "underlinenav": {
102
- "icon": {
103
- "$value": "{base.color.scale.gray.1}",
104
- "$type": "color"
105
- },
106
- "borderHover": {
107
- "$value": "{base.color.scale.gray.3}",
108
- "$type": "color"
109
- }
110
- },
111
- "topicTag": {
112
- "border": {
113
- "$value": "{color.accent.emphasis}",
114
- "$type": "color"
115
- }
116
- },
117
- "btn": {
118
- "selectedBg": {
119
- "$value": "{base.color.scale.gray.6}",
120
- "$type": "color",
121
- "alpha": 0.9
122
- },
123
- "primary": {
124
- "text": {
125
- "$value": "{color.fg.onEmphasis}",
126
- "$type": "color"
127
- },
128
- "border": {
129
- "$value": "{base.color.scale.green.2}",
130
- "$type": "color"
131
- },
132
- "hover": {
133
- "bg": {
134
- "$value": "{base.color.scale.green.3}",
135
- "$type": "color"
136
- }
137
- },
138
- "hoverBorder": {
139
- "$value": "{base.color.scale.green.2}",
140
- "$type": "color"
141
- },
142
- "disabledText": {
143
- "$value": "{color.fg.onEmphasis}",
144
- "$type": "color",
145
- "alpha": 0.5
146
- },
147
- "disabledBg": {
148
- "$value": "{base.color.scale.green.5}",
149
- "$type": "color",
150
- "alpha": 0.6
151
- },
152
- "disabledBorder": {
153
- "$value": "{base.color.scale.green.2}",
154
- "$type": "color",
155
- "alpha": 0.4
156
- },
157
- "icon": {
158
- "$value": "{color.fg.onEmphasis}",
159
- "$type": "color"
160
- },
161
- "counterBg": {
162
- "$value": "{base.color.scale.black}",
163
- "$type": "color",
164
- "alpha": 0.15
165
- }
166
- },
167
- "danger": {
168
- "hover": {
169
- "counter": {
170
- "bg": {
171
- "$value": "{base.color.scale.black}",
172
- "$type": "color",
173
- "alpha": 0.15
174
- }
175
- }
176
- },
177
- "counterBg": {
178
- "$value": "{base.color.scale.black}",
179
- "$type": "color",
180
- "alpha": 0.15
181
- }
182
- }
183
- },
184
- "codemirror": {
185
- "selectionBg": {
186
- "$value": "{base.color.scale.blue.4}",
187
- "$type": "color",
188
- "alpha": 0.4
189
- }
190
- },
191
- "diffBlob": {
192
- "addition": {
193
- "fg": {
194
- "$value": "{color.fg.onEmphasis}",
195
- "$type": "color"
196
- }
197
- },
198
- "deletion": {
199
- "fg": {
200
- "$value": "{color.fg.onEmphasis}",
201
- "$type": "color"
202
- }
203
- },
204
- "expander": {
205
- "icon": {
206
- "$value": "{color.fg.default}",
207
- "$type": "color"
208
- }
209
- },
210
- "hunk": {
211
- "numBg": {
212
- "$value": "{color.accent.muted}",
213
- "$type": "color",
214
- "alpha": 0.4
215
- }
216
- }
217
- },
218
-
219
- "actionListItem": {
220
- "inlineDivider": {
221
- "$value": "{color.border.muted}",
222
- "$type": "color"
223
- },
224
-
225
- "default": {
226
- "hoverBg": {
227
- "$value": "{base.color.scale.gray.8}",
228
- "$type": "color"
229
- },
230
- "hoverBorder": {
231
- "$value": "{color.border.default}",
232
- "$type": "color"
233
- },
234
- "activeBg": {
235
- "$value": "{base.color.scale.gray.6}",
236
- "$type": "color"
237
- },
238
- "activeBorder": {
239
- "$value": "{base.color.scale.gray.4}",
240
- "$type": "color"
241
- },
242
- "selectedBg": {
243
- "$value": "{base.color.scale.gray.6}",
244
- "$type": "color"
245
- }
246
- },
247
- "danger": {
248
- "hoverBg": {
249
- "$value": "{color.danger.emphasis}",
250
- "$type": "color"
251
- },
252
- "activeBg": {
253
- "$value": "{base.color.scale.red.6}",
254
- "$type": "color"
255
- },
256
- "hoverText": {
257
- "$value": "{color.fg.onEmphasis}",
258
- "$type": "color"
259
- }
260
- }
261
- },
262
-
263
- "switchTrack": {
264
- "border": {
265
- "$value": "{color.border.default}",
266
- "$type": "color"
267
- },
268
- "checked": {
269
- "border": {
270
- "$value": "{base.color.scale.blue.5}",
271
- "$type": "color"
272
- }
273
- }
274
- }
275
- }
276
- }
@@ -1,50 +0,0 @@
1
- /**
2
- * Dark protanopia and deuteranopia (colorblind)
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for dark protanopia and deuteranopia (colorblind) color mode are in this file
5
- */
6
- {
7
- color: {
8
- open: {
9
- fg: {
10
- $value: '{base.color.scale.orange.3}',
11
- $type: 'color'
12
- },
13
- emphasis: {
14
- $value: '{base.color.scale.orange.5}',
15
- $type: 'color'
16
- },
17
- muted: {
18
- $value: '{base.color.scale.orange.4}',
19
- $type: 'color',
20
- alpha: 0.4
21
- },
22
- subtle: {
23
- $value: '{base.color.scale.orange.4}',
24
- $type: 'color',
25
- alpha: 0.15
26
- }
27
- },
28
- closed: {
29
- fg: {
30
- $value: '{base.color.scale.gray.3}',
31
- $type: 'color'
32
- },
33
-
34
- emphasis: {
35
- $value: '{base.color.scale.gray.4}',
36
- $type: 'color'
37
- },
38
- muted: {
39
- $value: '{base.color.scale.gray.4}',
40
- $type: 'color',
41
- alpha: 0.4
42
- },
43
- subtle: {
44
- $value: '{base.color.scale.gray.4}',
45
- $type: 'color',
46
- alpha: 0.1
47
- }
48
- }
49
- }
50
- }
@@ -1,49 +0,0 @@
1
- /**
2
- * Dark tritanopia
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for dark tritanopia color mode are in this file
5
- */
6
- {
7
- color: {
8
- open: {
9
- fg: {
10
- $value: '{base.color.scale.orange.3}',
11
- $type: 'color'
12
- },
13
- emphasis: {
14
- $value: '{base.color.scale.orange.5}',
15
- $type: 'color'
16
- },
17
- muted: {
18
- $value: '{base.color.scale.orange.4}',
19
- $type: 'color',
20
- alpha: 0.4
21
- },
22
- subtle: {
23
- $value: '{base.color.scale.orange.4}',
24
- $type: 'color',
25
- alpha: 0.15
26
- }
27
- },
28
- closed: {
29
- fg: {
30
- $value: '{base.color.scale.gray.3}',
31
- $type: 'color'
32
- },
33
- emphasis: {
34
- $value: '{base.color.scale.gray.4}',
35
- $type: 'color'
36
- },
37
- muted: {
38
- $value: '{base.color.scale.gray.4}',
39
- $type: 'color',
40
- alpha: 0.4
41
- },
42
- subtle: {
43
- $value: '{base.color.scale.gray.4}',
44
- $type: 'color',
45
- alpha: 0.1
46
- }
47
- }
48
- }
49
- }
@@ -1,322 +0,0 @@
1
- {
2
- "color": {
3
- "fg": {
4
- "default": {
5
- "$value": "{base.color.scale.gray.1}",
6
- "$type": "color"
7
- },
8
- "muted": {
9
- "$value": "{base.color.scale.gray.3}",
10
- "$type": "color"
11
- },
12
- "subtle": {
13
- "$value": "{base.color.scale.gray.4}",
14
- "$type": "color"
15
- },
16
- "onEmphasis": {
17
- "$value": "{base.color.scale.white}",
18
- "$type": "color"
19
- }
20
- },
21
- "canvas": {
22
- "default": {
23
- "$value": "{base.color.scale.gray.9}",
24
- "$type": "color"
25
- },
26
- "overlay": {
27
- "$value": "{base.color.scale.gray.8}",
28
- "$type": "color"
29
- },
30
- "inset": {
31
- "$value": "{base.color.scale.black}",
32
- "$type": "color"
33
- },
34
- "subtle": {
35
- "$value": "{base.color.scale.gray.8}",
36
- "$type": "color"
37
- }
38
- },
39
- "border": {
40
- "default": {
41
- "$value": "{base.color.scale.gray.6}",
42
- "$type": "color"
43
- },
44
- "muted": {
45
- "$value": "{base.color.scale.gray.7}",
46
- "$type": "color"
47
- },
48
- "subtle": {
49
- "$value": "{base.color.scale.gray.0}",
50
- "$type": "color",
51
- "alpha": 0.1
52
- }
53
- },
54
- "neutral": {
55
- "emphasisPlus": {
56
- "$value": "{base.color.scale.gray.4}",
57
- "$type": "color"
58
- },
59
- "emphasis": {
60
- "$value": "{base.color.scale.gray.4}",
61
- "$type": "color"
62
- },
63
- "muted": {
64
- "$value": "{base.color.scale.gray.4}",
65
- "$type": "color",
66
- "alpha": 0.4
67
- },
68
- "subtle": {
69
- "$value": "{base.color.scale.gray.4}",
70
- "$type": "color",
71
- "alpha": 0.1
72
- }
73
- },
74
- "accent": {
75
- "fg": {
76
- "$value": "{base.color.scale.blue.3}",
77
- "$type": "color"
78
- },
79
- "emphasis": {
80
- "$value": "{base.color.scale.blue.5}",
81
- "$type": "color"
82
- },
83
- "muted": {
84
- "$value": "{base.color.scale.blue.4}",
85
- "$type": "color",
86
- "alpha": 0.4
87
- },
88
- "subtle": {
89
- "$value": "{base.color.scale.blue.4}",
90
- "$type": "color",
91
- "alpha": 0.15
92
- }
93
- },
94
- "success": {
95
- "fg": {
96
- "$value": "{base.color.scale.green.3}",
97
- "$type": "color"
98
- },
99
- "emphasis": {
100
- "$value": "{base.color.scale.green.5}",
101
- "$type": "color"
102
- },
103
- "muted": {
104
- "$value": "{base.color.scale.green.4}",
105
- "$type": "color",
106
- "alpha": 0.4
107
- },
108
- "subtle": {
109
- "$value": "{base.color.scale.green.4}",
110
- "$type": "color",
111
- "alpha": 0.15
112
- }
113
- },
114
- "attention": {
115
- "fg": {
116
- "$value": "{base.color.scale.yellow.3}",
117
- "$type": "color"
118
- },
119
- "emphasis": {
120
- "$value": "{base.color.scale.yellow.5}",
121
- "$type": "color"
122
- },
123
- "muted": {
124
- "$value": "{base.color.scale.yellow.4}",
125
- "$type": "color",
126
- "alpha": 0.4
127
- },
128
- "subtle": {
129
- "$value": "{base.color.scale.yellow.4}",
130
- "$type": "color",
131
- "alpha": 0.15
132
- }
133
- },
134
- "severe": {
135
- "fg": {
136
- "$value": "{base.color.scale.orange.4}",
137
- "$type": "color"
138
- },
139
- "emphasis": {
140
- "$value": "{base.color.scale.orange.5}",
141
- "$type": "color"
142
- },
143
- "muted": {
144
- "$value": "{base.color.scale.orange.4}",
145
- "$type": "color",
146
- "alpha": 0.4
147
- },
148
- "subtle": {
149
- "$value": "{base.color.scale.orange.4}",
150
- "$type": "color",
151
- "alpha": 0.15
152
- }
153
- },
154
- "danger": {
155
- "fg": {
156
- "$value": "{base.color.scale.red.4}",
157
- "$type": "color"
158
- },
159
- "emphasis": {
160
- "$value": "{base.color.scale.red.5}",
161
- "$type": "color"
162
- },
163
- "muted": {
164
- "$value": "{base.color.scale.red.4}",
165
- "$type": "color",
166
- "alpha": 0.4
167
- },
168
- "subtle": {
169
- "$value": "{base.color.scale.red.4}",
170
- "$type": "color",
171
- "alpha": 0.15
172
- }
173
- },
174
- "open": {
175
- "fg": {
176
- "$value": "{base.color.scale.green.3}",
177
- "$type": "color"
178
- },
179
- "emphasis": {
180
- "$value": "{base.color.scale.green.5}",
181
- "$type": "color"
182
- },
183
- "muted": {
184
- "$value": "{base.color.scale.green.4}",
185
- "$type": "color",
186
- "alpha": 0.4
187
- },
188
- "subtle": {
189
- "$value": "{base.color.scale.green.4}",
190
- "$type": "color",
191
- "alpha": 0.15
192
- }
193
- },
194
- "closed": {
195
- "fg": {
196
- "$value": "{base.color.scale.red.4}",
197
- "$type": "color"
198
- },
199
- "emphasis": {
200
- "$value": "{base.color.scale.red.5}",
201
- "$type": "color"
202
- },
203
- "muted": {
204
- "$value": "{base.color.scale.red.4}",
205
- "$type": "color",
206
- "alpha": 0.4
207
- },
208
- "subtle": {
209
- "$value": "{base.color.scale.red.4}",
210
- "$type": "color",
211
- "alpha": 0.15
212
- }
213
- },
214
- "done": {
215
- "fg": {
216
- "$value": "{base.color.scale.purple.4}",
217
- "$type": "color"
218
- },
219
- "emphasis": {
220
- "$value": "{base.color.scale.purple.5}",
221
- "$type": "color"
222
- },
223
- "muted": {
224
- "$value": "{base.color.scale.purple.4}",
225
- "$type": "color",
226
- "alpha": 0.4
227
- },
228
- "subtle": {
229
- "$value": "{base.color.scale.purple.4}",
230
- "$type": "color",
231
- "alpha": 0.15
232
- }
233
- },
234
- "sponsors": {
235
- "fg": {
236
- "$value": "{base.color.scale.pink.4}",
237
- "$type": "color"
238
- },
239
- "emphasis": {
240
- "$value": "{base.color.scale.pink.5}",
241
- "$type": "color"
242
- },
243
- "muted": {
244
- "$value": "{base.color.scale.pink.4}",
245
- "$type": "color",
246
- "alpha": 0.4
247
- },
248
- "subtle": {
249
- "$value": "{base.color.scale.pink.4}",
250
- "$type": "color",
251
- "alpha": 0.15
252
- }
253
- },
254
- "shadow": {
255
- "small": {
256
- "$value": "{base.color.scale.black}",
257
- "alpha": 0.96,
258
- "$type": "color"
259
- },
260
- "medium": {
261
- "$value": "{base.color.scale.gray.4}",
262
- "alpha": 0.85,
263
- "$type": "color"
264
- },
265
- "large": {
266
- "$value": "{base.color.scale.gray.4}",
267
- "alpha": 0.8,
268
- "$type": "color"
269
- },
270
- "extraLarge": {
271
- "$value": "{base.color.scale.gray.4}",
272
- "alpha": 0.7,
273
- "$type": "color"
274
- },
275
- "highlight": {
276
- "$value": "{base.color.scale.white}",
277
- "alpha": 0.25,
278
- "$type": "color"
279
- },
280
- "inset": {
281
- "$value": "{base.color.scale.gray.2}",
282
- "alpha": 0,
283
- "$type": "color"
284
- }
285
- },
286
- "focus": {
287
- "$value": "{base.color.scale.blue.5}",
288
- "$type": "color"
289
- },
290
- "primer": {
291
- "fg": {
292
- "disabled": {
293
- "$value": "{base.color.scale.gray.5}",
294
- "$type": "color"
295
- }
296
- },
297
- "canvas": {
298
- "backdrop": {
299
- "$value": "{base.color.scale.black}",
300
- "$type": "color",
301
- "alpha": 0.8
302
- },
303
- "sticky": {
304
- "$value": "{base.color.scale.gray.9}",
305
- "$type": "color",
306
- "alpha": 0.95
307
- }
308
- },
309
- "border": {
310
- "active": {
311
- "$value": "{base.color.scale.coral.3}",
312
- "$type": "color"
313
- },
314
- "contrast": {
315
- "$value": "{base.color.scale.white}",
316
- "$type": "color",
317
- "alpha": 0.2
318
- }
319
- }
320
- }
321
- }
322
- }