@primer/primitives 7.4.2-rc.b62f0f4 → 7.5.1-rc.39f9362

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/CHANGELOG.md +15 -1
  2. package/dist/js/colors/dark.d.ts +12 -0
  3. package/dist/js/colors/dark.js +27 -15
  4. package/dist/js/colors/dark_colorblind.d.ts +12 -0
  5. package/dist/js/colors/dark_colorblind.js +124 -112
  6. package/dist/js/colors/dark_dimmed.d.ts +12 -0
  7. package/dist/js/colors/dark_dimmed.js +12 -0
  8. package/dist/js/colors/dark_high_contrast.d.ts +12 -0
  9. package/dist/js/colors/dark_high_contrast.js +12 -0
  10. package/dist/js/colors/index.d.ts +84 -0
  11. package/dist/js/colors/light.d.ts +12 -0
  12. package/dist/js/colors/light.js +12 -0
  13. package/dist/js/colors/light_colorblind.d.ts +12 -0
  14. package/dist/js/colors/light_colorblind.js +110 -98
  15. package/dist/js/colors/light_high_contrast.d.ts +12 -0
  16. package/dist/js/colors/light_high_contrast.js +12 -0
  17. package/dist/js/index.d.ts +84 -0
  18. package/dist/json/colors/dark.json +27 -15
  19. package/dist/json/colors/dark_colorblind.json +124 -112
  20. package/dist/json/colors/dark_dimmed.json +12 -0
  21. package/dist/json/colors/dark_high_contrast.json +12 -0
  22. package/dist/json/colors/light.json +12 -0
  23. package/dist/json/colors/light_colorblind.json +110 -98
  24. package/dist/json/colors/light_high_contrast.json +12 -0
  25. package/dist/scss/colors/_dark.scss +23 -15
  26. package/dist/scss/colors/_dark_colorblind.scss +120 -112
  27. package/dist/scss/colors/_dark_dimmed.scss +8 -0
  28. package/dist/scss/colors/_dark_high_contrast.scss +8 -0
  29. package/dist/scss/colors/_light.scss +8 -0
  30. package/dist/scss/colors/_light_colorblind.scss +106 -98
  31. package/dist/scss/colors/_light_high_contrast.scss +8 -0
  32. package/dist/ts/colors/dark.ts +27 -15
  33. package/dist/ts/colors/dark_colorblind.ts +124 -112
  34. package/dist/ts/colors/dark_dimmed.ts +12 -0
  35. package/dist/ts/colors/dark_high_contrast.ts +12 -0
  36. package/dist/ts/colors/light.ts +12 -0
  37. package/dist/ts/colors/light_colorblind.ts +110 -98
  38. package/dist/ts/colors/light_high_contrast.ts +12 -0
  39. package/package.json +1 -1
@@ -9,16 +9,16 @@ export default {
9
9
  "addition": {
10
10
  "numText": "#24292f",
11
11
  "fg": "#24292f",
12
- "numBg": "rgba(53,173,255,0.4)",
13
- "lineBg": "rgba(192,246,255,0.5)",
14
- "wordBg": "rgba(53,173,255,0.4)"
12
+ "numBg": "rgba(84,174,255,0.4)",
13
+ "lineBg": "rgba(221,244,255,0.5)",
14
+ "wordBg": "rgba(84,174,255,0.4)"
15
15
  },
16
16
  "deletion": {
17
17
  "numText": "#24292f",
18
18
  "fg": "#24292f",
19
- "numBg": "rgba(231,161,0,0.4)",
20
- "lineBg": "rgba(254,254,72,0.5)",
21
- "wordBg": "rgba(248,194,0,0.5)"
19
+ "numBg": "rgba(247,153,57,0.4)",
20
+ "lineBg": "rgba(255,245,232,0.5)",
21
+ "wordBg": "rgba(255,188,109,0.5)"
22
22
  },
23
23
  "hunk": {
24
24
  "numBg": "rgba(84,174,255,0.4)"
@@ -31,7 +31,7 @@ export default {
31
31
  "diffstat": {
32
32
  "deletionBorder": "rgba(27,31,36,0.15)",
33
33
  "additionBorder": "rgba(27,31,36,0.15)",
34
- "additionBg": "#0088ff"
34
+ "additionBg": "#218bff"
35
35
  },
36
36
  "searchKeyword": {
37
37
  "hl": "#fff8c5"
@@ -42,26 +42,26 @@ export default {
42
42
  "constant": "#0550ae",
43
43
  "entity": "#8250df",
44
44
  "storageModifierImport": "#24292f",
45
- "entityTag": "#054da9",
46
- "keyword": "#ac5e00",
45
+ "entityTag": "#0550ae",
46
+ "keyword": "#b35900",
47
47
  "string": "#0a3069",
48
- "variable": "#953800",
49
- "brackethighlighterUnmatched": "#6c3900",
48
+ "variable": "#8a4600",
49
+ "brackethighlighterUnmatched": "#6f3800",
50
50
  "invalidIllegalText": "#f6f8fa",
51
- "invalidIllegalBg": "#6c3900",
51
+ "invalidIllegalBg": "#6f3800",
52
52
  "carriageReturnText": "#f6f8fa",
53
- "carriageReturnBg": "#ac5e00",
54
- "stringRegexp": "#054da9",
53
+ "carriageReturnBg": "#b35900",
54
+ "stringRegexp": "#0550ae",
55
55
  "markupList": "#3b2300",
56
56
  "markupHeading": "#0550ae",
57
57
  "markupItalic": "#24292f",
58
58
  "markupBold": "#24292f",
59
- "markupDeletedText": "#6c3900",
60
- "markupDeletedBg": "#fefe48",
61
- "markupInsertedText": "#054da9",
62
- "markupInsertedBg": "#c0f6ff",
63
- "markupChangedText": "#953800",
64
- "markupChangedBg": "#ffd8b5",
59
+ "markupDeletedText": "#6f3800",
60
+ "markupDeletedBg": "#fff5e8",
61
+ "markupInsertedText": "#0550ae",
62
+ "markupInsertedBg": "#ddf4ff",
63
+ "markupChangedText": "#8a4600",
64
+ "markupChangedBg": "#ffddb0",
65
65
  "markupIgnoredText": "#eaeef2",
66
66
  "markupIgnoredBg": "#0550ae",
67
67
  "metaDiffRange": "#8250df",
@@ -86,11 +86,11 @@ export default {
86
86
  "comment": "#24292f",
87
87
  "constant": "#0550ae",
88
88
  "entity": "#8250df",
89
- "keyword": "#ac5e00",
90
- "storage": "#ac5e00",
89
+ "keyword": "#b35900",
90
+ "storage": "#b35900",
91
91
  "string": "#0a3069",
92
92
  "support": "#0550ae",
93
- "variable": "#953800"
93
+ "variable": "#8a4600"
94
94
  }
95
95
  },
96
96
  "checks": {
@@ -108,9 +108,9 @@ export default {
108
108
  "inputFocusText": "#8c959f",
109
109
  "inputBg": "#32383f",
110
110
  "inputShadow": "none",
111
- "donutError": "#d08002",
111
+ "donutError": "#dd7815",
112
112
  "donutPending": "#bf8700",
113
- "donutSuccess": "#0088ff",
113
+ "donutSuccess": "#218bff",
114
114
  "donutNeutral": "#afb8c1",
115
115
  "dropdownText": "#afb8c1",
116
116
  "dropdownBg": "#32383f",
@@ -137,29 +137,29 @@ export default {
137
137
  "gateText": "#d0d7de",
138
138
  "gateWaitingText": "#d4a72c",
139
139
  "stepHeaderOpenBg": "#32383f",
140
- "stepErrorText": "#e7a100",
140
+ "stepErrorText": "#f79939",
141
141
  "stepWarningText": "#d4a72c",
142
142
  "loglineText": "#8c959f",
143
143
  "loglineNumText": "rgba(140,149,159,0.75)",
144
144
  "loglineDebugText": "#c297ff",
145
145
  "loglineErrorText": "#d0d7de",
146
- "loglineErrorNumText": "#e7a100",
147
- "loglineErrorBg": "rgba(139,70,0,0.15)",
146
+ "loglineErrorNumText": "#f79939",
147
+ "loglineErrorBg": "rgba(138,70,0,0.15)",
148
148
  "loglineWarningText": "#d0d7de",
149
149
  "loglineWarningNumText": "#d4a72c",
150
150
  "loglineWarningBg": "rgba(125,78,0,0.15)",
151
151
  "loglineCommandText": "#54aeff",
152
- "loglineSectionText": "#35adff",
152
+ "loglineSectionText": "#54aeff",
153
153
  "ansi": {
154
154
  "black": "#24292f",
155
155
  "blackBright": "#32383f",
156
156
  "white": "#d0d7de",
157
157
  "whiteBright": "#d0d7de",
158
158
  "gray": "#8c959f",
159
- "red": "#e7a100",
160
- "redBright": "#f8c200",
161
- "green": "#35adff",
162
- "greenBright": "#65ccff",
159
+ "red": "#f79939",
160
+ "redBright": "#ffbc6d",
161
+ "green": "#54aeff",
162
+ "greenBright": "#80ccff",
163
163
  "yellow": "#d4a72c",
164
164
  "yellowBright": "#eac54f",
165
165
  "blue": "#54aeff",
@@ -236,10 +236,10 @@ export default {
236
236
  "white": "#6e7781",
237
237
  "whiteBright": "#8c959f",
238
238
  "gray": "#6e7781",
239
- "red": "#ac5e00",
240
- "redBright": "#8b4600",
241
- "green": "#054da9",
242
- "greenBright": "#0566d5",
239
+ "red": "#b35900",
240
+ "redBright": "#8a4600",
241
+ "green": "#0550ae",
242
+ "greenBright": "#0969da",
243
243
  "yellow": "#4d2d00",
244
244
  "yellowBright": "#633c01",
245
245
  "blue": "#0969da",
@@ -268,20 +268,20 @@ export default {
268
268
  "counterBg": "rgba(27,31,36,0.08)",
269
269
  "primary": {
270
270
  "text": "#ffffff",
271
- "bg": "#0088ff",
271
+ "bg": "#218bff",
272
272
  "border": "rgba(27,31,36,0.15)",
273
273
  "shadow": "0 1px 0 rgba(27,31,36,0.1)",
274
274
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
275
- "hoverBg": "#0566d5",
275
+ "hoverBg": "#0969da",
276
276
  "hoverBorder": "rgba(27,31,36,0.15)",
277
- "selectedBg": "hsla(212,95%,41%,1)",
278
- "selectedShadow": "inset 0 1px 0 rgba(0,31,80,0.2)",
277
+ "selectedBg": "hsla(212,92%,43%,1)",
278
+ "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
279
279
  "disabledText": "rgba(255,255,255,0.8)",
280
- "disabledBg": "#65ccff",
280
+ "disabledBg": "#80ccff",
281
281
  "disabledBorder": "rgba(27,31,36,0.15)",
282
- "focusBg": "#0088ff",
282
+ "focusBg": "#218bff",
283
283
  "focusBorder": "rgba(27,31,36,0.15)",
284
- "focusShadow": "0 0 0 3px rgba(0,136,255,0.4)",
284
+ "focusShadow": "0 0 0 3px rgba(33,139,255,0.4)",
285
285
  "icon": "rgba(255,255,255,0.8)",
286
286
  "counterBg": "rgba(255,255,255,0.2)"
287
287
  },
@@ -305,24 +305,24 @@ export default {
305
305
  "counterBg": "rgba(9,105,218,0.1)"
306
306
  },
307
307
  "danger": {
308
- "text": "#ac5e00",
308
+ "text": "#b35900",
309
309
  "hoverText": "#ffffff",
310
- "hoverBg": "#8b4600",
310
+ "hoverBg": "#8a4600",
311
311
  "hoverBorder": "rgba(27,31,36,0.15)",
312
312
  "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
313
313
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
314
314
  "hoverCounterBg": "rgba(255,255,255,0.2)",
315
315
  "selectedText": "#ffffff",
316
- "selectedBg": "hsla(33,100%,31%,1)",
316
+ "selectedBg": "hsla(30,100%,32%,1)",
317
317
  "selectedBorder": "rgba(27,31,36,0.15)",
318
- "selectedShadow": "inset 0 1px 0 rgba(47,41,0,0.2)",
319
- "disabledText": "rgba(172,94,0,0.5)",
318
+ "selectedShadow": "inset 0 1px 0 rgba(65,32,0,0.2)",
319
+ "disabledText": "rgba(179,89,0,0.5)",
320
320
  "disabledBg": "#f6f8fa",
321
- "disabledCounterBg": "rgba(172,94,0,0.05)",
321
+ "disabledCounterBg": "rgba(179,89,0,0.05)",
322
322
  "focusBorder": "rgba(27,31,36,0.15)",
323
- "focusShadow": "0 0 0 3px rgba(139,70,0,0.4)",
324
- "counterBg": "rgba(172,94,0,0.1)",
325
- "icon": "#ac5e00",
323
+ "focusShadow": "0 0 0 3px rgba(138,70,0,0.4)",
324
+ "counterBg": "rgba(179,89,0,0.1)",
325
+ "icon": "#b35900",
326
326
  "hoverIcon": "#ffffff"
327
327
  }
328
328
  },
@@ -340,9 +340,9 @@ export default {
340
340
  "selectedBg": "rgba(208,215,222,0.24)"
341
341
  },
342
342
  "danger": {
343
- "hoverBg": "rgba(254,254,72,0.64)",
344
- "activeBg": "#fefe48",
345
- "hoverText": "#ac5e00"
343
+ "hoverBg": "rgba(255,245,232,0.64)",
344
+ "activeBg": "#fff5e8",
345
+ "hoverText": "#b35900"
346
346
  }
347
347
  },
348
348
  "fg": {
@@ -381,10 +381,10 @@ export default {
381
381
  "subtle": "#ddf4ff"
382
382
  },
383
383
  "success": {
384
- "fg": "#0566d5",
385
- "emphasis": "#0088ff",
386
- "muted": "rgba(53,173,255,0.4)",
387
- "subtle": "#c0f6ff"
384
+ "fg": "#0969da",
385
+ "emphasis": "#218bff",
386
+ "muted": "rgba(84,174,255,0.4)",
387
+ "subtle": "#ddf4ff"
388
388
  },
389
389
  "attention": {
390
390
  "fg": "#9a6700",
@@ -393,16 +393,28 @@ export default {
393
393
  "subtle": "#fff8c5"
394
394
  },
395
395
  "severe": {
396
- "fg": "#bc4c00",
397
- "emphasis": "#bc4c00",
398
- "muted": "rgba(251,143,68,0.4)",
399
- "subtle": "#fff1e5"
396
+ "fg": "#b35900",
397
+ "emphasis": "#b35900",
398
+ "muted": "rgba(247,153,57,0.4)",
399
+ "subtle": "#fff5e8"
400
400
  },
401
401
  "danger": {
402
- "fg": "#ac5e00",
403
- "emphasis": "#ac5e00",
404
- "muted": "rgba(231,161,0,0.4)",
405
- "subtle": "#fefe48"
402
+ "fg": "#b35900",
403
+ "emphasis": "#b35900",
404
+ "muted": "rgba(247,153,57,0.4)",
405
+ "subtle": "#fff5e8"
406
+ },
407
+ "open": {
408
+ "fg": "#b35900",
409
+ "emphasis": "#dd7815",
410
+ "muted": "rgba(247,153,57,0.4)",
411
+ "subtle": "#fff5e8"
412
+ },
413
+ "closed": {
414
+ "fg": "#6e7781",
415
+ "emphasis": "#6e7781",
416
+ "muted": "rgba(175,184,193,0.4)",
417
+ "subtle": "#f6f8fa"
406
418
  },
407
419
  "done": {
408
420
  "fg": "#8250df",
@@ -462,16 +474,16 @@ export default {
462
474
  "#002155"
463
475
  ],
464
476
  "green": [
465
- "#c0f6ff",
466
- "#96e5ff",
467
- "#65ccff",
468
- "#35adff",
469
- "#0088ff",
470
- "#0566d5",
471
- "#054da9",
472
- "#033a86",
473
- "#002d68",
474
- "#001f50"
477
+ "#ddf4ff",
478
+ "#b6e3ff",
479
+ "#80ccff",
480
+ "#54aeff",
481
+ "#218bff",
482
+ "#0969da",
483
+ "#0550ae",
484
+ "#033d8b",
485
+ "#0a3069",
486
+ "#002155"
475
487
  ],
476
488
  "yellow": [
477
489
  "#fff8c5",
@@ -486,28 +498,28 @@ export default {
486
498
  "#3b2300"
487
499
  ],
488
500
  "orange": [
489
- "#fff1e5",
490
- "#ffd8b5",
491
- "#ffb77c",
492
- "#fb8f44",
493
- "#e16f24",
494
- "#bc4c00",
495
- "#953800",
496
- "#762c00",
497
- "#5c2200",
498
- "#471700"
501
+ "#fff5e8",
502
+ "#ffddb0",
503
+ "#ffbc6d",
504
+ "#f79939",
505
+ "#dd7815",
506
+ "#b35900",
507
+ "#8a4600",
508
+ "#6f3800",
509
+ "#572c00",
510
+ "#412000"
499
511
  ],
500
512
  "red": [
501
- "#fefe48",
502
- "#fee325",
503
- "#f8c200",
504
- "#e7a100",
505
- "#d08002",
506
- "#ac5e00",
507
- "#8b4600",
508
- "#6c3900",
509
- "#4c3100",
510
- "#2f2900"
513
+ "#fff5e8",
514
+ "#ffddb0",
515
+ "#ffbc6d",
516
+ "#f79939",
517
+ "#dd7815",
518
+ "#b35900",
519
+ "#8a4600",
520
+ "#6f3800",
521
+ "#572c00",
522
+ "#412000"
511
523
  ],
512
524
  "purple": [
513
525
  "#fbefff",
@@ -404,6 +404,18 @@ export default {
404
404
  "muted": "#ee5a5d",
405
405
  "subtle": "#fff0ee"
406
406
  },
407
+ "open": {
408
+ "fg": "#055d20",
409
+ "emphasis": "#117f32",
410
+ "muted": "rgba(38,161,72,0.4)",
411
+ "subtle": "#d2fedb"
412
+ },
413
+ "closed": {
414
+ "fg": "#a0111f",
415
+ "emphasis": "#a0111f",
416
+ "muted": "rgba(238,90,93,0.4)",
417
+ "subtle": "#fff0ee"
418
+ },
407
419
  "done": {
408
420
  "fg": "#622cbc",
409
421
  "emphasis": "#622cbc",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.4.2-rc.b62f0f4",
3
+ "version": "7.5.1-rc.39f9362",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist"