@transferwise/components 0.0.0-experimental-d4fb387 → 0.0.0-experimental-c61ae0e
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-c61ae0e",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -91,13 +91,13 @@
|
|
|
91
91
|
"rollup": "^4.18.1",
|
|
92
92
|
"rollup-preserve-directives": "^1.1.1",
|
|
93
93
|
"storybook": "^8.2.2",
|
|
94
|
+
"@wise/components-theming": "1.6.1",
|
|
94
95
|
"@transferwise/less-config": "3.1.0",
|
|
95
|
-
"@transferwise/neptune-css": "0.0.0-experimental-
|
|
96
|
-
"@wise/components-theming": "1.6.1"
|
|
96
|
+
"@transferwise/neptune-css": "0.0.0-experimental-c61ae0e"
|
|
97
97
|
},
|
|
98
98
|
"peerDependencies": {
|
|
99
99
|
"@transferwise/icons": "^3.13.1",
|
|
100
|
-
"@transferwise/neptune-css": "0.0.0-experimental-
|
|
100
|
+
"@transferwise/neptune-css": "0.0.0-experimental-c61ae0e",
|
|
101
101
|
"@wise/art": "^2.16",
|
|
102
102
|
"@wise/components-theming": "^1.0.0",
|
|
103
103
|
"react": ">=18",
|
|
@@ -143,6 +143,12 @@ const getPropsForPreview = (args: PreviewStoryArgs) => {
|
|
|
143
143
|
];
|
|
144
144
|
};
|
|
145
145
|
|
|
146
|
+
/**
|
|
147
|
+
* The stories below document the new Button API, which requires `v2` prop to function. <br />For more details please refer to the [release notes](https://transferwise.atlassian.net/wiki/spaces/DS/pages/3542158737/Button+Updates+New+sizes+Loader+and+Cue) and the [design spec](https://wise.design/components/button). <br />
|
|
148
|
+
* You can still find the old Button documentation under [Legacy Button](?path=/docs/actions-button-legacy--docs)
|
|
149
|
+
*
|
|
150
|
+
*
|
|
151
|
+
*/
|
|
146
152
|
const meta: Meta<typeof Button> = {
|
|
147
153
|
component: Button,
|
|
148
154
|
title: 'Actions/Button',
|
|
@@ -299,8 +305,7 @@ export const Playground: StoryObj<PreviewStoryArgs> = {
|
|
|
299
305
|
};
|
|
300
306
|
|
|
301
307
|
/**
|
|
302
|
-
* There are two different types of button
|
|
303
|
-
* these designed to emphasise the nature of the action. <br />
|
|
308
|
+
* There are two different types of button – default and negative – designed to emphasise the nature of the action. <br />
|
|
304
309
|
* **NB:** Sentiment only applies to `primary` and `secondary` priorities. <br />
|
|
305
310
|
* [Design documentation](https://wise.design/components/button#types)
|
|
306
311
|
*/
|
|
@@ -5,6 +5,9 @@ import { useState } from 'react';
|
|
|
5
5
|
import Button from '.';
|
|
6
6
|
import LegacyButton from './LegacyButton';
|
|
7
7
|
|
|
8
|
+
// needed for the SB to show correct name in the Source blocks
|
|
9
|
+
LegacyButton.displayName = 'Button';
|
|
10
|
+
|
|
8
11
|
const withContainer = (Story: any) => (
|
|
9
12
|
<div
|
|
10
13
|
style={{
|
|
@@ -21,7 +24,7 @@ const withContainer = (Story: any) => (
|
|
|
21
24
|
|
|
22
25
|
const meta: Meta<typeof LegacyButton> = {
|
|
23
26
|
component: LegacyButton,
|
|
24
|
-
title: 'Actions/Button/Legacy',
|
|
27
|
+
title: 'Actions/Button/Legacy Button',
|
|
25
28
|
args: {
|
|
26
29
|
size: undefined,
|
|
27
30
|
priority: undefined,
|