@novalabsxyz/tokens 2.0.0-y.8 → 2.0.1

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 (14) hide show
  1. package/build/css/tailwindTextStyles.css +338 -406
  2. package/build/css/textStyles.css +338 -406
  3. package/build/css/tokens-dark.css +2133 -2130
  4. package/build/css/tokens-light.css +2124 -2121
  5. package/build/js/tokens-dark-mobile.js +1919 -1916
  6. package/build/js/tokens-dark.js +1919 -1916
  7. package/build/js/tokens-light-mobile.js +1907 -1904
  8. package/build/js/tokens-light.js +1907 -1904
  9. package/build/json/textStyles.json +696 -0
  10. package/build/json/tokens-dark.json +4170 -0
  11. package/build/json/tokens-light.json +4143 -0
  12. package/build/scss/tokens-dark.scss +2051 -2048
  13. package/build/scss/tokens-light.scss +2038 -2035
  14. package/package.json +4 -5
package/build/css/textStyles.css CHANGED
@@ -1,763 +1,695 @@
1
1
  :root {
2
- .display-2xl-bold {
3
- font-family: Figtree;
2
+ .display-2xl-regular {
3
+ font-family: var(--font-figtree);
4
+ font-weight: regular;
5
+ line-height: 72px;
4
6
  font-size: 72px;
5
- font-weight: Bold;
6
7
  letter-spacing: -2px;
7
- line-height: 100px;
8
8
  text-indent: 0px;
9
- margin-bottom: 72px;
10
9
  text-transform: none;
11
10
  text-decoration: none;
12
11
  }
13
12
  .display-2xl-medium {
14
- font-family: Figtree;
13
+ font-family: var(--font-figtree);
14
+ font-weight: 500;
15
+ line-height: 72px;
15
16
  font-size: 72px;
16
- font-weight: Medium;
17
17
  letter-spacing: -2px;
18
- line-height: 100px;
19
18
  text-indent: 0px;
20
- margin-bottom: 72px;
21
19
  text-transform: none;
22
20
  text-decoration: none;
23
21
  }
24
- .display-2xl-regular {
25
- font-family: Figtree;
22
+ .display-2xl-semibold {
23
+ font-family: var(--font-figtree);
24
+ font-weight: 600;
25
+ line-height: 72px;
26
26
  font-size: 72px;
27
- font-weight: Regular;
28
27
  letter-spacing: -2px;
29
- line-height: 100px;
30
28
  text-indent: 0px;
31
- margin-bottom: 72px;
32
29
  text-transform: none;
33
30
  text-decoration: none;
34
31
  }
35
- .display-2xl-semibold {
36
- font-family: Figtree;
32
+ .display-2xl-bold {
33
+ font-family: var(--font-figtree);
34
+ font-weight: 700;
35
+ line-height: 72px;
37
36
  font-size: 72px;
38
- font-weight: SemiBold;
39
37
  letter-spacing: -2px;
40
- line-height: 100px;
41
38
  text-indent: 0px;
42
- margin-bottom: 72px;
43
39
  text-transform: none;
44
40
  text-decoration: none;
45
41
  }
46
- .display-lg-bold {
47
- font-family: Figtree;
48
- font-size: 48px;
49
- font-weight: Bold;
42
+ .display-xl-regular {
43
+ font-family: var(--font-figtree);
44
+ font-weight: regular;
45
+ line-height: 60px;
46
+ font-size: 60px;
50
47
  letter-spacing: -2px;
48
+ text-indent: 0px;
49
+ text-transform: none;
50
+ text-decoration: none;
51
+ }
52
+ .display-xl-medium {
53
+ font-family: var(--font-figtree);
54
+ font-weight: 500;
51
55
  line-height: 60px;
56
+ font-size: 60px;
57
+ letter-spacing: -2px;
52
58
  text-indent: 0px;
53
- margin-bottom: 48px;
54
59
  text-transform: none;
55
60
  text-decoration: none;
56
61
  }
57
- .display-lg-medium {
58
- font-family: Figtree;
59
- font-size: 48px;
60
- font-weight: Medium;
62
+ .display-xl-semibold {
63
+ font-family: var(--font-figtree);
64
+ font-weight: 600;
65
+ line-height: 60px;
66
+ font-size: 60px;
61
67
  letter-spacing: -2px;
68
+ text-indent: 0px;
69
+ text-transform: none;
70
+ text-decoration: none;
71
+ }
72
+ .display-xl-bold {
73
+ font-family: var(--font-figtree);
74
+ font-weight: 700;
62
75
  line-height: 60px;
76
+ font-size: 60px;
77
+ letter-spacing: -2px;
63
78
  text-indent: 0px;
64
- margin-bottom: 48px;
65
79
  text-transform: none;
66
80
  text-decoration: none;
67
81
  }
68
82
  .display-lg-regular {
69
- font-family: Figtree;
83
+ font-family: var(--font-figtree);
84
+ font-weight: regular;
85
+ line-height: 48px;
86
+ font-size: 48px;
87
+ letter-spacing: -2px;
88
+ text-indent: 0px;
89
+ text-transform: none;
90
+ text-decoration: none;
91
+ }
92
+ .display-lg-medium {
93
+ font-family: var(--font-figtree);
94
+ font-weight: 500;
95
+ line-height: 48px;
70
96
  font-size: 48px;
71
- font-weight: Regular;
72
97
  letter-spacing: -2px;
73
- line-height: 60px;
74
98
  text-indent: 0px;
75
- margin-bottom: 48px;
76
99
  text-transform: none;
77
100
  text-decoration: none;
78
101
  }
79
102
  .display-lg-semibold {
80
- font-family: Figtree;
103
+ font-family: var(--font-figtree);
104
+ font-weight: 600;
105
+ line-height: 48px;
81
106
  font-size: 48px;
82
- font-weight: SemiBold;
83
107
  letter-spacing: -2px;
84
- line-height: 60px;
85
108
  text-indent: 0px;
86
- margin-bottom: 48px;
87
109
  text-transform: none;
88
110
  text-decoration: none;
89
111
  }
90
- .display-md-bold {
91
- font-family: Figtree;
112
+ .display-lg-bold {
113
+ font-family: var(--font-figtree);
114
+ font-weight: 700;
115
+ line-height: 48px;
116
+ font-size: 48px;
117
+ letter-spacing: -2px;
118
+ text-indent: 0px;
119
+ text-transform: none;
120
+ text-decoration: none;
121
+ }
122
+ .display-md-regular {
123
+ font-family: var(--font-figtree);
124
+ font-weight: regular;
125
+ line-height: 36px;
92
126
  font-size: 36px;
93
- font-weight: Bold;
94
127
  letter-spacing: -2px;
95
- line-height: 100px;
96
128
  text-indent: 0px;
97
- margin-bottom: 36px;
98
129
  text-transform: none;
99
130
  text-decoration: none;
100
131
  }
101
132
  .display-md-medium {
102
- font-family: Figtree;
133
+ font-family: var(--font-figtree);
134
+ font-weight: 500;
135
+ line-height: 36px;
103
136
  font-size: 36px;
104
- font-weight: Medium;
105
137
  letter-spacing: -2px;
106
- line-height: 100px;
107
138
  text-indent: 0px;
108
- margin-bottom: 36px;
109
139
  text-transform: none;
110
140
  text-decoration: none;
111
141
  }
112
- .display-md-regular {
113
- font-family: Figtree;
142
+ .display-md-semibold {
143
+ font-family: var(--font-figtree);
144
+ font-weight: 600;
145
+ line-height: 36px;
114
146
  font-size: 36px;
115
- font-weight: Regular;
116
147
  letter-spacing: -2px;
117
- line-height: 100px;
118
148
  text-indent: 0px;
119
- margin-bottom: 36px;
120
149
  text-transform: none;
121
150
  text-decoration: none;
122
151
  }
123
- .display-md-semibold {
124
- font-family: Figtree;
152
+ .display-md-bold {
153
+ font-family: var(--font-figtree);
154
+ font-weight: 700;
155
+ line-height: 36px;
125
156
  font-size: 36px;
126
- font-weight: SemiBold;
127
157
  letter-spacing: -2px;
128
- line-height: 100px;
129
158
  text-indent: 0px;
130
- margin-bottom: 36px;
131
159
  text-transform: none;
132
160
  text-decoration: none;
133
161
  }
134
- .display-sm-bold {
135
- font-family: Figtree;
162
+ .display-sm-regular {
163
+ font-family: var(--font-figtree);
164
+ font-weight: regular;
165
+ line-height: 30px;
136
166
  font-size: 30px;
137
- font-weight: Bold;
138
167
  letter-spacing: 0px;
139
- line-height: 38px;
140
168
  text-indent: 0px;
141
- margin-bottom: 30px;
142
169
  text-transform: none;
143
170
  text-decoration: none;
144
171
  }
145
172
  .display-sm-medium {
146
- font-family: Figtree;
173
+ font-family: var(--font-figtree);
174
+ font-weight: 500;
175
+ line-height: 30px;
147
176
  font-size: 30px;
148
- font-weight: Medium;
149
177
  letter-spacing: 0px;
150
- line-height: 38px;
151
178
  text-indent: 0px;
152
- margin-bottom: 30px;
153
179
  text-transform: none;
154
180
  text-decoration: none;
155
181
  }
156
- .display-sm-medium-italic {
157
- font-family: Inter;
182
+ .display-sm-semibold {
183
+ font-family: var(--font-figtree);
184
+ font-weight: 600;
185
+ line-height: 30px;
158
186
  font-size: 30px;
159
- font-weight: Medium;
160
187
  letter-spacing: 0px;
161
- line-height: 44px;
162
188
  text-indent: 0px;
163
- margin-bottom: 38px;
164
189
  text-transform: none;
165
190
  text-decoration: none;
166
- font-style: italic;
167
191
  }
168
- .display-sm-regular {
169
- font-family: Figtree;
192
+ .display-sm-bold {
193
+ font-family: var(--font-figtree);
194
+ font-weight: 700;
195
+ line-height: 30px;
170
196
  font-size: 30px;
171
- font-weight: Regular;
172
197
  letter-spacing: 0px;
173
- line-height: 38px;
174
198
  text-indent: 0px;
175
- margin-bottom: 30px;
176
199
  text-transform: none;
177
200
  text-decoration: none;
178
201
  }
179
- .display-sm-semibold {
180
- font-family: Figtree;
202
+ .display-sm-medium-italic {
203
+ font-family: var(--font-figtree);
204
+ font-weight: 500;
205
+ line-height: 30px;
181
206
  font-size: 30px;
182
- font-weight: SemiBold;
183
207
  letter-spacing: 0px;
184
- line-height: 38px;
185
208
  text-indent: 0px;
186
- margin-bottom: 30px;
187
209
  text-transform: none;
188
210
  text-decoration: none;
211
+ font-style: italic;
189
212
  }
190
- .display-xl-bold {
191
- font-family: Figtree;
192
- font-size: 60px;
193
- font-weight: Bold;
194
- letter-spacing: -2px;
195
- line-height: 100px;
213
+ .display-xs-regular {
214
+ font-family: var(--font-figtree);
215
+ font-weight: regular;
216
+ line-height: 24px;
217
+ font-size: 24px;
218
+ letter-spacing: 0px;
196
219
  text-indent: 0px;
197
- margin-bottom: 60px;
198
220
  text-transform: none;
199
221
  text-decoration: none;
200
222
  }
201
- .display-xl-medium {
202
- font-family: Figtree;
203
- font-size: 60px;
204
- font-weight: Medium;
205
- letter-spacing: -2px;
206
- line-height: 72px;
223
+ .display-xs-medium {
224
+ font-family: var(--font-figtree);
225
+ font-weight: 500;
226
+ line-height: 24px;
227
+ font-size: 24px;
228
+ letter-spacing: 0px;
207
229
  text-indent: 0px;
208
- margin-bottom: 60px;
209
230
  text-transform: none;
210
231
  text-decoration: none;
211
232
  }
212
- .display-xl-regular {
213
- font-family: Figtree;
214
- font-size: 60px;
215
- font-weight: Regular;
216
- letter-spacing: -2px;
217
- line-height: 100px;
233
+ .display-xs-semibold {
234
+ font-family: var(--font-figtree);
235
+ font-weight: 600;
236
+ line-height: 24px;
237
+ font-size: 24px;
238
+ letter-spacing: 0px;
218
239
  text-indent: 0px;
219
- margin-bottom: 60px;
220
240
  text-transform: none;
221
241
  text-decoration: none;
222
242
  }
223
- .display-xl-semibold {
224
- font-family: Figtree;
225
- font-size: 60px;
226
- font-weight: SemiBold;
227
- letter-spacing: -2px;
228
- line-height: 100px;
243
+ .display-xs-bold {
244
+ font-family: var(--font-figtree);
245
+ font-weight: 700;
246
+ line-height: 24px;
247
+ font-size: 24px;
248
+ letter-spacing: 0px;
229
249
  text-indent: 0px;
230
- margin-bottom: 60px;
231
250
  text-transform: none;
232
251
  text-decoration: none;
233
252
  }
234
- .display-xs-bold {
235
- font-family: Figtree;
253
+ .display-xs-medium-italic {
254
+ font-family: var(--font-figtree);
255
+ font-weight: 500;
256
+ line-height: 24px;
236
257
  font-size: 24px;
237
- font-weight: Bold;
238
258
  letter-spacing: 0px;
239
- line-height: 32px;
240
259
  text-indent: 0px;
241
- margin-bottom: 24px;
242
260
  text-transform: none;
243
261
  text-decoration: none;
262
+ font-style: italic;
244
263
  }
245
- .display-xs-medium {
246
- font-family: Figtree;
247
- font-size: 24px;
248
- font-weight: Medium;
264
+ .text-xl-regular {
265
+ font-family: var(--font-figtree);
266
+ font-weight: regular;
267
+ line-height: 20px;
268
+ font-size: 20px;
249
269
  letter-spacing: 0px;
250
- line-height: 32px;
251
270
  text-indent: 0px;
252
- margin-bottom: 24px;
253
271
  text-transform: none;
254
272
  text-decoration: none;
255
273
  }
256
- .display-xs-medium-italic {
257
- font-family: Inter;
258
- font-size: 24px;
259
- font-weight: Medium;
274
+ .text-xl-medium {
275
+ font-family: var(--font-figtree);
276
+ font-weight: 500;
277
+ line-height: 20px;
278
+ font-size: 20px;
260
279
  letter-spacing: 0px;
261
- line-height: 36px;
262
280
  text-indent: 0px;
263
- margin-bottom: 32px;
264
281
  text-transform: none;
265
282
  text-decoration: none;
266
- font-style: italic;
267
283
  }
268
- .display-xs-regular {
269
- font-family: Figtree;
270
- font-size: 24px;
271
- font-weight: Regular;
284
+ .text-xl-semibold {
285
+ font-family: var(--font-figtree);
286
+ font-weight: 600;
287
+ line-height: 20px;
288
+ font-size: 20px;
272
289
  letter-spacing: 0px;
273
- line-height: 32px;
274
290
  text-indent: 0px;
275
- margin-bottom: 24px;
276
291
  text-transform: none;
277
292
  text-decoration: none;
278
293
  }
279
- .display-xs-semibold {
280
- font-family: Figtree;
281
- font-size: 24px;
282
- font-weight: SemiBold;
294
+ .text-xl-bold {
295
+ font-family: var(--font-figtree);
296
+ font-weight: 700;
297
+ line-height: 20px;
298
+ font-size: 20px;
283
299
  letter-spacing: 0px;
284
- line-height: 32px;
285
300
  text-indent: 0px;
286
- margin-bottom: 24px;
287
301
  text-transform: none;
288
302
  text-decoration: none;
289
303
  }
290
- .text-lg-bold {
291
- font-family: Figtree;
292
- font-size: 18px;
293
- font-weight: Bold;
304
+ .text-xl-regular-italic {
305
+ font-family: var(--font-figtree);
306
+ font-weight: regular;
307
+ line-height: 20px;
308
+ font-size: 20px;
294
309
  letter-spacing: 0px;
295
- line-height: 28px;
296
310
  text-indent: 0px;
297
- margin-bottom: 18px;
298
311
  text-transform: none;
299
312
  text-decoration: none;
313
+ font-style: italic;
300
314
  }
301
- .text-lg-bold-italic {
302
- font-family: Inter;
303
- font-size: 18px;
304
- font-weight: Bold;
315
+ .text-xl-medium-italic {
316
+ font-family: var(--font-figtree);
317
+ font-weight: 500;
318
+ line-height: 20px;
319
+ font-size: 20px;
305
320
  letter-spacing: 0px;
306
- line-height: 28px;
307
321
  text-indent: 0px;
308
- margin-bottom: 18px;
309
322
  text-transform: none;
310
323
  text-decoration: none;
311
324
  font-style: italic;
312
325
  }
313
- .text-lg-medium {
314
- font-family: Figtree;
315
- font-size: 18px;
316
- font-weight: Medium;
326
+ .text-xl-semibold-italic {
327
+ font-family: var(--font-figtree);
328
+ font-weight: semi 700;
329
+ line-height: 20px;
330
+ font-size: 20px;
317
331
  letter-spacing: 0px;
318
- line-height: 28px;
319
332
  text-indent: 0px;
320
- margin-bottom: 18px;
321
333
  text-transform: none;
322
334
  text-decoration: none;
335
+ font-style: italic;
323
336
  }
324
- .text-lg-medium-italic {
325
- font-family: Inter;
326
- font-size: 18px;
327
- font-weight: Medium;
337
+ .text-xl-bold-italic {
338
+ font-family: var(--font-figtree);
339
+ font-weight: 700;
340
+ line-height: 20px;
341
+ font-size: 20px;
328
342
  letter-spacing: 0px;
329
- line-height: 28px;
330
343
  text-indent: 0px;
331
- margin-bottom: 18px;
332
344
  text-transform: none;
333
345
  text-decoration: none;
334
346
  font-style: italic;
335
347
  }
336
- .text-lg-medium-underlined {
337
- font-family: Inter;
338
- font-size: 18px;
339
- font-weight: Medium;
348
+ .text-xl-regular-underlined {
349
+ font-family: var(--font-figtree);
350
+ font-weight: regular;
351
+ line-height: 20px;
352
+ font-size: 20px;
340
353
  letter-spacing: 0px;
341
- line-height: 28px;
342
354
  text-indent: 0px;
343
- margin-bottom: 28px;
344
355
  text-transform: none;
345
356
  text-decoration: underline;
346
357
  }
347
358
  .text-lg-regular {
348
- font-family: Figtree;
359
+ font-family: var(--font-figtree);
360
+ font-weight: regular;
361
+ line-height: 18px;
349
362
  font-size: 18px;
350
- font-weight: Regular;
351
363
  letter-spacing: 0px;
352
- line-height: 28px;
353
364
  text-indent: 0px;
354
- margin-bottom: 18px;
355
365
  text-transform: none;
356
366
  text-decoration: none;
357
367
  }
358
- .text-lg-regular-italic {
359
- font-family: Inter;
368
+ .text-lg-medium {
369
+ font-family: var(--font-figtree);
370
+ font-weight: 500;
371
+ line-height: 18px;
360
372
  font-size: 18px;
361
- font-weight: Regular;
362
373
  letter-spacing: 0px;
363
- line-height: 28px;
364
374
  text-indent: 0px;
365
- margin-bottom: 18px;
366
375
  text-transform: none;
367
376
  text-decoration: none;
368
- font-style: italic;
369
377
  }
370
- .text-lg-regular-underlined {
371
- font-family: Inter;
378
+ .text-lg-semibold {
379
+ font-family: var(--font-figtree);
380
+ font-weight: 600;
381
+ line-height: 18px;
372
382
  font-size: 18px;
373
- font-weight: Regular;
374
383
  letter-spacing: 0px;
375
- line-height: 28px;
376
384
  text-indent: 0px;
377
- margin-bottom: 18px;
378
385
  text-transform: none;
379
- text-decoration: underline;
386
+ text-decoration: none;
380
387
  }
381
- .text-lg-semibold {
382
- font-family: Figtree;
388
+ .text-lg-bold {
389
+ font-family: var(--font-figtree);
390
+ font-weight: 700;
391
+ line-height: 18px;
383
392
  font-size: 18px;
384
- font-weight: SemiBold;
385
393
  letter-spacing: 0px;
386
- line-height: 28px;
387
394
  text-indent: 0px;
388
- margin-bottom: 18px;
389
395
  text-transform: none;
390
396
  text-decoration: none;
391
397
  }
392
- .text-lg-semibold-italic {
393
- font-family: Inter;
398
+ .text-lg-regular-italic {
399
+ font-family: var(--font-figtree);
400
+ font-weight: regular;
401
+ line-height: 18px;
394
402
  font-size: 18px;
395
- font-weight: Semi Bold;
396
403
  letter-spacing: 0px;
397
- line-height: 28px;
398
404
  text-indent: 0px;
399
- margin-bottom: 18px;
400
405
  text-transform: none;
401
406
  text-decoration: none;
402
407
  font-style: italic;
403
408
  }
404
- .text-lg-semibold-underlined {
405
- font-family: Inter;
409
+ .text-lg-medium-italic {
410
+ font-family: var(--font-figtree);
411
+ font-weight: 500;
412
+ line-height: 18px;
406
413
  font-size: 18px;
407
- font-weight: Semi Bold;
408
414
  letter-spacing: 0px;
409
- line-height: 28px;
410
415
  text-indent: 0px;
411
- margin-bottom: 18px;
412
416
  text-transform: none;
413
- text-decoration: underline;
417
+ text-decoration: none;
418
+ font-style: italic;
414
419
  }
415
- .text-md-bold {
416
- font-family: Figtree;
417
- font-size: 16px;
418
- font-weight: Bold;
420
+ .text-lg-semibold-italic {
421
+ font-family: var(--font-figtree);
422
+ font-weight: semi 700;
423
+ line-height: 18px;
424
+ font-size: 18px;
419
425
  letter-spacing: 0px;
420
- line-height: 24px;
421
426
  text-indent: 0px;
422
- margin-bottom: 16px;
423
427
  text-transform: none;
424
428
  text-decoration: none;
429
+ font-style: italic;
425
430
  }
426
- .text-md-bold-italic {
427
- font-family: Inter;
428
- font-size: 16px;
429
- font-weight: Bold;
431
+ .text-lg-bold-italic {
432
+ font-family: var(--font-figtree);
433
+ font-weight: 700;
434
+ line-height: 18px;
435
+ font-size: 18px;
430
436
  letter-spacing: 0px;
431
- line-height: 24px;
432
437
  text-indent: 0px;
433
- margin-bottom: 16px;
434
438
  text-transform: none;
435
439
  text-decoration: none;
436
440
  font-style: italic;
437
441
  }
438
- .text-md-medium {
439
- font-family: Figtree;
440
- font-size: 16px;
441
- font-weight: Medium;
442
+ .text-lg-regular-underlined {
443
+ font-family: var(--font-figtree);
444
+ font-weight: regular;
445
+ line-height: 18px;
446
+ font-size: 18px;
442
447
  letter-spacing: 0px;
443
- line-height: 24px;
444
448
  text-indent: 0px;
445
- margin-bottom: 16px;
446
449
  text-transform: none;
447
- text-decoration: none;
450
+ text-decoration: underline;
448
451
  }
449
- .text-md-medium-italic {
450
- font-family: Inter;
451
- font-size: 16px;
452
- font-weight: Medium;
452
+ .text-lg-medium-underlined {
453
+ font-family: var(--font-figtree);
454
+ font-weight: 500;
455
+ line-height: 18px;
456
+ font-size: 18px;
453
457
  letter-spacing: 0px;
454
- line-height: 24px;
455
458
  text-indent: 0px;
456
- margin-bottom: 16px;
457
459
  text-transform: none;
458
- text-decoration: none;
459
- font-style: italic;
460
+ text-decoration: underline;
460
461
  }
461
- .text-md-medium-underlined {
462
- font-family: Inter;
463
- font-size: 16px;
464
- font-weight: Medium;
462
+ .text-lg-semibold-underlined {
463
+ font-family: var(--font-figtree);
464
+ font-weight: semi 700;
465
+ line-height: 18px;
466
+ font-size: 18px;
465
467
  letter-spacing: 0px;
466
- line-height: 24px;
467
468
  text-indent: 0px;
468
- margin-bottom: 24px;
469
469
  text-transform: none;
470
470
  text-decoration: underline;
471
471
  }
472
472
  .text-md-regular {
473
- font-family: Figtree;
473
+ font-family: var(--font-figtree);
474
+ font-weight: regular;
475
+ line-height: 16px;
474
476
  font-size: 16px;
475
- font-weight: Regular;
476
477
  letter-spacing: 0px;
477
- line-height: 24px;
478
478
  text-indent: 0px;
479
- margin-bottom: 16px;
480
479
  text-transform: none;
481
480
  text-decoration: none;
482
481
  }
483
- .text-md-regular-italic {
484
- font-family: Inter;
482
+ .text-md-medium {
483
+ font-family: var(--font-figtree);
484
+ font-weight: 500;
485
+ line-height: 16px;
485
486
  font-size: 16px;
486
- font-weight: Regular;
487
487
  letter-spacing: 0px;
488
- line-height: 24px;
489
488
  text-indent: 0px;
490
- margin-bottom: 16px;
491
489
  text-transform: none;
492
490
  text-decoration: none;
493
- font-style: italic;
494
491
  }
495
- .text-md-regular-underlined {
496
- font-family: Inter;
492
+ .text-md-semibold {
493
+ font-family: var(--font-figtree);
494
+ font-weight: 600;
495
+ line-height: 16px;
497
496
  font-size: 16px;
498
- font-weight: Regular;
499
497
  letter-spacing: 0px;
500
- line-height: 24px;
501
498
  text-indent: 0px;
502
- margin-bottom: 24px;
503
499
  text-transform: none;
504
- text-decoration: underline;
500
+ text-decoration: none;
505
501
  }
506
- .text-md-semibold {
507
- font-family: Figtree;
502
+ .text-md-bold {
503
+ font-family: var(--font-figtree);
504
+ font-weight: 700;
505
+ line-height: 16px;
508
506
  font-size: 16px;
509
- font-weight: SemiBold;
510
507
  letter-spacing: 0px;
511
- line-height: 24px;
512
508
  text-indent: 0px;
513
- margin-bottom: 16px;
514
509
  text-transform: none;
515
510
  text-decoration: none;
516
511
  }
517
- .text-md-semibold-italic {
518
- font-family: Inter;
512
+ .text-md-regular-italic {
513
+ font-family: var(--font-figtree);
514
+ font-weight: regular;
515
+ line-height: 16px;
519
516
  font-size: 16px;
520
- font-weight: Semi Bold;
521
517
  letter-spacing: 0px;
522
- line-height: 24px;
523
518
  text-indent: 0px;
524
- margin-bottom: 16px;
525
519
  text-transform: none;
526
520
  text-decoration: none;
527
521
  font-style: italic;
528
522
  }
529
- .text-md-semibold-underlined {
530
- font-family: Inter;
523
+ .text-md-medium-italic {
524
+ font-family: var(--font-figtree);
525
+ font-weight: 500;
526
+ line-height: 16px;
531
527
  font-size: 16px;
532
- font-weight: Semi Bold;
533
528
  letter-spacing: 0px;
534
- line-height: 24px;
535
529
  text-indent: 0px;
536
- margin-bottom: 16px;
537
530
  text-transform: none;
538
- text-decoration: underline;
531
+ text-decoration: none;
532
+ font-style: italic;
539
533
  }
540
- .text-sm-bold {
541
- font-family: Figtree;
542
- font-size: 14px;
543
- font-weight: Bold;
534
+ .text-md-semibold-italic {
535
+ font-family: var(--font-figtree);
536
+ font-weight: semi 700;
537
+ line-height: 16px;
538
+ font-size: 16px;
544
539
  letter-spacing: 0px;
545
- line-height: 20px;
546
540
  text-indent: 0px;
547
- margin-bottom: 14px;
548
541
  text-transform: none;
549
542
  text-decoration: none;
543
+ font-style: italic;
550
544
  }
551
- .text-sm-medium {
552
- font-family: Figtree;
553
- font-size: 14px;
554
- font-weight: Medium;
545
+ .text-md-bold-italic {
546
+ font-family: var(--font-figtree);
547
+ font-weight: 700;
548
+ line-height: 16px;
549
+ font-size: 16px;
555
550
  letter-spacing: 0px;
556
- line-height: 20px;
557
551
  text-indent: 0px;
558
- margin-bottom: 14px;
559
552
  text-transform: none;
560
553
  text-decoration: none;
554
+ font-style: italic;
561
555
  }
562
- .text-sm-medium-underlined {
563
- font-family: Inter;
564
- font-size: 14px;
565
- font-weight: Medium;
556
+ .text-md-regular-underlined {
557
+ font-family: var(--font-figtree);
558
+ font-weight: regular;
559
+ line-height: 16px;
560
+ font-size: 16px;
566
561
  letter-spacing: 0px;
567
- line-height: 20px;
568
562
  text-indent: 0px;
569
- margin-bottom: 14px;
570
563
  text-transform: none;
571
564
  text-decoration: underline;
572
565
  }
573
- .text-sm-regular {
574
- font-family: Figtree;
575
- font-size: 14px;
576
- font-weight: Regular;
566
+ .text-md-medium-underlined {
567
+ font-family: var(--font-figtree);
568
+ font-weight: 500;
569
+ line-height: 16px;
570
+ font-size: 16px;
577
571
  letter-spacing: 0px;
578
- line-height: 20px;
579
572
  text-indent: 0px;
580
- margin-bottom: 14px;
581
573
  text-transform: none;
582
- text-decoration: none;
574
+ text-decoration: underline;
583
575
  }
584
- .text-sm-regular-underlined {
585
- font-family: Inter;
586
- font-size: 14px;
587
- font-weight: Regular;
576
+ .text-md-semibold-underlined {
577
+ font-family: var(--font-figtree);
578
+ font-weight: semi 700;
579
+ line-height: 16px;
580
+ font-size: 16px;
588
581
  letter-spacing: 0px;
589
- line-height: 20px;
590
582
  text-indent: 0px;
591
- margin-bottom: 14px;
592
583
  text-transform: none;
593
584
  text-decoration: underline;
594
585
  }
595
- .text-sm-semibold {
596
- font-family: Figtree;
586
+ .text-sm-regular {
587
+ font-family: var(--font-figtree);
588
+ font-weight: regular;
589
+ line-height: 14px;
597
590
  font-size: 14px;
598
- font-weight: SemiBold;
599
591
  letter-spacing: 0px;
600
- line-height: 20px;
601
592
  text-indent: 0px;
602
- margin-bottom: 14px;
603
593
  text-transform: none;
604
594
  text-decoration: none;
605
595
  }
606
- .text-sm-semibold-underlined {
607
- font-family: Inter;
596
+ .text-sm-medium {
597
+ font-family: var(--font-figtree);
598
+ font-weight: 500;
599
+ line-height: 14px;
608
600
  font-size: 14px;
609
- font-weight: Semi Bold;
610
- letter-spacing: 0px;
611
- line-height: 20px;
612
- text-indent: 0px;
613
- margin-bottom: 14px;
614
- text-transform: none;
615
- text-decoration: underline;
616
- }
617
- .text-xl-bold {
618
- font-family: Figtree;
619
- font-size: 20px;
620
- font-weight: Bold;
621
- letter-spacing: 0px;
622
- line-height: 30px;
623
- text-indent: 0px;
624
- margin-bottom: 20px;
625
- text-transform: none;
626
- text-decoration: none;
627
- }
628
- .text-xl-bold-italic {
629
- font-family: Inter;
630
- font-size: 20px;
631
- font-weight: Bold;
632
- letter-spacing: 0px;
633
- line-height: 30px;
634
- text-indent: 0px;
635
- margin-bottom: 20px;
636
- text-transform: none;
637
- text-decoration: none;
638
- font-style: italic;
639
- }
640
- .text-xl-medium {
641
- font-family: Figtree;
642
- font-size: 20px;
643
- font-weight: Medium;
644
- letter-spacing: 0px;
645
- line-height: 30px;
646
- text-indent: 0px;
647
- margin-bottom: 20px;
648
- text-transform: none;
649
- text-decoration: none;
650
- }
651
- .text-xl-medium-italic {
652
- font-family: Inter;
653
- font-size: 20px;
654
- font-weight: Medium;
655
601
  letter-spacing: 0px;
656
- line-height: 30px;
657
602
  text-indent: 0px;
658
- margin-bottom: 20px;
659
603
  text-transform: none;
660
604
  text-decoration: none;
661
- font-style: italic;
662
605
  }
663
- .text-xl-regular {
664
- font-family: Figtree;
665
- font-size: 20px;
666
- font-weight: Regular;
606
+ .text-sm-semibold {
607
+ font-family: var(--font-figtree);
608
+ font-weight: 600;
609
+ line-height: 14px;
610
+ font-size: 14px;
667
611
  letter-spacing: 0px;
668
- line-height: 30px;
669
612
  text-indent: 0px;
670
- margin-bottom: 20px;
671
613
  text-transform: none;
672
614
  text-decoration: none;
673
615
  }
674
- .text-xl-regular-italic {
675
- font-family: Inter;
676
- font-size: 20px;
677
- font-weight: Regular;
616
+ .text-sm-bold {
617
+ font-family: var(--font-figtree);
618
+ font-weight: 700;
619
+ line-height: 14px;
620
+ font-size: 14px;
678
621
  letter-spacing: 0px;
679
- line-height: 30px;
680
622
  text-indent: 0px;
681
- margin-bottom: 20px;
682
623
  text-transform: none;
683
624
  text-decoration: none;
684
- font-style: italic;
685
625
  }
686
- .text-xl-regular-underlined {
687
- font-family: Inter;
688
- font-size: 20px;
689
- font-weight: Regular;
626
+ .text-sm-regular-underlined {
627
+ font-family: var(--font-figtree);
628
+ font-weight: regular;
629
+ line-height: 14px;
630
+ font-size: 14px;
690
631
  letter-spacing: 0px;
691
- line-height: 30px;
692
632
  text-indent: 0px;
693
- margin-bottom: 0px;
694
633
  text-transform: none;
695
634
  text-decoration: underline;
696
635
  }
697
- .text-xl-semibold {
698
- font-family: Figtree;
699
- font-size: 20px;
700
- font-weight: SemiBold;
636
+ .text-sm-medium-underlined {
637
+ font-family: var(--font-figtree);
638
+ font-weight: 500;
639
+ line-height: 14px;
640
+ font-size: 14px;
701
641
  letter-spacing: 0px;
702
- line-height: 30px;
703
642
  text-indent: 0px;
704
- margin-bottom: 20px;
705
643
  text-transform: none;
706
- text-decoration: none;
644
+ text-decoration: underline;
707
645
  }
708
- .text-xl-semibold-italic {
709
- font-family: Inter;
710
- font-size: 20px;
711
- font-weight: Semi Bold;
646
+ .text-sm-semibold-underlined {
647
+ font-family: var(--font-figtree);
648
+ font-weight: semi 700;
649
+ line-height: 14px;
650
+ font-size: 14px;
712
651
  letter-spacing: 0px;
713
- line-height: 30px;
714
652
  text-indent: 0px;
715
- margin-bottom: 20px;
716
653
  text-transform: none;
717
- text-decoration: none;
718
- font-style: italic;
654
+ text-decoration: underline;
719
655
  }
720
- .text-xs-bold {
721
- font-family: Figtree;
656
+ .text-xs-regular {
657
+ font-family: var(--font-figtree);
658
+ font-weight: regular;
659
+ line-height: 12px;
722
660
  font-size: 12px;
723
- font-weight: Bold;
724
661
  letter-spacing: 0px;
725
- line-height: 18px;
726
662
  text-indent: 0px;
727
- margin-bottom: 12px;
728
663
  text-transform: none;
729
664
  text-decoration: none;
730
665
  }
731
666
  .text-xs-medium {
732
- font-family: Figtree;
667
+ font-family: var(--font-figtree);
668
+ font-weight: 500;
669
+ line-height: 12px;
733
670
  font-size: 12px;
734
- font-weight: Medium;
735
671
  letter-spacing: 0px;
736
- line-height: 18px;
737
672
  text-indent: 0px;
738
- margin-bottom: 12px;
739
673
  text-transform: none;
740
674
  text-decoration: none;
741
675
  }
742
- .text-xs-regular {
743
- font-family: Figtree;
676
+ .text-xs-semibold {
677
+ font-family: var(--font-figtree);
678
+ font-weight: 600;
679
+ line-height: 12px;
744
680
  font-size: 12px;
745
- font-weight: Regular;
746
681
  letter-spacing: 0px;
747
- line-height: 18px;
748
682
  text-indent: 0px;
749
- margin-bottom: 12px;
750
683
  text-transform: none;
751
684
  text-decoration: none;
752
685
  }
753
- .text-xs-semibold {
754
- font-family: Figtree;
686
+ .text-xs-bold {
687
+ font-family: var(--font-figtree);
688
+ font-weight: 700;
689
+ line-height: 12px;
755
690
  font-size: 12px;
756
- font-weight: SemiBold;
757
691
  letter-spacing: 0px;
758
- line-height: 18px;
759
692
  text-indent: 0px;
760
- margin-bottom: 12px;
761
693
  text-transform: none;
762
694
  text-decoration: none;
763
695
  }