@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/build/styles/styles/less/alerts.css ADDED
@@ -0,0 +1,751 @@
1
+ /**
2
+ * DEPRECATED: use <InfoPrompt /> component instead
3
+ */
4
+ .alert {
5
+ padding: 16px;
6
+ padding: var(--size-16);
7
+ border-radius: 10px;
8
+ color: #37517e;
9
+ color: var(--color-content-primary);
10
+ background-color: rgba(134,167,189,0.10196);
11
+ background-color: var(--color-background-neutral);
12
+ min-width: 200px;
13
+ margin-bottom: 16px;
14
+ margin-bottom: var(--size-16);
15
+ }
16
+ .np-theme-personal .alert {
17
+ padding: 24px;
18
+ padding: var(--padding-medium);
19
+ border-radius: 16px;
20
+ border-radius: var(--radius-medium);
21
+ }
22
+ .np-theme-personal .alert .alert__message {
23
+ margin-top: 0;
24
+ display: flex;
25
+ align-items: flex-start;
26
+ flex-direction: column;
27
+ justify-content: center;
28
+ }
29
+ .np-theme-personal .alert .alert__message .alert__action {
30
+ margin-top: 8px;
31
+ margin-top: var(--size-8);
32
+ }
33
+ .alert .alert__icon {
34
+ width: 32px;
35
+ width: var(--size-32);
36
+ height: 32px;
37
+ height: var(--size-32);
38
+ border-radius: 50%;
39
+ flex: none;
40
+ }
41
+ .alert .close {
42
+ margin-top: 4px;
43
+ margin-top: var(--size-4);
44
+ }
45
+ .np-theme-personal .alert .close {
46
+ margin-top: calc(8px * -1);
47
+ margin-top: calc(var(--size-8) * -1);
48
+ margin-inline-end: calc(8px * -1);
49
+ margin-inline-end: calc(var(--size-8) * -1);
50
+ }
51
+ .alert p,
52
+ .alert ul {
53
+ margin-bottom: 0;
54
+ }
55
+ .alert p + p {
56
+ margin-top: 8px;
57
+ margin-top: var(--padding-x-small);
58
+ }
59
+ .arrow {
60
+ position: relative;
61
+ }
62
+ .arrow::before {
63
+ content: " ";
64
+ position: absolute;
65
+ display: block;
66
+ width: 10px;
67
+ height: 10px;
68
+ left: 20px;
69
+ top: -5px;
70
+ transform: rotate(45deg);
71
+ background-color: inherit;
72
+ }
73
+ [dir="rtl"] .arrow::before {
74
+ right: 20px;
75
+ left: auto;
76
+ left: initial;
77
+ }
78
+ .arrow::before {
79
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
80
+ }
81
+ .arrow.arrow-center::before {
82
+ left: 50%;
83
+ margin-left: -5px;
84
+ }
85
+ [dir="rtl"] .arrow.arrow-center::before {
86
+ right: 50%;
87
+ left: auto;
88
+ left: initial;
89
+ }
90
+ [dir="rtl"] .arrow.arrow-center::before {
91
+ margin-right: -5px;
92
+ margin-left: 0;
93
+ margin-left: initial;
94
+ }
95
+ .arrow.arrow-top::before {
96
+ top: -5px;
97
+ bottom: auto;
98
+ }
99
+ .arrow.arrow-left::before {
100
+ left: 20px;
101
+ right: auto;
102
+ }
103
+ [dir="rtl"] .arrow.arrow-left::before {
104
+ right: 20px;
105
+ left: auto;
106
+ left: initial;
107
+ }
108
+ [dir="rtl"] .arrow.arrow-left::before {
109
+ left: auto;
110
+ right: auto;
111
+ right: initial;
112
+ }
113
+ .arrow.arrow-right::before {
114
+ left: auto;
115
+ right: 20px;
116
+ }
117
+ [dir="rtl"] .arrow.arrow-right::before {
118
+ right: auto;
119
+ left: auto;
120
+ left: initial;
121
+ }
122
+ [dir="rtl"] .arrow.arrow-right::before {
123
+ left: 20px;
124
+ right: auto;
125
+ right: initial;
126
+ }
127
+ .arrow.arrow-bottom::before {
128
+ top: auto;
129
+ bottom: -5px;
130
+ }
131
+ .alert-detach.arrow {
132
+ border-radius: 10px;
133
+ border-radius: var(--radius-small);
134
+ }
135
+ .form-group .alert {
136
+ padding: 4px 16px 3px;
137
+ margin-top: -2px;
138
+ border-style: solid;
139
+ border-color: rgba(0,0,0,0.10196);
140
+ border-color: var(--color-border-neutral);
141
+ border-width: 0 1px 1px;
142
+ border-top-left-radius: 0;
143
+ border-top-right-radius: 0;
144
+ margin-bottom: 0;
145
+ transition: border-color 0.15s ease-in-out;
146
+ position: relative;
147
+ }
148
+ .form-group .alert::before {
149
+ content: " ";
150
+ position: absolute;
151
+ display: block;
152
+ width: 10px;
153
+ height: 10px;
154
+ left: 20px;
155
+ top: -5px;
156
+ transform: rotate(45deg);
157
+ background-color: inherit;
158
+ }
159
+ [dir="rtl"] .form-group .alert::before {
160
+ right: 20px;
161
+ left: auto;
162
+ left: initial;
163
+ }
164
+ .form-group .alert::before {
165
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
166
+ }
167
+ .form-group .alert.arrow-center::before {
168
+ left: 50%;
169
+ margin-left: -5px;
170
+ }
171
+ [dir="rtl"] .form-group .alert.arrow-center::before {
172
+ right: 50%;
173
+ left: auto;
174
+ left: initial;
175
+ }
176
+ [dir="rtl"] .form-group .alert.arrow-center::before {
177
+ margin-right: -5px;
178
+ margin-left: 0;
179
+ margin-left: initial;
180
+ }
181
+ .form-group .alert.arrow-top::before {
182
+ top: -5px;
183
+ bottom: auto;
184
+ }
185
+ .form-group .alert.arrow-left::before {
186
+ left: 20px;
187
+ right: auto;
188
+ }
189
+ [dir="rtl"] .form-group .alert.arrow-left::before {
190
+ right: 20px;
191
+ left: auto;
192
+ left: initial;
193
+ }
194
+ [dir="rtl"] .form-group .alert.arrow-left::before {
195
+ left: auto;
196
+ right: auto;
197
+ right: initial;
198
+ }
199
+ .form-group .alert.arrow-right::before {
200
+ left: auto;
201
+ right: 20px;
202
+ }
203
+ [dir="rtl"] .form-group .alert.arrow-right::before {
204
+ right: auto;
205
+ left: auto;
206
+ left: initial;
207
+ }
208
+ [dir="rtl"] .form-group .alert.arrow-right::before {
209
+ left: 20px;
210
+ right: auto;
211
+ right: initial;
212
+ }
213
+ .form-group .alert.arrow-bottom::before {
214
+ top: auto;
215
+ bottom: -5px;
216
+ }
217
+ .form-group .radio ~ .alert,
218
+ .form-group .checkbox ~ .alert,
219
+ .form-group .alert-detach {
220
+ border-width: 0;
221
+ margin-top: 12px;
222
+ margin-top: var(--size-12);
223
+ border-radius: 10px;
224
+ border-radius: var(--radius-small);
225
+ }
226
+ .form-group .alert-focus,
227
+ .form-group .alert-info,
228
+ .form-group .alert-success,
229
+ .form-group .alert-warning,
230
+ .form-group .alert-danger {
231
+ display: none;
232
+ }
233
+ .alert-success,
234
+ .alert-positive {
235
+ background-color: rgba(54,199,151,0.10196);
236
+ background-color: var(--color-background-positive);
237
+ color: #008026;
238
+ color: var(--color-content-positive);
239
+ }
240
+ .alert-success a,
241
+ .alert-positive a,
242
+ .alert-success b,
243
+ .alert-positive b,
244
+ .alert-success strong,
245
+ .alert-positive strong,
246
+ .alert-success .close,
247
+ .alert-positive .close,
248
+ .alert-success .alert-link,
249
+ .alert-positive .alert-link,
250
+ .alert-success .icon,
251
+ .alert-positive .icon {
252
+ color: #008026;
253
+ color: var(--color-content-positive);
254
+ }
255
+ .alert-success a:hover,
256
+ .alert-positive a:hover,
257
+ .alert-success a:focus,
258
+ .alert-positive a:focus,
259
+ .alert-success .alert-link:hover,
260
+ .alert-positive .alert-link:hover,
261
+ .alert-success .alert-link:focus,
262
+ .alert-positive .alert-link:focus,
263
+ .alert-success .close:hover,
264
+ .alert-positive .close:hover,
265
+ .alert-success .close:focus,
266
+ .alert-positive .close:focus {
267
+ color: #006d13;
268
+ color: var(--color-content-positive-hover);
269
+ }
270
+ .bg-primary .alert-success,
271
+ .bg-primary .alert-positive {
272
+ background-color: rgba(54,199,151,0.10196);
273
+ color: #6fd698;
274
+ }
275
+ .bg-primary .alert-success a,
276
+ .bg-primary .alert-positive a,
277
+ .bg-primary .alert-success b,
278
+ .bg-primary .alert-positive b,
279
+ .bg-primary .alert-success strong,
280
+ .bg-primary .alert-positive strong,
281
+ .bg-primary .alert-success .close,
282
+ .bg-primary .alert-positive .close,
283
+ .bg-primary .alert-success .alert-link,
284
+ .bg-primary .alert-positive .alert-link,
285
+ .bg-primary .alert-success .icon,
286
+ .bg-primary .alert-positive .icon {
287
+ color: #6fd698;
288
+ }
289
+ .bg-primary .alert-success a:hover,
290
+ .bg-primary .alert-positive a:hover,
291
+ .bg-primary .alert-success a:focus,
292
+ .bg-primary .alert-positive a:focus,
293
+ .bg-primary .alert-success .alert-link:hover,
294
+ .bg-primary .alert-positive .alert-link:hover,
295
+ .bg-primary .alert-success .alert-link:focus,
296
+ .bg-primary .alert-positive .alert-link:focus,
297
+ .bg-primary .alert-success .close:hover,
298
+ .bg-primary .alert-positive .close:hover,
299
+ .bg-primary .alert-success .close:focus,
300
+ .bg-primary .alert-positive .close:focus {
301
+ color: #5ac285;
302
+ }
303
+ .alert-info,
304
+ .alert-neutral {
305
+ background-color: rgba(134,167,189,0.10196);
306
+ background-color: var(--color-background-neutral);
307
+ color: #37517e;
308
+ color: var(--color-content-primary);
309
+ }
310
+ .alert-info a,
311
+ .alert-neutral a,
312
+ .alert-info b,
313
+ .alert-neutral b,
314
+ .alert-info strong,
315
+ .alert-neutral strong,
316
+ .alert-info .close,
317
+ .alert-neutral .close,
318
+ .alert-info .alert-link,
319
+ .alert-neutral .alert-link,
320
+ .alert-info .icon,
321
+ .alert-neutral .icon {
322
+ color: #37517e;
323
+ color: var(--color-content-primary);
324
+ }
325
+ .alert-info a:hover,
326
+ .alert-neutral a:hover,
327
+ .alert-info a:focus,
328
+ .alert-neutral a:focus,
329
+ .alert-info .alert-link:hover,
330
+ .alert-neutral .alert-link:hover,
331
+ .alert-info .alert-link:focus,
332
+ .alert-neutral .alert-link:focus,
333
+ .alert-info .close:hover,
334
+ .alert-neutral .close:hover,
335
+ .alert-info .close:focus,
336
+ .alert-neutral .close:focus {
337
+ color: #37517e;
338
+ color: var(--color-content-primary);
339
+ }
340
+ .bg-primary .alert-info,
341
+ .bg-primary .alert-neutral {
342
+ background-color: rgba(134,167,189,0.10196);
343
+ color: #ffffff;
344
+ }
345
+ .bg-primary .alert-info a,
346
+ .bg-primary .alert-neutral a,
347
+ .bg-primary .alert-info b,
348
+ .bg-primary .alert-neutral b,
349
+ .bg-primary .alert-info strong,
350
+ .bg-primary .alert-neutral strong,
351
+ .bg-primary .alert-info .close,
352
+ .bg-primary .alert-neutral .close,
353
+ .bg-primary .alert-info .alert-link,
354
+ .bg-primary .alert-neutral .alert-link,
355
+ .bg-primary .alert-info .icon,
356
+ .bg-primary .alert-neutral .icon {
357
+ color: #ffffff;
358
+ }
359
+ .bg-primary .alert-info a:hover,
360
+ .bg-primary .alert-neutral a:hover,
361
+ .bg-primary .alert-info a:focus,
362
+ .bg-primary .alert-neutral a:focus,
363
+ .bg-primary .alert-info .alert-link:hover,
364
+ .bg-primary .alert-neutral .alert-link:hover,
365
+ .bg-primary .alert-info .alert-link:focus,
366
+ .bg-primary .alert-neutral .alert-link:focus,
367
+ .bg-primary .alert-info .close:hover,
368
+ .bg-primary .alert-neutral .close:hover,
369
+ .bg-primary .alert-info .close:focus,
370
+ .bg-primary .alert-neutral .close:focus {
371
+ color: #ffffff;
372
+ }
373
+ .alert-warning {
374
+ background-color: rgba(255,172,0,0.10196);
375
+ background-color: var(--color-background-warning);
376
+ color: #9a6500;
377
+ color: var(--color-content-warning);
378
+ }
379
+ .alert-warning a,
380
+ .alert-warning b,
381
+ .alert-warning strong,
382
+ .alert-warning .close,
383
+ .alert-warning .alert-link,
384
+ .alert-warning .icon {
385
+ color: #9a6500;
386
+ color: var(--color-content-warning);
387
+ }
388
+ .alert-warning a:hover,
389
+ .alert-warning a:focus,
390
+ .alert-warning .alert-link:hover,
391
+ .alert-warning .alert-link:focus,
392
+ .alert-warning .close:hover,
393
+ .alert-warning .close:focus {
394
+ color: #855400;
395
+ color: var(--color-content-warning-hover);
396
+ }
397
+ .bg-primary .alert-warning {
398
+ background-color: rgba(255,172,0,0.10196);
399
+ color: #ffd184;
400
+ }
401
+ .bg-primary .alert-warning a,
402
+ .bg-primary .alert-warning b,
403
+ .bg-primary .alert-warning strong,
404
+ .bg-primary .alert-warning .close,
405
+ .bg-primary .alert-warning .alert-link,
406
+ .bg-primary .alert-warning .icon {
407
+ color: #ffd184;
408
+ }
409
+ .bg-primary .alert-warning a:hover,
410
+ .bg-primary .alert-warning a:focus,
411
+ .bg-primary .alert-warning .alert-link:hover,
412
+ .bg-primary .alert-warning .alert-link:focus,
413
+ .bg-primary .alert-warning .close:hover,
414
+ .bg-primary .alert-warning .close:focus {
415
+ color: #e9bd71;
416
+ }
417
+ .alert-danger,
418
+ .alert-negative {
419
+ background-color: rgba(255,135,135,0.10196);
420
+ background-color: var(--color-background-negative);
421
+ color: #cf2929;
422
+ color: var(--color-content-negative);
423
+ }
424
+ .alert-danger a,
425
+ .alert-negative a,
426
+ .alert-danger b,
427
+ .alert-negative b,
428
+ .alert-danger strong,
429
+ .alert-negative strong,
430
+ .alert-danger .close,
431
+ .alert-negative .close,
432
+ .alert-danger .alert-link,
433
+ .alert-negative .alert-link,
434
+ .alert-danger .icon,
435
+ .alert-negative .icon {
436
+ color: #cf2929;
437
+ color: var(--color-content-negative);
438
+ }
439
+ .alert-danger a:hover,
440
+ .alert-negative a:hover,
441
+ .alert-danger a:focus,
442
+ .alert-negative a:focus,
443
+ .alert-danger .alert-link:hover,
444
+ .alert-negative .alert-link:hover,
445
+ .alert-danger .alert-link:focus,
446
+ .alert-negative .alert-link:focus,
447
+ .alert-danger .close:hover,
448
+ .alert-negative .close:hover,
449
+ .alert-danger .close:focus,
450
+ .alert-negative .close:focus {
451
+ color: #b80419;
452
+ color: var(--color-content-negative-hover);
453
+ }
454
+ .bg-primary .alert-danger,
455
+ .bg-primary .alert-negative {
456
+ background-color: rgba(255,135,135,0.10196);
457
+ color: #ffa6a9;
458
+ }
459
+ .bg-primary .alert-danger a,
460
+ .bg-primary .alert-negative a,
461
+ .bg-primary .alert-danger b,
462
+ .bg-primary .alert-negative b,
463
+ .bg-primary .alert-danger strong,
464
+ .bg-primary .alert-negative strong,
465
+ .bg-primary .alert-danger .close,
466
+ .bg-primary .alert-negative .close,
467
+ .bg-primary .alert-danger .alert-link,
468
+ .bg-primary .alert-negative .alert-link,
469
+ .bg-primary .alert-danger .icon,
470
+ .bg-primary .alert-negative .icon {
471
+ color: #ffa6a9;
472
+ }
473
+ .bg-primary .alert-danger a:hover,
474
+ .bg-primary .alert-negative a:hover,
475
+ .bg-primary .alert-danger a:focus,
476
+ .bg-primary .alert-negative a:focus,
477
+ .bg-primary .alert-danger .alert-link:hover,
478
+ .bg-primary .alert-negative .alert-link:hover,
479
+ .bg-primary .alert-danger .alert-link:focus,
480
+ .bg-primary .alert-negative .alert-link:focus,
481
+ .bg-primary .alert-danger .close:hover,
482
+ .bg-primary .alert-negative .close:hover,
483
+ .bg-primary .alert-danger .close:focus,
484
+ .bg-primary .alert-negative .close:focus {
485
+ color: #ea9396;
486
+ }
487
+ .form-group:focus-within .alert-focus,
488
+ input:focus ~ .alert-focus,
489
+ .btn:focus ~ .alert-focus {
490
+ display: block;
491
+ border-color: #00a2dd;
492
+ border-color: var(--color-interactive-accent);
493
+ }
494
+ .focus .alert-focus,
495
+ .has-focus .alert-focus,
496
+ .has-info .alert-info,
497
+ .has-info .alert-neutral,
498
+ .has-warning .alert-warning,
499
+ .has-success .alert-success,
500
+ .has-success .alert-positive,
501
+ .has-error .alert-danger,
502
+ .has-error .alert-negative {
503
+ display: block;
504
+ }
505
+ .has-info .help-block,
506
+ .has-info .alert-focus,
507
+ .has-warning .help-block,
508
+ .has-warning .alert-focus,
509
+ .has-warning .alert-info,
510
+ .has-warning .alert-neutral,
511
+ .has-success .help-block,
512
+ .has-success .alert-focus,
513
+ .has-success .alert-info,
514
+ .has-success .alert-neutral,
515
+ .has-success .alert-warning,
516
+ .has-error .help-block,
517
+ .has-error .alert-focus,
518
+ .has-error .alert-info,
519
+ .has-error .alert-neutral,
520
+ .has-error .alert-warning,
521
+ .has-error .alert-success,
522
+ .has-error .alert-positive {
523
+ display: none !important;
524
+ }
525
+ .np-theme-personal .alert {
526
+ padding: 16px;
527
+ padding: var(--size-16);
528
+ flex-direction: row;
529
+ }
530
+ .np-theme-personal .alert .alert__message {
531
+ padding-top: 0;
532
+ padding-inline-start: 16px;
533
+ padding-inline-start: var(--padding-small);
534
+ }
535
+ .np-theme-personal .alert-success,
536
+ .np-theme-personal .alert-positive,
537
+ .np-theme-personal .alert-info,
538
+ .np-theme-personal .alert-neutral,
539
+ .np-theme-personal .alert-warning,
540
+ .np-theme-personal .alert-danger,
541
+ .np-theme-personal .alert-negative,
542
+ .bg-primary .np-theme-personal .alert-success,
543
+ .bg-primary .np-theme-personal .alert-positive,
544
+ .bg-primary .np-theme-personal .alert-info,
545
+ .bg-primary .np-theme-personal .alert-neutral,
546
+ .bg-primary .np-theme-personal .alert-warning,
547
+ .bg-primary .np-theme-personal .alert-danger,
548
+ .bg-primary .np-theme-personal .alert-negative {
549
+ background-color: rgba(134,167,189,0.10196);
550
+ background-color: var(--color-background-neutral);
551
+ color: #5d7079;
552
+ color: var(--color-content-secondary);
553
+ }
554
+ .np-theme-personal .alert-success a,
555
+ .np-theme-personal .alert-positive a,
556
+ .np-theme-personal .alert-info a,
557
+ .np-theme-personal .alert-neutral a,
558
+ .np-theme-personal .alert-warning a,
559
+ .np-theme-personal .alert-danger a,
560
+ .np-theme-personal .alert-negative a,
561
+ .bg-primary .np-theme-personal .alert-success a,
562
+ .bg-primary .np-theme-personal .alert-positive a,
563
+ .bg-primary .np-theme-personal .alert-info a,
564
+ .bg-primary .np-theme-personal .alert-neutral a,
565
+ .bg-primary .np-theme-personal .alert-warning a,
566
+ .bg-primary .np-theme-personal .alert-danger a,
567
+ .bg-primary .np-theme-personal .alert-negative a,
568
+ .np-theme-personal .alert-success b,
569
+ .np-theme-personal .alert-positive b,
570
+ .np-theme-personal .alert-info b,
571
+ .np-theme-personal .alert-neutral b,
572
+ .np-theme-personal .alert-warning b,
573
+ .np-theme-personal .alert-danger b,
574
+ .np-theme-personal .alert-negative b,
575
+ .bg-primary .np-theme-personal .alert-success b,
576
+ .bg-primary .np-theme-personal .alert-positive b,
577
+ .bg-primary .np-theme-personal .alert-info b,
578
+ .bg-primary .np-theme-personal .alert-neutral b,
579
+ .bg-primary .np-theme-personal .alert-warning b,
580
+ .bg-primary .np-theme-personal .alert-danger b,
581
+ .bg-primary .np-theme-personal .alert-negative b,
582
+ .np-theme-personal .alert-success strong,
583
+ .np-theme-personal .alert-positive strong,
584
+ .np-theme-personal .alert-info strong,
585
+ .np-theme-personal .alert-neutral strong,
586
+ .np-theme-personal .alert-warning strong,
587
+ .np-theme-personal .alert-danger strong,
588
+ .np-theme-personal .alert-negative strong,
589
+ .bg-primary .np-theme-personal .alert-success strong,
590
+ .bg-primary .np-theme-personal .alert-positive strong,
591
+ .bg-primary .np-theme-personal .alert-info strong,
592
+ .bg-primary .np-theme-personal .alert-neutral strong,
593
+ .bg-primary .np-theme-personal .alert-warning strong,
594
+ .bg-primary .np-theme-personal .alert-danger strong,
595
+ .bg-primary .np-theme-personal .alert-negative strong,
596
+ .np-theme-personal .alert-success .close,
597
+ .np-theme-personal .alert-positive .close,
598
+ .np-theme-personal .alert-info .close,
599
+ .np-theme-personal .alert-neutral .close,
600
+ .np-theme-personal .alert-warning .close,
601
+ .np-theme-personal .alert-danger .close,
602
+ .np-theme-personal .alert-negative .close,
603
+ .bg-primary .np-theme-personal .alert-success .close,
604
+ .bg-primary .np-theme-personal .alert-positive .close,
605
+ .bg-primary .np-theme-personal .alert-info .close,
606
+ .bg-primary .np-theme-personal .alert-neutral .close,
607
+ .bg-primary .np-theme-personal .alert-warning .close,
608
+ .bg-primary .np-theme-personal .alert-danger .close,
609
+ .bg-primary .np-theme-personal .alert-negative .close,
610
+ .np-theme-personal .alert-success .alert-link,
611
+ .np-theme-personal .alert-positive .alert-link,
612
+ .np-theme-personal .alert-info .alert-link,
613
+ .np-theme-personal .alert-neutral .alert-link,
614
+ .np-theme-personal .alert-warning .alert-link,
615
+ .np-theme-personal .alert-danger .alert-link,
616
+ .np-theme-personal .alert-negative .alert-link,
617
+ .bg-primary .np-theme-personal .alert-success .alert-link,
618
+ .bg-primary .np-theme-personal .alert-positive .alert-link,
619
+ .bg-primary .np-theme-personal .alert-info .alert-link,
620
+ .bg-primary .np-theme-personal .alert-neutral .alert-link,
621
+ .bg-primary .np-theme-personal .alert-warning .alert-link,
622
+ .bg-primary .np-theme-personal .alert-danger .alert-link,
623
+ .bg-primary .np-theme-personal .alert-negative .alert-link,
624
+ .np-theme-personal .alert-success .icon,
625
+ .np-theme-personal .alert-positive .icon,
626
+ .np-theme-personal .alert-info .icon,
627
+ .np-theme-personal .alert-neutral .icon,
628
+ .np-theme-personal .alert-warning .icon,
629
+ .np-theme-personal .alert-danger .icon,
630
+ .np-theme-personal .alert-negative .icon,
631
+ .bg-primary .np-theme-personal .alert-success .icon,
632
+ .bg-primary .np-theme-personal .alert-positive .icon,
633
+ .bg-primary .np-theme-personal .alert-info .icon,
634
+ .bg-primary .np-theme-personal .alert-neutral .icon,
635
+ .bg-primary .np-theme-personal .alert-warning .icon,
636
+ .bg-primary .np-theme-personal .alert-danger .icon,
637
+ .bg-primary .np-theme-personal .alert-negative .icon {
638
+ color: #5d7079;
639
+ color: var(--color-content-secondary);
640
+ }
641
+ .np-theme-personal .alert-success a:hover,
642
+ .np-theme-personal .alert-positive a:hover,
643
+ .np-theme-personal .alert-info a:hover,
644
+ .np-theme-personal .alert-neutral a:hover,
645
+ .np-theme-personal .alert-warning a:hover,
646
+ .np-theme-personal .alert-danger a:hover,
647
+ .np-theme-personal .alert-negative a:hover,
648
+ .bg-primary .np-theme-personal .alert-success a:hover,
649
+ .bg-primary .np-theme-personal .alert-positive a:hover,
650
+ .bg-primary .np-theme-personal .alert-info a:hover,
651
+ .bg-primary .np-theme-personal .alert-neutral a:hover,
652
+ .bg-primary .np-theme-personal .alert-warning a:hover,
653
+ .bg-primary .np-theme-personal .alert-danger a:hover,
654
+ .bg-primary .np-theme-personal .alert-negative a:hover,
655
+ .np-theme-personal .alert-success a:focus,
656
+ .np-theme-personal .alert-positive a:focus,
657
+ .np-theme-personal .alert-info a:focus,
658
+ .np-theme-personal .alert-neutral a:focus,
659
+ .np-theme-personal .alert-warning a:focus,
660
+ .np-theme-personal .alert-danger a:focus,
661
+ .np-theme-personal .alert-negative a:focus,
662
+ .bg-primary .np-theme-personal .alert-success a:focus,
663
+ .bg-primary .np-theme-personal .alert-positive a:focus,
664
+ .bg-primary .np-theme-personal .alert-info a:focus,
665
+ .bg-primary .np-theme-personal .alert-neutral a:focus,
666
+ .bg-primary .np-theme-personal .alert-warning a:focus,
667
+ .bg-primary .np-theme-personal .alert-danger a:focus,
668
+ .bg-primary .np-theme-personal .alert-negative a:focus,
669
+ .np-theme-personal .alert-success .alert-link:hover,
670
+ .np-theme-personal .alert-positive .alert-link:hover,
671
+ .np-theme-personal .alert-info .alert-link:hover,
672
+ .np-theme-personal .alert-neutral .alert-link:hover,
673
+ .np-theme-personal .alert-warning .alert-link:hover,
674
+ .np-theme-personal .alert-danger .alert-link:hover,
675
+ .np-theme-personal .alert-negative .alert-link:hover,
676
+ .bg-primary .np-theme-personal .alert-success .alert-link:hover,
677
+ .bg-primary .np-theme-personal .alert-positive .alert-link:hover,
678
+ .bg-primary .np-theme-personal .alert-info .alert-link:hover,
679
+ .bg-primary .np-theme-personal .alert-neutral .alert-link:hover,
680
+ .bg-primary .np-theme-personal .alert-warning .alert-link:hover,
681
+ .bg-primary .np-theme-personal .alert-danger .alert-link:hover,
682
+ .bg-primary .np-theme-personal .alert-negative .alert-link:hover,
683
+ .np-theme-personal .alert-success .alert-link:focus,
684
+ .np-theme-personal .alert-positive .alert-link:focus,
685
+ .np-theme-personal .alert-info .alert-link:focus,
686
+ .np-theme-personal .alert-neutral .alert-link:focus,
687
+ .np-theme-personal .alert-warning .alert-link:focus,
688
+ .np-theme-personal .alert-danger .alert-link:focus,
689
+ .np-theme-personal .alert-negative .alert-link:focus,
690
+ .bg-primary .np-theme-personal .alert-success .alert-link:focus,
691
+ .bg-primary .np-theme-personal .alert-positive .alert-link:focus,
692
+ .bg-primary .np-theme-personal .alert-info .alert-link:focus,
693
+ .bg-primary .np-theme-personal .alert-neutral .alert-link:focus,
694
+ .bg-primary .np-theme-personal .alert-warning .alert-link:focus,
695
+ .bg-primary .np-theme-personal .alert-danger .alert-link:focus,
696
+ .bg-primary .np-theme-personal .alert-negative .alert-link:focus,
697
+ .np-theme-personal .alert-success .close:hover,
698
+ .np-theme-personal .alert-positive .close:hover,
699
+ .np-theme-personal .alert-info .close:hover,
700
+ .np-theme-personal .alert-neutral .close:hover,
701
+ .np-theme-personal .alert-warning .close:hover,
702
+ .np-theme-personal .alert-danger .close:hover,
703
+ .np-theme-personal .alert-negative .close:hover,
704
+ .bg-primary .np-theme-personal .alert-success .close:hover,
705
+ .bg-primary .np-theme-personal .alert-positive .close:hover,
706
+ .bg-primary .np-theme-personal .alert-info .close:hover,
707
+ .bg-primary .np-theme-personal .alert-neutral .close:hover,
708
+ .bg-primary .np-theme-personal .alert-warning .close:hover,
709
+ .bg-primary .np-theme-personal .alert-danger .close:hover,
710
+ .bg-primary .np-theme-personal .alert-negative .close:hover,
711
+ .np-theme-personal .alert-success .close:focus,
712
+ .np-theme-personal .alert-positive .close:focus,
713
+ .np-theme-personal .alert-info .close:focus,
714
+ .np-theme-personal .alert-neutral .close:focus,
715
+ .np-theme-personal .alert-warning .close:focus,
716
+ .np-theme-personal .alert-danger .close:focus,
717
+ .np-theme-personal .alert-negative .close:focus,
718
+ .bg-primary .np-theme-personal .alert-success .close:focus,
719
+ .bg-primary .np-theme-personal .alert-positive .close:focus,
720
+ .bg-primary .np-theme-personal .alert-info .close:focus,
721
+ .bg-primary .np-theme-personal .alert-neutral .close:focus,
722
+ .bg-primary .np-theme-personal .alert-warning .close:focus,
723
+ .bg-primary .np-theme-personal .alert-danger .close:focus,
724
+ .bg-primary .np-theme-personal .alert-negative .close:focus {
725
+ color: var(--color-content-link-hover);
726
+ }
727
+ .np-theme-personal .alert-success .np-link,
728
+ .np-theme-personal .alert-positive .np-link,
729
+ .np-theme-personal .alert-info .np-link,
730
+ .np-theme-personal .alert-neutral .np-link,
731
+ .np-theme-personal .alert-warning .np-link,
732
+ .np-theme-personal .alert-danger .np-link,
733
+ .np-theme-personal .alert-negative .np-link {
734
+ color: var(--color-content-link);
735
+ }
736
+ .np-theme-personal .alert-success .np-link:hover,
737
+ .np-theme-personal .alert-positive .np-link:hover,
738
+ .np-theme-personal .alert-info .np-link:hover,
739
+ .np-theme-personal .alert-neutral .np-link:hover,
740
+ .np-theme-personal .alert-warning .np-link:hover,
741
+ .np-theme-personal .alert-danger .np-link:hover,
742
+ .np-theme-personal .alert-negative .np-link:hover,
743
+ .np-theme-personal .alert-success .np-link:focus,
744
+ .np-theme-personal .alert-positive .np-link:focus,
745
+ .np-theme-personal .alert-info .np-link:focus,
746
+ .np-theme-personal .alert-neutral .np-link:focus,
747
+ .np-theme-personal .alert-warning .np-link:focus,
748
+ .np-theme-personal .alert-danger .np-link:focus,
749
+ .np-theme-personal .alert-negative .np-link:focus {
750
+ color: var(--color-content-link-hover);
751
+ }