@transferwise/neptune-css 14.9.3 → 14.9.4

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 (13) hide show
  1. package/dist/css/accordion.css +0 -4
  2. package/dist/css/button-groups.css +0 -4
  3. package/dist/css/decision.css +0 -4
  4. package/dist/css/dropdowns.css +0 -8
  5. package/dist/css/footer.css +0 -8
  6. package/dist/css/input-groups.css +0 -8
  7. package/dist/css/navbar.css +0 -8
  8. package/dist/css/neptune-core.css +9 -70
  9. package/dist/css/neptune.css +14 -125
  10. package/dist/css/popovers.css +0 -8
  11. package/dist/css/tooltip.css +0 -4
  12. package/package.json +1 -1
  13. package/src/less/core/_typography.less +9 -65
package/dist/css/accordion.css CHANGED
@@ -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%;
package/dist/css/button-groups.css CHANGED
@@ -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%;
package/dist/css/decision.css CHANGED
@@ -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%;
package/dist/css/dropdowns.css CHANGED
@@ -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%;
package/dist/css/footer.css CHANGED
@@ -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%;
package/dist/css/input-groups.css CHANGED
@@ -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%;
package/dist/css/navbar.css CHANGED
@@ -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%;
package/dist/css/neptune-core.css CHANGED
@@ -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,
@@ -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);
package/dist/css/neptune.css CHANGED
@@ -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 */
@@ -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);
@@ -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%;
@@ -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%;
@@ -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%;
package/dist/css/popovers.css CHANGED
@@ -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%;
package/dist/css/tooltip.css CHANGED
@@ -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%;
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.4",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
package/src/less/core/_typography.less CHANGED
@@ -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 */