@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.
Files changed (115) hide show
  1. package/build/i18n/cs.json +2 -0
  2. package/build/i18n/cs.json.js +2 -0
  3. package/build/i18n/cs.json.js.map +1 -1
  4. package/build/i18n/cs.json.mjs +2 -0
  5. package/build/i18n/cs.json.mjs.map +1 -1
  6. package/build/i18n/de.json +2 -0
  7. package/build/i18n/de.json.js +2 -0
  8. package/build/i18n/de.json.js.map +1 -1
  9. package/build/i18n/de.json.mjs +2 -0
  10. package/build/i18n/de.json.mjs.map +1 -1
  11. package/build/i18n/es.json +2 -0
  12. package/build/i18n/es.json.js +2 -0
  13. package/build/i18n/es.json.js.map +1 -1
  14. package/build/i18n/es.json.mjs +2 -0
  15. package/build/i18n/es.json.mjs.map +1 -1
  16. package/build/i18n/fr.json +2 -0
  17. package/build/i18n/fr.json.js +2 -0
  18. package/build/i18n/fr.json.js.map +1 -1
  19. package/build/i18n/fr.json.mjs +2 -0
  20. package/build/i18n/fr.json.mjs.map +1 -1
  21. package/build/i18n/hu.json +2 -0
  22. package/build/i18n/hu.json.js +2 -0
  23. package/build/i18n/hu.json.js.map +1 -1
  24. package/build/i18n/hu.json.mjs +2 -0
  25. package/build/i18n/hu.json.mjs.map +1 -1
  26. package/build/i18n/id.json +2 -0
  27. package/build/i18n/id.json.js +2 -0
  28. package/build/i18n/id.json.js.map +1 -1
  29. package/build/i18n/id.json.mjs +2 -0
  30. package/build/i18n/id.json.mjs.map +1 -1
  31. package/build/i18n/it.json +2 -0
  32. package/build/i18n/it.json.js +2 -0
  33. package/build/i18n/it.json.js.map +1 -1
  34. package/build/i18n/it.json.mjs +2 -0
  35. package/build/i18n/it.json.mjs.map +1 -1
  36. package/build/i18n/ja.json +2 -0
  37. package/build/i18n/ja.json.js +2 -0
  38. package/build/i18n/ja.json.js.map +1 -1
  39. package/build/i18n/ja.json.mjs +2 -0
  40. package/build/i18n/ja.json.mjs.map +1 -1
  41. package/build/i18n/nl.json +2 -0
  42. package/build/i18n/nl.json.js +2 -0
  43. package/build/i18n/nl.json.js.map +1 -1
  44. package/build/i18n/nl.json.mjs +2 -0
  45. package/build/i18n/nl.json.mjs.map +1 -1
  46. package/build/i18n/pl.json +2 -0
  47. package/build/i18n/pl.json.js +2 -0
  48. package/build/i18n/pl.json.js.map +1 -1
  49. package/build/i18n/pl.json.mjs +2 -0
  50. package/build/i18n/pl.json.mjs.map +1 -1
  51. package/build/i18n/pt.json +2 -0
  52. package/build/i18n/pt.json.js +2 -0
  53. package/build/i18n/pt.json.js.map +1 -1
  54. package/build/i18n/pt.json.mjs +2 -0
  55. package/build/i18n/pt.json.mjs.map +1 -1
  56. package/build/i18n/ro.json +2 -0
  57. package/build/i18n/ro.json.js +2 -0
  58. package/build/i18n/ro.json.js.map +1 -1
  59. package/build/i18n/ro.json.mjs +2 -0
  60. package/build/i18n/ro.json.mjs.map +1 -1
  61. package/build/i18n/ru.json +2 -0
  62. package/build/i18n/ru.json.js +2 -0
  63. package/build/i18n/ru.json.js.map +1 -1
  64. package/build/i18n/ru.json.mjs +2 -0
  65. package/build/i18n/ru.json.mjs.map +1 -1
  66. package/build/i18n/th.json +2 -0
  67. package/build/i18n/th.json.js +2 -0
  68. package/build/i18n/th.json.js.map +1 -1
  69. package/build/i18n/th.json.mjs +2 -0
  70. package/build/i18n/th.json.mjs.map +1 -1
  71. package/build/i18n/tr.json +2 -0
  72. package/build/i18n/tr.json.js +2 -0
  73. package/build/i18n/tr.json.js.map +1 -1
  74. package/build/i18n/tr.json.mjs +2 -0
  75. package/build/i18n/tr.json.mjs.map +1 -1
  76. package/build/i18n/zh-CN.json +2 -0
  77. package/build/i18n/zh-CN.json.js +2 -0
  78. package/build/i18n/zh-CN.json.js.map +1 -1
  79. package/build/i18n/zh-CN.json.mjs +2 -0
  80. package/build/i18n/zh-CN.json.mjs.map +1 -1
  81. package/build/i18n/zh-HK.json +2 -0
  82. package/build/i18n/zh-HK.json.js +2 -0
  83. package/build/i18n/zh-HK.json.js.map +1 -1
  84. package/build/i18n/zh-HK.json.mjs +2 -0
  85. package/build/i18n/zh-HK.json.mjs.map +1 -1
  86. package/build/main.css +0 -1
  87. package/build/styles/css/neptune.css +0 -1
  88. package/build/styles/main.css +0 -1
  89. package/build/styles/styles/less/neptune.css +0 -1
  90. package/package.json +18 -14
  91. package/src/alert/Alert.story.tsx +30 -1
  92. package/src/avatarWrapper/AvatarWrapper.story.tsx +1 -1
  93. package/src/button/_stories/Button.story.tsx +11 -0
  94. package/src/i18n/cs.json +2 -0
  95. package/src/i18n/de.json +2 -0
  96. package/src/i18n/es.json +2 -0
  97. package/src/i18n/fr.json +2 -0
  98. package/src/i18n/hu.json +2 -0
  99. package/src/i18n/id.json +2 -0
  100. package/src/i18n/it.json +2 -0
  101. package/src/i18n/ja.json +2 -0
  102. package/src/i18n/nl.json +2 -0
  103. package/src/i18n/pl.json +2 -0
  104. package/src/i18n/pt.json +2 -0
  105. package/src/i18n/ro.json +2 -0
  106. package/src/i18n/ru.json +2 -0
  107. package/src/i18n/th.json +2 -0
  108. package/src/i18n/tr.json +2 -0
  109. package/src/i18n/zh-CN.json +2 -0
  110. package/src/i18n/zh-HK.json +2 -0
  111. package/src/main.css +0 -1
  112. package/src/radio/Radio.story.tsx +1 -1
  113. package/src/section/Section.story.tsx +2 -8
  114. package/src/statusIcon/StatusIcon.test.tsx +0 -2
  115. package/src/styles/less/neptune.css +0 -1
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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": "返回上一步",
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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": "返回上一個步驟",
@@ -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
@@ -4456,7 +4456,6 @@ kbd kbd {
4456
4456
 
4457
4457
  .text-underline {
4458
4458
  text-decoration: underline;
4459
- -webkit-text-decoration: underline !important;
4460
4459
  text-decoration: underline !important;
4461
4460
  text-underline-offset: 0.3em;
4462
4461
  }
@@ -4456,7 +4456,6 @@ kbd kbd {
4456
4456
 
4457
4457
  .text-underline {
4458
4458
  text-decoration: underline;
4459
- -webkit-text-decoration: underline !important;
4460
4459
  text-decoration: underline !important;
4461
4460
  text-underline-offset: 0.3em;
4462
4461
  }
@@ -4456,7 +4456,6 @@ kbd kbd {
4456
4456
 
4457
4457
  .text-underline {
4458
4458
  text-decoration: underline;
4459
- -webkit-text-decoration: underline !important;
4460
4459
  text-decoration: underline !important;
4461
4460
  text-underline-offset: 0.3em;
4462
4461
  }
@@ -4456,7 +4456,6 @@ kbd kbd {
4456
4456
 
4457
4457
  .text-underline {
4458
4458
  text-decoration: underline;
4459
- -webkit-text-decoration: underline !important;
4460
4459
  text-decoration: underline !important;
4461
4460
  text-underline-offset: 0.3em;
4462
4461
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "46.137.0",
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.2",
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.3",
47
- "@rollup/plugin-babel": "^6.1.0",
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.5",
53
- "@storybook/addon-docs": "^10.3.5",
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.5",
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.5",
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.5",
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.1",
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.26",
97
- "@wise/components-theming": "^1.9.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.48.8"
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 3001",
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/hrk.svg"
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",
@@ -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": "返回上一步",
@@ -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
@@ -4456,7 +4456,6 @@ kbd kbd {
4456
4456
 
4457
4457
  .text-underline {
4458
4458
  text-decoration: underline;
4459
- -webkit-text-decoration: underline !important;
4460
4459
  text-decoration: underline !important;
4461
4460
  text-underline-offset: 0.3em;
4462
4461
  }
@@ -52,7 +52,7 @@ export const Variants: StoryObj<RadioProps> = {
52
52
  id="radioGroup2"
53
53
  avatar={
54
54
  <AvatarView>
55
- <Flag code="IMP" />
55
+ <Flag code="IM" />
56
56
  </AvatarView>
57
57
  }
58
58
  value="option2"
@@ -108,14 +108,8 @@ export const WithListItems = () => {
108
108
  return (
109
109
  <Section>
110
110
  <Header title="Section with list items" />
111
- <ListItem
112
- title="Item 1"
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],
@@ -4456,7 +4456,6 @@ kbd kbd {
4456
4456
 
4457
4457
  .text-underline {
4458
4458
  text-decoration: underline;
4459
- -webkit-text-decoration: underline !important;
4460
4459
  text-decoration: underline !important;
4461
4460
  text-underline-offset: 0.3em;
4462
4461
  }