@transferwise/neptune-css 0.0.0-experimental-c6db9e8 → 0.0.0-experimental-8b1de7a

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 (14) hide show
  1. package/dist/css/flex.css +4 -4
  2. package/dist/css/navbar-base.css +5 -5
  3. package/dist/css/navbar.css +5 -5
  4. package/dist/css/neptune-addons.css +4 -4
  5. package/dist/css/neptune-core.css +7 -10
  6. package/dist/css/neptune.css +28 -34
  7. package/dist/css/progress-bars.css +1 -1
  8. package/dist/css/ring.css +0 -4
  9. package/dist/css/table.css +1 -1
  10. package/dist/css/utilities.css +5 -5
  11. package/dist/less/neptune-tokens.less +3 -3
  12. package/dist/props/neptune-tokens.css +2 -2
  13. package/package.json +2 -2
  14. package/src/less/utilities/display.less +4 -4
package/dist/css/flex.css CHANGED
@@ -205,7 +205,7 @@
205
205
  .visible-xl-inline {
206
206
  display: none !important;
207
207
  }
208
- @media not all and (min-width: 576px) {
208
+ @media (max-width: 575px) {
209
209
  .hidden-xs {
210
210
  display: none !important;
211
211
  }
@@ -228,7 +228,7 @@
228
228
  display: inline-flex;
229
229
  }
230
230
  }
231
- @media (min-width: 576px) and not all and (min-width: 768px) {
231
+ @media (min-width: 576px) and (max-width: 767px) {
232
232
  .hidden-sm {
233
233
  display: none !important;
234
234
  }
@@ -251,7 +251,7 @@
251
251
  display: inline-flex;
252
252
  }
253
253
  }
254
- @media (min-width: 768px) and not all and (min-width: 992px) {
254
+ @media (min-width: 768px) and (max-width: 991px) {
255
255
  .hidden-md {
256
256
  display: none !important;
257
257
  }
@@ -274,7 +274,7 @@
274
274
  display: inline-flex;
275
275
  }
276
276
  }
277
- @media (min-width: 992px) and not all and (min-width: 1200px) {
277
+ @media (min-width: 992px) and (max-width: 1199px) {
278
278
  .hidden-lg {
279
279
  display: none !important;
280
280
  }
package/dist/css/navbar-base.css CHANGED
@@ -475,7 +475,7 @@
475
475
  color: #0077a5;
476
476
  color: var(--color-content-accent-active);
477
477
  background-color: transparent;
478
- font-weight: 700;
478
+ font-weight: 800;
479
479
  font-weight: var(--font-weight-bold);
480
480
  }.navbar-nav > li > .dropdown-menu > .active > a:hover,
481
481
  .navbar-nav > li > .dropdown-menu > .active > a:focus {
@@ -670,7 +670,7 @@
670
670
  background-color: transparent;
671
671
  }.navbar-default .navbar-nav > .active > a,
672
672
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
673
- font-weight: 700;
673
+ font-weight: 800;
674
674
  font-weight: var(--font-weight-bold);
675
675
  }.navbar-default .navbar-nav > .active > a,
676
676
  .navbar-default .navbar-nav > .active > .dropdown-toggle,
@@ -702,7 +702,7 @@
702
702
  background-color: transparent;
703
703
  }
704
704
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
705
- font-weight: 700;
705
+ font-weight: 800;
706
706
  font-weight: var(--font-weight-bold);
707
707
  }
708
708
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -756,7 +756,7 @@
756
756
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
757
757
  color: #0077a5;
758
758
  color: var(--color-content-accent-active);
759
- font-weight: 700;
759
+ font-weight: 800;
760
760
  font-weight: var(--font-weight-bold);
761
761
  }.navbar-inverse .navbar-nav > .active > a,
762
762
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle,
@@ -1026,7 +1026,7 @@
1026
1026
  line-height: var(--line-height-title);
1027
1027
  margin-top: 12px;
1028
1028
  margin-bottom: 12px;
1029
- font-weight: 700;
1029
+ font-weight: 800;
1030
1030
  font-weight: var(--font-weight-bold);
1031
1031
  }[dir="rtl"] .navbar-title {
1032
1032
  float: right;
package/dist/css/navbar.css CHANGED
@@ -1342,7 +1342,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1342
1342
  color: #0077a5;
1343
1343
  color: var(--color-content-accent-active);
1344
1344
  background-color: transparent;
1345
- font-weight: 700;
1345
+ font-weight: 800;
1346
1346
  font-weight: var(--font-weight-bold);
1347
1347
  }
1348
1348
  .navbar-nav > li > .dropdown-menu > .active > a:hover,
@@ -1568,7 +1568,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1568
1568
  }
1569
1569
  .navbar-default .navbar-nav > .active > a,
1570
1570
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
1571
- font-weight: 700;
1571
+ font-weight: 800;
1572
1572
  font-weight: var(--font-weight-bold);
1573
1573
  }
1574
1574
  .navbar-default .navbar-nav > .active > a,
@@ -1603,7 +1603,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1603
1603
  background-color: transparent;
1604
1604
  }
1605
1605
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
1606
- font-weight: 700;
1606
+ font-weight: 800;
1607
1607
  font-weight: var(--font-weight-bold);
1608
1608
  }
1609
1609
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -1670,7 +1670,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1670
1670
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
1671
1671
  color: #0077a5;
1672
1672
  color: var(--color-content-accent-active);
1673
- font-weight: 700;
1673
+ font-weight: 800;
1674
1674
  font-weight: var(--font-weight-bold);
1675
1675
  }
1676
1676
  .navbar-inverse .navbar-nav > .active > a,
@@ -1971,7 +1971,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1971
1971
  line-height: var(--line-height-title);
1972
1972
  margin-top: 12px;
1973
1973
  margin-bottom: 12px;
1974
- font-weight: 700;
1974
+ font-weight: 800;
1975
1975
  font-weight: var(--font-weight-bold);
1976
1976
  }
1977
1977
  [dir="rtl"] .navbar-title {
package/dist/css/neptune-addons.css CHANGED
@@ -1242,7 +1242,7 @@ html:not([dir="rtl"]) .p-x-panel {
1242
1242
  .visible-xl-inline {
1243
1243
  display: none !important;
1244
1244
  }
1245
- @media not all and (min-width: 576px) {
1245
+ @media (max-width: 575px) {
1246
1246
  .hidden-xs {
1247
1247
  display: none !important;
1248
1248
  }
@@ -1265,7 +1265,7 @@ html:not([dir="rtl"]) .p-x-panel {
1265
1265
  display: inline-flex;
1266
1266
  }
1267
1267
  }
1268
- @media (min-width: 576px) and not all and (min-width: 768px) {
1268
+ @media (min-width: 576px) and (max-width: 767px) {
1269
1269
  .hidden-sm {
1270
1270
  display: none !important;
1271
1271
  }
@@ -1288,7 +1288,7 @@ html:not([dir="rtl"]) .p-x-panel {
1288
1288
  display: inline-flex;
1289
1289
  }
1290
1290
  }
1291
- @media (min-width: 768px) and not all and (min-width: 992px) {
1291
+ @media (min-width: 768px) and (max-width: 991px) {
1292
1292
  .hidden-md {
1293
1293
  display: none !important;
1294
1294
  }
@@ -1311,7 +1311,7 @@ html:not([dir="rtl"]) .p-x-panel {
1311
1311
  display: inline-flex;
1312
1312
  }
1313
1313
  }
1314
- @media (min-width: 992px) and not all and (min-width: 1200px) {
1314
+ @media (min-width: 992px) and (max-width: 1199px) {
1315
1315
  .hidden-lg {
1316
1316
  display: none !important;
1317
1317
  }
package/dist/css/neptune-core.css CHANGED
@@ -70,7 +70,7 @@
70
70
  font-display: swap;
71
71
  }
72
72
  @font-face {
73
- font-weight: 700;
73
+ font-weight: 800;
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");
@@ -356,7 +356,6 @@ summary {
356
356
  .np-theme-navy {
357
357
  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
358
358
  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
359
- font-family: 'Inter', Helvetica, Arial, sans-serif;
360
359
  font-family: var(--font-family-regular);
361
360
  line-height: 1.5;
362
361
  line-height: var(--line-height-body);
@@ -364,7 +363,6 @@ summary {
364
363
  .np-theme-personal {
365
364
  --font-family-regular: "Inter", sans-serif, helvetica, arial, sans-serif !important;
366
365
  font-family: "Inter", sans-serif, helvetica, arial, sans-serif;
367
- font-family: 'Inter', Helvetica, Arial, sans-serif;
368
366
  font-family: var(--font-family-regular);
369
367
  font-feature-settings: "calt";
370
368
  --input-group-addon-padding: 12px 16px;
@@ -396,7 +394,6 @@ summary {
396
394
  html {
397
395
  font-size: 16px;
398
396
  font-size: var(--base-font-size);
399
- font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
400
397
  font-family: 'Inter', Helvetica, Arial, sans-serif;
401
398
  font-family: var(--font-family-regular);
402
399
  color: #5d7079;
@@ -937,7 +934,7 @@ h6,
937
934
  font-size: var(--font-size-16);
938
935
  }
939
936
  .np-text-body-default-bold {
940
- font-weight: 700;
937
+ font-weight: 800;
941
938
  font-weight: var(--font-weight-bold);
942
939
  }
943
940
  .body-2 {
@@ -1146,21 +1143,21 @@ a,
1146
1143
  font-size: 64px;
1147
1144
  font-size: var(--size-64);
1148
1145
  line-height: normal;
1149
- font-weight: 700;
1146
+ font-weight: 800;
1150
1147
  font-weight: var(--font-weight-bold);
1151
1148
  }
1152
1149
  .np-text-display-medium {
1153
1150
  font-size: 52px;
1154
1151
  font-size: var(--size-52);
1155
1152
  line-height: normal;
1156
- font-weight: 700;
1153
+ font-weight: 800;
1157
1154
  font-weight: var(--font-weight-bold);
1158
1155
  }
1159
1156
  .np-text-display-small {
1160
1157
  font-size: 40px;
1161
1158
  font-size: var(--size-40);
1162
1159
  line-height: normal;
1163
- font-weight: 700;
1160
+ font-weight: 800;
1164
1161
  font-weight: var(--font-weight-bold);
1165
1162
  }
1166
1163
  :lang(en) > .np-text-display-extra-large,
@@ -1784,7 +1781,7 @@ kbd {
1784
1781
  }
1785
1782
  kbd kbd {
1786
1783
  padding: 0;
1787
- font-weight: 700;
1784
+ font-weight: 800;
1788
1785
  font-weight: var(--font-weight-bold);
1789
1786
  font-size: 100%;
1790
1787
  }
@@ -1861,7 +1858,7 @@ a.text-inverse:focus {
1861
1858
  font-weight: var(--font-weight-semi-bold) !important;
1862
1859
  }
1863
1860
  .font-weight-bold {
1864
- font-weight: 700 !important;
1861
+ font-weight: 800 !important;
1865
1862
  font-weight: var(--font-weight-bold) !important;
1866
1863
  }
1867
1864
  .text-max-width {
package/dist/css/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
136
+ --font-weight-bold: 800;
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, 17 Jan 2024 13:14:10 GMT
144
+ * Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
289
+ --font-weight-bold: 800;
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, 17 Jan 2024 13:14:10 GMT
362
+ * Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
535
+ --font-weight-bold: 800;
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, 17 Jan 2024 13:14:10 GMT
608
+ * Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
781
+ --font-weight-bold: 800;
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, 17 Jan 2024 13:14:10 GMT
854
+ * Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
1027
+ --font-weight-bold: 800;
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: 700;
1180
+ font-weight: 800;
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");
@@ -1501,7 +1501,6 @@ summary {
1501
1501
  .np-theme-navy {
1502
1502
  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
1503
1503
  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
1504
- font-family: 'Inter', Helvetica, Arial, sans-serif;
1505
1504
  font-family: var(--font-family-regular);
1506
1505
  line-height: 1.5;
1507
1506
  line-height: var(--line-height-body);
@@ -1510,7 +1509,6 @@ summary {
1510
1509
  .np-theme-personal {
1511
1510
  --font-family-regular: "Inter", sans-serif, helvetica, arial, sans-serif !important;
1512
1511
  font-family: "Inter", sans-serif, helvetica, arial, sans-serif;
1513
- font-family: 'Inter', Helvetica, Arial, sans-serif;
1514
1512
  font-family: var(--font-family-regular);
1515
1513
  font-feature-settings: "calt";
1516
1514
  --input-group-addon-padding: 12px 16px;
@@ -1543,7 +1541,6 @@ summary {
1543
1541
  html {
1544
1542
  font-size: 16px;
1545
1543
  font-size: var(--base-font-size);
1546
- font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
1547
1544
  font-family: 'Inter', Helvetica, Arial, sans-serif;
1548
1545
  font-family: var(--font-family-regular);
1549
1546
  color: #5d7079;
@@ -2167,7 +2164,7 @@ h6,
2167
2164
  }
2168
2165
 
2169
2166
  .np-text-body-default-bold {
2170
- font-weight: 700;
2167
+ font-weight: 800;
2171
2168
  font-weight: var(--font-weight-bold);
2172
2169
  }
2173
2170
 
@@ -2409,7 +2406,7 @@ a,
2409
2406
  font-size: 64px;
2410
2407
  font-size: var(--size-64);
2411
2408
  line-height: normal;
2412
- font-weight: 700;
2409
+ font-weight: 800;
2413
2410
  font-weight: var(--font-weight-bold);
2414
2411
  }
2415
2412
 
@@ -2417,7 +2414,7 @@ a,
2417
2414
  font-size: 52px;
2418
2415
  font-size: var(--size-52);
2419
2416
  line-height: normal;
2420
- font-weight: 700;
2417
+ font-weight: 800;
2421
2418
  font-weight: var(--font-weight-bold);
2422
2419
  }
2423
2420
 
@@ -2425,7 +2422,7 @@ a,
2425
2422
  font-size: 40px;
2426
2423
  font-size: var(--size-40);
2427
2424
  line-height: normal;
2428
- font-weight: 700;
2425
+ font-weight: 800;
2429
2426
  font-weight: var(--font-weight-bold);
2430
2427
  }
2431
2428
 
@@ -3099,7 +3096,7 @@ kbd {
3099
3096
 
3100
3097
  kbd kbd {
3101
3098
  padding: 0;
3102
- font-weight: 700;
3099
+ font-weight: 800;
3103
3100
  font-weight: var(--font-weight-bold);
3104
3101
  font-size: 100%;
3105
3102
  }
@@ -4128,7 +4125,7 @@ html:not([dir="rtl"]) .p-x-panel {
4128
4125
  display: none !important;
4129
4126
  }
4130
4127
 
4131
- @media not all and (min-width: 576px) {
4128
+ @media (max-width: 575px) {
4132
4129
  .hidden-xs {
4133
4130
  display: none !important;
4134
4131
  }
@@ -4153,7 +4150,7 @@ html:not([dir="rtl"]) .p-x-panel {
4153
4150
  }
4154
4151
  }
4155
4152
 
4156
- @media (min-width: 576px) and not all and (min-width: 768px) {
4153
+ @media (min-width: 576px) and (max-width: 767px) {
4157
4154
  .hidden-sm {
4158
4155
  display: none !important;
4159
4156
  }
@@ -4178,7 +4175,7 @@ html:not([dir="rtl"]) .p-x-panel {
4178
4175
  }
4179
4176
  }
4180
4177
 
4181
- @media (min-width: 768px) and not all and (min-width: 992px) {
4178
+ @media (min-width: 768px) and (max-width: 991px) {
4182
4179
  .hidden-md {
4183
4180
  display: none !important;
4184
4181
  }
@@ -4203,7 +4200,7 @@ html:not([dir="rtl"]) .p-x-panel {
4203
4200
  }
4204
4201
  }
4205
4202
 
4206
- @media (min-width: 992px) and not all and (min-width: 1200px) {
4203
+ @media (min-width: 992px) and (max-width: 1199px) {
4207
4204
  .hidden-lg {
4208
4205
  display: none !important;
4209
4206
  }
@@ -11325,7 +11322,6 @@ li > a > .currency-flag:first-child {
11325
11322
  outline: #37517e solid 2px;
11326
11323
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
11327
11324
  outline-offset: 0;
11328
- outline-offset: 2px;
11329
11325
  outline-offset: var(--ring-outline-offset);
11330
11326
  --ring-outline-offset: 0;
11331
11327
  }
@@ -17181,7 +17177,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
17181
17177
  color: #0077a5;
17182
17178
  color: var(--color-content-accent-active);
17183
17179
  background-color: transparent;
17184
- font-weight: 700;
17180
+ font-weight: 800;
17185
17181
  font-weight: var(--font-weight-bold);
17186
17182
  }
17187
17183
 
@@ -17438,7 +17434,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
17438
17434
 
17439
17435
  .navbar-default .navbar-nav > .active > a,
17440
17436
  .navbar-default .navbar-nav > .active > .dropdown-toggle {
17441
- font-weight: 700;
17437
+ font-weight: 800;
17442
17438
  font-weight: var(--font-weight-bold);
17443
17439
  }
17444
17440
 
@@ -17476,7 +17472,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
17476
17472
  background-color: transparent;
17477
17473
  }
17478
17474
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
17479
- font-weight: 700;
17475
+ font-weight: 800;
17480
17476
  font-weight: var(--font-weight-bold);
17481
17477
  }
17482
17478
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -17556,7 +17552,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
17556
17552
  .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
17557
17553
  color: #0077a5;
17558
17554
  color: var(--color-content-accent-active);
17559
- font-weight: 700;
17555
+ font-weight: 800;
17560
17556
  font-weight: var(--font-weight-bold);
17561
17557
  }
17562
17558
 
@@ -17888,7 +17884,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
17888
17884
  line-height: var(--line-height-title);
17889
17885
  margin-top: 12px;
17890
17886
  margin-bottom: 12px;
17891
- font-weight: 700;
17887
+ font-weight: 800;
17892
17888
  font-weight: var(--font-weight-bold);
17893
17889
  }
17894
17890
 
@@ -19496,7 +19492,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
19496
19492
  z-index: 1060;
19497
19493
  width: 276px;
19498
19494
  padding: 18px 24px;
19499
- font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
19500
19495
  font-family: 'Inter', Helvetica, Arial, sans-serif;
19501
19496
  font-family: var(--font-family-regular);
19502
19497
  font-style: normal;
@@ -20770,7 +20765,7 @@ button.popover-close {
20770
20765
  height: 100%;
20771
20766
  font-size: 1rem;
20772
20767
  font-size: var(--font-size-16);
20773
- font-weight: 700;
20768
+ font-weight: 800;
20774
20769
  font-weight: var(--font-weight-bold);
20775
20770
  color: #fff;
20776
20771
  text-align: right;
@@ -22339,7 +22334,7 @@ table col[class*="col-"] {
22339
22334
  }
22340
22335
  .table > .thead > ol > li {
22341
22336
  display: table-cell;
22342
- font-weight: 700;
22337
+ font-weight: 800;
22343
22338
  font-weight: var(--font-weight-bold);
22344
22339
  color: #37517e;
22345
22340
  color: var(--color-content-primary);
@@ -22432,7 +22427,6 @@ table col[class*="col-"] {
22432
22427
  position: absolute;
22433
22428
  z-index: 1070;
22434
22429
  display: block;
22435
- font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
22436
22430
  font-family: 'Inter', Helvetica, Arial, sans-serif;
22437
22431
  font-family: var(--font-family-regular);
22438
22432
  font-style: normal;
@@ -22749,7 +22743,7 @@ a.text-inverse:focus {
22749
22743
  }
22750
22744
 
22751
22745
  .font-weight-bold {
22752
- font-weight: 700 !important;
22746
+ font-weight: 800 !important;
22753
22747
  font-weight: var(--font-weight-bold) !important;
22754
22748
  }
22755
22749
 
package/dist/css/progress-bars.css CHANGED
@@ -14,7 +14,7 @@
14
14
  height: 100%;
15
15
  font-size: 1rem;
16
16
  font-size: var(--font-size-16);
17
- font-weight: 700;
17
+ font-weight: 800;
18
18
  font-weight: var(--font-weight-bold);
19
19
  color: #fff;
20
20
  text-align: right;
package/dist/css/ring.css CHANGED
@@ -11,8 +11,6 @@
11
11
  outline: none;
12
12
  }
13
13
  .focus-ring:focus-visible {
14
- outline: #37517e solid 2px;
15
- outline: var(--color-content-primary) solid 2px;
16
14
  outline: #37517e solid 2px;
17
15
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
18
16
  outline-offset: 2px;
@@ -40,8 +38,6 @@ dialog:focus-visible,
40
38
  input:focus-visible,
41
39
  select:focus-visible,
42
40
  textarea:focus-visible {
43
- outline: #37517e solid 2px;
44
- outline: var(--color-content-primary) solid 2px;
45
41
  outline: #37517e solid 2px;
46
42
  outline: var(--ring-outline-color) solid var(--ring-outline-width);
47
43
  outline-offset: 2px;
package/dist/css/table.css CHANGED
@@ -365,7 +365,7 @@ table col[class*="col-"] {
365
365
  }
366
366
  .table > .thead > ol > li {
367
367
  display: table-cell;
368
- font-weight: 700;
368
+ font-weight: 800;
369
369
  font-weight: var(--font-weight-bold);
370
370
  color: #37517e;
371
371
  color: var(--color-content-primary);
package/dist/css/utilities.css CHANGED
@@ -286,7 +286,7 @@ a.text-inverse:focus {
286
286
  .visible-xl-inline {
287
287
  display: none !important;
288
288
  }
289
- @media not all and (min-width: 576px) {
289
+ @media (max-width: 575px) {
290
290
  .hidden-xs {
291
291
  display: none !important;
292
292
  }
@@ -309,7 +309,7 @@ a.text-inverse:focus {
309
309
  display: inline-flex;
310
310
  }
311
311
  }
312
- @media (min-width: 576px) and not all and (min-width: 768px) {
312
+ @media (min-width: 576px) and (max-width: 767px) {
313
313
  .hidden-sm {
314
314
  display: none !important;
315
315
  }
@@ -332,7 +332,7 @@ a.text-inverse:focus {
332
332
  display: inline-flex;
333
333
  }
334
334
  }
335
- @media (min-width: 768px) and not all and (min-width: 992px) {
335
+ @media (min-width: 768px) and (max-width: 991px) {
336
336
  .hidden-md {
337
337
  display: none !important;
338
338
  }
@@ -355,7 +355,7 @@ a.text-inverse:focus {
355
355
  display: inline-flex;
356
356
  }
357
357
  }
358
- @media (min-width: 992px) and not all and (min-width: 1200px) {
358
+ @media (min-width: 992px) and (max-width: 1199px) {
359
359
  .hidden-lg {
360
360
  display: none !important;
361
361
  }
@@ -560,7 +560,7 @@ a.text-inverse:focus {
560
560
  font-weight: var(--font-weight-semi-bold) !important;
561
561
  }
562
562
  .font-weight-bold {
563
- font-weight: 700 !important;
563
+ font-weight: 800 !important;
564
564
  font-weight: var(--font-weight-bold) !important;
565
565
  }
566
566
  .gap-y-1 {
package/dist/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ // Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
216
+ @font-weight-bold: 800;
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, 17 Jan 2024 13:14:10 GMT
222
+ // Generated on Wed, 06 Dec 2023 12:40:57 GMT
223
223
 
224
224
  @color-base-blue-light: #00b9ff;
225
225
  @color-base-blue-mid: #00a2dd;
package/dist/props/neptune-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Jan 2024 13:14:10 GMT
3
+ * Generated on Wed, 06 Dec 2023 12:40:57 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: 700;
136
+ --font-weight-bold: 800;
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": "0.0.0-experimental-c6db9e8",
4
+ "version": "0.0.0-experimental-8b1de7a",
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.1"
26
+ "@transferwise/neptune-tokens": "^8.8.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "modern-normalize": "^2.0.0",
package/src/less/utilities/display.less CHANGED
@@ -44,7 +44,7 @@
44
44
  display: none !important;
45
45
  }
46
46
 
47
- @media not all and (--screen-sm) {
47
+ @media (--screen-xs-max) {
48
48
  .hidden-xs {
49
49
  display: none !important;
50
50
  }
@@ -72,7 +72,7 @@
72
72
  display: inline-flex;
73
73
  }
74
74
 
75
- @media not all and (--screen-md) {
75
+ @media (--screen-sm-max) {
76
76
  .hidden-sm {
77
77
  display: none !important;
78
78
  }
@@ -101,7 +101,7 @@
101
101
  display: inline-flex;
102
102
  }
103
103
 
104
- @media not all and (--screen-lg) {
104
+ @media (--screen-md-max) {
105
105
  .hidden-md {
106
106
  display: none !important;
107
107
  }
@@ -130,7 +130,7 @@
130
130
  display: inline-flex;
131
131
  }
132
132
 
133
- @media not all and (--screen-xl) {
133
+ @media (--screen-lg-max) {
134
134
  .hidden-lg {
135
135
  display: none !important;
136
136
  }