@transferwise/neptune-css 0.0.0-experimental-86c6017 → 0.0.0-experimental-74e7404

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