@transferwise/components 46.87.2 → 46.88.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.
Files changed (119) hide show
  1. package/build/avatarLayout/AvatarLayout.js +9 -2
  2. package/build/avatarLayout/AvatarLayout.js.map +1 -1
  3. package/build/avatarLayout/AvatarLayout.mjs +9 -2
  4. package/build/avatarLayout/AvatarLayout.mjs.map +1 -1
  5. package/build/button/Button.js +92 -79
  6. package/build/button/Button.js.map +1 -1
  7. package/build/button/Button.mjs +93 -80
  8. package/build/button/Button.mjs.map +1 -1
  9. package/build/button/Button.resolver.js +74 -0
  10. package/build/button/Button.resolver.js.map +1 -0
  11. package/build/button/Button.resolver.mjs +72 -0
  12. package/build/button/Button.resolver.mjs.map +1 -0
  13. package/build/button/LegacyButton.js +114 -0
  14. package/build/button/LegacyButton.js.map +1 -0
  15. package/build/button/LegacyButton.mjs +112 -0
  16. package/build/button/LegacyButton.mjs.map +1 -0
  17. package/build/circularButton/CircularButton.js.map +1 -1
  18. package/build/circularButton/CircularButton.mjs.map +1 -1
  19. package/build/criticalBanner/CriticalCommsBanner.js +2 -2
  20. package/build/criticalBanner/CriticalCommsBanner.js.map +1 -1
  21. package/build/criticalBanner/CriticalCommsBanner.mjs +1 -1
  22. package/build/header/Header.js +2 -2
  23. package/build/header/Header.js.map +1 -1
  24. package/build/header/Header.mjs +1 -1
  25. package/build/index.js +2 -2
  26. package/build/index.mjs +1 -1
  27. package/build/link/Link.js +8 -3
  28. package/build/link/Link.js.map +1 -1
  29. package/build/link/Link.mjs +8 -3
  30. package/build/link/Link.mjs.map +1 -1
  31. package/build/main.css +247 -0
  32. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js +2 -4
  33. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.js.map +1 -1
  34. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs +2 -4
  35. package/build/primitives/PrimitiveAnchor/src/PrimitiveAnchor.mjs.map +1 -1
  36. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js +3 -5
  37. package/build/primitives/PrimitiveButton/src/PrimitiveButton.js.map +1 -1
  38. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs +3 -5
  39. package/build/primitives/PrimitiveButton/src/PrimitiveButton.mjs.map +1 -1
  40. package/build/select/Select.js +2 -2
  41. package/build/select/Select.js.map +1 -1
  42. package/build/select/Select.mjs +1 -1
  43. package/build/styles/avatarLayout/AvatarLayout.css +11 -0
  44. package/build/styles/button/Button.css +228 -15
  45. package/build/styles/button/Button.vars.css +46 -0
  46. package/build/styles/button/LegacyButton.css +23 -0
  47. package/build/styles/main.css +247 -0
  48. package/build/types/avatarLayout/AvatarLayout.d.ts.map +1 -1
  49. package/build/types/button/Button.d.ts +2 -23
  50. package/build/types/button/Button.d.ts.map +1 -1
  51. package/build/types/button/Button.resolver.d.ts +35 -0
  52. package/build/types/button/Button.resolver.d.ts.map +1 -0
  53. package/build/types/button/Button.types.d.ts +70 -0
  54. package/build/types/button/Button.types.d.ts.map +1 -0
  55. package/build/types/button/LegacyButton.d.ts +44 -0
  56. package/build/types/button/LegacyButton.d.ts.map +1 -0
  57. package/build/types/button/index.d.ts +2 -2
  58. package/build/types/button/index.d.ts.map +1 -1
  59. package/build/types/circularButton/CircularButton.d.ts.map +1 -1
  60. package/build/types/link/Link.d.ts +2 -2
  61. package/build/types/link/Link.d.ts.map +1 -1
  62. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.d.ts.map +1 -1
  63. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts +6 -2
  64. package/build/types/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.d.ts.map +1 -1
  65. package/build/types/primitives/PrimitiveButton/src/PrimitiveButton.d.ts.map +1 -1
  66. package/build/types/test-utils/story-config.d.ts +1 -1
  67. package/build/types/test-utils/story-config.d.ts.map +1 -1
  68. package/build/upload/steps/completeStep/completeStep.js +2 -2
  69. package/build/upload/steps/completeStep/completeStep.js.map +1 -1
  70. package/build/upload/steps/completeStep/completeStep.mjs +1 -1
  71. package/build/upload/steps/processingStep/processingStep.js +2 -2
  72. package/build/upload/steps/processingStep/processingStep.js.map +1 -1
  73. package/build/upload/steps/processingStep/processingStep.mjs +1 -1
  74. package/build/uploadInput/UploadInput.js +3 -3
  75. package/build/uploadInput/UploadInput.js.map +1 -1
  76. package/build/uploadInput/UploadInput.mjs +1 -1
  77. package/package.json +3 -3
  78. package/src/alert/Alert.tests.story.tsx +1 -1
  79. package/src/avatar/Avatar.story.tsx +1 -1
  80. package/src/avatarLayout/AvatarLayout.css +11 -0
  81. package/src/avatarLayout/AvatarLayout.less +18 -1
  82. package/src/avatarLayout/AvatarLayout.tsx +10 -2
  83. package/src/avatarWrapper/AvatarWrapper.story.tsx +1 -1
  84. package/src/badge/Badge.story.tsx +1 -1
  85. package/src/button/Button.accessibility.docs.mdx +103 -0
  86. package/src/button/Button.css +228 -15
  87. package/src/button/Button.less +242 -14
  88. package/src/button/Button.resolver.tsx +73 -0
  89. package/src/button/Button.spec.tsx +329 -213
  90. package/src/button/Button.story.tsx +782 -134
  91. package/src/button/Button.tests.story.tsx +27 -0
  92. package/src/button/Button.tsx +103 -132
  93. package/src/button/Button.types.ts +92 -0
  94. package/src/button/Button.vars.css +46 -0
  95. package/src/button/Button.vars.less +59 -0
  96. package/src/button/LegacyButton.css +23 -0
  97. package/src/button/LegacyButton.less +24 -0
  98. package/src/button/LegacyButton.spec.tsx +147 -0
  99. package/src/button/LegacyButton.story.tsx +228 -0
  100. package/src/button/LegacyButton.tsx +177 -0
  101. package/src/button/index.ts +2 -3
  102. package/src/card/Card.story.tsx +6 -1
  103. package/src/circularButton/CircularButton.tsx +1 -0
  104. package/src/field/Field.story.tsx +1 -1
  105. package/src/flowNavigation/__snapshots__/FlowNavigation.spec.js.snap +1 -2
  106. package/src/inputs/SelectInput.story.tsx +1 -1
  107. package/src/label/Label.story.tsx +1 -1
  108. package/src/link/Link.tsx +15 -6
  109. package/src/main.css +247 -0
  110. package/src/main.less +1 -0
  111. package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.tsx +2 -8
  112. package/src/primitives/PrimitiveAnchor/src/PrimitiveAnchor.types.ts +7 -2
  113. package/src/primitives/PrimitiveAnchor/test/PrimitiveAnchor.spec.tsx +1 -3
  114. package/src/primitives/PrimitiveButton/src/PrimitiveButton.tsx +4 -12
  115. package/src/primitives/PrimitiveButton/test/PrimitiveButton.spec.tsx +16 -13
  116. package/src/select/Select.story.tsx +4 -1
  117. package/src/test-utils/Parameters.d.ts +9 -1
  118. package/src/test-utils/story-config.ts +10 -1
  119. package/src/button/__snapshots__/Button.spec.tsx.snap +0 -309
package/src/button/__snapshots__/Button.spec.tsx.snap DELETED
@@ -1,309 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Button by default renders a medium button of type accent and priority primary 1`] = `
4
- <div>
5
- <button
6
- aria-busy="false"
7
- aria-disabled="false"
8
- aria-live="off"
9
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
10
- type="button"
11
- >
12
- Send money
13
- </button>
14
- </div>
15
- `;
16
-
17
- exports[`Button by default renders an anchor tag with button styles of type accent and priority primary 1`] = `
18
- <div>
19
- <a
20
- aria-busy="false"
21
- aria-disabled="false"
22
- aria-live="off"
23
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
24
- href="#"
25
- >
26
- Send money
27
- </a>
28
- </div>
29
- `;
30
-
31
- exports[`Button deprecated types renders danger as negative buttons with priority secondary and logs a warning 1`] = `
32
- <div>
33
- <button
34
- aria-busy="false"
35
- aria-disabled="false"
36
- aria-live="off"
37
- class="btn btn-md np-btn np-btn-md btn-negative btn-priority-2"
38
- type="button"
39
- >
40
- Send money
41
- </button>
42
- </div>
43
- `;
44
-
45
- exports[`Button deprecated types renders link as accent buttons with priority tertiary and logs a warning 1`] = `
46
- <div>
47
- <button
48
- aria-busy="false"
49
- aria-disabled="false"
50
- aria-live="off"
51
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-3"
52
- type="button"
53
- >
54
- Send money
55
- </button>
56
- </div>
57
- `;
58
-
59
- exports[`Button deprecated types renders pay as positive buttons and logs a warning 1`] = `
60
- <div>
61
- <button
62
- aria-busy="false"
63
- aria-disabled="false"
64
- aria-live="off"
65
- class="btn btn-md np-btn np-btn-md btn-positive btn-priority-1"
66
- type="button"
67
- >
68
- Send money
69
- </button>
70
- </div>
71
- `;
72
-
73
- exports[`Button deprecated types renders primary as accent buttons and logs a warning 1`] = `
74
- <div>
75
- <button
76
- aria-busy="false"
77
- aria-disabled="false"
78
- aria-live="off"
79
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
80
- type="button"
81
- >
82
- Send money
83
- </button>
84
- </div>
85
- `;
86
-
87
- exports[`Button other states renders as block if block is true 1`] = `
88
- <div>
89
- <button
90
- aria-busy="false"
91
- aria-disabled="false"
92
- aria-live="off"
93
- class="btn btn-md np-btn np-btn-md btn-block np-btn-block btn-accent btn-priority-1"
94
- type="button"
95
- >
96
- Send money
97
- </button>
98
- </div>
99
- `;
100
-
101
- exports[`Button priorities defaults tertiary buttons to secondary for positive buttons 1`] = `
102
- <div>
103
- <button
104
- aria-busy="false"
105
- aria-disabled="false"
106
- aria-live="off"
107
- class="btn btn-md np-btn np-btn-md btn-positive btn-priority-2"
108
- type="button"
109
- >
110
- Send money
111
- </button>
112
- </div>
113
- `;
114
-
115
- exports[`Button priorities defaults tertiary buttons to secondary for positive buttons 2`] = `
116
- <div>
117
- <button
118
- aria-busy="false"
119
- aria-disabled="false"
120
- aria-live="off"
121
- class="btn btn-md np-btn np-btn-md btn-negative btn-priority-2"
122
- type="button"
123
- >
124
- Send money
125
- </button>
126
- </div>
127
- `;
128
-
129
- exports[`Button priorities renders primary buttons 1`] = `
130
- <div>
131
- <button
132
- aria-busy="false"
133
- aria-disabled="false"
134
- aria-live="off"
135
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
136
- type="button"
137
- >
138
- Send money
139
- </button>
140
- </div>
141
- `;
142
-
143
- exports[`Button priorities renders primary buttons 2`] = `
144
- <div>
145
- <button
146
- aria-busy="false"
147
- aria-disabled="false"
148
- aria-live="off"
149
- class="btn btn-md np-btn np-btn-md btn-positive btn-priority-1"
150
- type="button"
151
- >
152
- Send money
153
- </button>
154
- </div>
155
- `;
156
-
157
- exports[`Button priorities renders primary buttons 3`] = `
158
- <div>
159
- <button
160
- aria-busy="false"
161
- aria-disabled="false"
162
- aria-live="off"
163
- class="btn btn-md np-btn np-btn-md btn-negative btn-priority-1"
164
- type="button"
165
- >
166
- Send money
167
- </button>
168
- </div>
169
- `;
170
-
171
- exports[`Button priorities renders secondary buttons 1`] = `
172
- <div>
173
- <button
174
- aria-busy="false"
175
- aria-disabled="false"
176
- aria-live="off"
177
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-2"
178
- type="button"
179
- >
180
- Send money
181
- </button>
182
- </div>
183
- `;
184
-
185
- exports[`Button priorities renders secondary buttons 2`] = `
186
- <div>
187
- <button
188
- aria-busy="false"
189
- aria-disabled="false"
190
- aria-live="off"
191
- class="btn btn-md np-btn np-btn-md btn-positive btn-priority-2"
192
- type="button"
193
- >
194
- Send money
195
- </button>
196
- </div>
197
- `;
198
-
199
- exports[`Button priorities renders secondary buttons 3`] = `
200
- <div>
201
- <button
202
- aria-busy="false"
203
- aria-disabled="false"
204
- aria-live="off"
205
- class="btn btn-md np-btn np-btn-md btn-negative btn-priority-2"
206
- type="button"
207
- >
208
- Send money
209
- </button>
210
- </div>
211
- `;
212
-
213
- exports[`Button priorities renders tertiary buttons 1`] = `
214
- <div>
215
- <button
216
- aria-busy="false"
217
- aria-disabled="false"
218
- aria-live="off"
219
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-3"
220
- type="button"
221
- >
222
- Send money
223
- </button>
224
- </div>
225
- `;
226
-
227
- exports[`Button sizes renders large buttons 1`] = `
228
- <div>
229
- <button
230
- aria-busy="false"
231
- aria-disabled="false"
232
- aria-live="off"
233
- class="btn btn-lg np-btn np-btn-lg btn-accent btn-priority-1"
234
- type="button"
235
- >
236
- Send money
237
- </button>
238
- </div>
239
- `;
240
-
241
- exports[`Button sizes renders medium buttons 1`] = `
242
- <div>
243
- <button
244
- aria-busy="false"
245
- aria-disabled="false"
246
- aria-live="off"
247
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
248
- type="button"
249
- >
250
- Send money
251
- </button>
252
- </div>
253
- `;
254
-
255
- exports[`Button sizes renders small buttons 1`] = `
256
- <div>
257
- <button
258
- aria-busy="false"
259
- aria-disabled="false"
260
- aria-live="off"
261
- class="btn btn-sm np-btn np-btn-sm btn-accent btn-priority-1"
262
- type="button"
263
- >
264
- Send money
265
- </button>
266
- </div>
267
- `;
268
-
269
- exports[`Button types renders accent buttons 1`] = `
270
- <div>
271
- <button
272
- aria-busy="false"
273
- aria-disabled="false"
274
- aria-live="off"
275
- class="btn btn-md np-btn np-btn-md btn-accent btn-priority-1"
276
- type="button"
277
- >
278
- Send money
279
- </button>
280
- </div>
281
- `;
282
-
283
- exports[`Button types renders negative buttons 1`] = `
284
- <div>
285
- <button
286
- aria-busy="false"
287
- aria-disabled="false"
288
- aria-live="off"
289
- class="btn btn-md np-btn np-btn-md btn-negative btn-priority-1"
290
- type="button"
291
- >
292
- Send money
293
- </button>
294
- </div>
295
- `;
296
-
297
- exports[`Button types renders positive buttons 1`] = `
298
- <div>
299
- <button
300
- aria-busy="false"
301
- aria-disabled="false"
302
- aria-live="off"
303
- class="btn btn-md np-btn np-btn-md btn-positive btn-priority-1"
304
- type="button"
305
- >
306
- Send money
307
- </button>
308
- </div>
309
- `;