npm - @transferwise/components - Versions diffs - 46.161.0 → 46.161.2 - Mend

@transferwise/components 46.161.0 → 46.161.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (715) hide show

package/build/mocks.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mocks.mjs","sources":["../src/mocks.ts"],"sourcesContent":["type StubGlobal = (name: PropertyKey, value: unknown) => void;\n\ninterface GlobalMockParams {\n fn: <T extends (...args: never[]) => unknown>(implementation?: T) => T;\n stubGlobal?: StubGlobal;\n}\n\nconst defaultStubGlobal: StubGlobal = (name, value) => {\n Object.defineProperty(globalThis, name, {\n value,\n writable: true,\n enumerable: true,\n configurable: true,\n });\n};\n\nexport function mockMatchMedia({ fn, stubGlobal = defaultStubGlobal }: GlobalMockParams) {\n stubGlobal(\n 'matchMedia',\n fn<Window['matchMedia']>((query) => {\n const matches = /^\$min-width: (\\d+)px\$$/u.exec(query);\n const minWidth = matches != null ? Number(matches[1]) : undefined;\n return {\n matches: minWidth != null ? window.innerWidth >= minWidth : false,\n media: query,\n onchange: null,\n addListener: fn(),\n removeListener: fn(),\n addEventListener: fn(),\n removeEventListener: fn(),\n dispatchEvent: fn(),\n };\n }),\n );\n}\n\nexport function mockResizeObserver({ fn, stubGlobal = defaultStubGlobal }: GlobalMockParams) {\n stubGlobal(\n 'ResizeObserver',\n fn((): ResizeObserver => ({\n observe: fn(),\n unobserve: fn(),\n disconnect: fn(),\n })),\n );\n}\n\nexport function mockRequestAnimationFrame() {\n global.requestAnimationFrame = (callback: (time: number) => void): number => {\n callback(performance.now());\n return 0;\n };\n}\n"],"names":["defaultStubGlobal","name","value","Object","defineProperty","globalThis","writable","enumerable","configurable","mockMatchMedia","fn","stubGlobal","query","matches","exec","minWidth","Number","undefined","window","innerWidth","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent","mockResizeObserver","observe","unobserve","disconnect","mockRequestAnimationFrame","global","requestAnimationFrame","callback","performance","now"],"mappings":"AAOA,MAAMA,iBAAiB,GAAeA,CAACC,IAAI,EAAEC,KAAK,KAAI;AACpDC,EAAAA,MAAM,CAACC,cAAc,CAACC,UAAU,EAAEJ,IAAI,EAAE;IACtCC,KAAK;AACLI,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,UAAU,EAAE,IAAI;AAChBC,IAAAA,YAAY,EAAE;AACf,GAAA,CAAC;AACJ,CAAC;AAEK,SAAUC,cAAcA,CAAC;EAAEC,EAAE;AAAEC,EAAAA,UAAU,GAAGX;AAAiB,CAAoB,EAAA;AACrFW,EAAAA,UAAU,CACR,YAAY,EACZD,EAAE,CAAwBE,KAAK,IAAI;AACjC,IAAA,MAAMC,OAAO,GAAG,2BAA2B,CAACC,IAAI,CAACF,KAAK,CAAC;AACvD,IAAA,MAAMG,QAAQ,GAAGF,OAAO,IAAI,IAAI,GAAGG,MAAM,CAACH,OAAO,CAAC,CAAC,CAAC,CAAC,GAAGI,SAAS;IACjE,OAAO;MACLJ,OAAO,EAAEE,QAAQ,IAAI,IAAI,GAAGG,MAAM,CAACC,UAAU,IAAIJ,QAAQ,GAAG,KAAK;AACjEK,MAAAA,KAAK,EAAER,KAAK;AACZS,MAAAA,QAAQ,EAAE,IAAI;MACdC,WAAW,EAAEZ,EAAE,EAAE;MACjBa,cAAc,EAAEb,EAAE,EAAE;MACpBc,gBAAgB,EAAEd,EAAE,EAAE;MACtBe,mBAAmB,EAAEf,EAAE,EAAE;MACzBgB,aAAa,EAAEhB,EAAE;KAClB;AACH,EAAA,CAAC,CAAC,CACH;AACH;AAEM,SAAUiB,kBAAkBA,CAAC;EAAEjB,EAAE;AAAEC,EAAAA,UAAU,GAAGX;AAAiB,CAAoB,EAAA;AACzFW,EAAAA,UAAU,CACR,gBAAgB,EAChBD,EAAE,CAAC,OAAuB;IACxBkB,OAAO,EAAElB,EAAE,EAAE;IACbmB,SAAS,EAAEnB,EAAE,EAAE;IACfoB,UAAU,EAAEpB,EAAE;GACf,CAAC,CAAC,CACJ;AACH;SAEgBqB,yBAAyBA,GAAA;AACvCC,EAAAA,MAAM,CAACC,qBAAqB,GAAIC,QAAgC,IAAY;AAC1EA,IAAAA,QAAQ,CAACC,WAAW,CAACC,GAAG,EAAE,CAAC;AAC3B,IAAA,OAAO,CAAC;EACV,CAAC;AACH~~;;;;~~"}
1	+ {"version":3,"file":"mocks.mjs","sources":["../src/mocks.ts"],"sourcesContent":["type StubGlobal = (name: PropertyKey, value: unknown) => void;\n\ninterface GlobalMockParams {\n fn: <T extends (...args: never[]) => unknown>(implementation?: T) => T;\n stubGlobal?: StubGlobal;\n}\n\nconst defaultStubGlobal: StubGlobal = (name, value) => {\n Object.defineProperty(globalThis, name, {\n value,\n writable: true,\n enumerable: true,\n configurable: true,\n });\n};\n\nexport function mockMatchMedia({ fn, stubGlobal = defaultStubGlobal }: GlobalMockParams) {\n stubGlobal(\n 'matchMedia',\n fn<Window['matchMedia']>((query) => {\n const matches = /^\$min-width: (\\d+)px\$$/u.exec(query);\n const minWidth = matches != null ? Number(matches[1]) : undefined;\n return {\n matches: minWidth != null ? window.innerWidth >= minWidth : false,\n media: query,\n onchange: null,\n addListener: fn(),\n removeListener: fn(),\n addEventListener: fn(),\n removeEventListener: fn(),\n dispatchEvent: fn(),\n };\n }),\n );\n}\n\nexport function mockResizeObserver({ fn, stubGlobal = defaultStubGlobal }: GlobalMockParams) {\n stubGlobal(\n 'ResizeObserver',\n fn((): ResizeObserver => ({\n observe: fn(),\n unobserve: fn(),\n disconnect: fn(),\n })),\n );\n}\n\nexport function mockRequestAnimationFrame() {\n global.requestAnimationFrame = (callback: (time: number) => void): number => {\n callback(performance.now());\n return 0;\n };\n}\n"],"names":["defaultStubGlobal","name","value","Object","defineProperty","globalThis","writable","enumerable","configurable","mockMatchMedia","fn","stubGlobal","query","matches","exec","minWidth","Number","undefined","window","innerWidth","media","onchange","addListener","removeListener","addEventListener","removeEventListener","dispatchEvent","mockResizeObserver","observe","unobserve","disconnect","mockRequestAnimationFrame","global","requestAnimationFrame","callback","performance","now"],"mappings":"AAOA,MAAMA,iBAAiB,GAAeA,CAACC,IAAI,EAAEC,KAAK,KAAI;AACpDC,EAAAA,MAAM,CAACC,cAAc,CAACC,UAAU,EAAEJ,IAAI,EAAE;IACtCC,KAAK;AACLI,IAAAA,QAAQ,EAAE,IAAI;AACdC,IAAAA,UAAU,EAAE,IAAI;AAChBC,IAAAA,YAAY,EAAE;AACf,GAAA,CAAC;AACJ,CAAC;AAEK,SAAUC,cAAcA,CAAC;EAAEC,EAAE;AAAEC,EAAAA,UAAU,GAAGX;AAAiB,CAAoB,EAAA;AACrFW,EAAAA,UAAU,CACR,YAAY,EACZD,EAAE,CAAwBE,KAAK,IAAI;AACjC,IAAA,MAAMC,OAAO,GAAG,2BAA2B,CAACC,IAAI,CAACF,KAAK,CAAC;AACvD,IAAA,MAAMG,QAAQ,GAAGF,OAAO,IAAI,IAAI,GAAGG,MAAM,CAACH,OAAO,CAAC,CAAC,CAAC,CAAC,GAAGI,SAAS;IACjE,OAAO;MACLJ,OAAO,EAAEE,QAAQ,IAAI,IAAI,GAAGG,MAAM,CAACC,UAAU,IAAIJ,QAAQ,GAAG,KAAK;AACjEK,MAAAA,KAAK,EAAER,KAAK;AACZS,MAAAA,QAAQ,EAAE,IAAI;MACdC,WAAW,EAAEZ,EAAE,EAAE;MACjBa,cAAc,EAAEb,EAAE,EAAE;MACpBc,gBAAgB,EAAEd,EAAE,EAAE;MACtBe,mBAAmB,EAAEf,EAAE,EAAE;MACzBgB,aAAa,EAAEhB,EAAE;KAClB;AACH,EAAA,CAAC,CAAC,CACH;AACH;AAEM,SAAUiB,kBAAkBA,CAAC;EAAEjB,EAAE;AAAEC,EAAAA,UAAU,GAAGX;AAAiB,CAAoB,EAAA;AACzFW,EAAAA,UAAU,CACR,gBAAgB,EAChBD,EAAE,CAAC,OAAuB;IACxBkB,OAAO,EAAElB,EAAE,EAAE;IACbmB,SAAS,EAAEnB,EAAE,EAAE;IACfoB,UAAU,EAAEpB,EAAE;GACf,CAAC,CAAC,CACJ;AACH;SAEgBqB,yBAAyBA,GAAA;AACvCC,EAAAA,MAAM,CAACC,qBAAqB,GAAIC,QAAgC,IAAY;AAC1EA,IAAAA,QAAQ,CAACC,WAAW,CAACC,GAAG,EAAE,CAAC;AAC3B,IAAA,OAAO,CAAC;EACV,CAAC;AACH;;"}

package/build/styles/FlowNavigation/FlowNavigation.css CHANGED Viewed

@@ -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/build/styles/css/neptune-core.css CHANGED Viewed

@@ -55,26 +55,6 @@
   src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
-@font-face {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
-}
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
@@ -259,7 +239,6 @@ summary {
 }
 :root {
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -275,18 +254,8 @@ summary {
   --btn-sm-radius-base: 2px;
   --btn-lg-radius-base: 3px;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
-  font-family: var(--font-family-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
-  font-family: "Inter", Helvetica, Arial, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;

package/build/styles/css/neptune.css CHANGED Viewed

@@ -2032,26 +2032,6 @@
   src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
-@font-face {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
-}
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
@@ -2236,7 +2216,6 @@ summary {
 }
 :root {
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -2252,18 +2231,8 @@ summary {
   --btn-sm-radius-base: 2px;
   --btn-lg-radius-base: 3px;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
-  font-family: var(--font-family-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
-  font-family: "Inter", Helvetica, Arial, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;

package/build/styles/main.css CHANGED Viewed

@@ -2627,26 +2627,6 @@
   src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
-@font-face {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
-}
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
@@ -2831,7 +2811,6 @@ summary {
 }
 :root {
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -2847,18 +2826,8 @@ summary {
   --btn-sm-radius-base: 2px;
   --btn-lg-radius-base: 3px;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
-  font-family: var(--font-family-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
-  font-family: "Inter", Helvetica, Arial, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;
@@ -23039,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/styles/styles/less/neptune-core.css CHANGED Viewed

@@ -55,26 +55,6 @@
   src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
-@font-face {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
-}
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
@@ -259,7 +239,6 @@ summary {
 }
 :root {
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -275,18 +254,8 @@ summary {
   --btn-sm-radius-base: 2px;
   --btn-lg-radius-base: 3px;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
-  font-family: var(--font-family-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
-  font-family: "Inter", Helvetica, Arial, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;

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

@@ -2032,26 +2032,6 @@
   src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
-@font-face {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
-}
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
@@ -2236,7 +2216,6 @@ summary {
 }
 :root {
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -2252,18 +2231,8 @@ summary {
   --btn-sm-radius-base: 2px;
   --btn-lg-radius-base: 3px;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
-  font-family: var(--font-family-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
-  font-family: "Inter", Helvetica, Arial, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;

package/build/utilities/cssValueWithUnit.js.map CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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;;"}

package/build/utilities/cssValueWithUnit.mjs.map CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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;;"}

package/build/utilities/logActionRequired.js.map CHANGED Viewed

	@@ -1 +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~~;;;;;~~"}
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;;;"}

package/build/utilities/logActionRequired.mjs.map CHANGED Viewed

	@@ -1 +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~~;;;;~~"}
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;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.161.0",
+  "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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -2627,26 +2627,6 @@
   src: url("styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
-@font-face {
-  font-weight: 400;
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Regular.woff2") format("woff2"), url("styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 600;
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Semibold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: 700;
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src: url("styles/fonts/TW-Averta-Bold.woff2") format("woff2"), url("styles/fonts/TW-Averta-Bold.woff") format("woff");
-}
 @font-face {
   font-family: "Wise Sans";
   font-style: normal;
@@ -2831,7 +2811,6 @@ summary {
 }
 :root {
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: 12px 16px calc(12px - 2px);
   --btn-padding: 12px 24px calc(12px - 2px);
   --btn-xs-padding: 2px 8px calc(2px - 2px);
@@ -2847,18 +2826,8 @@ summary {
   --btn-sm-radius-base: 2px;
   --btn-lg-radius-base: 3px;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
-  font-family: var(--font-family-regular);
-  line-height: 1.5;
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
-  font-family: "Inter", Helvetica, Arial, sans-serif;
+  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";
   --input-group-addon-padding: 12px 16px;
@@ -23039,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/src/styles/less/core/_fonts.less CHANGED Viewed

@@ -42,7 +42,9 @@
   font-display: swap;
   font-weight: 100 900;
   src: url("./styles/fonts/inter-latin-variable-wghtOnly-normal.woff2") format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
+    U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 @font-face {
@@ -51,7 +53,9 @@
   font-display: swap;
   font-weight: 100 900;
   src: url("./styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2") format("woff2");
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  unicode-range:
+    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
+    U+A720-A7FF;
 }
 @font-face {
@@ -60,33 +64,9 @@
   font-display: swap;
   font-weight: 100 900;
   src: url("./styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2") format("woff2");
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-@font-face {
-  font-weight: var(--font-weight-regular);
-  font-family: Averta;
-  src:
-    url("./styles/fonts/TW-Averta-Regular.woff2") format("woff2"),
-    url("./styles/fonts/TW-Averta-Regular.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: var(--font-weight-semi-bold);
-  font-family: Averta;
-  src:
-    url("./styles/fonts/TW-Averta-Semibold.woff2") format("woff2"),
-    url("./styles/fonts/TW-Averta-Semibold.woff") format("woff");
-  font-display: swap;
-}
-@font-face {
-  font-weight: var(--font-weight-bold);
-  font-family: Averta;
-  src:
-    url("./styles/fonts/TW-Averta-Bold.woff2") format("woff2"),
-    url("./styles/fonts/TW-Averta-Bold.woff") format("woff");
+  unicode-range:
+    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
+    U+20AB;
 }
 @font-face {

package/src/styles/less/core/_scaffolding.less CHANGED Viewed

@@ -9,8 +9,8 @@
 :root {
   // page default font size should be set in absolute units (pixels)
+  // TODO: move this token to rest of foundation tokens (neptune-tokens)
   --base-font-size: 16px;
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif;
   --input-group-addon-padding: @padding-large-vertical @padding-base-horizontal
     calc(@padding-large-vertical - 2px);
   --btn-padding: @btn-padding-vertical @btn-padding-horizontal calc(@btn-padding-vertical - 2px);
@@ -36,18 +36,7 @@
   --btn-lg-radius-base: @border-radius-large;
 }
-.np-theme-light,
-.np-theme-dark,
-.np-theme-navy {
-  --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
-  font-family: var(--font-family-regular);
-  line-height: var(--line-height-body);
-}
 .np-theme-personal {
-  --font-family-regular: "Inter", Helvetica, Arial, sans-serif !important;
   font-family: var(--font-family-regular);
   font-feature-settings: "calt";