@transferwise/components 46.137.0 → 46.137.1
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/i18n/cs.json +2 -0
- package/build/i18n/cs.json.js +2 -0
- package/build/i18n/cs.json.js.map +1 -1
- package/build/i18n/cs.json.mjs +2 -0
- package/build/i18n/cs.json.mjs.map +1 -1
- package/build/i18n/de.json +2 -0
- package/build/i18n/de.json.js +2 -0
- package/build/i18n/de.json.js.map +1 -1
- package/build/i18n/de.json.mjs +2 -0
- package/build/i18n/de.json.mjs.map +1 -1
- package/build/i18n/es.json +2 -0
- package/build/i18n/es.json.js +2 -0
- package/build/i18n/es.json.js.map +1 -1
- package/build/i18n/es.json.mjs +2 -0
- package/build/i18n/es.json.mjs.map +1 -1
- package/build/i18n/fr.json +2 -0
- package/build/i18n/fr.json.js +2 -0
- package/build/i18n/fr.json.js.map +1 -1
- package/build/i18n/fr.json.mjs +2 -0
- package/build/i18n/fr.json.mjs.map +1 -1
- package/build/i18n/hu.json +2 -0
- package/build/i18n/hu.json.js +2 -0
- package/build/i18n/hu.json.js.map +1 -1
- package/build/i18n/hu.json.mjs +2 -0
- package/build/i18n/hu.json.mjs.map +1 -1
- package/build/i18n/id.json +2 -0
- package/build/i18n/id.json.js +2 -0
- package/build/i18n/id.json.js.map +1 -1
- package/build/i18n/id.json.mjs +2 -0
- package/build/i18n/id.json.mjs.map +1 -1
- package/build/i18n/it.json +2 -0
- package/build/i18n/it.json.js +2 -0
- package/build/i18n/it.json.js.map +1 -1
- package/build/i18n/it.json.mjs +2 -0
- package/build/i18n/it.json.mjs.map +1 -1
- package/build/i18n/ja.json +2 -0
- package/build/i18n/ja.json.js +2 -0
- package/build/i18n/ja.json.js.map +1 -1
- package/build/i18n/ja.json.mjs +2 -0
- package/build/i18n/ja.json.mjs.map +1 -1
- package/build/i18n/nl.json +2 -0
- package/build/i18n/nl.json.js +2 -0
- package/build/i18n/nl.json.js.map +1 -1
- package/build/i18n/nl.json.mjs +2 -0
- package/build/i18n/nl.json.mjs.map +1 -1
- package/build/i18n/pl.json +2 -0
- package/build/i18n/pl.json.js +2 -0
- package/build/i18n/pl.json.js.map +1 -1
- package/build/i18n/pl.json.mjs +2 -0
- package/build/i18n/pl.json.mjs.map +1 -1
- package/build/i18n/pt.json +2 -0
- package/build/i18n/pt.json.js +2 -0
- package/build/i18n/pt.json.js.map +1 -1
- package/build/i18n/pt.json.mjs +2 -0
- package/build/i18n/pt.json.mjs.map +1 -1
- package/build/i18n/ro.json +2 -0
- package/build/i18n/ro.json.js +2 -0
- package/build/i18n/ro.json.js.map +1 -1
- package/build/i18n/ro.json.mjs +2 -0
- package/build/i18n/ro.json.mjs.map +1 -1
- package/build/i18n/ru.json +2 -0
- package/build/i18n/ru.json.js +2 -0
- package/build/i18n/ru.json.js.map +1 -1
- package/build/i18n/ru.json.mjs +2 -0
- package/build/i18n/ru.json.mjs.map +1 -1
- package/build/i18n/th.json +2 -0
- package/build/i18n/th.json.js +2 -0
- package/build/i18n/th.json.js.map +1 -1
- package/build/i18n/th.json.mjs +2 -0
- package/build/i18n/th.json.mjs.map +1 -1
- package/build/i18n/tr.json +2 -0
- package/build/i18n/tr.json.js +2 -0
- package/build/i18n/tr.json.js.map +1 -1
- package/build/i18n/tr.json.mjs +2 -0
- package/build/i18n/tr.json.mjs.map +1 -1
- package/build/i18n/zh-CN.json +2 -0
- package/build/i18n/zh-CN.json.js +2 -0
- package/build/i18n/zh-CN.json.js.map +1 -1
- package/build/i18n/zh-CN.json.mjs +2 -0
- package/build/i18n/zh-CN.json.mjs.map +1 -1
- package/build/i18n/zh-HK.json +2 -0
- package/build/i18n/zh-HK.json.js +2 -0
- package/build/i18n/zh-HK.json.js.map +1 -1
- package/build/i18n/zh-HK.json.mjs +2 -0
- package/build/i18n/zh-HK.json.mjs.map +1 -1
- package/build/main.css +0 -1
- package/build/styles/css/neptune.css +0 -1
- package/build/styles/main.css +0 -1
- package/build/styles/styles/less/neptune.css +0 -1
- package/package.json +18 -14
- package/src/alert/Alert.story.tsx +30 -1
- package/src/avatarWrapper/AvatarWrapper.story.tsx +1 -1
- package/src/button/_stories/Button.story.tsx +11 -0
- package/src/i18n/cs.json +2 -0
- package/src/i18n/de.json +2 -0
- package/src/i18n/es.json +2 -0
- package/src/i18n/fr.json +2 -0
- package/src/i18n/hu.json +2 -0
- package/src/i18n/id.json +2 -0
- package/src/i18n/it.json +2 -0
- package/src/i18n/ja.json +2 -0
- package/src/i18n/nl.json +2 -0
- package/src/i18n/pl.json +2 -0
- package/src/i18n/pt.json +2 -0
- package/src/i18n/ro.json +2 -0
- package/src/i18n/ru.json +2 -0
- package/src/i18n/th.json +2 -0
- package/src/i18n/tr.json +2 -0
- package/src/i18n/zh-CN.json +2 -0
- package/src/i18n/zh-HK.json +2 -0
- package/src/main.css +0 -1
- package/src/radio/Radio.story.tsx +1 -1
- package/src/section/Section.story.tsx +2 -8
- package/src/statusIcon/StatusIcon.test.tsx +0 -2
- package/src/styles/less/neptune.css +0 -1
package/build/i18n/tr.json.js
CHANGED
|
@@ -20,6 +20,8 @@ var tr = {
|
|
|
20
20
|
"neptune.DateLookup.selected": "seçili",
|
|
21
21
|
"neptune.DateLookup.twentyYears": "20 yıl",
|
|
22
22
|
"neptune.DateLookup.year": "yıl",
|
|
23
|
+
"neptune.Expander.collapseAriaLabel": "Küçült",
|
|
24
|
+
"neptune.Expander.expandAriaLabel": "Genişlet",
|
|
23
25
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Bir para birimi / ülke girin",
|
|
24
26
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Para birimi seçin",
|
|
25
27
|
"neptune.FlowNavigation.back": "önceki adıma dön",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/tr.json.mjs
CHANGED
|
@@ -16,6 +16,8 @@ var tr = {
|
|
|
16
16
|
"neptune.DateLookup.selected": "seçili",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 yıl",
|
|
18
18
|
"neptune.DateLookup.year": "yıl",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Küçült",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Genişlet",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Bir para birimi / ülke girin",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Para birimi seçin",
|
|
21
23
|
"neptune.FlowNavigation.back": "önceki adıma dön",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tr.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/zh-CN.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "已选",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "展开",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "输入货币/国家/地区",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "选择货币",
|
|
21
23
|
"neptune.FlowNavigation.back": "返回上一步",
|
package/build/i18n/zh-CN.json.js
CHANGED
|
@@ -20,6 +20,8 @@ var zhCN = {
|
|
|
20
20
|
"neptune.DateLookup.selected": "已选",
|
|
21
21
|
"neptune.DateLookup.twentyYears": "20 年",
|
|
22
22
|
"neptune.DateLookup.year": "年",
|
|
23
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
24
|
+
"neptune.Expander.expandAriaLabel": "展开",
|
|
23
25
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "输入货币/国家/地区",
|
|
24
26
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "选择货币",
|
|
25
27
|
"neptune.FlowNavigation.back": "返回上一步",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -16,6 +16,8 @@ var zhCN = {
|
|
|
16
16
|
"neptune.DateLookup.selected": "已选",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "展开",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "输入货币/国家/地区",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "选择货币",
|
|
21
23
|
"neptune.FlowNavigation.back": "返回上一步",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/zh-HK.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "已選",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "展開",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "輸入貨幣或國家/地區",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "選擇貨幣",
|
|
21
23
|
"neptune.FlowNavigation.back": "返回上一個步驟",
|
package/build/i18n/zh-HK.json.js
CHANGED
|
@@ -20,6 +20,8 @@ var zhHK = {
|
|
|
20
20
|
"neptune.DateLookup.selected": "已選",
|
|
21
21
|
"neptune.DateLookup.twentyYears": "20年",
|
|
22
22
|
"neptune.DateLookup.year": "年",
|
|
23
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
24
|
+
"neptune.Expander.expandAriaLabel": "展開",
|
|
23
25
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "輸入貨幣或國家/地區",
|
|
24
26
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "選擇貨幣",
|
|
25
27
|
"neptune.FlowNavigation.back": "返回上一個步驟",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-HK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-HK.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -16,6 +16,8 @@ var zhHK = {
|
|
|
16
16
|
"neptune.DateLookup.selected": "已選",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "展開",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "輸入貨幣或國家/地區",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "選擇貨幣",
|
|
21
23
|
"neptune.FlowNavigation.back": "返回上一個步驟",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-HK.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-HK.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/main.css
CHANGED
package/build/styles/main.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "46.137.
|
|
3
|
+
"version": "46.137.1",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -40,20 +40,20 @@
|
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@babel/core": "^7.29.0",
|
|
42
42
|
"@babel/plugin-transform-runtime": "^7.29.0",
|
|
43
|
-
"@babel/preset-env": "^7.29.
|
|
43
|
+
"@babel/preset-env": "^7.29.3",
|
|
44
44
|
"@babel/preset-react": "^7.28.5",
|
|
45
45
|
"@babel/preset-typescript": "^7.28.5",
|
|
46
|
-
"@formatjs/cli": "^6.14.
|
|
47
|
-
"@rollup/plugin-babel": "^
|
|
46
|
+
"@formatjs/cli": "^6.14.4",
|
|
47
|
+
"@rollup/plugin-babel": "^7.0.0",
|
|
48
48
|
"@rollup/plugin-json": "^6.1.0",
|
|
49
49
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
50
50
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
51
51
|
"@rollup/plugin-url": "^8.0.2",
|
|
52
|
-
"@storybook/addon-a11y": "^10.3.
|
|
53
|
-
"@storybook/addon-docs": "^10.3.
|
|
52
|
+
"@storybook/addon-a11y": "^10.3.6",
|
|
53
|
+
"@storybook/addon-docs": "^10.3.6",
|
|
54
54
|
"@storybook/addon-mcp": "^0.6.0",
|
|
55
55
|
"@storybook/addon-webpack5-compiler-babel": "^4.0.1",
|
|
56
|
-
"@storybook/react-webpack5": "^10.3.
|
|
56
|
+
"@storybook/react-webpack5": "^10.3.6",
|
|
57
57
|
"@testing-library/dom": "^10.4.1",
|
|
58
58
|
"@testing-library/jest-dom": "^6.9.1",
|
|
59
59
|
"@testing-library/react": "^16.3.2",
|
|
@@ -69,11 +69,14 @@
|
|
|
69
69
|
"@types/react": "^18.3.28",
|
|
70
70
|
"@types/react-dom": "^18.3.7",
|
|
71
71
|
"@types/react-transition-group": "4.4.12",
|
|
72
|
+
"@monaco-editor/react": "^4.7.0",
|
|
73
|
+
"monaco-editor": "^0.55.1",
|
|
74
|
+
"monaco-editor-webpack-plugin": "^7.1.1",
|
|
72
75
|
"@wise/art": "^2.30.1",
|
|
73
76
|
"@wise/eslint-config": "^13.3.0",
|
|
74
77
|
"babel-plugin-formatjs": "^10.5.41",
|
|
75
78
|
"eslint": "^9.39.4",
|
|
76
|
-
"eslint-plugin-storybook": "^10.3.
|
|
79
|
+
"eslint-plugin-storybook": "^10.3.6",
|
|
77
80
|
"gulp": "^5.0.1",
|
|
78
81
|
"jest": "^30.3.0",
|
|
79
82
|
"jest-environment-jsdom": "^29.7.0",
|
|
@@ -81,20 +84,21 @@
|
|
|
81
84
|
"jsdom-testing-mocks": "^1.16.0",
|
|
82
85
|
"lodash.times": "^4.3.2",
|
|
83
86
|
"react-intl": "^7.1.14",
|
|
87
|
+
"react-live": "^4.1.8",
|
|
84
88
|
"rollup": "^4.60.2",
|
|
85
89
|
"rollup-preserve-directives": "^1.1.3",
|
|
86
|
-
"storybook": "^10.3.
|
|
90
|
+
"storybook": "^10.3.6",
|
|
87
91
|
"storybook-addon-tag-badges": "^3.1.0",
|
|
88
92
|
"storybook-addon-test-codegen": "^3.0.1",
|
|
89
93
|
"@transferwise/less-config": "3.1.2",
|
|
90
94
|
"@transferwise/neptune-css": "14.27.1",
|
|
91
|
-
"@wise/components-theming": "1.10.
|
|
95
|
+
"@wise/components-theming": "1.10.2",
|
|
92
96
|
"@wise/wds-configs": "0.0.0"
|
|
93
97
|
},
|
|
94
98
|
"peerDependencies": {
|
|
95
99
|
"@transferwise/icons": "^3 || ^4",
|
|
96
|
-
"@wise/art": "^2.
|
|
97
|
-
"@wise/components-theming": "^1.
|
|
100
|
+
"@wise/art": "^2.30",
|
|
101
|
+
"@wise/components-theming": "^1.10.1",
|
|
98
102
|
"framer-motion": "^12.23.26",
|
|
99
103
|
"react": ">=18",
|
|
100
104
|
"react-dom": ">=18",
|
|
@@ -117,7 +121,7 @@
|
|
|
117
121
|
"lodash.debounce": "^4.0.8",
|
|
118
122
|
"merge-props": "^6.0.0",
|
|
119
123
|
"react-transition-group": "^4.4.5",
|
|
120
|
-
"virtua": "^0.
|
|
124
|
+
"virtua": "^0.49.1"
|
|
121
125
|
},
|
|
122
126
|
"publishConfig": {
|
|
123
127
|
"access": "public",
|
|
@@ -127,7 +131,7 @@
|
|
|
127
131
|
"dev": "npm-run-all --parallel dev:* dev:*:* storybook:dev",
|
|
128
132
|
"dev:less:watch": "gulp watchLess --dest=src",
|
|
129
133
|
"dev:translations": "pnpm build:crowdin-source-file",
|
|
130
|
-
"storybook:dev": "storybook dev -p
|
|
134
|
+
"storybook:dev": "storybook dev -p 4477",
|
|
131
135
|
"storybook:build": "storybook build --stats-json",
|
|
132
136
|
"build:css": "gulp compileLess --dest=src",
|
|
133
137
|
"build": "npm-run-all build:*",
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
2
|
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
3
3
|
import { action } from 'storybook/actions';
|
|
4
4
|
import { ClockBorderless } from '@transferwise/icons';
|
|
5
|
+
import { createSandboxStory } from '../../.storybook/components/sandbox/SandboxEditor';
|
|
5
6
|
|
|
6
7
|
import { lorem40 } from '../test-utils';
|
|
7
8
|
import { Sentiment, Status } from '../common';
|
|
@@ -48,6 +49,34 @@ type Story = StoryObj<typeof Alert>;
|
|
|
48
49
|
|
|
49
50
|
export const Basic: Story = {};
|
|
50
51
|
|
|
52
|
+
export const Sandbox = createSandboxStory({
|
|
53
|
+
code: `const App = () => {
|
|
54
|
+
const [dismissed, setDismissed] = React.useState(false);
|
|
55
|
+
|
|
56
|
+
if (dismissed) {
|
|
57
|
+
return (
|
|
58
|
+
<Button v2 size="md" onClick={() => setDismissed(false)}>
|
|
59
|
+
Show alert again
|
|
60
|
+
</Button>
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
return (
|
|
65
|
+
<Alert
|
|
66
|
+
action={{
|
|
67
|
+
'aria-label': 'Learn more',
|
|
68
|
+
text: 'Learn more',
|
|
69
|
+
href: '#',
|
|
70
|
+
}}
|
|
71
|
+
message="Payments sent to your bank details **today** might not arrive in time for the holidays."
|
|
72
|
+
onDismiss={() => setDismissed(true)}
|
|
73
|
+
type="positive"
|
|
74
|
+
/>
|
|
75
|
+
);
|
|
76
|
+
};`,
|
|
77
|
+
scope: { Alert, Button, React },
|
|
78
|
+
});
|
|
79
|
+
|
|
51
80
|
export const Variants: Story = {
|
|
52
81
|
render: ({ message }) => {
|
|
53
82
|
const variants = [
|
|
@@ -81,7 +81,7 @@ export const All: Story = {
|
|
|
81
81
|
<div>
|
|
82
82
|
<AvatarWrapper
|
|
83
83
|
badgeStatusIcon={Sentiment.NEGATIVE}
|
|
84
|
-
url="https://wise.com/web-art/assets/flags/
|
|
84
|
+
url="https://wise.com/web-art/assets/flags/hr.svg"
|
|
85
85
|
profileType={ProfileType.BUSINESS}
|
|
86
86
|
avatarProps={avatarProps}
|
|
87
87
|
/>
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-webpack5';
|
|
2
2
|
import { fn } from 'storybook/test';
|
|
3
3
|
import { Freeze, ArrowRight, ChevronRight } from '@transferwise/icons';
|
|
4
|
+
import {
|
|
5
|
+
createSandboxStory,
|
|
6
|
+
globalScope,
|
|
7
|
+
} from '../../../.storybook/components/sandbox/SandboxEditor';
|
|
4
8
|
import { Flag } from '@wise/art';
|
|
5
9
|
import { lorem10, lorem20 } from '../../test-utils';
|
|
6
10
|
import SentimentSurface from '../../sentimentSurface';
|
|
@@ -317,6 +321,13 @@ export const Playground: StoryObj<PreviewStoryArgs> = {
|
|
|
317
321
|
},
|
|
318
322
|
};
|
|
319
323
|
|
|
324
|
+
export const Sandbox = createSandboxStory({
|
|
325
|
+
code: `<Button v2 size="md" onClick={console.log}>
|
|
326
|
+
Click me
|
|
327
|
+
</Button>`,
|
|
328
|
+
scope: globalScope,
|
|
329
|
+
});
|
|
330
|
+
|
|
320
331
|
/**
|
|
321
332
|
* There are two different types of button – default and negative – designed to emphasise the nature of the action. <br />
|
|
322
333
|
* **NB:** Sentiment only applies to `primary` and `secondary` priorities. <br />
|
package/src/i18n/cs.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "vybráno",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 let",
|
|
18
18
|
"neptune.DateLookup.year": "rok",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Sbalit",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Rozbalit",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Napište měnu/zemi",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Vybrat měnu",
|
|
21
23
|
"neptune.FlowNavigation.back": "zpět na předchozí krok",
|
package/src/i18n/de.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "ausgewählt",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 Jahre",
|
|
18
18
|
"neptune.DateLookup.year": "Jahr",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Minimieren",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Maximieren",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Gib eine Währung / ein Land ein",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Wähle eine Währung",
|
|
21
23
|
"neptune.FlowNavigation.back": "zurück zum vorherigen Schritt",
|
package/src/i18n/es.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "seleccionado",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 años",
|
|
18
18
|
"neptune.DateLookup.year": "año",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Ocultar",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Expandir",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Indica una divisa/país",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Seleccionar divisa",
|
|
21
23
|
"neptune.FlowNavigation.back": "volver al paso anterior",
|
package/src/i18n/fr.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "sélectionnée",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 ans",
|
|
18
18
|
"neptune.DateLookup.year": "année",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Réduire",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Développer",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Entrez une devise/un pays",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Sélectionnez une devise",
|
|
21
23
|
"neptune.FlowNavigation.back": "revenir à l'étape précédente",
|
package/src/i18n/hu.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "kiválasztva",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 év",
|
|
18
18
|
"neptune.DateLookup.year": "év",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Rövidebben",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Több",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Írj be egy pénznemet/országot",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Pénznem kiválasztása",
|
|
21
23
|
"neptune.FlowNavigation.back": "vissza az előző lépéshez",
|
package/src/i18n/id.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "terpilih",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 tahun",
|
|
18
18
|
"neptune.DateLookup.year": "tahun",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Persempit",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Perluas",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Ketik mata uang/negara",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Pilih mata uang",
|
|
21
23
|
"neptune.FlowNavigation.back": "kembali ke langkah sebelumnya",
|
package/src/i18n/it.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "selezionata",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 anni",
|
|
18
18
|
"neptune.DateLookup.year": "anno",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Riduci",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Espandi",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Digita una valuta / paese",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Scegli la valuta",
|
|
21
23
|
"neptune.FlowNavigation.back": "torna al passaggio precedente",
|
package/src/i18n/ja.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "選択済み",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "閉じる",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "開く",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "通貨または国をご入力ください",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "通貨の選択",
|
|
21
23
|
"neptune.FlowNavigation.back": "前のステップに戻る",
|
package/src/i18n/nl.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "geselecteerd",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 jaar",
|
|
18
18
|
"neptune.DateLookup.year": "jaar",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Samenvouwen",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Uitvouwen",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Voer een valuta / land in",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Selecteer valuta",
|
|
21
23
|
"neptune.FlowNavigation.back": "terug naar vorige stap",
|
package/src/i18n/pl.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "wybrano",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 lat",
|
|
18
18
|
"neptune.DateLookup.year": "rok",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Schowaj",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Rozwiń",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Wpisz walutę / kraj",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Wybierz walutę",
|
|
21
23
|
"neptune.FlowNavigation.back": "wróć do poprzedniego kroku",
|
package/src/i18n/pt.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "selecionada",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 anos",
|
|
18
18
|
"neptune.DateLookup.year": "ano",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Ver menos",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Ver mais",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Digite uma moeda / país",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Selecione a moeda",
|
|
21
23
|
"neptune.FlowNavigation.back": "voltar à etapa anterior",
|
package/src/i18n/ro.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "selectată",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 de ani",
|
|
18
18
|
"neptune.DateLookup.year": "an",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Restrânge",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Extinde",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Tastează o monedă / țară",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Selectează moneda",
|
|
21
23
|
"neptune.FlowNavigation.back": "înapoi la pasul anterior",
|
package/src/i18n/ru.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "выбрано",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 лет",
|
|
18
18
|
"neptune.DateLookup.year": "год",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Свернуть",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Развернуть",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Введите валюту/страну",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Выберите валюту",
|
|
21
23
|
"neptune.FlowNavigation.back": "вернуться к предыдущему шагу",
|
package/src/i18n/th.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "เลือกแล้ว",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 ปี",
|
|
18
18
|
"neptune.DateLookup.year": "ปี",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "ย่อ",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "ขยาย",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "ป้อนสกุลเงิน / ประเทศ",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "เลือกสกุลเงิน",
|
|
21
23
|
"neptune.FlowNavigation.back": "กลับไปที่ขั้นก่อนหน้า",
|
package/src/i18n/tr.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "seçili",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 yıl",
|
|
18
18
|
"neptune.DateLookup.year": "yıl",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "Küçült",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "Genişlet",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "Bir para birimi / ülke girin",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "Para birimi seçin",
|
|
21
23
|
"neptune.FlowNavigation.back": "önceki adıma dön",
|
package/src/i18n/zh-CN.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "已选",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20 年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "展开",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "输入货币/国家/地区",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "选择货币",
|
|
21
23
|
"neptune.FlowNavigation.back": "返回上一步",
|
package/src/i18n/zh-HK.json
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
"neptune.DateLookup.selected": "已選",
|
|
17
17
|
"neptune.DateLookup.twentyYears": "20年",
|
|
18
18
|
"neptune.DateLookup.year": "年",
|
|
19
|
+
"neptune.Expander.collapseAriaLabel": "收起",
|
|
20
|
+
"neptune.Expander.expandAriaLabel": "展開",
|
|
19
21
|
"neptune.ExpressiveMoneyInput.currency.search.placeholder": "輸入貨幣或國家/地區",
|
|
20
22
|
"neptune.ExpressiveMoneyInput.currency.select.currency": "選擇貨幣",
|
|
21
23
|
"neptune.FlowNavigation.back": "返回上一個步驟",
|
package/src/main.css
CHANGED
|
@@ -108,14 +108,8 @@ export const WithListItems = () => {
|
|
|
108
108
|
return (
|
|
109
109
|
<Section>
|
|
110
110
|
<Header title="Section with list items" />
|
|
111
|
-
<ListItem
|
|
112
|
-
|
|
113
|
-
control={<ListItem.Navigation onClick={() => action('Item 1')} />}
|
|
114
|
-
/>
|
|
115
|
-
<ListItem
|
|
116
|
-
title="Item 2"
|
|
117
|
-
control={<ListItem.Navigation onClick={() => action('Item 2')} />}
|
|
118
|
-
/>
|
|
111
|
+
<ListItem title="Item 1" control={<ListItem.Navigation onClick={() => action('Item 1')} />} />
|
|
112
|
+
<ListItem title="Item 2" control={<ListItem.Navigation onClick={() => action('Item 2')} />} />
|
|
119
113
|
</Section>
|
|
120
114
|
);
|
|
121
115
|
};
|
|
@@ -42,7 +42,6 @@ describe('StatusIcon', () => {
|
|
|
42
42
|
},
|
|
43
43
|
);
|
|
44
44
|
|
|
45
|
-
|
|
46
45
|
it.each([
|
|
47
46
|
[Sentiment.WARNING, 'alert-icon'],
|
|
48
47
|
[Sentiment.PENDING, 'clock-borderless-icon'],
|
|
@@ -61,7 +60,6 @@ describe('StatusIcon', () => {
|
|
|
61
60
|
},
|
|
62
61
|
);
|
|
63
62
|
|
|
64
|
-
|
|
65
63
|
describe('accessible name', () => {
|
|
66
64
|
it.each([
|
|
67
65
|
['Error', Sentiment.NEGATIVE],
|