@transferwise/components 46.161.1 → 46.161.2

package/build/styles/main.css

@@ -23008,18 +23008,17 @@ button.np-option {
   justify-content: center;
   inline-size: 100%;
   box-sizing: border-box;
-  min-block-size: 80px;
+  min-block-size: 96px;
 }
-@media (min-width: 320.02px) {
+@media (min-width: 600px) {
   .np-flow-navigation {
     min-block-size: 128px;
   }
 }
-.np-flow-navigation--no-steps {
-  block-size: 80px;
-  min-block-size: 80px;
+.np-flow-navigation .np-flow-header__left .np-logo {
+  vertical-align: middle;
 }
-@media (min-width: 320.02px) {
+@media (max-width: 599.98px) {
   .np-flow-navigation--no-steps {
     block-size: 80px;
     min-block-size: 80px;

package/build/utilities/cssValueWithUnit.js.map

@@ -1 +1 @@
-{"version":3,"file":"cssValueWithUnit.js","sources":["../../src/utilities/cssValueWithUnit.ts"],"sourcesContent":["export function cssValueWithUnit(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"],"names":["cssValueWithUnit","value"],"mappings":";;AAAM,SAAUA,gBAAgBA,CAACC,KAAsB,EAAA;EACrD,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAGA,KAAK,CAAA,EAAA,CAAI,GAAGA,KAAK;AACzD;;;;"}
+{"version":3,"file":"cssValueWithUnit.js","sources":["../../src/utilities/cssValueWithUnit.ts"],"sourcesContent":["export function cssValueWithUnit(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"],"names":["cssValueWithUnit","value"],"mappings":";;AAAM,SAAUA,gBAAgBA,CAACC,KAAsB,EAAA;EACrD,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAGA,KAAK,CAAA,EAAA,CAAI,GAAGA,KAAK;AACzD;;"}

package/build/utilities/cssValueWithUnit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cssValueWithUnit.mjs","sources":["../../src/utilities/cssValueWithUnit.ts"],"sourcesContent":["export function cssValueWithUnit(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"],"names":["cssValueWithUnit","value"],"mappings":"AAAM,SAAUA,gBAAgBA,CAACC,KAAsB,EAAA;EACrD,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAGA,KAAK,CAAA,EAAA,CAAI,GAAGA,KAAK;AACzD;;;;"}
+{"version":3,"file":"cssValueWithUnit.mjs","sources":["../../src/utilities/cssValueWithUnit.ts"],"sourcesContent":["export function cssValueWithUnit(value: number | string) {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n"],"names":["cssValueWithUnit","value"],"mappings":"AAAM,SAAUA,gBAAgBA,CAACC,KAAsB,EAAA;EACrD,OAAO,OAAOA,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAGA,KAAK,CAAA,EAAA,CAAI,GAAGA,KAAK;AACzD;;"}

package/build/utilities/logActionRequired.js.map

@@ -1 +1 @@
-{"version":3,"file":"logActionRequired.js","sources":["../../src/utilities/logActionRequired.ts"],"sourcesContent":["export function logActionRequired(message: string) {\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(message);\n  }\n}\n\nexport function logActionRequiredIf(message: string, conditional: boolean) {\n  if (conditional) {\n    logActionRequired(message);\n  }\n}\n"],"names":["logActionRequired","message","process","env","NODE_ENV","console","warn","logActionRequiredIf","conditional"],"mappings":";;AAAM,SAAUA,iBAAiBA,CAACC,OAAe,EAAA;AAC/C,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,IAAIA,OAAO,CAACC,GAAG,EAAEC,QAAQ,KAAK,YAAY,EAAE;AAC5E;AACAC,IAAAA,OAAO,CAACC,IAAI,CAACL,OAAO,CAAC;AACvB,EAAA;AACF;AAEM,SAAUM,mBAAmBA,CAACN,OAAe,EAAEO,WAAoB,EAAA;AACvE,EAAA,IAAIA,WAAW,EAAE;IACfR,iBAAiB,CAACC,OAAO,CAAC;AAC5B,EAAA;AACF;;;;;"}
+{"version":3,"file":"logActionRequired.js","sources":["../../src/utilities/logActionRequired.ts"],"sourcesContent":["export function logActionRequired(message: string) {\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(message);\n  }\n}\n\nexport function logActionRequiredIf(message: string, conditional: boolean) {\n  if (conditional) {\n    logActionRequired(message);\n  }\n}\n"],"names":["logActionRequired","message","process","env","NODE_ENV","console","warn","logActionRequiredIf","conditional"],"mappings":";;AAAM,SAAUA,iBAAiBA,CAACC,OAAe,EAAA;AAC/C,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,IAAIA,OAAO,CAACC,GAAG,EAAEC,QAAQ,KAAK,YAAY,EAAE;AAC5E;AACAC,IAAAA,OAAO,CAACC,IAAI,CAACL,OAAO,CAAC;AACvB,EAAA;AACF;AAEM,SAAUM,mBAAmBA,CAACN,OAAe,EAAEO,WAAoB,EAAA;AACvE,EAAA,IAAIA,WAAW,EAAE;IACfR,iBAAiB,CAACC,OAAO,CAAC;AAC5B,EAAA;AACF;;;"}

package/build/utilities/logActionRequired.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"logActionRequired.mjs","sources":["../../src/utilities/logActionRequired.ts"],"sourcesContent":["export function logActionRequired(message: string) {\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(message);\n  }\n}\n\nexport function logActionRequiredIf(message: string, conditional: boolean) {\n  if (conditional) {\n    logActionRequired(message);\n  }\n}\n"],"names":["logActionRequired","message","process","env","NODE_ENV","console","warn","logActionRequiredIf","conditional"],"mappings":"AAAM,SAAUA,iBAAiBA,CAACC,OAAe,EAAA;AAC/C,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,IAAIA,OAAO,CAACC,GAAG,EAAEC,QAAQ,KAAK,YAAY,EAAE;AAC5E;AACAC,IAAAA,OAAO,CAACC,IAAI,CAACL,OAAO,CAAC;AACvB,EAAA;AACF;AAEM,SAAUM,mBAAmBA,CAACN,OAAe,EAAEO,WAAoB,EAAA;AACvE,EAAA,IAAIA,WAAW,EAAE;IACfR,iBAAiB,CAACC,OAAO,CAAC;AAC5B,EAAA;AACF;;;;"}
+{"version":3,"file":"logActionRequired.mjs","sources":["../../src/utilities/logActionRequired.ts"],"sourcesContent":["export function logActionRequired(message: string) {\n  if (typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn(message);\n  }\n}\n\nexport function logActionRequiredIf(message: string, conditional: boolean) {\n  if (conditional) {\n    logActionRequired(message);\n  }\n}\n"],"names":["logActionRequired","message","process","env","NODE_ENV","console","warn","logActionRequiredIf","conditional"],"mappings":"AAAM,SAAUA,iBAAiBA,CAACC,OAAe,EAAA;AAC/C,EAAA,IAAI,OAAOC,OAAO,KAAK,WAAW,IAAIA,OAAO,CAACC,GAAG,EAAEC,QAAQ,KAAK,YAAY,EAAE;AAC5E;AACAC,IAAAA,OAAO,CAACC,IAAI,CAACL,OAAO,CAAC;AACvB,EAAA;AACF;AAEM,SAAUM,mBAAmBA,CAACN,OAAe,EAAEO,WAAoB,EAAA;AACvE,EAAA,IAAIA,WAAW,EAAE;IACfR,iBAAiB,CAACC,OAAO,CAAC;AAC5B,EAAA;AACF;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.161.1",
+  "version": "46.161.2",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -44,22 +44,23 @@
     "@babel/preset-env": "^7.29.7",
     "@babel/preset-react": "^7.29.7",
     "@babel/preset-typescript": "^7.29.7",
-    "@formatjs/cli": "^6.16.19",
+    "@formatjs/cli": "^6.16.23",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
     "@rollup/plugin-url": "^8.0.2",
-    "@storybook/addon-a11y": "^10.5.10",
-    "@storybook/addon-docs": "^10.5.10",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
     "@storybook/addon-mcp": "^0.7.0",
     "@storybook/addon-webpack5-compiler-babel": "^4.0.1",
-    "@storybook/react-webpack5": "^10.5.10",
+    "@storybook/react-webpack5": "^10.6.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.6",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@transferwise/icons": "^4.4.4",
+    "@transferwise/less-config": "3.2.0",
     "@tsconfig/recommended": "^1.0.13",
     "@types/babel__core": "^7.20.5",
     "@types/commonmark": "^0.27.10",
@@ -74,10 +75,12 @@
     "monaco-editor": "^0.56.0",
     "monaco-editor-webpack-plugin": "^7.1.1",
     "@wise/art": "^2.32.0",
+    "@wise/components-theming": "1.10.3",
     "@wise/eslint-config": "^14.2.1",
+    "@wise/wds-configs": "0.0.0",
     "babel-plugin-formatjs": "^11.3.16",
     "eslint": "^9.39.5",
-    "eslint-plugin-storybook": "^10.5.10",
+    "eslint-plugin-storybook": "^10.6.0",
     "gulp": "^5.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -86,14 +89,11 @@
     "lodash.times": "^4.3.2",
     "react-intl": "^7.1.14",
     "react-live": "^4.1.8",
-    "rollup": "^4.62.5",
+    "rollup": "^4.63.1",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^10.5.10",
+    "storybook": "^10.6.0",
     "storybook-addon-tag-badges": "^3.1.0",
-    "storybook-addon-test-codegen": "^3.0.4",
-    "@transferwise/less-config": "3.2.0",
-    "@wise/components-theming": "1.10.3",
-    "@wise/wds-configs": "0.0.0"
+    "storybook-addon-test-codegen": "^3.0.4"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3 || ^4",

package/src/FlowNavigation/FlowNavigation.css

@@ -4,18 +4,17 @@
   justify-content: center;
   inline-size: 100%;
   box-sizing: border-box;
-  min-block-size: 80px;
+  min-block-size: 96px;
 }
-@media (min-width: 320.02px) {
+@media (min-width: 600px) {
   .np-flow-navigation {
     min-block-size: 128px;
   }
 }
-.np-flow-navigation--no-steps {
-  block-size: 80px;
-  min-block-size: 80px;
+.np-flow-navigation .np-flow-header__left .np-logo {
+  vertical-align: middle;
 }
-@media (min-width: 320.02px) {
+@media (max-width: 599.98px) {
   .np-flow-navigation--no-steps {
     block-size: 80px;
     min-block-size: 80px;

package/src/FlowNavigation/FlowNavigation.less

@@ -7,20 +7,19 @@
   justify-content: center;
   width: 100%;
   box-sizing: border-box;
+  min-height: 96px;
 
-  // This is the natural height of FlowNavigation when the Avatar is displayed.
-  min-height: 80px;
-
-  @media (--screen-xs) {
+  @media (--screen-sm) {
     min-height: 128px;
   }
 
+  .np-flow-header__left .np-logo {
+    vertical-align: middle;
+  }
+
   // When there are no steps, use 80px height on all screen sizes
   &--no-steps {
-    height: 80px;
-    min-height: 80px;
-
-    @media (--screen-xs) {
+    @media (--screen-xs-max) {
       height: 80px;
       min-height: 80px;
     }

package/src/main.css

@@ -23008,18 +23008,17 @@ button.np-option {
   justify-content: center;
   inline-size: 100%;
   box-sizing: border-box;
-  min-block-size: 80px;
+  min-block-size: 96px;
 }
-@media (min-width: 320.02px) {
+@media (min-width: 600px) {
   .np-flow-navigation {
     min-block-size: 128px;
   }
 }
-.np-flow-navigation--no-steps {
-  block-size: 80px;
-  min-block-size: 80px;
+.np-flow-navigation .np-flow-header__left .np-logo {
+  vertical-align: middle;
 }
-@media (min-width: 320.02px) {
+@media (max-width: 599.98px) {
   .np-flow-navigation--no-steps {
     block-size: 80px;
     min-block-size: 80px;