@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/scss/colors/_light_high_contrast.scss CHANGED
@@ -3,27 +3,27 @@
3
3
  --color-canvas-default-transparent: rgba(255,255,255,0);
4
4
  --color-marketing-icon-primary: #1168e3;
5
5
  --color-marketing-icon-secondary: #368cf9;
6
- --color-diff-blob-addition-num-text: #24292F;
7
- --color-diff-blob-addition-fg: #24292F;
6
+ --color-diff-blob-addition-num-text: #0E1116;
7
+ --color-diff-blob-addition-fg: #ffffff;
8
8
  --color-diff-blob-addition-num-bg: #CCFFD8;
9
9
  --color-diff-blob-addition-line-bg: #E6FFEC;
10
- --color-diff-blob-addition-word-bg: #ABF2BC;
11
- --color-diff-blob-deletion-num-text: #24292F;
12
- --color-diff-blob-deletion-fg: #24292F;
10
+ --color-diff-blob-addition-word-bg: #055d20;
11
+ --color-diff-blob-deletion-num-text: #0E1116;
12
+ --color-diff-blob-deletion-fg: #ffffff;
13
13
  --color-diff-blob-deletion-num-bg: #FFD7D5;
14
14
  --color-diff-blob-deletion-line-bg: #fff0ee;
15
- --color-diff-blob-deletion-word-bg: #ee5a5d;
16
- --color-diff-blob-hunk-num-bg: #368cf9;
17
- --color-diff-blob-expander-icon: #24292F;
15
+ --color-diff-blob-deletion-word-bg: #a0111f;
16
+ --color-diff-blob-hunk-num-bg: #9cd7ff;
17
+ --color-diff-blob-expander-icon: #0E1116;
18
18
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
19
- --color-diffstat-deletion-border: rgba(1,4,9,0.9);
20
- --color-diffstat-addition-border: rgba(1,4,9,0.9);
19
+ --color-diffstat-deletion-border: rgba(1,4,9,0.8);
20
+ --color-diffstat-addition-border: rgba(1,4,9,0.8);
21
21
  --color-diffstat-addition-bg: #117f32;
22
22
  --color-search-keyword-hl: #fcf7be;
23
- --color-prettylights-syntax-comment: #67707A;
23
+ --color-prettylights-syntax-comment: #66707B;
24
24
  --color-prettylights-syntax-constant: #023b95;
25
25
  --color-prettylights-syntax-entity: #622cbc;
26
- --color-prettylights-syntax-storage-modifier-import: #24292F;
26
+ --color-prettylights-syntax-storage-modifier-import: #0E1116;
27
27
  --color-prettylights-syntax-entity-tag: #024c1a;
28
28
  --color-prettylights-syntax-keyword: #a0111f;
29
29
  --color-prettylights-syntax-string: #032563;
@@ -36,8 +36,8 @@
36
36
  --color-prettylights-syntax-string-regexp: #024c1a;
37
37
  --color-prettylights-syntax-markup-list: #2e1800;
38
38
  --color-prettylights-syntax-markup-heading: #023b95;
39
- --color-prettylights-syntax-markup-italic: #24292F;
40
- --color-prettylights-syntax-markup-bold: #24292F;
39
+ --color-prettylights-syntax-markup-italic: #0E1116;
40
+ --color-prettylights-syntax-markup-bold: #0E1116;
41
41
  --color-prettylights-syntax-markup-deleted-text: #6e011a;
42
42
  --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
43
43
  --color-prettylights-syntax-markup-inserted-text: #024c1a;
@@ -47,21 +47,21 @@
47
47
  --color-prettylights-syntax-markup-ignored-text: #E7ECF0;
48
48
  --color-prettylights-syntax-markup-ignored-bg: #023b95;
49
49
  --color-prettylights-syntax-meta-diff-range: #622cbc;
50
- --color-prettylights-syntax-brackethighlighter-angle: #4F5760;
50
+ --color-prettylights-syntax-brackethighlighter-angle: #4B535D;
51
51
  --color-prettylights-syntax-sublimelinter-gutter-mark: #88929D;
52
52
  --color-prettylights-syntax-constant-other-reference-link: #032563;
53
- --color-codemirror-text: #24292F;
53
+ --color-codemirror-text: #0E1116;
54
54
  --color-codemirror-bg: #ffffff;
55
55
  --color-codemirror-gutters-bg: #ffffff;
56
56
  --color-codemirror-guttermarker-text: #ffffff;
57
- --color-codemirror-guttermarker-subtle-text: #67707A;
58
- --color-codemirror-linenumber-text: #24292F;
59
- --color-codemirror-cursor: #24292F;
57
+ --color-codemirror-guttermarker-subtle-text: #66707B;
58
+ --color-codemirror-linenumber-text: #0E1116;
59
+ --color-codemirror-cursor: #0E1116;
60
60
  --color-codemirror-selection-bg: #368cf9;
61
61
  --color-codemirror-activeline-bg: #E7ECF0;
62
- --color-codemirror-matchingbracket-text: #24292F;
62
+ --color-codemirror-matchingbracket-text: #0E1116;
63
63
  --color-codemirror-lines-bg: #ffffff;
64
- --color-codemirror-syntax-comment: #24292F;
64
+ --color-codemirror-syntax-comment: #0E1116;
65
65
  --color-codemirror-syntax-constant: #023b95;
66
66
  --color-codemirror-syntax-entity: #622cbc;
67
67
  --color-codemirror-syntax-keyword: #a0111f;
@@ -69,7 +69,7 @@
69
69
  --color-codemirror-syntax-string: #032563;
70
70
  --color-codemirror-syntax-support: #023b95;
71
71
  --color-codemirror-syntax-variable: #702c00;
72
- --color-checks-bg: #24292F;
72
+ --color-checks-bg: #0E1116;
73
73
  --color-checks-run-border-width: 0px;
74
74
  --color-checks-container-border-width: 0px;
75
75
  --color-checks-text-primary: #FFFFFF;
@@ -81,37 +81,37 @@
81
81
  --color-checks-input-text: #E7ECF0;
82
82
  --color-checks-input-placeholder-text: #88929D;
83
83
  --color-checks-input-focus-text: #88929D;
84
- --color-checks-input-bg: #30363D;
84
+ --color-checks-input-bg: #20252C;
85
85
  --color-checks-input-shadow: none;
86
86
  --color-checks-donut-error: #d5232c;
87
87
  --color-checks-donut-pending: #956400;
88
88
  --color-checks-donut-success: #117f32;
89
89
  --color-checks-donut-neutral: #ACB6C0;
90
90
  --color-checks-dropdown-text: #ACB6C0;
91
- --color-checks-dropdown-bg: #30363D;
92
- --color-checks-dropdown-border: #3D454E;
91
+ --color-checks-dropdown-bg: #20252C;
92
+ --color-checks-dropdown-border: #343B43;
93
93
  --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
94
94
  --color-checks-dropdown-hover-text: #FFFFFF;
95
- --color-checks-dropdown-hover-bg: #3D454E;
95
+ --color-checks-dropdown-hover-bg: #343B43;
96
96
  --color-checks-dropdown-btn-hover-text: #FFFFFF;
97
- --color-checks-dropdown-btn-hover-bg: #30363D;
98
- --color-checks-scrollbar-thumb-bg: #4F5760;
97
+ --color-checks-dropdown-btn-hover-bg: #20252C;
98
+ --color-checks-scrollbar-thumb-bg: #4B535D;
99
99
  --color-checks-header-label-text: #CED5DC;
100
100
  --color-checks-header-label-open-text: #FFFFFF;
101
- --color-checks-header-border: #30363D;
101
+ --color-checks-header-border: #20252C;
102
102
  --color-checks-header-icon: #88929D;
103
103
  --color-checks-line-text: #CED5DC;
104
104
  --color-checks-line-num-text: rgba(136,146,157,0.75);
105
105
  --color-checks-line-timestamp-text: #88929D;
106
- --color-checks-line-hover-bg: #30363D;
106
+ --color-checks-line-hover-bg: #20252C;
107
107
  --color-checks-line-selected-bg: rgba(17,104,227,0.15);
108
108
  --color-checks-line-selected-num-text: #368cf9;
109
- --color-checks-line-dt-fm-text: #24292F;
109
+ --color-checks-line-dt-fm-text: #0E1116;
110
110
  --color-checks-line-dt-fm-bg: #744500;
111
111
  --color-checks-gate-bg: rgba(96,55,0,0.15);
112
112
  --color-checks-gate-text: #CED5DC;
113
113
  --color-checks-gate-waiting-text: #ACB6C0;
114
- --color-checks-step-header-open-bg: #30363D;
114
+ --color-checks-step-header-open-bg: #20252C;
115
115
  --color-checks-step-error-text: #ee5a5d;
116
116
  --color-checks-step-warning-text: #b58407;
117
117
  --color-checks-logline-text: #88929D;
@@ -125,8 +125,8 @@
125
125
  --color-checks-logline-warning-bg: rgba(96,55,0,0.15);
126
126
  --color-checks-logline-command-text: #368cf9;
127
127
  --color-checks-logline-section-text: #26a148;
128
- --color-checks-ansi-black: #24292F;
129
- --color-checks-ansi-black-bright: #30363D;
128
+ --color-checks-ansi-black: #0E1116;
129
+ --color-checks-ansi-black-bright: #20252C;
130
130
  --color-checks-ansi-white: #CED5DC;
131
131
  --color-checks-ansi-white-bright: #CED5DC;
132
132
  --color-checks-ansi-gray: #88929D;
@@ -142,7 +142,7 @@
142
142
  --color-checks-ansi-magenta-bright: #c49bff;
143
143
  --color-checks-ansi-cyan: #76e3ea;
144
144
  --color-checks-ansi-cyan-bright: #b3f0ff;
145
- --color-project-header-bg: #24292F;
145
+ --color-project-header-bg: #0E1116;
146
146
  --color-project-sidebar-bg: #ffffff;
147
147
  --color-project-gradient-in: #ffffff;
148
148
  --color-project-gradient-out: rgba(255,255,255,0);
@@ -152,7 +152,7 @@
152
152
  --color-mktg-btn-shadow-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);
153
153
  --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
154
154
  --color-avatar-bg: #ffffff;
155
- --color-avatar-border: rgba(1,4,9,0.9);
155
+ --color-avatar-border: rgba(1,4,9,0.8);
156
156
  --color-avatar-stack-fade: #ACB6C0;
157
157
  --color-avatar-stack-fade-more: #CED5DC;
158
158
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
@@ -160,21 +160,21 @@
160
160
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
161
161
  --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
162
162
  --color-select-menu-tap-focus-bg: #9cd7ff;
163
- --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12);
163
+ --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
164
164
  --color-header-text: rgba(255,255,255,0.7);
165
- --color-header-bg: #24292F;
165
+ --color-header-bg: #0E1116;
166
166
  --color-header-logo: #ffffff;
167
- --color-header-search-bg: #24292F;
168
- --color-header-search-border: #4F5760;
167
+ --color-header-search-bg: #0E1116;
168
+ --color-header-search-border: #4B535D;
169
169
  --color-sidenav-selected-bg: #ffffff;
170
170
  --color-menu-bg-active: rgba(0,0,0,0);
171
171
  --color-input-disabled-bg: rgba(172,182,192,0.2);
172
172
  --color-timeline-badge-bg: #E7ECF0;
173
- --color-ansi-black: #24292F;
174
- --color-ansi-black-bright: #4F5760;
175
- --color-ansi-white: #67707A;
173
+ --color-ansi-black: #0E1116;
174
+ --color-ansi-black-bright: #4B535D;
175
+ --color-ansi-white: #66707B;
176
176
  --color-ansi-white-bright: #88929D;
177
- --color-ansi-gray: #67707A;
177
+ --color-ansi-gray: #66707B;
178
178
  --color-ansi-red: #a0111f;
179
179
  --color-ansi-red-bright: #86061d;
180
180
  --color-ansi-green: #024c1a;
@@ -187,101 +187,101 @@
187
187
  --color-ansi-magenta-bright: #844ae7;
188
188
  --color-ansi-cyan: #1b7c83;
189
189
  --color-ansi-cyan-bright: #3192aa;
190
- --color-btn-text: #24292F;
191
- --color-btn-bg: #FFFFFF;
192
- --color-btn-border: rgba(1,4,9,0.9);
190
+ --color-btn-text: #0E1116;
191
+ --color-btn-bg: #E7ECF0;
192
+ --color-btn-border: rgba(1,4,9,0.8);
193
193
  --color-btn-shadow: 0 1px 0 rgba(1,4,9,0.04);
194
194
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
195
- --color-btn-hover-bg: #f3f4f6;
196
- --color-btn-hover-border: rgba(1,4,9,0.9);
197
- --color-btn-active-bg: hsla(220,14%,93%,1);
198
- --color-btn-active-border: rgba(1,4,9,0.9);
199
- --color-btn-selected-bg: hsla(220,14%,94%,1);
200
- --color-btn-focus-bg: #FFFFFF;
201
- --color-btn-focus-border: rgba(1,4,9,0.9);
195
+ --color-btn-hover-bg: #CED5DC;
196
+ --color-btn-hover-border: rgba(1,4,9,0.8);
197
+ --color-btn-active-bg: #ACB6C0;
198
+ --color-btn-active-border: rgba(1,4,9,0.8);
199
+ --color-btn-selected-bg: #ACB6C0;
200
+ --color-btn-focus-bg: #CED5DC;
201
+ --color-btn-focus-border: rgba(1,4,9,0.8);
202
202
  --color-btn-focus-shadow: 0 0 0 3px rgba(3,73,180,0.3);
203
203
  --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
204
204
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(3,73,180,0.3);
205
205
  --color-btn-counter-bg: rgba(1,4,9,0.08);
206
206
  --color-btn-primary-text: #ffffff;
207
- --color-btn-primary-bg: #117f32;
208
- --color-btn-primary-border: rgba(1,4,9,0.9);
207
+ --color-btn-primary-bg: #055d20;
208
+ --color-btn-primary-border: #013d14;
209
209
  --color-btn-primary-shadow: 0 1px 0 rgba(1,4,9,0.1);
210
210
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
211
- --color-btn-primary-hover-bg: #2c974b;
212
- --color-btn-primary-hover-border: rgba(1,4,9,0.9);
213
- --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
211
+ --color-btn-primary-hover-bg: #024c1a;
212
+ --color-btn-primary-hover-border: #013d14;
213
+ --color-btn-primary-selected-bg: hsla(139,95%,13%,1);
214
214
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,35,11,0.2);
215
215
  --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
216
216
  --color-btn-primary-disabled-bg: #94d3a2;
217
- --color-btn-primary-disabled-border: rgba(1,4,9,0.9);
218
- --color-btn-primary-focus-bg: #117f32;
219
- --color-btn-primary-focus-border: rgba(1,4,9,0.9);
220
- --color-btn-primary-focus-shadow: 0 0 0 3px rgba(17,127,50,0.4);
217
+ --color-btn-primary-disabled-border: rgba(1,4,9,0.8);
218
+ --color-btn-primary-focus-bg: #013d14;
219
+ --color-btn-primary-focus-border: #013d14;
220
+ --color-btn-primary-focus-shadow: 0 0 0 3px rgba(1,61,20,0.4);
221
221
  --color-btn-primary-icon: rgba(255,255,255,0.8);
222
222
  --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
223
- --color-btn-outline-text: #0349b4;
223
+ --color-btn-outline-text: #023b95;
224
224
  --color-btn-outline-hover-text: #ffffff;
225
225
  --color-btn-outline-hover-bg: #0349b4;
226
- --color-btn-outline-hover-border: rgba(1,4,9,0.9);
226
+ --color-btn-outline-hover-border: #022f7a;
227
227
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
228
228
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
229
229
  --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
230
230
  --color-btn-outline-selected-text: #ffffff;
231
- --color-btn-outline-selected-bg: hsla(216,97%,33%,1);
232
- --color-btn-outline-selected-border: rgba(1,4,9,0.9);
231
+ --color-btn-outline-selected-bg: #022f7a;
232
+ --color-btn-outline-selected-border: #022f7a;
233
233
  --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(2,26,74,0.2);
234
234
  --color-btn-outline-disabled-text: rgba(3,73,180,0.5);
235
- --color-btn-outline-disabled-bg: #FFFFFF;
235
+ --color-btn-outline-disabled-bg: #E7ECF0;
236
236
  --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05);
237
- --color-btn-outline-focus-border: rgba(1,4,9,0.9);
237
+ --color-btn-outline-focus-border: #022f7a;
238
238
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(2,59,149,0.4);
239
239
  --color-btn-outline-counter-bg: rgba(3,73,180,0.1);
240
- --color-btn-danger-text: #a0111f;
240
+ --color-btn-danger-text: #86061d;
241
241
  --color-btn-danger-hover-text: #ffffff;
242
- --color-btn-danger-hover-bg: #86061d;
243
- --color-btn-danger-hover-border: rgba(1,4,9,0.9);
242
+ --color-btn-danger-hover-bg: #a0111f;
243
+ --color-btn-danger-hover-border: #6e011a;
244
244
  --color-btn-danger-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
245
245
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
246
246
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
247
247
  --color-btn-danger-selected-text: #ffffff;
248
- --color-btn-danger-selected-bg: hsla(354,81%,32%,1);
249
- --color-btn-danger-selected-border: rgba(1,4,9,0.9);
248
+ --color-btn-danger-selected-bg: #6e011a;
249
+ --color-btn-danger-selected-border: #6e011a;
250
250
  --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(67,0,17,0.2);
251
251
  --color-btn-danger-disabled-text: rgba(160,17,31,0.5);
252
- --color-btn-danger-disabled-bg: #FFFFFF;
252
+ --color-btn-danger-disabled-bg: #E7ECF0;
253
253
  --color-btn-danger-disabled-counter-bg: rgba(160,17,31,0.05);
254
- --color-btn-danger-focus-border: rgba(1,4,9,0.9);
254
+ --color-btn-danger-focus-border: #6e011a;
255
255
  --color-btn-danger-focus-shadow: 0 0 0 3px rgba(134,6,29,0.4);
256
256
  --color-btn-danger-counter-bg: rgba(160,17,31,0.1);
257
- --color-btn-danger-icon: #a0111f;
257
+ --color-btn-danger-icon: #86061d;
258
258
  --color-btn-danger-hover-icon: #ffffff;
259
- --color-underlinenav-icon: #67707A;
259
+ --color-underlinenav-icon: #66707B;
260
260
  --color-underlinenav-border-hover: rgba(172,182,192,0.2);
261
- --color-action-list-item-inline-divider: rgba(36,41,47,0.48);
261
+ --color-action-list-item-inline-divider: rgba(32,37,44,0.48);
262
262
  --color-action-list-item-default-hover-bg: rgba(206,213,220,0.32);
263
263
  --color-action-list-item-default-active-bg: rgba(206,213,220,0.48);
264
264
  --color-action-list-item-default-selected-bg: rgba(206,213,220,0.24);
265
265
  --color-action-list-item-danger-hover-bg: rgba(255,240,238,0.64);
266
266
  --color-action-list-item-danger-active-bg: #fff0ee;
267
267
  --color-action-list-item-danger-hover-text: #a0111f;
268
- --color-fg-default: #24292F;
269
- --color-fg-muted: #24292F;
270
- --color-fg-subtle: #67707A;
268
+ --color-fg-default: #0E1116;
269
+ --color-fg-muted: #0E1116;
270
+ --color-fg-subtle: #66707B;
271
271
  --color-fg-on-emphasis: #ffffff;
272
272
  --color-canvas-default: #ffffff;
273
273
  --color-canvas-overlay: #ffffff;
274
274
  --color-canvas-inset: #ffffff;
275
275
  --color-canvas-subtle: #E7ECF0;
276
- --color-border-default: #24292F;
276
+ --color-border-default: #20252C;
277
277
  --color-border-muted: #88929D;
278
- --color-border-subtle: rgba(1,4,9,0.9);
278
+ --color-border-subtle: rgba(1,4,9,0.8);
279
279
  --color-shadow-small: 0 1px 0 rgba(1,4,9,0.04);
280
280
  --color-shadow-medium: 0 3px 6px rgba(136,146,157,0.15);
281
281
  --color-shadow-large: 0 8px 24px rgba(136,146,157,0.2);
282
282
  --color-shadow-extra-large: 0 12px 28px rgba(136,146,157,0.3);
283
- --color-neutral-emphasis-plus: #24292F;
284
- --color-neutral-emphasis: #67707A;
283
+ --color-neutral-emphasis-plus: #0E1116;
284
+ --color-neutral-emphasis: #66707B;
285
285
  --color-neutral-muted: rgba(172,182,192,0.2);
286
286
  --color-neutral-subtle: #E7ECF0;
287
287
  --color-accent-fg: #0349b4;
@@ -327,11 +327,11 @@
327
327
  --color-scale-gray-2: #CED5DC;
328
328
  --color-scale-gray-3: #ACB6C0;
329
329
  --color-scale-gray-4: #88929D;
330
- --color-scale-gray-5: #67707A;
331
- --color-scale-gray-6: #4F5760;
332
- --color-scale-gray-7: #3D454E;
333
- --color-scale-gray-8: #30363D;
334
- --color-scale-gray-9: #24292F;
330
+ --color-scale-gray-5: #66707B;
331
+ --color-scale-gray-6: #4B535D;
332
+ --color-scale-gray-7: #343B43;
333
+ --color-scale-gray-8: #20252C;
334
+ --color-scale-gray-9: #0E1116;
335
335
  --color-scale-blue-0: #dff7ff;
336
336
  --color-scale-blue-1: #9cd7ff;
337
337
  --color-scale-blue-2: #67b3fd;