@transferwise/components 46.130.3 → 46.131.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 (389) hide show
  1. package/build/flowNavigation/FlowNavigation.js +4 -2
  2. package/build/flowNavigation/FlowNavigation.js.map +1 -1
  3. package/build/flowNavigation/FlowNavigation.mjs +4 -2
  4. package/build/flowNavigation/FlowNavigation.mjs.map +1 -1
  5. package/build/main.css +27004 -7
  6. package/build/styles/css/accordion.css +255 -0
  7. package/build/styles/css/alerts.css +751 -0
  8. package/build/styles/css/background.css +20 -0
  9. package/build/styles/css/badge.css +90 -0
  10. package/build/styles/css/border-radius.css +3 -0
  11. package/build/styles/css/breadcrumbs.css +20 -0
  12. package/build/styles/css/button-groups.css +495 -0
  13. package/build/styles/css/buttons.css +1390 -0
  14. package/build/styles/css/chevron.css +35 -0
  15. package/build/styles/css/circles.css +248 -0
  16. package/build/styles/css/close.css +47 -0
  17. package/build/styles/css/column-layout.css +164 -0
  18. package/build/styles/css/currency-flags.css +46 -0
  19. package/build/styles/css/decision.css +136 -0
  20. package/build/styles/css/dropdowns.css +472 -0
  21. package/build/styles/css/droppable.css +221 -0
  22. package/build/styles/css/flex.css +598 -0
  23. package/build/styles/css/footer.css +129 -0
  24. package/build/styles/css/grid.css +2369 -0
  25. package/build/styles/css/input-groups.css +2740 -0
  26. package/build/styles/css/link-callout.css +20 -0
  27. package/build/styles/css/list-group.css +350 -0
  28. package/build/styles/css/loaders.css +76 -0
  29. package/build/styles/css/media.css +74 -0
  30. package/build/styles/css/modals.css +185 -0
  31. package/build/styles/css/navbar.css +2406 -0
  32. package/build/styles/css/navs.css +296 -0
  33. package/build/styles/css/neptune-social-media.css +144 -0
  34. package/build/styles/css/neptune.css +25724 -0
  35. package/build/styles/css/panels.css +528 -0
  36. package/build/styles/css/popovers.css +661 -0
  37. package/build/styles/css/process.css +483 -0
  38. package/build/styles/css/progress-bars.css +64 -0
  39. package/build/styles/css/ring.css +55 -0
  40. package/build/styles/css/select.css +99 -0
  41. package/build/styles/css/sequences.css +855 -0
  42. package/build/styles/css/table.css +446 -0
  43. package/build/styles/css/tick.css +32 -0
  44. package/build/styles/css/tooltip.css +160 -0
  45. package/build/styles/css/utilities.css +145 -0
  46. package/build/styles/css/wells.css +74 -0
  47. package/build/styles/fonts/TW-Averta-Bold.woff +0 -0
  48. package/build/styles/fonts/TW-Averta-Bold.woff2 +0 -0
  49. package/build/styles/fonts/TW-Averta-Regular.woff +0 -0
  50. package/build/styles/fonts/TW-Averta-Regular.woff2 +0 -0
  51. package/build/styles/fonts/TW-Averta-Semibold.woff +0 -0
  52. package/build/styles/fonts/TW-Averta-Semibold.woff2 +0 -0
  53. package/build/styles/fonts/TransferWise-IconFont.svg +81 -0
  54. package/build/styles/fonts/TransferWise-IconFont.woff +0 -0
  55. package/build/styles/fonts/WiseSans-Heavy.woff2 +0 -0
  56. package/build/styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  57. package/build/styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  58. package/build/styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  59. package/build/styles/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  60. package/build/styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  61. package/build/styles/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  62. package/build/styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  63. package/build/styles/img/bg-dark.svg +31 -0
  64. package/build/styles/img/bg-light.svg +26 -0
  65. package/build/styles/less/legacy-variables.css +0 -0
  66. package/build/styles/less/legacy-variables.less +1299 -0
  67. package/build/styles/less/neptune-tokens.css +0 -0
  68. package/build/styles/less/neptune-tokens.less +275 -0
  69. package/build/styles/less/zindex.css +0 -0
  70. package/build/styles/less/zindex.less +17 -0
  71. package/build/styles/main.css +27004 -7
  72. package/build/styles/props/custom-media.css +11 -0
  73. package/build/styles/props/legacy-custom-props.css +69 -0
  74. package/build/styles/props/neptune-tokens.css +152 -0
  75. package/build/styles/styles/less/accordion.css +255 -0
  76. package/build/styles/styles/less/alerts.css +751 -0
  77. package/build/styles/styles/less/background.css +20 -0
  78. package/build/styles/styles/less/badge.css +90 -0
  79. package/build/styles/styles/less/border-radius.css +3 -0
  80. package/build/styles/styles/less/breadcrumbs.css +20 -0
  81. package/build/styles/styles/less/button-groups.css +495 -0
  82. package/build/styles/styles/less/buttons.css +1390 -0
  83. package/build/styles/styles/less/chevron.css +35 -0
  84. package/build/styles/styles/less/circles.css +248 -0
  85. package/build/styles/styles/less/close.css +47 -0
  86. package/build/styles/styles/less/column-layout.css +164 -0
  87. package/build/styles/styles/less/core/viewport-themes.css +59 -0
  88. package/build/styles/styles/less/currency-flags.css +46 -0
  89. package/build/styles/styles/less/decision.css +136 -0
  90. package/build/styles/styles/less/dropdowns.css +472 -0
  91. package/build/styles/styles/less/droppable.css +221 -0
  92. package/build/styles/styles/less/flex.css +598 -0
  93. package/build/styles/styles/less/footer.css +129 -0
  94. package/build/styles/styles/less/forms/bootstrap-forms.css +2277 -0
  95. package/build/styles/styles/less/forms/checkbox-radio.css +367 -0
  96. package/build/styles/styles/less/grid.css +2369 -0
  97. package/build/styles/styles/less/input-groups.css +2740 -0
  98. package/build/styles/styles/less/link-callout.css +20 -0
  99. package/build/styles/styles/less/list-group.css +350 -0
  100. package/build/styles/styles/less/loaders.css +76 -0
  101. package/build/styles/styles/less/media.css +74 -0
  102. package/build/styles/styles/less/modals.css +185 -0
  103. package/build/styles/styles/less/navbar.css +2406 -0
  104. package/build/styles/styles/less/navs.css +296 -0
  105. package/build/styles/styles/less/neptune-social-media.css +144 -0
  106. package/build/styles/styles/less/neptune.css +25724 -0
  107. package/build/styles/styles/less/panels.css +528 -0
  108. package/build/styles/styles/less/popovers.css +661 -0
  109. package/build/styles/styles/less/process.css +483 -0
  110. package/build/styles/styles/less/progress-bars.css +64 -0
  111. package/build/styles/styles/less/ring.css +55 -0
  112. package/build/styles/styles/less/select.css +99 -0
  113. package/build/styles/styles/less/sequences.css +855 -0
  114. package/build/styles/styles/less/table.css +446 -0
  115. package/build/styles/styles/less/tick.css +32 -0
  116. package/build/styles/styles/less/tooltip.css +160 -0
  117. package/build/styles/styles/less/utilities.css +145 -0
  118. package/build/styles/styles/less/wells.css +74 -0
  119. package/build/styles/styles/props/custom-media.css +11 -0
  120. package/build/styles/styles/props/legacy-custom-props.css +69 -0
  121. package/build/styles/styles/props/neptune-tokens.css +11 -0
  122. package/build/styles/styles/variables/legacy-variables.css +0 -0
  123. package/build/styles/styles/variables/neptune-tokens.css +0 -0
  124. package/build/styles/styles/variables/zindex.css +0 -0
  125. package/build/types/flowNavigation/FlowNavigation.d.ts.map +1 -1
  126. package/package.json +8 -4
  127. package/src/{DisabledComponents.story.tsx → DisabledComponents.test.story.tsx} +1 -1
  128. package/src/accordion/Accordion.less +3 -3
  129. package/src/actionButton/ActionButton.less +1 -1
  130. package/src/actionButton/ActionButton.story.tsx +11 -7
  131. package/src/actionButton/ActionButton.test.story.tsx +49 -0
  132. package/src/avatar/Avatar.less +3 -3
  133. package/src/avatarLayout/AvatarLayout.story.tsx +1 -105
  134. package/src/avatarLayout/AvatarLayout.test.story.tsx +117 -0
  135. package/src/avatarView/AvatarView.story.tsx +1 -104
  136. package/src/avatarView/AvatarView.test.story.tsx +114 -0
  137. package/src/badge/Badge.less +1 -1
  138. package/src/button/LegacyButton.less +1 -1
  139. package/src/button/LegacyButton.story.tsx +1 -26
  140. package/src/button/LegacyButton.test.story.tsx +37 -0
  141. package/src/button/_stories/Button.story.tsx +17 -41
  142. package/src/button/_stories/Button.test.story.tsx +30 -0
  143. package/src/card/Card.less +3 -3
  144. package/src/checkbox/Checkbox.story.tsx +1 -6
  145. package/src/checkbox/Checkbox.test.story.tsx +33 -0
  146. package/src/checkboxButton/CheckboxButton.less +2 -2
  147. package/src/chips/Chip.less +3 -3
  148. package/src/circularButton/CircularButton.story.tsx +0 -6
  149. package/src/circularButton/CircularButton.test.story.tsx +62 -1
  150. package/src/common/Option/Option.less +2 -2
  151. package/src/common/bottomSheet/BottomSheet.less +1 -1
  152. package/src/common/bottomSheet/BottomSheet.story.tsx +0 -55
  153. package/src/common/bottomSheet/BottomSheet.test.story.tsx +118 -2
  154. package/src/common/closeButton/CloseButton.less +1 -1
  155. package/src/common/panel/Panel.less +1 -1
  156. package/src/criticalBanner/CriticalCommsBanner.test.story.tsx +1 -1
  157. package/src/dateLookup/DateLookup.less +1 -1
  158. package/src/dateLookup/DateLookup.story.tsx +0 -18
  159. package/src/dateLookup/DateLookup.test.story.tsx +51 -1
  160. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  161. package/src/decision/Decision.less +1 -1
  162. package/src/definitionList/DefinitionList.less +1 -1
  163. package/src/dimmer/Dimmer.less +2 -2
  164. package/src/divider/Divider.story.tsx +0 -1
  165. package/src/expressiveMoneyInput/ExpressiveMoneyInput.autofocus.docs.mdx +1 -1
  166. package/src/expressiveMoneyInput/ExpressiveMoneyInput.story.tsx +0 -9
  167. package/src/expressiveMoneyInput/ExpressiveMoneyInput.test.story.tsx +23 -0
  168. package/src/field/Field.story.tsx +1 -34
  169. package/src/field/Field.test.story.tsx +56 -0
  170. package/src/flowNavigation/FlowNavigation.less +1 -1
  171. package/src/flowNavigation/FlowNavigation.test.js +7 -0
  172. package/src/flowNavigation/FlowNavigation.tsx +5 -2
  173. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  174. package/src/header/Header.test.story.tsx +1 -1
  175. package/src/info/Info.less +1 -1
  176. package/src/info/Info.story.tsx +1 -34
  177. package/src/info/Info.test.story.tsx +53 -0
  178. package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.tsx +0 -12
  179. package/src/inputWithDisplayFormat/InputWithDisplayFormat.test.story.tsx +33 -0
  180. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.less +1 -1
  181. package/src/inputs/SelectInput/Options/SelectInputOptions.less +1 -1
  182. package/src/inputs/SelectInput/SelectInput.less +1 -1
  183. package/src/inputs/_common.less +1 -1
  184. package/src/legacylistItem/LegacyListItem.test.story.tsx +1 -1
  185. package/src/link/Link.less +2 -2
  186. package/src/listItem/ListItem.less +1 -1
  187. package/src/listItem/_stories/Breakpoints/ListItem.noMedia.test.story.tsx +1 -1
  188. package/src/listItem/_stories/Breakpoints/ListItem.sideMedia.test.story.tsx +1 -1
  189. package/src/listItem/_stories/Breakpoints/ListItem.stackedMedia.test.story.tsx +1 -1
  190. package/src/listItem/_stories/ListItem.focus.test.story.tsx +1 -1
  191. package/src/listItem/_stories/ListItem.layout.test.story.tsx +1 -1
  192. package/src/listItem/_stories/variants/ListItem.brightGreen.test.story.tsx +1 -1
  193. package/src/listItem/_stories/variants/ListItem.dark.test.story.tsx +1 -1
  194. package/src/listItem/_stories/variants/ListItem.forestGreen.test.story.tsx +1 -1
  195. package/src/listItem/_stories/variants/ListItem.medium.test.story.tsx +1 -1
  196. package/src/listItem/_stories/variants/ListItem.neutral.test.story.tsx +1 -1
  197. package/src/listItem/_stories/variants/ListItem.personal.test.story.tsx +1 -1
  198. package/src/listItem/_stories/variants/ListItem.rtl.test.story.tsx +1 -1
  199. package/src/listItem/_stories/variants/ListItem.small.test.story.tsx +1 -1
  200. package/src/logo/Logo.story.tsx +0 -6
  201. package/src/logo/Logo.test.story.tsx +20 -0
  202. package/src/main.css +27004 -7
  203. package/src/main.less +2 -0
  204. package/src/modal/Modal.story.tsx +0 -26
  205. package/src/modal/Modal.test.story.tsx +125 -0
  206. package/src/moneyInput/MoneyInput.less +2 -2
  207. package/src/moneyInput/MoneyInput.test.story.tsx +1 -1
  208. package/src/navigationOption/NavigationOption.less +3 -3
  209. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  210. package/src/overlayHeader/OverlayHeader.less +1 -1
  211. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  212. package/src/popover/Popover.less +1 -1
  213. package/src/prompt/ActionPrompt/ActionPrompt.story.tsx +0 -43
  214. package/src/prompt/ActionPrompt/ActionPrompt.test.story.tsx +45 -1
  215. package/src/radioGroup/RadioGroup.test.story.tsx +1 -1
  216. package/src/select/Select.less +5 -5
  217. package/src/slidingPanel/SlidingPanel.less +2 -2
  218. package/src/snackbar/Snackbar.less +3 -3
  219. package/src/stepper/Stepper.less +3 -3
  220. package/src/stepper/Stepper.test.story.tsx +1 -1
  221. package/src/styles/fonts/TW-Averta-Bold.woff +0 -0
  222. package/src/styles/fonts/TW-Averta-Bold.woff2 +0 -0
  223. package/src/styles/fonts/TW-Averta-Regular.woff +0 -0
  224. package/src/styles/fonts/TW-Averta-Regular.woff2 +0 -0
  225. package/src/styles/fonts/TW-Averta-Semibold.woff +0 -0
  226. package/src/styles/fonts/TW-Averta-Semibold.woff2 +0 -0
  227. package/src/styles/fonts/TransferWise-IconFont.svg +81 -0
  228. package/src/styles/fonts/TransferWise-IconFont.woff +0 -0
  229. package/src/styles/fonts/WiseSans-Heavy.woff2 +0 -0
  230. package/src/styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  231. package/src/styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  232. package/src/styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  233. package/src/styles/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  234. package/src/styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  235. package/src/styles/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  236. package/src/styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  237. package/src/styles/img/bg-dark.svg +31 -0
  238. package/src/styles/img/bg-light.svg +26 -0
  239. package/src/styles/less/accordion.css +255 -0
  240. package/src/styles/less/accordion.less +15 -0
  241. package/src/styles/less/addons/_background-utilities.less +82 -0
  242. package/src/styles/less/addons/_border.less +3 -0
  243. package/src/styles/less/addons/_display-utilities.less +159 -0
  244. package/src/styles/less/addons/_spacing-utilities.less +73 -0
  245. package/src/styles/less/addons/_utilities.less +147 -0
  246. package/src/styles/less/alerts.css +751 -0
  247. package/src/styles/less/alerts.less +252 -0
  248. package/src/styles/less/background.css +20 -0
  249. package/src/styles/less/background.less +24 -0
  250. package/src/styles/less/badge.css +90 -0
  251. package/src/styles/less/badge.less +85 -0
  252. package/src/styles/less/border-radius.css +3 -0
  253. package/src/styles/less/border-radius.less +3 -0
  254. package/src/styles/less/breadcrumbs.css +20 -0
  255. package/src/styles/less/breadcrumbs.less +27 -0
  256. package/src/styles/less/button-groups.css +495 -0
  257. package/src/styles/less/button-groups.less +424 -0
  258. package/src/styles/less/buttons.css +1390 -0
  259. package/src/styles/less/buttons.less +738 -0
  260. package/src/styles/less/chevron.css +35 -0
  261. package/src/styles/less/chevron.less +39 -0
  262. package/src/styles/less/circles.css +248 -0
  263. package/src/styles/less/circles.less +233 -0
  264. package/src/styles/less/close.css +47 -0
  265. package/src/styles/less/close.less +48 -0
  266. package/src/styles/less/column-layout.css +164 -0
  267. package/src/styles/less/column-layout.less +167 -0
  268. package/src/styles/less/components/_component-animations.less +43 -0
  269. package/src/styles/less/core/_fonts.less +97 -0
  270. package/src/styles/less/core/_scaffolding.less +380 -0
  271. package/src/styles/less/core/_typography-utilities.less +255 -0
  272. package/src/styles/less/core/_typography.less +575 -0
  273. package/src/styles/less/core/viewport-themes.css +59 -0
  274. package/src/styles/less/core/viewport-themes.less +65 -0
  275. package/src/styles/less/currency-flags.css +46 -0
  276. package/src/styles/less/currency-flags.less +42 -0
  277. package/src/styles/less/decision.css +136 -0
  278. package/src/styles/less/decision.less +98 -0
  279. package/src/styles/less/dropdowns.css +472 -0
  280. package/src/styles/less/dropdowns.less +365 -0
  281. package/src/styles/less/droppable.css +221 -0
  282. package/src/styles/less/droppable.less +213 -0
  283. package/src/styles/less/flex.css +598 -0
  284. package/src/styles/less/flex.less +113 -0
  285. package/src/styles/less/footer.css +129 -0
  286. package/src/styles/less/footer.less +113 -0
  287. package/src/styles/less/forms/bootstrap-forms.css +2277 -0
  288. package/src/styles/less/forms/bootstrap-forms.less +1218 -0
  289. package/src/styles/less/forms/checkbox-radio.css +367 -0
  290. package/src/styles/less/forms/checkbox-radio.less +330 -0
  291. package/src/styles/less/grid.css +2369 -0
  292. package/src/styles/less/grid.less +187 -0
  293. package/src/styles/less/input-groups.css +2740 -0
  294. package/src/styles/less/input-groups.less +298 -0
  295. package/src/styles/less/link-callout.css +20 -0
  296. package/src/styles/less/link-callout.less +17 -0
  297. package/src/styles/less/list-group.css +350 -0
  298. package/src/styles/less/list-group.less +260 -0
  299. package/src/styles/less/loaders.css +76 -0
  300. package/src/styles/less/loaders.less +91 -0
  301. package/src/styles/less/media.css +74 -0
  302. package/src/styles/less/media.less +68 -0
  303. package/src/styles/less/mixins/_alerts.less +39 -0
  304. package/src/styles/less/mixins/_arrows.less +52 -0
  305. package/src/styles/less/mixins/_border-radius.less +11 -0
  306. package/src/styles/less/mixins/_buttons.less +82 -0
  307. package/src/styles/less/mixins/_center-block.less +7 -0
  308. package/src/styles/less/mixins/_clearfix.less +23 -0
  309. package/src/styles/less/mixins/_flex.less +105 -0
  310. package/src/styles/less/mixins/_forms.less +130 -0
  311. package/src/styles/less/mixins/_grid-framework.less +104 -0
  312. package/src/styles/less/mixins/_grid.less +158 -0
  313. package/src/styles/less/mixins/_hide-text.less +20 -0
  314. package/src/styles/less/mixins/_links.less +7 -0
  315. package/src/styles/less/mixins/_list-group.less +23 -0
  316. package/src/styles/less/mixins/_logical-properties-IE-friendly.less +381 -0
  317. package/src/styles/less/mixins/_logical-properties-modern-browsers.less +226 -0
  318. package/src/styles/less/mixins/_logical-properties.less +5 -0
  319. package/src/styles/less/mixins/_nav-divider.less +10 -0
  320. package/src/styles/less/mixins/_nav-vertical-align.less +10 -0
  321. package/src/styles/less/mixins/_panels.less +23 -0
  322. package/src/styles/less/mixins/_physical-properties.less +110 -0
  323. package/src/styles/less/mixins/_reset-text.less +22 -0
  324. package/src/styles/less/mixins/_sequence.less +203 -0
  325. package/src/styles/less/mixins/_spacing.less +122 -0
  326. package/src/styles/less/mixins/_tab-focus.less +5 -0
  327. package/src/styles/less/mixins/_table-row.less +47 -0
  328. package/src/styles/less/mixins/_text-emphasis.less +39 -0
  329. package/src/styles/less/mixins/_text-overflow.less +8 -0
  330. package/src/styles/less/mixins/_theming.less +7 -0
  331. package/src/styles/less/modals.css +185 -0
  332. package/src/styles/less/modals.less +239 -0
  333. package/src/styles/less/navbar.css +2406 -0
  334. package/src/styles/less/navbar.less +1442 -0
  335. package/src/styles/less/navs.css +296 -0
  336. package/src/styles/less/navs.less +339 -0
  337. package/src/styles/less/neptune-social-media.css +144 -0
  338. package/src/styles/less/neptune-social-media.less +84 -0
  339. package/src/styles/less/neptune.bundle.less +63 -0
  340. package/src/styles/less/neptune.css +25724 -0
  341. package/src/styles/less/panels.css +528 -0
  342. package/src/styles/less/panels.less +410 -0
  343. package/src/styles/less/popovers.css +661 -0
  344. package/src/styles/less/popovers.less +379 -0
  345. package/src/styles/less/process.css +483 -0
  346. package/src/styles/less/process.less +426 -0
  347. package/src/styles/less/progress-bars.css +64 -0
  348. package/src/styles/less/progress-bars.less +55 -0
  349. package/src/styles/less/ring.css +55 -0
  350. package/src/styles/less/ring.less +51 -0
  351. package/src/styles/less/select.css +99 -0
  352. package/src/styles/less/select.less +88 -0
  353. package/src/styles/less/sequences.css +855 -0
  354. package/src/styles/less/sequences.less +511 -0
  355. package/src/styles/less/table.css +446 -0
  356. package/src/styles/less/table.less +385 -0
  357. package/src/styles/less/tick.css +32 -0
  358. package/src/styles/less/tick.less +37 -0
  359. package/src/styles/less/tooltip.css +160 -0
  360. package/src/styles/less/tooltip.less +130 -0
  361. package/src/styles/less/utilities.css +145 -0
  362. package/src/styles/less/utilities.less +153 -0
  363. package/src/styles/less/wells.css +74 -0
  364. package/src/styles/less/wells.less +37 -0
  365. package/src/styles/props/custom-media.css +11 -0
  366. package/src/styles/props/legacy-custom-props.css +69 -0
  367. package/src/styles/props/neptune-tokens.css +11 -0
  368. package/src/styles/variables/legacy-variables.css +0 -0
  369. package/src/styles/variables/legacy-variables.less +1299 -0
  370. package/src/styles/variables/neptune-tokens.css +0 -0
  371. package/src/styles/variables/neptune-tokens.less +12 -0
  372. package/src/styles/variables/zindex.css +0 -0
  373. package/src/styles/variables/zindex.less +17 -0
  374. package/src/summary/Summary.less +1 -1
  375. package/src/summary/Summary.test.story.tsx +1 -1
  376. package/src/switch/Switch.less +4 -4
  377. package/src/table/Table.less +1 -1
  378. package/src/tabs/Tabs.less +4 -4
  379. package/src/tile/Tile.less +1 -1
  380. package/src/tooltip/Tooltip.less +1 -1
  381. package/src/tooltip/Tooltip.story.tsx +0 -21
  382. package/src/tooltip/Tooltip.test.story.tsx +42 -0
  383. package/src/typeahead/Typeahead.less +2 -2
  384. package/src/typeahead/Typeahead.story.tsx +0 -52
  385. package/src/typeahead/Typeahead.test.story.tsx +73 -0
  386. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  387. package/src/upload/Upload.less +1 -1
  388. package/src/uploadInput/UploadInput.less +2 -2
  389. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
package/build/styles/less/neptune-tokens.css ADDED
File without changes
package/build/styles/less/neptune-tokens.less ADDED
@@ -0,0 +1,275 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Wed, 07 Jan 2026 11:56:15 GMT
4
+
5
+ @color-dark-content-primary: #e2e6e8;
6
+ @color-dark-content-secondary: #c9cbce;
7
+ @color-dark-content-tertiary: #a8aaac;
8
+ @color-dark-content-accent: #00b9ff;
9
+ @color-dark-content-accent-hover: #00a6ea;
10
+ @color-dark-content-accent-active: #0097db;
11
+ @color-dark-content-positive: #6fd698;
12
+ @color-dark-content-positive-hover: #5ac285;
13
+ @color-dark-content-positive-active: #4bb377;
14
+ @color-dark-content-negative: #ffa6a9;
15
+ @color-dark-content-negative-hover: #ea9396;
16
+ @color-dark-content-negative-active: #da8488;
17
+ @color-dark-content-warning: #ffd184;
18
+ @color-dark-content-warning-hover: #e9bd71;
19
+ @color-dark-content-warning-active: #daae63;
20
+ @color-dark-interactive-accent: #00a2dd;
21
+ @color-dark-interactive-accent-hover: #008fc9;
22
+ @color-dark-interactive-accent-active: #0081ba;
23
+ @color-dark-interactive-positive: #2ead4b;
24
+ @color-dark-interactive-positive-hover: #069939;
25
+ @color-dark-interactive-positive-active: #008b2b;
26
+ @color-dark-interactive-negative: #e74848;
27
+ @color-dark-interactive-negative-hover: #d03238;
28
+ @color-dark-interactive-negative-active: #bf1e2c;
29
+ @color-dark-interactive-warning: #df8700;
30
+ @color-dark-interactive-warning-hover: #c97500;
31
+ @color-dark-interactive-warning-active: #b86700;
32
+ @color-dark-interactive-secondary: #a8aaac;
33
+ @color-dark-interactive-secondary-hover: #959799;
34
+ @color-dark-interactive-secondary-active: #87898b;
35
+ @color-dark-background-screen: #181818;
36
+ @color-dark-background-elevated: #202020;
37
+ @color-dark-background-neutral: #86a7bd1a;
38
+ @color-dark-background-accent: #38c8ff1a;
39
+ @color-dark-background-positive: #36c7971a;
40
+ @color-dark-background-negative: #ff87871a;
41
+ @color-dark-background-warning: #ffac001a;
42
+ @color-dark-background-overlay: #ffffff1a;
43
+ @color-dark-border-neutral: #ffffff1a;
44
+ @color-dark-border-overlay: #ffffff1a;
45
+ @color-dark-core-contrast: #ffffff;
46
+ @color-content-primary: #37517e;
47
+ @color-content-secondary: #5d7079;
48
+ @color-content-tertiary: #768e9c;
49
+ @color-content-accent: #0097c7;
50
+ @color-content-accent-hover: #0084b3;
51
+ @color-content-accent-active: #0077a5;
52
+ @color-content-positive: #008026;
53
+ @color-content-positive-hover: #006d13;
54
+ @color-content-positive-active: #006002;
55
+ @color-content-negative: #cf2929;
56
+ @color-content-negative-hover: #b80419;
57
+ @color-content-negative-active: #a7000d;
58
+ @color-content-warning: #9a6500;
59
+ @color-content-warning-hover: #855400;
60
+ @color-content-warning-active: #764700;
61
+ @color-interactive-accent: #00a2dd;
62
+ @color-interactive-accent-hover: #008fc9;
63
+ @color-interactive-accent-active: #0081ba;
64
+ @color-interactive-positive: #2ead4b;
65
+ @color-interactive-positive-hover: #069939;
66
+ @color-interactive-positive-active: #008b2b;
67
+ @color-interactive-negative: #e74848;
68
+ @color-interactive-negative-hover: #d03238;
69
+ @color-interactive-negative-active: #bf1e2c;
70
+ @color-interactive-warning: #df8700;
71
+ @color-interactive-warning-hover: #c97500;
72
+ @color-interactive-warning-active: #b86700;
73
+ @color-interactive-secondary: #c9cbce;
74
+ @color-interactive-secondary-hover: #b5b7ba;
75
+ @color-interactive-secondary-active: #a7a9ab;
76
+ @color-background-screen: #ffffff;
77
+ @color-background-elevated: #ffffff;
78
+ @color-background-neutral: #86a7bd1a;
79
+ @color-background-accent: #38c8ff1a;
80
+ @color-background-positive: #36c7971a;
81
+ @color-background-negative: #ff87871a;
82
+ @color-background-warning: #ffac001a;
83
+ @color-background-overlay: #0000001a;
84
+ @color-border-neutral: #0000001a;
85
+ @color-border-overlay: #0000001a;
86
+ @color-core-contrast: #000000;
87
+ @color-navy-content-primary: #ffffff;
88
+ @color-navy-content-secondary: #c9cbce;
89
+ @color-navy-content-tertiary: #a8aaac;
90
+ @color-navy-content-accent: #00b9ff;
91
+ @color-navy-content-accent-hover: #00a6ea;
92
+ @color-navy-content-accent-active: #0097db;
93
+ @color-navy-content-positive: #6fd698;
94
+ @color-navy-content-positive-hover: #5ac285;
95
+ @color-navy-content-positive-active: #4bb377;
96
+ @color-navy-content-negative: #ffa6a9;
97
+ @color-navy-content-negative-hover: #ea9396;
98
+ @color-navy-content-negative-active: #da8488;
99
+ @color-navy-content-warning: #ffd184;
100
+ @color-navy-content-warning-hover: #e9bd71;
101
+ @color-navy-content-warning-active: #daae63;
102
+ @color-navy-interactive-accent: #00a2dd;
103
+ @color-navy-interactive-accent-hover: #008fc9;
104
+ @color-navy-interactive-accent-active: #0081ba;
105
+ @color-navy-interactive-positive: #2ead4b;
106
+ @color-navy-interactive-positive-hover: #069939;
107
+ @color-navy-interactive-positive-active: #008b2b;
108
+ @color-navy-interactive-negative: #e74848;
109
+ @color-navy-interactive-negative-hover: #d03238;
110
+ @color-navy-interactive-negative-active: #bf1e2c;
111
+ @color-navy-interactive-warning: #df8700;
112
+ @color-navy-interactive-warning-hover: #c97500;
113
+ @color-navy-interactive-warning-active: #b86700;
114
+ @color-navy-interactive-secondary: #a8aaac;
115
+ @color-navy-interactive-secondary-hover: #959799;
116
+ @color-navy-interactive-secondary-active: #87898b;
117
+ @color-navy-background-screen: #2e4369;
118
+ @color-navy-background-elevated: #37517e;
119
+ @color-navy-background-neutral: #86a7bd1a;
120
+ @color-navy-background-accent: #38c8ff1a;
121
+ @color-navy-background-positive: #36c7971a;
122
+ @color-navy-background-negative: #ff87871a;
123
+ @color-navy-background-warning: #ffac001a;
124
+ @color-navy-background-overlay: #ffffff1a;
125
+ @color-navy-border-neutral: #ffffff1a;
126
+ @color-navy-border-overlay: #ffffff1a;
127
+ @color-navy-core-contrast: #ffffff;
128
+ @padding-x-small: 8px;
129
+ @padding-small: 16px;
130
+ @padding-medium: 24px;
131
+ @padding-large: 32px;
132
+ @radius-full: 9999px;
133
+ @radius-small: 10px;
134
+ @radius-medium: 16px;
135
+ @radius-large: 24px;
136
+ @size-4: 4px;
137
+ @size-5: 5px;
138
+ @size-8: 8px;
139
+ @size-10: 10px;
140
+ @size-12: 12px;
141
+ @size-14: 14px;
142
+ @size-16: 16px;
143
+ @size-24: 24px;
144
+ @size-32: 32px;
145
+ @size-40: 40px;
146
+ @size-48: 48px;
147
+ @size-52: 52px;
148
+ @size-56: 56px;
149
+ @size-60: 60px;
150
+ @size-64: 64px;
151
+ @size-72: 72px;
152
+ @size-80: 80px;
153
+ @size-88: 88px;
154
+ @size-96: 96px;
155
+ @size-104: 104px;
156
+ @size-112: 112px;
157
+ @size-120: 120px;
158
+ @size-126: 126px;
159
+ @size-128: 128px;
160
+ @size-146: 146px;
161
+ @size-154: 154px;
162
+ @size-160: 160px;
163
+ @size-x-small: 24px;
164
+ @size-small: 32px;
165
+ @size-medium: 40px;
166
+ @size-large: 48px;
167
+ @size-x-large: 56px;
168
+ @size-2x-large: 72px;
169
+ @space-content-horizontal: 16px;
170
+ @space-small: 16px;
171
+ @space-medium: 32px;
172
+ @space-large: 40px;
173
+ @space-x-large: 56px;
174
+ @font-size-12: 0.75rem;
175
+ @font-size-14: 0.875rem;
176
+ @font-size-16: 1rem;
177
+ @font-size-18: 1.125rem;
178
+ @font-size-20: 1.25rem;
179
+ @font-size-22: 1.375rem;
180
+ @font-size-24: 1.5rem;
181
+ @font-size-26: 1.625rem;
182
+ @font-size-28: 1.75rem;
183
+ @font-size-30: 1.875rem;
184
+ @font-size-32: 2rem;
185
+ @letter-spacing-xxs: 0.005em;
186
+ @letter-spacing-xs: 0.01em;
187
+ @letter-spacing-sm: 0.0125em;
188
+ @letter-spacing-md: 0.015em;
189
+ @letter-spacing-lg: 0.02em;
190
+ @letter-spacing-xl: 0.025em;
191
+ @letter-spacing-negative-xxs: -0.005em;
192
+ @letter-spacing-negative-xs: -0.01em;
193
+ @letter-spacing-negative-sm: -0.0125em;
194
+ @letter-spacing-negative-md: -0.015em;
195
+ @letter-spacing-negative-lg: -0.02em;
196
+ @letter-spacing-negative-xl: -0.025em;
197
+ @letter-spacing-negative-xxl: -0.03em;
198
+ @letter-spacing-negative-xxxl: -0.04em;
199
+ @letter-spacing-negative-xxxxl: -0.05em;
200
+ @line-height-18: 1.125rem;
201
+ @line-height-20: 1.25rem;
202
+ @line-height-22: 1.375rem;
203
+ @line-height-24: 1.5rem;
204
+ @line-height-28: 1.75rem;
205
+ @line-height-30: 1.875rem;
206
+ @line-height-32: 2rem;
207
+ @line-height-34: 2.125rem;
208
+ @line-height-36: 2.25rem;
209
+ @line-height-42: 2.625rem;
210
+ @line-height-48: 3rem;
211
+ @line-height-title: 1.2;
212
+ @line-height-body: 1.5;
213
+ @line-height-control: 1.2;
214
+ @font-weight-light: 300;
215
+ @font-weight-regular: 400;
216
+ @font-weight-medium: 500;
217
+ @font-weight-semi-bold: 600;
218
+ @font-weight-bold: 700;
219
+ @font-weight-black: 900;
220
+ @font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
221
+ @font-family-display: 'Wise Sans', 'Inter', sans-serif;
222
+
223
+ // Do not edit directly
224
+ // Generated on Wed, 07 Jan 2026 11:56:15 GMT
225
+
226
+ @color-base-blue-light: #00b9ff;
227
+ @color-base-blue-mid: #00a2dd;
228
+ @color-base-blue-dark: #0097c7;
229
+ @color-base-blue-fade: #38c8ff1a;
230
+ @color-base-green-light: #6fd698;
231
+ @color-base-green-mid: #2ead4b;
232
+ @color-base-green-dark: #008026;
233
+ @color-base-green-fade: #36c7971a;
234
+ @color-base-red-light: #ffa6a9;
235
+ @color-base-red-mid: #e74848;
236
+ @color-base-red-dark: #cf2929;
237
+ @color-base-red-fade: #ff87871a;
238
+ @color-base-orange-light: #ffd184;
239
+ @color-base-orange-mid: #df8700;
240
+ @color-base-orange-dark: #9a6500;
241
+ @color-base-orange-fade: #ffac001a;
242
+ @color-base-smoke-light: #e2e6e8;
243
+ @color-base-smoke-mid: #c9cbce;
244
+ @color-base-smoke-dark: #a8aaac;
245
+ @color-base-smoke-fade: #86a7bd1a;
246
+ @color-base-navy-light: #37517e;
247
+ @color-base-navy-mid: #2e4369;
248
+ @color-base-navy-dark: #253655;
249
+ @color-base-navy-fade: #849cc51a;
250
+ @color-base-grey-light: #829ca9;
251
+ @color-base-grey-mid: #768e9c;
252
+ @color-base-grey-dark: #5d7079;
253
+ @color-base-grey-fade: #829ca91a;
254
+ @color-base-white-light: #ffffff;
255
+ @color-base-white-mid: #ebebeb;
256
+ @color-base-white-fade: #ffffff1a;
257
+ @color-base-black-light: #202020;
258
+ @color-base-black-mid: #181818;
259
+ @color-base-black-dark: #000000;
260
+ @color-base-black-fade: #0000001a;
261
+ @color-base-brand-blue: #00b9ff;
262
+ @color-base-brand-purple: #485cc7;
263
+ @color-base-brand-amber: #ffb619;
264
+ @color-base-brand-borderless: #44ee70;
265
+
266
+
267
+ // DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors
268
+ @color-primary: #37517e;
269
+ @color-secondary: #5d7079;
270
+ @color-accent: #00b9ff;
271
+ @color-positive: #2ed06e;
272
+ @color-negative: #f53636;
273
+ @color-warning: #ffa600;
274
+
275
+ @color-base-white: @color-base-white-light;
package/build/styles/less/zindex.css ADDED
File without changes
package/build/styles/less/zindex.less ADDED
@@ -0,0 +1,17 @@
1
+ // Z-index master list
2
+ //
3
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
4
+ // of components dependent on the z-axis and are designed to all work together.
5
+ //
6
+ // These used to live in Bootstrap.
7
+
8
+ @zindex-navbar: 1000;
9
+ @zindex-dropdown: 1000;
10
+ @zindex-popover: 1060;
11
+ @zindex-tooltip: 1070;
12
+ @zindex-navbar-fixed: 1030;
13
+ @zindex-modal-background: 1040;
14
+ @zindex-modal: 1050;
15
+
16
+ @zindex-mobile-nav-background: 1055;
17
+ @zindex-mobile-nav: 1060;