@transferwise/neptune-css 0.0.0-experimental-1b4195e → 0.0.0-experimental-ae1eca8

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
@@ -82,10 +82,6 @@
82
82
  padding: 8px ;
83
83
  margin: 0;
84
84
  list-style: none;
85
- line-height: 1.5;
86
- line-height: var(--line-height-body);
87
- font-size: 1rem;
88
- font-size: var(--font-size-16);
89
85
  font-size: 0.875rem;
90
86
  font-size: var(--font-size-14);
91
87
  line-height: 155%;
@@ -155,10 +151,6 @@
155
151
  padding: var(--dropdown-link-padding);
156
152
  clear: both;
157
153
  border-radius: 3px;
158
- line-height: 1.5;
159
- line-height: var(--line-height-body);
160
- font-size: 1rem;
161
- font-size: var(--font-size-16);
162
154
  font-size: 0.875rem;
163
155
  font-size: var(--font-size-14);
164
156
  line-height: 155%;
package/dist/css/neptune-core.css CHANGED
@@ -919,60 +919,7 @@ h6,
919
919
  letter-spacing: -0.006em;
920
920
  line-height: 140%;
921
921
  }
922
- .body-1,
923
- .body-2,
924
- .body-3,
925
- .label,
926
- .value,
927
- .np-text-body-default {
928
- font-weight: 400;
929
- font-weight: var(--font-weight-regular);
930
- line-height: 1.5;
931
- line-height: var(--line-height-body);
932
- }
933
- .body-1,
934
- .np-text-body-default,
935
- .np-text-body-default-bold {
936
- font-size: 1rem;
937
- font-size: var(--font-size-16);
938
- }
939
- .np-text-body-default-bold {
940
- font-weight: 800;
941
- font-weight: var(--font-weight-bold);
942
- }
943
- .body-2 {
944
- font-size: 0.875rem;
945
- font-size: var(--font-size-14);
946
- }
947
- .body-3 {
948
- font-size: 0.75rem;
949
- font-size: var(--font-size-12);
950
- }
951
- .control-1,
952
- .control-2 {
953
- color: #0097c7;
954
- color: var(--color-content-accent);
955
- font-weight: 600;
956
- font-weight: var(--font-weight-semi-bold);
957
- line-height: 1.2;
958
- line-height: var(--line-height-title);
959
- }
960
- .control-1 {
961
- font-size: 1rem;
962
- font-size: var(--font-size-16);
963
- }
964
- .control-2 {
965
- font-size: 0.875rem;
966
- font-size: var(--font-size-14);
967
- }
968
- .label {
969
- font-size: 0.875rem;
970
- font-size: var(--font-size-14);
971
- }
972
- .value {
973
- font-size: 1rem;
974
- font-size: var(--font-size-16);
975
- }
922
+ /* DEPRECATED: use .np-text-title-body instead */
976
923
  .lead {
977
924
  margin-bottom: 24px;
978
925
  margin-bottom: var(--size-24);
@@ -981,21 +928,9 @@ h6,
981
928
  line-height: 1.2;
982
929
  line-height: var(--line-height-title);
983
930
  }
984
- small,
985
- .small,
986
- .body-2 {
987
- font-size: 0.875rem;
988
- font-size: var(--font-size-14);
989
- line-height: 1.5;
990
- line-height: var(--line-height-body);
991
- }
992
931
  .tiny {
993
932
  color: #5d7079;
994
933
  color: var(--color-content-secondary);
995
- font-size: 0.75rem;
996
- font-size: var(--font-size-12);
997
- line-height: 1.5;
998
- line-height: var(--line-height-body);
999
934
  }
1000
935
  /* DEPRECATED: use .np-text-body-default instead */
1001
936
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -1006,6 +941,7 @@ small,
1006
941
  .small,
1007
942
  .tiny,
1008
943
  body,
944
+ small,
1009
945
  .np-text-body-default {
1010
946
  font-size: 0.875rem;
1011
947
  font-size: var(--font-size-14);
@@ -1018,15 +954,13 @@ body,
1018
954
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1019
955
  .control-2,
1020
956
  .np-text-body-default-bold {
957
+ font-size: 0.875rem;
958
+ font-size: var(--font-size-14);
1021
959
  line-height: 155%;
1022
960
  letter-spacing: -0.006em;
1023
961
  font-weight: 600;
1024
962
  font-weight: var(--font-weight-semi-bold);
1025
963
  }
1026
- .np-text-body-default-bold {
1027
- font-size: 0.875rem;
1028
- font-size: var(--font-size-14);
1029
- }
1030
964
  /* DEPRECATED: use .np-text-body-large instead */
1031
965
  /* stylelint-disable-next-line selector-list-comma-newline-after */
1032
966
  .body-1,
@@ -1529,6 +1463,7 @@ a,
1529
1463
  font-weight: 600;
1530
1464
  font-weight: var(--font-weight-semi-bold);
1531
1465
  }
1466
+ /* DEPRECATED: use `.np-text-display-*` instead */
1532
1467
  .display-1 {
1533
1468
  margin-bottom: 24px;
1534
1469
  margin-bottom: var(--size-24);
@@ -1542,6 +1477,7 @@ a,
1542
1477
  font-size: 6.5rem;
1543
1478
  }
1544
1479
  }
1480
+ /* DEPRECATED: use `.np-text-display-*` instead */
1545
1481
  .display-2 {
1546
1482
  margin-bottom: 24px;
1547
1483
  margin-bottom: var(--size-24);
@@ -1555,6 +1491,7 @@ a,
1555
1491
  font-size: 5.5rem;
1556
1492
  }
1557
1493
  }
1494
+ /* DEPRECATED: use `.np-text-display-*` instead */
1558
1495
  .display-3 {
1559
1496
  margin-bottom: 8px;
1560
1497
  margin-bottom: var(--size-8);
@@ -1567,6 +1504,7 @@ a,
1567
1504
  font-size: 4.5rem;
1568
1505
  }
1569
1506
  }
1507
+ /* DEPRECATED: use `.np-text-display-*` instead */
1570
1508
  .display-4 {
1571
1509
  margin-bottom: 4px;
1572
1510
  margin-bottom: var(--size-4);
@@ -1580,6 +1518,7 @@ a,
1580
1518
  font-size: 3.5rem;
1581
1519
  }
1582
1520
  }
1521
+ /* DEPRECATED: use `.np-text-display-*` instead */
1583
1522
  .display-5 {
1584
1523
  margin-bottom: 4px;
1585
1524
  margin-bottom: var(--size-4);
package/dist/css/neptune.css CHANGED
@@ -2147,69 +2147,7 @@ h6,
2147
2147
  line-height: 140%;
2148
2148
  }
2149
2149
 
2150
- .body-1,
2151
- .body-2,
2152
- .body-3,
2153
- .label,
2154
- .value,
2155
- .np-text-body-default {
2156
- font-weight: 400;
2157
- font-weight: var(--font-weight-regular);
2158
- line-height: 1.5;
2159
- line-height: var(--line-height-body);
2160
- }
2161
-
2162
- .body-1,
2163
- .np-text-body-default,
2164
- .np-text-body-default-bold {
2165
- font-size: 1rem;
2166
- font-size: var(--font-size-16);
2167
- }
2168
-
2169
- .np-text-body-default-bold {
2170
- font-weight: 800;
2171
- font-weight: var(--font-weight-bold);
2172
- }
2173
-
2174
- .body-2 {
2175
- font-size: 0.875rem;
2176
- font-size: var(--font-size-14);
2177
- }
2178
-
2179
- .body-3 {
2180
- font-size: 0.75rem;
2181
- font-size: var(--font-size-12);
2182
- }
2183
-
2184
- .control-1,
2185
- .control-2 {
2186
- color: #0097c7;
2187
- color: var(--color-content-accent);
2188
- font-weight: 600;
2189
- font-weight: var(--font-weight-semi-bold);
2190
- line-height: 1.2;
2191
- line-height: var(--line-height-title);
2192
- }
2193
-
2194
- .control-1 {
2195
- font-size: 1rem;
2196
- font-size: var(--font-size-16);
2197
- }
2198
-
2199
- .control-2 {
2200
- font-size: 0.875rem;
2201
- font-size: var(--font-size-14);
2202
- }
2203
-
2204
- .label {
2205
- font-size: 0.875rem;
2206
- font-size: var(--font-size-14);
2207
- }
2208
-
2209
- .value {
2210
- font-size: 1rem;
2211
- font-size: var(--font-size-16);
2212
- }
2150
+ /* DEPRECATED: use .np-text-title-body instead */
2213
2151
 
2214
2152
  .lead {
2215
2153
  margin-bottom: 24px;
@@ -2220,22 +2158,9 @@ h6,
2220
2158
  line-height: var(--line-height-title);
2221
2159
  }
2222
2160
 
2223
- small,
2224
- .small,
2225
- .body-2 {
2226
- font-size: 0.875rem;
2227
- font-size: var(--font-size-14);
2228
- line-height: 1.5;
2229
- line-height: var(--line-height-body);
2230
- }
2231
-
2232
2161
  .tiny {
2233
2162
  color: #5d7079;
2234
2163
  color: var(--color-content-secondary);
2235
- font-size: 0.75rem;
2236
- font-size: var(--font-size-12);
2237
- line-height: 1.5;
2238
- line-height: var(--line-height-body);
2239
2164
  }
2240
2165
 
2241
2166
  /* DEPRECATED: use .np-text-body-default instead */
@@ -2249,6 +2174,7 @@ small,
2249
2174
  .small,
2250
2175
  .tiny,
2251
2176
  body,
2177
+ small,
2252
2178
  .np-text-body-default {
2253
2179
  font-size: 0.875rem;
2254
2180
  font-size: var(--font-size-14);
@@ -2264,17 +2190,14 @@ body,
2264
2190
 
2265
2191
  .control-2,
2266
2192
  .np-text-body-default-bold {
2193
+ font-size: 0.875rem;
2194
+ font-size: var(--font-size-14);
2267
2195
  line-height: 155%;
2268
2196
  letter-spacing: -0.006em;
2269
2197
  font-weight: 600;
2270
2198
  font-weight: var(--font-weight-semi-bold);
2271
2199
  }
2272
2200
 
2273
- .np-text-body-default-bold {
2274
- font-size: 0.875rem;
2275
- font-size: var(--font-size-14);
2276
- }
2277
-
2278
2201
  /* DEPRECATED: use .np-text-body-large instead */
2279
2202
 
2280
2203
  /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2804,6 +2727,8 @@ a,
2804
2727
  font-weight: var(--font-weight-semi-bold);
2805
2728
  }
2806
2729
 
2730
+ /* DEPRECATED: use `.np-text-display-*` instead */
2731
+
2807
2732
  .display-1 {
2808
2733
  margin-bottom: 24px;
2809
2734
  margin-bottom: var(--size-24);
@@ -2819,6 +2744,8 @@ a,
2819
2744
  }
2820
2745
  }
2821
2746
 
2747
+ /* DEPRECATED: use `.np-text-display-*` instead */
2748
+
2822
2749
  .display-2 {
2823
2750
  margin-bottom: 24px;
2824
2751
  margin-bottom: var(--size-24);
@@ -2834,6 +2761,8 @@ a,
2834
2761
  }
2835
2762
  }
2836
2763
 
2764
+ /* DEPRECATED: use `.np-text-display-*` instead */
2765
+
2837
2766
  .display-3 {
2838
2767
  margin-bottom: 8px;
2839
2768
  margin-bottom: var(--size-8);
@@ -2848,6 +2777,8 @@ a,
2848
2777
  }
2849
2778
  }
2850
2779
 
2780
+ /* DEPRECATED: use `.np-text-display-*` instead */
2781
+
2851
2782
  .display-4 {
2852
2783
  margin-bottom: 4px;
2853
2784
  margin-bottom: var(--size-4);
@@ -2863,6 +2794,8 @@ a,
2863
2794
  }
2864
2795
  }
2865
2796
 
2797
+ /* DEPRECATED: use `.np-text-display-*` instead */
2798
+
2866
2799
  .display-5 {
2867
2800
  margin-bottom: 4px;
2868
2801
  margin-bottom: var(--size-4);
@@ -7601,10 +7534,6 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
7601
7534
  }
7602
7535
 
7603
7536
  .btn-group .secondary {
7604
- line-height: 1.5;
7605
- line-height: var(--line-height-body);
7606
- font-size: 1rem;
7607
- font-size: var(--font-size-16);
7608
7537
  font-size: 0.875rem;
7609
7538
  font-size: var(--font-size-14);
7610
7539
  line-height: 155%;
@@ -7980,10 +7909,6 @@ fieldset[disabled] .checkbox label {
7980
7909
  border-radius: 3px;
7981
7910
  font-size: 14px;
7982
7911
  line-height: 24px;
7983
- line-height: 1.5;
7984
- line-height: var(--line-height-body);
7985
- font-size: 1rem;
7986
- font-size: var(--font-size-16);
7987
7912
  font-size: 0.875rem;
7988
7913
  font-size: var(--font-size-14);
7989
7914
  line-height: 155%;
@@ -10343,10 +10268,6 @@ select[multiple].input-group-lg > .input-group-btn .btn {
10343
10268
  border-radius: 3px;
10344
10269
  font-size: 14px;
10345
10270
  line-height: 24px;
10346
- line-height: 1.5;
10347
- line-height: var(--line-height-body);
10348
- font-size: 1rem;
10349
- font-size: var(--font-size-16);
10350
10271
  font-size: 0.875rem;
10351
10272
  font-size: var(--font-size-14);
10352
10273
  line-height: 155%;
@@ -11353,10 +11274,6 @@ li > a > .currency-flag:first-child {
11353
11274
  }
11354
11275
 
11355
11276
  .decision__content {
11356
- line-height: 1.5;
11357
- line-height: var(--line-height-body);
11358
- font-size: 1rem;
11359
- font-size: var(--font-size-16);
11360
11277
  font-size: 0.875rem;
11361
11278
  font-size: var(--font-size-14);
11362
11279
  line-height: 155%;
@@ -11458,10 +11375,6 @@ li > a > .currency-flag:first-child {
11458
11375
  padding: 8px ;
11459
11376
  margin: 0;
11460
11377
  list-style: none;
11461
- line-height: 1.5;
11462
- line-height: var(--line-height-body);
11463
- font-size: 1rem;
11464
- font-size: var(--font-size-16);
11465
11378
  font-size: 0.875rem;
11466
11379
  font-size: var(--font-size-14);
11467
11380
  line-height: 155%;
@@ -11542,10 +11455,6 @@ li > a > .currency-flag:first-child {
11542
11455
  padding: var(--dropdown-link-padding);
11543
11456
  clear: both;
11544
11457
  border-radius: 3px;
11545
- line-height: 1.5;
11546
- line-height: var(--line-height-body);
11547
- font-size: 1rem;
11548
- font-size: var(--font-size-16);
11549
11458
  font-size: 0.875rem;
11550
11459
  font-size: var(--font-size-14);
11551
11460
  line-height: 155%;
@@ -12969,10 +12878,6 @@ li > a > .currency-flag:first-child {
12969
12878
  .footer {
12970
12879
  background-color: rgba(134,167,189,0.10196);
12971
12880
  background-color: var(--color-background-neutral);
12972
- line-height: 1.5;
12973
- line-height: var(--line-height-body);
12974
- font-size: 1rem;
12975
- font-size: var(--font-size-16);
12976
12881
  font-size: 0.875rem;
12977
12882
  font-size: var(--font-size-14);
12978
12883
  line-height: 155%;
@@ -13007,10 +12912,6 @@ li > a > .currency-flag:first-child {
13007
12912
  .footer .link-icon {
13008
12913
  color: #5d7079;
13009
12914
  color: var(--color-content-secondary);
13010
- line-height: 1.5;
13011
- line-height: var(--line-height-body);
13012
- font-size: 1rem;
13013
- font-size: var(--font-size-16);
13014
12915
  font-size: 0.875rem;
13015
12916
  font-size: var(--font-size-14);
13016
12917
  line-height: 155%;
@@ -19514,10 +19415,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
19514
19415
  word-break: normal;
19515
19416
  word-spacing: normal;
19516
19417
  word-wrap: normal;
19517
- line-height: 1.5;
19518
- line-height: var(--line-height-body);
19519
- font-size: 1rem;
19520
- font-size: var(--font-size-16);
19521
19418
  font-size: 0.875rem;
19522
19419
  font-size: var(--font-size-14);
19523
19420
  line-height: 155%;
@@ -19941,10 +19838,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
19941
19838
 
19942
19839
  .popover-content {
19943
19840
  padding: 0;
19944
- line-height: 1.5;
19945
- line-height: var(--line-height-body);
19946
- font-size: 1rem;
19947
- font-size: var(--font-size-16);
19948
19841
  font-size: 0.875rem;
19949
19842
  font-size: var(--font-size-14);
19950
19843
  line-height: 155%;
@@ -22494,10 +22387,6 @@ table col[class*="col-"] {
22494
22387
  }
22495
22388
 
22496
22389
  .tooltip-inner {
22497
- line-height: 1.5;
22498
- line-height: var(--line-height-body);
22499
- font-size: 1rem;
22500
- font-size: var(--font-size-16);
22501
22390
  font-size: 0.875rem;
22502
22391
  font-size: var(--font-size-14);
22503
22392
  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": "0.0.0-experimental-1b4195e",
4
+ "version": "0.0.0-experimental-ae1eca8",
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 */