@transferwise/components 0.0.0-experimental-b5b2cab → 0.0.0-experimental-222fc9c

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.
package/build/main.css CHANGED
@@ -2416,6 +2416,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2416
2416
  .np-bottom-sheet-v2 {
2417
2417
  position: fixed;
2418
2418
  inset: 0px;
2419
+ bottom: env(keyboard-inset-height, 0px);
2419
2420
  margin-left: 8px;
2420
2421
  margin-left: var(--size-8);
2421
2422
  margin-right: 8px;
@@ -18,6 +18,7 @@
18
18
  .np-bottom-sheet-v2 {
19
19
  position: fixed;
20
20
  inset: 0px;
21
+ bottom: env(keyboard-inset-height, 0px);
21
22
  margin-left: 8px;
22
23
  margin-left: var(--size-8);
23
24
  margin-right: 8px;
@@ -2416,6 +2416,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2416
2416
  .np-bottom-sheet-v2 {
2417
2417
  position: fixed;
2418
2418
  inset: 0px;
2419
+ bottom: env(keyboard-inset-height, 0px);
2419
2420
  margin-left: 8px;
2420
2421
  margin-left: var(--size-8);
2421
2422
  margin-right: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-b5b2cab",
3
+ "version": "0.0.0-experimental-222fc9c",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -4,13 +4,13 @@ export function useVirtualKeyboard() {
4
4
  useEffect(() => {
5
5
  /* eslint-disable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
6
6
  if ('virtualKeyboard' in navigator) {
7
- (navigator.virtualKeyboard as any).overlaysContent = true;
7
+ const virtualKeyboard: any = navigator.virtualKeyboard;
8
+ const initialOverlaysContent: unknown = virtualKeyboard.overlaysContent;
9
+ virtualKeyboard.overlaysContent = true;
10
+ return () => {
11
+ virtualKeyboard.overlaysContent = initialOverlaysContent;
12
+ };
8
13
  }
9
- return () => {
10
- if ('virtualKeyboard' in navigator) {
11
- (navigator.virtualKeyboard as any).overlaysContent = false;
12
- }
13
- };
14
14
  /* eslint-enable @typescript-eslint/no-unsafe-member-access, functional/immutable-data */
15
15
  }, []);
16
16
  }
@@ -18,6 +18,7 @@
18
18
  .np-bottom-sheet-v2 {
19
19
  position: fixed;
20
20
  inset: 0px;
21
+ bottom: env(keyboard-inset-height, 0px);
21
22
  margin-left: 8px;
22
23
  margin-left: var(--size-8);
23
24
  margin-right: 8px;
@@ -20,6 +20,7 @@
20
20
  .np-bottom-sheet-v2 {
21
21
  position: fixed;
22
22
  inset: 0px;
23
+ bottom: env(keyboard-inset-height, 0px);
23
24
  margin-left: var(--size-8);
24
25
  margin-right: var(--size-8);
25
26
  margin-top: var(--size-64);
package/src/main.css CHANGED
@@ -2416,6 +2416,7 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
2416
2416
  .np-bottom-sheet-v2 {
2417
2417
  position: fixed;
2418
2418
  inset: 0px;
2419
+ bottom: env(keyboard-inset-height, 0px);
2419
2420
  margin-left: 8px;
2420
2421
  margin-left: var(--size-8);
2421
2422
  margin-right: 8px;