Skip to content

Commit cab9aae

Browse files
style(design-tokens): sync design tokens with Specify
1 parent 2bfaafa commit cab9aae

File tree

2 files changed

+64
-64
lines changed

2 files changed

+64
-64
lines changed

output/styles/fonts.css

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
@font-face {
2-
font-family: "Ubuntu-Italic";
3-
src: url("../assets/fonts/Ubuntu-Italic.woff") format("woff"),
4-
url("../assets/fonts/Ubuntu-Italic.woff2") format("woff2");
5-
font-weight: 400;
2+
font-family: "UbuntuMono-BoldItalic";
3+
src: url("../assets/fonts/UbuntuMono-BoldItalic.woff") format("woff"),
4+
url("../assets/fonts/UbuntuMono-BoldItalic.woff2") format("woff2");
5+
font-weight: 700;
66
font-display: swap;
77
}
88

99
@font-face {
10-
font-family: "Ubuntu-MediumItalic";
11-
src: url("../assets/fonts/Ubuntu-MediumItalic.woff") format("woff"),
12-
url("../assets/fonts/Ubuntu-MediumItalic.woff2") format("woff2");
13-
font-weight: 500;
10+
font-family: "Ubuntu-Italic";
11+
src: url("../assets/fonts/Ubuntu-Italic.woff") format("woff"),
12+
url("../assets/fonts/Ubuntu-Italic.woff2") format("woff2");
13+
font-weight: 400;
1414
font-display: swap;
1515
}
1616

@@ -22,14 +22,6 @@
2222
font-display: swap;
2323
}
2424

25-
@font-face {
26-
font-family: "UbuntuMono-BoldItalic";
27-
src: url("../assets/fonts/UbuntuMono-BoldItalic.woff") format("woff"),
28-
url("../assets/fonts/UbuntuMono-BoldItalic.woff2") format("woff2");
29-
font-weight: 700;
30-
font-display: swap;
31-
}
32-
3325
@font-face {
3426
font-family: "Ubuntu-Regular";
3527
src: url("../assets/fonts/Ubuntu-Regular.woff") format("woff"),
@@ -54,14 +46,6 @@
5446
font-display: swap;
5547
}
5648

57-
@font-face {
58-
font-family: "Ubuntu-Bold";
59-
src: url("../assets/fonts/Ubuntu-Bold.woff") format("woff"),
60-
url("../assets/fonts/Ubuntu-Bold.woff2") format("woff2");
61-
font-weight: 700;
62-
font-display: swap;
63-
}
64-
6549
@font-face {
6650
font-family: "UbuntuMono-Regular";
6751
src: url("../assets/fonts/UbuntuMono-Regular.woff") format("woff"),
@@ -70,14 +54,6 @@
7054
font-display: swap;
7155
}
7256

73-
@font-face {
74-
font-family: "Ubuntu-LightItalic";
75-
src: url("../assets/fonts/Ubuntu-LightItalic.woff") format("woff"),
76-
url("../assets/fonts/Ubuntu-LightItalic.woff2") format("woff2");
77-
font-weight: 300;
78-
font-display: swap;
79-
}
80-
8157
@font-face {
8258
font-family: "UbuntuMono-Italic";
8359
src: url("../assets/fonts/UbuntuMono-Italic.woff") format("woff"),
@@ -86,10 +62,34 @@
8662
font-display: swap;
8763
}
8864

65+
@font-face {
66+
font-family: "Ubuntu-Bold";
67+
src: url("../assets/fonts/Ubuntu-Bold.woff") format("woff"),
68+
url("../assets/fonts/Ubuntu-Bold.woff2") format("woff2");
69+
font-weight: 700;
70+
font-display: swap;
71+
}
72+
8973
@font-face {
9074
font-family: "Ubuntu-Light";
9175
src: url("../assets/fonts/Ubuntu-Light.woff") format("woff"),
9276
url("../assets/fonts/Ubuntu-Light.woff2") format("woff2");
9377
font-weight: 300;
9478
font-display: swap;
9579
}
80+
81+
@font-face {
82+
font-family: "Ubuntu-MediumItalic";
83+
src: url("../assets/fonts/Ubuntu-MediumItalic.woff") format("woff"),
84+
url("../assets/fonts/Ubuntu-MediumItalic.woff2") format("woff2");
85+
font-weight: 500;
86+
font-display: swap;
87+
}
88+
89+
@font-face {
90+
font-family: "Ubuntu-LightItalic";
91+
src: url("../assets/fonts/Ubuntu-LightItalic.woff") format("woff"),
92+
url("../assets/fonts/Ubuntu-LightItalic.woff2") format("woff2");
93+
font-weight: 300;
94+
font-display: swap;
95+
}

output/theme.js

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,10 @@ const extend = {
99
sansLightNormalXs: "12px",
1010
sansMediumItalicXs: "12px",
1111
monoRegularNormalXs: "12px",
12+
monoBoldNormalXs: "12px",
1213
sansRegularNormalXs: "12px",
1314
sansBoldItalicXs: "12px",
14-
monoBoldNormalXs: "12px",
15+
monoRegularNormalSm: "14px",
1516
sansRegularItalicSm: "14px",
1617
monoRegularItalicSm: "14px",
1718
sansRegularNormalSm: "14px",
@@ -20,7 +21,6 @@ const extend = {
2021
sansBoldItalicSm: "14px",
2122
sansMediumNormalSm: "14px",
2223
monoBoldNormalSm: "14px",
23-
monoRegularNormalSm: "14px",
2424
monoBoldItalicSm: "14px",
2525
sansMediumItalicSm: "14px",
2626
sansLightNormalSm: "14px",
@@ -45,21 +45,21 @@ const extend = {
4545
sansMediumNormalLg: "18px",
4646
sansBoldItalicLg: "18px",
4747
monoBoldNormalLg: "18px",
48-
monoBoldItalicLg: "18px",
4948
sansRegularNormalLg: "18px",
49+
monoBoldItalicLg: "18px",
5050
monoRegularNormalLg: "18px",
51-
sansBoldNormalXl: "20px",
5251
sansRegularItalicXl: "20px",
5352
sansRegularNormalXl: "20px",
5453
monoRegularItalicXl: "20px",
5554
sansLightNormalXl: "20px",
5655
sansLightItalicXl: "20px",
5756
sansMediumItalicXl: "20px",
5857
sansBoldItalicXl: "20px",
58+
sansBoldNormalXl: "20px",
5959
sansMediumNormalXl: "20px",
60-
monoBoldNormalXl: "20px",
6160
monoBoldItalicXl: "20px",
6261
monoRegularNormalXl: "20px",
62+
monoBoldNormalXl: "20px",
6363
monoBoldNormal2Xl: "24px",
6464
sansRegularNormal2Xl: "24px",
6565
monoRegularItalic2Xl: "24px",
@@ -105,9 +105,9 @@ const extend = {
105105
sansLightItalic5Xl: "48px",
106106
sansRegularNormal5Xl: "48px",
107107
sansRegularItalic5Xl: "48px",
108+
monoBoldNormal5Xl: "48px",
108109
monoRegularItalic5Xl: "48px",
109110
sansMediumNormal5Xl: "48px",
110-
monoBoldNormal5Xl: "48px",
111111
sansLightNormal6Xl: "60px",
112112
monoBoldItalic6Xl: "60px",
113113
monoRegularItalic6Xl: "60px",
@@ -127,11 +127,11 @@ const extend = {
127127
sansRegularNormal7Xl: "72px",
128128
sansLightItalic7Xl: "72px",
129129
sansRegularItalic7Xl: "72px",
130+
sansBoldItalic7Xl: "72px",
130131
sansBoldNormal7Xl: "72px",
131132
sansMediumNormal7Xl: "72px",
132133
monoBoldNormal7Xl: "72px",
133134
sansMediumItalic7Xl: "72px",
134-
sansBoldItalic7Xl: "72px",
135135
monoRegularNormal8Xl: "96px",
136136
sansLightNormal8Xl: "96px",
137137
monoBoldNormal8Xl: "96px",
@@ -167,9 +167,10 @@ const extend = {
167167
sansLightNormalXs: "16px",
168168
sansMediumItalicXs: "16px",
169169
monoRegularNormalXs: "16px",
170+
monoBoldNormalXs: "16px",
170171
sansRegularNormalXs: "16px",
171172
sansBoldItalicXs: "16px",
172-
monoBoldNormalXs: "16px",
173+
monoRegularNormalSm: "20px",
173174
sansRegularItalicSm: "20px",
174175
monoRegularItalicSm: "20px",
175176
sansRegularNormalSm: "20px",
@@ -178,7 +179,6 @@ const extend = {
178179
sansBoldItalicSm: "20px",
179180
sansMediumNormalSm: "20px",
180181
monoBoldNormalSm: "20px",
181-
monoRegularNormalSm: "20px",
182182
monoBoldItalicSm: "20px",
183183
sansMediumItalicSm: "20px",
184184
sansLightNormalSm: "20px",
@@ -194,7 +194,6 @@ const extend = {
194194
monoRegularNormalBase: "24px",
195195
monoBoldItalicBase: "24px",
196196
sansMediumItalicBase: "24px",
197-
sansBoldNormalXl: "28px",
198197
sansBoldNormalLg: "28px",
199198
sansRegularItalicLg: "28px",
200199
monoRegularItalicLg: "28px",
@@ -209,14 +208,15 @@ const extend = {
209208
sansMediumItalicLg: "28px",
210209
sansMediumNormalLg: "28px",
211210
sansBoldItalicXl: "28px",
211+
sansBoldNormalXl: "28px",
212212
sansBoldItalicLg: "28px",
213213
monoBoldNormalLg: "28px",
214214
sansMediumNormalXl: "28px",
215-
monoBoldNormalXl: "28px",
216-
monoBoldItalicLg: "28px",
217215
monoBoldItalicXl: "28px",
218216
monoRegularNormalXl: "28px",
219217
sansRegularNormalLg: "28px",
218+
monoBoldNormalXl: "28px",
219+
monoBoldItalicLg: "28px",
220220
monoRegularNormalLg: "28px",
221221
monoBoldNormal2Xl: "32px",
222222
sansRegularNormal2Xl: "32px",
@@ -263,9 +263,9 @@ const extend = {
263263
sansLightItalic5Xl: "48px",
264264
sansRegularNormal5Xl: "48px",
265265
sansRegularItalic5Xl: "48px",
266+
monoBoldNormal5Xl: "48px",
266267
monoRegularItalic5Xl: "48px",
267268
sansMediumNormal5Xl: "48px",
268-
monoBoldNormal5Xl: "48px",
269269
sansLightNormal6Xl: "60px",
270270
monoBoldItalic6Xl: "60px",
271271
monoRegularItalic6Xl: "60px",
@@ -285,11 +285,11 @@ const extend = {
285285
sansRegularNormal7Xl: "72px",
286286
sansLightItalic7Xl: "72px",
287287
sansRegularItalic7Xl: "72px",
288+
sansBoldItalic7Xl: "72px",
288289
sansBoldNormal7Xl: "72px",
289290
sansMediumNormal7Xl: "72px",
290291
monoBoldNormal7Xl: "72px",
291292
sansMediumItalic7Xl: "72px",
292-
sansBoldItalic7Xl: "72px",
293293
monoRegularNormal8Xl: "96px",
294294
sansLightNormal8Xl: "96px",
295295
monoBoldNormal8Xl: "96px",
@@ -316,7 +316,7 @@ const extend = {
316316
sansRegularNormal9Xl: "128px",
317317
},
318318
fontFamily: {
319-
sansBoldNormalXl: ["Ubuntu-Bold"],
319+
monoRegularNormalSm: ["UbuntuMono-Regular"],
320320
sansBoldNormalLg: ["Ubuntu-Bold"],
321321
sansRegularItalicLg: ["Ubuntu-Italic"],
322322
monoBoldItalic4Xl: ["UbuntuMono-BoldItalic"],
@@ -401,6 +401,8 @@ const extend = {
401401
sansMediumNormalXs: ["Ubuntu-Medium"],
402402
sansBoldNormal6Xl: ["Ubuntu-Bold"],
403403
sansBoldItalicXl: ["Ubuntu-BoldItalic"],
404+
sansBoldItalic7Xl: ["Ubuntu-BoldItalic"],
405+
sansBoldNormalXl: ["Ubuntu-Bold"],
404406
sansMediumNormal8Xl: ["Ubuntu-Medium"],
405407
sansRegularItalicXs: ["Ubuntu-Italic"],
406408
sansBoldNormal7Xl: ["Ubuntu-Bold"],
@@ -442,13 +444,6 @@ const extend = {
442444
sansLightNormal4Xl: ["Ubuntu-Light"],
443445
sansBoldNormal9Xl: ["Ubuntu-Bold"],
444446
sansMediumNormalXl: ["Ubuntu-Medium"],
445-
monoRegularNormalSm: ["UbuntuMono-Regular"],
446-
monoBoldNormalXl: ["UbuntuMono-Bold"],
447-
monoBoldItalicLg: ["UbuntuMono-BoldItalic"],
448-
monoRegularItalic5Xl: ["UbuntuMono-Italic"],
449-
sansRegularNormalXs: ["Ubuntu-Regular"],
450-
sansBoldItalicXs: ["Ubuntu-BoldItalic"],
451-
sansMediumNormal5Xl: ["Ubuntu-Medium"],
452447
monoBoldNormal5Xl: ["UbuntuMono-Bold"],
453448
monoBoldItalicXl: ["UbuntuMono-BoldItalic"],
454449
sansLightNormal2Xl: ["Ubuntu-Light"],
@@ -470,7 +465,12 @@ const extend = {
470465
sansMediumItalicBase: ["Ubuntu-MediumItalic"],
471466
sansRegularNormalLg: ["Ubuntu-Regular"],
472467
sansRegularNormal6Xl: ["Ubuntu-Regular"],
473-
sansBoldItalic7Xl: ["Ubuntu-BoldItalic"],
468+
monoBoldNormalXl: ["UbuntuMono-Bold"],
469+
monoBoldItalicLg: ["UbuntuMono-BoldItalic"],
470+
monoRegularItalic5Xl: ["UbuntuMono-Italic"],
471+
sansRegularNormalXs: ["Ubuntu-Regular"],
472+
sansBoldItalicXs: ["Ubuntu-BoldItalic"],
473+
sansMediumNormal5Xl: ["Ubuntu-Medium"],
474474
monoRegularNormalLg: ["UbuntuMono-Regular"],
475475
},
476476
fontWeight: {
@@ -500,6 +500,7 @@ const extend = {
500500
sansLightNormal2Xl: 300,
501501
sansLightNormalSm: 300,
502502
sansLightItalic8Xl: 300,
503+
monoRegularNormalSm: 400,
503504
sansRegularItalicLg: 400,
504505
monoRegularItalic4Xl: 400,
505506
monoRegularItalicLg: 400,
@@ -542,15 +543,14 @@ const extend = {
542543
sansRegularNormal5Xl: 400,
543544
sansRegularItalic5Xl: 400,
544545
monoRegularNormalBase: 400,
545-
monoRegularNormalSm: 400,
546-
monoRegularItalic5Xl: 400,
547-
sansRegularNormalXs: 400,
548546
sansRegularNormal9Xl: 400,
549547
monoRegularNormalXl: 400,
550548
monoRegularItalic8Xl: 400,
551549
sansRegularItalic4Xl: 400,
552550
sansRegularNormalLg: 400,
553551
sansRegularNormal6Xl: 400,
552+
monoRegularItalic5Xl: 400,
553+
sansRegularNormalXs: 400,
554554
monoRegularNormalLg: 400,
555555
sansMediumItalic3Xl: 500,
556556
sansMediumItalic2Xl: 500,
@@ -569,7 +569,6 @@ const extend = {
569569
sansMediumItalic4Xl: 500,
570570
sansMediumNormalSm: 500,
571571
sansMediumNormalXl: 500,
572-
sansMediumNormal5Xl: 500,
573572
sansMediumNormal3Xl: 500,
574573
sansMediumNormal6Xl: 500,
575574
sansMediumItalic6Xl: 500,
@@ -578,7 +577,7 @@ const extend = {
578577
sansMediumItalic7Xl: 500,
579578
sansMediumNormal4Xl: 500,
580579
sansMediumItalicBase: 500,
581-
sansBoldNormalXl: 700,
580+
sansMediumNormal5Xl: 500,
582581
sansBoldNormalLg: 700,
583582
monoBoldItalic4Xl: 700,
584583
monoBoldItalic3Xl: 700,
@@ -600,6 +599,8 @@ const extend = {
600599
sansBoldItalic8Xl: 700,
601600
sansBoldNormal6Xl: 700,
602601
sansBoldItalicXl: 700,
602+
sansBoldItalic7Xl: 700,
603+
sansBoldNormalXl: 700,
603604
sansBoldNormal7Xl: 700,
604605
sansBoldItalic2Xl: 700,
605606
sansBoldNormal3Xl: 700,
@@ -622,14 +623,13 @@ const extend = {
622623
monoBoldItalicBase: 700,
623624
monoBoldNormalSm: 700,
624625
sansBoldNormal9Xl: 700,
625-
monoBoldNormalXl: 700,
626-
monoBoldItalicLg: 700,
627-
sansBoldItalicXs: 700,
628626
monoBoldNormal5Xl: 700,
629627
monoBoldItalicXl: 700,
630628
monoBoldItalicSm: 700,
631629
monoBoldNormalXs: 700,
632-
sansBoldItalic7Xl: 700,
630+
monoBoldNormalXl: 700,
631+
monoBoldItalicLg: 700,
632+
sansBoldItalicXs: 700,
633633
},
634634
};
635635

0 commit comments

Comments
 (0)