@transferwise/components 0.0.0-experimental-08de8b3 → 0.0.0-experimental-ab588f3

package/build/stepper/deviceDetection.js

@@ -3,13 +3,14 @@
 function supportsTouchEvents() {
   const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;
   const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;
-  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined);
+  const documentTouchIsDefined = typeof window !== 'undefined' && window.DocumentTouch && document instanceof window.DocumentTouch;
+  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);
 }
 function userAgentSuggestsTouchDevice() {
   const sampleTouchDevices = ['android', 'iemobile', 'iphone', 'ipad', 'ipod', 'blackberry', 'bada'];
   const matchString = sampleTouchDevices.map(device => `(${device})`).join('|');
   const regex = new RegExp(matchString, 'gi');
-  return typeof navigator !== 'undefined' && !!regex.test(navigator.userAgent);
+  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);
 }
 // Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.
 // Only use this for small vanity changes where it still works either way.

package/build/stepper/deviceDetection.js.map

@@ -1 +1 @@
-{"version":3,"file":"deviceDetection.js","sources":["../../src/stepper/deviceDetection.ts"],"sourcesContent":["function supportsTouchEvents() {\n  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;\n  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;\n\n  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined);\n}\n\nfunction userAgentSuggestsTouchDevice() {\n  const sampleTouchDevices = [\n    'android',\n    'iemobile',\n    'iphone',\n    'ipad',\n    'ipod',\n    'blackberry',\n    'bada',\n  ];\n  const matchString = sampleTouchDevices.map((device) => `(${device})`).join('|');\n  const regex = new RegExp(matchString, 'gi');\n  return typeof navigator !== 'undefined' && !!regex.test(navigator.userAgent);\n}\n// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.\n// Only use this for small vanity changes where it still works either way.\nexport function isTouchDevice() {\n  return supportsTouchEvents() || userAgentSuggestsTouchDevice();\n}\n"],"names":["supportsTouchEvents","onTouchStartIsDefined","window","ontouchstart","undefined","maxTouchPointsIsDefined","navigator","maxTouchPoints","userAgentSuggestsTouchDevice","sampleTouchDevices","matchString","map","device","join","regex","RegExp","test","userAgent","isTouchDevice"],"mappings":";;AAAA,SAASA,mBAAmBA,GAAA;EAC1B,MAAMC,qBAAqB,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,YAAY,KAAKC,SAAS,CAAA;EAChG,MAAMC,uBAAuB,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,cAAc,CAAA;AAE5F,EAAA,OAAO,CAAC,EAAEN,qBAAqB,IAAII,uBAAuB,CAAC,CAAA;AAC7D,CAAA;AAEA,SAASG,4BAA4BA,GAAA;AACnC,EAAA,MAAMC,kBAAkB,GAAG,CACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,CACP,CAAA;AACD,EAAA,MAAMC,WAAW,GAAGD,kBAAkB,CAACE,GAAG,CAAEC,MAAM,IAAK,CAAIA,CAAAA,EAAAA,MAAM,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;EAC/E,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAACL,WAAW,EAAE,IAAI,CAAC,CAAA;AAC3C,EAAA,OAAO,OAAOJ,SAAS,KAAK,WAAW,IAAI,CAAC,CAACQ,KAAK,CAACE,IAAI,CAACV,SAAS,CAACW,SAAS,CAAC,CAAA;AAC9E,CAAA;AACA;AACA;SACgBC,aAAaA,GAAA;AAC3B,EAAA,OAAOlB,mBAAmB,EAAE,IAAIQ,4BAA4B,EAAE,CAAA;AAChE;;;;"}
+{"version":3,"file":"deviceDetection.js","sources":["../../src/stepper/deviceDetection.js"],"sourcesContent":["function supportsTouchEvents() {\n  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;\n  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;\n  const documentTouchIsDefined =\n    typeof window !== 'undefined' &&\n    window.DocumentTouch &&\n    document instanceof window.DocumentTouch;\n\n  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);\n}\n\nfunction userAgentSuggestsTouchDevice() {\n  const sampleTouchDevices = [\n    'android',\n    'iemobile',\n    'iphone',\n    'ipad',\n    'ipod',\n    'blackberry',\n    'bada',\n  ];\n  const matchString = sampleTouchDevices.map((device) => `(${device})`).join('|');\n  const regex = new RegExp(matchString, 'gi');\n  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);\n}\n// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.\n// Only use this for small vanity changes where it still works either way.\nexport function isTouchDevice() {\n  return supportsTouchEvents() || userAgentSuggestsTouchDevice();\n}\n"],"names":["supportsTouchEvents","onTouchStartIsDefined","window","ontouchstart","undefined","maxTouchPointsIsDefined","navigator","maxTouchPoints","documentTouchIsDefined","DocumentTouch","document","userAgentSuggestsTouchDevice","sampleTouchDevices","matchString","map","device","join","regex","RegExp","userAgent","match","isTouchDevice"],"mappings":";;AAAA,SAASA,mBAAmBA,GAAG;EAC7B,MAAMC,qBAAqB,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,YAAY,KAAKC,SAAS,CAAA;EAChG,MAAMC,uBAAuB,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,cAAc,CAAA;AAC5F,EAAA,MAAMC,sBAAsB,GAC1B,OAAON,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACO,aAAa,IACpBC,QAAQ,YAAYR,MAAM,CAACO,aAAa,CAAA;AAE1C,EAAA,OAAO,CAAC,EAAER,qBAAqB,IAAII,uBAAuB,IAAIG,sBAAsB,CAAC,CAAA;AACvF,CAAA;AAEA,SAASG,4BAA4BA,GAAG;AACtC,EAAA,MAAMC,kBAAkB,GAAG,CACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,CACP,CAAA;AACD,EAAA,MAAMC,WAAW,GAAGD,kBAAkB,CAACE,GAAG,CAAEC,MAAM,IAAK,CAAIA,CAAAA,EAAAA,MAAM,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;EAC/E,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAACL,WAAW,EAAE,IAAI,CAAC,CAAA;AAC3C,EAAA,OAAO,OAAOP,SAAS,KAAK,WAAW,IAAI,CAAC,CAACA,SAAS,CAACa,SAAS,CAACC,KAAK,CAACH,KAAK,CAAC,CAAA;AAC/E,CAAA;AACA;AACA;AACO,SAASI,aAAaA,GAAG;AAC9B,EAAA,OAAOrB,mBAAmB,EAAE,IAAIW,4BAA4B,EAAE,CAAA;AAChE;;;;"}

package/build/stepper/deviceDetection.mjs

@@ -1,13 +1,14 @@
 function supportsTouchEvents() {
   const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;
   const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;
-  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined);
+  const documentTouchIsDefined = typeof window !== 'undefined' && window.DocumentTouch && document instanceof window.DocumentTouch;
+  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);
 }
 function userAgentSuggestsTouchDevice() {
   const sampleTouchDevices = ['android', 'iemobile', 'iphone', 'ipad', 'ipod', 'blackberry', 'bada'];
   const matchString = sampleTouchDevices.map(device => `(${device})`).join('|');
   const regex = new RegExp(matchString, 'gi');
-  return typeof navigator !== 'undefined' && !!regex.test(navigator.userAgent);
+  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);
 }
 // Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.
 // Only use this for small vanity changes where it still works either way.

package/build/stepper/deviceDetection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"deviceDetection.mjs","sources":["../../src/stepper/deviceDetection.ts"],"sourcesContent":["function supportsTouchEvents() {\n  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;\n  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;\n\n  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined);\n}\n\nfunction userAgentSuggestsTouchDevice() {\n  const sampleTouchDevices = [\n    'android',\n    'iemobile',\n    'iphone',\n    'ipad',\n    'ipod',\n    'blackberry',\n    'bada',\n  ];\n  const matchString = sampleTouchDevices.map((device) => `(${device})`).join('|');\n  const regex = new RegExp(matchString, 'gi');\n  return typeof navigator !== 'undefined' && !!regex.test(navigator.userAgent);\n}\n// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.\n// Only use this for small vanity changes where it still works either way.\nexport function isTouchDevice() {\n  return supportsTouchEvents() || userAgentSuggestsTouchDevice();\n}\n"],"names":["supportsTouchEvents","onTouchStartIsDefined","window","ontouchstart","undefined","maxTouchPointsIsDefined","navigator","maxTouchPoints","userAgentSuggestsTouchDevice","sampleTouchDevices","matchString","map","device","join","regex","RegExp","test","userAgent","isTouchDevice"],"mappings":"AAAA,SAASA,mBAAmBA,GAAA;EAC1B,MAAMC,qBAAqB,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,YAAY,KAAKC,SAAS,CAAA;EAChG,MAAMC,uBAAuB,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,cAAc,CAAA;AAE5F,EAAA,OAAO,CAAC,EAAEN,qBAAqB,IAAII,uBAAuB,CAAC,CAAA;AAC7D,CAAA;AAEA,SAASG,4BAA4BA,GAAA;AACnC,EAAA,MAAMC,kBAAkB,GAAG,CACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,CACP,CAAA;AACD,EAAA,MAAMC,WAAW,GAAGD,kBAAkB,CAACE,GAAG,CAAEC,MAAM,IAAK,CAAIA,CAAAA,EAAAA,MAAM,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;EAC/E,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAACL,WAAW,EAAE,IAAI,CAAC,CAAA;AAC3C,EAAA,OAAO,OAAOJ,SAAS,KAAK,WAAW,IAAI,CAAC,CAACQ,KAAK,CAACE,IAAI,CAACV,SAAS,CAACW,SAAS,CAAC,CAAA;AAC9E,CAAA;AACA;AACA;SACgBC,aAAaA,GAAA;AAC3B,EAAA,OAAOlB,mBAAmB,EAAE,IAAIQ,4BAA4B,EAAE,CAAA;AAChE;;;;"}
+{"version":3,"file":"deviceDetection.mjs","sources":["../../src/stepper/deviceDetection.js"],"sourcesContent":["function supportsTouchEvents() {\n  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;\n  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;\n  const documentTouchIsDefined =\n    typeof window !== 'undefined' &&\n    window.DocumentTouch &&\n    document instanceof window.DocumentTouch;\n\n  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);\n}\n\nfunction userAgentSuggestsTouchDevice() {\n  const sampleTouchDevices = [\n    'android',\n    'iemobile',\n    'iphone',\n    'ipad',\n    'ipod',\n    'blackberry',\n    'bada',\n  ];\n  const matchString = sampleTouchDevices.map((device) => `(${device})`).join('|');\n  const regex = new RegExp(matchString, 'gi');\n  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);\n}\n// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.\n// Only use this for small vanity changes where it still works either way.\nexport function isTouchDevice() {\n  return supportsTouchEvents() || userAgentSuggestsTouchDevice();\n}\n"],"names":["supportsTouchEvents","onTouchStartIsDefined","window","ontouchstart","undefined","maxTouchPointsIsDefined","navigator","maxTouchPoints","documentTouchIsDefined","DocumentTouch","document","userAgentSuggestsTouchDevice","sampleTouchDevices","matchString","map","device","join","regex","RegExp","userAgent","match","isTouchDevice"],"mappings":"AAAA,SAASA,mBAAmBA,GAAG;EAC7B,MAAMC,qBAAqB,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,YAAY,KAAKC,SAAS,CAAA;EAChG,MAAMC,uBAAuB,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,cAAc,CAAA;AAC5F,EAAA,MAAMC,sBAAsB,GAC1B,OAAON,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACO,aAAa,IACpBC,QAAQ,YAAYR,MAAM,CAACO,aAAa,CAAA;AAE1C,EAAA,OAAO,CAAC,EAAER,qBAAqB,IAAII,uBAAuB,IAAIG,sBAAsB,CAAC,CAAA;AACvF,CAAA;AAEA,SAASG,4BAA4BA,GAAG;AACtC,EAAA,MAAMC,kBAAkB,GAAG,CACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,CACP,CAAA;AACD,EAAA,MAAMC,WAAW,GAAGD,kBAAkB,CAACE,GAAG,CAAEC,MAAM,IAAK,CAAIA,CAAAA,EAAAA,MAAM,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;EAC/E,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAACL,WAAW,EAAE,IAAI,CAAC,CAAA;AAC3C,EAAA,OAAO,OAAOP,SAAS,KAAK,WAAW,IAAI,CAAC,CAACA,SAAS,CAACa,SAAS,CAACC,KAAK,CAACH,KAAK,CAAC,CAAA;AAC/E,CAAA;AACA;AACA;AACO,SAASI,aAAaA,GAAG;AAC9B,EAAA,OAAOrB,mBAAmB,EAAE,IAAIW,4BAA4B,EAAE,CAAA;AAChE;;;;"}

package/build/types/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,KAAK,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEjE,QAAA,MAAM,MAAM,uJAkGX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,WAAW,CAAC;AAOnB,kBAAkB;AAClB,KAAK,eAAe,GAAG,SAAS,GAAG,KAAK,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3E,kBAAkB;AAClB,KAAK,eAAe,GAAG,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,eAAe,GAAG,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;CAC7D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEJ,KAAK,WAAW,GAAG,WAAW,GAC5B,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/C,EAAE,CAAC,EAAE,GAAG,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,WAAW,CAAC;AAE9C,KAAK,mBAAmB,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEjE,QAAA,MAAM,MAAM,uJAqGX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/types/button/Button.messages.d.ts

@@ -1,9 +1,9 @@
-declare const _default: {
-    loadingAriaLabel: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-};
+declare namespace _default {
+    namespace loadingAriaLabel {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+}
 export default _default;
 //# sourceMappingURL=Button.messages.d.ts.map

package/build/types/button/Button.messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.messages.d.ts","sourceRoot":"","sources":["../../../src/button/Button.messages.ts"],"names":[],"mappings":";;;;;;;AAEA,wBAMG"}
+{"version":3,"file":"Button.messages.d.ts","sourceRoot":"","sources":["../../../src/button/Button.messages.js"],"names":[],"mappings":""}

package/build/types/button/classMap.d.ts

@@ -1,11 +1,11 @@
-export declare const typeClassMap: {
-    accent: string;
-    positive: string;
-    negative: string;
-};
-export declare const priorityClassMap: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-};
+export namespace typeClassMap {
+    let accent: string;
+    let positive: string;
+    let negative: string;
+}
+export namespace priorityClassMap {
+    let primary: string;
+    let secondary: string;
+    let tertiary: string;
+}
 //# sourceMappingURL=classMap.d.ts.map

package/build/types/button/classMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classMap.d.ts","sourceRoot":"","sources":["../../../src/button/classMap.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC"}
+{"version":3,"file":"classMap.d.ts","sourceRoot":"","sources":["../../../src/button/classMap.js"],"names":[],"mappings":""}

package/build/types/button/legacyUtils/index.d.ts

@@ -1,2 +1,2 @@
-export { establishNewPriority, establishNewType, logDeprecationNotices } from './legacyUtils';
+export { establishNewPriority, establishNewType, logDeprecationNotices } from "./legacyUtils";
 //# sourceMappingURL=index.d.ts.map

package/build/types/button/legacyUtils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/button/legacyUtils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/button/legacyUtils/index.js"],"names":[],"mappings":""}

package/build/types/button/legacyUtils/legacyUtils.d.ts

@@ -1,21 +1,7 @@
-import { ControlType, Priority, Size, Type } from '../../common';
-type OldTypeKeys = Type.DANGER | Type.LINK | Type.SECONDARY;
-declare const deprecatedTypeMapMessage: {
-    danger: string;
-    link: string;
-    pay: string;
-    primary: string;
-    secondary: string;
-};
-type EstablishNewTypeType = (originalType: Type | (string & Record<never, never>) | null) => `${ControlType}` | string | null;
-export declare const establishNewType: EstablishNewTypeType;
-type EstablishNewPriorityType = (originalPriority?: Priority | (string & Record<never, never>) | null, originalType?: OldTypeKeys | (string & Record<never, never>) | null) => `${ControlType}` | string | null | undefined;
-export declare const establishNewPriority: EstablishNewPriorityType;
-type DeprecatedTypeMapMessageType = keyof typeof deprecatedTypeMapMessage;
-type LogDeprecationNoticesType = (params: {
-    size: `${Size}`;
-    type: DeprecatedTypeMapMessageType | (string & Record<never, never>) | null;
-}) => void;
-export declare const logDeprecationNotices: LogDeprecationNoticesType;
-export {};
+export function establishNewType(originalType: any): any;
+export function establishNewPriority(originalPriority: any, originalType: any): any;
+export function logDeprecationNotices({ size, type }: {
+    size: any;
+    type: any;
+}): void;
 //# sourceMappingURL=legacyUtils.d.ts.map

package/build/types/button/legacyUtils/legacyUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legacyUtils.d.ts","sourceRoot":"","sources":["../../../../src/button/legacyUtils/legacyUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAWjE,KAAK,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;AAO5D,QAAA,MAAM,wBAAwB;;;;;;CAM7B,CAAC;AAIF,KAAK,oBAAoB,GAAG,CAC1B,YAAY,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KACxD,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC;AAEtC,eAAO,MAAM,gBAAgB,EAAE,oBAGb,CAAC;AAEnB,KAAK,wBAAwB,GAAG,CAC9B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,EACpE,YAAY,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,KAChE,GAAG,WAAW,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAElD,eAAO,MAAM,oBAAoB,EAAE,wBAalC,CAAC;AAEF,KAAK,4BAA4B,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAC1E,KAAK,yBAAyB,GAAG,CAAC,MAAM,EAAE;IACxC,IAAI,EAAE,GAAG,IAAI,EAAE,CAAC;IAChB,IAAI,EAAE,4BAA4B,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CAC7E,KAAK,IAAI,CAAC;AACX,eAAO,MAAM,qBAAqB,EAAE,yBAWnC,CAAC"}
+{"version":3,"file":"legacyUtils.d.ts","sourceRoot":"","sources":["../../../../src/button/legacyUtils/legacyUtils.js"],"names":[],"mappings":"AA2BO,yDAA0F;AAE1F,oFAaN;AAEM;;;SASN"}

package/build/types/checkboxButton/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './CheckboxButton';
+export { default } from "./CheckboxButton";
 //# sourceMappingURL=index.d.ts.map

package/build/types/checkboxButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkboxButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkboxButton/index.js"],"names":[],"mappings":""}

package/build/types/inputs/SelectInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,OAAO,EAAsB,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAyB1E,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,MAAM;IAC/C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,CAAC,CAAC;IACT,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,MAAM;IAC9C,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9C;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,IAClC,qBAAqB,CAAC,CAAC,CAAC,GACxB,oBAAoB,CAAC,CAAC,CAAC,GACvB,wBAAwB,CAAC;AAiE7B,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,OAAO,GAAG,KAAK;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1C,aAAa,CAAC,EACV,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAC/B,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QACpB,YAAY,EAAE,OAAO,CAAC;QACtB,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;KAC5C,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,gBAAgB,EAAE,OAAO,CAAC;QAC1B,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;QAChC,QAAQ,EAAE,OAAO,CAAC;QAClB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QACzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;KAC/B,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,GAAG;QACxE,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA+DD,wBAAgB,WAAW,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,OAAO,GAAG,KAAK,EAAE,EACjE,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,WAAoB,EACpB,YAAY,EACZ,aAAoC,EACpC,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,IAAW,EACX,SAAS,EACT,yBAAyB,EACzB,cAAqB,EACrB,QAAQ,EACR,OAAO,EACP,OAAO,GACR,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,+BAkLxB;AAUD,KAAK,mCAAmC,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;AAE1E,MAAM,MAAM,6BAA6B,CACvC,CAAC,SAAS,mCAAmC,GAAG,QAAQ,IACtD,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAEzD,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,mCAAmC,GAAG,QAAQ,EAAE,EACjG,EAAkB,EAClB,GAAG,SAAS,EACb,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BAclC;AA6ZD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACL,EAAE,6BAA6B,+BAiD/B"}
+{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"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"}

package/build/types/stepper/deviceDetection.d.ts

@@ -1,2 +1,2 @@
-export declare function isTouchDevice(): boolean;
+export function isTouchDevice(): boolean;
 //# sourceMappingURL=deviceDetection.d.ts.map

package/build/types/stepper/deviceDetection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deviceDetection.d.ts","sourceRoot":"","sources":["../../../src/stepper/deviceDetection.ts"],"names":[],"mappings":"AAuBA,wBAAgB,aAAa,YAE5B"}
+{"version":3,"file":"deviceDetection.d.ts","sourceRoot":"","sources":["../../../src/stepper/deviceDetection.js"],"names":[],"mappings":"AA2BA,yCAEC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-08de8b3",
+  "version": "0.0.0-experimental-ab588f3",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -92,8 +92,8 @@
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
     "@transferwise/less-config": "3.1.0",
-    "@wise/components-theming": "1.6.0",
-    "@transferwise/neptune-css": "14.19.0"
+    "@transferwise/neptune-css": "14.19.0",
+    "@wise/components-theming": "1.6.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.13.1",

package/src/button/Button.tsx

@@ -72,9 +72,12 @@ const Button = forwardRef<ButtonReferenceType, Props>(
   ) => {
     const intl = useIntl();
 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     logDeprecationNotices({ size, type });
 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const newType = establishNewType(type);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const newPriority = establishNewPriority(priority, type);
 
     const classes = clsx(

package/src/button/legacyUtils/legacyUtils.js

@@ -0,0 +1,54 @@
+import { ControlType, Priority, Size, Type } from '../../common';
+import { logActionRequiredIf } from '../../utilities';
+
+const deprecatedTypeMap = {
+  [Type.PRIMARY]: ControlType.ACCENT,
+  [Type.SECONDARY]: ControlType.ACCENT,
+  [Type.LINK]: ControlType.ACCENT,
+  [Type.PAY]: ControlType.POSITIVE,
+  [Type.DANGER]: ControlType.NEGATIVE,
+};
+
+const oldTypePriorityMap = {
+  [Type.DANGER]: Priority.SECONDARY,
+  [Type.LINK]: Priority.TERTIARY,
+  [Type.SECONDARY]: Priority.SECONDARY,
+};
+
+const deprecatedTypeMapMessage = {
+  [Type.DANGER]: 'Type.NEGATIVE',
+  [Type.LINK]: 'ControlType.ACCENT with priority Priority.TERTIARY',
+  [Type.PAY]: 'ControlType.POSITIVE',
+  [Type.PRIMARY]: 'ControlType.ACCENT',
+  [Type.SECONDARY]: 'ControlType.ACCENT with priority Priority.SECONDARY',
+};
+
+const deprecatedTypes = Object.keys(deprecatedTypeMap);
+
+export const establishNewType = (originalType) => deprecatedTypeMap[originalType] || originalType;
+
+export const establishNewPriority = (originalPriority, originalType) => {
+  const type = establishNewType(originalType);
+
+  // The old SECONDARY and LINK types now map to priorities. If they're still using one of
+  // these old types, ignore whatever priority they've passed and use this instead.
+  if (oldTypePriorityMap[originalType]) {
+    return oldTypePriorityMap[originalType];
+  }
+  // Only ControlType.ACCENT supports tertiary styles
+  if (originalPriority === Priority.TERTIARY && type !== ControlType.ACCENT) {
+    return Priority.SECONDARY;
+  }
+  return originalPriority;
+};
+
+export const logDeprecationNotices = ({ size, type }) => {
+  logActionRequiredIf(
+    'Button has deprecated the `Size.EXTRA_SMALL` value for the `size` prop. Please use Size.SMALL instead.',
+    size === Size.EXTRA_SMALL,
+  );
+  logActionRequiredIf(
+    `Button has deprecated the ${type} value for the \`type\` prop. Please update to ${deprecatedTypeMapMessage[type]}.`,
+    deprecatedTypes.includes(type),
+  );
+};

package/src/flowNavigation/{FlowNavigation.story.tsx → FlowNavigation.story.js}

@@ -24,10 +24,6 @@ const avatarProfiles = {
   Business: <BriefcaseIcon />,
   Profile: <ProfileIcon />,
 };
-type ProfileTypeKeys = keyof typeof ProfileType;
-
-const getAvatarProfile = (showAvatar: string) =>
-  showAvatar in avatarProfiles ? avatarProfiles[showAvatar as keyof typeof avatarProfiles] : null;
 
 export const Variants = () => {
   const [activeStep, setActiveStep] = useState(2);
@@ -36,11 +32,7 @@ export const Variants = () => {
   const showCloseButton = boolean('show closeButton', true);
   const showMobileBackButton = boolean('show mobile backButton', true);
   const done = boolean('done', false);
-  const profileType: ProfileTypeKeys | undefined = select(
-    'profileType',
-    Object.keys(ProfileType) as ProfileTypeKeys[],
-    undefined,
-  );
+  const profileType = select('profileType', Object.keys(ProfileType));
   const avatarURL = text(
     'avatarURL',
     'https://wise.com/web-art/assets/illustrations/heart-small@2x.webp',
@@ -52,7 +44,7 @@ export const Variants = () => {
         avatar={
           !showAvatar ? null : (
             <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-              {getAvatarProfile(showAvatar)}
+              {avatarProfiles[showAvatar]}
             </Avatar>
           )
         }
@@ -78,11 +70,9 @@ export const Variants = () => {
             onClick: () => setActiveStep(4),
           },
         ]}
-        onClose={showCloseButton ? () => setClosed(true) : undefined}
+        onClose={showCloseButton && (() => setClosed(true))}
         onGoBack={
-          showMobileBackButton
-            ? () => setActiveStep(activeStep > 0 ? activeStep - 1 : 0)
-            : undefined
+          showMobileBackButton && (() => setActiveStep(activeStep > 0 ? activeStep - 1 : 0))
         }
       />
 
@@ -122,11 +112,9 @@ export const Variants = () => {
             onClick: () => setActiveStep(4),
           },
         ]}
-        onClose={showCloseButton ? () => setClosed(true) : undefined}
+        onClose={showCloseButton && (() => setClosed(true))}
         onGoBack={
-          showMobileBackButton
-            ? () => setActiveStep(activeStep - 1 > 0 ? activeStep - 1 : 0)
-            : undefined
+          showMobileBackButton && (() => setActiveStep(activeStep - 1 > 0 ? activeStep - 1 : 0))
         }
       />
 
@@ -167,11 +155,9 @@ export const Variants = () => {
             onClick: () => setActiveStep(4),
           },
         ]}
-        onClose={showCloseButton ? () => setClosed(true) : undefined}
+        onClose={showCloseButton && (() => setClosed(true))}
         onGoBack={
-          showMobileBackButton
-            ? () => setActiveStep(activeStep - 1 > 0 ? activeStep - 1 : 0)
-            : undefined
+          showMobileBackButton && (() => setActiveStep(activeStep - 1 > 0 ? activeStep - 1 : 0))
         }
       />
 
@@ -185,11 +171,9 @@ export const Variants = () => {
           { label: 'Review', hoverLabel: 'Antonio Dozortevo', onClick: () => setActiveStep(1) },
           { label: 'Pay', hoverLabel: 'Enrico Gusso', onClick: () => setActiveStep(2) },
         ]}
-        onClose={showCloseButton ? () => setClosed(true) : undefined}
+        onClose={showCloseButton && (() => setClosed(true))}
         onGoBack={
-          showMobileBackButton
-            ? () => setActiveStep(activeStep - 1 > 0 ? activeStep - 1 : 0)
-            : undefined
+          showMobileBackButton && (() => setActiveStep(activeStep - 1 > 0 ? activeStep - 1 : 0))
         }
       />
 
@@ -232,7 +216,7 @@ export const SendFlow = () => {
       ...(activeStep > 3 && { onClick: handleStepClick(3) }),
     },
   ];
-  function handleStepClick(step: number) {
+  function handleStepClick(step) {
     return () => {
       setActiveStep(step);
     };
@@ -284,18 +268,16 @@ export const WithOverlayHeaderComparison = () => {
           avatar={
             showAvatar ? (
               <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-                {getAvatarProfile(showAvatar)}
+                {avatarProfiles[showAvatar]}
               </Avatar>
             ) : null
           }
           activeStep={activeStep}
           done={done}
           steps={[]}
-          onClose={showCloseButton ? () => setClosed(true) : undefined}
+          onClose={showCloseButton && (() => setClosed(true))}
           onGoBack={
-            showMobileBackButton
-              ? () => setActiveStep(activeStep > 0 ? activeStep - 1 : 0)
-              : undefined
+            showMobileBackButton && (() => setActiveStep(activeStep > 0 ? activeStep - 1 : 0))
           }
         />
       </div>
@@ -304,11 +286,11 @@ export const WithOverlayHeaderComparison = () => {
           avatar={
             showAvatar ? (
               <Avatar type={AvatarType.ICON} size={Size.MEDIUM}>
-                {getAvatarProfile(showAvatar)}
+                {avatarProfiles[showAvatar]}
               </Avatar>
             ) : null
           }
-          onClose={showCloseButton ? () => setClosed(true) : undefined}
+          onClose={showCloseButton && (() => setClosed(true))}
         />
       </div>
     </>

package/src/inputs/SelectInput.tsx

@@ -546,8 +546,8 @@ function SelectInputOptions<T = string>({
   listBoxLabelledBy,
 }: SelectInputOptionsProps<T>) {
   const intl = useIntl();
-
   const controllerRef = filterable ? searchInputRef : listboxRef;
+  const [isOpen, setIsOpen] = useState(false);
 
   const needle = useMemo(() => {
     if (filterable) {
@@ -555,8 +555,9 @@ function SelectInputOptions<T = string>({
     }
     return undefined;
   }, [filterQuery, filterable]);
+
   useEffect(() => {
-    if (needle) {
+    if (needle && !filterable) {
       // Ensure having an active option while filtering.
       // Without `requestAnimationFrame` upon which React depends for scheduling
       // updates, the active status would only show for a split second and then
@@ -573,7 +574,13 @@ function SelectInputOptions<T = string>({
         }
       });
     }
-  }, [controllerRef, needle]);
+  }, [controllerRef, needle, filterable]);
+
+  useEffect(() => {
+    if (isOpen && filterable && searchInputRef.current) {
+      searchInputRef.current.focus();
+    }
+  }, [isOpen, filterable, searchInputRef]);
 
   const filteredItems: readonly SelectInputItem<NonNullable<T> | undefined>[] =
     needle != null
@@ -581,8 +588,8 @@ function SelectInputOptions<T = string>({
           selectInputOptionItemIncludesNeedle(item, needle),
         )
       : items;
-  const resultsEmpty = needle != null && filteredItems.length === 0;
 
+  const resultsEmpty = needle != null && filteredItems.length === 0;
   const virtualized = filteredItems.length > MAX_ITEMS_WITHOUT_VIRTUALIZATION;
 
   // Items shown once shall be kept mounted until the needle changes, otherwise
@@ -635,13 +642,16 @@ function SelectInputOptions<T = string>({
       className="np-select-input-options-container"
       onAriaActiveDescendantChange={(value: React.AriaAttributes['aria-activedescendant']) => {
         if (controllerRef.current != null) {
-          if (value != null) {
+          if (value != null && isOpen) {
             controllerRef.current.setAttribute('aria-activedescendant', value);
           } else {
             controllerRef.current.removeAttribute('aria-activedescendant');
           }
         }
       }}
+      onChange={(value) => {
+        setIsOpen(value != null);
+      }}
     >
       {filterable ? (
         <div className="np-select-input-query-container">
@@ -673,7 +683,6 @@ function SelectInputOptions<T = string>({
           />
         </div>
       ) : null}
-
       <section
         ref={listboxContainerRef}
         tabIndex={-1}
@@ -691,7 +700,6 @@ function SelectInputOptions<T = string>({
             {intl.formatMessage(messages.noResultsFound)}
           </div>
         ) : null}
-
         <div
           ref={listboxRef}
           id={listboxId}
@@ -732,7 +740,6 @@ function SelectInputOptions<T = string>({
             </Virtualizer>
           )}
         </div>
-
         {renderFooter != null ? (
           <footer className="np-select-input-footer">
             <div