@transferwise/components 45.23.0 → 45.25.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 +5 -13
- package/build/index.esm.js.map +1 -1
- package/build/index.js +5 -13
- package/build/index.js.map +1 -1
- package/build/main.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/nudge/Nudge.css +1 -1
- package/build/types/info/Info.d.ts +6 -2
- package/build/types/info/Info.d.ts.map +1 -1
- package/build/types/nudge/Nudge.d.ts +3 -10
- package/build/types/nudge/Nudge.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/info/Info.tsx +6 -1
- package/src/main.css +1 -1
- package/src/nudge/Nudge.css +1 -1
- package/src/nudge/Nudge.less +18 -22
- package/src/nudge/Nudge.spec.tsx +0 -18
- package/src/nudge/Nudge.story.tsx +31 -0
- package/src/nudge/Nudge.tsx +28 -36
package/build/index.esm.js
CHANGED
|
@@ -6096,7 +6096,8 @@ const Info = ({
|
|
|
6096
6096
|
presentation = InfoPresentation.POPOVER,
|
|
6097
6097
|
size = Size.SMALL,
|
|
6098
6098
|
title = undefined,
|
|
6099
|
-
'aria-label': ariaLabel
|
|
6099
|
+
'aria-label': ariaLabel,
|
|
6100
|
+
preferredPlacement = Position.BOTTOM
|
|
6100
6101
|
}) => {
|
|
6101
6102
|
const [open, setOpen] = useState(false);
|
|
6102
6103
|
const isModal = presentation === InfoPresentation.MODAL;
|
|
@@ -6131,7 +6132,7 @@ const Info = ({
|
|
|
6131
6132
|
})]
|
|
6132
6133
|
}) : /*#__PURE__*/jsx(Popover$2, {
|
|
6133
6134
|
content: content,
|
|
6134
|
-
preferredPlacement:
|
|
6135
|
+
preferredPlacement: preferredPlacement,
|
|
6135
6136
|
title: title,
|
|
6136
6137
|
children: /*#__PURE__*/jsx("button", {
|
|
6137
6138
|
type: "button",
|
|
@@ -8743,9 +8744,6 @@ const Nudge = ({
|
|
|
8743
8744
|
id,
|
|
8744
8745
|
className
|
|
8745
8746
|
}) => {
|
|
8746
|
-
const {
|
|
8747
|
-
isModern
|
|
8748
|
-
} = useTheme();
|
|
8749
8747
|
const [isDismissed, setIsDismissed] = useState(false);
|
|
8750
8748
|
const [isMounted, setIsMounted] = useState(false);
|
|
8751
8749
|
const handleOnDismiss = () => {
|
|
@@ -8782,7 +8780,7 @@ const Nudge = ({
|
|
|
8782
8780
|
return /*#__PURE__*/jsxs("div", {
|
|
8783
8781
|
className: classNames('wds-nudge', className),
|
|
8784
8782
|
id: id,
|
|
8785
|
-
children: [
|
|
8783
|
+
children: [!!mediaName && /*#__PURE__*/jsx("div", {
|
|
8786
8784
|
className: "wds-nudge-media",
|
|
8787
8785
|
children: /*#__PURE__*/jsx(Illustration, {
|
|
8788
8786
|
name: mediaName,
|
|
@@ -8791,20 +8789,14 @@ const Nudge = ({
|
|
|
8791
8789
|
disablePadding: true,
|
|
8792
8790
|
alt: ""
|
|
8793
8791
|
})
|
|
8794
|
-
}) : /*#__PURE__*/jsx("div", {
|
|
8795
|
-
className: "wds-nudge-media",
|
|
8796
|
-
children: media
|
|
8797
8792
|
}), /*#__PURE__*/jsxs("div", {
|
|
8798
8793
|
className: "wds-nudge-container",
|
|
8799
8794
|
children: [/*#__PURE__*/jsxs("div", {
|
|
8800
8795
|
className: "wds-nudge-content",
|
|
8801
|
-
children: [
|
|
8796
|
+
children: [/*#__PURE__*/jsx(Body, {
|
|
8802
8797
|
type: Typography.BODY_LARGE,
|
|
8803
8798
|
className: classNames('wds-nudge-body'),
|
|
8804
8799
|
children: title
|
|
8805
|
-
}) : /*#__PURE__*/jsx("div", {
|
|
8806
|
-
className: "wds-nudge-title",
|
|
8807
|
-
children: title
|
|
8808
8800
|
}), link && /*#__PURE__*/jsx(Link, {
|
|
8809
8801
|
href: href,
|
|
8810
8802
|
type: Typography.LINK_LARGE,
|