@transferwise/neptune-css 0.0.0-experimental-0cae6bf → 0.0.0-experimental-d0b3ee6

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 (45) hide show
  1. package/dist/css/accordion.css +52 -23
  2. package/dist/css/button-groups.css +8 -29
  3. package/dist/css/buttons.css +2 -26
  4. package/dist/css/decision.css +52 -23
  5. package/dist/css/dropdowns.css +62 -39
  6. package/dist/css/droppable.css +8 -28
  7. package/dist/css/footer.css +14 -41
  8. package/dist/css/input-groups.css +165 -172
  9. package/dist/css/list-group.css +45 -0
  10. package/dist/css/navbar.css +62 -39
  11. package/dist/css/neptune-addons.css +0 -15
  12. package/dist/css/neptune-core.css +547 -375
  13. package/dist/css/neptune.css +1451 -2910
  14. package/dist/css/popovers.css +60 -35
  15. package/dist/css/sequences.css +1 -6
  16. package/dist/css/tooltip.css +7 -27
  17. package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  18. package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  19. package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  20. package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  21. package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  22. package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  23. package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  24. package/dist/less/legacy-variables.css +0 -0
  25. package/dist/less/neptune-tokens.css +0 -0
  26. package/dist/less/neptune-tokens.less +48 -0
  27. package/dist/less/zindex.css +0 -0
  28. package/dist/props/neptune-tokens.css +1 -802
  29. package/package.json +1 -1
  30. package/src/less/addons/_background-utilities.less +0 -5
  31. package/src/less/button-groups.less +2 -3
  32. package/src/less/buttons.less +1 -1
  33. package/src/less/core/_typography.less +221 -67
  34. package/src/less/decision.less +2 -2
  35. package/src/less/dropdowns.less +5 -6
  36. package/src/less/droppable.less +4 -4
  37. package/src/less/footer.less +3 -4
  38. package/src/less/forms/bootstrap-forms.less +57 -70
  39. package/src/less/input-groups.less +5 -5
  40. package/src/less/list-group.less +4 -7
  41. package/src/less/mixins/_text-emphasis.less +1 -7
  42. package/src/less/neptune.bundle.less +0 -4
  43. package/src/less/popovers.less +3 -3
  44. package/src/less/sequences.less +2 -7
  45. package/src/less/tooltip.less +1 -1
@@ -91,10 +91,6 @@
91
91
  --space-medium: 32px;
92
92
  --space-large: 40px;
93
93
  --space-x-large: 56px;
94
- }
95
-
96
- /* Deprecated — do not use */
97
- :root {
98
94
  --font-size-12: 0.75rem;
99
95
  --font-size-14: 0.875rem;
100
96
  --font-size-16: 1rem;
@@ -106,13 +102,6 @@
106
102
  --font-size-28: 1.75rem;
107
103
  --font-size-30: 1.875rem;
108
104
  --font-size-32: 2rem;
109
- --font-size-40: 2.5rem;
110
- --font-size-48: 3rem;
111
- --font-size-52: 3.25rem;
112
- --font-size-56: 3.5rem;
113
- --font-size-60: 3.75rem;
114
- --font-size-64: 4rem;
115
- --font-size-100: 6.25rem;
116
105
  --letter-spacing-xxs: 0.005em;
117
106
  --letter-spacing-xs: 0.01em;
118
107
  --letter-spacing-sm: 0.0125em;
@@ -140,808 +129,18 @@
140
129
  --line-height-42: 2.625rem;
141
130
  --line-height-48: 3rem;
142
131
  --line-height-title: 1.2;
143
- --line-height-control: 1.2;
144
132
  --line-height-body: 1.5;
133
+ --line-height-control: 1.2;
145
134
  --font-weight-light: 300;
146
135
  --font-weight-regular: 400;
147
136
  --font-weight-medium: 500;
148
137
  --font-weight-semi-bold: 600;
149
138
  --font-weight-bold: 700;
150
- --font-weight-heavy: 800;
151
139
  --font-weight-black: 900;
152
140
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
153
141
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
154
142
  }
155
143
 
156
- :root {
157
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
158
- --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
159
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
160
-
161
- --wds-font-weight-display-large: 800;
162
- --wds-font-size-display-large: 4rem;
163
- --wds-line-height-display-large: 0.85;
164
- --wds-letter-spacing-display-large: 0;
165
-
166
- --wds-font-weight-display-medium: 800;
167
- --wds-font-size-display-medium: 3.25rem;
168
- --wds-line-height-display-medium: 0.8115;
169
- --wds-letter-spacing-display-medium: 0;
170
-
171
- --wds-font-weight-display-small: 800;
172
- --wds-font-size-display-small: 2.5rem;
173
- --wds-line-height-display-small: 0.85;
174
- --wds-letter-spacing-display-small: 0;
175
-
176
- --wds-font-weight-display-number-small: 600;
177
- --wds-font-size-display-number-small: 2.5rem;
178
- --wds-line-height-display-number-small: 1.1;
179
- --wds-letter-spacing-display-number-small: -0.022em;
180
-
181
- --wds-font-weight-display-number-medium: 800;
182
- --wds-font-size-display-number-medium: 3.25rem;
183
- --wds-line-height-display-number-medium: 0.8462;
184
- --wds-letter-spacing-display-number-medium: 0;
185
-
186
- --wds-font-weight-display-number-large: 800;
187
- --wds-font-size-display-number-large: 6.25rem;
188
- --wds-line-height-display-number-large: 0.85;
189
- --wds-letter-spacing-display-number-large: 0;
190
-
191
- --wds-font-weight-title-screen: 600;
192
- --wds-font-size-title-screen: 1.875rem;
193
- --wds-line-height-title-screen: 1.15;
194
- --wds-letter-spacing-title-screen: -0.021em;
195
- --wds-paragraph-spacing-title-screen: 0.5rem;
196
-
197
- --wds-font-weight-title-section: 600;
198
- --wds-font-size-title-section: 1.625rem;
199
- --wds-line-height-title-section: 1.22;
200
- --wds-letter-spacing-title-section: -0.02em;
201
- --wds-paragraph-spacing-title-section: 0.5rem;
202
-
203
- --wds-font-weight-title-subsection: 600;
204
- --wds-font-size-title-subsection: 1.375rem;
205
- --wds-line-height-title-subsection: 1.25;
206
- --wds-letter-spacing-title-subsection: -0.018em;
207
- --wds-paragraph-spacing-title-subsection: 0.5rem;
208
-
209
- --wds-font-weight-title-body: 600;
210
- --wds-font-size-title-body: 1.125rem;
211
- --wds-line-height-title-body: 1.35;
212
- --wds-letter-spacing-title-body: -0.014em;
213
- --wds-paragraph-spacing-title-body: 0.5rem;
214
-
215
- --wds-font-weight-title-group: 500;
216
- --wds-font-size-title-group: 0.875rem;
217
- --wds-line-height-title-group: 1.4;
218
- --wds-letter-spacing-title-group: -0.018em;
219
- --wds-paragraph-spacing-title-group: 0.5rem;
220
-
221
- --wds-font-weight-body-large-regular: 400;
222
- --wds-font-weight-body-large-bold: 600;
223
- --wds-font-size-body-large: 1rem;
224
- --wds-line-height-body-large: 1.5;
225
- --wds-letter-spacing-body-large: -0.011em;
226
- --wds-paragraph-spacing-body-large: 0.5rem;
227
-
228
- --wds-font-weight-body-regular: 400;
229
- --wds-font-weight-body-bold: 600;
230
- --wds-font-size-body: 0.875rem;
231
- --wds-line-height-body: 1.55;
232
- --wds-letter-spacing-body: -0.006em;
233
- --wds-paragraph-spacing-body: 0.5rem;
234
-
235
- --wds-font-weight-nav-regular: 400;
236
- --wds-font-weight-nav-bold: 600;
237
- --wds-font-size-nav: 0.75rem;
238
- --wds-line-height-nav: 1.5;
239
- --wds-letter-spacing-nav: 0;
240
- }
241
-
242
- :lang(ar) {
243
- --wds-font-family-display: 'Rubik', sans-serif;
244
- --wds-font-family-display-number: 'Wise Sans Numeric', 'Vazirmatn', sans-serif;
245
- --wds-font-family-regular: 'Vazirmatn', sans-serif;
246
-
247
- --wds-font-weight-display-large: 900;
248
- --wds-font-size-display-large: 4rem;
249
- --wds-line-height-display-large: 1.45;
250
- --wds-letter-spacing-display-large: 0;
251
-
252
- --wds-font-weight-display-medium: 900;
253
- --wds-font-size-display-medium: 3.25rem;
254
- --wds-line-height-display-medium: 1.45;
255
- --wds-letter-spacing-display-medium: 0;
256
-
257
- --wds-font-weight-display-small: 900;
258
- --wds-font-size-display-small: 2.6875rem;
259
- --wds-line-height-display-small: 1.4498;
260
- --wds-letter-spacing-display-small: 0;
261
-
262
- --wds-font-weight-display-number-small: 600;
263
- --wds-font-size-display-number-small: 2.6875rem;
264
- --wds-line-height-display-number-small: 1.24;
265
- --wds-letter-spacing-display-number-small: 0;
266
-
267
- --wds-font-weight-display-number-medium: 800;
268
- --wds-font-size-display-number-medium: 3.25rem;
269
- --wds-line-height-display-number-medium: 0.8;
270
- --wds-letter-spacing-display-number-medium: 0;
271
-
272
- --wds-font-weight-display-number-large: 800;
273
- --wds-font-size-display-number-large: 6.25rem;
274
- --wds-line-height-display-number-large: 0.85;
275
- --wds-letter-spacing-display-number-large: 0;
276
-
277
- --wds-font-weight-title-screen: 600;
278
- --wds-font-size-title-screen: 2.125rem;
279
- --wds-line-height-title-screen: 1.6;
280
- --wds-letter-spacing-title-screen: 0;
281
- --wds-paragraph-spacing-title-screen: 0.875rem;
282
-
283
- --wds-font-weight-title-section: 600;
284
- --wds-font-size-title-section: 1.875rem;
285
- --wds-line-height-title-section: 1.68;
286
- --wds-letter-spacing-title-section: 0;
287
- --wds-paragraph-spacing-title-section: 0.875rem;
288
-
289
- --wds-font-weight-title-subsection: 600;
290
- --wds-font-size-title-subsection: 1.625rem;
291
- --wds-line-height-title-subsection: 1.74;
292
- --wds-letter-spacing-title-subsection: 0;
293
- --wds-paragraph-spacing-title-subsection: 0.875rem;
294
-
295
- --wds-font-weight-title-body: 600;
296
- --wds-font-size-title-body: 1.375rem;
297
- --wds-line-height-title-body: 1.84;
298
- --wds-letter-spacing-title-body: 0;
299
- --wds-paragraph-spacing-title-body: 0.875rem;
300
-
301
- --wds-font-weight-title-group: 500;
302
- --wds-font-size-title-group: 1.0625rem;
303
- --wds-line-height-title-group: 1.9;
304
- --wds-letter-spacing-title-group: 0;
305
- --wds-paragraph-spacing-title-group: 0.875rem;
306
-
307
- --wds-font-weight-body-large-regular: 300;
308
- --wds-font-weight-body-large-bold: 600;
309
- --wds-font-size-body-large: 1.1875rem;
310
- --wds-line-height-body-large: 1.75;
311
- --wds-letter-spacing-body-large: 0;
312
- --wds-paragraph-spacing-body-large: 0.875rem;
313
-
314
- --wds-font-weight-body-regular: 300;
315
- --wds-font-weight-body-bold: 600;
316
- --wds-font-size-body: 1.0625rem;
317
- --wds-line-height-body: 1.8;
318
- --wds-letter-spacing-body: 0;
319
- --wds-paragraph-spacing-body: 0.875rem;
320
-
321
- --wds-font-weight-nav-regular: 300;
322
- --wds-font-weight-nav-bold: 600;
323
- --wds-font-size-nav: 0.9375rem;
324
- --wds-line-height-nav: 1.9;
325
- --wds-letter-spacing-nav: 0;
326
- }
327
-
328
- :lang(fr),
329
- :lang(de),
330
- :lang(es),
331
- :lang(pt),
332
- :lang(it),
333
- :lang(nl),
334
- :lang(pl),
335
- :lang(ro),
336
- :lang(cs),
337
- :lang(hu),
338
- :lang(tr),
339
- :lang(id) {
340
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
341
- --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
342
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
343
-
344
- --wds-font-weight-display-large: 800;
345
- --wds-font-size-display-large: 4rem;
346
- --wds-line-height-display-large: 1.05;
347
- --wds-letter-spacing-display-large: 0;
348
-
349
- --wds-font-weight-display-medium: 800;
350
- --wds-font-size-display-medium: 3.25rem;
351
- --wds-line-height-display-medium: 1.05;
352
- --wds-letter-spacing-display-medium: 0;
353
-
354
- --wds-font-weight-display-small: 800;
355
- --wds-font-size-display-small: 2.5rem;
356
- --wds-line-height-display-small: 1.05;
357
- --wds-letter-spacing-display-small: 0;
358
-
359
- --wds-font-weight-display-number-small: 600;
360
- --wds-font-size-display-number-small: 2.5rem;
361
- --wds-line-height-display-number-small: 1.1;
362
- --wds-letter-spacing-display-number-small: -0.022em;
363
-
364
- --wds-font-weight-display-number-medium: 800;
365
- --wds-font-size-display-number-medium: 3.25rem;
366
- --wds-line-height-display-number-medium: 0.8462;
367
- --wds-letter-spacing-display-number-medium: 0;
368
-
369
- --wds-font-weight-display-number-large: 800;
370
- --wds-font-size-display-number-large: 6.25rem;
371
- --wds-line-height-display-number-large: 0.85;
372
- --wds-letter-spacing-display-number-large: 0;
373
-
374
- --wds-font-weight-title-screen: 600;
375
- --wds-font-size-title-screen: 1.875rem;
376
- --wds-line-height-title-screen: 1.15;
377
- --wds-letter-spacing-title-screen: -0.021em;
378
- --wds-paragraph-spacing-title-screen: 0.5rem;
379
-
380
- --wds-font-weight-title-section: 600;
381
- --wds-font-size-title-section: 1.625rem;
382
- --wds-line-height-title-section: 1.22;
383
- --wds-letter-spacing-title-section: -0.02em;
384
- --wds-paragraph-spacing-title-section: 0.5rem;
385
-
386
- --wds-font-weight-title-subsection: 600;
387
- --wds-font-size-title-subsection: 1.375rem;
388
- --wds-line-height-title-subsection: 1.25;
389
- --wds-letter-spacing-title-subsection: -0.018em;
390
- --wds-paragraph-spacing-title-subsection: 0.5rem;
391
-
392
- --wds-font-weight-title-body: 600;
393
- --wds-font-size-title-body: 1.125rem;
394
- --wds-line-height-title-body: 1.35;
395
- --wds-letter-spacing-title-body: -0.014em;
396
- --wds-paragraph-spacing-title-body: 0.5rem;
397
-
398
- --wds-font-weight-title-group: 500;
399
- --wds-font-size-title-group: 0.875rem;
400
- --wds-line-height-title-group: 1.4;
401
- --wds-letter-spacing-title-group: -0.018em;
402
- --wds-paragraph-spacing-title-group: 0.5rem;
403
-
404
- --wds-font-weight-body-large-regular: 400;
405
- --wds-font-weight-body-large-bold: 600;
406
- --wds-font-size-body-large: 1rem;
407
- --wds-line-height-body-large: 1.5;
408
- --wds-letter-spacing-body-large: -0.011em;
409
- --wds-paragraph-spacing-body-large: 0.5rem;
410
-
411
- --wds-font-weight-body-regular: 400;
412
- --wds-font-weight-body-bold: 600;
413
- --wds-font-size-body: 0.875rem;
414
- --wds-line-height-body: 1.55;
415
- --wds-letter-spacing-body: -0.006em;
416
- --wds-paragraph-spacing-body: 0.5rem;
417
-
418
- --wds-font-weight-nav-regular: 400;
419
- --wds-font-weight-nav-bold: 600;
420
- --wds-font-size-nav: 0.75rem;
421
- --wds-line-height-nav: 1.5;
422
- --wds-letter-spacing-nav: 0;
423
- }
424
-
425
- :lang(el),
426
- :lang(ru),
427
- :lang(uk) {
428
- --wds-font-family-display: 'Wise Sans', 'Inter', sans-serif;
429
- --wds-font-family-display-number: 'Wise Sans', 'Inter', sans-serif;
430
- --wds-font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
431
-
432
- --wds-font-weight-display-large: 800;
433
- --wds-font-size-display-large: 3.75rem;
434
- --wds-line-height-display-large: 1.2;
435
- --wds-letter-spacing-display-large: 0;
436
-
437
- --wds-font-weight-display-medium: 800;
438
- --wds-font-size-display-medium: 3rem;
439
- --wds-line-height-display-medium: 1.2;
440
- --wds-letter-spacing-display-medium: 0;
441
-
442
- --wds-font-weight-display-small: 800;
443
- --wds-font-size-display-small: 2.5rem;
444
- --wds-line-height-display-small: 1.2;
445
- --wds-letter-spacing-display-small: 0;
446
-
447
- --wds-font-weight-display-number-small: 600;
448
- --wds-font-size-display-number-small: 2.5rem;
449
- --wds-line-height-display-number-small: 1.1;
450
- --wds-letter-spacing-display-number-small: -0.022em;
451
-
452
- --wds-font-weight-display-number-medium: 800;
453
- --wds-font-size-display-number-medium: 3.25rem;
454
- --wds-line-height-display-number-medium: 0.8462;
455
- --wds-letter-spacing-display-number-medium: 0;
456
-
457
- --wds-font-weight-display-number-large: 800;
458
- --wds-font-size-display-number-large: 6.25rem;
459
- --wds-line-height-display-number-large: 0.85;
460
- --wds-letter-spacing-display-number-large: 0;
461
-
462
- --wds-font-weight-title-screen: 600;
463
- --wds-font-size-title-screen: 1.875rem;
464
- --wds-line-height-title-screen: 1.15;
465
- --wds-letter-spacing-title-screen: -0.021em;
466
- --wds-paragraph-spacing-title-screen: 0.5rem;
467
-
468
- --wds-font-weight-title-section: 600;
469
- --wds-font-size-title-section: 1.625rem;
470
- --wds-line-height-title-section: 1.22;
471
- --wds-letter-spacing-title-section: -0.02em;
472
- --wds-paragraph-spacing-title-section: 0.5rem;
473
-
474
- --wds-font-weight-title-subsection: 600;
475
- --wds-font-size-title-subsection: 1.375rem;
476
- --wds-line-height-title-subsection: 1.25;
477
- --wds-letter-spacing-title-subsection: -0.018em;
478
- --wds-paragraph-spacing-title-subsection: 0.5rem;
479
-
480
- --wds-font-weight-title-body: 600;
481
- --wds-font-size-title-body: 1.125rem;
482
- --wds-line-height-title-body: 1.35;
483
- --wds-letter-spacing-title-body: -0.014em;
484
- --wds-paragraph-spacing-title-body: 0.5rem;
485
-
486
- --wds-font-weight-title-group: 500;
487
- --wds-font-size-title-group: 0.875rem;
488
- --wds-line-height-title-group: 1.4;
489
- --wds-letter-spacing-title-group: -0.018em;
490
- --wds-paragraph-spacing-title-group: 0.5rem;
491
-
492
- --wds-font-weight-body-large-regular: 400;
493
- --wds-font-weight-body-large-bold: 600;
494
- --wds-font-size-body-large: 1rem;
495
- --wds-line-height-body-large: 1.5;
496
- --wds-letter-spacing-body-large: -0.011em;
497
- --wds-paragraph-spacing-body-large: 0.5rem;
498
-
499
- --wds-font-weight-body-regular: 400;
500
- --wds-font-weight-body-bold: 600;
501
- --wds-font-size-body: 0.875rem;
502
- --wds-line-height-body: 1.55;
503
- --wds-letter-spacing-body: -0.006em;
504
- --wds-paragraph-spacing-body: 0.5rem;
505
-
506
- --wds-font-weight-nav-regular: 400;
507
- --wds-font-weight-nav-bold: 600;
508
- --wds-font-size-nav: 0.75rem;
509
- --wds-line-height-nav: 1.5;
510
- --wds-letter-spacing-nav: 0;
511
- }
512
-
513
- :lang(ja) {
514
- --wds-font-family-display: 'Zen Kaku Gothic Antique', sans-serif;
515
- --wds-font-family-display-number: 'Wise Sans Numeric', 'Zen Kaku Gothic Antique', sans-serif;
516
- --wds-font-family-regular: 'Zen Kaku Gothic Antique', sans-serif;
517
-
518
- --wds-font-weight-display-large: 900;
519
- --wds-font-size-display-large: 3.5rem;
520
- --wds-line-height-display-large: 1.2;
521
- --wds-letter-spacing-display-large: 0;
522
-
523
- --wds-font-weight-display-medium: 900;
524
- --wds-font-size-display-medium: 3rem;
525
- --wds-line-height-display-medium: 1.2;
526
- --wds-letter-spacing-display-medium: 0;
527
-
528
- --wds-font-weight-display-small: 900;
529
- --wds-font-size-display-small: 2.5rem;
530
- --wds-line-height-display-small: 1.2;
531
- --wds-letter-spacing-display-small: 0;
532
-
533
- --wds-font-weight-display-number-small: 900;
534
- --wds-font-size-display-number-small: 2.5rem;
535
- --wds-line-height-display-number-small: 1.2;
536
- --wds-letter-spacing-display-number-small: 0;
537
-
538
- --wds-font-weight-display-number-medium: 900;
539
- --wds-font-size-display-number-medium: 3.25rem;
540
- --wds-line-height-display-number-medium: 0.8;
541
- --wds-letter-spacing-display-number-medium: 0;
542
-
543
- --wds-font-weight-display-number-large: 900;
544
- --wds-font-size-display-number-large: 6.25rem;
545
- --wds-line-height-display-number-large: 0.8;
546
- --wds-letter-spacing-display-number-large: 0;
547
-
548
- --wds-font-weight-title-screen: 700;
549
- --wds-font-size-title-screen: 1.875rem;
550
- --wds-line-height-title-screen: 1.1333;
551
- --wds-letter-spacing-title-screen: 0;
552
- --wds-paragraph-spacing-title-screen: 0.5rem;
553
-
554
- --wds-font-weight-title-section: 700;
555
- --wds-font-size-title-section: 1.625rem;
556
- --wds-line-height-title-section: 1.2308;
557
- --wds-letter-spacing-title-section: 0;
558
- --wds-paragraph-spacing-title-section: 0.5rem;
559
-
560
- --wds-font-weight-title-subsection: 700;
561
- --wds-font-size-title-subsection: 1.375rem;
562
- --wds-line-height-title-subsection: 1.2727;
563
- --wds-letter-spacing-title-subsection: 0;
564
- --wds-paragraph-spacing-title-subsection: 0.5rem;
565
-
566
- --wds-font-weight-title-body: 700;
567
- --wds-font-size-title-body: 1.125rem;
568
- --wds-line-height-title-body: 1.3333;
569
- --wds-letter-spacing-title-body: 0;
570
- --wds-paragraph-spacing-title-body: 0.5rem;
571
-
572
- --wds-font-weight-title-group: 700;
573
- --wds-font-size-title-group: 0.875rem;
574
- --wds-line-height-title-group: 1.4286;
575
- --wds-letter-spacing-title-group: 0;
576
- --wds-paragraph-spacing-title-group: 0;
577
-
578
- --wds-font-weight-body-large-regular: 400;
579
- --wds-font-weight-body-large-bold: 700;
580
- --wds-font-size-body-large: 1rem;
581
- --wds-line-height-body-large: 1.5;
582
- --wds-letter-spacing-body-large: 0;
583
- --wds-paragraph-spacing-body-large: 0.5rem;
584
-
585
- --wds-font-weight-body-regular: 400;
586
- --wds-font-weight-body-bold: 700;
587
- --wds-font-size-body: 0.875rem;
588
- --wds-line-height-body: 1.5714;
589
- --wds-letter-spacing-body: 0;
590
- --wds-paragraph-spacing-body: 0.5rem;
591
-
592
- --wds-font-weight-nav-regular: 500;
593
- --wds-font-weight-nav-bold: 700;
594
- --wds-font-size-nav: 0.75rem;
595
- --wds-line-height-nav: 1.5;
596
- --wds-letter-spacing-nav: 0;
597
- }
598
-
599
- :lang(zh-CN),
600
- :lang(zh-HK) {
601
- --wds-font-family-display: 'Noto Sans SC', sans-serif;
602
- --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans SC', sans-serif;
603
- --wds-font-family-regular: 'Noto Sans SC', sans-serif;
604
-
605
- --wds-font-weight-display-large: 700;
606
- --wds-font-size-display-large: 3.5rem;
607
- --wds-line-height-display-large: 1.2;
608
- --wds-letter-spacing-display-large: 0;
609
-
610
- --wds-font-weight-display-medium: 700;
611
- --wds-font-size-display-medium: 3rem;
612
- --wds-line-height-display-medium: 1.2;
613
- --wds-letter-spacing-display-medium: 0;
614
-
615
- --wds-font-weight-display-small: 700;
616
- --wds-font-size-display-small: 2.5rem;
617
- --wds-line-height-display-small: 1.2;
618
- --wds-letter-spacing-display-small: 0;
619
-
620
- --wds-font-weight-display-number-small: 700;
621
- --wds-font-size-display-number-small: 2.5rem;
622
- --wds-line-height-display-number-small: 1.2;
623
- --wds-letter-spacing-display-number-small: 0;
624
-
625
- --wds-font-weight-display-number-medium: 800;
626
- --wds-font-size-display-number-medium: 3.25rem;
627
- --wds-line-height-display-number-medium: 0.8462;
628
- --wds-letter-spacing-display-number-medium: 0;
629
-
630
- --wds-font-weight-display-number-large: 800;
631
- --wds-font-size-display-number-large: 6.25rem;
632
- --wds-line-height-display-number-large: 0.85;
633
- --wds-letter-spacing-display-number-large: 0;
634
-
635
- --wds-font-weight-title-screen: 700;
636
- --wds-font-size-title-screen: 1.875rem;
637
- --wds-line-height-title-screen: 1.1333;
638
- --wds-letter-spacing-title-screen: 0;
639
- --wds-paragraph-spacing-title-screen: 0.5rem;
640
-
641
- --wds-font-weight-title-section: 700;
642
- --wds-font-size-title-section: 1.625rem;
643
- --wds-line-height-title-section: 1.2308;
644
- --wds-letter-spacing-title-section: 0;
645
- --wds-paragraph-spacing-title-section: 0.5rem;
646
-
647
- --wds-font-weight-title-subsection: 700;
648
- --wds-font-size-title-subsection: 1.375rem;
649
- --wds-line-height-title-subsection: 1.2727;
650
- --wds-letter-spacing-title-subsection: 0;
651
- --wds-paragraph-spacing-title-subsection: 0.5rem;
652
-
653
- --wds-font-weight-title-body: 700;
654
- --wds-font-size-title-body: 1.125rem;
655
- --wds-line-height-title-body: 1.3333;
656
- --wds-letter-spacing-title-body: 0;
657
- --wds-paragraph-spacing-title-body: 0.5rem;
658
-
659
- --wds-font-weight-title-group: 700;
660
- --wds-font-size-title-group: 0.875rem;
661
- --wds-line-height-title-group: 1.4286;
662
- --wds-letter-spacing-title-group: 0;
663
- --wds-paragraph-spacing-title-group: 0;
664
-
665
- --wds-font-weight-body-large-regular: 400;
666
- --wds-font-weight-body-large-bold: 700;
667
- --wds-font-size-body-large: 1rem;
668
- --wds-line-height-body-large: 1.5;
669
- --wds-letter-spacing-body-large: 0;
670
- --wds-paragraph-spacing-body-large: 0.5rem;
671
-
672
- --wds-font-weight-body-regular: 400;
673
- --wds-font-weight-body-bold: 700;
674
- --wds-font-size-body: 0.875rem;
675
- --wds-line-height-body: 1.5714;
676
- --wds-letter-spacing-body: 0;
677
- --wds-paragraph-spacing-body: 0.5rem;
678
-
679
- --wds-font-weight-nav-regular: 500;
680
- --wds-font-weight-nav-bold: 700;
681
- --wds-font-size-nav: 0.75rem;
682
- --wds-line-height-nav: 1.5;
683
- --wds-letter-spacing-nav: 0;
684
- }
685
-
686
- :lang(th) {
687
- --wds-font-family-display: 'Noto Sans Thai', sans-serif;
688
- --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Thai', sans-serif;
689
- --wds-font-family-regular: 'Noto Sans Thai', sans-serif;
690
-
691
- --wds-font-weight-display-large: 700;
692
- --wds-font-size-display-large: 3.5rem;
693
- --wds-line-height-display-large: 1.3036;
694
- --wds-letter-spacing-display-large: 0;
695
-
696
- --wds-font-weight-display-medium: 700;
697
- --wds-font-size-display-medium: 3rem;
698
- --wds-line-height-display-medium: 1.2917;
699
- --wds-letter-spacing-display-medium: 0;
700
-
701
- --wds-font-weight-display-small: 700;
702
- --wds-font-size-display-small: 2.5rem;
703
- --wds-line-height-display-small: 1.3;
704
- --wds-letter-spacing-display-small: 0;
705
-
706
- --wds-font-weight-display-number-small: 700;
707
- --wds-font-size-display-number-small: 2.5rem;
708
- --wds-line-height-display-number-small: 1.3;
709
- --wds-letter-spacing-display-number-small: 0;
710
-
711
- --wds-font-weight-display-number-medium: 800;
712
- --wds-font-size-display-number-medium: 3.25rem;
713
- --wds-line-height-display-number-medium: 0.8462;
714
- --wds-letter-spacing-display-number-medium: 0;
715
-
716
- --wds-font-weight-display-number-large: 800;
717
- --wds-font-size-display-number-large: 6.25rem;
718
- --wds-line-height-display-number-large: 0.85;
719
- --wds-letter-spacing-display-number-large: 0;
720
-
721
- --wds-font-weight-title-screen: 700;
722
- --wds-font-size-title-screen: 1.875rem;
723
- --wds-line-height-title-screen: 1.1333;
724
- --wds-letter-spacing-title-screen: 0;
725
- --wds-paragraph-spacing-title-screen: 0.5rem;
726
-
727
- --wds-font-weight-title-section: 700;
728
- --wds-font-size-title-section: 1.625rem;
729
- --wds-line-height-title-section: 1.2308;
730
- --wds-letter-spacing-title-section: 0;
731
- --wds-paragraph-spacing-title-section: 0.5rem;
732
-
733
- --wds-font-weight-title-subsection: 700;
734
- --wds-font-size-title-subsection: 1.375rem;
735
- --wds-line-height-title-subsection: 1.2727;
736
- --wds-letter-spacing-title-subsection: 0;
737
- --wds-paragraph-spacing-title-subsection: 0.5rem;
738
-
739
- --wds-font-weight-title-body: 700;
740
- --wds-font-size-title-body: 1.125rem;
741
- --wds-line-height-title-body: 1.3333;
742
- --wds-letter-spacing-title-body: 0;
743
- --wds-paragraph-spacing-title-body: 0.5rem;
744
-
745
- --wds-font-weight-title-group: 700;
746
- --wds-font-size-title-group: 0.875rem;
747
- --wds-line-height-title-group: 1.4286;
748
- --wds-letter-spacing-title-group: 0;
749
- --wds-paragraph-spacing-title-group: 0;
750
-
751
- --wds-font-weight-body-large-regular: 400;
752
- --wds-font-weight-body-large-bold: 700;
753
- --wds-font-size-body-large: 1rem;
754
- --wds-line-height-body-large: 1.5;
755
- --wds-letter-spacing-body-large: 0;
756
- --wds-paragraph-spacing-body-large: 0.5rem;
757
-
758
- --wds-font-weight-body-regular: 400;
759
- --wds-font-weight-body-bold: 700;
760
- --wds-font-size-body: 0.875rem;
761
- --wds-line-height-body: 1.5714;
762
- --wds-letter-spacing-body: 0;
763
- --wds-paragraph-spacing-body: 0.5rem;
764
-
765
- --wds-font-weight-nav-regular: 500;
766
- --wds-font-weight-nav-bold: 700;
767
- --wds-font-size-nav: 0.75rem;
768
- --wds-line-height-nav: 1.5;
769
- --wds-letter-spacing-nav: 0;
770
- }
771
-
772
- :lang(ko) {
773
- --wds-font-family-display: 'Noto Sans KR', sans-serif;
774
- --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans KR', sans-serif;
775
- --wds-font-family-regular: 'Noto Sans KR', sans-serif;
776
-
777
- --wds-font-weight-display-large: 700;
778
- --wds-font-size-display-large: 3.5rem;
779
- --wds-line-height-display-large: 1.2;
780
- --wds-letter-spacing-display-large: 0;
781
-
782
- --wds-font-weight-display-medium: 700;
783
- --wds-font-size-display-medium: 3rem;
784
- --wds-line-height-display-medium: 1.2;
785
- --wds-letter-spacing-display-medium: 0;
786
-
787
- --wds-font-weight-display-small: 700;
788
- --wds-font-size-display-small: 2.5rem;
789
- --wds-line-height-display-small: 1.2;
790
- --wds-letter-spacing-display-small: 0;
791
-
792
- --wds-font-weight-display-number-small: 700;
793
- --wds-font-size-display-number-small: 2.5rem;
794
- --wds-line-height-display-number-small: 1.2;
795
- --wds-letter-spacing-display-number-small: 0;
796
-
797
- --wds-font-weight-display-number-medium: 800;
798
- --wds-font-size-display-number-medium: 3.25rem;
799
- --wds-line-height-display-number-medium: 0.8462;
800
- --wds-letter-spacing-display-number-medium: 0;
801
-
802
- --wds-font-weight-display-number-large: 800;
803
- --wds-font-size-display-number-large: 6.25rem;
804
- --wds-line-height-display-number-large: 0.85;
805
- --wds-letter-spacing-display-number-large: 0;
806
-
807
- --wds-font-weight-title-screen: 700;
808
- --wds-font-size-title-screen: 1.875rem;
809
- --wds-line-height-title-screen: 1.1333;
810
- --wds-letter-spacing-title-screen: 0;
811
- --wds-paragraph-spacing-title-screen: 0.5rem;
812
-
813
- --wds-font-weight-title-section: 700;
814
- --wds-font-size-title-section: 1.625rem;
815
- --wds-line-height-title-section: 1.2308;
816
- --wds-letter-spacing-title-section: 0;
817
- --wds-paragraph-spacing-title-section: 0.5rem;
818
-
819
- --wds-font-weight-title-subsection: 700;
820
- --wds-font-size-title-subsection: 1.375rem;
821
- --wds-line-height-title-subsection: 1.2727;
822
- --wds-letter-spacing-title-subsection: 0;
823
- --wds-paragraph-spacing-title-subsection: 0.5rem;
824
-
825
- --wds-font-weight-title-body: 700;
826
- --wds-font-size-title-body: 1.125rem;
827
- --wds-line-height-title-body: 1.3333;
828
- --wds-letter-spacing-title-body: 0;
829
- --wds-paragraph-spacing-title-body: 0.5rem;
830
-
831
- --wds-font-weight-title-group: 700;
832
- --wds-font-size-title-group: 0.875rem;
833
- --wds-line-height-title-group: 1.4286;
834
- --wds-letter-spacing-title-group: 0;
835
- --wds-paragraph-spacing-title-group: 0;
836
-
837
- --wds-font-weight-body-large-regular: 400;
838
- --wds-font-weight-body-large-bold: 700;
839
- --wds-font-size-body-large: 1rem;
840
- --wds-line-height-body-large: 1.5;
841
- --wds-letter-spacing-body-large: 0;
842
- --wds-paragraph-spacing-body-large: 0.5rem;
843
-
844
- --wds-font-weight-body-regular: 400;
845
- --wds-font-weight-body-bold: 700;
846
- --wds-font-size-body: 0.875rem;
847
- --wds-line-height-body: 1.5714;
848
- --wds-letter-spacing-body: 0;
849
- --wds-paragraph-spacing-body: 0.5rem;
850
-
851
- --wds-font-weight-nav-regular: 500;
852
- --wds-font-weight-nav-bold: 700;
853
- --wds-font-size-nav: 0.75rem;
854
- --wds-line-height-nav: 1.5;
855
- --wds-letter-spacing-nav: 0;
856
- }
857
-
858
- :lang(he) {
859
- --wds-font-family-display: 'Noto Sans Hebrew', sans-serif;
860
- --wds-font-family-display-number: 'Wise Sans Numeric', 'Noto Sans Hebrew', sans-serif;
861
- --wds-font-family-regular: 'Noto Sans Hebrew', sans-serif;
862
-
863
- --wds-font-weight-display-large: 700;
864
- --wds-font-size-display-large: 4rem;
865
- --wds-line-height-display-large: 1.2031;
866
- --wds-letter-spacing-display-large: 0;
867
-
868
- --wds-font-weight-display-medium: 700;
869
- --wds-font-size-display-medium: 3.25rem;
870
- --wds-line-height-display-medium: 1.1923;
871
- --wds-letter-spacing-display-medium: 0;
872
-
873
- --wds-font-weight-display-small: 700;
874
- --wds-font-size-display-small: 2.5rem;
875
- --wds-line-height-display-small: 1.2;
876
- --wds-letter-spacing-display-small: 0;
877
-
878
- --wds-font-weight-display-number-small: 700;
879
- --wds-font-size-display-number-small: 2.5rem;
880
- --wds-line-height-display-number-small: 1.2;
881
- --wds-letter-spacing-display-number-small: 0;
882
-
883
- --wds-font-weight-display-number-medium: 800;
884
- --wds-font-size-display-number-medium: 3.25rem;
885
- --wds-line-height-display-number-medium: 0.8462;
886
- --wds-letter-spacing-display-number-medium: 0;
887
-
888
- --wds-font-weight-display-number-large: 800;
889
- --wds-font-size-display-number-large: 6.25rem;
890
- --wds-line-height-display-number-large: 0.85;
891
- --wds-letter-spacing-display-number-large: 0;
892
-
893
- --wds-font-weight-title-screen: 700;
894
- --wds-font-size-title-screen: 1.875rem;
895
- --wds-line-height-title-screen: 1.2;
896
- --wds-letter-spacing-title-screen: 0;
897
- --wds-paragraph-spacing-title-screen: 0.5rem;
898
-
899
- --wds-font-weight-title-section: 700;
900
- --wds-font-size-title-section: 1.625rem;
901
- --wds-line-height-title-section: 1.2308;
902
- --wds-letter-spacing-title-section: 0;
903
- --wds-paragraph-spacing-title-section: 0.5rem;
904
-
905
- --wds-font-weight-title-subsection: 700;
906
- --wds-font-size-title-subsection: 1.375rem;
907
- --wds-line-height-title-subsection: 1.2727;
908
- --wds-letter-spacing-title-subsection: 0;
909
- --wds-paragraph-spacing-title-subsection: 0.5rem;
910
-
911
- --wds-font-weight-title-body: 700;
912
- --wds-font-size-title-body: 1.125rem;
913
- --wds-line-height-title-body: 1.3333;
914
- --wds-letter-spacing-title-body: 0;
915
- --wds-paragraph-spacing-title-body: 0.5rem;
916
-
917
- --wds-font-weight-title-group: 700;
918
- --wds-font-size-title-group: 0.875rem;
919
- --wds-line-height-title-group: 1.4286;
920
- --wds-letter-spacing-title-group: 0;
921
- --wds-paragraph-spacing-title-group: 0;
922
-
923
- --wds-font-weight-body-large-regular: 400;
924
- --wds-font-weight-body-large-bold: 700;
925
- --wds-font-size-body-large: 1rem;
926
- --wds-line-height-body-large: 1.5;
927
- --wds-letter-spacing-body-large: 0;
928
- --wds-paragraph-spacing-body-large: 0.5rem;
929
-
930
- --wds-font-weight-body-regular: 400;
931
- --wds-font-weight-body-bold: 700;
932
- --wds-font-size-body: 0.875rem;
933
- --wds-line-height-body: 1.5714;
934
- --wds-letter-spacing-body: 0;
935
- --wds-paragraph-spacing-body: 0.5rem;
936
-
937
- --wds-font-weight-nav-regular: 500;
938
- --wds-font-weight-nav-bold: 700;
939
- --wds-font-size-nav: 0.75rem;
940
- --wds-line-height-nav: 1.5;
941
- --wds-letter-spacing-nav: 0;
942
- }
943
-
944
-
945
144
  /* DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors */
946
145
  :root {
947
146
  --color-primary: #37517e;