@transferwise/neptune-css 14.9.3 → 14.9.5

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.
@@ -74,10 +74,6 @@
74
74
  margin-top: var(--size-8);
75
75
  }
76
76
  .decision__content {
77
- line-height: 1.5;
78
- line-height: var(--line-height-body);
79
- font-size: 1rem;
80
- font-size: var(--font-size-16);
81
77
  font-size: 0.875rem;
82
78
  font-size: var(--font-size-14);
83
79
  line-height: 155%;
@@ -397,10 +397,6 @@ html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dr
397
397
  max-height: 592px;
398
398
  }
399
399
  }.btn-group .secondary {
400
- line-height: 1.5;
401
- line-height: var(--line-height-body);
402
- font-size: 1rem;
403
- font-size: var(--font-size-16);
404
400
  font-size: 0.875rem;
405
401
  font-size: var(--font-size-14);
406
402
  line-height: 155%;
@@ -33,10 +33,6 @@
33
33
  margin-top: 8px;
34
34
  margin-top: var(--size-8);
35
35
  }.decision__content {
36
- line-height: 1.5;
37
- line-height: var(--line-height-body);
38
- font-size: 1rem;
39
- font-size: var(--font-size-16);
40
36
  font-size: 0.875rem;
41
37
  font-size: var(--font-size-14);
42
38
  line-height: 155%;
@@ -12,10 +12,6 @@
12
12
  padding: 8px ;
13
13
  margin: 0;
14
14
  list-style: none;
15
- line-height: 1.5;
16
- line-height: var(--line-height-body);
17
- font-size: 1rem;
18
- font-size: var(--font-size-16);
19
15
  font-size: 0.875rem;
20
16
  font-size: var(--font-size-14);
21
17
  line-height: 155%;
@@ -75,10 +71,6 @@
75
71
  padding: var(--dropdown-link-padding);
76
72
  clear: both;
77
73
  border-radius: 3px;
78
- line-height: 1.5;
79
- line-height: var(--line-height-body);
80
- font-size: 1rem;
81
- font-size: var(--font-size-16);
82
74
  font-size: 0.875rem;
83
75
  font-size: var(--font-size-14);
84
76
  line-height: 155%;
@@ -3,10 +3,6 @@
3
3
  }.footer {
4
4
  background-color: rgba(134,167,189,0.10196);
5
5
  background-color: var(--color-background-neutral);
6
- line-height: 1.5;
7
- line-height: var(--line-height-body);
8
- font-size: 1rem;
9
- font-size: var(--font-size-16);
10
6
  font-size: 0.875rem;
11
7
  font-size: var(--font-size-14);
12
8
  line-height: 155%;
@@ -35,10 +31,6 @@
35
31
  .footer .link-icon {
36
32
  color: #5d7079;
37
33
  color: var(--color-content-secondary);
38
- line-height: 1.5;
39
- line-height: var(--line-height-body);
40
- font-size: 1rem;
41
- font-size: var(--font-size-16);
42
34
  font-size: 0.875rem;
43
35
  font-size: var(--font-size-14);
44
36
  line-height: 155%;
@@ -316,10 +316,6 @@ fieldset[disabled] .checkbox label {
316
316
  border-radius: 3px;
317
317
  font-size: 14px;
318
318
  line-height: 24px;
319
- line-height: 1.5;
320
- line-height: var(--line-height-body);
321
- font-size: 1rem;
322
- font-size: var(--font-size-16);
323
319
  font-size: 0.875rem;
324
320
  font-size: var(--font-size-14);
325
321
  line-height: 155%;
@@ -2396,10 +2392,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
2396
2392
  border-radius: 3px;
2397
2393
  font-size: 14px;
2398
2394
  line-height: 24px;
2399
- line-height: 1.5;
2400
- line-height: var(--line-height-body);
2401
- font-size: 1rem;
2402
- font-size: var(--font-size-16);
2403
2395
  font-size: 0.875rem;
2404
2396
  font-size: var(--font-size-14);
2405
2397
  line-height: 155%;
@@ -535,7 +535,7 @@
535
535
  color: #0077a5;
536
536
  color: var(--color-content-accent-active);
537
537
  background-color: transparent;
538
- font-weight: 800;
538
+ font-weight: 700;
539
539
  font-weight: var(--font-weight-bold);
540
540
  }
541
541
  .navbar-nav > li > .dropdown-menu > .active > a:hover,
@@ -767,7 +767,7 @@
767
767
  }
768
768
  .navbar-default .navbar-nav > .active > a,
769
769
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
770
- font-weight: 800;
770
+ font-weight: 700;
771
771
  font-weight: var(--font-weight-bold);
772
772
  }
773
773
  .navbar-default .navbar-nav > .active > a,
@@ -802,7 +802,7 @@
802
802
  background-color: transparent;
803
803
  }
804
804
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
805
- font-weight: 800;
805
+ font-weight: 700;
806
806
  font-weight: var(--font-weight-bold);
807
807
  }
808
808
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -869,7 +869,7 @@
869
869
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
870
870
  color: #0077a5;
871
871
  color: var(--color-content-accent-active);
872
- font-weight: 800;
872
+ font-weight: 700;
873
873
  font-weight: var(--font-weight-bold);
874
874
  }
875
875
  .navbar-inverse .navbar-nav > .active > a,
@@ -1170,7 +1170,7 @@
1170
1170
  line-height: var(--line-height-title);
1171
1171
  margin-top: 12px;
1172
1172
  margin-bottom: 12px;
1173
- font-weight: 800;
1173
+ font-weight: 700;
1174
1174
  font-weight: var(--font-weight-bold);
1175
1175
  }
1176
1176
  [dir="rtl"] .navbar-title {
@@ -163,10 +163,6 @@
163
163
  padding: 8px ;
164
164
  margin: 0;
165
165
  list-style: none;
166
- line-height: 1.5;
167
- line-height: var(--line-height-body);
168
- font-size: 1rem;
169
- font-size: var(--font-size-16);
170
166
  font-size: 0.875rem;
171
167
  font-size: var(--font-size-14);
172
168
  line-height: 155%;
@@ -236,10 +232,6 @@
236
232
  padding: var(--dropdown-link-padding);
237
233
  clear: both;
238
234
  border-radius: 3px;
239
- line-height: 1.5;
240
- line-height: var(--line-height-body);
241
- font-size: 1rem;
242
- font-size: var(--font-size-16);
243
235
  font-size: 0.875rem;
244
236
  font-size: var(--font-size-14);
245
237
  line-height: 155%;
@@ -1423,7 +1415,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1423
1415
  color: #0077a5;
1424
1416
  color: var(--color-content-accent-active);
1425
1417
  background-color: transparent;
1426
- font-weight: 800;
1418
+ font-weight: 700;
1427
1419
  font-weight: var(--font-weight-bold);
1428
1420
  }
1429
1421
  .navbar-nav > li > .dropdown-menu > .active > a:hover,
@@ -1655,7 +1647,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1655
1647
  }
1656
1648
  .navbar-default .navbar-nav > .active > a,
1657
1649
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
1658
- font-weight: 800;
1650
+ font-weight: 700;
1659
1651
  font-weight: var(--font-weight-bold);
1660
1652
  }
1661
1653
  .navbar-default .navbar-nav > .active > a,
@@ -1690,7 +1682,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1690
1682
  background-color: transparent;
1691
1683
  }
1692
1684
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
1693
- font-weight: 800;
1685
+ font-weight: 700;
1694
1686
  font-weight: var(--font-weight-bold);
1695
1687
  }
1696
1688
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -1757,7 +1749,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1757
1749
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
1758
1750
  color: #0077a5;
1759
1751
  color: var(--color-content-accent-active);
1760
- font-weight: 800;
1752
+ font-weight: 700;
1761
1753
  font-weight: var(--font-weight-bold);
1762
1754
  }
1763
1755
  .navbar-inverse .navbar-nav > .active > a,
@@ -2058,7 +2050,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
2058
2050
  line-height: var(--line-height-title);
2059
2051
  margin-top: 12px;
2060
2052
  margin-bottom: 12px;
2061
- font-weight: 800;
2053
+ font-weight: 700;
2062
2054
  font-weight: var(--font-weight-bold);
2063
2055
  }
2064
2056
  [dir="rtl"] .navbar-title {
@@ -70,7 +70,7 @@
70
70
  font-display: swap;
71
71
  }
72
72
  @font-face {
73
- font-weight: 800;
73
+ font-weight: 700;
74
74
  font-weight: var(--font-weight-bold);
75
75
  font-family: Averta;
76
76
  src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -912,60 +912,7 @@ h6,
912
912
  letter-spacing: -0.006em;
913
913
  line-height: 140%;
914
914
  }
915
- .body-1,
916
- .body-2,
917
- .body-3,
918
- .label,
919
- .value,
920
- .np-text-body-default {
921
- font-weight: 400;
922
- font-weight: var(--font-weight-regular);
923
- line-height: 1.5;
924
- line-height: var(--line-height-body);
925
- }
926
- .body-1,
927
- .np-text-body-default,
928
- .np-text-body-default-bold {
929
- font-size: 1rem;
930
- font-size: var(--font-size-16);
931
- }
932
- .np-text-body-default-bold {
933
- font-weight: 800;
934
- font-weight: var(--font-weight-bold);
935
- }
936
- .body-2 {
937
- font-size: 0.875rem;
938
- font-size: var(--font-size-14);
939
- }
940
- .body-3 {
941
- font-size: 0.75rem;
942
- font-size: var(--font-size-12);
943
- }
944
- .control-1,
945
- .control-2 {
946
- color: #0097c7;
947
- color: var(--color-content-accent);
948
- font-weight: 600;
949
- font-weight: var(--font-weight-semi-bold);
950
- line-height: 1.2;
951
- line-height: var(--line-height-title);
952
- }
953
- .control-1 {
954
- font-size: 1rem;
955
- font-size: var(--font-size-16);
956
- }
957
- .control-2 {
958
- font-size: 0.875rem;
959
- font-size: var(--font-size-14);
960
- }
961
- .label {
962
- font-size: 0.875rem;
963
- font-size: var(--font-size-14);
964
- }
965
- .value {
966
- font-size: 1rem;
967
- font-size: var(--font-size-16);
968
- }
915
+ /* DEPRECATED: use .np-text-title-body instead */
969
916
  .lead {
970
917
  margin-bottom: 24px;
971
918
  margin-bottom: var(--size-24);
@@ -974,21 +921,9 @@ h6,
974
921
  line-height: 1.2;
975
922
  line-height: var(--line-height-title);
976
923
  }
977
- small,
978
- .small,
979
- .body-2 {
980
- font-size: 0.875rem;
981
- font-size: var(--font-size-14);
982
- line-height: 1.5;
983
- line-height: var(--line-height-body);
984
- }
985
924
  .tiny {
986
925
  color: #5d7079;
987
926
  color: var(--color-content-secondary);
988
- font-size: 0.75rem;
989
- font-size: var(--font-size-12);
990
- line-height: 1.5;
991
- line-height: var(--line-height-body);
992
927
  }
993
928
  /* DEPRECATED: use .np-text-body-default instead */
994
929
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -999,6 +934,7 @@ small,
999
934
  .small,
1000
935
  .tiny,
1001
936
  body,
937
+ small,
1002
938
  .np-text-body-default {
1003
939
  font-size: 0.875rem;
1004
940
  font-size: var(--font-size-14);
@@ -1011,15 +947,13 @@ body,
1011
947
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1012
948
  .control-2,
1013
949
  .np-text-body-default-bold {
950
+ font-size: 0.875rem;
951
+ font-size: var(--font-size-14);
1014
952
  line-height: 155%;
1015
953
  letter-spacing: -0.006em;
1016
954
  font-weight: 600;
1017
955
  font-weight: var(--font-weight-semi-bold);
1018
956
  }
1019
- .np-text-body-default-bold {
1020
- font-size: 0.875rem;
1021
- font-size: var(--font-size-14);
1022
- }
1023
957
  /* DEPRECATED: use .np-text-body-large instead */
1024
958
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1025
959
  .body-1,
@@ -1139,21 +1073,21 @@ a,
1139
1073
  font-size: 64px;
1140
1074
  font-size: var(--size-64);
1141
1075
  line-height: normal;
1142
- font-weight: 800;
1076
+ font-weight: 700;
1143
1077
  font-weight: var(--font-weight-bold);
1144
1078
  }
1145
1079
  .np-text-display-medium {
1146
1080
  font-size: 52px;
1147
1081
  font-size: var(--size-52);
1148
1082
  line-height: normal;
1149
- font-weight: 800;
1083
+ font-weight: 700;
1150
1084
  font-weight: var(--font-weight-bold);
1151
1085
  }
1152
1086
  .np-text-display-small {
1153
1087
  font-size: 40px;
1154
1088
  font-size: var(--size-40);
1155
1089
  line-height: normal;
1156
- font-weight: 800;
1090
+ font-weight: 700;
1157
1091
  font-weight: var(--font-weight-bold);
1158
1092
  }
1159
1093
  :lang(en) > .np-text-display-extra-large,
@@ -1522,6 +1456,7 @@ a,
1522
1456
  font-weight: 600;
1523
1457
  font-weight: var(--font-weight-semi-bold);
1524
1458
  }
1459
+ /* DEPRECATED: use `.np-text-display-*` instead */
1525
1460
  .display-1 {
1526
1461
  margin-bottom: 24px;
1527
1462
  margin-bottom: var(--size-24);
@@ -1535,6 +1470,7 @@ a,
1535
1470
  font-size: 6.5rem;
1536
1471
  }
1537
1472
  }
1473
+ /* DEPRECATED: use `.np-text-display-*` instead */
1538
1474
  .display-2 {
1539
1475
  margin-bottom: 24px;
1540
1476
  margin-bottom: var(--size-24);
@@ -1548,6 +1484,7 @@ a,
1548
1484
  font-size: 5.5rem;
1549
1485
  }
1550
1486
  }
1487
+ /* DEPRECATED: use `.np-text-display-*` instead */
1551
1488
  .display-3 {
1552
1489
  margin-bottom: 8px;
1553
1490
  margin-bottom: var(--size-8);
@@ -1560,6 +1497,7 @@ a,
1560
1497
  font-size: 4.5rem;
1561
1498
  }
1562
1499
  }
1500
+ /* DEPRECATED: use `.np-text-display-*` instead */
1563
1501
  .display-4 {
1564
1502
  margin-bottom: 4px;
1565
1503
  margin-bottom: var(--size-4);
@@ -1573,6 +1511,7 @@ a,
1573
1511
  font-size: 3.5rem;
1574
1512
  }
1575
1513
  }
1514
+ /* DEPRECATED: use `.np-text-display-*` instead */
1576
1515
  .display-5 {
1577
1516
  margin-bottom: 4px;
1578
1517
  margin-bottom: var(--size-4);
@@ -1777,7 +1716,7 @@ kbd {
1777
1716
  }
1778
1717
  kbd kbd {
1779
1718
  padding: 0;
1780
- font-weight: 800;
1719
+ font-weight: 700;
1781
1720
  font-weight: var(--font-weight-bold);
1782
1721
  font-size: 100%;
1783
1722
  }
@@ -1927,7 +1866,7 @@ kbd kbd {
1927
1866
  word-break: break-all;
1928
1867
  }
1929
1868
  .font-weight-bold {
1930
- font-weight: 800 !important;
1869
+ font-weight: 700 !important;
1931
1870
  font-weight: var(--font-weight-bold) !important;
1932
1871
  }
1933
1872
  .font-weight-semi-bold {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
3
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -133,7 +133,7 @@
133
133
  --font-weight-regular: 400;
134
134
  --font-weight-medium: 500;
135
135
  --font-weight-semi-bold: 600;
136
- --font-weight-bold: 800;
136
+ --font-weight-bold: 700;
137
137
  --font-weight-black: 900;
138
138
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
139
139
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -141,7 +141,7 @@
141
141
 
142
142
  /**
143
143
  * Do not edit directly
144
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
144
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
145
145
  */
146
146
 
147
147
  .np-theme-personal {
@@ -286,7 +286,7 @@
286
286
  --font-weight-regular: 400;
287
287
  --font-weight-medium: 500;
288
288
  --font-weight-semi-bold: 600;
289
- --font-weight-bold: 800;
289
+ --font-weight-bold: 700;
290
290
  --font-weight-black: 900;
291
291
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
292
292
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -359,7 +359,7 @@
359
359
 
360
360
  /**
361
361
  * Do not edit directly
362
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
362
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
363
363
  */
364
364
 
365
365
  .np-theme-personal--forest-green {
@@ -532,7 +532,7 @@
532
532
  --font-weight-regular: 400;
533
533
  --font-weight-medium: 500;
534
534
  --font-weight-semi-bold: 600;
535
- --font-weight-bold: 800;
535
+ --font-weight-bold: 700;
536
536
  --font-weight-black: 900;
537
537
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
538
538
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -605,7 +605,7 @@
605
605
 
606
606
  /**
607
607
  * Do not edit directly
608
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
608
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
609
609
  */
610
610
 
611
611
  .np-theme-personal--bright-green {
@@ -778,7 +778,7 @@
778
778
  --font-weight-regular: 400;
779
779
  --font-weight-medium: 500;
780
780
  --font-weight-semi-bold: 600;
781
- --font-weight-bold: 800;
781
+ --font-weight-bold: 700;
782
782
  --font-weight-black: 900;
783
783
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
784
784
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -851,7 +851,7 @@
851
851
 
852
852
  /**
853
853
  * Do not edit directly
854
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
854
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
855
855
  */
856
856
 
857
857
  .np-theme-personal--dark {
@@ -1024,7 +1024,7 @@
1024
1024
  --font-weight-regular: 400;
1025
1025
  --font-weight-medium: 500;
1026
1026
  --font-weight-semi-bold: 600;
1027
- --font-weight-bold: 800;
1027
+ --font-weight-bold: 700;
1028
1028
  --font-weight-black: 900;
1029
1029
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1030
1030
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -1177,7 +1177,7 @@
1177
1177
  }
1178
1178
 
1179
1179
  @font-face {
1180
- font-weight: 800;
1180
+ font-weight: 700;
1181
1181
  font-weight: var(--font-weight-bold);
1182
1182
  font-family: Averta;
1183
1183
  src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -2162,69 +2162,7 @@ h6,
2162
2162
  line-height: 140%;
2163
2163
  }
2164
2164
 
2165
- .body-1,
2166
- .body-2,
2167
- .body-3,
2168
- .label,
2169
- .value,
2170
- .np-text-body-default {
2171
- font-weight: 400;
2172
- font-weight: var(--font-weight-regular);
2173
- line-height: 1.5;
2174
- line-height: var(--line-height-body);
2175
- }
2176
-
2177
- .body-1,
2178
- .np-text-body-default,
2179
- .np-text-body-default-bold {
2180
- font-size: 1rem;
2181
- font-size: var(--font-size-16);
2182
- }
2183
-
2184
- .np-text-body-default-bold {
2185
- font-weight: 800;
2186
- font-weight: var(--font-weight-bold);
2187
- }
2188
-
2189
- .body-2 {
2190
- font-size: 0.875rem;
2191
- font-size: var(--font-size-14);
2192
- }
2193
-
2194
- .body-3 {
2195
- font-size: 0.75rem;
2196
- font-size: var(--font-size-12);
2197
- }
2198
-
2199
- .control-1,
2200
- .control-2 {
2201
- color: #0097c7;
2202
- color: var(--color-content-accent);
2203
- font-weight: 600;
2204
- font-weight: var(--font-weight-semi-bold);
2205
- line-height: 1.2;
2206
- line-height: var(--line-height-title);
2207
- }
2208
-
2209
- .control-1 {
2210
- font-size: 1rem;
2211
- font-size: var(--font-size-16);
2212
- }
2213
-
2214
- .control-2 {
2215
- font-size: 0.875rem;
2216
- font-size: var(--font-size-14);
2217
- }
2218
-
2219
- .label {
2220
- font-size: 0.875rem;
2221
- font-size: var(--font-size-14);
2222
- }
2223
-
2224
- .value {
2225
- font-size: 1rem;
2226
- font-size: var(--font-size-16);
2227
- }
2165
+ /* DEPRECATED: use .np-text-title-body instead */
2228
2166
 
2229
2167
  .lead {
2230
2168
  margin-bottom: 24px;
@@ -2235,22 +2173,9 @@ h6,
2235
2173
  line-height: var(--line-height-title);
2236
2174
  }
2237
2175
 
2238
- small,
2239
- .small,
2240
- .body-2 {
2241
- font-size: 0.875rem;
2242
- font-size: var(--font-size-14);
2243
- line-height: 1.5;
2244
- line-height: var(--line-height-body);
2245
- }
2246
-
2247
2176
  .tiny {
2248
2177
  color: #5d7079;
2249
2178
  color: var(--color-content-secondary);
2250
- font-size: 0.75rem;
2251
- font-size: var(--font-size-12);
2252
- line-height: 1.5;
2253
- line-height: var(--line-height-body);
2254
2179
  }
2255
2180
 
2256
2181
  /* DEPRECATED: use .np-text-body-default instead */
@@ -2264,6 +2189,7 @@ small,
2264
2189
  .small,
2265
2190
  .tiny,
2266
2191
  body,
2192
+ small,
2267
2193
  .np-text-body-default {
2268
2194
  font-size: 0.875rem;
2269
2195
  font-size: var(--font-size-14);
@@ -2279,17 +2205,14 @@ body,
2279
2205
 
2280
2206
  .control-2,
2281
2207
  .np-text-body-default-bold {
2208
+ font-size: 0.875rem;
2209
+ font-size: var(--font-size-14);
2282
2210
  line-height: 155%;
2283
2211
  letter-spacing: -0.006em;
2284
2212
  font-weight: 600;
2285
2213
  font-weight: var(--font-weight-semi-bold);
2286
2214
  }
2287
2215
 
2288
- .np-text-body-default-bold {
2289
- font-size: 0.875rem;
2290
- font-size: var(--font-size-14);
2291
- }
2292
-
2293
2216
  /* DEPRECATED: use .np-text-body-large instead */
2294
2217
 
2295
2218
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2424,7 +2347,7 @@ a,
2424
2347
  font-size: 64px;
2425
2348
  font-size: var(--size-64);
2426
2349
  line-height: normal;
2427
- font-weight: 800;
2350
+ font-weight: 700;
2428
2351
  font-weight: var(--font-weight-bold);
2429
2352
  }
2430
2353
 
@@ -2432,7 +2355,7 @@ a,
2432
2355
  font-size: 52px;
2433
2356
  font-size: var(--size-52);
2434
2357
  line-height: normal;
2435
- font-weight: 800;
2358
+ font-weight: 700;
2436
2359
  font-weight: var(--font-weight-bold);
2437
2360
  }
2438
2361
 
@@ -2440,7 +2363,7 @@ a,
2440
2363
  font-size: 40px;
2441
2364
  font-size: var(--size-40);
2442
2365
  line-height: normal;
2443
- font-weight: 800;
2366
+ font-weight: 700;
2444
2367
  font-weight: var(--font-weight-bold);
2445
2368
  }
2446
2369
 
@@ -2819,6 +2742,8 @@ a,
2819
2742
  font-weight: var(--font-weight-semi-bold);
2820
2743
  }
2821
2744
 
2745
+ /* DEPRECATED: use `.np-text-display-*` instead */
2746
+
2822
2747
  .display-1 {
2823
2748
  margin-bottom: 24px;
2824
2749
  margin-bottom: var(--size-24);
@@ -2834,6 +2759,8 @@ a,
2834
2759
  }
2835
2760
  }
2836
2761
 
2762
+ /* DEPRECATED: use `.np-text-display-*` instead */
2763
+
2837
2764
  .display-2 {
2838
2765
  margin-bottom: 24px;
2839
2766
  margin-bottom: var(--size-24);
@@ -2849,6 +2776,8 @@ a,
2849
2776
  }
2850
2777
  }
2851
2778
 
2779
+ /* DEPRECATED: use `.np-text-display-*` instead */
2780
+
2852
2781
  .display-3 {
2853
2782
  margin-bottom: 8px;
2854
2783
  margin-bottom: var(--size-8);
@@ -2863,6 +2792,8 @@ a,
2863
2792
  }
2864
2793
  }
2865
2794
 
2795
+ /* DEPRECATED: use `.np-text-display-*` instead */
2796
+
2866
2797
  .display-4 {
2867
2798
  margin-bottom: 4px;
2868
2799
  margin-bottom: var(--size-4);
@@ -2878,6 +2809,8 @@ a,
2878
2809
  }
2879
2810
  }
2880
2811
 
2812
+ /* DEPRECATED: use `.np-text-display-*` instead */
2813
+
2881
2814
  .display-5 {
2882
2815
  margin-bottom: 4px;
2883
2816
  margin-bottom: var(--size-4);
@@ -3114,7 +3047,7 @@ kbd {
3114
3047
 
3115
3048
  kbd kbd {
3116
3049
  padding: 0;
3117
- font-weight: 800;
3050
+ font-weight: 700;
3118
3051
  font-weight: var(--font-weight-bold);
3119
3052
  font-size: 100%;
3120
3053
  }
@@ -3284,7 +3217,7 @@ kbd kbd {
3284
3217
  }
3285
3218
 
3286
3219
  .font-weight-bold {
3287
- font-weight: 800 !important;
3220
+ font-weight: 700 !important;
3288
3221
  font-weight: var(--font-weight-bold) !important;
3289
3222
  }
3290
3223
 
@@ -8952,10 +8885,6 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
8952
8885
  }
8953
8886
 
8954
8887
  .btn-group .secondary {
8955
- line-height: 1.5;
8956
- line-height: var(--line-height-body);
8957
- font-size: 1rem;
8958
- font-size: var(--font-size-16);
8959
8888
  font-size: 0.875rem;
8960
8889
  font-size: var(--font-size-14);
8961
8890
  line-height: 155%;
@@ -9331,10 +9260,6 @@ fieldset[disabled] .checkbox label {
9331
9260
  border-radius: 3px;
9332
9261
  font-size: 14px;
9333
9262
  line-height: 24px;
9334
- line-height: 1.5;
9335
- line-height: var(--line-height-body);
9336
- font-size: 1rem;
9337
- font-size: var(--font-size-16);
9338
9263
  font-size: 0.875rem;
9339
9264
  font-size: var(--font-size-14);
9340
9265
  line-height: 155%;
@@ -11694,10 +11619,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
11694
11619
  border-radius: 3px;
11695
11620
  font-size: 14px;
11696
11621
  line-height: 24px;
11697
- line-height: 1.5;
11698
- line-height: var(--line-height-body);
11699
- font-size: 1rem;
11700
- font-size: var(--font-size-16);
11701
11622
  font-size: 0.875rem;
11702
11623
  font-size: var(--font-size-14);
11703
11624
  line-height: 155%;
@@ -12703,10 +12624,6 @@ li > a > .currency-flag:first-child {
12703
12624
  }
12704
12625
 
12705
12626
  .decision__content {
12706
- line-height: 1.5;
12707
- line-height: var(--line-height-body);
12708
- font-size: 1rem;
12709
- font-size: var(--font-size-16);
12710
12627
  font-size: 0.875rem;
12711
12628
  font-size: var(--font-size-14);
12712
12629
  line-height: 155%;
@@ -12808,10 +12725,6 @@ li > a > .currency-flag:first-child {
12808
12725
  padding: 8px ;
12809
12726
  margin: 0;
12810
12727
  list-style: none;
12811
- line-height: 1.5;
12812
- line-height: var(--line-height-body);
12813
- font-size: 1rem;
12814
- font-size: var(--font-size-16);
12815
12728
  font-size: 0.875rem;
12816
12729
  font-size: var(--font-size-14);
12817
12730
  line-height: 155%;
@@ -12892,10 +12805,6 @@ li > a > .currency-flag:first-child {
12892
12805
  padding: var(--dropdown-link-padding);
12893
12806
  clear: both;
12894
12807
  border-radius: 3px;
12895
- line-height: 1.5;
12896
- line-height: var(--line-height-body);
12897
- font-size: 1rem;
12898
- font-size: var(--font-size-16);
12899
12808
  font-size: 0.875rem;
12900
12809
  font-size: var(--font-size-14);
12901
12810
  line-height: 155%;
@@ -14277,10 +14186,6 @@ li > a > .currency-flag:first-child {
14277
14186
  .footer {
14278
14187
  background-color: rgba(134,167,189,0.10196);
14279
14188
  background-color: var(--color-background-neutral);
14280
- line-height: 1.5;
14281
- line-height: var(--line-height-body);
14282
- font-size: 1rem;
14283
- font-size: var(--font-size-16);
14284
14189
  font-size: 0.875rem;
14285
14190
  font-size: var(--font-size-14);
14286
14191
  line-height: 155%;
@@ -14315,10 +14220,6 @@ li > a > .currency-flag:first-child {
14315
14220
  .footer .link-icon {
14316
14221
  color: #5d7079;
14317
14222
  color: var(--color-content-secondary);
14318
- line-height: 1.5;
14319
- line-height: var(--line-height-body);
14320
- font-size: 1rem;
14321
- font-size: var(--font-size-16);
14322
14223
  font-size: 0.875rem;
14323
14224
  font-size: var(--font-size-14);
14324
14225
  line-height: 155%;
@@ -18646,7 +18547,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18646
18547
  color: #0077a5;
18647
18548
  color: var(--color-content-accent-active);
18648
18549
  background-color: transparent;
18649
- font-weight: 800;
18550
+ font-weight: 700;
18650
18551
  font-weight: var(--font-weight-bold);
18651
18552
  }
18652
18553
 
@@ -18915,7 +18816,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18915
18816
 
18916
18817
  .navbar-default .navbar-nav > .active > a,
18917
18818
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
18918
- font-weight: 800;
18819
+ font-weight: 700;
18919
18820
  font-weight: var(--font-weight-bold);
18920
18821
  }
18921
18822
 
@@ -18953,7 +18854,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
18953
18854
  background-color: transparent;
18954
18855
  }
18955
18856
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
18956
- font-weight: 800;
18857
+ font-weight: 700;
18957
18858
  font-weight: var(--font-weight-bold);
18958
18859
  }
18959
18860
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -19033,7 +18934,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19033
18934
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
19034
18935
  color: #0077a5;
19035
18936
  color: var(--color-content-accent-active);
19036
- font-weight: 800;
18937
+ font-weight: 700;
19037
18938
  font-weight: var(--font-weight-bold);
19038
18939
  }
19039
18940
 
@@ -19365,7 +19266,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
19365
19266
  line-height: var(--line-height-title);
19366
19267
  margin-top: 12px;
19367
19268
  margin-bottom: 12px;
19368
- font-weight: 800;
19269
+ font-weight: 700;
19369
19270
  font-weight: var(--font-weight-bold);
19370
19271
  }
19371
19272
 
@@ -20902,10 +20803,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
20902
20803
  word-break: normal;
20903
20804
  word-spacing: normal;
20904
20805
  word-wrap: normal;
20905
- line-height: 1.5;
20906
- line-height: var(--line-height-body);
20907
- font-size: 1rem;
20908
- font-size: var(--font-size-16);
20909
20806
  font-size: 0.875rem;
20910
20807
  font-size: var(--font-size-14);
20911
20808
  line-height: 155%;
@@ -21329,10 +21226,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
21329
21226
 
21330
21227
  .popover-content {
21331
21228
  padding: 0;
21332
- line-height: 1.5;
21333
- line-height: var(--line-height-body);
21334
- font-size: 1rem;
21335
- font-size: var(--font-size-16);
21336
21229
  font-size: 0.875rem;
21337
21230
  font-size: var(--font-size-14);
21338
21231
  line-height: 155%;
@@ -22158,7 +22051,7 @@ button.popover-close {
22158
22051
  height: 100%;
22159
22052
  font-size: 1rem;
22160
22053
  font-size: var(--font-size-16);
22161
- font-weight: 800;
22054
+ font-weight: 700;
22162
22055
  font-weight: var(--font-weight-bold);
22163
22056
  color: #fff;
22164
22057
  text-align: right;
@@ -23727,7 +23620,7 @@ table col[class*="col-"] {
23727
23620
  }
23728
23621
  .table > .thead > ol > li {
23729
23622
  display: table-cell;
23730
- font-weight: 800;
23623
+ font-weight: 700;
23731
23624
  font-weight: var(--font-weight-bold);
23732
23625
  color: #37517e;
23733
23626
  color: var(--color-content-primary);
@@ -23881,10 +23774,6 @@ table col[class*="col-"] {
23881
23774
  }
23882
23775
 
23883
23776
  .tooltip-inner {
23884
- line-height: 1.5;
23885
- line-height: var(--line-height-body);
23886
- font-size: 1rem;
23887
- font-size: var(--font-size-16);
23888
23777
  font-size: 0.875rem;
23889
23778
  font-size: var(--font-size-14);
23890
23779
  line-height: 155%;
@@ -60,10 +60,6 @@
60
60
  word-break: normal;
61
61
  word-spacing: normal;
62
62
  word-wrap: normal;
63
- line-height: 1.5;
64
- line-height: var(--line-height-body);
65
- font-size: 1rem;
66
- font-size: var(--font-size-16);
67
63
  font-size: 0.875rem;
68
64
  font-size: var(--font-size-14);
69
65
  line-height: 155%;
@@ -355,10 +351,6 @@
355
351
  margin-top: var(--size-8);
356
352
  }.popover-content {
357
353
  padding: 0;
358
- line-height: 1.5;
359
- line-height: var(--line-height-body);
360
- font-size: 1rem;
361
- font-size: var(--font-size-16);
362
354
  font-size: 0.875rem;
363
355
  font-size: var(--font-size-14);
364
356
  line-height: 155%;
@@ -14,7 +14,7 @@
14
14
  height: 100%;
15
15
  font-size: 1rem;
16
16
  font-size: var(--font-size-16);
17
- font-weight: 800;
17
+ font-weight: 700;
18
18
  font-weight: var(--font-weight-bold);
19
19
  color: #fff;
20
20
  text-align: right;
@@ -365,7 +365,7 @@ table col[class*="col-"] {
365
365
  }
366
366
  .table > .thead > ol > li {
367
367
  display: table-cell;
368
- font-weight: 800;
368
+ font-weight: 700;
369
369
  font-weight: var(--font-weight-bold);
370
370
  color: #37517e;
371
371
  color: var(--color-content-primary);
@@ -47,10 +47,6 @@
47
47
  margin-left: 0;
48
48
  margin-left: initial;
49
49
  }.tooltip-inner {
50
- line-height: 1.5;
51
- line-height: var(--line-height-body);
52
- font-size: 1rem;
53
- font-size: var(--font-size-16);
54
50
  font-size: 0.875rem;
55
51
  font-size: var(--font-size-14);
56
52
  line-height: 155%;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 06 Dec 2023 12:40:57 GMT
3
+ // Generated on Wed, 17 Jan 2024 13:14:10 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -213,13 +213,13 @@
213
213
  @font-weight-regular: 400;
214
214
  @font-weight-medium: 500;
215
215
  @font-weight-semi-bold: 600;
216
- @font-weight-bold: 800;
216
+ @font-weight-bold: 700;
217
217
  @font-weight-black: 900;
218
218
  @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
219
219
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
220
220
 
221
221
  // Do not edit directly
222
- // Generated on Wed, 06 Dec 2023 12:40:57 GMT
222
+ // Generated on Wed, 17 Jan 2024 13:14:10 GMT
223
223
 
224
224
  @color-base-blue-light: #00b9ff;
225
225
  @color-base-blue-mid: #00a2dd;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
3
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -133,7 +133,7 @@
133
133
  --font-weight-regular: 400;
134
134
  --font-weight-medium: 500;
135
135
  --font-weight-semi-bold: 600;
136
- --font-weight-bold: 800;
136
+ --font-weight-bold: 700;
137
137
  --font-weight-black: 900;
138
138
  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
139
139
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
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.9.3",
4
+ "version": "14.9.5",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,7 +23,7 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.8.0"
26
+ "@transferwise/neptune-tokens": "^8.8.1"
27
27
  },
28
28
  "devDependencies": {
29
29
  "modern-normalize": "^2.0.0",
@@ -97,74 +97,16 @@ h6,
97
97
  line-height: 140%;
98
98
  }
99
99
 
100
- .body-1,
101
- .body-2,
102
- .body-3,
103
- .label,
104
- .value,
105
- .np-text-body-default {
106
- font-weight: var(--font-weight-regular);
107
- line-height: var(--line-height-body);
108
- }
109
-
110
- .body-1,
111
- .np-text-body-default,
112
- .np-text-body-default-bold {
113
- font-size: var(--font-size-16);
114
- }
115
-
116
- .np-text-body-default-bold {
117
- font-weight: var(--font-weight-bold);
118
- }
119
-
120
- .body-2 {
121
- font-size: var(--font-size-14);
122
- }
123
-
124
- .body-3 {
125
- font-size: var(--font-size-12);
126
- }
127
-
128
- .control-1,
129
- .control-2 {
130
- color: var(--color-content-accent);
131
- font-weight: var(--font-weight-semi-bold);
132
- line-height: var(--line-height-title);
133
- }
134
-
135
- .control-1 {
136
- font-size: var(--font-size-16);
137
- }
138
-
139
- .control-2 {
140
- font-size: var(--font-size-14);
141
- }
142
-
143
- .label {
144
- font-size: var(--font-size-14);
145
- }
146
-
147
- .value {
148
- font-size: var(--font-size-16);
149
- }
150
-
100
+ /* DEPRECATED: use .np-text-title-body instead */
151
101
  .lead {
152
102
  margin-bottom: var(--size-24);
153
103
  font-size: var(--font-size-20);
154
104
  line-height: var(--line-height-title);
155
105
  }
156
106
 
157
- small,
158
- .small,
159
- .body-2 {
160
- font-size: var(--font-size-14);
161
- line-height: var(--line-height-body);
162
- }
163
-
107
+ // DEPRECATED: use .np-text-body-default instead
164
108
  .tiny {
165
109
  color: var(--color-content-secondary);
166
- font-size: var(--font-size-12);
167
- line-height: var(--line-height-body);
168
110
  }
169
111
 
170
112
  // BODY
@@ -172,7 +114,7 @@ small,
172
114
  /* DEPRECATED: use .np-text-body-default instead */
173
115
  /* stylelint-disable-next-line selector-list-comma-newline-after */
174
116
  .body-2, .body-3, .label, .control-label, .small, .tiny,
175
- body,
117
+ body, small,
176
118
  .np-text-body-default {
177
119
  font-size: var(--font-size-14);
178
120
  line-height: 155%;
@@ -184,15 +126,12 @@ body,
184
126
  /* stylelint-disable-next-line selector-list-comma-newline-after */
185
127
  .control-2,
186
128
  .np-text-body-default-bold {
129
+ font-size: var(--font-size-14);
187
130
  line-height: 155%;
188
131
  letter-spacing: -0.006em;
189
132
  font-weight: var(--font-weight-semi-bold);
190
133
  }
191
134
 
192
- .np-text-body-default-bold {
193
- font-size: var(--font-size-14);
194
- }
195
-
196
135
  /* DEPRECATED: use .np-text-body-large instead */
197
136
  /* stylelint-disable-next-line selector-list-comma-newline-after */
198
137
  .body-1, .value,
@@ -435,6 +374,7 @@ a,
435
374
  }
436
375
  }
437
376
 
377
+ /* DEPRECATED: use `.np-text-display-*` instead */
438
378
  .display-1 {
439
379
  margin-bottom: var(--size-24);
440
380
  /* stylelint-disable-next-line number-max-precision */
@@ -446,6 +386,7 @@ a,
446
386
  }
447
387
  }
448
388
 
389
+ /* DEPRECATED: use `.np-text-display-*` instead */
449
390
  .display-2 {
450
391
  margin-bottom: var(--size-24);
451
392
  /* stylelint-disable-next-line number-max-precision */
@@ -457,6 +398,7 @@ a,
457
398
  }
458
399
  }
459
400
 
401
+ /* DEPRECATED: use `.np-text-display-*` instead */
460
402
  .display-3 {
461
403
  margin-bottom: var(--size-8);
462
404
  font-size: 2.8rem;
@@ -467,6 +409,7 @@ a,
467
409
  }
468
410
  }
469
411
 
412
+ /* DEPRECATED: use `.np-text-display-*` instead */
470
413
  .display-4 {
471
414
  margin-bottom: var(--size-4);
472
415
  /* stylelint-disable-next-line number-max-precision */
@@ -478,6 +421,7 @@ a,
478
421
  }
479
422
  }
480
423
 
424
+ /* DEPRECATED: use `.np-text-display-*` instead */
481
425
  .display-5 {
482
426
  margin-bottom: var(--size-4);
483
427
  /* stylelint-disable-next-line number-max-precision */