@transferwise/components 46.159.0 → 46.159.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 (179) hide show
  1. package/build/i18n/cs.json +5 -0
  2. package/build/i18n/cs.json.js +5 -0
  3. package/build/i18n/cs.json.js.map +1 -1
  4. package/build/i18n/cs.json.mjs +5 -0
  5. package/build/i18n/cs.json.mjs.map +1 -1
  6. package/build/i18n/de.json +5 -0
  7. package/build/i18n/de.json.js +5 -0
  8. package/build/i18n/de.json.js.map +1 -1
  9. package/build/i18n/de.json.mjs +5 -0
  10. package/build/i18n/de.json.mjs.map +1 -1
  11. package/build/i18n/es.json +5 -0
  12. package/build/i18n/es.json.js +5 -0
  13. package/build/i18n/es.json.js.map +1 -1
  14. package/build/i18n/es.json.mjs +5 -0
  15. package/build/i18n/es.json.mjs.map +1 -1
  16. package/build/i18n/fr.json +5 -0
  17. package/build/i18n/fr.json.js +5 -0
  18. package/build/i18n/fr.json.js.map +1 -1
  19. package/build/i18n/fr.json.mjs +5 -0
  20. package/build/i18n/fr.json.mjs.map +1 -1
  21. package/build/i18n/hu.json +5 -0
  22. package/build/i18n/hu.json.js +5 -0
  23. package/build/i18n/hu.json.js.map +1 -1
  24. package/build/i18n/hu.json.mjs +5 -0
  25. package/build/i18n/hu.json.mjs.map +1 -1
  26. package/build/i18n/id.json +5 -0
  27. package/build/i18n/id.json.js +5 -0
  28. package/build/i18n/id.json.js.map +1 -1
  29. package/build/i18n/id.json.mjs +5 -0
  30. package/build/i18n/id.json.mjs.map +1 -1
  31. package/build/i18n/it.json +5 -0
  32. package/build/i18n/it.json.js +5 -0
  33. package/build/i18n/it.json.js.map +1 -1
  34. package/build/i18n/it.json.mjs +5 -0
  35. package/build/i18n/it.json.mjs.map +1 -1
  36. package/build/i18n/ja.json +5 -0
  37. package/build/i18n/ja.json.js +5 -0
  38. package/build/i18n/ja.json.js.map +1 -1
  39. package/build/i18n/ja.json.mjs +5 -0
  40. package/build/i18n/ja.json.mjs.map +1 -1
  41. package/build/i18n/nl.json +5 -0
  42. package/build/i18n/nl.json.js +5 -0
  43. package/build/i18n/nl.json.js.map +1 -1
  44. package/build/i18n/nl.json.mjs +5 -0
  45. package/build/i18n/nl.json.mjs.map +1 -1
  46. package/build/i18n/pl.json +5 -0
  47. package/build/i18n/pl.json.js +5 -0
  48. package/build/i18n/pl.json.js.map +1 -1
  49. package/build/i18n/pl.json.mjs +5 -0
  50. package/build/i18n/pl.json.mjs.map +1 -1
  51. package/build/i18n/pt.json +5 -0
  52. package/build/i18n/pt.json.js +5 -0
  53. package/build/i18n/pt.json.js.map +1 -1
  54. package/build/i18n/pt.json.mjs +5 -0
  55. package/build/i18n/pt.json.mjs.map +1 -1
  56. package/build/i18n/ro.json +5 -0
  57. package/build/i18n/ro.json.js +5 -0
  58. package/build/i18n/ro.json.js.map +1 -1
  59. package/build/i18n/ro.json.mjs +5 -0
  60. package/build/i18n/ro.json.mjs.map +1 -1
  61. package/build/i18n/ru.json +5 -0
  62. package/build/i18n/ru.json.js +5 -0
  63. package/build/i18n/ru.json.js.map +1 -1
  64. package/build/i18n/ru.json.mjs +5 -0
  65. package/build/i18n/ru.json.mjs.map +1 -1
  66. package/build/i18n/th.json +5 -0
  67. package/build/i18n/th.json.js +5 -0
  68. package/build/i18n/th.json.js.map +1 -1
  69. package/build/i18n/th.json.mjs +5 -0
  70. package/build/i18n/th.json.mjs.map +1 -1
  71. package/build/i18n/uk.json +5 -0
  72. package/build/i18n/uk.json.js +5 -0
  73. package/build/i18n/uk.json.js.map +1 -1
  74. package/build/i18n/uk.json.mjs +5 -0
  75. package/build/i18n/uk.json.mjs.map +1 -1
  76. package/build/i18n/zh-HK.json +5 -0
  77. package/build/i18n/zh-HK.json.js +5 -0
  78. package/build/i18n/zh-HK.json.js.map +1 -1
  79. package/build/i18n/zh-HK.json.mjs +5 -0
  80. package/build/i18n/zh-HK.json.mjs.map +1 -1
  81. package/build/main.css +4 -4104
  82. package/build/styles/ListItem/ListItem.css +1 -0
  83. package/build/styles/PocketSurface/PocketSurface.css +2 -11
  84. package/build/styles/SentimentSurface/SentimentSurface.css +0 -23
  85. package/build/styles/css/neptune.css +0 -2821
  86. package/build/styles/main.css +4 -4104
  87. package/build/styles/styles/less/neptune.css +0 -2821
  88. package/build/types/ListItem/_stories/variants/helpers.d.ts.map +1 -1
  89. package/package.json +10 -10
  90. package/src/Accordion/_stories/Accordion.test.story.tsx +71 -0
  91. package/src/AvatarLayout/_stories/AvatarLayout.test.story.tsx +64 -0
  92. package/src/AvatarView/_stories/AvatarView.test.story.tsx +151 -0
  93. package/src/Button/LegacyButton/_stories/LegacyButton.test.story.tsx +22 -0
  94. package/src/Button/_stories/Button.test.story.tsx +65 -0
  95. package/src/Calendar/_stories/Calendar.test.story.tsx +73 -24
  96. package/src/Carousel/_stories/Carousel.test.story.tsx +59 -0
  97. package/src/Checkbox/_stories/Checkbox.test.story.tsx +20 -0
  98. package/src/CheckboxButton/_stories/CheckboxButton.test.story.tsx +17 -37
  99. package/src/Chevron/_stories/Chevron.test.story.tsx +26 -0
  100. package/src/Chips/_stories/Chips.test.story.tsx +39 -34
  101. package/src/CircularButton/_stories/CircularButton.test.story.tsx +0 -68
  102. package/src/DateInput/_stories/DateInput.test.story.tsx +13 -0
  103. package/src/DateLookup/_stories/DateLookup.rtl.test.story.tsx +88 -0
  104. package/src/Decision/_stories/Decision.test.story.tsx +79 -0
  105. package/src/DefinitionList/_stories/DefinitionList.test.story.tsx +54 -1
  106. package/src/Drawer/_stories/Drawer.rtl.test.story.tsx +58 -0
  107. package/src/ExpressiveMoneyInput/_stories/ExpressiveMoneyInput.rtl.test.story.tsx +118 -0
  108. package/src/Field/_stories/Field.test.story.tsx +46 -0
  109. package/src/FlowNavigation/_stories/FlowNavigation.test.story.tsx +44 -0
  110. package/src/Header/_stories/Header.test.story.tsx +27 -0
  111. package/src/Info/_stories/Info.rtl.test.story.tsx +64 -0
  112. package/src/Inputs/SelectInput/_stories/SelectInput.rtl.test.story.tsx +135 -0
  113. package/src/Inputs/_stories/InputGroup.test.story.tsx +69 -0
  114. package/src/Inputs/_stories/SearchInput.test.story.tsx +32 -0
  115. package/src/Inputs/_stories/TextArea.test.story.tsx +27 -0
  116. package/src/InstructionsList/_stories/InstructionsList.test.story.tsx +30 -0
  117. package/src/Label/_stories/Label.test.story.tsx +36 -0
  118. package/src/Link/_stories/Link.test.story.tsx +26 -0
  119. package/src/ListItem/ListItem.css +1 -0
  120. package/src/ListItem/_stories/{variants/ListItem.rtl.test.story.tsx → ListItem.rtl.test.story.tsx} +6 -10
  121. package/src/ListItem/_stories/variants/helpers.tsx +2 -6
  122. package/src/Logo/_stories/Logo.test.story.tsx +44 -0
  123. package/src/Modal/_stories/Modal.rtl.test.story.tsx +59 -0
  124. package/src/MoneyInput/_stories/MoneyInput.rtl.test.story.tsx +88 -0
  125. package/src/Nudge/_stories/Nudge.test.story.tsx +37 -0
  126. package/src/PhoneNumberInput/_stories/PhoneNumberInput.test.story.tsx +44 -0
  127. package/src/PocketSurface/PocketSurface.css +2 -11
  128. package/src/PocketSurface/PocketSurface.less +1 -1
  129. package/src/Popover/_stories/Popover.rtl.test.story.tsx +96 -0
  130. package/src/Progress/_stories/Progress.test.story.tsx +27 -0
  131. package/src/ProgressBar/_stories/ProgressBar.test.story.tsx +33 -0
  132. package/src/PromoCard/_stories/PromoCard.test.story.tsx +42 -0
  133. package/src/PromoCard/_stories/PromoCardGroup.test.story.tsx +51 -0
  134. package/src/Prompt/ActionPrompt/_stories/ActionPrompt.test.story.tsx +42 -1
  135. package/src/Prompt/CriticalBanner/_stories/CriticalBanner.test.story.tsx +34 -31
  136. package/src/Prompt/InfoPrompt/_stories/InfoPrompt.test.story.tsx +25 -0
  137. package/src/Prompt/InlinePrompt/_stories/InlinePrompt.test.story.tsx +27 -0
  138. package/src/Radio/_stories/Radio.test.story.tsx +61 -0
  139. package/src/RadioGroup/_stories/RadioGroup.test.story.tsx +56 -0
  140. package/src/Section/_stories/Section.test.story.tsx +29 -0
  141. package/src/SegmentedControl/_stories/SegmentedControl.test.story.tsx +45 -0
  142. package/src/SentimentSurface/SentimentSurface.css +0 -23
  143. package/src/SlidingPanel/_stories/SlidingPanel.rtl.test.story.tsx +70 -0
  144. package/src/Snackbar/_stories/Snackbar.rtl.test.story.tsx +45 -0
  145. package/src/Snackbar/_stories/Snackbar.test.story.tsx +0 -31
  146. package/src/Stepper/_stories/Stepper.test.story.tsx +17 -0
  147. package/src/Switch/_stories/Switch.test.story.tsx +20 -26
  148. package/src/Table/_stories/Table.test.story.tsx +104 -0
  149. package/src/Tabs/_stories/Tabs.test.story.tsx +72 -0
  150. package/src/TextareaWithDisplayFormat/_stories/TextareaWithDisplayFormat.test.story.tsx +48 -0
  151. package/src/Tooltip/_stories/Tooltip.rtl.test.story.tsx +79 -0
  152. package/src/Typeahead/_stories/Typeahead.rtl.test.story.tsx +90 -0
  153. package/src/Upload/_stories/Upload.rtl.test.story.tsx +53 -0
  154. package/src/UploadInput/_stories/UploadInput.test.story.tsx +47 -0
  155. package/src/_deprecated/Alert/_stories/Alert.test.story.tsx +28 -1
  156. package/src/_deprecated/Card/_stories/Card.test.story.tsx +38 -0
  157. package/src/_deprecated/CriticalBanner/_stories/CriticalCommsBanner.test.story.tsx +18 -0
  158. package/src/_deprecated/InlineAlert/_stories/InlineAlert.test.story.tsx +26 -0
  159. package/src/_deprecated/OverlayHeader/_stories/OverlayHeader.test.story.tsx +42 -0
  160. package/src/_deprecated/Select/_stories/Select.rtl.test.story.tsx +71 -0
  161. package/src/common/BottomSheet/_stories/BottomSheet.test.story.tsx +23 -0
  162. package/src/i18n/cs.json +5 -0
  163. package/src/i18n/de.json +5 -0
  164. package/src/i18n/es.json +5 -0
  165. package/src/i18n/fr.json +5 -0
  166. package/src/i18n/hu.json +5 -0
  167. package/src/i18n/id.json +5 -0
  168. package/src/i18n/it.json +5 -0
  169. package/src/i18n/ja.json +5 -0
  170. package/src/i18n/nl.json +5 -0
  171. package/src/i18n/pl.json +5 -0
  172. package/src/i18n/pt.json +5 -0
  173. package/src/i18n/ro.json +5 -0
  174. package/src/i18n/ru.json +5 -0
  175. package/src/i18n/th.json +5 -0
  176. package/src/i18n/uk.json +5 -0
  177. package/src/i18n/zh-HK.json +5 -0
  178. package/src/main.css +4 -4104
  179. package/src/styles/less/neptune.css +0 -2821
@@ -619,6 +619,7 @@
619
619
  .wds-list-item-spotlight-inactive {
620
620
  background-color: rgba(134, 167, 189, 0.025);
621
621
  }
622
+
622
623
  @supports (color: color-mix(in lch, red, blue)) {
623
624
  .wds-list-item-spotlight-inactive {
624
625
  background-color: color-mix(in srgb, var(--color-background-neutral) 25%, transparent);
@@ -21,7 +21,6 @@
21
21
  --color-background-screen: #a0e1e1;
22
22
  }
23
23
 
24
-
25
24
  .wds-pocket-bright-orange {
26
25
  --color-content-primary: #260a2f;
27
26
  --color-content-secondary: #110415;
@@ -40,7 +39,6 @@
40
39
  --color-background-screen: #ffc091;
41
40
  }
42
41
 
43
-
44
42
  .wds-pocket-bright-pink {
45
43
  --color-content-primary: #320707;
46
44
  --color-content-secondary: #160303;
@@ -59,7 +57,6 @@
59
57
  --color-background-screen: #ffd7ef;
60
58
  }
61
59
 
62
-
63
60
  .wds-pocket-bright-yellow {
64
61
  --color-content-primary: #3a341c;
65
62
  --color-content-secondary: #110f08;
@@ -78,7 +75,6 @@
78
75
  --color-background-screen: #ffeb69;
79
76
  }
80
77
 
81
-
82
78
  .wds-pocket-dark-charcoal {
83
79
  --color-content-primary: #a0e1e1;
84
80
  --color-content-secondary: #ecf9f9;
@@ -97,7 +93,6 @@
97
93
  --color-background-screen: #21231d;
98
94
  }
99
95
 
100
-
101
96
  .wds-pocket-dark-gold {
102
97
  --color-content-primary: #ffeb69;
103
98
  --color-content-secondary: #fffce5;
@@ -116,7 +111,6 @@
116
111
  --color-background-screen: #3a341c;
117
112
  }
118
113
 
119
-
120
114
  .wds-pocket-dark-maroon {
121
115
  --color-content-primary: #ffd7ef;
122
116
  --color-content-secondary: #ffe5f5;
@@ -135,7 +129,6 @@
135
129
  --color-background-screen: #320707;
136
130
  }
137
131
 
138
-
139
132
  .wds-pocket-dark-purple {
140
133
  --color-content-primary: #ffc091;
141
134
  --color-content-secondary: #fff0e5;
@@ -153,11 +146,9 @@
153
146
  --color-interactive-control-active: #471358;
154
147
  --color-background-screen: #260a2f;
155
148
  }
156
-
157
-
158
149
  .wds-pocket-surface {
159
150
  background-color: #ffffff;
160
151
  background-color: var(--color-background-screen);
161
- color: #37517e;
162
- color: var(--color-content-primary);
152
+ color: #5d7079;
153
+ color: var(--color-content-secondary);
163
154
  }
@@ -25,7 +25,6 @@
25
25
  --color-sentiment-border-overlay: rgba(203,39,47,0.30196);
26
26
  }
27
27
 
28
-
29
28
  .wds-sentiment-negative-light-elevated {
30
29
  --color-sentiment-content-primary: #FFFFFF;
31
30
  --color-sentiment-content-primary-hover: #F5CCCC;
@@ -48,7 +47,6 @@
48
47
  --color-sentiment-border-overlay: rgba(255,255,255,0.30196);
49
48
  }
50
49
 
51
-
52
50
  .wds-sentiment-neutral-light-base {
53
51
  --color-sentiment-content-primary: #454745;
54
52
  --color-sentiment-content-primary-hover: #353635;
@@ -71,7 +69,6 @@
71
69
  --color-sentiment-border-overlay: rgba(69,71,69,0.30196);
72
70
  }
73
71
 
74
-
75
72
  .wds-sentiment-neutral-light-elevated {
76
73
  --color-sentiment-content-primary: #F1F1ED;
77
74
  --color-sentiment-content-primary-hover: #E7E7E1;
@@ -94,7 +91,6 @@
94
91
  --color-sentiment-border-overlay: rgba(241,241,237,0.30196);
95
92
  }
96
93
 
97
-
98
94
  .wds-sentiment-proposition-light-base {
99
95
  --color-sentiment-content-primary: #0E0F0C;
100
96
  --color-sentiment-content-primary-hover: #0A2826;
@@ -117,7 +113,6 @@
117
113
  --color-sentiment-border-overlay: rgba(14,15,12,0.30196);
118
114
  }
119
115
 
120
-
121
116
  .wds-sentiment-proposition-light-elevated {
122
117
  --color-sentiment-content-primary: #FFFFFF;
123
118
  --color-sentiment-content-primary-hover: #EAF9F9;
@@ -140,7 +135,6 @@
140
135
  --color-sentiment-border-overlay: rgba(255,255,255,0.30196);
141
136
  }
142
137
 
143
-
144
138
  .wds-sentiment-success-light-base {
145
139
  --color-sentiment-content-primary: #054D28;
146
140
  --color-sentiment-content-primary-hover: #043A1E;
@@ -163,7 +157,6 @@
163
157
  --color-sentiment-border-overlay: rgba(5,77,40,0.30196);
164
158
  }
165
159
 
166
-
167
160
  .wds-sentiment-success-light-elevated {
168
161
  --color-sentiment-content-primary: #CEF1B8;
169
162
  --color-sentiment-content-primary-hover: #E0FFCC;
@@ -186,7 +179,6 @@
186
179
  --color-sentiment-border-overlay: rgba(206,241,184,0.30196);
187
180
  }
188
181
 
189
-
190
182
  .wds-sentiment-warning-light-base {
191
183
  --color-sentiment-content-primary: #4A3B1C;
192
184
  --color-sentiment-content-primary-hover: #302612;
@@ -209,7 +201,6 @@
209
201
  --color-sentiment-border-overlay: rgba(74,59,28,0.30196);
210
202
  }
211
203
 
212
-
213
204
  .wds-sentiment-warning-light-elevated {
214
205
  --color-sentiment-content-primary: #4A3B1C;
215
206
  --color-sentiment-content-primary-hover: #302612;
@@ -232,7 +223,6 @@
232
223
  --color-sentiment-border-overlay: rgba(74,59,28,0.30196);
233
224
  }
234
225
 
235
-
236
226
  .wds-sentiment-negative-dark-base {
237
227
  --color-sentiment-content-primary: #FFA8AD;
238
228
  --color-sentiment-content-primary-hover: #FFBDC0;
@@ -255,7 +245,6 @@
255
245
  --color-sentiment-border-overlay: rgba(255,168,173,0.30196);
256
246
  }
257
247
 
258
-
259
248
  .wds-sentiment-negative-dark-elevated {
260
249
  --color-sentiment-content-primary: #410B0D;
261
250
  --color-sentiment-content-primary-hover: #641115;
@@ -278,7 +267,6 @@
278
267
  --color-sentiment-border-overlay: rgba(65,11,13,0.30196);
279
268
  }
280
269
 
281
-
282
270
  .wds-sentiment-neutral-dark-base {
283
271
  --color-sentiment-content-primary: #F1F1ED;
284
272
  --color-sentiment-content-primary-hover: #E7E7E1;
@@ -301,7 +289,6 @@
301
289
  --color-sentiment-border-overlay: rgba(241,241,237,0.30196);
302
290
  }
303
291
 
304
-
305
292
  .wds-sentiment-neutral-dark-elevated {
306
293
  --color-sentiment-content-primary: #2A2C29;
307
294
  --color-sentiment-content-primary-hover: #414441;
@@ -324,7 +311,6 @@
324
311
  --color-sentiment-border-overlay: rgba(42,44,41,0.30196);
325
312
  }
326
313
 
327
-
328
314
  .wds-sentiment-proposition-dark-base {
329
315
  --color-sentiment-content-primary: #FFFFFF;
330
316
  --color-sentiment-content-primary-hover: #EAF9F9;
@@ -347,7 +333,6 @@
347
333
  --color-sentiment-border-overlay: rgba(255,255,255,0.30196);
348
334
  }
349
335
 
350
-
351
336
  .wds-sentiment-proposition-dark-elevated {
352
337
  --color-sentiment-content-primary: #0E0F0C;
353
338
  --color-sentiment-content-primary-hover: #0A2826;
@@ -370,7 +355,6 @@
370
355
  --color-sentiment-border-overlay: rgba(14,15,12,0.30196);
371
356
  }
372
357
 
373
-
374
358
  .wds-sentiment-success-dark-base {
375
359
  --color-sentiment-content-primary: #CEF1B8;
376
360
  --color-sentiment-content-primary-hover: #E0FFCC;
@@ -393,7 +377,6 @@
393
377
  --color-sentiment-border-overlay: rgba(206,241,184,0.30196);
394
378
  }
395
379
 
396
-
397
380
  .wds-sentiment-success-dark-elevated {
398
381
  --color-sentiment-content-primary: #252C20;
399
382
  --color-sentiment-content-primary-hover: #323B2B;
@@ -416,7 +399,6 @@
416
399
  --color-sentiment-border-overlay: rgba(37,44,32,0.30196);
417
400
  }
418
401
 
419
-
420
402
  .wds-sentiment-warning-dark-base {
421
403
  --color-sentiment-content-primary: #FADC65;
422
404
  --color-sentiment-content-primary-hover: #F9D648;
@@ -439,7 +421,6 @@
439
421
  --color-sentiment-border-overlay: rgba(250,220,101,0.30196);
440
422
  }
441
423
 
442
-
443
424
  .wds-sentiment-warning-dark-elevated {
444
425
  --color-sentiment-content-primary: #3A3523;
445
426
  --color-sentiment-content-primary-hover: #504930;
@@ -461,13 +442,9 @@
461
442
  --color-sentiment-background-surface-active: #F8CD20;
462
443
  --color-sentiment-border-overlay: rgba(58,53,35,0.30196);
463
444
  }
464
-
465
-
466
445
  .wds-sentiment-surface {
467
446
  --ring-outline-color: var(--color-sentiment-content-primary, var(--color-content-primary));
468
447
  }
469
-
470
-
471
448
  .wds-sentiment-surface--hasBaseStyles {
472
449
  background-color: var(--color-sentiment-background-surface);
473
450
  color: var(--color-sentiment-content-primary);