@transferwise/neptune-css 0.0.0-experimental-cb358e4 → 0.0.0-experimental-a21d52d

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