@transferwise/neptune-css 14.3.37 → 14.3.38

package/dist/less/neptune-tokens.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Tue, 24 Jan 2023 01:10:26 GMT
+// Generated on Thu, 23 Feb 2023 10:44:58 GMT
 
 @color-dark-content-primary: #e2e6e8;
 @color-dark-content-secondary: #c9cbce;
@@ -143,6 +143,7 @@
 @size-32: 32px;
 @size-40: 40px;
 @size-48: 48px;
+@size-52: 52px;
 @size-56: 56px;
 @size-60: 60px;
 @size-64: 64px;
@@ -218,7 +219,7 @@
 @font-family-display: 'Wise Sans', 'Inter', sans-serif;
 
 // Do not edit directly
-// Generated on Tue, 24 Jan 2023 01:10:26 GMT
+// Generated on Thu, 23 Feb 2023 10:44:58 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 Tue, 24 Jan 2023 01:10:26 GMT
+ * Generated on Thu, 23 Feb 2023 10:44:58 GMT
  */
 
 :root {
@@ -63,6 +63,7 @@
   --size-32: 32px;
   --size-40: 40px;
   --size-48: 48px;
+  --size-52: 52px;
   --size-56: 56px;
   --size-60: 60px;
   --size-64: 64px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "14.3.37",
+  "version": "14.3.38",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -40,7 +40,7 @@
     "prettier": "prettier --write src/less/*.less"
   },
   "dependencies": {
-    "@transferwise/neptune-tokens": "^8.3.1",
+    "@transferwise/neptune-tokens": "^8.4.0",
     "bootstrap": "github:transferwise/bootstrap#v7.0.0",
     "inquirer": "^8.2.0",
     "inquirer-file-tree-selection-prompt": "^1.0.13",
@@ -53,5 +53,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "aee23bc17e87b7eafcf1df52a238909aee920f48"
+  "gitHead": "9e5dc866ccae5658dc8353a52eb28442f23a194e"
 }

package/src/less/core/_typography.less

@@ -282,13 +282,49 @@ strong,
 .display-formatting(
 @font-size;
 @line-height;
-@case: none;
 @font-weight: var(--font-weight-bold);) {
   font-size: @font-size;
   line-height: @line-height;
   letter-spacing: normal;
-  text-transform: @case;
   font-weight: @font-weight;
+  hyphens: auto;
+  hyphenate-limit-chars: 7;
+}
+
+.display-size-large-fluid() {
+  font-size:
+    clamp(
+      var(--size-64),
+      9.375vw, /* 96px biggest font size / (1024px screen width / 100) */
+      var(--size-96)
+    );
+}
+
+.display-size-large-fluid-sm() {
+  font-size:
+    clamp(
+      var(--size-60),
+      8.5938vw, /* 88px biggest font size / (1024px screen width / 100) */
+      var(--size-88)
+    );
+}
+
+.display-size-medium-fluid() {
+  font-size:
+    clamp(
+      var(--size-52),
+      6.25vw, /* 64px biggest font size / (1024px screen width / 100) */
+      var(--size-64)
+    );
+}
+
+.display-size-medium-fluid-sm() {
+  font-size:
+    clamp(
+      var(--size-48),
+      5.8594vw, /* 60px biggest font size / (1024px screen width / 100) */
+      var(--size-60)
+    );
 }
 
 .display-1,
@@ -314,10 +350,12 @@ strong,
 
 .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 {
@@ -326,19 +364,21 @@ strong,
 
 :lang(en) {
   .np-text-display-extra-large {
-    .display-formatting(var(--size-126), 0.85, uppercase);
+    .display-formatting(var(--size-126), 0.85);
   }
 
   .np-text-display-large {
-    .display-formatting(var(--size-96), 0.85, uppercase);
+    .display-formatting(var(--size-96), 0.85);
+    .display-size-large-fluid();
   }
 
   .np-text-display-medium {
-    .display-formatting(var(--size-64), 0.85, uppercase);
+    .display-formatting(var(--size-64), 0.85);
+    .display-size-medium-fluid();
   }
 
   .np-text-display-small {
-    .display-formatting(var(--size-40), 0.85, uppercase);
+    .display-formatting(var(--size-40), 0.85);
   }
 }
 
@@ -407,19 +447,21 @@ strong,
 :lang(dsb),
 :lang(fil) {
   .np-text-display-extra-large {
-    .display-formatting(var(--size-126), 1.05, uppercase);
+    .display-formatting(var(--size-126), 1.05);
   }
 
   .np-text-display-large {
-    .display-formatting(var(--size-96), 1.05, uppercase);
+    .display-formatting(var(--size-96), 1.05);
+    .display-size-large-fluid();
   }
 
   .np-text-display-medium {
-    .display-formatting(var(--size-64), 1.05, uppercase);
+    .display-formatting(var(--size-64), 1.05);
+    .display-size-medium-fluid();
   }
 
   .np-text-display-small {
-    .display-formatting(var(--size-40), 1.05, uppercase);
+    .display-formatting(var(--size-40), 1.05);
   }
 }
 
@@ -439,28 +481,26 @@ strong,
   .np-text-display-extra-large {
     .display-formatting(var(--size-120),
     1.2,
-    none,
     var(--font-weight-semi-bold));
   }
 
   .np-text-display-large {
     .display-formatting(var(--size-88),
     1.2,
-    none,
     var(--font-weight-semi-bold));
+    .display-size-large-fluid-sm();
   }
 
   .np-text-display-medium {
     .display-formatting(var(--size-60),
     1.2,
-    none,
     var(--font-weight-semi-bold));
+    .display-size-medium-fluid-sm();
   }
 
   .np-text-display-small {
     .display-formatting(var(--size-40),
     1.2,
-    none,
     var(--font-weight-semi-bold));
   }
 }