@primer/primitives 7.1.1-rc.1dffb1a → 7.1.2-rc.bfbd62f

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 (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/js/colors/light_high_contrast.js +91 -91
  3. package/dist/json/colors/light_high_contrast.json +91 -91
  4. package/dist/scss/colors/_light_high_contrast.scss +91 -91
  5. package/dist/ts/colors/light_high_contrast.ts +91 -91
  6. package/package.json +1 -1
package/dist/ts/colors/light_high_contrast.ts CHANGED
@@ -6,30 +6,30 @@ export default {
6
6
  },
7
7
  "diffBlob": {
8
8
  "addition": {
9
- "numText": "#24292F",
10
- "fg": "#24292F",
9
+ "numText": "#0E1116",
10
+ "fg": "#ffffff",
11
11
  "numBg": "#CCFFD8",
12
12
  "lineBg": "#E6FFEC",
13
- "wordBg": "#ABF2BC"
13
+ "wordBg": "#055d20"
14
14
  },
15
15
  "deletion": {
16
- "numText": "#24292F",
17
- "fg": "#24292F",
16
+ "numText": "#0E1116",
17
+ "fg": "#ffffff",
18
18
  "numBg": "#FFD7D5",
19
19
  "lineBg": "#fff0ee",
20
- "wordBg": "#ee5a5d"
20
+ "wordBg": "#a0111f"
21
21
  },
22
22
  "hunk": {
23
- "numBg": "#368cf9"
23
+ "numBg": "#9cd7ff"
24
24
  },
25
25
  "expander": {
26
- "icon": "#24292F"
26
+ "icon": "#0E1116"
27
27
  },
28
28
  "selectedLineHighlightMixBlendMode": "multiply"
29
29
  },
30
30
  "diffstat": {
31
- "deletionBorder": "rgba(1,4,9,0.9)",
32
- "additionBorder": "rgba(1,4,9,0.9)",
31
+ "deletionBorder": "rgba(1,4,9,0.8)",
32
+ "additionBorder": "rgba(1,4,9,0.8)",
33
33
  "additionBg": "#117f32"
34
34
  },
35
35
  "searchKeyword": {
@@ -37,10 +37,10 @@ export default {
37
37
  },
38
38
  "prettylights": {
39
39
  "syntax": {
40
- "comment": "#67707A",
40
+ "comment": "#66707B",
41
41
  "constant": "#023b95",
42
42
  "entity": "#622cbc",
43
- "storageModifierImport": "#24292F",
43
+ "storageModifierImport": "#0E1116",
44
44
  "entityTag": "#024c1a",
45
45
  "keyword": "#a0111f",
46
46
  "string": "#032563",
@@ -53,8 +53,8 @@ export default {
53
53
  "stringRegexp": "#024c1a",
54
54
  "markupList": "#2e1800",
55
55
  "markupHeading": "#023b95",
56
- "markupItalic": "#24292F",
57
- "markupBold": "#24292F",
56
+ "markupItalic": "#0E1116",
57
+ "markupBold": "#0E1116",
58
58
  "markupDeletedText": "#6e011a",
59
59
  "markupDeletedBg": "#fff0ee",
60
60
  "markupInsertedText": "#024c1a",
@@ -64,25 +64,25 @@ export default {
64
64
  "markupIgnoredText": "#E7ECF0",
65
65
  "markupIgnoredBg": "#023b95",
66
66
  "metaDiffRange": "#622cbc",
67
- "brackethighlighterAngle": "#4F5760",
67
+ "brackethighlighterAngle": "#4B535D",
68
68
  "sublimelinterGutterMark": "#88929D",
69
69
  "constantOtherReferenceLink": "#032563"
70
70
  }
71
71
  },
72
72
  "codemirror": {
73
- "text": "#24292F",
73
+ "text": "#0E1116",
74
74
  "bg": "#ffffff",
75
75
  "guttersBg": "#ffffff",
76
76
  "guttermarkerText": "#ffffff",
77
- "guttermarkerSubtleText": "#67707A",
78
- "linenumberText": "#24292F",
79
- "cursor": "#24292F",
77
+ "guttermarkerSubtleText": "#66707B",
78
+ "linenumberText": "#0E1116",
79
+ "cursor": "#0E1116",
80
80
  "selectionBg": "#368cf9",
81
81
  "activelineBg": "#E7ECF0",
82
- "matchingbracketText": "#24292F",
82
+ "matchingbracketText": "#0E1116",
83
83
  "linesBg": "#ffffff",
84
84
  "syntax": {
85
- "comment": "#24292F",
85
+ "comment": "#0E1116",
86
86
  "constant": "#023b95",
87
87
  "entity": "#622cbc",
88
88
  "keyword": "#a0111f",
@@ -93,7 +93,7 @@ export default {
93
93
  }
94
94
  },
95
95
  "checks": {
96
- "bg": "#24292F",
96
+ "bg": "#0E1116",
97
97
  "runBorderWidth": "0px",
98
98
  "containerBorderWidth": "0px",
99
99
  "textPrimary": "#FFFFFF",
@@ -105,37 +105,37 @@ export default {
105
105
  "inputText": "#E7ECF0",
106
106
  "inputPlaceholderText": "#88929D",
107
107
  "inputFocusText": "#88929D",
108
- "inputBg": "#30363D",
108
+ "inputBg": "#20252C",
109
109
  "inputShadow": "none",
110
110
  "donutError": "#d5232c",
111
111
  "donutPending": "#956400",
112
112
  "donutSuccess": "#117f32",
113
113
  "donutNeutral": "#ACB6C0",
114
114
  "dropdownText": "#ACB6C0",
115
- "dropdownBg": "#30363D",
116
- "dropdownBorder": "#3D454E",
115
+ "dropdownBg": "#20252C",
116
+ "dropdownBorder": "#343B43",
117
117
  "dropdownShadow": "rgba(1,4,9,0.3)",
118
118
  "dropdownHoverText": "#FFFFFF",
119
- "dropdownHoverBg": "#3D454E",
119
+ "dropdownHoverBg": "#343B43",
120
120
  "dropdownBtnHoverText": "#FFFFFF",
121
- "dropdownBtnHoverBg": "#30363D",
122
- "scrollbarThumbBg": "#4F5760",
121
+ "dropdownBtnHoverBg": "#20252C",
122
+ "scrollbarThumbBg": "#4B535D",
123
123
  "headerLabelText": "#CED5DC",
124
124
  "headerLabelOpenText": "#FFFFFF",
125
- "headerBorder": "#30363D",
125
+ "headerBorder": "#20252C",
126
126
  "headerIcon": "#88929D",
127
127
  "lineText": "#CED5DC",
128
128
  "lineNumText": "rgba(136,146,157,0.75)",
129
129
  "lineTimestampText": "#88929D",
130
- "lineHoverBg": "#30363D",
130
+ "lineHoverBg": "#20252C",
131
131
  "lineSelectedBg": "rgba(17,104,227,0.15)",
132
132
  "lineSelectedNumText": "#368cf9",
133
- "lineDtFmText": "#24292F",
133
+ "lineDtFmText": "#0E1116",
134
134
  "lineDtFmBg": "#744500",
135
135
  "gateBg": "rgba(96,55,0,0.15)",
136
136
  "gateText": "#CED5DC",
137
137
  "gateWaitingText": "#ACB6C0",
138
- "stepHeaderOpenBg": "#30363D",
138
+ "stepHeaderOpenBg": "#20252C",
139
139
  "stepErrorText": "#ee5a5d",
140
140
  "stepWarningText": "#b58407",
141
141
  "loglineText": "#88929D",
@@ -150,8 +150,8 @@ export default {
150
150
  "loglineCommandText": "#368cf9",
151
151
  "loglineSectionText": "#26a148",
152
152
  "ansi": {
153
- "black": "#24292F",
154
- "blackBright": "#30363D",
153
+ "black": "#0E1116",
154
+ "blackBright": "#20252C",
155
155
  "white": "#CED5DC",
156
156
  "whiteBright": "#CED5DC",
157
157
  "gray": "#88929D",
@@ -170,7 +170,7 @@ export default {
170
170
  }
171
171
  },
172
172
  "project": {
173
- "headerBg": "#24292F",
173
+ "headerBg": "#0E1116",
174
174
  "sidebarBg": "#ffffff",
175
175
  "gradientIn": "#ffffff",
176
176
  "gradientOut": "rgba(255,255,255,0)"
@@ -188,7 +188,7 @@ export default {
188
188
  },
189
189
  "avatar": {
190
190
  "bg": "#ffffff",
191
- "border": "rgba(1,4,9,0.9)",
191
+ "border": "rgba(1,4,9,0.8)",
192
192
  "stackFade": "#ACB6C0",
193
193
  "stackFadeMore": "#CED5DC",
194
194
  "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
@@ -202,16 +202,16 @@ export default {
202
202
  "tapFocusBg": "#9cd7ff"
203
203
  },
204
204
  "overlay": {
205
- "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
205
+ "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)"
206
206
  },
207
207
  "header": {
208
208
  "text": "rgba(255,255,255,0.7)",
209
- "bg": "#24292F",
209
+ "bg": "#0E1116",
210
210
  "logo": "#ffffff"
211
211
  },
212
212
  "headerSearch": {
213
- "bg": "#24292F",
214
- "border": "#4F5760"
213
+ "bg": "#0E1116",
214
+ "border": "#4B535D"
215
215
  },
216
216
  "sidenav": {
217
217
  "selectedBg": "#ffffff"
@@ -226,11 +226,11 @@ export default {
226
226
  "badgeBg": "#E7ECF0"
227
227
  },
228
228
  "ansi": {
229
- "black": "#24292F",
230
- "blackBright": "#4F5760",
231
- "white": "#67707A",
229
+ "black": "#0E1116",
230
+ "blackBright": "#4B535D",
231
+ "white": "#66707B",
232
232
  "whiteBright": "#88929D",
233
- "gray": "#67707A",
233
+ "gray": "#66707B",
234
234
  "red": "#a0111f",
235
235
  "redBright": "#86061d",
236
236
  "green": "#024c1a",
@@ -245,88 +245,88 @@ export default {
245
245
  "cyanBright": "#3192aa"
246
246
  },
247
247
  "btn": {
248
- "text": "#24292F",
249
- "bg": "#FFFFFF",
250
- "border": "rgba(1,4,9,0.9)",
248
+ "text": "#0E1116",
249
+ "bg": "#E7ECF0",
250
+ "border": "rgba(1,4,9,0.8)",
251
251
  "shadow": "0 1px 0 rgba(1,4,9,0.04)",
252
252
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
253
- "hoverBg": "#f3f4f6",
254
- "hoverBorder": "rgba(1,4,9,0.9)",
255
- "activeBg": "hsla(220,14%,93%,1)",
256
- "activeBorder": "rgba(1,4,9,0.9)",
257
- "selectedBg": "hsla(220,14%,94%,1)",
258
- "focusBg": "#FFFFFF",
259
- "focusBorder": "rgba(1,4,9,0.9)",
253
+ "hoverBg": "#CED5DC",
254
+ "hoverBorder": "rgba(1,4,9,0.8)",
255
+ "activeBg": "#ACB6C0",
256
+ "activeBorder": "rgba(1,4,9,0.8)",
257
+ "selectedBg": "#ACB6C0",
258
+ "focusBg": "#CED5DC",
259
+ "focusBorder": "rgba(1,4,9,0.8)",
260
260
  "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
261
261
  "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
262
262
  "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
263
263
  "counterBg": "rgba(1,4,9,0.08)",
264
264
  "primary": {
265
265
  "text": "#ffffff",
266
- "bg": "#117f32",
267
- "border": "rgba(1,4,9,0.9)",
266
+ "bg": "#055d20",
267
+ "border": "#013d14",
268
268
  "shadow": "0 1px 0 rgba(1,4,9,0.1)",
269
269
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
270
- "hoverBg": "#2c974b",
271
- "hoverBorder": "rgba(1,4,9,0.9)",
272
- "selectedBg": "hsla(137,55%,36%,1)",
270
+ "hoverBg": "#024c1a",
271
+ "hoverBorder": "#013d14",
272
+ "selectedBg": "hsla(139,95%,13%,1)",
273
273
  "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
274
274
  "disabledText": "rgba(255,255,255,0.8)",
275
275
  "disabledBg": "#94d3a2",
276
- "disabledBorder": "rgba(1,4,9,0.9)",
277
- "focusBg": "#117f32",
278
- "focusBorder": "rgba(1,4,9,0.9)",
279
- "focusShadow": "0 0 0 3px rgba(17,127,50,0.4)",
276
+ "disabledBorder": "rgba(1,4,9,0.8)",
277
+ "focusBg": "#013d14",
278
+ "focusBorder": "#013d14",
279
+ "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)",
280
280
  "icon": "rgba(255,255,255,0.8)",
281
281
  "counterBg": "rgba(255,255,255,0.2)"
282
282
  },
283
283
  "outline": {
284
- "text": "#0349b4",
284
+ "text": "#023b95",
285
285
  "hoverText": "#ffffff",
286
286
  "hoverBg": "#0349b4",
287
- "hoverBorder": "rgba(1,4,9,0.9)",
287
+ "hoverBorder": "#022f7a",
288
288
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
289
289
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
290
290
  "hoverCounterBg": "rgba(255,255,255,0.2)",
291
291
  "selectedText": "#ffffff",
292
- "selectedBg": "hsla(216,97%,33%,1)",
293
- "selectedBorder": "rgba(1,4,9,0.9)",
292
+ "selectedBg": "#022f7a",
293
+ "selectedBorder": "#022f7a",
294
294
  "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
295
295
  "disabledText": "rgba(3,73,180,0.5)",
296
- "disabledBg": "#FFFFFF",
296
+ "disabledBg": "#E7ECF0",
297
297
  "disabledCounterBg": "rgba(3,73,180,0.05)",
298
- "focusBorder": "rgba(1,4,9,0.9)",
298
+ "focusBorder": "#022f7a",
299
299
  "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)",
300
300
  "counterBg": "rgba(3,73,180,0.1)"
301
301
  },
302
302
  "danger": {
303
- "text": "#a0111f",
303
+ "text": "#86061d",
304
304
  "hoverText": "#ffffff",
305
- "hoverBg": "#86061d",
306
- "hoverBorder": "rgba(1,4,9,0.9)",
305
+ "hoverBg": "#a0111f",
306
+ "hoverBorder": "#6e011a",
307
307
  "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
308
308
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
309
309
  "hoverCounterBg": "rgba(255,255,255,0.2)",
310
310
  "selectedText": "#ffffff",
311
- "selectedBg": "hsla(354,81%,32%,1)",
312
- "selectedBorder": "rgba(1,4,9,0.9)",
311
+ "selectedBg": "#6e011a",
312
+ "selectedBorder": "#6e011a",
313
313
  "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
314
314
  "disabledText": "rgba(160,17,31,0.5)",
315
- "disabledBg": "#FFFFFF",
315
+ "disabledBg": "#E7ECF0",
316
316
  "disabledCounterBg": "rgba(160,17,31,0.05)",
317
- "focusBorder": "rgba(1,4,9,0.9)",
317
+ "focusBorder": "#6e011a",
318
318
  "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)",
319
319
  "counterBg": "rgba(160,17,31,0.1)",
320
- "icon": "#a0111f",
320
+ "icon": "#86061d",
321
321
  "hoverIcon": "#ffffff"
322
322
  }
323
323
  },
324
324
  "underlinenav": {
325
- "icon": "#67707A",
325
+ "icon": "#66707B",
326
326
  "borderHover": "rgba(172,182,192,0.2)"
327
327
  },
328
328
  "actionListItem": {
329
- "inlineDivider": "rgba(36,41,47,0.48)",
329
+ "inlineDivider": "rgba(32,37,44,0.48)",
330
330
  "default": {
331
331
  "hoverBg": "rgba(206,213,220,0.32)",
332
332
  "activeBg": "rgba(206,213,220,0.48)",
@@ -339,9 +339,9 @@ export default {
339
339
  }
340
340
  },
341
341
  "fg": {
342
- "default": "#24292F",
343
- "muted": "#24292F",
344
- "subtle": "#67707A",
342
+ "default": "#0E1116",
343
+ "muted": "#0E1116",
344
+ "subtle": "#66707B",
345
345
  "onEmphasis": "#ffffff"
346
346
  },
347
347
  "canvas": {
@@ -351,9 +351,9 @@ export default {
351
351
  "subtle": "#E7ECF0"
352
352
  },
353
353
  "border": {
354
- "default": "#24292F",
354
+ "default": "#20252C",
355
355
  "muted": "#88929D",
356
- "subtle": "rgba(1,4,9,0.9)"
356
+ "subtle": "rgba(1,4,9,0.8)"
357
357
  },
358
358
  "shadow": {
359
359
  "small": "0 1px 0 rgba(1,4,9,0.04)",
@@ -362,8 +362,8 @@ export default {
362
362
  "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
363
363
  },
364
364
  "neutral": {
365
- "emphasisPlus": "#24292F",
366
- "emphasis": "#67707A",
365
+ "emphasisPlus": "#0E1116",
366
+ "emphasis": "#66707B",
367
367
  "muted": "rgba(172,182,192,0.2)",
368
368
  "subtle": "#E7ECF0"
369
369
  },
@@ -436,11 +436,11 @@ export default {
436
436
  "#CED5DC",
437
437
  "#ACB6C0",
438
438
  "#88929D",
439
- "#67707A",
440
- "#4F5760",
441
- "#3D454E",
442
- "#30363D",
443
- "#24292F"
439
+ "#66707B",
440
+ "#4B535D",
441
+ "#343B43",
442
+ "#20252C",
443
+ "#0E1116"
444
444
  ],
445
445
  "blue": [
446
446
  "#dff7ff",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.1.1-rc.1dffb1a",
3
+ "version": "7.1.2-rc.bfbd62f",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist"