@transferwise/neptune-css 14.2.1 → 14.2.2

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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.2.1",
4
+ "version": "14.2.2",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -53,5 +53,5 @@
53
53
  "bin": {
54
54
  "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
55
55
  },
56
- "gitHead": "7a5b88d662d7160311806f618429db36c81dc6ba"
56
+ "gitHead": "144305f89f67cab684908ea1a87f21d34214206a"
57
57
  }
@@ -292,10 +292,6 @@ a,
292
292
 
293
293
  // DISPLAY
294
294
 
295
- @line-height-display-tight: 85%;
296
- @line-height-display-normal: 100%;
297
- @line-height-display-loose: 120%;
298
-
299
295
  .np-text-display-number {
300
296
  font-weight: var(--font-weight-bold);
301
297
  font-size: 40px;
@@ -307,13 +303,13 @@ a,
307
303
  @font-size;
308
304
  @line-height;
309
305
  @letter-spacing;
310
- @font-weight: var(--font-weight-bold);
311
- @case: none) {
306
+ @case: none;
307
+ @font-weight: var(--font-weight-bold);) {
312
308
  font-size: @font-size;
313
309
  line-height: @line-height;
314
310
  letter-spacing: @letter-spacing;
315
- font-weight: @font-weight;
316
311
  text-transform: @case;
312
+ font-weight: @font-weight;
317
313
  }
318
314
 
319
315
  .display-1,
@@ -350,19 +346,19 @@ a,
350
346
 
351
347
  :lang(en) {
352
348
  .np-text-display-extra-large {
353
- .display-formatting(var(--size-154), @line-height-display-tight, var(--letter-spacing-base-xl), uppercase);
349
+ .display-formatting(var(--size-154), 0.85em, var(--letter-spacing-base-xl), uppercase);
354
350
  }
355
351
 
356
352
  .np-text-display-large {
357
- .display-formatting(var(--size-96), @line-height-display-tight, var(--letter-spacing-base-lg), uppercase);
353
+ .display-formatting(var(--size-96), 0.85em, var(--letter-spacing-base-lg), uppercase);
358
354
  }
359
355
 
360
356
  .np-text-display-medium {
361
- .display-formatting(var(--size-64), @line-height-display-tight, var(--letter-spacing-base-md), uppercase);
357
+ .display-formatting(var(--size-64), 0.85em, var(--letter-spacing-base-md), uppercase);
362
358
  }
363
359
 
364
360
  .np-text-display-small {
365
- .display-formatting(var(--size-40), @line-height-display-tight, var(--letter-spacing-base-md), uppercase);
361
+ .display-formatting(var(--size-40), 0.85em, var(--letter-spacing-base-md), uppercase);
366
362
  }
367
363
  }
368
364
 
@@ -431,19 +427,19 @@ a,
431
427
  :lang(dsb),
432
428
  :lang(fil) {
433
429
  .np-text-display-extra-large {
434
- .display-formatting(var(--size-154), @line-height-display-regular, var(--letter-spacing-base-xl), uppercase);
430
+ .display-formatting(var(--size-154), 1em, var(--letter-spacing-base-xl), uppercase);
435
431
  }
436
432
 
437
433
  .np-text-display-large {
438
- .display-formatting(var(--size-96), @line-height-display-regular, var(--letter-spacing-base-xl), uppercase);
434
+ .display-formatting(var(--size-96), 1em, var(--letter-spacing-base-xl), uppercase);
439
435
  }
440
436
 
441
437
  .np-text-display-medium {
442
- .display-formatting(var(--size-64), @line-height-display-regular, var(--letter-spacing-base-md), uppercase);
438
+ .display-formatting(var(--size-64), 1em, var(--letter-spacing-base-md), uppercase);
443
439
  }
444
440
 
445
441
  .np-text-display-small {
446
- .display-formatting(var(--size-40), @line-height-display-regular, var(--letter-spacing-base-md), uppercase);
442
+ .display-formatting(var(--size-40), 1em, var(--letter-spacing-base-md), uppercase);
447
443
  }
448
444
  }
449
445
 
@@ -462,29 +458,33 @@ a,
462
458
  :lang(sah) {
463
459
  .np-text-display-extra-large {
464
460
  .display-formatting(var(--size-146),
465
- @line-height-display-loose,
461
+ 1.2em,
466
462
  var(--letter-spacing-base-negative-xxxxl),
463
+ none,
467
464
  var(--font-weight-semi-bold));
468
465
  }
469
466
 
470
467
  .np-text-display-large {
471
468
  .display-formatting(var(--size-88),
472
- @line-height-display-loose,
469
+ 1.2em,
473
470
  var(--letter-spacing-base-negative-xxxxl),
471
+ none,
474
472
  var(--font-weight-semi-bold));
475
473
  }
476
474
 
477
475
  .np-text-display-medium {
478
476
  .display-formatting(var(--size-60),
479
- @line-height-display-loose,
477
+ 1.2em,
480
478
  var(--letter-spacing-base-negative-xxxl),
479
+ none,
481
480
  var(--font-weight-semi-bold));
482
481
  }
483
482
 
484
483
  .np-text-display-small {
485
484
  .display-formatting(var(--size-40),
486
- @line-height-display-loose,
485
+ 1.2em,
487
486
  var(--letter-spacing-base-negative-xxl),
487
+ none,
488
488
  var(--font-weight-semi-bold));
489
489
  }
490
490
  }