@transferwise/neptune-css 0.0.0-experimental-e1f83e6 → 0.0.0-experimental-b878f82

package/dist/css/neptune-core.css

@@ -5870,7 +5870,6 @@ summary {
   display: list-item;
 }
 :root {
-  --base-font-size: 16px;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -5887,8 +5886,8 @@ summary {
   --btn-lg-radius-base: 3px;
 }
 .np-theme-personal {
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--font-family-regular);
+  font-family: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+  font-family: var(--wds-font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;
   --btn-padding: calc(12px - 1px) 24px;
@@ -5917,10 +5916,10 @@ summary {
   background-color: var(--color-background-screen);
 }
 html {
-  font-size: 16px;
-  font-size: var(--base-font-size);
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--font-family-regular);
+  font-size: 0.875rem;
+  font-size: var(--wds-font-size-body);
+  font-family: Inter, Vazirmatn, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', Helvetica, Arial, sans-serif;
+  font-family: var(--wds-font-family-regular);
   color: #5d7079;
   color: var(--color-content-secondary);
   background-color: #ffffff;
@@ -6098,11 +6097,11 @@ ul ul {
 dt,
 dd {
   line-height: 1.5;
-  line-height: var(--line-height-body);
+  line-height: var(--wds-line-height-body-large);
 }
 dt {
   font-size: 0.875rem;
-  font-size: var(--font-size-14);
+  font-size: var(--wds-font-size-body);
 }
 dd {
   margin-block-end: 16px;
@@ -6509,10 +6508,10 @@ h3,
 .lead {
   margin-block-end: 24px;
   margin-block-end: var(--size-24);
-  font-size: 1.25rem;
-  font-size: var(--font-size-20);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
+  font-size: 1.125rem;
+  font-size: var(--wds-font-size-title-body);
+  line-height: 1.35;
+  line-height: var(--wds-line-height-title-body);
 }
 .tiny {
   color: #5d7079;
@@ -6946,20 +6945,20 @@ a,
 .np-text-link-default,
 .np-text-link-large {
   font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
+  font-weight: var(--wds-font-weight-title-body);
   -webkit-text-decoration: underline;
   text-decoration: underline;
   text-underline-offset: 0.3em;
 }
 .np-text-link-large {
   font-size: 1rem;
-  font-size: var(--font-size-16);
+  font-size: var(--wds-font-size-body-large);
   letter-spacing: -0.011em;
   line-height: 150%;
 }
 .np-text-link-default {
   font-size: 0.875rem;
-  font-size: var(--font-size-14);
+  font-size: var(--wds-font-size-body);
   letter-spacing: -0.006em;
   line-height: 155%;
 }
@@ -6984,8 +6983,8 @@ a,
 .np-text-display-large--forced,
 .np-text-display-medium--forced,
 .np-text-display-small--forced {
-  font-family: 'Wise Sans', Inter, sans-serif;
-  font-family: var(--font-family-display);
+  font-family: 'Wise Sans', Inter, Rubik, 'Noto Sans SC', 'Zen Kaku Gothic Antique', 'Noto Sans KR', 'Noto Sans Thai', 'Noto Sans Hebrew', sans-serif;
+  font-family: var(--wds-font-family-display);
   font-synthesis: none;
 }
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */
@@ -7155,7 +7154,7 @@ p + .np-text-title-group {
 strong,
 b {
   font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
+  font-weight: var(--wds-font-weight-title-body);
   color: #37517e;
   color: var(--color-content-primary);
 }
@@ -7179,7 +7178,7 @@ blockquote {
   padding-inline: calc(16px - 2px) 16px;
   padding-inline: calc(var(--size-16) - 2px) var(--size-16);
   font-size: 1rem;
-  font-size: var(--font-size-16);
+  font-size: var(--wds-font-size-body-large);
   border-inline-start: 2px solid #0097c7;
   border-inline-start: 2px solid var(--color-content-accent);
 }
@@ -7197,9 +7196,9 @@ blockquote footer {
   color: #5d7079;
   color: var(--color-content-secondary);
   font-size: 0.875rem;
-  font-size: var(--font-size-14);
+  font-size: var(--wds-font-size-body);
   line-height: 1.5;
-  line-height: var(--line-height-body);
+  line-height: var(--wds-line-height-body-large);
 }
 blockquote footer::before {
   content: "\2014 \00A0";
@@ -7215,7 +7214,7 @@ blockquote footer::before {
     margin: 32px;
     margin: var(--size-32);
     font-size: 1rem;
-    font-size: var(--font-size-16);
+    font-size: var(--wds-font-size-body-large);
   }
 }
 .blockquote-reverse {
@@ -7248,9 +7247,9 @@ pre {
   color: #5d7079;
   color: var(--color-content-secondary);
   font-size: 0.875rem;
-  font-size: var(--font-size-14);
+  font-size: var(--wds-font-size-body);
   line-height: 1.5;
-  line-height: var(--line-height-body);
+  line-height: var(--wds-line-height-body-large);
   word-wrap: break-word;
   word-break: break-all;
   background-color: rgba(134,167,189,0.10196);
@@ -7283,8 +7282,8 @@ kbd {
 }
 kbd kbd {
   padding: 0;
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
+  font-weight: 600;
+  font-weight: var(--wds-font-weight-title-body);
   font-size: 100%;
 }
 .text-xs-left {
@@ -7393,16 +7392,16 @@ kbd kbd {
   word-wrap: anywhere;
 }
 .font-weight-bold {
-  font-weight: 700 !important;
-  font-weight: var(--font-weight-bold) !important;
+  font-weight: 600 !important;
+  font-weight: var(--wds-font-weight-title-screen) !important;
 }
 .font-weight-semi-bold {
-  font-weight: 600 !important;
-  font-weight: var(--font-weight-semi-bold) !important;
+  font-weight: 500 !important;
+  font-weight: var(--wds-font-weight-title-group) !important;
 }
 .font-weight-normal {
   font-weight: 400 !important;
-  font-weight: var(--font-weight-regular) !important;
+  font-weight: var(--wds-font-weight-body-regular) !important;
 }
 .font-italic {
   font-style: italic !important;