@transferwise/components 46.130.3 → 46.131.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 (382) hide show
  1. package/build/main.css +27004 -7
  2. package/build/styles/css/accordion.css +255 -0
  3. package/build/styles/css/alerts.css +751 -0
  4. package/build/styles/css/background.css +20 -0
  5. package/build/styles/css/badge.css +90 -0
  6. package/build/styles/css/border-radius.css +3 -0
  7. package/build/styles/css/breadcrumbs.css +20 -0
  8. package/build/styles/css/button-groups.css +495 -0
  9. package/build/styles/css/buttons.css +1390 -0
  10. package/build/styles/css/chevron.css +35 -0
  11. package/build/styles/css/circles.css +248 -0
  12. package/build/styles/css/close.css +47 -0
  13. package/build/styles/css/column-layout.css +164 -0
  14. package/build/styles/css/currency-flags.css +46 -0
  15. package/build/styles/css/decision.css +136 -0
  16. package/build/styles/css/dropdowns.css +472 -0
  17. package/build/styles/css/droppable.css +221 -0
  18. package/build/styles/css/flex.css +598 -0
  19. package/build/styles/css/footer.css +129 -0
  20. package/build/styles/css/grid.css +2369 -0
  21. package/build/styles/css/input-groups.css +2740 -0
  22. package/build/styles/css/link-callout.css +20 -0
  23. package/build/styles/css/list-group.css +350 -0
  24. package/build/styles/css/loaders.css +76 -0
  25. package/build/styles/css/media.css +74 -0
  26. package/build/styles/css/modals.css +185 -0
  27. package/build/styles/css/navbar.css +2406 -0
  28. package/build/styles/css/navs.css +296 -0
  29. package/build/styles/css/neptune-social-media.css +144 -0
  30. package/build/styles/css/neptune.css +25724 -0
  31. package/build/styles/css/panels.css +528 -0
  32. package/build/styles/css/popovers.css +661 -0
  33. package/build/styles/css/process.css +483 -0
  34. package/build/styles/css/progress-bars.css +64 -0
  35. package/build/styles/css/ring.css +55 -0
  36. package/build/styles/css/select.css +99 -0
  37. package/build/styles/css/sequences.css +855 -0
  38. package/build/styles/css/table.css +446 -0
  39. package/build/styles/css/tick.css +32 -0
  40. package/build/styles/css/tooltip.css +160 -0
  41. package/build/styles/css/utilities.css +145 -0
  42. package/build/styles/css/wells.css +74 -0
  43. package/build/styles/fonts/TW-Averta-Bold.woff +0 -0
  44. package/build/styles/fonts/TW-Averta-Bold.woff2 +0 -0
  45. package/build/styles/fonts/TW-Averta-Regular.woff +0 -0
  46. package/build/styles/fonts/TW-Averta-Regular.woff2 +0 -0
  47. package/build/styles/fonts/TW-Averta-Semibold.woff +0 -0
  48. package/build/styles/fonts/TW-Averta-Semibold.woff2 +0 -0
  49. package/build/styles/fonts/TransferWise-IconFont.svg +81 -0
  50. package/build/styles/fonts/TransferWise-IconFont.woff +0 -0
  51. package/build/styles/fonts/WiseSans-Heavy.woff2 +0 -0
  52. package/build/styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  53. package/build/styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  54. package/build/styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  55. package/build/styles/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  56. package/build/styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  57. package/build/styles/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  58. package/build/styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  59. package/build/styles/img/bg-dark.svg +31 -0
  60. package/build/styles/img/bg-light.svg +26 -0
  61. package/build/styles/less/legacy-variables.css +0 -0
  62. package/build/styles/less/legacy-variables.less +1299 -0
  63. package/build/styles/less/neptune-tokens.css +0 -0
  64. package/build/styles/less/neptune-tokens.less +275 -0
  65. package/build/styles/less/zindex.css +0 -0
  66. package/build/styles/less/zindex.less +17 -0
  67. package/build/styles/main.css +27004 -7
  68. package/build/styles/props/custom-media.css +11 -0
  69. package/build/styles/props/legacy-custom-props.css +69 -0
  70. package/build/styles/props/neptune-tokens.css +152 -0
  71. package/build/styles/styles/less/accordion.css +255 -0
  72. package/build/styles/styles/less/alerts.css +751 -0
  73. package/build/styles/styles/less/background.css +20 -0
  74. package/build/styles/styles/less/badge.css +90 -0
  75. package/build/styles/styles/less/border-radius.css +3 -0
  76. package/build/styles/styles/less/breadcrumbs.css +20 -0
  77. package/build/styles/styles/less/button-groups.css +495 -0
  78. package/build/styles/styles/less/buttons.css +1390 -0
  79. package/build/styles/styles/less/chevron.css +35 -0
  80. package/build/styles/styles/less/circles.css +248 -0
  81. package/build/styles/styles/less/close.css +47 -0
  82. package/build/styles/styles/less/column-layout.css +164 -0
  83. package/build/styles/styles/less/core/viewport-themes.css +59 -0
  84. package/build/styles/styles/less/currency-flags.css +46 -0
  85. package/build/styles/styles/less/decision.css +136 -0
  86. package/build/styles/styles/less/dropdowns.css +472 -0
  87. package/build/styles/styles/less/droppable.css +221 -0
  88. package/build/styles/styles/less/flex.css +598 -0
  89. package/build/styles/styles/less/footer.css +129 -0
  90. package/build/styles/styles/less/forms/bootstrap-forms.css +2277 -0
  91. package/build/styles/styles/less/forms/checkbox-radio.css +367 -0
  92. package/build/styles/styles/less/grid.css +2369 -0
  93. package/build/styles/styles/less/input-groups.css +2740 -0
  94. package/build/styles/styles/less/link-callout.css +20 -0
  95. package/build/styles/styles/less/list-group.css +350 -0
  96. package/build/styles/styles/less/loaders.css +76 -0
  97. package/build/styles/styles/less/media.css +74 -0
  98. package/build/styles/styles/less/modals.css +185 -0
  99. package/build/styles/styles/less/navbar.css +2406 -0
  100. package/build/styles/styles/less/navs.css +296 -0
  101. package/build/styles/styles/less/neptune-social-media.css +144 -0
  102. package/build/styles/styles/less/neptune.css +25724 -0
  103. package/build/styles/styles/less/panels.css +528 -0
  104. package/build/styles/styles/less/popovers.css +661 -0
  105. package/build/styles/styles/less/process.css +483 -0
  106. package/build/styles/styles/less/progress-bars.css +64 -0
  107. package/build/styles/styles/less/ring.css +55 -0
  108. package/build/styles/styles/less/select.css +99 -0
  109. package/build/styles/styles/less/sequences.css +855 -0
  110. package/build/styles/styles/less/table.css +446 -0
  111. package/build/styles/styles/less/tick.css +32 -0
  112. package/build/styles/styles/less/tooltip.css +160 -0
  113. package/build/styles/styles/less/utilities.css +145 -0
  114. package/build/styles/styles/less/wells.css +74 -0
  115. package/build/styles/styles/props/custom-media.css +11 -0
  116. package/build/styles/styles/props/legacy-custom-props.css +69 -0
  117. package/build/styles/styles/props/neptune-tokens.css +11 -0
  118. package/build/styles/styles/variables/legacy-variables.css +0 -0
  119. package/build/styles/styles/variables/neptune-tokens.css +0 -0
  120. package/build/styles/styles/variables/zindex.css +0 -0
  121. package/package.json +9 -5
  122. package/src/{DisabledComponents.story.tsx → DisabledComponents.test.story.tsx} +1 -1
  123. package/src/accordion/Accordion.less +3 -3
  124. package/src/actionButton/ActionButton.less +1 -1
  125. package/src/actionButton/ActionButton.story.tsx +11 -7
  126. package/src/actionButton/ActionButton.test.story.tsx +49 -0
  127. package/src/avatar/Avatar.less +3 -3
  128. package/src/avatarLayout/AvatarLayout.story.tsx +1 -105
  129. package/src/avatarLayout/AvatarLayout.test.story.tsx +117 -0
  130. package/src/avatarView/AvatarView.story.tsx +1 -104
  131. package/src/avatarView/AvatarView.test.story.tsx +114 -0
  132. package/src/badge/Badge.less +1 -1
  133. package/src/button/LegacyButton.less +1 -1
  134. package/src/button/LegacyButton.story.tsx +1 -26
  135. package/src/button/LegacyButton.test.story.tsx +37 -0
  136. package/src/button/_stories/Button.story.tsx +17 -41
  137. package/src/button/_stories/Button.test.story.tsx +30 -0
  138. package/src/card/Card.less +3 -3
  139. package/src/checkbox/Checkbox.story.tsx +1 -6
  140. package/src/checkbox/Checkbox.test.story.tsx +33 -0
  141. package/src/checkboxButton/CheckboxButton.less +2 -2
  142. package/src/chips/Chip.less +3 -3
  143. package/src/circularButton/CircularButton.story.tsx +0 -6
  144. package/src/circularButton/CircularButton.test.story.tsx +62 -1
  145. package/src/common/Option/Option.less +2 -2
  146. package/src/common/bottomSheet/BottomSheet.less +1 -1
  147. package/src/common/bottomSheet/BottomSheet.story.tsx +0 -55
  148. package/src/common/bottomSheet/BottomSheet.test.story.tsx +118 -2
  149. package/src/common/closeButton/CloseButton.less +1 -1
  150. package/src/common/panel/Panel.less +1 -1
  151. package/src/criticalBanner/CriticalCommsBanner.test.story.tsx +1 -1
  152. package/src/dateLookup/DateLookup.less +1 -1
  153. package/src/dateLookup/DateLookup.story.tsx +0 -18
  154. package/src/dateLookup/DateLookup.test.story.tsx +51 -1
  155. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  156. package/src/decision/Decision.less +1 -1
  157. package/src/definitionList/DefinitionList.less +1 -1
  158. package/src/dimmer/Dimmer.less +2 -2
  159. package/src/divider/Divider.story.tsx +0 -1
  160. package/src/expressiveMoneyInput/ExpressiveMoneyInput.autofocus.docs.mdx +1 -1
  161. package/src/expressiveMoneyInput/ExpressiveMoneyInput.story.tsx +0 -9
  162. package/src/expressiveMoneyInput/ExpressiveMoneyInput.test.story.tsx +23 -0
  163. package/src/field/Field.story.tsx +1 -34
  164. package/src/field/Field.test.story.tsx +56 -0
  165. package/src/flowNavigation/FlowNavigation.less +1 -1
  166. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  167. package/src/header/Header.test.story.tsx +1 -1
  168. package/src/info/Info.less +1 -1
  169. package/src/info/Info.story.tsx +1 -34
  170. package/src/info/Info.test.story.tsx +53 -0
  171. package/src/inputWithDisplayFormat/InputWithDisplayFormat.story.tsx +0 -12
  172. package/src/inputWithDisplayFormat/InputWithDisplayFormat.test.story.tsx +33 -0
  173. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.less +1 -1
  174. package/src/inputs/SelectInput/Options/SelectInputOptions.less +1 -1
  175. package/src/inputs/SelectInput/SelectInput.less +1 -1
  176. package/src/inputs/_common.less +1 -1
  177. package/src/legacylistItem/LegacyListItem.test.story.tsx +1 -1
  178. package/src/link/Link.less +2 -2
  179. package/src/listItem/ListItem.less +1 -1
  180. package/src/listItem/_stories/Breakpoints/ListItem.noMedia.test.story.tsx +1 -1
  181. package/src/listItem/_stories/Breakpoints/ListItem.sideMedia.test.story.tsx +1 -1
  182. package/src/listItem/_stories/Breakpoints/ListItem.stackedMedia.test.story.tsx +1 -1
  183. package/src/listItem/_stories/ListItem.focus.test.story.tsx +1 -1
  184. package/src/listItem/_stories/ListItem.layout.test.story.tsx +1 -1
  185. package/src/listItem/_stories/variants/ListItem.brightGreen.test.story.tsx +1 -1
  186. package/src/listItem/_stories/variants/ListItem.dark.test.story.tsx +1 -1
  187. package/src/listItem/_stories/variants/ListItem.forestGreen.test.story.tsx +1 -1
  188. package/src/listItem/_stories/variants/ListItem.medium.test.story.tsx +1 -1
  189. package/src/listItem/_stories/variants/ListItem.neutral.test.story.tsx +1 -1
  190. package/src/listItem/_stories/variants/ListItem.personal.test.story.tsx +1 -1
  191. package/src/listItem/_stories/variants/ListItem.rtl.test.story.tsx +1 -1
  192. package/src/listItem/_stories/variants/ListItem.small.test.story.tsx +1 -1
  193. package/src/logo/Logo.story.tsx +0 -6
  194. package/src/logo/Logo.test.story.tsx +20 -0
  195. package/src/main.css +27004 -7
  196. package/src/main.less +2 -0
  197. package/src/modal/Modal.story.tsx +0 -26
  198. package/src/modal/Modal.test.story.tsx +125 -0
  199. package/src/moneyInput/MoneyInput.less +2 -2
  200. package/src/moneyInput/MoneyInput.test.story.tsx +1 -1
  201. package/src/navigationOption/NavigationOption.less +3 -3
  202. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  203. package/src/overlayHeader/OverlayHeader.less +1 -1
  204. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  205. package/src/popover/Popover.less +1 -1
  206. package/src/prompt/ActionPrompt/ActionPrompt.story.tsx +0 -43
  207. package/src/prompt/ActionPrompt/ActionPrompt.test.story.tsx +45 -1
  208. package/src/radioGroup/RadioGroup.test.story.tsx +1 -1
  209. package/src/select/Select.less +5 -5
  210. package/src/slidingPanel/SlidingPanel.less +2 -2
  211. package/src/snackbar/Snackbar.less +3 -3
  212. package/src/stepper/Stepper.less +3 -3
  213. package/src/stepper/Stepper.test.story.tsx +1 -1
  214. package/src/styles/fonts/TW-Averta-Bold.woff +0 -0
  215. package/src/styles/fonts/TW-Averta-Bold.woff2 +0 -0
  216. package/src/styles/fonts/TW-Averta-Regular.woff +0 -0
  217. package/src/styles/fonts/TW-Averta-Regular.woff2 +0 -0
  218. package/src/styles/fonts/TW-Averta-Semibold.woff +0 -0
  219. package/src/styles/fonts/TW-Averta-Semibold.woff2 +0 -0
  220. package/src/styles/fonts/TransferWise-IconFont.svg +81 -0
  221. package/src/styles/fonts/TransferWise-IconFont.woff +0 -0
  222. package/src/styles/fonts/WiseSans-Heavy.woff2 +0 -0
  223. package/src/styles/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  224. package/src/styles/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  225. package/src/styles/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  226. package/src/styles/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  227. package/src/styles/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  228. package/src/styles/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  229. package/src/styles/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  230. package/src/styles/img/bg-dark.svg +31 -0
  231. package/src/styles/img/bg-light.svg +26 -0
  232. package/src/styles/less/accordion.css +255 -0
  233. package/src/styles/less/accordion.less +15 -0
  234. package/src/styles/less/addons/_background-utilities.less +82 -0
  235. package/src/styles/less/addons/_border.less +3 -0
  236. package/src/styles/less/addons/_display-utilities.less +159 -0
  237. package/src/styles/less/addons/_spacing-utilities.less +73 -0
  238. package/src/styles/less/addons/_utilities.less +147 -0
  239. package/src/styles/less/alerts.css +751 -0
  240. package/src/styles/less/alerts.less +252 -0
  241. package/src/styles/less/background.css +20 -0
  242. package/src/styles/less/background.less +24 -0
  243. package/src/styles/less/badge.css +90 -0
  244. package/src/styles/less/badge.less +85 -0
  245. package/src/styles/less/border-radius.css +3 -0
  246. package/src/styles/less/border-radius.less +3 -0
  247. package/src/styles/less/breadcrumbs.css +20 -0
  248. package/src/styles/less/breadcrumbs.less +27 -0
  249. package/src/styles/less/button-groups.css +495 -0
  250. package/src/styles/less/button-groups.less +424 -0
  251. package/src/styles/less/buttons.css +1390 -0
  252. package/src/styles/less/buttons.less +738 -0
  253. package/src/styles/less/chevron.css +35 -0
  254. package/src/styles/less/chevron.less +39 -0
  255. package/src/styles/less/circles.css +248 -0
  256. package/src/styles/less/circles.less +233 -0
  257. package/src/styles/less/close.css +47 -0
  258. package/src/styles/less/close.less +48 -0
  259. package/src/styles/less/column-layout.css +164 -0
  260. package/src/styles/less/column-layout.less +167 -0
  261. package/src/styles/less/components/_component-animations.less +43 -0
  262. package/src/styles/less/core/_fonts.less +97 -0
  263. package/src/styles/less/core/_scaffolding.less +380 -0
  264. package/src/styles/less/core/_typography-utilities.less +255 -0
  265. package/src/styles/less/core/_typography.less +575 -0
  266. package/src/styles/less/core/viewport-themes.css +59 -0
  267. package/src/styles/less/core/viewport-themes.less +65 -0
  268. package/src/styles/less/currency-flags.css +46 -0
  269. package/src/styles/less/currency-flags.less +42 -0
  270. package/src/styles/less/decision.css +136 -0
  271. package/src/styles/less/decision.less +98 -0
  272. package/src/styles/less/dropdowns.css +472 -0
  273. package/src/styles/less/dropdowns.less +365 -0
  274. package/src/styles/less/droppable.css +221 -0
  275. package/src/styles/less/droppable.less +213 -0
  276. package/src/styles/less/flex.css +598 -0
  277. package/src/styles/less/flex.less +113 -0
  278. package/src/styles/less/footer.css +129 -0
  279. package/src/styles/less/footer.less +113 -0
  280. package/src/styles/less/forms/bootstrap-forms.css +2277 -0
  281. package/src/styles/less/forms/bootstrap-forms.less +1218 -0
  282. package/src/styles/less/forms/checkbox-radio.css +367 -0
  283. package/src/styles/less/forms/checkbox-radio.less +330 -0
  284. package/src/styles/less/grid.css +2369 -0
  285. package/src/styles/less/grid.less +187 -0
  286. package/src/styles/less/input-groups.css +2740 -0
  287. package/src/styles/less/input-groups.less +298 -0
  288. package/src/styles/less/link-callout.css +20 -0
  289. package/src/styles/less/link-callout.less +17 -0
  290. package/src/styles/less/list-group.css +350 -0
  291. package/src/styles/less/list-group.less +260 -0
  292. package/src/styles/less/loaders.css +76 -0
  293. package/src/styles/less/loaders.less +91 -0
  294. package/src/styles/less/media.css +74 -0
  295. package/src/styles/less/media.less +68 -0
  296. package/src/styles/less/mixins/_alerts.less +39 -0
  297. package/src/styles/less/mixins/_arrows.less +52 -0
  298. package/src/styles/less/mixins/_border-radius.less +11 -0
  299. package/src/styles/less/mixins/_buttons.less +82 -0
  300. package/src/styles/less/mixins/_center-block.less +7 -0
  301. package/src/styles/less/mixins/_clearfix.less +23 -0
  302. package/src/styles/less/mixins/_flex.less +105 -0
  303. package/src/styles/less/mixins/_forms.less +130 -0
  304. package/src/styles/less/mixins/_grid-framework.less +104 -0
  305. package/src/styles/less/mixins/_grid.less +158 -0
  306. package/src/styles/less/mixins/_hide-text.less +20 -0
  307. package/src/styles/less/mixins/_links.less +7 -0
  308. package/src/styles/less/mixins/_list-group.less +23 -0
  309. package/src/styles/less/mixins/_logical-properties-IE-friendly.less +381 -0
  310. package/src/styles/less/mixins/_logical-properties-modern-browsers.less +226 -0
  311. package/src/styles/less/mixins/_logical-properties.less +5 -0
  312. package/src/styles/less/mixins/_nav-divider.less +10 -0
  313. package/src/styles/less/mixins/_nav-vertical-align.less +10 -0
  314. package/src/styles/less/mixins/_panels.less +23 -0
  315. package/src/styles/less/mixins/_physical-properties.less +110 -0
  316. package/src/styles/less/mixins/_reset-text.less +22 -0
  317. package/src/styles/less/mixins/_sequence.less +203 -0
  318. package/src/styles/less/mixins/_spacing.less +122 -0
  319. package/src/styles/less/mixins/_tab-focus.less +5 -0
  320. package/src/styles/less/mixins/_table-row.less +47 -0
  321. package/src/styles/less/mixins/_text-emphasis.less +39 -0
  322. package/src/styles/less/mixins/_text-overflow.less +8 -0
  323. package/src/styles/less/mixins/_theming.less +7 -0
  324. package/src/styles/less/modals.css +185 -0
  325. package/src/styles/less/modals.less +239 -0
  326. package/src/styles/less/navbar.css +2406 -0
  327. package/src/styles/less/navbar.less +1442 -0
  328. package/src/styles/less/navs.css +296 -0
  329. package/src/styles/less/navs.less +339 -0
  330. package/src/styles/less/neptune-social-media.css +144 -0
  331. package/src/styles/less/neptune-social-media.less +84 -0
  332. package/src/styles/less/neptune.bundle.less +63 -0
  333. package/src/styles/less/neptune.css +25724 -0
  334. package/src/styles/less/panels.css +528 -0
  335. package/src/styles/less/panels.less +410 -0
  336. package/src/styles/less/popovers.css +661 -0
  337. package/src/styles/less/popovers.less +379 -0
  338. package/src/styles/less/process.css +483 -0
  339. package/src/styles/less/process.less +426 -0
  340. package/src/styles/less/progress-bars.css +64 -0
  341. package/src/styles/less/progress-bars.less +55 -0
  342. package/src/styles/less/ring.css +55 -0
  343. package/src/styles/less/ring.less +51 -0
  344. package/src/styles/less/select.css +99 -0
  345. package/src/styles/less/select.less +88 -0
  346. package/src/styles/less/sequences.css +855 -0
  347. package/src/styles/less/sequences.less +511 -0
  348. package/src/styles/less/table.css +446 -0
  349. package/src/styles/less/table.less +385 -0
  350. package/src/styles/less/tick.css +32 -0
  351. package/src/styles/less/tick.less +37 -0
  352. package/src/styles/less/tooltip.css +160 -0
  353. package/src/styles/less/tooltip.less +130 -0
  354. package/src/styles/less/utilities.css +145 -0
  355. package/src/styles/less/utilities.less +153 -0
  356. package/src/styles/less/wells.css +74 -0
  357. package/src/styles/less/wells.less +37 -0
  358. package/src/styles/props/custom-media.css +11 -0
  359. package/src/styles/props/legacy-custom-props.css +69 -0
  360. package/src/styles/props/neptune-tokens.css +11 -0
  361. package/src/styles/variables/legacy-variables.css +0 -0
  362. package/src/styles/variables/legacy-variables.less +1299 -0
  363. package/src/styles/variables/neptune-tokens.css +0 -0
  364. package/src/styles/variables/neptune-tokens.less +12 -0
  365. package/src/styles/variables/zindex.css +0 -0
  366. package/src/styles/variables/zindex.less +17 -0
  367. package/src/summary/Summary.less +1 -1
  368. package/src/summary/Summary.test.story.tsx +1 -1
  369. package/src/switch/Switch.less +4 -4
  370. package/src/table/Table.less +1 -1
  371. package/src/tabs/Tabs.less +4 -4
  372. package/src/tile/Tile.less +1 -1
  373. package/src/tooltip/Tooltip.less +1 -1
  374. package/src/tooltip/Tooltip.story.tsx +0 -21
  375. package/src/tooltip/Tooltip.test.story.tsx +42 -0
  376. package/src/typeahead/Typeahead.less +2 -2
  377. package/src/typeahead/Typeahead.story.tsx +0 -52
  378. package/src/typeahead/Typeahead.test.story.tsx +73 -0
  379. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  380. package/src/upload/Upload.less +1 -1
  381. package/src/uploadInput/UploadInput.less +2 -2
  382. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
package/src/styles/less/footer.css ADDED
@@ -0,0 +1,129 @@
1
+ .footer {
2
+ background-color: rgba(134,167,189,0.10196);
3
+ background-color: var(--color-background-neutral);
4
+ font-size: 0.875rem;
5
+ font-size: var(--font-size-14);
6
+ line-height: 155%;
7
+ letter-spacing: -0.006em;
8
+ font-weight: 400;
9
+ font-weight: var(--font-weight-regular);
10
+ padding-top: calc(8px * 10);
11
+ padding-top: calc(var(--size-8) * 10);
12
+ padding-bottom: calc(8px * 10);
13
+ padding-bottom: calc(var(--size-8) * 10);
14
+ }
15
+ @media (min-width: 576px) {
16
+ .footer {
17
+ padding-top: calc(8px * 15);
18
+ padding-top: calc(var(--size-8) * 15);
19
+ padding-bottom: calc(8px * 15);
20
+ padding-bottom: calc(var(--size-8) * 15);
21
+ }
22
+ }
23
+ @media (min-width: 992px) {
24
+ .footer {
25
+ padding-top: calc(8px * 20);
26
+ padding-top: calc(var(--size-8) * 20);
27
+ padding-bottom: calc(8px * 20);
28
+ padding-bottom: calc(var(--size-8) * 20);
29
+ }
30
+ }
31
+ .footer .footer-link,
32
+ .footer .link-icon {
33
+ color: #5d7079;
34
+ color: var(--color-content-secondary);
35
+ font-size: 0.875rem;
36
+ font-size: var(--font-size-14);
37
+ line-height: 155%;
38
+ letter-spacing: -0.006em;
39
+ font-weight: 400;
40
+ font-weight: var(--font-weight-regular);
41
+ }
42
+ .footer .footer-link:hover,
43
+ .footer .link-icon:hover,
44
+ .footer .footer-link:active,
45
+ .footer .link-icon:active,
46
+ .footer .footer-link:focus,
47
+ .footer .link-icon:focus {
48
+ color: #5d7079;
49
+ color: var(--color-content-secondary);
50
+ }
51
+ .footer .footer-title {
52
+ color: #37517e;
53
+ color: var(--color-content-primary);
54
+ }
55
+ .footer .footer-title .footer-link {
56
+ color: #37517e;
57
+ color: var(--color-content-primary);
58
+ }
59
+ .footer .footer-title .footer-link:hover,
60
+ .footer .footer-title .footer-link:active,
61
+ .footer .footer-title .footer-link:focus {
62
+ color: #37517e;
63
+ color: var(--color-content-primary);
64
+ }
65
+ .footer .logo {
66
+ color: transparent;
67
+ }
68
+ .footer .icon {
69
+ margin: 0 5px;
70
+ font-size: 32px !important;
71
+ width: 24px;
72
+ }
73
+ .footer .link-icon {
74
+ -webkit-text-decoration: none;
75
+ text-decoration: none;
76
+ }
77
+ .footer .link-icon svg {
78
+ fill: #5d7079;
79
+ fill: var(--color-content-secondary);
80
+ }
81
+ .footer .link-icon svg:hover,
82
+ .footer .link-icon svg:active,
83
+ .footer .link-icon svg:focus {
84
+ fill: #5d7079;
85
+ fill: var(--color-content-secondary);
86
+ }
87
+ .footer.footer-inverse {
88
+ background: #37517e;
89
+ }
90
+ .footer.footer-inverse .footer-link,
91
+ .footer.footer-inverse .link-icon {
92
+ color: #ffffff;
93
+ }
94
+ .footer.footer-inverse .footer-link:hover,
95
+ .footer.footer-inverse .link-icon:hover,
96
+ .footer.footer-inverse .footer-link:active,
97
+ .footer.footer-inverse .link-icon:active,
98
+ .footer.footer-inverse .footer-link:focus,
99
+ .footer.footer-inverse .link-icon:focus {
100
+ color: #ffffff;
101
+ }
102
+ .footer.footer-inverse .footer-link svg,
103
+ .footer.footer-inverse .link-icon svg {
104
+ fill: #ffffff;
105
+ }
106
+ .footer.footer-inverse .footer-link svg:hover,
107
+ .footer.footer-inverse .link-icon svg:hover,
108
+ .footer.footer-inverse .footer-link svg:active,
109
+ .footer.footer-inverse .link-icon svg:active,
110
+ .footer.footer-inverse .footer-link svg:focus,
111
+ .footer.footer-inverse .link-icon svg:focus {
112
+ fill: #ffffff;
113
+ }
114
+ .footer.footer-inverse .footer-title {
115
+ color: #ffffff;
116
+ }
117
+ .footer.footer-inverse hr {
118
+ opacity: 0.1;
119
+ }
120
+ .footer.footer-inverse .tiny,
121
+ .footer.footer-inverse .body-3,
122
+ .footer.footer-inverse .np-text-body-default {
123
+ color: #ffffff;
124
+ }
125
+ @media (max-width: 575px) {
126
+ .footer {
127
+ position: relative;
128
+ }
129
+ }
package/src/styles/less/footer.less ADDED
@@ -0,0 +1,113 @@
1
+ @import (reference) "../variables/neptune-tokens.less";
2
+ @import (reference) "../less/core/_typography.less";
3
+
4
+ .footer {
5
+ background-color: var(--color-background-neutral);
6
+ .np-text-body-default;
7
+
8
+ padding-top: calc(var(--size-8) * 10);
9
+ padding-bottom: calc(var(--size-8) * 10);
10
+
11
+ @media (--screen-sm) {
12
+ padding-top: calc(var(--size-8) * 15);
13
+ padding-bottom: calc(var(--size-8) * 15);
14
+ }
15
+
16
+ @media (--screen-lg) {
17
+ padding-top: calc(var(--size-8) * 20);
18
+ padding-bottom: calc(var(--size-8) * 20);
19
+ }
20
+
21
+ .footer-link,
22
+ .link-icon {
23
+ color: var(--color-content-secondary);
24
+ .np-text-body-default;
25
+
26
+ &:hover,
27
+ &:active,
28
+ &:focus {
29
+ color: var(--color-content-secondary);
30
+ }
31
+ }
32
+
33
+ .footer-title {
34
+ color: var(--color-content-primary);
35
+
36
+ .footer-link {
37
+ color: var(--color-content-primary);
38
+
39
+ &:hover,
40
+ &:active,
41
+ &:focus {
42
+ color: var(--color-content-primary);
43
+ }
44
+ }
45
+ }
46
+
47
+ .logo {
48
+ color: transparent;
49
+ }
50
+
51
+ .icon {
52
+ margin: 0 5px;
53
+ font-size: 32px !important;
54
+ width: 24px;
55
+ }
56
+
57
+ .link-icon {
58
+ text-decoration: none;
59
+
60
+ svg {
61
+ fill: var(--color-content-secondary);
62
+
63
+ &:hover,
64
+ &:active,
65
+ &:focus {
66
+ fill: var(--color-content-secondary);
67
+ }
68
+ }
69
+ }
70
+
71
+ &.footer-inverse {
72
+ background: @color-navy-background-elevated;
73
+
74
+ .footer-link,
75
+ .link-icon {
76
+ color: @color-navy-content-primary;
77
+
78
+ &:hover,
79
+ &:active,
80
+ &:focus {
81
+ color: @color-navy-content-primary;
82
+ }
83
+
84
+ svg {
85
+ fill: @color-navy-content-primary;
86
+
87
+ &:hover,
88
+ &:active,
89
+ &:focus {
90
+ fill: @color-navy-content-primary;
91
+ }
92
+ }
93
+ }
94
+
95
+ .footer-title {
96
+ color: @color-navy-content-primary;
97
+ }
98
+
99
+ hr {
100
+ opacity: 0.1;
101
+ }
102
+
103
+ .tiny,
104
+ .body-3,
105
+ .np-text-body-default {
106
+ color: @color-navy-content-primary;
107
+ }
108
+ }
109
+
110
+ @media (--screen-xs-max) {
111
+ position: relative;
112
+ }
113
+ }