@transferwise/components 0.0.0-experimental-f7d1fd4 → 0.0.0-experimental-85e8e38
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-85e8e38",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -93,9 +93,9 @@
|
|
|
93
93
|
"react-intl": "^6.6.6",
|
|
94
94
|
"rollup": "^4.17.2",
|
|
95
95
|
"storybook": "^8.1.10",
|
|
96
|
-
"@transferwise/
|
|
96
|
+
"@transferwise/neptune-css": "14.10.0",
|
|
97
97
|
"@wise/components-theming": "1.3.0",
|
|
98
|
-
"@transferwise/
|
|
98
|
+
"@transferwise/less-config": "3.1.0"
|
|
99
99
|
},
|
|
100
100
|
"peerDependencies": {
|
|
101
101
|
"@transferwise/icons": "^3.7.0",
|
|
@@ -41,11 +41,7 @@ export default {
|
|
|
41
41
|
|
|
42
42
|
type Story = StoryObj<typeof Alert>;
|
|
43
43
|
|
|
44
|
-
export const Basic: Story = {
|
|
45
|
-
args: {
|
|
46
|
-
onDismiss: undefined,
|
|
47
|
-
},
|
|
48
|
-
};
|
|
44
|
+
export const Basic: Story = {};
|
|
49
45
|
|
|
50
46
|
export const WithLinkAction: Story = {
|
|
51
47
|
args: {
|
|
@@ -53,6 +49,7 @@ export const WithLinkAction: Story = {
|
|
|
53
49
|
href: '/',
|
|
54
50
|
text: 'Read more',
|
|
55
51
|
},
|
|
52
|
+
onDismiss: () => {},
|
|
56
53
|
},
|
|
57
54
|
};
|
|
58
55
|
|
|
@@ -62,12 +59,14 @@ export const WithButtonAction: Story = {
|
|
|
62
59
|
onClick: action('alert action clicked'),
|
|
63
60
|
text: 'Open',
|
|
64
61
|
},
|
|
62
|
+
onDismiss: () => {},
|
|
65
63
|
},
|
|
66
64
|
};
|
|
67
65
|
|
|
68
66
|
export const WithArrow: Story = {
|
|
69
67
|
args: {
|
|
70
68
|
arrow: AlertArrowPosition.TOP_LEFT,
|
|
69
|
+
onDismiss: () => {},
|
|
71
70
|
},
|
|
72
71
|
};
|
|
73
72
|
|
|
@@ -93,6 +92,7 @@ const CustomIcon = () => {
|
|
|
93
92
|
export const WithCustomIcon: Story = {
|
|
94
93
|
args: {
|
|
95
94
|
icon: <CustomIcon />,
|
|
95
|
+
onDismiss: () => {},
|
|
96
96
|
},
|
|
97
97
|
};
|
|
98
98
|
|
|
@@ -100,5 +100,6 @@ export const WithTitle: Story = {
|
|
|
100
100
|
args: {
|
|
101
101
|
type: Sentiment.NEUTRAL,
|
|
102
102
|
title: 'We’re reviewing your information.',
|
|
103
|
+
onDismiss: () => {},
|
|
103
104
|
},
|
|
104
105
|
};
|
|
@@ -24,8 +24,6 @@ type Story = StoryObj<typeof meta>;
|
|
|
24
24
|
export const Basic = {
|
|
25
25
|
args: {
|
|
26
26
|
onChange: () => {},
|
|
27
|
-
onFocus: () => {},
|
|
28
|
-
onBlur: () => {},
|
|
29
27
|
},
|
|
30
28
|
play: async ({ canvasElement }) => {
|
|
31
29
|
const canvas = within(canvasElement);
|
|
@@ -36,8 +34,6 @@ export const Basic = {
|
|
|
36
34
|
export const WithLabel = {
|
|
37
35
|
args: {
|
|
38
36
|
onChange: () => {},
|
|
39
|
-
onFocus: () => {},
|
|
40
|
-
onBlur: () => {},
|
|
41
37
|
},
|
|
42
38
|
render: (args) => {
|
|
43
39
|
const id1 = 'date-input-group-label-1';
|
package/src/info/Info.story.tsx
CHANGED