@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.esm.js
CHANGED
|
@@ -1677,8 +1677,8 @@ const DimmerWrapper = ({
|
|
|
1677
1677
|
theme
|
|
1678
1678
|
} = useTheme();
|
|
1679
1679
|
return open || hasNotExited ? /*#__PURE__*/jsx(ThemeProvider, {
|
|
1680
|
-
theme:
|
|
1681
|
-
screenMode: screenMode,
|
|
1680
|
+
theme: "personal",
|
|
1681
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
1682
1682
|
isNotRootProvider: true,
|
|
1683
1683
|
children: children
|
|
1684
1684
|
}) : /*#__PURE__*/jsx(Fragment, {
|
|
@@ -3336,9 +3336,6 @@ const ResponsivePanel = /*#__PURE__*/forwardRef(({
|
|
|
3336
3336
|
open = false,
|
|
3337
3337
|
position = Position.BOTTOM
|
|
3338
3338
|
}, reference) => {
|
|
3339
|
-
const {
|
|
3340
|
-
className: themeClassname
|
|
3341
|
-
} = useTheme();
|
|
3342
3339
|
const {
|
|
3343
3340
|
isMobile
|
|
3344
3341
|
} = useLayout();
|
|
@@ -3357,7 +3354,7 @@ const ResponsivePanel = /*#__PURE__*/forwardRef(({
|
|
|
3357
3354
|
open: open,
|
|
3358
3355
|
position: position,
|
|
3359
3356
|
anchorRef: anchorRef,
|
|
3360
|
-
className:
|
|
3357
|
+
className: className,
|
|
3361
3358
|
onClose: onClose,
|
|
3362
3359
|
children: children
|
|
3363
3360
|
}, "panel");
|
|
@@ -6511,8 +6508,8 @@ function BottomSheet({
|
|
|
6511
6508
|
getInteractionProps: getReferenceProps
|
|
6512
6509
|
}), /*#__PURE__*/jsx(FloatingPortal, {
|
|
6513
6510
|
children: /*#__PURE__*/jsx(ThemeProvider, {
|
|
6514
|
-
theme:
|
|
6515
|
-
screenMode: screenMode,
|
|
6511
|
+
theme: "personal",
|
|
6512
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6516
6513
|
isNotRootProvider: true,
|
|
6517
6514
|
children: /*#__PURE__*/jsx(Transition, {
|
|
6518
6515
|
show: open,
|
|
@@ -6659,8 +6656,8 @@ function Popover({
|
|
|
6659
6656
|
getInteractionProps: getReferenceProps
|
|
6660
6657
|
}), /*#__PURE__*/jsx(FloatingPortal, {
|
|
6661
6658
|
children: /*#__PURE__*/jsx(ThemeProvider, {
|
|
6662
|
-
theme:
|
|
6663
|
-
screenMode: screenMode,
|
|
6659
|
+
theme: "personal",
|
|
6660
|
+
screenMode: theme === 'personal' ? screenMode : 'light',
|
|
6664
6661
|
isNotRootProvider: true,
|
|
6665
6662
|
children: /*#__PURE__*/jsx(Transition, {
|
|
6666
6663
|
show: open,
|
|
@@ -10475,7 +10472,8 @@ class RadioGroup extends Component {
|
|
|
10475
10472
|
const {
|
|
10476
10473
|
selectedValue
|
|
10477
10474
|
} = this.state;
|
|
10478
|
-
return radios && radios.length > 0 ? /*#__PURE__*/jsx(
|
|
10475
|
+
return radios && radios.length > 0 ? /*#__PURE__*/jsx("div", {
|
|
10476
|
+
role: "radiogroup",
|
|
10479
10477
|
children: radios.map(({
|
|
10480
10478
|
id,
|
|
10481
10479
|
avatar,
|