@transferwise/components 46.149.2 → 46.151.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 (159) hide show
  1. package/build/avatar/Avatar.js.map +1 -1
  2. package/build/avatar/Avatar.mjs.map +1 -1
  3. package/build/avatarWrapper/AvatarWrapper.js.map +1 -1
  4. package/build/avatarWrapper/AvatarWrapper.mjs.map +1 -1
  5. package/build/card/Card.js.map +1 -1
  6. package/build/card/Card.mjs.map +1 -1
  7. package/build/criticalBanner/CriticalCommsBanner.js.map +1 -1
  8. package/build/criticalBanner/CriticalCommsBanner.mjs.map +1 -1
  9. package/build/index.js +17 -14
  10. package/build/index.js.map +1 -1
  11. package/build/index.mjs +9 -8
  12. package/build/index.mjs.map +1 -1
  13. package/build/inlineAlert/InlineAlert.js.map +1 -1
  14. package/build/inlineAlert/InlineAlert.mjs.map +1 -1
  15. package/build/main.css +155 -12
  16. package/build/navigationOption/NavigationOption.js.map +1 -1
  17. package/build/navigationOption/NavigationOption.mjs.map +1 -1
  18. package/build/navigationOptionsList/NavigationOptionsList.js.map +1 -1
  19. package/build/navigationOptionsList/NavigationOptionsList.mjs.map +1 -1
  20. package/build/select/Select.js.map +1 -1
  21. package/build/select/Select.mjs.map +1 -1
  22. package/build/styles/css/neptune.css +0 -11
  23. package/build/styles/main.css +155 -12
  24. package/build/styles/pocketSurface/PocketSurface.css +163 -0
  25. package/build/styles/sentimentSurface/SentimentSurface.css +0 -1
  26. package/build/styles/styles/less/neptune.css +0 -11
  27. package/build/types/avatar/Avatar.d.ts +9 -0
  28. package/build/types/avatar/Avatar.d.ts.map +1 -1
  29. package/build/types/avatar/index.d.ts +1 -1
  30. package/build/types/avatar/index.d.ts.map +1 -1
  31. package/build/types/avatarWrapper/AvatarWrapper.d.ts +3 -0
  32. package/build/types/avatarWrapper/AvatarWrapper.d.ts.map +1 -1
  33. package/build/types/avatarWrapper/index.d.ts +2 -2
  34. package/build/types/avatarWrapper/index.d.ts.map +1 -1
  35. package/build/types/button/Button.types.d.ts +1 -1
  36. package/build/types/button/Button.types.d.ts.map +1 -1
  37. package/build/types/button/index.d.ts +2 -2
  38. package/build/types/button/index.d.ts.map +1 -1
  39. package/build/types/card/Card.d.ts +3 -0
  40. package/build/types/card/Card.d.ts.map +1 -1
  41. package/build/types/carousel/index.d.ts +1 -1
  42. package/build/types/carousel/index.d.ts.map +1 -1
  43. package/build/types/checkboxButton/index.d.ts +1 -0
  44. package/build/types/checkboxButton/index.d.ts.map +1 -1
  45. package/build/types/checkboxOption/index.d.ts +1 -0
  46. package/build/types/checkboxOption/index.d.ts.map +1 -1
  47. package/build/types/chevron/index.d.ts +1 -0
  48. package/build/types/chevron/index.d.ts.map +1 -1
  49. package/build/types/chips/index.d.ts +2 -0
  50. package/build/types/chips/index.d.ts.map +1 -1
  51. package/build/types/common/Option/index.d.ts +1 -0
  52. package/build/types/common/Option/index.d.ts.map +1 -1
  53. package/build/types/criticalBanner/CriticalCommsBanner.d.ts +6 -0
  54. package/build/types/criticalBanner/CriticalCommsBanner.d.ts.map +1 -1
  55. package/build/types/criticalBanner/index.d.ts +1 -1
  56. package/build/types/criticalBanner/index.d.ts.map +1 -1
  57. package/build/types/decision/index.d.ts +1 -0
  58. package/build/types/decision/index.d.ts.map +1 -1
  59. package/build/types/definitionList/index.d.ts +1 -1
  60. package/build/types/definitionList/index.d.ts.map +1 -1
  61. package/build/types/expressiveMoneyInput/index.d.ts +1 -1
  62. package/build/types/expressiveMoneyInput/index.d.ts.map +1 -1
  63. package/build/types/index.d.ts +34 -19
  64. package/build/types/index.d.ts.map +1 -1
  65. package/build/types/inlineAlert/InlineAlert.d.ts +3 -0
  66. package/build/types/inlineAlert/InlineAlert.d.ts.map +1 -1
  67. package/build/types/inlineAlert/index.d.ts +1 -0
  68. package/build/types/inlineAlert/index.d.ts.map +1 -1
  69. package/build/types/instructionsList/index.d.ts +1 -1
  70. package/build/types/instructionsList/index.d.ts.map +1 -1
  71. package/build/types/listItem/ListItem.d.ts +1 -1
  72. package/build/types/logo/index.d.ts +2 -1
  73. package/build/types/logo/index.d.ts.map +1 -1
  74. package/build/types/navigationOption/NavigationOption.d.ts +3 -0
  75. package/build/types/navigationOption/NavigationOption.d.ts.map +1 -1
  76. package/build/types/navigationOption/index.d.ts +1 -0
  77. package/build/types/navigationOption/index.d.ts.map +1 -1
  78. package/build/types/navigationOptionsList/NavigationOptionsList.d.ts +3 -0
  79. package/build/types/navigationOptionsList/NavigationOptionsList.d.ts.map +1 -1
  80. package/build/types/nudge/index.d.ts +1 -0
  81. package/build/types/nudge/index.d.ts.map +1 -1
  82. package/build/types/phoneNumberInput/index.d.ts +1 -0
  83. package/build/types/phoneNumberInput/index.d.ts.map +1 -1
  84. package/build/types/pocketSurface/PocketSurface.d.ts +4 -0
  85. package/build/types/pocketSurface/PocketSurface.d.ts.map +1 -0
  86. package/build/types/pocketSurface/PocketSurface.types.d.ts +19 -0
  87. package/build/types/pocketSurface/PocketSurface.types.d.ts.map +1 -0
  88. package/build/types/pocketSurface/index.d.ts +3 -0
  89. package/build/types/pocketSurface/index.d.ts.map +1 -0
  90. package/build/types/promoCard/index.d.ts +2 -0
  91. package/build/types/promoCard/index.d.ts.map +1 -1
  92. package/build/types/select/Select.d.ts +3 -0
  93. package/build/types/select/Select.d.ts.map +1 -1
  94. package/build/types/snackbar/index.d.ts +2 -0
  95. package/build/types/snackbar/index.d.ts.map +1 -1
  96. package/build/types/statusIcon/index.d.ts +1 -1
  97. package/build/types/statusIcon/index.d.ts.map +1 -1
  98. package/build/types/table/index.d.ts +4 -3
  99. package/build/types/table/index.d.ts.map +1 -1
  100. package/build/types/tabs/index.d.ts +3 -0
  101. package/build/types/tabs/index.d.ts.map +1 -1
  102. package/build/types/tile/index.d.ts +1 -0
  103. package/build/types/tile/index.d.ts.map +1 -1
  104. package/build/types/uploadInput/index.d.ts +1 -0
  105. package/build/types/uploadInput/index.d.ts.map +1 -1
  106. package/package.json +2 -2
  107. package/src/avatar/Avatar.tsx +9 -2
  108. package/src/avatar/index.ts +1 -1
  109. package/src/avatarWrapper/AvatarWrapper.tsx +3 -0
  110. package/src/avatarWrapper/index.ts +2 -3
  111. package/src/button/Button.types.ts +1 -1
  112. package/src/button/index.ts +14 -2
  113. package/src/card/Card.tsx +3 -0
  114. package/src/carousel/index.ts +7 -1
  115. package/src/checkboxButton/index.ts +2 -0
  116. package/src/checkboxOption/index.ts +2 -0
  117. package/src/chevron/index.ts +2 -0
  118. package/src/chips/index.ts +3 -0
  119. package/src/common/Option/index.ts +1 -0
  120. package/src/criticalBanner/CriticalCommsBanner.tsx +6 -0
  121. package/src/criticalBanner/index.ts +1 -1
  122. package/src/decision/index.ts +2 -0
  123. package/src/definitionList/index.ts +1 -1
  124. package/src/expressiveMoneyInput/index.ts +1 -1
  125. package/src/index.ts +66 -18
  126. package/src/inlineAlert/InlineAlert.tsx +3 -0
  127. package/src/inlineAlert/index.ts +2 -0
  128. package/src/instructionsList/index.ts +1 -1
  129. package/src/logo/index.ts +2 -1
  130. package/src/main.css +155 -12
  131. package/src/main.less +1 -0
  132. package/src/navigationOption/NavigationOption.tsx +3 -0
  133. package/src/navigationOption/index.ts +2 -0
  134. package/src/navigationOptionsList/NavigationOptionsList.tsx +3 -0
  135. package/src/nudge/index.ts +2 -0
  136. package/src/phoneNumberInput/index.ts +2 -0
  137. package/src/pocketSurface/PocketSurface.css +163 -0
  138. package/src/pocketSurface/PocketSurface.docs.mdx +64 -0
  139. package/src/pocketSurface/PocketSurface.less +6 -0
  140. package/src/pocketSurface/PocketSurface.story.tsx +278 -0
  141. package/src/pocketSurface/PocketSurface.test.tsx +107 -0
  142. package/src/pocketSurface/PocketSurface.tsx +41 -0
  143. package/src/pocketSurface/PocketSurface.types.ts +37 -0
  144. package/src/pocketSurface/index.ts +7 -0
  145. package/src/promoCard/index.ts +8 -0
  146. package/src/select/Select.tsx +3 -0
  147. package/src/sentimentSurface/SentimentSurface.css +0 -1
  148. package/src/snackbar/index.ts +3 -0
  149. package/src/ssr.test.tsx +6 -3
  150. package/src/statusIcon/index.ts +1 -1
  151. package/src/styles/less/neptune.css +0 -11
  152. package/src/table/index.ts +5 -2
  153. package/src/tabs/index.ts +3 -0
  154. package/src/tile/index.ts +1 -0
  155. package/src/uploadInput/index.ts +2 -0
  156. package/build/avatarWrapper/index.js +0 -10
  157. package/build/avatarWrapper/index.js.map +0 -1
  158. package/build/avatarWrapper/index.mjs +0 -6
  159. package/build/avatarWrapper/index.mjs.map +0 -1
@@ -0,0 +1,7 @@
1
+ export { default } from './PocketSurface';
2
+ export type {
3
+ PocketSurfaceComponent,
4
+ PocketSurfaceProps,
5
+ CommonProps,
6
+ PocketVariant,
7
+ } from './PocketSurface.types';
@@ -1,2 +1,10 @@
1
1
  export { default } from './PromoCard';
2
2
  export { default as PromoCardGroup } from './PromoCardGroup';
3
+
4
+ export type {
5
+ PromoCardCommonProps,
6
+ PromoCardLinkProps,
7
+ PromoCardCheckedProps,
8
+ PromoCardProps,
9
+ } from './PromoCard';
10
+ export type { PromoCardGroupProps } from './PromoCardGroup';
@@ -98,6 +98,9 @@ const getUniqueIdForOption = (parentId: string | undefined, option: SelectItem |
98
98
  return `option-${parentId ?? ''}-${uniqueOptionId}`;
99
99
  };
100
100
 
101
+ /**
102
+ * @deprecated Use SelectInput and associated typings
103
+ */
101
104
  export interface SelectProps {
102
105
  placeholder?: string;
103
106
  id?: string;
@@ -1,6 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
4
3
  */
5
4
 
6
5
 
@@ -1 +1,4 @@
1
1
  export { default as Snackbar } from './Snackbar';
2
+
3
+ export type { SnackbarProps } from './Snackbar';
4
+ export type { SnackbarProviderProps } from './SnackbarProvider';
package/src/ssr.test.tsx CHANGED
@@ -92,9 +92,7 @@ describe('Server side rendering', () => {
92
92
 
93
93
  // stick all possible properties we might need to render all components in here
94
94
  const allProps: Record<string, unknown> = {
95
- actionPrimary: { label: 'Action', onClick: jest.fn(), href: '#' },
96
95
  currencies: [],
97
- currencySelector: { options: [] },
98
96
  steps: [],
99
97
  stepper: {
100
98
  steps: [],
@@ -184,7 +182,11 @@ describe('Server side rendering', () => {
184
182
  // Override props in case of name collision.
185
183
  const overrideProps: Partial<Record<keyof ExposedLibraryItemsType, Record<string, unknown>>> = {
186
184
  Logo: { size: 16 },
187
- ActionPrompt: { action: { label: 'Action', onClick: jest.fn(), href: '#' } },
185
+ BadgeAssets: { status: undefined },
186
+ ActionPrompt: {
187
+ actionPrimary: { label: 'Action', onClick: jest.fn(), href: '#' },
188
+ action: { label: 'Action', onClick: jest.fn(), href: '#' },
189
+ },
188
190
  Alert: { children: undefined, message: 'Fluffy kittens', size: undefined },
189
191
  Card: { isExpanded: true },
190
192
  CheckboxButton: { children: undefined, onChange: jest.fn() },
@@ -193,6 +195,7 @@ describe('Server side rendering', () => {
193
195
  TextareaWithDisplayFormat: { displayPattern: '**-**' },
194
196
  Sticky: { position: 'top' },
195
197
  MoneyInput: { selectedCurrency: { currency: 'EUR' } },
198
+ ExpressiveMoneyInput: { currencySelector: { options: [] } },
196
199
  Tabs: { selected: 1, onTabSelect: jest.fn() },
197
200
  Markdown: { children: '# Markdown string' },
198
201
  SnackbarConsumer: {
@@ -1,2 +1,2 @@
1
1
  export { default } from './StatusIcon';
2
- export type { StatusIconProps } from './StatusIcon';
2
+ export type { StatusIconProps, StatusIconSentiment } from './StatusIcon';
@@ -1,6 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 09 Jun 2026 08:11:03 GMT
4
3
  */
5
4
 
6
5
  :root {
@@ -144,7 +143,6 @@
144
143
 
145
144
  /**
146
145
  * Do not edit directly, this file was auto-generated.
147
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
148
146
  */
149
147
 
150
148
  .np-theme-personal {
@@ -328,7 +326,6 @@
328
326
 
329
327
  /**
330
328
  * Do not edit directly, this file was auto-generated.
331
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
332
329
  */
333
330
 
334
331
  .np-theme-personal--forest-green {
@@ -512,7 +509,6 @@
512
509
 
513
510
  /**
514
511
  * Do not edit directly, this file was auto-generated.
515
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
516
512
  */
517
513
 
518
514
  .np-theme-personal--bright-green {
@@ -696,7 +692,6 @@
696
692
 
697
693
  /**
698
694
  * Do not edit directly, this file was auto-generated.
699
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
700
695
  */
701
696
 
702
697
  .np-theme-personal--dark {
@@ -880,7 +875,6 @@
880
875
 
881
876
  /**
882
877
  * Do not edit directly, this file was auto-generated.
883
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
884
878
  */
885
879
 
886
880
  .np-theme-platform {
@@ -1064,7 +1058,6 @@
1064
1058
 
1065
1059
  /**
1066
1060
  * Do not edit directly, this file was auto-generated.
1067
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1068
1061
  */
1069
1062
 
1070
1063
  .np-theme-platform--forest-green {
@@ -1248,7 +1241,6 @@
1248
1241
 
1249
1242
  /**
1250
1243
  * Do not edit directly, this file was auto-generated.
1251
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1252
1244
  */
1253
1245
 
1254
1246
  .np-theme-business {
@@ -1433,7 +1425,6 @@
1433
1425
 
1434
1426
  /**
1435
1427
  * Do not edit directly, this file was auto-generated.
1436
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1437
1428
  */
1438
1429
 
1439
1430
  .np-theme-business--dark {
@@ -1618,7 +1609,6 @@
1618
1609
 
1619
1610
  /**
1620
1611
  * Do not edit directly, this file was auto-generated.
1621
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1622
1612
  */
1623
1613
 
1624
1614
  .np-theme-business--forest-green {
@@ -1803,7 +1793,6 @@
1803
1793
 
1804
1794
  /**
1805
1795
  * Do not edit directly, this file was auto-generated.
1806
- * Generated on Tue, 09 Jun 2026 08:11:04 GMT
1807
1796
  */
1808
1797
 
1809
1798
  .np-theme-business--bright-green {
@@ -1,11 +1,14 @@
1
1
  export { default } from './Table';
2
2
  export type { TableProps } from './Table';
3
- export type { TableRowType, TableRowClickableType } from './TableRow';
4
- export type { TableHeaderType } from './TableHeader';
3
+ export type { TableRowType, TableRowClickableType, TableRowProps } from './TableRow';
4
+ export type { TableHeaderType, TableHeaderProps } from './TableHeader';
5
5
  export type {
6
6
  TableCellLeading,
7
7
  TableCellText,
8
8
  TableCellCurrency,
9
9
  TableCellStatus,
10
10
  TableCellType,
11
+ TableCellMedia,
12
+ TableCellProps,
11
13
  } from './TableCell';
14
+ export type { TableStatusTextProps } from './TableStatusText';
package/src/tabs/index.ts CHANGED
@@ -1,2 +1,5 @@
1
1
  export { default } from './Tabs';
2
2
  export type { TabItem, TabsProps } from './Tabs';
3
+ export type { TabProps } from './Tab';
4
+ export type { TabListProps } from './TabList';
5
+ export type { TabPanelProps } from './TabPanel';
package/src/tile/index.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default } from './Tile';
2
+ export type { TileProps } from './Tile';
@@ -1 +1,3 @@
1
1
  export { default } from './UploadInput';
2
+
3
+ export type { UploadInputProps } from './UploadInput';
@@ -1,10 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var AvatarWrapper = require('./AvatarWrapper.js');
6
-
7
-
8
-
9
- exports.default = AvatarWrapper.default;
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,6 +0,0 @@
1
- import AvatarWrapper from './AvatarWrapper.mjs';
2
-
3
-
4
-
5
- export { AvatarWrapper as default };
6
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}