@transferwise/neptune-css 14.3.49 → 14.3.51

package/src/less/core/_typography.less

@@ -25,10 +25,8 @@ h6,
   line-height: var(--line-height-title);
   letter-spacing: 0;
 
-  .np-theme-personal & {
-    + p {
-      margin-top: var(--size-8);
-    }
+  + p {
+    margin-top: var(--size-8);
   }
 }
 
@@ -38,17 +36,11 @@ h6,
 .title-1,
 h1,
 .np-text-title-screen {
-  margin-bottom: var(--size-8);
-  font-size: var(--font-size-32);
-  font-weight: var(--font-weight-bold);
-
-  .np-theme-personal & {
-    margin-bottom: initial;
-    font-size: var(--font-size-30);
-    letter-spacing: var(--letter-spacing-negative-xl);
-    font-weight: var(--font-weight-semi-bold);
-    line-height: var(--line-height-34);
-  }
+  margin-bottom: initial;
+  font-size: var(--font-size-30);
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: var(--letter-spacing-negative-xl);
+  line-height: var(--line-height-34);
 }
 
 /* DEPRECATED: use .np-text-title-section instead */
@@ -57,16 +49,11 @@ h1,
 .title-2,
 h2,
 .np-text-title-section {
-  margin-bottom: var(--size-4);
-  font-weight: var(--font-weight-bold);
+  margin-bottom: initial;
+  font-weight: var(--font-weight-semi-bold);
   font-size: var(--font-size-26);
-
-  .np-theme-personal & {
-    margin-bottom: initial;
-    font-weight: var(--font-weight-semi-bold);
-    letter-spacing: var(--letter-spacing-negative-md);
-    line-height: var(--line-height-32);
-  }
+  letter-spacing: var(--letter-spacing-negative-md);
+  line-height: var(--line-height-32);
 }
 
 /* DEPRECATED: use .np-text-title-subsection instead */
@@ -75,16 +62,11 @@ h2,
 .title-3,
 h3,
 .np-text-title-subsection {
-  margin-bottom: 2px;
-  font-size: var(--font-size-20);
+  margin-bottom: initial;
+  font-size: var(--font-size-22);
   font-weight: var(--font-weight-semi-bold);
-
-  .np-theme-personal & {
-    margin-bottom: initial;
-    font-size: var(--font-size-22);
-    letter-spacing: var(--letter-spacing-negative-md);
-    line-height: var(--line-height-28);
-  }
+  letter-spacing: var(--letter-spacing-negative-md);
+  line-height: var(--line-height-28);
 }
 
 /* DEPRECATED: use .np-text-title-body instead */
@@ -93,14 +75,10 @@ h3,
 .title-4,
 h4,
 .np-text-title-body {
-  font-size: var(--font-size-16);
+  font-size: var(--font-size-18);
   font-weight: var(--font-weight-semi-bold);
-
-  .np-theme-personal & {
-    font-size: var(--font-size-18);
-    letter-spacing: var(--letter-spacing-negative-xs);
-    line-height: var(--line-height-24);
-  }
+  letter-spacing: var(--letter-spacing-negative-xs);
+  line-height: var(--line-height-24);
 }
 
 /* DEPRECATED: use .np-text-title-group instead */
@@ -111,15 +89,10 @@ h4,
 h5,
 h6,
 .np-text-title-group {
-  font-weight: var(--font-weight-semi-bold);
+  font-weight: var(--font-weight-medium);
   font-size: var(--font-size-14);
-
-  .np-theme-personal & {
-    font-weight: var(--font-weight-medium);
-    font-size: var(--font-size-14);
-    letter-spacing: var(--letter-spacing-md);
-    line-height: var(--line-height-20);
-  }
+  letter-spacing: var(--letter-spacing-md);
+  line-height: var(--line-height-20);
 }
 
 .body-1,
@@ -199,12 +172,10 @@ small,
 .body-2, .body-3, .label, .control-label, .small, .tiny,
 body,
 .np-text-body-default {
-  .np-theme-personal & {
-    font-size: var(--font-size-14);
-    line-height: var(--line-height-22);
-    letter-spacing: var(--letter-spacing-xs);
-    font-weight: var(--font-weight-regular);
-  }
+  font-size: var(--font-size-14);
+  line-height: var(--line-height-22);
+  letter-spacing: var(--letter-spacing-xs);
+  font-weight: var(--font-weight-regular);
 }
 
 /* DEPRECATED: use .np-text-body-default-bold instead */
@@ -213,61 +184,51 @@ body,
 b,
 strong,
 .np-text-body-default-bold {
-  .np-theme-personal & {
-    line-height: var(--line-height-22);
-    letter-spacing: var(--letter-spacing-sm);
-    font-weight: var(--font-weight-semi-bold);
-  }
+  line-height: var(--line-height-22);
+  letter-spacing: var(--letter-spacing-sm);
+  font-weight: var(--font-weight-semi-bold);
 }
 
 .np-text-body-default-bold {
-  .np-theme-personal & {
-    font-size: var(--font-size-14);
-  }
+  font-size: var(--font-size-14);
 }
 
 /* DEPRECATED: use .np-text-title-group instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .body-1, .value,
 .np-text-body-large {
-  .np-theme-personal & {
-    font-weight: var(--font-weight-regular);
-    font-size: var(--font-size-16);
-    letter-spacing: var(--letter-spacing-negative-xxs);
-    line-height: var(--line-height-24);
-  }
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-16);
+  letter-spacing: var(--letter-spacing-negative-xxs);
+  line-height: var(--line-height-24);
 }
 
 /* DEPRECATED: use np-text-body-large-bold instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-1,
 .np-text-body-large-bold {
-  .np-theme-personal & {
-    font-weight: var(--font-weight-semi-bold);
-    font-size: var(--font-size-16);
-    letter-spacing: var(--letter-spacing-xxs);
-    line-height: var(--line-height-24);
-  }
+  font-weight: var(--font-weight-semi-bold);
+  font-size: var(--font-size-16);
+  letter-spacing: var(--letter-spacing-xxs);
+  line-height: var(--line-height-24);
 }
 
 // LINK
 
-.np-theme-personal {
-  a,
-  .np-text-link-default,
-  .np-text-link-large {
-    font-weight: var(--font-weight-semi-bold);
-    .link-underline();
-  }
+a,
+.np-text-link-default,
+.np-text-link-large {
+  font-weight: var(--font-weight-semi-bold);
+  .link-underline();
+}
 
-  .np-text-link-large {
-    font-size: var(--font-size-16);
-    letter-spacing: var(--letter-spacing-xs);
-  }
+.np-text-link-large {
+  font-size: var(--font-size-16);
+  letter-spacing: var(--letter-spacing-xs);
+}
 
-  .np-text-link-default {
-    font-size: var(--font-size-14);
-  }
+.np-text-link-default {
+  font-size: var(--font-size-14);
 }
 
 // DISPLAY
@@ -333,205 +294,199 @@ strong,
 .np-text-display-large,
 .np-text-display-medium,
 .np-text-display-small {
-  font-family: Averta, sans-serif;
-
-  .np-theme-personal & {
-    font-family: "Wise Sans", Inter, sans-serif;
-    font-synthesis: none;
-  }
+  font-family: "Wise Sans", Inter, sans-serif;
+  font-synthesis: none;
 }
 
 /* stylelint-disable-next-line no-duplicate-selectors */
-.np-theme-personal {
-  .np-text-display-extra-large,
-  .np-text-display-large,
-  .np-text-display-medium,
-  .np-text-display-small {
-    letter-spacing: normal;
+.np-text-display-extra-large,
+.np-text-display-large,
+.np-text-display-medium,
+.np-text-display-small {
+  letter-spacing: normal;
 
-    @supports (hyphenate-limit-chars: 1) {
-      hyphens: auto;
-      hyphenate-limit-chars: 7 3;
+  @supports (hyphenate-limit-chars: 1) {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
 
-      @media (--screen-md) {
-        hyphenate-limit-chars: 8 3;
-      }
+    @media (--screen-md) {
+      hyphenate-limit-chars: 8 3;
+    }
 
-      @media (--screen-lg) {
-        hyphenate-limit-chars: 10 4 3;
-      }
+    @media (--screen-lg) {
+      hyphenate-limit-chars: 10 4 3;
     }
+  }
 
-    @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-      hyphens: auto;
-      -webkit-hyphenate-limit-before: 3;
-      -webkit-hyphenate-limit-after: 3;
+  @supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
 
-      @media (--screen-lg) {
-        -webkit-hyphenate-limit-before: 4;
-      }
+    @media (--screen-lg) {
+      -webkit-hyphenate-limit-before: 4;
     }
   }
+}
+
+.np-text-display-extra-large {
+  .display-formatting(var(--size-120), normal);
+}
+
+.np-text-display-large {
+  .display-formatting(var(--size-88), normal);
+  .display-size-large-fluid-sm();
+}
 
+.np-text-display-medium {
+  .display-formatting(var(--size-60), normal);
+  .display-size-medium-fluid-sm();
+}
+
+.np-text-display-small {
+  .display-formatting(var(--size-40), normal);
+}
+
+:lang(en) {
   .np-text-display-extra-large {
-    .display-formatting(var(--size-120), normal);
+    .display-formatting(var(--size-126), 0.85);
   }
 
   .np-text-display-large {
-    .display-formatting(var(--size-88), normal);
-    .display-size-large-fluid-sm();
+    .display-formatting(var(--size-96), 0.85);
+    .display-size-large-fluid();
   }
 
   .np-text-display-medium {
-    .display-formatting(var(--size-60), normal);
-    .display-size-medium-fluid-sm();
+    .display-formatting(var(--size-64), 0.85);
+    .display-size-medium-fluid();
   }
 
   .np-text-display-small {
-    .display-formatting(var(--size-40), normal);
+    .display-formatting(var(--size-40), 0.85);
+  }
+}
+
+:lang(af),
+:lang(sq),
+:lang(eu),
+:lang(bs),
+:lang(ca),
+:lang(kw),
+:lang(hr),
+:lang(cs),
+:lang(da),
+:lang(nl),
+:lang(eo),
+:lang(et),
+:lang(fo),
+:lang(fi),
+:lang(fr),
+:lang(gl),
+:lang(lg),
+:lang(de),
+:lang(hu),
+:lang(is),
+:lang(se),
+:lang(id),
+:lang(in),
+:lang(ga),
+:lang(it),
+:lang(kl),
+:lang(ki),
+:lang(rw),
+:lang(lv),
+:lang(lt),
+:lang(lb),
+:lang(mg),
+:lang(ms),
+:lang(mt),
+:lang(gv),
+:lang(mi),
+:lang(nd),
+:lang(nb),
+:lang(nn),
+:lang(om),
+:lang(pl),
+:lang(pt),
+:lang(ro),
+:lang(rm),
+:lang(rn),
+:lang(sg),
+:lang(gd),
+:lang(sr),
+:lang(sn),
+:lang(sk),
+:lang(sl),
+:lang(so),
+:lang(es),
+:lang(sw),
+:lang(sv),
+:lang(tr),
+:lang(cy),
+:lang(fy),
+:lang(wo),
+:lang(zu),
+:lang(hsb),
+:lang(gsw),
+:lang(dsb),
+:lang(fil) {
+  .np-text-display-extra-large {
+    .display-formatting(var(--size-126), 1.05);
   }
 
-  :lang(en) {
-    .np-text-display-extra-large {
-      .display-formatting(var(--size-126), 0.85);
-    }
-
-    .np-text-display-large {
-      .display-formatting(var(--size-96), 0.85);
-      .display-size-large-fluid();
-    }
-
-    .np-text-display-medium {
-      .display-formatting(var(--size-64), 0.85);
-      .display-size-medium-fluid();
-    }
-
-    .np-text-display-small {
-      .display-formatting(var(--size-40), 0.85);
-    }
+  .np-text-display-large {
+    .display-formatting(var(--size-96), 1.05);
+    .display-size-large-fluid();
   }
 
-  :lang(af),
-  :lang(sq),
-  :lang(eu),
-  :lang(bs),
-  :lang(ca),
-  :lang(kw),
-  :lang(hr),
-  :lang(cs),
-  :lang(da),
-  :lang(nl),
-  :lang(eo),
-  :lang(et),
-  :lang(fo),
-  :lang(fi),
-  :lang(fr),
-  :lang(gl),
-  :lang(lg),
-  :lang(de),
-  :lang(hu),
-  :lang(is),
-  :lang(se),
-  :lang(id),
-  :lang(in),
-  :lang(ga),
-  :lang(it),
-  :lang(kl),
-  :lang(ki),
-  :lang(rw),
-  :lang(lv),
-  :lang(lt),
-  :lang(lb),
-  :lang(mg),
-  :lang(ms),
-  :lang(mt),
-  :lang(gv),
-  :lang(mi),
-  :lang(nd),
-  :lang(nb),
-  :lang(nn),
-  :lang(om),
-  :lang(pl),
-  :lang(pt),
-  :lang(ro),
-  :lang(rm),
-  :lang(rn),
-  :lang(sg),
-  :lang(gd),
-  :lang(sr),
-  :lang(sn),
-  :lang(sk),
-  :lang(sl),
-  :lang(so),
-  :lang(es),
-  :lang(sw),
-  :lang(sv),
-  :lang(tr),
-  :lang(cy),
-  :lang(fy),
-  :lang(wo),
-  :lang(zu),
-  :lang(hsb),
-  :lang(gsw),
-  :lang(dsb),
-  :lang(fil) {
-    .np-text-display-extra-large {
-      .display-formatting(var(--size-126), 1.05);
-    }
-
-    .np-text-display-large {
-      .display-formatting(var(--size-96), 1.05);
-      .display-size-large-fluid();
-    }
-
-    .np-text-display-medium {
-      .display-formatting(var(--size-64), 1.05);
-      .display-size-medium-fluid();
-    }
-
-    .np-text-display-small {
-      .display-formatting(var(--size-40), 1.05);
-    }
+  .np-text-display-medium {
+    .display-formatting(var(--size-64), 1.05);
+    .display-size-medium-fluid();
   }
 
-  :lang(el),
-  :lang(az),
-  :lang(be),
-  :lang(bs),
-  :lang(bg),
-  :lang(ce),
-  :lang(mk),
-  :lang(os),
-  :lang(ru),
-  :lang(sr),
-  :lang(uk),
-  :lang(uz),
-  :lang(sah) {
-    .np-text-display-extra-large {
-      .display-formatting(var(--size-120),
-      1.2,
-      var(--font-weight-semi-bold));
-    }
+  .np-text-display-small {
+    .display-formatting(var(--size-40), 1.05);
+  }
+}
+
+:lang(el),
+:lang(az),
+:lang(be),
+:lang(bs),
+:lang(bg),
+:lang(ce),
+:lang(mk),
+:lang(os),
+:lang(ru),
+:lang(sr),
+:lang(uk),
+:lang(uz),
+:lang(sah) {
+  .np-text-display-extra-large {
+    .display-formatting(var(--size-120),
+    1.2,
+    var(--font-weight-semi-bold));
+  }
 
-    .np-text-display-large {
-      .display-formatting(var(--size-88),
-      1.2,
-      var(--font-weight-semi-bold));
-      .display-size-large-fluid-sm();
-    }
+  .np-text-display-large {
+    .display-formatting(var(--size-88),
+    1.2,
+    var(--font-weight-semi-bold));
+    .display-size-large-fluid-sm();
+  }
 
-    .np-text-display-medium {
-      .display-formatting(var(--size-60),
-      1.2,
-      var(--font-weight-semi-bold));
-      .display-size-medium-fluid-sm();
-    }
+  .np-text-display-medium {
+    .display-formatting(var(--size-60),
+    1.2,
+    var(--font-weight-semi-bold));
+    .display-size-medium-fluid-sm();
+  }
 
-    .np-text-display-small {
-      .display-formatting(var(--size-40),
-      1.2,
-      var(--font-weight-semi-bold));
-    }
+  .np-text-display-small {
+    .display-formatting(var(--size-40),
+    1.2,
+    var(--font-weight-semi-bold));
   }
 }
 
@@ -590,12 +545,7 @@ strong,
 }
 
 p {
-  margin: 0 0 24px;
-  margin: 0 0 var(--size-24);
-
-  .np-theme-personal & {
-    margin-bottom: var(--size-16);
-  }
+  margin: 0 0 var(--size-16);
 
   + h1,
   + h2,
@@ -619,12 +569,8 @@ p {
   + .np-text-title-subsection,
   + .np-text-title-body,
   + .np-text-title-group {
-    margin-top: var(--size-32);
-
-    .np-theme-personal & {
-      margin-top: 0;
-      margin-bottom: var(--size-8);
-    }
+    margin-top: 0;
+    margin-bottom: var(--size-8);
   }
 }
 
@@ -638,10 +584,6 @@ b {
   font-weight: var(--font-weight-semi-bold);
   letter-spacing: 0;
   color: var(--color-content-primary);
-
-  .np-theme-personal & {
-    color: var(--color-content-primary);
-  }
 }
 
 mark,