@transferwise/components 0.0.0-experimental-e8160fd → 0.0.0-experimental-0384cde

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 (310) hide show
  1. package/build/main.css +22700 -8
  2. package/build/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  3. package/build/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  4. package/build/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  5. package/build/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  6. package/build/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  7. package/build/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  8. package/build/neptune-css/fonts/TransferWise-IconFont.svg +81 -0
  9. package/build/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  10. package/build/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  11. package/build/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  12. package/build/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  13. package/build/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  14. package/build/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  15. package/build/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  16. package/build/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  17. package/build/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  18. package/build/neptune-css/img/bg-dark.svg +31 -0
  19. package/build/neptune-css/img/bg-light.svg +26 -0
  20. package/build/styles/main.css +22700 -8
  21. package/build/styles/neptune-css/less/accordion.css +231 -0
  22. package/build/styles/neptune-css/less/alerts.css +748 -0
  23. package/build/styles/neptune-css/less/background.css +18 -0
  24. package/build/styles/neptune-css/less/badge.css +90 -0
  25. package/build/styles/neptune-css/less/border-radius.css +3 -0
  26. package/build/styles/neptune-css/less/breadcrumbs.css +20 -0
  27. package/build/styles/neptune-css/less/button-groups.css +408 -0
  28. package/build/styles/neptune-css/less/buttons.css +1387 -0
  29. package/build/styles/neptune-css/less/chevron.css +35 -0
  30. package/build/styles/neptune-css/less/circles.css +248 -0
  31. package/build/styles/neptune-css/less/close.css +47 -0
  32. package/build/styles/neptune-css/less/column-layout.css +164 -0
  33. package/build/styles/neptune-css/less/core/viewport-themes.css +59 -0
  34. package/build/styles/neptune-css/less/currency-flags.css +46 -0
  35. package/build/styles/neptune-css/less/decision.css +91 -0
  36. package/build/styles/neptune-css/less/dropdowns.css +400 -0
  37. package/build/styles/neptune-css/less/droppable.css +177 -0
  38. package/build/styles/neptune-css/less/flex.css +598 -0
  39. package/build/styles/neptune-css/less/footer.css +110 -0
  40. package/build/styles/neptune-css/less/forms/bootstrap-forms.css +1975 -0
  41. package/build/styles/neptune-css/less/forms/checkbox-radio.css +367 -0
  42. package/build/styles/neptune-css/less/grid.css +2369 -0
  43. package/build/styles/neptune-css/less/input-groups.css +2706 -0
  44. package/build/styles/neptune-css/less/link-callout.css +20 -0
  45. package/build/styles/neptune-css/less/list-group.css +267 -0
  46. package/build/styles/neptune-css/less/loaders.css +76 -0
  47. package/build/styles/neptune-css/less/media.css +74 -0
  48. package/build/styles/neptune-css/less/modals.css +185 -0
  49. package/build/styles/neptune-css/less/navbar.css +2382 -0
  50. package/build/styles/neptune-css/less/navs.css +296 -0
  51. package/build/styles/neptune-css/less/neptune-addons.css +1829 -0
  52. package/build/styles/neptune-css/less/neptune-core.css +1971 -0
  53. package/build/styles/neptune-css/less/neptune-social-media.css +144 -0
  54. package/build/styles/neptune-css/less/neptune.css +24468 -0
  55. package/build/styles/neptune-css/less/panels.css +528 -0
  56. package/build/styles/neptune-css/less/popovers.css +530 -0
  57. package/build/styles/neptune-css/less/process.css +483 -0
  58. package/build/styles/neptune-css/less/progress-bars.css +64 -0
  59. package/build/styles/neptune-css/less/ring.css +55 -0
  60. package/build/styles/neptune-css/less/select.css +99 -0
  61. package/build/styles/neptune-css/less/sequences.css +855 -0
  62. package/build/styles/neptune-css/less/table.css +446 -0
  63. package/build/styles/neptune-css/less/tick.css +32 -0
  64. package/build/styles/neptune-css/less/tooltip.css +138 -0
  65. package/build/styles/neptune-css/less/utilities.css +145 -0
  66. package/build/styles/neptune-css/less/wells.css +74 -0
  67. package/build/styles/neptune-css/props/custom-media.css +11 -0
  68. package/build/styles/neptune-css/props/legacy-custom-props.css +69 -0
  69. package/build/styles/neptune-css/props/neptune-tokens.css +11 -0
  70. package/build/styles/neptune-css/variables/legacy-variables.css +0 -0
  71. package/build/styles/neptune-css/variables/neptune-tokens.css +0 -0
  72. package/build/styles/neptune-css/variables/zindex.css +0 -0
  73. package/package.json +6 -6
  74. package/src/accordion/Accordion.less +3 -3
  75. package/src/actionButton/ActionButton.less +1 -1
  76. package/src/avatar/Avatar.less +3 -3
  77. package/src/badge/Badge.less +1 -1
  78. package/src/button/LegacyButton.less +1 -1
  79. package/src/card/Card.less +3 -3
  80. package/src/checkboxButton/CheckboxButton.less +2 -2
  81. package/src/chips/Chip.less +3 -3
  82. package/src/common/Option/Option.less +2 -2
  83. package/src/common/bottomSheet/BottomSheet.less +1 -1
  84. package/src/common/closeButton/CloseButton.less +1 -1
  85. package/src/common/panel/Panel.less +1 -1
  86. package/src/dateLookup/DateLookup.less +1 -1
  87. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  88. package/src/decision/Decision.less +1 -1
  89. package/src/definitionList/DefinitionList.less +1 -1
  90. package/src/dimmer/Dimmer.less +2 -2
  91. package/src/drawer/Drawer.less +2 -2
  92. package/src/flowNavigation/FlowNavigation.less +1 -1
  93. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  94. package/src/info/Info.less +1 -1
  95. package/src/inputs/SelectInput.less +1 -1
  96. package/src/inputs/_common.less +1 -1
  97. package/src/link/Link.less +2 -2
  98. package/src/main.less +2 -0
  99. package/src/moneyInput/MoneyInput.less +2 -2
  100. package/src/navigationOption/NavigationOption.less +3 -3
  101. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  102. package/src/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  103. package/src/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  104. package/src/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  105. package/src/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  106. package/src/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  107. package/src/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  108. package/src/neptune-css/fonts/TransferWise-IconFont.svg +81 -0
  109. package/src/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  110. package/src/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  111. package/src/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  112. package/src/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  113. package/src/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  114. package/src/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  115. package/src/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  116. package/src/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  117. package/src/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  118. package/src/neptune-css/img/bg-dark.svg +31 -0
  119. package/src/neptune-css/img/bg-light.svg +26 -0
  120. package/src/neptune-css/less/accordion.less +15 -0
  121. package/src/neptune-css/less/addons/_background-utilities.less +82 -0
  122. package/src/neptune-css/less/addons/_border.less +3 -0
  123. package/src/neptune-css/less/addons/_display-utilities.less +159 -0
  124. package/src/neptune-css/less/addons/_spacing-utilities.less +48 -0
  125. package/src/neptune-css/less/addons/_utilities.less +147 -0
  126. package/src/neptune-css/less/alerts.less +248 -0
  127. package/src/neptune-css/less/background.less +24 -0
  128. package/src/neptune-css/less/badge.less +85 -0
  129. package/src/neptune-css/less/border-radius.less +3 -0
  130. package/src/neptune-css/less/breadcrumbs.less +27 -0
  131. package/src/neptune-css/less/button-groups.less +424 -0
  132. package/src/neptune-css/less/buttons.less +731 -0
  133. package/src/neptune-css/less/chevron.less +39 -0
  134. package/src/neptune-css/less/circles.less +233 -0
  135. package/src/neptune-css/less/close.less +48 -0
  136. package/src/neptune-css/less/column-layout.less +167 -0
  137. package/src/neptune-css/less/components/_component-animations.less +43 -0
  138. package/src/neptune-css/less/core/_fonts.less +97 -0
  139. package/src/neptune-css/less/core/_scaffolding.less +373 -0
  140. package/src/neptune-css/less/core/_typography-utilities.less +251 -0
  141. package/src/neptune-css/less/core/_typography.less +597 -0
  142. package/src/neptune-css/less/core/viewport-themes.less +65 -0
  143. package/src/neptune-css/less/currency-flags.less +42 -0
  144. package/src/neptune-css/less/decision.less +98 -0
  145. package/src/neptune-css/less/dropdowns.less +365 -0
  146. package/src/neptune-css/less/droppable.less +213 -0
  147. package/src/neptune-css/less/flex.less +113 -0
  148. package/src/neptune-css/less/footer.less +113 -0
  149. package/src/neptune-css/less/forms/bootstrap-forms.less +1218 -0
  150. package/src/neptune-css/less/forms/checkbox-radio.less +330 -0
  151. package/src/neptune-css/less/grid.less +187 -0
  152. package/src/neptune-css/less/input-groups.less +298 -0
  153. package/src/neptune-css/less/link-callout.less +17 -0
  154. package/src/neptune-css/less/list-group.less +260 -0
  155. package/src/neptune-css/less/loaders.less +91 -0
  156. package/src/neptune-css/less/media.less +68 -0
  157. package/src/neptune-css/less/mixins/_alerts.less +35 -0
  158. package/src/neptune-css/less/mixins/_arrows.less +52 -0
  159. package/src/neptune-css/less/mixins/_border-radius.less +11 -0
  160. package/src/neptune-css/less/mixins/_buttons.less +82 -0
  161. package/src/neptune-css/less/mixins/_center-block.less +7 -0
  162. package/src/neptune-css/less/mixins/_clearfix.less +23 -0
  163. package/src/neptune-css/less/mixins/_flex.less +105 -0
  164. package/src/neptune-css/less/mixins/_forms.less +130 -0
  165. package/src/neptune-css/less/mixins/_grid-framework.less +104 -0
  166. package/src/neptune-css/less/mixins/_grid.less +158 -0
  167. package/src/neptune-css/less/mixins/_hide-text.less +20 -0
  168. package/src/neptune-css/less/mixins/_links.less +7 -0
  169. package/src/neptune-css/less/mixins/_list-group.less +23 -0
  170. package/src/neptune-css/less/mixins/_logical-properties-IE-friendly.less +381 -0
  171. package/src/neptune-css/less/mixins/_logical-properties-modern-browsers.less +226 -0
  172. package/src/neptune-css/less/mixins/_logical-properties.less +5 -0
  173. package/src/neptune-css/less/mixins/_nav-divider.less +10 -0
  174. package/src/neptune-css/less/mixins/_nav-vertical-align.less +10 -0
  175. package/src/neptune-css/less/mixins/_panels.less +23 -0
  176. package/src/neptune-css/less/mixins/_physical-properties.less +110 -0
  177. package/src/neptune-css/less/mixins/_reset-text.less +22 -0
  178. package/src/neptune-css/less/mixins/_sequence.less +203 -0
  179. package/src/neptune-css/less/mixins/_spacing.less +122 -0
  180. package/src/neptune-css/less/mixins/_tab-focus.less +5 -0
  181. package/src/neptune-css/less/mixins/_table-row.less +47 -0
  182. package/src/neptune-css/less/mixins/_text-emphasis.less +39 -0
  183. package/src/neptune-css/less/mixins/_text-overflow.less +8 -0
  184. package/src/neptune-css/less/mixins/_theming.less +7 -0
  185. package/src/neptune-css/less/modals.less +239 -0
  186. package/src/neptune-css/less/navbar.less +1442 -0
  187. package/src/neptune-css/less/navs.less +339 -0
  188. package/src/neptune-css/less/neptune-addons.less +4 -0
  189. package/src/neptune-css/less/neptune-core.less +4 -0
  190. package/src/neptune-css/less/neptune-social-media.less +84 -0
  191. package/src/neptune-css/less/neptune.bundle.less +51 -0
  192. package/src/neptune-css/less/panels.less +410 -0
  193. package/src/neptune-css/less/popovers.less +379 -0
  194. package/src/neptune-css/less/process.less +426 -0
  195. package/src/neptune-css/less/progress-bars.less +55 -0
  196. package/src/neptune-css/less/ring.less +51 -0
  197. package/src/neptune-css/less/select.less +88 -0
  198. package/src/neptune-css/less/sequences.less +511 -0
  199. package/src/neptune-css/less/table.less +385 -0
  200. package/src/neptune-css/less/tick.less +37 -0
  201. package/src/neptune-css/less/tooltip.less +130 -0
  202. package/src/neptune-css/less/utilities.less +153 -0
  203. package/src/neptune-css/less/wells.less +37 -0
  204. package/src/neptune-css/props/custom-media.css +11 -0
  205. package/src/neptune-css/props/legacy-custom-props.css +69 -0
  206. package/src/neptune-css/props/neptune-tokens.css +11 -0
  207. package/src/neptune-css/variables/legacy-variables.less +1299 -0
  208. package/src/neptune-css/variables/neptune-tokens.less +12 -0
  209. package/src/neptune-css/variables/zindex.less +17 -0
  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/select/Select.less +5 -5
  214. package/src/selectOption/SelectOption.less +1 -1
  215. package/src/slidingPanel/SlidingPanel.less +2 -2
  216. package/src/snackbar/Snackbar.less +3 -3
  217. package/src/stepper/Stepper.less +3 -3
  218. package/src/summary/Summary.less +1 -1
  219. package/src/switch/Switch.less +3 -3
  220. package/src/table/Table.less +1 -1
  221. package/src/tabs/Tabs.less +4 -4
  222. package/src/tile/Tile.less +1 -1
  223. package/src/tooltip/Tooltip.less +1 -1
  224. package/src/typeahead/Typeahead.less +2 -2
  225. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  226. package/src/upload/Upload.less +1 -1
  227. package/src/uploadInput/UploadInput.less +2 -2
  228. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
  229. package/src/accordion/Accordion.css +0 -60
  230. package/src/actionButton/ActionButton.css +0 -64
  231. package/src/actionOption/ActionOption.css +0 -4
  232. package/src/alert/Alert.css +0 -7
  233. package/src/avatar/Avatar.css +0 -205
  234. package/src/avatarLayout/AvatarLayout.css +0 -42
  235. package/src/avatarView/AvatarView.css +0 -36
  236. package/src/avatarView/NotificationDot.css +0 -20
  237. package/src/badge/Badge.css +0 -65
  238. package/src/button/Button.css +0 -246
  239. package/src/button/Button.vars.css +0 -46
  240. package/src/button/LegacyButton.css +0 -23
  241. package/src/card/Card.css +0 -100
  242. package/src/carousel/Carousel.css +0 -134
  243. package/src/checkboxButton/CheckboxButton.css +0 -43
  244. package/src/chips/Chip.css +0 -190
  245. package/src/circularButton/CircularButton.css +0 -33
  246. package/src/common/Option/Option.css +0 -122
  247. package/src/common/RadioButton/RadioButton.css +0 -4
  248. package/src/common/bottomSheet/BottomSheet.css +0 -53
  249. package/src/common/card/Card.css +0 -49
  250. package/src/common/circle/Circle.css +0 -43
  251. package/src/common/closeButton/CloseButton.css +0 -94
  252. package/src/common/panel/Panel.css +0 -73
  253. package/src/criticalBanner/CriticalCommsBanner.css +0 -36
  254. package/src/dateInput/DateInput.css +0 -3
  255. package/src/dateLookup/DateLookup.css +0 -98
  256. package/src/dateLookup/dateTrigger/DateTrigger.css +0 -29
  257. package/src/decision/Decision.css +0 -17
  258. package/src/definitionList/DefinitionList.css +0 -53
  259. package/src/dimmer/Dimmer.css +0 -70
  260. package/src/drawer/Drawer.css +0 -103
  261. package/src/dropFade/DropFade.css +0 -19
  262. package/src/emphasis/Emphasis.css +0 -31
  263. package/src/field/Field.css +0 -4
  264. package/src/flowNavigation/FlowNavigation.css +0 -76
  265. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +0 -30
  266. package/src/header/Header.css +0 -26
  267. package/src/iconButton/IconButton.css +0 -82
  268. package/src/image/Image.css +0 -13
  269. package/src/info/Info.css +0 -32
  270. package/src/inputs/Input.css +0 -101
  271. package/src/inputs/InputGroup.css +0 -63
  272. package/src/inputs/SelectInput.css +0 -372
  273. package/src/inputs/TextArea.css +0 -105
  274. package/src/instructionsList/InstructionsList.css +0 -26
  275. package/src/link/Link.css +0 -15
  276. package/src/listItem/ListItem.css +0 -6
  277. package/src/loader/Loader.css +0 -313
  278. package/src/logo/Logo.css +0 -26
  279. package/src/main.css +0 -6248
  280. package/src/modal/Modal.css +0 -158
  281. package/src/moneyInput/MoneyInput.css +0 -66
  282. package/src/navigationOption/NavigationOption.css +0 -69
  283. package/src/navigationOptionsList/NavigationOptionsList.css +0 -13
  284. package/src/nudge/Nudge.css +0 -191
  285. package/src/overlayHeader/OverlayHeader.css +0 -15
  286. package/src/phoneNumberInput/PhoneNumberInput.css +0 -23
  287. package/src/popover/Popover.css +0 -43
  288. package/src/progress/Progress.css +0 -43
  289. package/src/progressBar/ProgressBar.css +0 -14
  290. package/src/promoCard/PromoCard.css +0 -186
  291. package/src/section/Section.css +0 -10
  292. package/src/segmentedControl/SegmentedControl.css +0 -101
  293. package/src/select/Select.css +0 -305
  294. package/src/selectOption/SelectOption.css +0 -44
  295. package/src/slidingPanel/SlidingPanel.css +0 -105
  296. package/src/snackbar/Snackbar.css +0 -93
  297. package/src/statusIcon/StatusIcon.css +0 -27
  298. package/src/stepper/Stepper.css +0 -84
  299. package/src/summary/Summary.css +0 -85
  300. package/src/switch/Switch.css +0 -68
  301. package/src/table/Table.css +0 -274
  302. package/src/tabs/Tabs.css +0 -121
  303. package/src/tile/Tile.css +0 -55
  304. package/src/tooltip/Tooltip.css +0 -50
  305. package/src/typeahead/Typeahead.css +0 -183
  306. package/src/typeahead/typeaheadOption/TypeaheadOption.css +0 -9
  307. package/src/upload/Upload.css +0 -31
  308. package/src/uploadInput/UploadInput.css +0 -18
  309. package/src/uploadInput/uploadButton/UploadButton.css +0 -90
  310. package/src/uploadInput/uploadItem/UploadItem.css +0 -165
@@ -0,0 +1,748 @@
1
+ .alert {
2
+ padding: 16px;
3
+ padding: var(--size-16);
4
+ border-radius: 10px;
5
+ color: #37517e;
6
+ color: var(--color-content-primary);
7
+ background-color: rgba(134,167,189,0.10196);
8
+ background-color: var(--color-background-neutral);
9
+ min-width: 200px;
10
+ margin-bottom: 16px;
11
+ margin-bottom: var(--size-16);
12
+ }
13
+ .np-theme-personal .alert {
14
+ padding: 24px;
15
+ padding: var(--padding-medium);
16
+ border-radius: 16px;
17
+ border-radius: var(--radius-medium);
18
+ }
19
+ .np-theme-personal .alert .alert__message {
20
+ margin-top: 0;
21
+ display: flex;
22
+ align-items: flex-start;
23
+ flex-direction: column;
24
+ justify-content: center;
25
+ }
26
+ .np-theme-personal .alert .alert__message .alert__action {
27
+ margin-top: 8px;
28
+ margin-top: var(--size-8);
29
+ }
30
+ .alert .alert__icon {
31
+ width: 32px;
32
+ width: var(--size-32);
33
+ height: 32px;
34
+ height: var(--size-32);
35
+ border-radius: 50%;
36
+ flex: none;
37
+ }
38
+ .alert .close {
39
+ margin-top: 4px;
40
+ margin-top: var(--size-4);
41
+ }
42
+ .np-theme-personal .alert .close {
43
+ margin-top: calc(8px * -1);
44
+ margin-top: calc(var(--size-8) * -1);
45
+ margin-inline-end: calc(8px * -1);
46
+ margin-inline-end: calc(var(--size-8) * -1);
47
+ }
48
+ .alert p,
49
+ .alert ul {
50
+ margin-bottom: 0;
51
+ }
52
+ .alert p + p {
53
+ margin-top: 8px;
54
+ margin-top: var(--padding-x-small);
55
+ }
56
+ .arrow {
57
+ position: relative;
58
+ }
59
+ .arrow::before {
60
+ content: " ";
61
+ position: absolute;
62
+ display: block;
63
+ width: 10px;
64
+ height: 10px;
65
+ left: 20px;
66
+ top: -5px;
67
+ transform: rotate(45deg);
68
+ background-color: inherit;
69
+ }
70
+ [dir="rtl"] .arrow::before {
71
+ right: 20px;
72
+ left: auto;
73
+ left: initial;
74
+ }
75
+ .arrow::before {
76
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
77
+ }
78
+ .arrow.arrow-center::before {
79
+ left: 50%;
80
+ margin-left: -5px;
81
+ }
82
+ [dir="rtl"] .arrow.arrow-center::before {
83
+ right: 50%;
84
+ left: auto;
85
+ left: initial;
86
+ }
87
+ [dir="rtl"] .arrow.arrow-center::before {
88
+ margin-right: -5px;
89
+ margin-left: 0;
90
+ margin-left: initial;
91
+ }
92
+ .arrow.arrow-top::before {
93
+ top: -5px;
94
+ bottom: auto;
95
+ }
96
+ .arrow.arrow-left::before {
97
+ left: 20px;
98
+ right: auto;
99
+ }
100
+ [dir="rtl"] .arrow.arrow-left::before {
101
+ right: 20px;
102
+ left: auto;
103
+ left: initial;
104
+ }
105
+ [dir="rtl"] .arrow.arrow-left::before {
106
+ left: auto;
107
+ right: auto;
108
+ right: initial;
109
+ }
110
+ .arrow.arrow-right::before {
111
+ left: auto;
112
+ right: 20px;
113
+ }
114
+ [dir="rtl"] .arrow.arrow-right::before {
115
+ right: auto;
116
+ left: auto;
117
+ left: initial;
118
+ }
119
+ [dir="rtl"] .arrow.arrow-right::before {
120
+ left: 20px;
121
+ right: auto;
122
+ right: initial;
123
+ }
124
+ .arrow.arrow-bottom::before {
125
+ top: auto;
126
+ bottom: -5px;
127
+ }
128
+ .alert-detach.arrow {
129
+ border-radius: 10px;
130
+ border-radius: var(--radius-small);
131
+ }
132
+ .form-group .alert {
133
+ padding: 4px 16px 3px;
134
+ margin-top: -2px;
135
+ border-style: solid;
136
+ border-color: rgba(0,0,0,0.10196);
137
+ border-color: var(--color-border-neutral);
138
+ border-width: 0 1px 1px;
139
+ border-top-left-radius: 0;
140
+ border-top-right-radius: 0;
141
+ margin-bottom: 0;
142
+ transition: border-color 0.15s ease-in-out;
143
+ position: relative;
144
+ }
145
+ .form-group .alert::before {
146
+ content: " ";
147
+ position: absolute;
148
+ display: block;
149
+ width: 10px;
150
+ height: 10px;
151
+ left: 20px;
152
+ top: -5px;
153
+ transform: rotate(45deg);
154
+ background-color: inherit;
155
+ }
156
+ [dir="rtl"] .form-group .alert::before {
157
+ right: 20px;
158
+ left: auto;
159
+ left: initial;
160
+ }
161
+ .form-group .alert::before {
162
+ clip-path: polygon(0% 0%, 0 100%, 100% 0);
163
+ }
164
+ .form-group .alert.arrow-center::before {
165
+ left: 50%;
166
+ margin-left: -5px;
167
+ }
168
+ [dir="rtl"] .form-group .alert.arrow-center::before {
169
+ right: 50%;
170
+ left: auto;
171
+ left: initial;
172
+ }
173
+ [dir="rtl"] .form-group .alert.arrow-center::before {
174
+ margin-right: -5px;
175
+ margin-left: 0;
176
+ margin-left: initial;
177
+ }
178
+ .form-group .alert.arrow-top::before {
179
+ top: -5px;
180
+ bottom: auto;
181
+ }
182
+ .form-group .alert.arrow-left::before {
183
+ left: 20px;
184
+ right: auto;
185
+ }
186
+ [dir="rtl"] .form-group .alert.arrow-left::before {
187
+ right: 20px;
188
+ left: auto;
189
+ left: initial;
190
+ }
191
+ [dir="rtl"] .form-group .alert.arrow-left::before {
192
+ left: auto;
193
+ right: auto;
194
+ right: initial;
195
+ }
196
+ .form-group .alert.arrow-right::before {
197
+ left: auto;
198
+ right: 20px;
199
+ }
200
+ [dir="rtl"] .form-group .alert.arrow-right::before {
201
+ right: auto;
202
+ left: auto;
203
+ left: initial;
204
+ }
205
+ [dir="rtl"] .form-group .alert.arrow-right::before {
206
+ left: 20px;
207
+ right: auto;
208
+ right: initial;
209
+ }
210
+ .form-group .alert.arrow-bottom::before {
211
+ top: auto;
212
+ bottom: -5px;
213
+ }
214
+ .form-group .radio ~ .alert,
215
+ .form-group .checkbox ~ .alert,
216
+ .form-group .alert-detach {
217
+ border-width: 0;
218
+ margin-top: 12px;
219
+ margin-top: var(--size-12);
220
+ border-radius: 10px;
221
+ border-radius: var(--radius-small);
222
+ }
223
+ .form-group .alert-focus,
224
+ .form-group .alert-info,
225
+ .form-group .alert-success,
226
+ .form-group .alert-warning,
227
+ .form-group .alert-danger {
228
+ display: none;
229
+ }
230
+ .alert-success,
231
+ .alert-positive {
232
+ background-color: rgba(54,199,151,0.10196);
233
+ background-color: var(--color-background-positive);
234
+ color: #008026;
235
+ color: var(--color-content-positive);
236
+ }
237
+ .alert-success a,
238
+ .alert-positive a,
239
+ .alert-success b,
240
+ .alert-positive b,
241
+ .alert-success strong,
242
+ .alert-positive strong,
243
+ .alert-success .close,
244
+ .alert-positive .close,
245
+ .alert-success .alert-link,
246
+ .alert-positive .alert-link,
247
+ .alert-success .icon,
248
+ .alert-positive .icon {
249
+ color: #008026;
250
+ color: var(--color-content-positive);
251
+ }
252
+ .alert-success a:hover,
253
+ .alert-positive a:hover,
254
+ .alert-success a:focus,
255
+ .alert-positive a:focus,
256
+ .alert-success .alert-link:hover,
257
+ .alert-positive .alert-link:hover,
258
+ .alert-success .alert-link:focus,
259
+ .alert-positive .alert-link:focus,
260
+ .alert-success .close:hover,
261
+ .alert-positive .close:hover,
262
+ .alert-success .close:focus,
263
+ .alert-positive .close:focus {
264
+ color: #006d13;
265
+ color: var(--color-content-positive-hover);
266
+ }
267
+ .bg-primary .alert-success,
268
+ .bg-primary .alert-positive {
269
+ background-color: rgba(54,199,151,0.10196);
270
+ color: #6fd698;
271
+ }
272
+ .bg-primary .alert-success a,
273
+ .bg-primary .alert-positive a,
274
+ .bg-primary .alert-success b,
275
+ .bg-primary .alert-positive b,
276
+ .bg-primary .alert-success strong,
277
+ .bg-primary .alert-positive strong,
278
+ .bg-primary .alert-success .close,
279
+ .bg-primary .alert-positive .close,
280
+ .bg-primary .alert-success .alert-link,
281
+ .bg-primary .alert-positive .alert-link,
282
+ .bg-primary .alert-success .icon,
283
+ .bg-primary .alert-positive .icon {
284
+ color: #6fd698;
285
+ }
286
+ .bg-primary .alert-success a:hover,
287
+ .bg-primary .alert-positive a:hover,
288
+ .bg-primary .alert-success a:focus,
289
+ .bg-primary .alert-positive a:focus,
290
+ .bg-primary .alert-success .alert-link:hover,
291
+ .bg-primary .alert-positive .alert-link:hover,
292
+ .bg-primary .alert-success .alert-link:focus,
293
+ .bg-primary .alert-positive .alert-link:focus,
294
+ .bg-primary .alert-success .close:hover,
295
+ .bg-primary .alert-positive .close:hover,
296
+ .bg-primary .alert-success .close:focus,
297
+ .bg-primary .alert-positive .close:focus {
298
+ color: #5ac285;
299
+ }
300
+ .alert-info,
301
+ .alert-neutral {
302
+ background-color: rgba(134,167,189,0.10196);
303
+ background-color: var(--color-background-neutral);
304
+ color: #37517e;
305
+ color: var(--color-content-primary);
306
+ }
307
+ .alert-info a,
308
+ .alert-neutral a,
309
+ .alert-info b,
310
+ .alert-neutral b,
311
+ .alert-info strong,
312
+ .alert-neutral strong,
313
+ .alert-info .close,
314
+ .alert-neutral .close,
315
+ .alert-info .alert-link,
316
+ .alert-neutral .alert-link,
317
+ .alert-info .icon,
318
+ .alert-neutral .icon {
319
+ color: #37517e;
320
+ color: var(--color-content-primary);
321
+ }
322
+ .alert-info a:hover,
323
+ .alert-neutral a:hover,
324
+ .alert-info a:focus,
325
+ .alert-neutral a:focus,
326
+ .alert-info .alert-link:hover,
327
+ .alert-neutral .alert-link:hover,
328
+ .alert-info .alert-link:focus,
329
+ .alert-neutral .alert-link:focus,
330
+ .alert-info .close:hover,
331
+ .alert-neutral .close:hover,
332
+ .alert-info .close:focus,
333
+ .alert-neutral .close:focus {
334
+ color: #37517e;
335
+ color: var(--color-content-primary);
336
+ }
337
+ .bg-primary .alert-info,
338
+ .bg-primary .alert-neutral {
339
+ background-color: rgba(134,167,189,0.10196);
340
+ color: #ffffff;
341
+ }
342
+ .bg-primary .alert-info a,
343
+ .bg-primary .alert-neutral a,
344
+ .bg-primary .alert-info b,
345
+ .bg-primary .alert-neutral b,
346
+ .bg-primary .alert-info strong,
347
+ .bg-primary .alert-neutral strong,
348
+ .bg-primary .alert-info .close,
349
+ .bg-primary .alert-neutral .close,
350
+ .bg-primary .alert-info .alert-link,
351
+ .bg-primary .alert-neutral .alert-link,
352
+ .bg-primary .alert-info .icon,
353
+ .bg-primary .alert-neutral .icon {
354
+ color: #ffffff;
355
+ }
356
+ .bg-primary .alert-info a:hover,
357
+ .bg-primary .alert-neutral a:hover,
358
+ .bg-primary .alert-info a:focus,
359
+ .bg-primary .alert-neutral a:focus,
360
+ .bg-primary .alert-info .alert-link:hover,
361
+ .bg-primary .alert-neutral .alert-link:hover,
362
+ .bg-primary .alert-info .alert-link:focus,
363
+ .bg-primary .alert-neutral .alert-link:focus,
364
+ .bg-primary .alert-info .close:hover,
365
+ .bg-primary .alert-neutral .close:hover,
366
+ .bg-primary .alert-info .close:focus,
367
+ .bg-primary .alert-neutral .close:focus {
368
+ color: #ffffff;
369
+ }
370
+ .alert-warning {
371
+ background-color: rgba(255,172,0,0.10196);
372
+ background-color: var(--color-background-warning);
373
+ color: #9a6500;
374
+ color: var(--color-content-warning);
375
+ }
376
+ .alert-warning a,
377
+ .alert-warning b,
378
+ .alert-warning strong,
379
+ .alert-warning .close,
380
+ .alert-warning .alert-link,
381
+ .alert-warning .icon {
382
+ color: #9a6500;
383
+ color: var(--color-content-warning);
384
+ }
385
+ .alert-warning a:hover,
386
+ .alert-warning a:focus,
387
+ .alert-warning .alert-link:hover,
388
+ .alert-warning .alert-link:focus,
389
+ .alert-warning .close:hover,
390
+ .alert-warning .close:focus {
391
+ color: #855400;
392
+ color: var(--color-content-warning-hover);
393
+ }
394
+ .bg-primary .alert-warning {
395
+ background-color: rgba(255,172,0,0.10196);
396
+ color: #ffd184;
397
+ }
398
+ .bg-primary .alert-warning a,
399
+ .bg-primary .alert-warning b,
400
+ .bg-primary .alert-warning strong,
401
+ .bg-primary .alert-warning .close,
402
+ .bg-primary .alert-warning .alert-link,
403
+ .bg-primary .alert-warning .icon {
404
+ color: #ffd184;
405
+ }
406
+ .bg-primary .alert-warning a:hover,
407
+ .bg-primary .alert-warning a:focus,
408
+ .bg-primary .alert-warning .alert-link:hover,
409
+ .bg-primary .alert-warning .alert-link:focus,
410
+ .bg-primary .alert-warning .close:hover,
411
+ .bg-primary .alert-warning .close:focus {
412
+ color: #e9bd71;
413
+ }
414
+ .alert-danger,
415
+ .alert-negative {
416
+ background-color: rgba(255,135,135,0.10196);
417
+ background-color: var(--color-background-negative);
418
+ color: #cf2929;
419
+ color: var(--color-content-negative);
420
+ }
421
+ .alert-danger a,
422
+ .alert-negative a,
423
+ .alert-danger b,
424
+ .alert-negative b,
425
+ .alert-danger strong,
426
+ .alert-negative strong,
427
+ .alert-danger .close,
428
+ .alert-negative .close,
429
+ .alert-danger .alert-link,
430
+ .alert-negative .alert-link,
431
+ .alert-danger .icon,
432
+ .alert-negative .icon {
433
+ color: #cf2929;
434
+ color: var(--color-content-negative);
435
+ }
436
+ .alert-danger a:hover,
437
+ .alert-negative a:hover,
438
+ .alert-danger a:focus,
439
+ .alert-negative a:focus,
440
+ .alert-danger .alert-link:hover,
441
+ .alert-negative .alert-link:hover,
442
+ .alert-danger .alert-link:focus,
443
+ .alert-negative .alert-link:focus,
444
+ .alert-danger .close:hover,
445
+ .alert-negative .close:hover,
446
+ .alert-danger .close:focus,
447
+ .alert-negative .close:focus {
448
+ color: #b80419;
449
+ color: var(--color-content-negative-hover);
450
+ }
451
+ .bg-primary .alert-danger,
452
+ .bg-primary .alert-negative {
453
+ background-color: rgba(255,135,135,0.10196);
454
+ color: #ffa6a9;
455
+ }
456
+ .bg-primary .alert-danger a,
457
+ .bg-primary .alert-negative a,
458
+ .bg-primary .alert-danger b,
459
+ .bg-primary .alert-negative b,
460
+ .bg-primary .alert-danger strong,
461
+ .bg-primary .alert-negative strong,
462
+ .bg-primary .alert-danger .close,
463
+ .bg-primary .alert-negative .close,
464
+ .bg-primary .alert-danger .alert-link,
465
+ .bg-primary .alert-negative .alert-link,
466
+ .bg-primary .alert-danger .icon,
467
+ .bg-primary .alert-negative .icon {
468
+ color: #ffa6a9;
469
+ }
470
+ .bg-primary .alert-danger a:hover,
471
+ .bg-primary .alert-negative a:hover,
472
+ .bg-primary .alert-danger a:focus,
473
+ .bg-primary .alert-negative a:focus,
474
+ .bg-primary .alert-danger .alert-link:hover,
475
+ .bg-primary .alert-negative .alert-link:hover,
476
+ .bg-primary .alert-danger .alert-link:focus,
477
+ .bg-primary .alert-negative .alert-link:focus,
478
+ .bg-primary .alert-danger .close:hover,
479
+ .bg-primary .alert-negative .close:hover,
480
+ .bg-primary .alert-danger .close:focus,
481
+ .bg-primary .alert-negative .close:focus {
482
+ color: #ea9396;
483
+ }
484
+ .form-group:focus-within .alert-focus,
485
+ input:focus ~ .alert-focus,
486
+ .btn:focus ~ .alert-focus {
487
+ display: block;
488
+ border-color: #00a2dd;
489
+ border-color: var(--color-interactive-accent);
490
+ }
491
+ .focus .alert-focus,
492
+ .has-focus .alert-focus,
493
+ .has-info .alert-info,
494
+ .has-info .alert-neutral,
495
+ .has-warning .alert-warning,
496
+ .has-success .alert-success,
497
+ .has-success .alert-positive,
498
+ .has-error .alert-danger,
499
+ .has-error .alert-negative {
500
+ display: block;
501
+ }
502
+ .has-info .help-block,
503
+ .has-info .alert-focus,
504
+ .has-warning .help-block,
505
+ .has-warning .alert-focus,
506
+ .has-warning .alert-info,
507
+ .has-warning .alert-neutral,
508
+ .has-success .help-block,
509
+ .has-success .alert-focus,
510
+ .has-success .alert-info,
511
+ .has-success .alert-neutral,
512
+ .has-success .alert-warning,
513
+ .has-error .help-block,
514
+ .has-error .alert-focus,
515
+ .has-error .alert-info,
516
+ .has-error .alert-neutral,
517
+ .has-error .alert-warning,
518
+ .has-error .alert-success,
519
+ .has-error .alert-positive {
520
+ display: none !important;
521
+ }
522
+ .np-theme-personal .alert {
523
+ padding: 16px;
524
+ padding: var(--size-16);
525
+ flex-direction: row;
526
+ }
527
+ .np-theme-personal .alert .alert__message {
528
+ padding-top: 0;
529
+ padding-inline-start: 16px;
530
+ padding-inline-start: var(--padding-small);
531
+ }
532
+ .np-theme-personal .alert-success,
533
+ .np-theme-personal .alert-positive,
534
+ .np-theme-personal .alert-info,
535
+ .np-theme-personal .alert-neutral,
536
+ .np-theme-personal .alert-warning,
537
+ .np-theme-personal .alert-danger,
538
+ .np-theme-personal .alert-negative,
539
+ .bg-primary .np-theme-personal .alert-success,
540
+ .bg-primary .np-theme-personal .alert-positive,
541
+ .bg-primary .np-theme-personal .alert-info,
542
+ .bg-primary .np-theme-personal .alert-neutral,
543
+ .bg-primary .np-theme-personal .alert-warning,
544
+ .bg-primary .np-theme-personal .alert-danger,
545
+ .bg-primary .np-theme-personal .alert-negative {
546
+ background-color: rgba(134,167,189,0.10196);
547
+ background-color: var(--color-background-neutral);
548
+ color: #5d7079;
549
+ color: var(--color-content-secondary);
550
+ }
551
+ .np-theme-personal .alert-success a,
552
+ .np-theme-personal .alert-positive a,
553
+ .np-theme-personal .alert-info a,
554
+ .np-theme-personal .alert-neutral a,
555
+ .np-theme-personal .alert-warning a,
556
+ .np-theme-personal .alert-danger a,
557
+ .np-theme-personal .alert-negative a,
558
+ .bg-primary .np-theme-personal .alert-success a,
559
+ .bg-primary .np-theme-personal .alert-positive a,
560
+ .bg-primary .np-theme-personal .alert-info a,
561
+ .bg-primary .np-theme-personal .alert-neutral a,
562
+ .bg-primary .np-theme-personal .alert-warning a,
563
+ .bg-primary .np-theme-personal .alert-danger a,
564
+ .bg-primary .np-theme-personal .alert-negative a,
565
+ .np-theme-personal .alert-success b,
566
+ .np-theme-personal .alert-positive b,
567
+ .np-theme-personal .alert-info b,
568
+ .np-theme-personal .alert-neutral b,
569
+ .np-theme-personal .alert-warning b,
570
+ .np-theme-personal .alert-danger b,
571
+ .np-theme-personal .alert-negative b,
572
+ .bg-primary .np-theme-personal .alert-success b,
573
+ .bg-primary .np-theme-personal .alert-positive b,
574
+ .bg-primary .np-theme-personal .alert-info b,
575
+ .bg-primary .np-theme-personal .alert-neutral b,
576
+ .bg-primary .np-theme-personal .alert-warning b,
577
+ .bg-primary .np-theme-personal .alert-danger b,
578
+ .bg-primary .np-theme-personal .alert-negative b,
579
+ .np-theme-personal .alert-success strong,
580
+ .np-theme-personal .alert-positive strong,
581
+ .np-theme-personal .alert-info strong,
582
+ .np-theme-personal .alert-neutral strong,
583
+ .np-theme-personal .alert-warning strong,
584
+ .np-theme-personal .alert-danger strong,
585
+ .np-theme-personal .alert-negative strong,
586
+ .bg-primary .np-theme-personal .alert-success strong,
587
+ .bg-primary .np-theme-personal .alert-positive strong,
588
+ .bg-primary .np-theme-personal .alert-info strong,
589
+ .bg-primary .np-theme-personal .alert-neutral strong,
590
+ .bg-primary .np-theme-personal .alert-warning strong,
591
+ .bg-primary .np-theme-personal .alert-danger strong,
592
+ .bg-primary .np-theme-personal .alert-negative strong,
593
+ .np-theme-personal .alert-success .close,
594
+ .np-theme-personal .alert-positive .close,
595
+ .np-theme-personal .alert-info .close,
596
+ .np-theme-personal .alert-neutral .close,
597
+ .np-theme-personal .alert-warning .close,
598
+ .np-theme-personal .alert-danger .close,
599
+ .np-theme-personal .alert-negative .close,
600
+ .bg-primary .np-theme-personal .alert-success .close,
601
+ .bg-primary .np-theme-personal .alert-positive .close,
602
+ .bg-primary .np-theme-personal .alert-info .close,
603
+ .bg-primary .np-theme-personal .alert-neutral .close,
604
+ .bg-primary .np-theme-personal .alert-warning .close,
605
+ .bg-primary .np-theme-personal .alert-danger .close,
606
+ .bg-primary .np-theme-personal .alert-negative .close,
607
+ .np-theme-personal .alert-success .alert-link,
608
+ .np-theme-personal .alert-positive .alert-link,
609
+ .np-theme-personal .alert-info .alert-link,
610
+ .np-theme-personal .alert-neutral .alert-link,
611
+ .np-theme-personal .alert-warning .alert-link,
612
+ .np-theme-personal .alert-danger .alert-link,
613
+ .np-theme-personal .alert-negative .alert-link,
614
+ .bg-primary .np-theme-personal .alert-success .alert-link,
615
+ .bg-primary .np-theme-personal .alert-positive .alert-link,
616
+ .bg-primary .np-theme-personal .alert-info .alert-link,
617
+ .bg-primary .np-theme-personal .alert-neutral .alert-link,
618
+ .bg-primary .np-theme-personal .alert-warning .alert-link,
619
+ .bg-primary .np-theme-personal .alert-danger .alert-link,
620
+ .bg-primary .np-theme-personal .alert-negative .alert-link,
621
+ .np-theme-personal .alert-success .icon,
622
+ .np-theme-personal .alert-positive .icon,
623
+ .np-theme-personal .alert-info .icon,
624
+ .np-theme-personal .alert-neutral .icon,
625
+ .np-theme-personal .alert-warning .icon,
626
+ .np-theme-personal .alert-danger .icon,
627
+ .np-theme-personal .alert-negative .icon,
628
+ .bg-primary .np-theme-personal .alert-success .icon,
629
+ .bg-primary .np-theme-personal .alert-positive .icon,
630
+ .bg-primary .np-theme-personal .alert-info .icon,
631
+ .bg-primary .np-theme-personal .alert-neutral .icon,
632
+ .bg-primary .np-theme-personal .alert-warning .icon,
633
+ .bg-primary .np-theme-personal .alert-danger .icon,
634
+ .bg-primary .np-theme-personal .alert-negative .icon {
635
+ color: #5d7079;
636
+ color: var(--color-content-secondary);
637
+ }
638
+ .np-theme-personal .alert-success a:hover,
639
+ .np-theme-personal .alert-positive a:hover,
640
+ .np-theme-personal .alert-info a:hover,
641
+ .np-theme-personal .alert-neutral a:hover,
642
+ .np-theme-personal .alert-warning a:hover,
643
+ .np-theme-personal .alert-danger a:hover,
644
+ .np-theme-personal .alert-negative a:hover,
645
+ .bg-primary .np-theme-personal .alert-success a:hover,
646
+ .bg-primary .np-theme-personal .alert-positive a:hover,
647
+ .bg-primary .np-theme-personal .alert-info a:hover,
648
+ .bg-primary .np-theme-personal .alert-neutral a:hover,
649
+ .bg-primary .np-theme-personal .alert-warning a:hover,
650
+ .bg-primary .np-theme-personal .alert-danger a:hover,
651
+ .bg-primary .np-theme-personal .alert-negative a:hover,
652
+ .np-theme-personal .alert-success a:focus,
653
+ .np-theme-personal .alert-positive a:focus,
654
+ .np-theme-personal .alert-info a:focus,
655
+ .np-theme-personal .alert-neutral a:focus,
656
+ .np-theme-personal .alert-warning a:focus,
657
+ .np-theme-personal .alert-danger a:focus,
658
+ .np-theme-personal .alert-negative a:focus,
659
+ .bg-primary .np-theme-personal .alert-success a:focus,
660
+ .bg-primary .np-theme-personal .alert-positive a:focus,
661
+ .bg-primary .np-theme-personal .alert-info a:focus,
662
+ .bg-primary .np-theme-personal .alert-neutral a:focus,
663
+ .bg-primary .np-theme-personal .alert-warning a:focus,
664
+ .bg-primary .np-theme-personal .alert-danger a:focus,
665
+ .bg-primary .np-theme-personal .alert-negative a:focus,
666
+ .np-theme-personal .alert-success .alert-link:hover,
667
+ .np-theme-personal .alert-positive .alert-link:hover,
668
+ .np-theme-personal .alert-info .alert-link:hover,
669
+ .np-theme-personal .alert-neutral .alert-link:hover,
670
+ .np-theme-personal .alert-warning .alert-link:hover,
671
+ .np-theme-personal .alert-danger .alert-link:hover,
672
+ .np-theme-personal .alert-negative .alert-link:hover,
673
+ .bg-primary .np-theme-personal .alert-success .alert-link:hover,
674
+ .bg-primary .np-theme-personal .alert-positive .alert-link:hover,
675
+ .bg-primary .np-theme-personal .alert-info .alert-link:hover,
676
+ .bg-primary .np-theme-personal .alert-neutral .alert-link:hover,
677
+ .bg-primary .np-theme-personal .alert-warning .alert-link:hover,
678
+ .bg-primary .np-theme-personal .alert-danger .alert-link:hover,
679
+ .bg-primary .np-theme-personal .alert-negative .alert-link:hover,
680
+ .np-theme-personal .alert-success .alert-link:focus,
681
+ .np-theme-personal .alert-positive .alert-link:focus,
682
+ .np-theme-personal .alert-info .alert-link:focus,
683
+ .np-theme-personal .alert-neutral .alert-link:focus,
684
+ .np-theme-personal .alert-warning .alert-link:focus,
685
+ .np-theme-personal .alert-danger .alert-link:focus,
686
+ .np-theme-personal .alert-negative .alert-link:focus,
687
+ .bg-primary .np-theme-personal .alert-success .alert-link:focus,
688
+ .bg-primary .np-theme-personal .alert-positive .alert-link:focus,
689
+ .bg-primary .np-theme-personal .alert-info .alert-link:focus,
690
+ .bg-primary .np-theme-personal .alert-neutral .alert-link:focus,
691
+ .bg-primary .np-theme-personal .alert-warning .alert-link:focus,
692
+ .bg-primary .np-theme-personal .alert-danger .alert-link:focus,
693
+ .bg-primary .np-theme-personal .alert-negative .alert-link:focus,
694
+ .np-theme-personal .alert-success .close:hover,
695
+ .np-theme-personal .alert-positive .close:hover,
696
+ .np-theme-personal .alert-info .close:hover,
697
+ .np-theme-personal .alert-neutral .close:hover,
698
+ .np-theme-personal .alert-warning .close:hover,
699
+ .np-theme-personal .alert-danger .close:hover,
700
+ .np-theme-personal .alert-negative .close:hover,
701
+ .bg-primary .np-theme-personal .alert-success .close:hover,
702
+ .bg-primary .np-theme-personal .alert-positive .close:hover,
703
+ .bg-primary .np-theme-personal .alert-info .close:hover,
704
+ .bg-primary .np-theme-personal .alert-neutral .close:hover,
705
+ .bg-primary .np-theme-personal .alert-warning .close:hover,
706
+ .bg-primary .np-theme-personal .alert-danger .close:hover,
707
+ .bg-primary .np-theme-personal .alert-negative .close:hover,
708
+ .np-theme-personal .alert-success .close:focus,
709
+ .np-theme-personal .alert-positive .close:focus,
710
+ .np-theme-personal .alert-info .close:focus,
711
+ .np-theme-personal .alert-neutral .close:focus,
712
+ .np-theme-personal .alert-warning .close:focus,
713
+ .np-theme-personal .alert-danger .close:focus,
714
+ .np-theme-personal .alert-negative .close:focus,
715
+ .bg-primary .np-theme-personal .alert-success .close:focus,
716
+ .bg-primary .np-theme-personal .alert-positive .close:focus,
717
+ .bg-primary .np-theme-personal .alert-info .close:focus,
718
+ .bg-primary .np-theme-personal .alert-neutral .close:focus,
719
+ .bg-primary .np-theme-personal .alert-warning .close:focus,
720
+ .bg-primary .np-theme-personal .alert-danger .close:focus,
721
+ .bg-primary .np-theme-personal .alert-negative .close:focus {
722
+ color: var(--color-content-link-hover);
723
+ }
724
+ .np-theme-personal .alert-success .np-link,
725
+ .np-theme-personal .alert-positive .np-link,
726
+ .np-theme-personal .alert-info .np-link,
727
+ .np-theme-personal .alert-neutral .np-link,
728
+ .np-theme-personal .alert-warning .np-link,
729
+ .np-theme-personal .alert-danger .np-link,
730
+ .np-theme-personal .alert-negative .np-link {
731
+ color: var(--color-content-link);
732
+ }
733
+ .np-theme-personal .alert-success .np-link:hover,
734
+ .np-theme-personal .alert-positive .np-link:hover,
735
+ .np-theme-personal .alert-info .np-link:hover,
736
+ .np-theme-personal .alert-neutral .np-link:hover,
737
+ .np-theme-personal .alert-warning .np-link:hover,
738
+ .np-theme-personal .alert-danger .np-link:hover,
739
+ .np-theme-personal .alert-negative .np-link:hover,
740
+ .np-theme-personal .alert-success .np-link:focus,
741
+ .np-theme-personal .alert-positive .np-link:focus,
742
+ .np-theme-personal .alert-info .np-link:focus,
743
+ .np-theme-personal .alert-neutral .np-link:focus,
744
+ .np-theme-personal .alert-warning .np-link:focus,
745
+ .np-theme-personal .alert-danger .np-link:focus,
746
+ .np-theme-personal .alert-negative .np-link:focus {
747
+ color: var(--color-content-link-hover);
748
+ }