@primer/primitives 7.0.0 → 7.1.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 (12) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/js/colors/index.d.ts +443 -0
  3. package/dist/js/colors/index.js +2 -1
  4. package/dist/js/colors/light_high_contrast.d.ts +444 -0
  5. package/dist/js/colors/light_high_contrast.js +544 -0
  6. package/dist/js/index.d.ts +443 -0
  7. package/dist/json/colors/light_high_contrast.json +542 -0
  8. package/dist/removed/colors.json +32 -1
  9. package/dist/scss/colors/_light_high_contrast.scss +416 -0
  10. package/dist/ts/colors/index.ts +2 -1
  11. package/dist/ts/colors/light_high_contrast.ts +542 -0
  12. package/package.json +1 -1
package/dist/js/colors/light_high_contrast.js ADDED
@@ -0,0 +1,544 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {
4
+ "canvasDefaultTransparent": "rgba(255,255,255,0)",
5
+ "marketingIcon": {
6
+ "primary": "#1168e3",
7
+ "secondary": "#368cf9"
8
+ },
9
+ "diffBlob": {
10
+ "addition": {
11
+ "numText": "#24292F",
12
+ "fg": "#24292F",
13
+ "numBg": "#CCFFD8",
14
+ "lineBg": "#E6FFEC",
15
+ "wordBg": "#ABF2BC"
16
+ },
17
+ "deletion": {
18
+ "numText": "#24292F",
19
+ "fg": "#24292F",
20
+ "numBg": "#FFD7D5",
21
+ "lineBg": "#fff0ee",
22
+ "wordBg": "rgba(238,90,93,0.4)"
23
+ },
24
+ "hunk": {
25
+ "numBg": "rgba(54,140,249,0.4)"
26
+ },
27
+ "expander": {
28
+ "icon": "#24292F"
29
+ },
30
+ "selectedLineHighlightMixBlendMode": "multiply"
31
+ },
32
+ "diffstat": {
33
+ "deletionBorder": "rgba(1,4,9,0.9)",
34
+ "additionBorder": "rgba(1,4,9,0.9)",
35
+ "additionBg": "#117f32"
36
+ },
37
+ "searchKeyword": {
38
+ "hl": "#fcf7be"
39
+ },
40
+ "prettylights": {
41
+ "syntax": {
42
+ "comment": "#67707A",
43
+ "constant": "#023b95",
44
+ "entity": "#622cbc",
45
+ "storageModifierImport": "#24292F",
46
+ "entityTag": "#024c1a",
47
+ "keyword": "#a0111f",
48
+ "string": "#032563",
49
+ "variable": "#702c00",
50
+ "brackethighlighterUnmatched": "#6e011a",
51
+ "invalidIllegalText": "#FFFFFF",
52
+ "invalidIllegalBg": "#6e011a",
53
+ "carriageReturnText": "#FFFFFF",
54
+ "carriageReturnBg": "#a0111f",
55
+ "stringRegexp": "#024c1a",
56
+ "markupList": "#2e1800",
57
+ "markupHeading": "#023b95",
58
+ "markupItalic": "#24292F",
59
+ "markupBold": "#24292F",
60
+ "markupDeletedText": "#6e011a",
61
+ "markupDeletedBg": "#fff0ee",
62
+ "markupInsertedText": "#024c1a",
63
+ "markupInsertedBg": "#d2fedb",
64
+ "markupChangedText": "#702c00",
65
+ "markupChangedBg": "#ffc67b",
66
+ "markupIgnoredText": "#E7ECF0",
67
+ "markupIgnoredBg": "#023b95",
68
+ "metaDiffRange": "#622cbc",
69
+ "brackethighlighterAngle": "#4F5760",
70
+ "sublimelinterGutterMark": "#88929D",
71
+ "constantOtherReferenceLink": "#032563"
72
+ }
73
+ },
74
+ "codemirror": {
75
+ "text": "#24292F",
76
+ "bg": "#ffffff",
77
+ "guttersBg": "#ffffff",
78
+ "guttermarkerText": "#ffffff",
79
+ "guttermarkerSubtleText": "#67707A",
80
+ "linenumberText": "#24292F",
81
+ "cursor": "#24292F",
82
+ "selectionBg": "rgba(54,140,249,0.4)",
83
+ "activelineBg": "#E7ECF0",
84
+ "matchingbracketText": "#24292F",
85
+ "linesBg": "#ffffff",
86
+ "syntax": {
87
+ "comment": "#24292F",
88
+ "constant": "#023b95",
89
+ "entity": "#622cbc",
90
+ "keyword": "#a0111f",
91
+ "storage": "#a0111f",
92
+ "string": "#032563",
93
+ "support": "#023b95",
94
+ "variable": "#702c00"
95
+ }
96
+ },
97
+ "checks": {
98
+ "bg": "#24292F",
99
+ "runBorderWidth": "0px",
100
+ "containerBorderWidth": "0px",
101
+ "textPrimary": "#FFFFFF",
102
+ "textSecondary": "#88929D",
103
+ "textLink": "#368cf9",
104
+ "btnIcon": "#ACB6C0",
105
+ "btnHoverIcon": "#FFFFFF",
106
+ "btnHoverBg": "rgba(255,255,255,0.125)",
107
+ "inputText": "#E7ECF0",
108
+ "inputPlaceholderText": "#88929D",
109
+ "inputFocusText": "#88929D",
110
+ "inputBg": "#30363D",
111
+ "inputShadow": "none",
112
+ "donutError": "#d5232c",
113
+ "donutPending": "#956400",
114
+ "donutSuccess": "#117f32",
115
+ "donutNeutral": "#ACB6C0",
116
+ "dropdownText": "#ACB6C0",
117
+ "dropdownBg": "#30363D",
118
+ "dropdownBorder": "#3D454E",
119
+ "dropdownShadow": "rgba(1,4,9,0.3)",
120
+ "dropdownHoverText": "#FFFFFF",
121
+ "dropdownHoverBg": "#3D454E",
122
+ "dropdownBtnHoverText": "#FFFFFF",
123
+ "dropdownBtnHoverBg": "#30363D",
124
+ "scrollbarThumbBg": "#4F5760",
125
+ "headerLabelText": "#CED5DC",
126
+ "headerLabelOpenText": "#FFFFFF",
127
+ "headerBorder": "#30363D",
128
+ "headerIcon": "#88929D",
129
+ "lineText": "#CED5DC",
130
+ "lineNumText": "rgba(136,146,157,0.75)",
131
+ "lineTimestampText": "#88929D",
132
+ "lineHoverBg": "#30363D",
133
+ "lineSelectedBg": "rgba(17,104,227,0.15)",
134
+ "lineSelectedNumText": "#368cf9",
135
+ "lineDtFmText": "#24292F",
136
+ "lineDtFmBg": "#744500",
137
+ "gateBg": "rgba(96,55,0,0.15)",
138
+ "gateText": "#CED5DC",
139
+ "gateWaitingText": "#ACB6C0",
140
+ "stepHeaderOpenBg": "#30363D",
141
+ "stepErrorText": "#ee5a5d",
142
+ "stepWarningText": "#b58407",
143
+ "loglineText": "#88929D",
144
+ "loglineNumText": "rgba(136,146,157,0.75)",
145
+ "loglineDebugText": "#a371f7",
146
+ "loglineErrorText": "#CED5DC",
147
+ "loglineErrorNumText": "#ee5a5d",
148
+ "loglineErrorBg": "rgba(134,6,29,0.15)",
149
+ "loglineWarningText": "#CED5DC",
150
+ "loglineWarningNumText": "#b58407",
151
+ "loglineWarningBg": "rgba(96,55,0,0.15)",
152
+ "loglineCommandText": "#368cf9",
153
+ "loglineSectionText": "#26a148",
154
+ "ansi": {
155
+ "black": "#24292F",
156
+ "blackBright": "#30363D",
157
+ "white": "#CED5DC",
158
+ "whiteBright": "#CED5DC",
159
+ "gray": "#88929D",
160
+ "red": "#ee5a5d",
161
+ "redBright": "#ff8e8a",
162
+ "green": "#26a148",
163
+ "greenBright": "#43c663",
164
+ "yellow": "#b58407",
165
+ "yellowBright": "#d5a824",
166
+ "blue": "#368cf9",
167
+ "blueBright": "#67b3fd",
168
+ "magenta": "#a371f7",
169
+ "magentaBright": "#c49bff",
170
+ "cyan": "#76e3ea",
171
+ "cyanBright": "#b3f0ff"
172
+ }
173
+ },
174
+ "project": {
175
+ "headerBg": "#24292F",
176
+ "sidebarBg": "#ffffff",
177
+ "gradientIn": "#ffffff",
178
+ "gradientOut": "rgba(255,255,255,0)"
179
+ },
180
+ "mktg": {
181
+ "btn": {
182
+ "bg": "#1b1f23",
183
+ "shadow": {
184
+ "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
185
+ "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
186
+ "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
187
+ "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
188
+ }
189
+ }
190
+ },
191
+ "avatar": {
192
+ "bg": "#ffffff",
193
+ "border": "rgba(1,4,9,0.9)",
194
+ "stackFade": "#ACB6C0",
195
+ "stackFadeMore": "#CED5DC",
196
+ "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
197
+ },
198
+ "topicTag": {
199
+ "border": "rgba(0,0,0,0)"
200
+ },
201
+ "selectMenu": {
202
+ "backdropBorder": "rgba(0,0,0,0)",
203
+ "tapHighlight": "rgba(172,182,192,0.5)",
204
+ "tapFocusBg": "#9cd7ff"
205
+ },
206
+ "overlay": {
207
+ "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
208
+ },
209
+ "header": {
210
+ "text": "rgba(255,255,255,0.7)",
211
+ "bg": "#24292F",
212
+ "logo": "#ffffff"
213
+ },
214
+ "headerSearch": {
215
+ "bg": "#24292F",
216
+ "border": "#4F5760"
217
+ },
218
+ "sidenav": {
219
+ "selectedBg": "#ffffff"
220
+ },
221
+ "menu": {
222
+ "bgActive": "rgba(0,0,0,0)"
223
+ },
224
+ "input": {
225
+ "disabledBg": "rgba(172,182,192,0.2)"
226
+ },
227
+ "timeline": {
228
+ "badgeBg": "#E7ECF0"
229
+ },
230
+ "ansi": {
231
+ "black": "#24292F",
232
+ "blackBright": "#4F5760",
233
+ "white": "#67707A",
234
+ "whiteBright": "#88929D",
235
+ "gray": "#67707A",
236
+ "red": "#a0111f",
237
+ "redBright": "#86061d",
238
+ "green": "#024c1a",
239
+ "greenBright": "#055d20",
240
+ "yellow": "#3f2200",
241
+ "yellowBright": "#4e2c00",
242
+ "blue": "#0349b4",
243
+ "blueBright": "#1168e3",
244
+ "magenta": "#622cbc",
245
+ "magentaBright": "#844ae7",
246
+ "cyan": "#1b7c83",
247
+ "cyanBright": "#3192aa"
248
+ },
249
+ "btn": {
250
+ "text": "#24292F",
251
+ "bg": "#FFFFFF",
252
+ "border": "rgba(1,4,9,0.9)",
253
+ "shadow": "0 1px 0 rgba(1,4,9,0.04)",
254
+ "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
255
+ "hoverBg": "#f3f4f6",
256
+ "hoverBorder": "rgba(1,4,9,0.9)",
257
+ "activeBg": "hsla(220,14%,93%,1)",
258
+ "activeBorder": "rgba(1,4,9,0.9)",
259
+ "selectedBg": "hsla(220,14%,94%,1)",
260
+ "focusBg": "#FFFFFF",
261
+ "focusBorder": "rgba(1,4,9,0.9)",
262
+ "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
263
+ "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
264
+ "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
265
+ "counterBg": "rgba(1,4,9,0.08)",
266
+ "primary": {
267
+ "text": "#ffffff",
268
+ "bg": "#117f32",
269
+ "border": "rgba(1,4,9,0.9)",
270
+ "shadow": "0 1px 0 rgba(1,4,9,0.1)",
271
+ "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
272
+ "hoverBg": "#2c974b",
273
+ "hoverBorder": "rgba(1,4,9,0.9)",
274
+ "selectedBg": "hsla(137,55%,36%,1)",
275
+ "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
276
+ "disabledText": "rgba(255,255,255,0.8)",
277
+ "disabledBg": "#94d3a2",
278
+ "disabledBorder": "rgba(1,4,9,0.9)",
279
+ "focusBg": "#117f32",
280
+ "focusBorder": "rgba(1,4,9,0.9)",
281
+ "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
282
+ "icon": "rgba(255,255,255,0.8)",
283
+ "counterBg": "rgba(255,255,255,0.2)"
284
+ },
285
+ "outline": {
286
+ "text": "#0349b4",
287
+ "hoverText": "#ffffff",
288
+ "hoverBg": "#0349b4",
289
+ "hoverBorder": "rgba(1,4,9,0.9)",
290
+ "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
291
+ "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
292
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
293
+ "selectedText": "#ffffff",
294
+ "selectedBg": "hsla(216,97%,33%,1)",
295
+ "selectedBorder": "rgba(1,4,9,0.9)",
296
+ "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
297
+ "disabledText": "rgba(3,73,180,0.5)",
298
+ "disabledBg": "#FFFFFF",
299
+ "disabledCounterBg": "rgba(3,73,180,0.05)",
300
+ "focusBorder": "rgba(1,4,9,0.9)",
301
+ "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
302
+ "counterBg": "rgba(3,73,180,0.1)"
303
+ },
304
+ "danger": {
305
+ "text": "#a0111f",
306
+ "hoverText": "#ffffff",
307
+ "hoverBg": "#86061d",
308
+ "hoverBorder": "rgba(1,4,9,0.9)",
309
+ "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
310
+ "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
311
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
312
+ "selectedText": "#ffffff",
313
+ "selectedBg": "hsla(354,81%,32%,1)",
314
+ "selectedBorder": "rgba(1,4,9,0.9)",
315
+ "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
316
+ "disabledText": "rgba(160,17,31,0.5)",
317
+ "disabledBg": "#FFFFFF",
318
+ "disabledCounterBg": "rgba(160,17,31,0.05)",
319
+ "focusBorder": "rgba(1,4,9,0.9)",
320
+ "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
321
+ "counterBg": "rgba(160,17,31,0.1)",
322
+ "icon": "#a0111f",
323
+ "hoverIcon": "#ffffff"
324
+ }
325
+ },
326
+ "underlinenav": {
327
+ "icon": "#67707A",
328
+ "borderHover": "rgba(172,182,192,0.2)"
329
+ },
330
+ "actionListItem": {
331
+ "inlineDivider": "rgba(36,41,47,0.48)",
332
+ "default": {
333
+ "hoverBg": "rgba(206,213,220,0.32)",
334
+ "activeBg": "rgba(206,213,220,0.48)",
335
+ "selectedBg": "rgba(206,213,220,0.24)"
336
+ },
337
+ "danger": {
338
+ "hoverBg": "rgba(255,240,238,0.64)",
339
+ "activeBg": "#fff0ee",
340
+ "hoverText": "#a0111f"
341
+ }
342
+ },
343
+ "fg": {
344
+ "default": "#24292F",
345
+ "muted": "#24292F",
346
+ "subtle": "#67707A",
347
+ "onEmphasis": "#ffffff"
348
+ },
349
+ "canvas": {
350
+ "default": "#ffffff",
351
+ "overlay": "#ffffff",
352
+ "inset": "#ffffff",
353
+ "subtle": "#E7ECF0"
354
+ },
355
+ "border": {
356
+ "default": "#24292F",
357
+ "muted": "#24292F",
358
+ "subtle": "rgba(1,4,9,0.9)"
359
+ },
360
+ "shadow": {
361
+ "small": "0 1px 0 rgba(1,4,9,0.04)",
362
+ "medium": "0 3px 6px rgba(136,146,157,0.15)",
363
+ "large": "0 8px 24px rgba(136,146,157,0.2)",
364
+ "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
365
+ },
366
+ "neutral": {
367
+ "emphasisPlus": "#24292F",
368
+ "emphasis": "#67707A",
369
+ "muted": "rgba(172,182,192,0.2)",
370
+ "subtle": "#E7ECF0"
371
+ },
372
+ "accent": {
373
+ "fg": "#0349b4",
374
+ "emphasis": "#0349b4",
375
+ "muted": "rgba(54,140,249,0.4)",
376
+ "subtle": "#dff7ff"
377
+ },
378
+ "success": {
379
+ "fg": "#055d20",
380
+ "emphasis": "#055d20",
381
+ "muted": "rgba(38,161,72,0.4)",
382
+ "subtle": "#d2fedb"
383
+ },
384
+ "attention": {
385
+ "fg": "#744500",
386
+ "emphasis": "#744500",
387
+ "muted": "rgba(181,132,7,0.4)",
388
+ "subtle": "#fcf7be"
389
+ },
390
+ "severe": {
391
+ "fg": "#873800",
392
+ "emphasis": "#873800",
393
+ "muted": "rgba(220,109,26,0.4)",
394
+ "subtle": "#fff2d5"
395
+ },
396
+ "danger": {
397
+ "fg": "#a0111f",
398
+ "emphasis": "#a0111f",
399
+ "muted": "rgba(238,90,93,0.4)",
400
+ "subtle": "#fff0ee"
401
+ },
402
+ "done": {
403
+ "fg": "#622cbc",
404
+ "emphasis": "#622cbc",
405
+ "muted": "rgba(163,113,247,0.4)",
406
+ "subtle": "#faf0fe"
407
+ },
408
+ "sponsors": {
409
+ "fg": "#971368",
410
+ "emphasis": "#971368",
411
+ "muted": "rgba(237,75,175,0.4)",
412
+ "subtle": "#feeff7"
413
+ },
414
+ "primer": {
415
+ "fg": {
416
+ "disabled": "#88929D"
417
+ },
418
+ "canvas": {
419
+ "backdrop": "rgba(1,4,9,0.5)",
420
+ "sticky": "rgba(255,255,255,0.95)"
421
+ },
422
+ "border": {
423
+ "active": "#ef5b48",
424
+ "contrast": "rgba(1,4,9,0.1)"
425
+ },
426
+ "shadow": {
427
+ "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
428
+ "inset": "inset 0 1px 0 rgba(206,213,220,0.2)",
429
+ "focus": "0 0 0 3px rgba(3,73,180,0.3)"
430
+ }
431
+ },
432
+ "scale": {
433
+ "black": "#010409",
434
+ "white": "#ffffff",
435
+ "gray": [
436
+ "#FFFFFF",
437
+ "#E7ECF0",
438
+ "#CED5DC",
439
+ "#ACB6C0",
440
+ "#88929D",
441
+ "#67707A",
442
+ "#4F5760",
443
+ "#3D454E",
444
+ "#30363D",
445
+ "#24292F"
446
+ ],
447
+ "blue": [
448
+ "#dff7ff",
449
+ "#9cd7ff",
450
+ "#67b3fd",
451
+ "#368cf9",
452
+ "#1168e3",
453
+ "#0349b4",
454
+ "#023b95",
455
+ "#022f7a",
456
+ "#032563",
457
+ "#021a4a"
458
+ ],
459
+ "green": [
460
+ "#d2fedb",
461
+ "#82e596",
462
+ "#43c663",
463
+ "#26a148",
464
+ "#117f32",
465
+ "#055d20",
466
+ "#024c1a",
467
+ "#013d14",
468
+ "#003110",
469
+ "#00230b"
470
+ ],
471
+ "yellow": [
472
+ "#fcf7be",
473
+ "#f0ce53",
474
+ "#d5a824",
475
+ "#b58407",
476
+ "#956400",
477
+ "#744500",
478
+ "#603700",
479
+ "#4e2c00",
480
+ "#3f2200",
481
+ "#2e1800"
482
+ ],
483
+ "orange": [
484
+ "#fff2d5",
485
+ "#ffc67b",
486
+ "#f99636",
487
+ "#dc6d1a",
488
+ "#b45105",
489
+ "#873800",
490
+ "#702c00",
491
+ "#5b2300",
492
+ "#491b00",
493
+ "#361200"
494
+ ],
495
+ "red": [
496
+ "#fff0ee",
497
+ "#ffc1bc",
498
+ "#ff8e8a",
499
+ "#ee5a5d",
500
+ "#d5232c",
501
+ "#a0111f",
502
+ "#86061d",
503
+ "#6e011a",
504
+ "#5a0016",
505
+ "#430011"
506
+ ],
507
+ "purple": [
508
+ "#faf0fe",
509
+ "#e0c5ff",
510
+ "#c49bff",
511
+ "#a371f7",
512
+ "#844ae7",
513
+ "#622cbc",
514
+ "#512598",
515
+ "#411d7b",
516
+ "#341763",
517
+ "#260f49"
518
+ ],
519
+ "pink": [
520
+ "#feeff7",
521
+ "#ffbde0",
522
+ "#fc87ca",
523
+ "#ed4baf",
524
+ "#c9248e",
525
+ "#971368",
526
+ "#7d0c57",
527
+ "#660847",
528
+ "#53043a",
529
+ "#3e022b"
530
+ ],
531
+ "coral": [
532
+ "#fff0ed",
533
+ "#ffc2b6",
534
+ "#ff8f7e",
535
+ "#ef5b48",
536
+ "#cd3425",
537
+ "#9f1710",
538
+ "#870706",
539
+ "#6f0107",
540
+ "#5b0002",
541
+ "#430200"
542
+ ]
543
+ }
544
+ };