@transferwise/components 46.109.1 → 46.111.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/inputs/SelectInput.js +6 -2
- package/build/inputs/SelectInput.js.map +1 -1
- package/build/inputs/SelectInput.mjs +6 -2
- package/build/inputs/SelectInput.mjs.map +1 -1
- package/build/listItem/ListItem.js.map +1 -1
- package/build/listItem/ListItem.mjs.map +1 -1
- package/build/main.css +13 -2
- package/build/nudge/Nudge.js.map +1 -1
- package/build/nudge/Nudge.mjs.map +1 -1
- package/build/styles/main.css +13 -2
- package/build/styles/nudge/Nudge.css +13 -2
- package/build/types/inputs/SelectInput.d.ts +2 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/listItem/ListItem.d.ts.map +1 -1
- package/build/types/nudge/Nudge.d.ts +1 -1
- package/build/types/nudge/Nudge.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/inputs/SelectInput.story.tsx +23 -10
- package/src/inputs/SelectInput.tsx +7 -2
- package/src/listItem/ListItem.tsx +2 -1
- package/src/main.css +13 -2
- package/src/neptune-css/NeptuneCSS.story.tsx +142 -0
- package/src/nudge/Nudge.css +13 -2
- package/src/nudge/Nudge.less +10 -1
- package/src/nudge/Nudge.story.tsx +9 -4
- package/src/nudge/Nudge.tsx +2 -1
|
@@ -74,7 +74,6 @@ export const Default = () => {
|
|
|
74
74
|
onClick={action('action clicked')}
|
|
75
75
|
onDismiss={action('dismissed')}
|
|
76
76
|
/>
|
|
77
|
-
|
|
78
77
|
<Nudge
|
|
79
78
|
mediaName={Assets.HEART}
|
|
80
79
|
className="m-b-2"
|
|
@@ -84,7 +83,6 @@ export const Default = () => {
|
|
|
84
83
|
onClick={action('action clicked')}
|
|
85
84
|
onDismiss={action('dismissed')}
|
|
86
85
|
/>
|
|
87
|
-
|
|
88
86
|
<Nudge
|
|
89
87
|
mediaName={Assets.MULTI_CURRENCY}
|
|
90
88
|
className="m-b-2"
|
|
@@ -94,7 +92,6 @@ export const Default = () => {
|
|
|
94
92
|
onClick={action('action clicked')}
|
|
95
93
|
onDismiss={action('dismissed')}
|
|
96
94
|
/>
|
|
97
|
-
|
|
98
95
|
<Nudge
|
|
99
96
|
mediaName={Assets.SHOPPING_BAG}
|
|
100
97
|
className="m-b-2"
|
|
@@ -104,7 +101,6 @@ export const Default = () => {
|
|
|
104
101
|
onClick={action('action clicked')}
|
|
105
102
|
onDismiss={action('dismissed')}
|
|
106
103
|
/>
|
|
107
|
-
|
|
108
104
|
<Nudge
|
|
109
105
|
mediaName={Assets.FLOWER}
|
|
110
106
|
className="m-b-2"
|
|
@@ -114,6 +110,15 @@ export const Default = () => {
|
|
|
114
110
|
onClick={action('action clicked')}
|
|
115
111
|
onDismiss={action('dismissed')}
|
|
116
112
|
/>
|
|
113
|
+
<Nudge
|
|
114
|
+
mediaName={Assets.BACKPACK}
|
|
115
|
+
className="m-b-2"
|
|
116
|
+
title="Text that is no longer than two lines."
|
|
117
|
+
link="Link"
|
|
118
|
+
href="#"
|
|
119
|
+
onClick={action('action clicked')}
|
|
120
|
+
onDismiss={action('dismissed')}
|
|
121
|
+
/>
|
|
117
122
|
</div>
|
|
118
123
|
);
|
|
119
124
|
};
|
package/src/nudge/Nudge.tsx
CHANGED
|
@@ -38,7 +38,8 @@ type MediaNameType =
|
|
|
38
38
|
| `${Assets.HEART}`
|
|
39
39
|
| `${Assets.MULTI_CURRENCY}`
|
|
40
40
|
| `${Assets.SHOPPING_BAG}`
|
|
41
|
-
| `${Assets.FLOWER}
|
|
41
|
+
| `${Assets.FLOWER}`
|
|
42
|
+
| `${Assets.BACKPACK}`;
|
|
42
43
|
|
|
43
44
|
type BaseProps = {
|
|
44
45
|
/** @deprecated use `mediaName` property instead */
|