@transferwise/components 45.19.3 → 45.19.4

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.
@@ -1496,12 +1496,12 @@ const FocusBoundary = ({
1496
1496
  preventScroll: true
1497
1497
  });
1498
1498
  }, []);
1499
- return /*#__PURE__*/jsx("div", {
1500
- ref: wrapperReference,
1501
- tabIndex: -1,
1502
- children: /*#__PURE__*/jsx(FocusScope, {
1503
- contain: true,
1504
- restoreFocus: true,
1499
+ return /*#__PURE__*/jsx(FocusScope, {
1500
+ contain: true,
1501
+ restoreFocus: true,
1502
+ children: /*#__PURE__*/jsx("div", {
1503
+ ref: wrapperReference,
1504
+ tabIndex: -1,
1505
1505
  children: children
1506
1506
  })
1507
1507
  });
package/build/index.js CHANGED
@@ -1530,12 +1530,12 @@ const FocusBoundary = ({
1530
1530
  preventScroll: true
1531
1531
  });
1532
1532
  }, []);
1533
- return /*#__PURE__*/jsxRuntime.jsx("div", {
1534
- ref: wrapperReference,
1535
- tabIndex: -1,
1536
- children: /*#__PURE__*/jsxRuntime.jsx(focus.FocusScope, {
1537
- contain: true,
1538
- restoreFocus: true,
1533
+ return /*#__PURE__*/jsxRuntime.jsx(focus.FocusScope, {
1534
+ contain: true,
1535
+ restoreFocus: true,
1536
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
1537
+ ref: wrapperReference,
1538
+ tabIndex: -1,
1539
1539
  children: children
1540
1540
  })
1541
1541
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "45.19.3",
3
+ "version": "45.19.4",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -78,8 +78,8 @@
78
78
  "rollup": "^3.28.1",
79
79
  "storybook": "^7.4.5",
80
80
  "@transferwise/less-config": "3.0.6",
81
- "@transferwise/neptune-css": "14.6.2",
82
- "@wise/components-theming": "0.8.4"
81
+ "@wise/components-theming": "0.8.4",
82
+ "@transferwise/neptune-css": "14.6.2"
83
83
  },
84
84
  "peerDependencies": {
85
85
  "@transferwise/icons": "^3.7.0",
@@ -6,13 +6,13 @@ exports[`BottomSheet renders content when open 1`] = `
6
6
  <div
7
7
  class="np-theme-light"
8
8
  >
9
+ <span
10
+ data-focus-scope-start="true"
11
+ hidden=""
12
+ />
9
13
  <div
10
14
  tabindex="-1"
11
15
  >
12
- <span
13
- data-focus-scope-start="true"
14
- hidden=""
15
- />
16
16
  <div
17
17
  class="dimmer"
18
18
  role="presentation"
@@ -66,11 +66,11 @@ exports[`BottomSheet renders content when open 1`] = `
66
66
  </div>
67
67
  </div>
68
68
  </div>
69
- <span
70
- data-focus-scope-end="true"
71
- hidden=""
72
- />
73
69
  </div>
70
+ <span
71
+ data-focus-scope-end="true"
72
+ hidden=""
73
+ />
74
74
  </div>
75
75
  </body>
76
76
  `;
@@ -12,11 +12,11 @@ const FocusBoundary = ({ children }: FocusBoundaryProps) => {
12
12
  }, []);
13
13
 
14
14
  return (
15
- <div ref={wrapperReference} tabIndex={-1}>
16
- <FocusScope contain restoreFocus>
15
+ <FocusScope contain restoreFocus>
16
+ <div ref={wrapperReference} tabIndex={-1}>
17
17
  {children}
18
- </FocusScope>
19
- </div>
18
+ </div>
19
+ </FocusScope>
20
20
  );
21
21
  };
22
22