@transferwise/neptune-css 0.0.0-experimental-ae1eca8 → 0.0.0-experimental-c6db9e8

package/dist/css/accordion.css

@@ -74,6 +74,10 @@
   margin-top: var(--size-8);
 }
 .decision__content {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/button-groups.css

@@ -397,6 +397,10 @@ html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dr
     max-height: 592px;
   }
 }.btn-group .secondary {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/decision.css

@@ -33,6 +33,10 @@
   margin-top: 8px;
   margin-top: var(--size-8);
 }.decision__content {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/dropdowns.css

@@ -12,6 +12,10 @@
   padding: 8px   ;
   margin: 0;
   list-style: none;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -71,6 +75,10 @@
   padding: var(--dropdown-link-padding);
   clear: both;
   border-radius: 3px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/footer.css

@@ -3,6 +3,10 @@
 }.footer {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -31,6 +35,10 @@
 .footer .link-icon {
   color: #5d7079;
   color: var(--color-content-secondary);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/input-groups.css

@@ -316,6 +316,10 @@ fieldset[disabled] .checkbox label {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -2392,6 +2396,10 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/navbar-base.css

@@ -475,7 +475,7 @@
   color: #0077a5;
   color: var(--color-content-accent-active);
   background-color: transparent;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }.navbar-nav > li > .dropdown-menu > .active > a:hover,
 .navbar-nav > li > .dropdown-menu > .active > a:focus {
@@ -670,7 +670,7 @@
   background-color: transparent;
 }.navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > .dropdown-toggle {
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }.navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > .dropdown-toggle,
@@ -702,7 +702,7 @@
     background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
-    font-weight: 800;
+    font-weight: 700;
     font-weight: var(--font-weight-bold);
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -756,7 +756,7 @@
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
   color: #0077a5;
   color: var(--color-content-accent-active);
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }.navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle,
@@ -1026,7 +1026,7 @@
   line-height: var(--line-height-title);
   margin-top: 12px;
   margin-bottom: 12px;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }[dir="rtl"] .navbar-title {
   float: right;

package/dist/css/navbar.css

@@ -82,6 +82,10 @@
   padding: 8px   ;
   margin: 0;
   list-style: none;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -151,6 +155,10 @@
   padding: var(--dropdown-link-padding);
   clear: both;
   border-radius: 3px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -1334,7 +1342,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: #0077a5;
   color: var(--color-content-accent-active);
   background-color: transparent;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .navbar-nav > li > .dropdown-menu > .active > a:hover,
@@ -1560,7 +1568,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > .dropdown-toggle {
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .navbar-default .navbar-nav > .active > a,
@@ -1595,7 +1603,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
     background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
-    font-weight: 800;
+    font-weight: 700;
     font-weight: var(--font-weight-bold);
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -1662,7 +1670,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
   color: #0077a5;
   color: var(--color-content-accent-active);
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .navbar-inverse .navbar-nav > .active > a,
@@ -1963,7 +1971,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   line-height: var(--line-height-title);
   margin-top: 12px;
   margin-bottom: 12px;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 [dir="rtl"] .navbar-title {

package/dist/css/neptune-core.css

@@ -70,7 +70,7 @@
   font-display: swap;
 }
 @font-face {
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
   src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -919,7 +919,60 @@ h6,
   letter-spacing: -0.006em;
   line-height: 140%;
 }
-/* DEPRECATED: use .np-text-title-body instead */
+.body-1,
+.body-2,
+.body-3,
+.label,
+.value,
+.np-text-body-default {
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+}
+.body-1,
+.np-text-body-default,
+.np-text-body-default-bold {
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
+.np-text-body-default-bold {
+  font-weight: 700;
+  font-weight: var(--font-weight-bold);
+}
+.body-2 {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+.body-3 {
+  font-size: 0.75rem;
+  font-size: var(--font-size-12);
+}
+.control-1,
+.control-2 {
+  color: #0097c7;
+  color: var(--color-content-accent);
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
+}
+.control-1 {
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
+.control-2 {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+.label {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+.value {
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
 .lead {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -928,9 +981,21 @@ h6,
   line-height: 1.2;
   line-height: var(--line-height-title);
 }
+small,
+.small,
+.body-2 {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+}
 .tiny {
   color: #5d7079;
   color: var(--color-content-secondary);
+  font-size: 0.75rem;
+  font-size: var(--font-size-12);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
 }
 /* DEPRECATED: use .np-text-body-default instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -941,7 +1006,6 @@ h6,
 .small,
 .tiny,
 body,
-small,
 .np-text-body-default {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -954,13 +1018,15 @@ small,
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-2,
 .np-text-body-default-bold {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
+.np-text-body-default-bold {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
 /* DEPRECATED: use .np-text-body-large instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-1,
@@ -1080,21 +1146,21 @@ a,
   font-size: 64px;
   font-size: var(--size-64);
   line-height: normal;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .np-text-display-medium {
   font-size: 52px;
   font-size: var(--size-52);
   line-height: normal;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .np-text-display-small {
   font-size: 40px;
   font-size: var(--size-40);
   line-height: normal;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 :lang(en) > .np-text-display-extra-large,
@@ -1463,7 +1529,6 @@ a,
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-1 {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -1477,7 +1542,6 @@ a,
     font-size: 6.5rem;
   }
 }
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-2 {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -1491,7 +1555,6 @@ a,
     font-size: 5.5rem;
   }
 }
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-3 {
   margin-bottom: 8px;
   margin-bottom: var(--size-8);
@@ -1504,7 +1567,6 @@ a,
     font-size: 4.5rem;
   }
 }
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-4 {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
@@ -1518,7 +1580,6 @@ a,
     font-size: 3.5rem;
   }
 }
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-5 {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
@@ -1723,7 +1784,7 @@ kbd {
 }
 kbd kbd {
   padding: 0;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-size: 100%;
 }
@@ -1800,7 +1861,7 @@ a.text-inverse:focus {
   font-weight: var(--font-weight-semi-bold) !important;
 }
 .font-weight-bold {
-  font-weight: 800 !important;
+  font-weight: 700 !important;
   font-weight: var(--font-weight-bold) !important;
 }
 .text-max-width {

package/dist/css/neptune.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
  */
 
 :root {
@@ -133,7 +133,7 @@
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
-  --font-weight-bold: 800;
+  --font-weight-bold: 700;
   --font-weight-black: 900;
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -141,7 +141,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
  */
 
 .np-theme-personal {
@@ -286,7 +286,7 @@
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
-  --font-weight-bold: 800;
+  --font-weight-bold: 700;
   --font-weight-black: 900;
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -359,7 +359,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -532,7 +532,7 @@
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
-  --font-weight-bold: 800;
+  --font-weight-bold: 700;
   --font-weight-black: 900;
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -605,7 +605,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -778,7 +778,7 @@
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
-  --font-weight-bold: 800;
+  --font-weight-bold: 700;
   --font-weight-black: 900;
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -851,7 +851,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
  */
 
 .np-theme-personal--dark {
@@ -1024,7 +1024,7 @@
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
-  --font-weight-bold: 800;
+  --font-weight-bold: 700;
   --font-weight-black: 900;
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
@@ -1177,7 +1177,7 @@
 }
 
 @font-face {
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
   src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -2147,7 +2147,69 @@ h6,
   line-height: 140%;
 }
 
-/* DEPRECATED: use .np-text-title-body instead */
+.body-1,
+.body-2,
+.body-3,
+.label,
+.value,
+.np-text-body-default {
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+}
+
+.body-1,
+.np-text-body-default,
+.np-text-body-default-bold {
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
+
+.np-text-body-default-bold {
+  font-weight: 700;
+  font-weight: var(--font-weight-bold);
+}
+
+.body-2 {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+
+.body-3 {
+  font-size: 0.75rem;
+  font-size: var(--font-size-12);
+}
+
+.control-1,
+.control-2 {
+  color: #0097c7;
+  color: var(--color-content-accent);
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
+}
+
+.control-1 {
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
+
+.control-2 {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+
+.label {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+
+.value {
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+}
 
 .lead {
   margin-bottom: 24px;
@@ -2158,9 +2220,22 @@ h6,
   line-height: var(--line-height-title);
 }
 
+small,
+.small,
+.body-2 {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+}
+
 .tiny {
   color: #5d7079;
   color: var(--color-content-secondary);
+  font-size: 0.75rem;
+  font-size: var(--font-size-12);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
 }
 
 /* DEPRECATED: use .np-text-body-default instead */
@@ -2174,7 +2249,6 @@ h6,
 .small,
 .tiny,
 body,
-small,
 .np-text-body-default {
   font-size: 0.875rem;
   font-size: var(--font-size-14);
@@ -2190,14 +2264,17 @@ small,
 
 .control-2,
 .np-text-body-default-bold {
-  font-size: 0.875rem;
-  font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 
+.np-text-body-default-bold {
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+
 /* DEPRECATED: use .np-text-body-large instead  */
 
 /* stylelint-disable-next-line selector-list-comma-newline-after */
@@ -2332,7 +2409,7 @@ a,
   font-size: 64px;
   font-size: var(--size-64);
   line-height: normal;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -2340,7 +2417,7 @@ a,
   font-size: 52px;
   font-size: var(--size-52);
   line-height: normal;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -2348,7 +2425,7 @@ a,
   font-size: 40px;
   font-size: var(--size-40);
   line-height: normal;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -2727,8 +2804,6 @@ a,
   font-weight: var(--font-weight-semi-bold);
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
-
 .display-1 {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -2744,8 +2819,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
-
 .display-2 {
   margin-bottom: 24px;
   margin-bottom: var(--size-24);
@@ -2761,8 +2834,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
-
 .display-3 {
   margin-bottom: 8px;
   margin-bottom: var(--size-8);
@@ -2777,8 +2848,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
-
 .display-4 {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
@@ -2794,8 +2863,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
-
 .display-5 {
   margin-bottom: 4px;
   margin-bottom: var(--size-4);
@@ -3032,7 +3099,7 @@ kbd {
 
 kbd kbd {
   padding: 0;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-size: 100%;
 }
@@ -7534,6 +7601,10 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
 }
 
 .btn-group .secondary {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -7909,6 +7980,10 @@ fieldset[disabled] .checkbox label {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -10268,6 +10343,10 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   border-radius: 3px;
   font-size: 14px;
   line-height: 24px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -11274,6 +11353,10 @@ li > a > .currency-flag:first-child {
 }
 
 .decision__content {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -11375,6 +11458,10 @@ li > a > .currency-flag:first-child {
   padding: 8px   ;
   margin: 0;
   list-style: none;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -11455,6 +11542,10 @@ li > a > .currency-flag:first-child {
   padding: var(--dropdown-link-padding);
   clear: both;
   border-radius: 3px;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -12878,6 +12969,10 @@ li > a > .currency-flag:first-child {
 .footer {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -12912,6 +13007,10 @@ li > a > .currency-flag:first-child {
 .footer .link-icon {
   color: #5d7079;
   color: var(--color-content-secondary);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -17082,7 +17181,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   color: #0077a5;
   color: var(--color-content-accent-active);
   background-color: transparent;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -17339,7 +17438,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > .dropdown-toggle {
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -17377,7 +17476,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
     background-color: transparent;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
-    font-weight: 800;
+    font-weight: 700;
     font-weight: var(--font-weight-bold);
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
@@ -17457,7 +17556,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 .navbar-inverse .navbar-nav > .active > .dropdown-toggle {
   color: #0077a5;
   color: var(--color-content-accent-active);
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -17789,7 +17888,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
   line-height: var(--line-height-title);
   margin-top: 12px;
   margin-bottom: 12px;
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 
@@ -19415,6 +19514,10 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -19838,6 +19941,10 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 
 .popover-content {
   padding: 0;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -20663,7 +20770,7 @@ button.popover-close {
   height: 100%;
   font-size: 1rem;
   font-size: var(--font-size-16);
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
   color: #fff;
   text-align: right;
@@ -22232,7 +22339,7 @@ table col[class*="col-"] {
   }
   .table > .thead > ol > li {
     display: table-cell;
-    font-weight: 800;
+    font-weight: 700;
     font-weight: var(--font-weight-bold);
     color: #37517e;
     color: var(--color-content-primary);
@@ -22387,6 +22494,10 @@ table col[class*="col-"] {
 }
 
 .tooltip-inner {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -22638,7 +22749,7 @@ a.text-inverse:focus {
 }
 
 .font-weight-bold {
-  font-weight: 800 !important;
+  font-weight: 700 !important;
   font-weight: var(--font-weight-bold) !important;
 }
 

package/dist/css/popovers.css

@@ -60,6 +60,10 @@
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -351,6 +355,10 @@
   margin-top: var(--size-8);
 }.popover-content {
   padding: 0;
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/progress-bars.css

@@ -14,7 +14,7 @@
   height: 100%;
   font-size: 1rem;
   font-size: var(--font-size-16);
-  font-weight: 800;
+  font-weight: 700;
   font-weight: var(--font-weight-bold);
   color: #fff;
   text-align: right;

package/dist/css/table.css

@@ -365,7 +365,7 @@ table col[class*="col-"] {
   }
   .table > .thead > ol > li {
     display: table-cell;
-    font-weight: 800;
+    font-weight: 700;
     font-weight: var(--font-weight-bold);
     color: #37517e;
     color: var(--color-content-primary);

package/dist/css/tooltip.css

@@ -47,6 +47,10 @@
   margin-left: 0;
   margin-left: initial;
 }.tooltip-inner {
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
   font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;

package/dist/css/utilities.css

@@ -560,7 +560,7 @@ a.text-inverse:focus {
   font-weight: var(--font-weight-semi-bold) !important;
 }
 .font-weight-bold {
-  font-weight: 800 !important;
+  font-weight: 700 !important;
   font-weight: var(--font-weight-bold) !important;
 }
 .gap-y-1 {

package/dist/less/neptune-tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 06 Dec 2023 12:40:57 GMT
+// Generated on Wed, 17 Jan 2024 13:14:10 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -213,13 +213,13 @@
 @font-weight-regular: 400;
 @font-weight-medium: 500;
 @font-weight-semi-bold: 600;
-@font-weight-bold: 800;
+@font-weight-bold: 700;
 @font-weight-black: 900;
 @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
 @font-family-display: 'Wise Sans', 'Inter', sans-serif;
 
 // Do not edit directly
-// Generated on Wed, 06 Dec 2023 12:40:57 GMT
+// Generated on Wed, 17 Jan 2024 13:14:10 GMT
 
 @color-base-blue-light: #00b9ff;
 @color-base-blue-mid: #00a2dd;

package/dist/props/neptune-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Dec 2023 12:40:57 GMT
+ * Generated on Wed, 17 Jan 2024 13:14:10 GMT
  */
 
 :root {
@@ -133,7 +133,7 @@
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semi-bold: 600;
-  --font-weight-bold: 800;
+  --font-weight-bold: 700;
   --font-weight-black: 900;
   --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "0.0.0-experimental-ae1eca8",
+  "version": "0.0.0-experimental-c6db9e8",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,7 +23,7 @@
     "scripts"
   ],
   "dependencies": {
-    "@transferwise/neptune-tokens": "^8.8.0"
+    "@transferwise/neptune-tokens": "^8.8.1"
   },
   "devDependencies": {
     "modern-normalize": "^2.0.0",

package/src/less/core/_typography.less

@@ -97,16 +97,74 @@ h6,
   line-height: 140%;
 }
 
-/* DEPRECATED: use .np-text-title-body instead */
+.body-1,
+.body-2,
+.body-3,
+.label,
+.value,
+.np-text-body-default {
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-body);
+}
+
+.body-1,
+.np-text-body-default,
+.np-text-body-default-bold {
+  font-size: var(--font-size-16);
+}
+
+.np-text-body-default-bold {
+  font-weight: var(--font-weight-bold);
+}
+
+.body-2 {
+  font-size: var(--font-size-14);
+}
+
+.body-3 {
+  font-size: var(--font-size-12);
+}
+
+.control-1,
+.control-2 {
+  color: var(--color-content-accent);
+  font-weight: var(--font-weight-semi-bold);
+  line-height: var(--line-height-title);
+}
+
+.control-1 {
+  font-size: var(--font-size-16);
+}
+
+.control-2 {
+  font-size: var(--font-size-14);
+}
+
+.label {
+  font-size: var(--font-size-14);
+}
+
+.value {
+  font-size: var(--font-size-16);
+}
+
 .lead {
   margin-bottom: var(--size-24);
   font-size: var(--font-size-20);
   line-height: var(--line-height-title);
 }
 
-// DEPRECATED: use .np-text-body-default instead
+small,
+.small,
+.body-2 {
+  font-size: var(--font-size-14);
+  line-height: var(--line-height-body);
+}
+
 .tiny {
   color: var(--color-content-secondary);
+  font-size: var(--font-size-12);
+  line-height: var(--line-height-body);
 }
 
 // BODY
@@ -114,7 +172,7 @@ h6,
 /* DEPRECATED: use .np-text-body-default instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-2, .body-3, .label, .control-label, .small, .tiny,
-body, small,
+body,
 .np-text-body-default {
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -126,12 +184,15 @@ body, small,
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-2,
 .np-text-body-default-bold {
-  font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
   font-weight: var(--font-weight-semi-bold);
 }
 
+.np-text-body-default-bold {
+  font-size: var(--font-size-14);
+}
+
 /* DEPRECATED: use .np-text-body-large instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-1, .value,
@@ -374,7 +435,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-1 {
   margin-bottom: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
@@ -386,7 +446,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-2 {
   margin-bottom: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
@@ -398,7 +457,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-3 {
   margin-bottom: var(--size-8);
   font-size: 2.8rem;
@@ -409,7 +467,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-4 {
   margin-bottom: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */
@@ -421,7 +478,6 @@ a,
   }
 }
 
-/* DEPRECATED: use `.np-text-display-*` instead */
 .display-5 {
   margin-bottom: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */