@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.js
CHANGED
|
@@ -6130,7 +6130,8 @@ const Info = ({
|
|
|
6130
6130
|
presentation = exports.InfoPresentation.POPOVER,
|
|
6131
6131
|
size = exports.Size.SMALL,
|
|
6132
6132
|
title = undefined,
|
|
6133
|
-
'aria-label': ariaLabel
|
|
6133
|
+
'aria-label': ariaLabel,
|
|
6134
|
+
preferredPlacement = exports.Position.BOTTOM
|
|
6134
6135
|
}) => {
|
|
6135
6136
|
const [open, setOpen] = React.useState(false);
|
|
6136
6137
|
const isModal = presentation === exports.InfoPresentation.MODAL;
|
|
@@ -6165,7 +6166,7 @@ const Info = ({
|
|
|
6165
6166
|
})]
|
|
6166
6167
|
}) : /*#__PURE__*/jsxRuntime.jsx(Popover$2, {
|
|
6167
6168
|
content: content,
|
|
6168
|
-
preferredPlacement:
|
|
6169
|
+
preferredPlacement: preferredPlacement,
|
|
6169
6170
|
title: title,
|
|
6170
6171
|
children: /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
6171
6172
|
type: "button",
|
|
@@ -8777,9 +8778,6 @@ const Nudge = ({
|
|
|
8777
8778
|
id,
|
|
8778
8779
|
className
|
|
8779
8780
|
}) => {
|
|
8780
|
-
const {
|
|
8781
|
-
isModern
|
|
8782
|
-
} = componentsTheming.useTheme();
|
|
8783
8781
|
const [isDismissed, setIsDismissed] = React.useState(false);
|
|
8784
8782
|
const [isMounted, setIsMounted] = React.useState(false);
|
|
8785
8783
|
const handleOnDismiss = () => {
|
|
@@ -8816,7 +8814,7 @@ const Nudge = ({
|
|
|
8816
8814
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
8817
8815
|
className: classNames__default.default('wds-nudge', className),
|
|
8818
8816
|
id: id,
|
|
8819
|
-
children: [
|
|
8817
|
+
children: [!!mediaName && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
8820
8818
|
className: "wds-nudge-media",
|
|
8821
8819
|
children: /*#__PURE__*/jsxRuntime.jsx(art.Illustration, {
|
|
8822
8820
|
name: mediaName,
|
|
@@ -8825,20 +8823,14 @@ const Nudge = ({
|
|
|
8825
8823
|
disablePadding: true,
|
|
8826
8824
|
alt: ""
|
|
8827
8825
|
})
|
|
8828
|
-
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
8829
|
-
className: "wds-nudge-media",
|
|
8830
|
-
children: media
|
|
8831
8826
|
}), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
8832
8827
|
className: "wds-nudge-container",
|
|
8833
8828
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
8834
8829
|
className: "wds-nudge-content",
|
|
8835
|
-
children: [
|
|
8830
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
|
|
8836
8831
|
type: exports.Typography.BODY_LARGE,
|
|
8837
8832
|
className: classNames__default.default('wds-nudge-body'),
|
|
8838
8833
|
children: title
|
|
8839
|
-
}) : /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
8840
|
-
className: "wds-nudge-title",
|
|
8841
|
-
children: title
|
|
8842
8834
|
}), link && /*#__PURE__*/jsxRuntime.jsx(Link, {
|
|
8843
8835
|
href: href,
|
|
8844
8836
|
type: exports.Typography.LINK_LARGE,
|