@transferwise/components 0.0.0-experimental-8b2286f → 0.0.0-experimental-c3b48d7

package/build/styles/styles/less/neptune.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:43 GMT
+ * Generated on Mon, 18 May 2026 08:34:10 GMT
  */
 
 :root {
@@ -144,7 +144,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal {
@@ -328,7 +328,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal--forest-green {
@@ -512,7 +512,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal--bright-green {
@@ -696,7 +696,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-personal--dark {
@@ -880,7 +880,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-platform {
@@ -1064,7 +1064,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-platform--forest-green {
@@ -1248,7 +1248,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:11 GMT
  */
 
 .np-theme-business {
@@ -1433,7 +1433,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
  */
 
 .np-theme-business--dark {
@@ -1618,7 +1618,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
  */
 
 .np-theme-business--forest-green {
@@ -1803,7 +1803,7 @@
 
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Thu, 14 May 2026 16:11:44 GMT
+ * Generated on Mon, 18 May 2026 08:34:12 GMT
  */
 
 .np-theme-business--bright-green {
@@ -3238,16 +3238,7 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small,
-.display-1--forced,
-.display-2--forced,
-.display-3--forced,
-.display-4--forced,
-.display-5--forced,
-.np-text-display-extra-large--forced,
-.np-text-display-large--forced,
-.np-text-display-medium--forced,
-.np-text-display-small--forced {
+.np-text-display-small {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3294,14 +3285,9 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
-     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
-     * numeric input of ExpressiveMoneyInput.
-     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
-  line-height: 1.2;
-  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-8b2286f",
+  "version": "0.0.0-experimental-c3b48d7",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -91,7 +91,7 @@
     "storybook-addon-tag-badges": "^3.1.0",
     "storybook-addon-test-codegen": "^3.0.1",
     "@transferwise/less-config": "3.1.2",
-    "@transferwise/neptune-css": "0.0.0-experimental-8b2286f",
+    "@transferwise/neptune-css": "14.27.1",
     "@wise/components-theming": "1.10.2",
     "@wise/wds-configs": "0.0.0"
   },

package/src/expressiveMoneyInput/ExpressiveMoneyInput.css

@@ -21,7 +21,6 @@
   flex-grow: 1;
   text-align: right;
   background-color: transparent;
-  line-height: inherit;
 }
 .wds-amount-input-input:focus-visible {
   outline: none;
@@ -30,7 +29,6 @@
   flex-grow: 0;
   display: flex;
   align-items: center;
-  line-height: inherit;
 }
 .wds-currency-selector:disabled {
   opacity: 1 !important;

package/src/expressiveMoneyInput/ExpressiveMoneyInput.test.story.tsx

@@ -1,5 +1,4 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
-import { fn } from 'storybook/test';
 import ExpressiveMoneyInput, { Props as ExpressiveMoneyInputProps } from './ExpressiveMoneyInput';
 
 const meta: Meta<typeof ExpressiveMoneyInput> = {
@@ -22,45 +21,3 @@ export const WithAutofocus: Story = {
     autoFocus: true,
   },
 };
-
-const locales = [
-  { lang: 'en', label: 'English', currency: 'GBP' },
-  { lang: 'cs', label: 'Czech', currency: 'CZK' },
-  { lang: 'de', label: 'German', currency: 'EUR' },
-  { lang: 'es', label: 'Spanish', currency: 'EUR' },
-  { lang: 'fr', label: 'French', currency: 'EUR' },
-  { lang: 'hu', label: 'Hungarian', currency: 'HUF', supportsDecimals: false },
-  { lang: 'id', label: 'Indonesian', currency: 'IDR', supportsDecimals: false },
-  { lang: 'it', label: 'Italian', currency: 'EUR' },
-  { lang: 'ja', label: 'Japanese', currency: 'JPY', supportsDecimals: false },
-  { lang: 'nl', label: 'Dutch', currency: 'EUR' },
-  { lang: 'pl', label: 'Polish', currency: 'PLN' },
-  { lang: 'pt', label: 'Portuguese', currency: 'EUR' },
-  { lang: 'ro', label: 'Romanian', currency: 'RON' },
-  { lang: 'ru', label: 'Russian', currency: 'RUB' },
-  { lang: 'th', label: 'Thai', currency: 'THB' },
-  { lang: 'tr', label: 'Turkish', currency: 'TRY' },
-  { lang: 'uk', label: 'Ukrainian', currency: 'UAH' },
-  { lang: 'zh-CN', label: 'Simplified Chinese', currency: 'CNY' },
-  { lang: 'zh-HK', label: 'Traditional Chinese', currency: 'HKD' },
-];
-
-/**
- * Verifies that the .wds-text-display--forced class correctly overrides locale-specific
- * font restrictions (ja, zh-HK, zh-CN, th) so amounts render in Wise Sans across all
- * supported locales. Each row represents a different language context.
- */
-export const LocaleFontOverride = () => (
-  <>
-    {locales.map(({ lang, label, currency, supportsDecimals = true }) => (
-      <div key={lang} lang={lang} className="m-b-4">
-        <ExpressiveMoneyInput
-          label={`${label} locale (${lang})`}
-          currency={currency}
-          amount={supportsDecimals ? 1234.56 : 123456}
-          onAmountChange={fn()}
-        />
-      </div>
-    ))}
-  </>
-);

package/src/expressiveMoneyInput/amountInput/AmountInput.css

@@ -21,7 +21,6 @@
   flex-grow: 1;
   text-align: right;
   background-color: transparent;
-  line-height: inherit;
 }
 .wds-amount-input-input:focus-visible {
   outline: none;
@@ -30,5 +29,4 @@
   flex-grow: 0;
   display: flex;
   align-items: center;
-  line-height: inherit;
 }

package/src/expressiveMoneyInput/amountInput/AmountInput.less

@@ -29,7 +29,6 @@
     flex-grow: 1;
     text-align: right;
     background-color: transparent;
-    line-height: inherit;
 
     &:focus-visible {
       outline: none;
@@ -40,6 +39,5 @@
     flex-grow: 0;
     display: flex;
     align-items: center;
-    line-height: inherit;
   }
 }

package/src/expressiveMoneyInput/amountInput/AmountInput.tsx

@@ -291,7 +291,7 @@ export const AmountInput = ({
   return (
     <div className="wds-amount-input-container">
       <div
-        className={clsx('wds-amount-input-input-container', 'np-text-display-large--forced')}
+        className={clsx('wds-amount-input-input-container', 'np-text-display-large')}
         style={style}
       >
         <input