@transferwise/components 45.23.0 → 45.24.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 +2 -11
- package/build/index.esm.js.map +1 -1
- package/build/index.js +2 -11
- 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/nudge/Nudge.d.ts +3 -10
- package/build/types/nudge/Nudge.d.ts.map +1 -1
- package/package.json +1 -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
|
@@ -8743,9 +8743,6 @@ const Nudge = ({
|
|
|
8743
8743
|
id,
|
|
8744
8744
|
className
|
|
8745
8745
|
}) => {
|
|
8746
|
-
const {
|
|
8747
|
-
isModern
|
|
8748
|
-
} = useTheme();
|
|
8749
8746
|
const [isDismissed, setIsDismissed] = useState(false);
|
|
8750
8747
|
const [isMounted, setIsMounted] = useState(false);
|
|
8751
8748
|
const handleOnDismiss = () => {
|
|
@@ -8782,7 +8779,7 @@ const Nudge = ({
|
|
|
8782
8779
|
return /*#__PURE__*/jsxs("div", {
|
|
8783
8780
|
className: classNames('wds-nudge', className),
|
|
8784
8781
|
id: id,
|
|
8785
|
-
children: [
|
|
8782
|
+
children: [!!mediaName && /*#__PURE__*/jsx("div", {
|
|
8786
8783
|
className: "wds-nudge-media",
|
|
8787
8784
|
children: /*#__PURE__*/jsx(Illustration, {
|
|
8788
8785
|
name: mediaName,
|
|
@@ -8791,20 +8788,14 @@ const Nudge = ({
|
|
|
8791
8788
|
disablePadding: true,
|
|
8792
8789
|
alt: ""
|
|
8793
8790
|
})
|
|
8794
|
-
}) : /*#__PURE__*/jsx("div", {
|
|
8795
|
-
className: "wds-nudge-media",
|
|
8796
|
-
children: media
|
|
8797
8791
|
}), /*#__PURE__*/jsxs("div", {
|
|
8798
8792
|
className: "wds-nudge-container",
|
|
8799
8793
|
children: [/*#__PURE__*/jsxs("div", {
|
|
8800
8794
|
className: "wds-nudge-content",
|
|
8801
|
-
children: [
|
|
8795
|
+
children: [/*#__PURE__*/jsx(Body, {
|
|
8802
8796
|
type: Typography.BODY_LARGE,
|
|
8803
8797
|
className: classNames('wds-nudge-body'),
|
|
8804
8798
|
children: title
|
|
8805
|
-
}) : /*#__PURE__*/jsx("div", {
|
|
8806
|
-
className: "wds-nudge-title",
|
|
8807
|
-
children: title
|
|
8808
8799
|
}), link && /*#__PURE__*/jsx(Link, {
|
|
8809
8800
|
href: href,
|
|
8810
8801
|
type: Typography.LINK_LARGE,
|