Skip to content

Commit 5d2ab9f

Browse files
mgurgelgithub-actions[bot]
authored andcommitted
Release build 7.8.0 [ci release]
1 parent 0ac3056 commit 5d2ab9f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+9487
-22
lines changed

CHANGELOG.txt

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,2 @@
1-
- ntp: fix regression with theme context/text color (#1409)
2-
- ntp: Fixed animation jitter of customizer drawer (#1386)
3-
- ntp: privacy stats ship review feedback (#1406)
4-
- ntp: shipreview changes to favorites (#1405)
5-
- ntp: improved background fades (#1404)
6-
- ntp: support right-click on images (#1403)
1+
- history: initial build (#1401)
2+
- build(deps-dev): bump the typescript group across 1 directory with 3 updates (#1408)
Lines changed: 385 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,385 @@
1+
/* pages/history/styles/base.css */
2+
*,
3+
*:after,
4+
*:before {
5+
box-sizing: border-box;
6+
}
7+
html[data-reduced-motion=true] * {
8+
animation: none !important;
9+
transition: none !important;
10+
}
11+
*,
12+
*::before,
13+
*::after {
14+
box-sizing: border-box;
15+
}
16+
* {
17+
margin: 0;
18+
}
19+
body {
20+
-webkit-font-smoothing: antialiased;
21+
font-family: system-ui;
22+
margin: 0;
23+
height: 100vh;
24+
width: 100%;
25+
overflow-x: hidden;
26+
user-select: none;
27+
-webkit-user-select: none;
28+
cursor: default;
29+
}
30+
:root[data-fatal-error] body {
31+
user-select: auto;
32+
-webkit-user-select: auto;
33+
}
34+
img,
35+
picture,
36+
video,
37+
canvas,
38+
svg {
39+
display: block;
40+
max-width: 100%;
41+
}
42+
input,
43+
button,
44+
textarea,
45+
select {
46+
font: inherit;
47+
}
48+
p,
49+
h1,
50+
h2,
51+
h3,
52+
h4,
53+
h5,
54+
h6 {
55+
overflow-wrap: break-word;
56+
}
57+
#app,
58+
#__next {
59+
isolation: isolate;
60+
}
61+
h1,
62+
h2,
63+
h3,
64+
h4 {
65+
margin: 0;
66+
}
67+
button {
68+
font-family: system-ui, sans-serif;
69+
}
70+
ul {
71+
margin: 0;
72+
padding: 0;
73+
}
74+
li {
75+
list-style: none;
76+
margin: 0;
77+
padding: 0;
78+
}
79+
button {
80+
text-wrap: nowrap;
81+
}
82+
.sr-only {
83+
position: absolute;
84+
width: 1px;
85+
height: 1px;
86+
padding: 0;
87+
margin: -1px;
88+
overflow: hidden;
89+
clip: rect(0, 0, 0, 0);
90+
white-space: nowrap;
91+
border-width: 0;
92+
}
93+
94+
/* pages/history/styles/theme.css */
95+
:root {
96+
--title-font-size: 20px;
97+
--title-font-weight: 600;
98+
--title-line-height: 18px;
99+
--body-font-size: 13px;
100+
--body-font-weight: 400;
101+
--body-line-height: 16px;
102+
}
103+
:root:has(body[data-platform-name=windows]) {
104+
--body-font-size: 14px;
105+
--body-font-weight: 400;
106+
--body-line-height: 20px;
107+
}
108+
[data-theme=light] {
109+
--history-surface-border-color: var(--color-black-at-9);
110+
}
111+
[data-theme=dark] {
112+
--ntp-surface-border-color: var(--color-white-at-12);
113+
}
114+
115+
/* pages/history/app/components/App.module.css */
116+
body {
117+
font-size: var(--body-font-size);
118+
font-weight: var(--body-font-weight);
119+
line-height: var(--body-line-height);
120+
}
121+
.App_layout {
122+
display: grid;
123+
grid-template-columns: 250px 1fr;
124+
grid-template-rows: 64px auto;
125+
grid-template-areas: "aside header" "aside main";
126+
overflow: hidden;
127+
height: 100vh;
128+
}
129+
.App_header {
130+
grid-area: header;
131+
padding-left: 48px;
132+
padding-right: 76px;
133+
padding-top: 16px;
134+
padding-bottom: 16px;
135+
}
136+
.App_search {
137+
justify-self: flex-end;
138+
}
139+
.App_aside {
140+
grid-area: aside;
141+
padding: 10px 16px;
142+
border-right: 1px solid var(--history-surface-border-color);
143+
}
144+
.App_pageTitle {
145+
font-size: var(--title-font-size);
146+
font-weight: var(--title-font-weight);
147+
line-height: var(--title-line-height);
148+
padding: 10px 6px 10px 10px;
149+
}
150+
.App_main {
151+
grid-area: main;
152+
overflow: auto;
153+
padding-left: 48px;
154+
padding-right: 76px;
155+
}
156+
157+
/* pages/history/app/components/Header.module.css */
158+
.Header_root {
159+
display: flex;
160+
align-items: center;
161+
gap: 8px;
162+
}
163+
.Header_controls {
164+
display: flex;
165+
gap: 8px;
166+
}
167+
.Header_largeButton {
168+
background: transparent;
169+
display: flex;
170+
align-items: center;
171+
gap: 4px;
172+
height: 32px;
173+
border: none;
174+
}
175+
.Header_largeButton svg {
176+
flex-shrink: 0;
177+
}
178+
.Header_largeButton:hover {
179+
background-color: var(--history-surface-color);
180+
}
181+
.Header_search {
182+
margin-left: auto;
183+
}
184+
.Header_searchInput {
185+
width: 238px;
186+
height: 28px;
187+
border-radius: 6px;
188+
border: 1px solid var(--history-surface-border-color);
189+
padding-left: 9px;
190+
padding-right: 9px;
191+
}
192+
193+
/* pages/history/app/components/Components.module.css */
194+
.Components_main {
195+
}
196+
197+
/* shared/styles/variables.css */
198+
:root {
199+
--base: 16px;
200+
font-size: calc(16px / var(--base));
201+
--px-in-rem: calc(1rem / 16);
202+
--sp-320: 80rem;
203+
--sp-256: 64rem;
204+
--sp-192: 48rem;
205+
--sp-96: 24rem;
206+
--sp-90: 22.5rem;
207+
--sp-80: 20rem;
208+
--sp-72: 18rem;
209+
--sp-64: 16rem;
210+
--sp-56: 14rem;
211+
--sp-48: 12rem;
212+
--sp-40: 10rem;
213+
--sp-35: 8.75rem;
214+
--sp-32: 8rem;
215+
--sp-30: 7.5rem;
216+
--sp-25: 6.25rem;
217+
--sp-24: 6rem;
218+
--sp-20: 5rem;
219+
--sp-16: 4rem;
220+
--sp-15: 3.75rem;
221+
--sp-14: 3.5rem;
222+
--sp-13: 3.25rem;
223+
--sp-12: 3rem;
224+
--sp-11: 2.75rem;
225+
--sp-10: 2.5rem;
226+
--sp-9: 2.25rem;
227+
--sp-8: 2rem;
228+
--sp-7: 1.75rem;
229+
--sp-6: 1.5rem;
230+
--sp-5: 1.25rem;
231+
--sp-4: 1rem;
232+
--sp-3: 0.75rem;
233+
--sp-2: 0.5rem;
234+
--sp-1: 0.25rem;
235+
--sp-0_5: 0.125rem;
236+
--color-red-50: #de5833;
237+
--color-purple-50: #5132a9;
238+
--color-yellow-50: #fcd00a;
239+
--color-green-50: #4cba3c;
240+
--color-yellow-60: #f9be1a;
241+
--color-blue-100: #051133;
242+
--color-blue-90: #0b2059;
243+
--color-blue-80: #14307e;
244+
--color-blue-70: #1e42a4;
245+
--color-blue-60: #2b55ca;
246+
--color-blue-50: #3969ef;
247+
--color-blue-40: #557ff3;
248+
--color-blue-30: #7295f6;
249+
--color-blue-20: #8fabf9;
250+
--color-blue-10: #adc2fc;
251+
--color-blue-0: #ccdaff;
252+
--color-black: #000;
253+
--color-gray-95: #111;
254+
--color-gray-90: #222;
255+
--color-gray-85: #333;
256+
--color-gray-80: #444;
257+
--color-gray-70: #666;
258+
--color-gray-60: #888;
259+
--color-gray-50: #aaa;
260+
--color-gray-40: #ccc;
261+
--color-gray-30: #ddd;
262+
--color-gray-25: #e5e5e5;
263+
--color-gray-20: #eee;
264+
--color-gray-10: #f5f5f5;
265+
--color-gray-0: #fafafa;
266+
--color-white: #fff;
267+
--color-black-at-1: rgba(0, 0, 0, 0.01);
268+
--color-black-at-3: rgba(0, 0, 0, 0.03);
269+
--color-black-at-6: rgba(0, 0, 0, 0.06);
270+
--color-black-at-9: rgba(0, 0, 0, 0.09);
271+
--color-black-at-12: rgba(0, 0, 0, 0.12);
272+
--color-black-at-15: rgba(0, 0, 0, 0.15);
273+
--color-black-at-18: rgba(0, 0, 0, 0.18);
274+
--color-black-at-36: rgba(0, 0, 0, 0.36);
275+
--color-black-at-40: rgba(0, 0, 0, 0.4);
276+
--color-black-at-42: rgba(0, 0, 0, 0.42);
277+
--color-black-at-48: rgba(0, 0, 0, 0.48);
278+
--color-black-at-50: rgba(0, 0, 0, 0.5);
279+
--color-black-at-60: rgba(0, 0, 0, 0.6);
280+
--color-black-at-72: rgba(0, 0, 0, 0.72);
281+
--color-black-at-80: rgba(0, 0, 0, 0.8);
282+
--color-black-at-84: rgba(0, 0, 0, 0.84);
283+
--color-black-at-90: rgba(0, 0, 0, 0.9);
284+
--color-black-at-96: rgba(0, 0, 0, 0.96);
285+
--color-gray85-at-80: rgba(51, 51, 51, 0.8);
286+
--color-white-at-3: rgba(255, 255, 255, 0.03);
287+
--color-white-at-6: rgba(255, 255, 255, 0.06);
288+
--color-white-at-9: rgba(255, 255, 255, 0.09);
289+
--color-white-at-12: rgba(255, 255, 255, 0.12);
290+
--color-white-at-15: rgba(255, 255, 255, 0.15);
291+
--color-white-at-18: rgba(255, 255, 255, 0.18);
292+
--color-white-at-24: rgba(255, 255, 255, 0.24);
293+
--color-white-at-30: rgba(255, 255, 255, 0.3);
294+
--color-white-at-36: rgba(255, 255, 255, 0.36);
295+
--color-white-at-42: rgba(255, 255, 255, 0.42);
296+
--color-white-at-50: rgba(255, 255, 255, 0.5);
297+
--color-white-at-60: rgba(255, 255, 255, 0.6);
298+
--color-white-at-70: rgba(255, 255, 255, 0.7);
299+
--color-white-at-80: rgba(255, 255, 255, 0.8);
300+
--color-white-at-84: rgba(255, 255, 255, 0.84);
301+
--color-white-at-85: rgba(255, 255, 255, 0.85);
302+
--color-white-at-96: rgba(255, 255, 255, 0.96);
303+
--ddg-color-primary: var(--color-blue-50);
304+
--ddg-color-primary-dark: var(--color-blue-30);
305+
--theme-background-color: var(--color-white);
306+
--theme-text-primary-color: var(--color-black-at-84);
307+
--theme-text-secondary-color: var(--color-black-at-60);
308+
--theme-text-link-color: var(--ddg-color-primary);
309+
--macos-text-primary: var(--color-black-at-84);
310+
--ios-content-max-width: calc(794 * var(--px-in-rem));
311+
}
312+
@media (prefers-color-scheme: dark) {
313+
:root {
314+
--theme-background-color: var(--color-gray-95);
315+
--theme-text-primary-color: var(--color-white-at-85);
316+
--theme-text-secondary-color: var(--color-white-at-50);
317+
--theme-text-link-color: var(--ddg-color-primary-dark);
318+
}
319+
}
320+
321+
/* shared/styles/reset.css */
322+
*,
323+
*:after,
324+
*:before {
325+
box-sizing: border-box;
326+
}
327+
html[data-reduced-motion=true] * {
328+
animation: none !important;
329+
transition: none !important;
330+
}
331+
body {
332+
font-family: var(--theme-font-family, system-ui);
333+
font-size: 15px;
334+
line-height: 20px;
335+
letter-spacing: -0.08px;
336+
margin: 0;
337+
height: 100vh;
338+
width: 100%;
339+
overflow-x: hidden;
340+
user-select: none;
341+
-webkit-user-select: none;
342+
cursor: default;
343+
background: var(--theme-background-color);
344+
color: var(--theme-text-primary-color);
345+
}
346+
body > main {
347+
width: 100%;
348+
}
349+
h1,
350+
h2,
351+
h3,
352+
h4,
353+
p {
354+
font-weight: normal;
355+
margin: 0;
356+
}
357+
a {
358+
color: var(--theme-text-link-color);
359+
}
360+
button {
361+
font-family: system-ui, sans-serif;
362+
}
363+
ul {
364+
margin: 0;
365+
padding: 0;
366+
}
367+
li {
368+
list-style: none;
369+
margin: 0;
370+
padding: 0;
371+
}
372+
373+
/* shared/styles/utilities.css */
374+
.offscreen {
375+
border: 0;
376+
clip: rect(0 0 0 0);
377+
height: 1px;
378+
margin: -1px;
379+
overflow: hidden;
380+
padding: 0;
381+
position: absolute;
382+
width: 1px;
383+
}
384+
385+
/* shared/styles/global.css */

0 commit comments

Comments
 (0)