@transferwise/components 46.3.0 → 46.4.0
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/index.esm.js +9 -11
- package/build/index.esm.js.map +1 -1
- package/build/index.js +9 -11
- package/build/index.js.map +1 -1
- package/build/types/common/responsivePanel/ResponsivePanel.d.ts.map +1 -1
- package/build/types/dimmer/Dimmer.d.ts.map +1 -1
- package/build/types/inputs/_BottomSheet.d.ts.map +1 -1
- package/build/types/inputs/_Popover.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/common/bottomSheet/__snapshots__/BottomSheet.spec.tsx.snap +1 -1
- package/src/common/responsivePanel/ResponsivePanel.tsx +1 -2
- package/src/dimmer/Dimmer.tsx +5 -1
- package/src/inputs/_BottomSheet.tsx +5 -1
- package/src/inputs/_Popover.tsx +5 -1
- package/src/popover/__snapshots__/Popover.spec.js.snap +1 -1
- package/src/radioGroup/RadioGroup.js +2 -2
- package/src/radioGroup/RadioGroup.rtl.spec.tsx +16 -0
package/build/index.js
CHANGED
|
@@ -1711,8 +1711,8 @@ const DimmerWrapper = ({
|
|
|
1711
1711
|
theme
|
|
1712
1712
|
} = componentsTheming.useTheme();
|
|
1713
1713
|
return open || hasNotExited ? /*#__PURE__*/jsxRuntime.jsx(componentsTheming.ThemeProvider, {
|
|
1714
|
-
theme:
|
|
1715
|
-
screenMode: screenMode,
|
|
1714
|
+
theme: "personal",
|
|
1715
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
1716
1716
|
isNotRootProvider: true,
|
|
1717
1717
|
children: children
|
|
1718
1718
|
}) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
@@ -3370,9 +3370,6 @@ const ResponsivePanel = /*#__PURE__*/React.forwardRef(({
|
|
|
3370
3370
|
open = false,
|
|
3371
3371
|
position = exports.Position.BOTTOM
|
|
3372
3372
|
}, reference) => {
|
|
3373
|
-
const {
|
|
3374
|
-
className: themeClassname
|
|
3375
|
-
} = componentsTheming.useTheme();
|
|
3376
3373
|
const {
|
|
3377
3374
|
isMobile
|
|
3378
3375
|
} = useLayout();
|
|
@@ -3391,7 +3388,7 @@ const ResponsivePanel = /*#__PURE__*/React.forwardRef(({
|
|
|
3391
3388
|
open: open,
|
|
3392
3389
|
position: position,
|
|
3393
3390
|
anchorRef: anchorRef,
|
|
3394
|
-
className:
|
|
3391
|
+
className: className,
|
|
3395
3392
|
onClose: onClose,
|
|
3396
3393
|
children: children
|
|
3397
3394
|
}, "panel");
|
|
@@ -6545,8 +6542,8 @@ function BottomSheet({
|
|
|
6545
6542
|
getInteractionProps: getReferenceProps
|
|
6546
6543
|
}), /*#__PURE__*/jsxRuntime.jsx(react.FloatingPortal, {
|
|
6547
6544
|
children: /*#__PURE__*/jsxRuntime.jsx(componentsTheming.ThemeProvider, {
|
|
6548
|
-
theme:
|
|
6549
|
-
screenMode: screenMode,
|
|
6545
|
+
theme: "personal",
|
|
6546
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6550
6547
|
isNotRootProvider: true,
|
|
6551
6548
|
children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
|
|
6552
6549
|
show: open,
|
|
@@ -6693,8 +6690,8 @@ function Popover({
|
|
|
6693
6690
|
getInteractionProps: getReferenceProps
|
|
6694
6691
|
}), /*#__PURE__*/jsxRuntime.jsx(react.FloatingPortal, {
|
|
6695
6692
|
children: /*#__PURE__*/jsxRuntime.jsx(componentsTheming.ThemeProvider, {
|
|
6696
|
-
theme:
|
|
6697
|
-
screenMode: screenMode,
|
|
6693
|
+
theme: "personal",
|
|
6694
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6698
6695
|
isNotRootProvider: true,
|
|
6699
6696
|
children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition, {
|
|
6700
6697
|
show: open,
|
|
@@ -10509,7 +10506,8 @@ class RadioGroup extends React.Component {
|
|
|
10509
10506
|
const {
|
|
10510
10507
|
selectedValue
|
|
10511
10508
|
} = this.state;
|
|
10512
|
-
return radios && radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(
|
|
10509
|
+
return radios && radios.length > 0 ? /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
10510
|
+
role: "radiogroup",
|
|
10513
10511
|
children: radios.map(({
|
|
10514
10512
|
id,
|
|
10515
10513
|
avatar,
|