@transferwise/neptune-css 12.4.2 → 12.4.3-beta-90fe61457a.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "12.4.2",
+  "version": "12.4.3-beta-90fe61457a.0+90fe61457a",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -60,5 +60,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "6b5db4e79fc57c24a9d6abca0cf823b5a244be61"
+  "gitHead": "90fe61457ae7901bdba5e1fcf8288a24c424b1db"
 }

package/src/less/core/_fonts.less

@@ -1,26 +1,27 @@
 @font-face {
   font-weight: var(--font-weight-regular);
-  font-family: 'Averta';
-  src:
-    url('../fonts/TW-Averta-Regular.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Regular.woff') format('woff');
+  font-family: 'Inter';
+  src: url('../fonts/Inter-Regular.ttf') format('truetype');
   font-display: swap;
 }
 
 @font-face {
   font-weight: var(--font-weight-semi-bold);
-  font-family: 'Averta';
-  src:
-    url('../fonts/TW-Averta-Semibold.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Semibold.woff') format('woff');
+  font-family: 'Inter';
+  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
   font-display: swap;
 }
 
 @font-face {
   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');
+  font-family: 'Inter';
+  src: url('../fonts/Inter-Bold.ttf') format('truetype');
+  font-display: swap;
+}
+
+@font-face {
+  font-weight: var(--font-weight-bold);
+  font-family: 'Parafina';
+  src: url('../fonts/ParafinaTrial-BoldS.otf') format('opentype');
   font-display: swap;
 }

package/src/less/core/_typography-utilities.less

@@ -229,6 +229,9 @@
 .display-3,
 .display-4,
 .display-5 {
+  text-transform: uppercase;
+  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+  font-family: var(--font-family-display);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-title);
 }

package/src/less/core/_typography.less

@@ -41,6 +41,9 @@ h6,
 h1,
 .h1,
 .title-1 {
+  text-transform: uppercase;
+  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+  font-family: var(--font-family-display);
   margin-bottom: var(--size-8);
   font-size: var(--font-size-32);
   font-weight: var(--font-weight-bold);
@@ -49,6 +52,9 @@ h1,
 h2,
 .h2,
 .title-2 {
+  text-transform: uppercase;
+  /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
+  font-family: var(--font-family-display);
   margin-bottom: var(--size-4);
   font-size: var(--font-size-26);
   font-weight: var(--font-weight-bold);

package/src/less/mixins/_forms.less

@@ -138,7 +138,7 @@
 // Chrome doesn't play well with our current font Averta. The result is that some
 // character with some extra accents gets cropped when inserted inside inputs.
 .input-height-adjust(@input-height) {
-  height: auto;
-  min-height: @input-height;
-  max-height: @input-height;
+  // height: auto;
+  // min-height: @input-height;
+  // max-height: @input-height;
 }

package/src/less/neptune.bundle.less

@@ -1,4 +1,16 @@
+/* stylelint-disable no-duplicate-selectors */
 @import '@transferwise/neptune-tokens/tokens.css';
+
+// overrides neptune token
+:root {
+  --font-family-regular: 'Inter';
+}
+
+// new tokens
+:root {
+  --font-family-display: 'Parafina';
+}
+
 @import './neptune-core.less';
 @import './neptune-addons.less';