@transferwise/components 0.0.0-experimental-4568e68 → 0.0.0-experimental-20a9e0c

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 (318) hide show
  1. package/build/info/Info.js +7 -13
  2. package/build/info/Info.js.map +1 -1
  3. package/build/info/Info.mjs +7 -13
  4. package/build/info/Info.mjs.map +1 -1
  5. package/build/main.css +16 -25658
  6. package/build/styles/info/Info.css +0 -23
  7. package/build/styles/main.css +16 -25658
  8. package/build/types/info/Info.d.ts.map +1 -1
  9. package/package.json +5 -5
  10. package/src/accordion/Accordion.css +60 -0
  11. package/src/accordion/Accordion.less +3 -3
  12. package/src/actionButton/ActionButton.css +64 -0
  13. package/src/actionButton/ActionButton.less +1 -1
  14. package/src/actionOption/ActionOption.css +4 -0
  15. package/src/alert/Alert.css +7 -0
  16. package/src/avatar/Avatar.css +205 -0
  17. package/src/avatar/Avatar.less +3 -3
  18. package/src/avatarLayout/AvatarLayout.css +42 -0
  19. package/src/avatarView/AvatarView.css +36 -0
  20. package/src/avatarView/NotificationDot.css +20 -0
  21. package/src/badge/Badge.css +65 -0
  22. package/src/badge/Badge.less +1 -1
  23. package/src/button/Button.css +246 -0
  24. package/src/button/Button.vars.css +46 -0
  25. package/src/button/LegacyButton.css +23 -0
  26. package/src/button/LegacyButton.less +1 -1
  27. package/src/card/Card.css +100 -0
  28. package/src/card/Card.less +3 -3
  29. package/src/carousel/Carousel.css +134 -0
  30. package/src/checkboxButton/CheckboxButton.css +43 -0
  31. package/src/checkboxButton/CheckboxButton.less +2 -2
  32. package/src/chips/Chip.css +190 -0
  33. package/src/chips/Chip.less +3 -3
  34. package/src/circularButton/CircularButton.css +33 -0
  35. package/src/common/Option/Option.css +122 -0
  36. package/src/common/Option/Option.less +2 -2
  37. package/src/common/RadioButton/RadioButton.css +4 -0
  38. package/src/common/bottomSheet/BottomSheet.css +53 -0
  39. package/src/common/bottomSheet/BottomSheet.less +1 -1
  40. package/src/common/card/Card.css +49 -0
  41. package/src/common/circle/Circle.css +43 -0
  42. package/src/common/closeButton/CloseButton.css +94 -0
  43. package/src/common/closeButton/CloseButton.less +1 -1
  44. package/src/common/panel/Panel.css +73 -0
  45. package/src/common/panel/Panel.less +1 -1
  46. package/src/criticalBanner/CriticalCommsBanner.css +36 -0
  47. package/src/dateInput/DateInput.css +3 -0
  48. package/src/dateLookup/DateLookup.css +98 -0
  49. package/src/dateLookup/DateLookup.less +1 -1
  50. package/src/dateLookup/dateTrigger/DateTrigger.css +29 -0
  51. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  52. package/src/decision/Decision.css +17 -0
  53. package/src/decision/Decision.less +1 -1
  54. package/src/definitionList/DefinitionList.css +53 -0
  55. package/src/definitionList/DefinitionList.less +1 -1
  56. package/src/dimmer/Dimmer.css +70 -0
  57. package/src/dimmer/Dimmer.less +2 -2
  58. package/src/drawer/Drawer.css +103 -0
  59. package/src/drawer/Drawer.less +2 -2
  60. package/src/dropFade/DropFade.css +19 -0
  61. package/src/emphasis/Emphasis.css +31 -0
  62. package/src/field/Field.css +4 -0
  63. package/src/flowNavigation/FlowNavigation.css +76 -0
  64. package/src/flowNavigation/FlowNavigation.less +1 -1
  65. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +30 -0
  66. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  67. package/src/header/Header.css +26 -0
  68. package/src/iconButton/IconButton.css +82 -0
  69. package/src/image/Image.css +13 -0
  70. package/src/info/Info.css +9 -0
  71. package/src/info/Info.less +1 -29
  72. package/src/info/Info.tsx +8 -14
  73. package/src/inputs/Input.css +101 -0
  74. package/src/inputs/InputGroup.css +63 -0
  75. package/src/inputs/SelectInput.css +372 -0
  76. package/src/inputs/SelectInput.less +1 -1
  77. package/src/inputs/TextArea.css +105 -0
  78. package/src/inputs/_common.less +1 -1
  79. package/src/instructionsList/InstructionsList.css +26 -0
  80. package/src/link/Link.css +15 -0
  81. package/src/link/Link.less +2 -2
  82. package/src/listItem/ListItem.css +6 -0
  83. package/src/listItem/ListItem.story.tsx +4 -9
  84. package/src/loader/Loader.css +313 -0
  85. package/src/logo/Logo.css +26 -0
  86. package/src/main.css +6225 -0
  87. package/src/main.less +0 -2
  88. package/src/modal/Modal.css +158 -0
  89. package/src/moneyInput/MoneyInput.css +66 -0
  90. package/src/moneyInput/MoneyInput.less +2 -2
  91. package/src/navigationOption/NavigationOption.css +69 -0
  92. package/src/navigationOption/NavigationOption.less +3 -3
  93. package/src/navigationOptionsList/NavigationOptionsList.css +13 -0
  94. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  95. package/src/nudge/Nudge.css +191 -0
  96. package/src/overlayHeader/OverlayHeader.css +15 -0
  97. package/src/overlayHeader/OverlayHeader.less +1 -1
  98. package/src/phoneNumberInput/PhoneNumberInput.css +23 -0
  99. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  100. package/src/popover/Popover.css +43 -0
  101. package/src/popover/Popover.less +1 -1
  102. package/src/progress/Progress.css +43 -0
  103. package/src/progressBar/ProgressBar.css +14 -0
  104. package/src/promoCard/PromoCard.css +186 -0
  105. package/src/section/Section.css +10 -0
  106. package/src/segmentedControl/SegmentedControl.css +101 -0
  107. package/src/select/Select.css +305 -0
  108. package/src/select/Select.less +5 -5
  109. package/src/selectOption/SelectOption.css +44 -0
  110. package/src/selectOption/SelectOption.less +1 -1
  111. package/src/slidingPanel/SlidingPanel.css +105 -0
  112. package/src/slidingPanel/SlidingPanel.less +2 -2
  113. package/src/snackbar/Snackbar.css +93 -0
  114. package/src/snackbar/Snackbar.less +3 -3
  115. package/src/statusIcon/StatusIcon.css +27 -0
  116. package/src/stepper/Stepper.css +84 -0
  117. package/src/stepper/Stepper.less +3 -3
  118. package/src/summary/Summary.css +85 -0
  119. package/src/summary/Summary.less +1 -1
  120. package/src/switch/Switch.css +68 -0
  121. package/src/switch/Switch.less +3 -3
  122. package/src/table/Table.css +274 -0
  123. package/src/table/Table.less +1 -1
  124. package/src/tabs/Tabs.css +121 -0
  125. package/src/tabs/Tabs.less +4 -4
  126. package/src/tile/Tile.css +55 -0
  127. package/src/tile/Tile.less +1 -1
  128. package/src/tooltip/Tooltip.css +50 -0
  129. package/src/tooltip/Tooltip.less +1 -1
  130. package/src/typeahead/Typeahead.css +183 -0
  131. package/src/typeahead/Typeahead.less +2 -2
  132. package/src/typeahead/typeaheadOption/TypeaheadOption.css +9 -0
  133. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  134. package/src/upload/Upload.css +31 -0
  135. package/src/upload/Upload.less +1 -1
  136. package/src/uploadInput/UploadInput.css +18 -0
  137. package/src/uploadInput/UploadInput.less +2 -2
  138. package/src/uploadInput/uploadButton/UploadButton.css +90 -0
  139. package/src/uploadInput/uploadItem/UploadItem.css +165 -0
  140. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
  141. package/build/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  142. package/build/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  143. package/build/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  144. package/build/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  145. package/build/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  146. package/build/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  147. package/build/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  148. package/build/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  149. package/build/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  150. package/build/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  151. package/build/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  152. package/build/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  153. package/build/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  154. package/build/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  155. package/build/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  156. package/build/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  157. package/build/neptune-css/img/bg-dark.svg +0 -31
  158. package/build/neptune-css/img/bg-light.svg +0 -26
  159. package/build/styles/neptune-css/less/accordion.css +0 -231
  160. package/build/styles/neptune-css/less/alerts.css +0 -748
  161. package/build/styles/neptune-css/less/background.css +0 -18
  162. package/build/styles/neptune-css/less/badge.css +0 -90
  163. package/build/styles/neptune-css/less/border-radius.css +0 -3
  164. package/build/styles/neptune-css/less/breadcrumbs.css +0 -20
  165. package/build/styles/neptune-css/less/button-groups.css +0 -408
  166. package/build/styles/neptune-css/less/buttons.css +0 -1387
  167. package/build/styles/neptune-css/less/chevron.css +0 -35
  168. package/build/styles/neptune-css/less/circles.css +0 -248
  169. package/build/styles/neptune-css/less/close.css +0 -47
  170. package/build/styles/neptune-css/less/column-layout.css +0 -164
  171. package/build/styles/neptune-css/less/core/viewport-themes.css +0 -59
  172. package/build/styles/neptune-css/less/currency-flags.css +0 -46
  173. package/build/styles/neptune-css/less/decision.css +0 -91
  174. package/build/styles/neptune-css/less/dropdowns.css +0 -400
  175. package/build/styles/neptune-css/less/droppable.css +0 -177
  176. package/build/styles/neptune-css/less/flex.css +0 -598
  177. package/build/styles/neptune-css/less/footer.css +0 -110
  178. package/build/styles/neptune-css/less/forms/bootstrap-forms.css +0 -1975
  179. package/build/styles/neptune-css/less/forms/checkbox-radio.css +0 -367
  180. package/build/styles/neptune-css/less/grid.css +0 -2369
  181. package/build/styles/neptune-css/less/input-groups.css +0 -2706
  182. package/build/styles/neptune-css/less/link-callout.css +0 -20
  183. package/build/styles/neptune-css/less/list-group.css +0 -267
  184. package/build/styles/neptune-css/less/loaders.css +0 -76
  185. package/build/styles/neptune-css/less/media.css +0 -74
  186. package/build/styles/neptune-css/less/modals.css +0 -185
  187. package/build/styles/neptune-css/less/navbar.css +0 -2382
  188. package/build/styles/neptune-css/less/navs.css +0 -296
  189. package/build/styles/neptune-css/less/neptune-addons.css +0 -1829
  190. package/build/styles/neptune-css/less/neptune-core.css +0 -1971
  191. package/build/styles/neptune-css/less/neptune-social-media.css +0 -144
  192. package/build/styles/neptune-css/less/neptune.css +0 -24468
  193. package/build/styles/neptune-css/less/panels.css +0 -528
  194. package/build/styles/neptune-css/less/popovers.css +0 -530
  195. package/build/styles/neptune-css/less/process.css +0 -483
  196. package/build/styles/neptune-css/less/progress-bars.css +0 -64
  197. package/build/styles/neptune-css/less/ring.css +0 -55
  198. package/build/styles/neptune-css/less/select.css +0 -99
  199. package/build/styles/neptune-css/less/sequences.css +0 -855
  200. package/build/styles/neptune-css/less/table.css +0 -446
  201. package/build/styles/neptune-css/less/tick.css +0 -32
  202. package/build/styles/neptune-css/less/tooltip.css +0 -138
  203. package/build/styles/neptune-css/less/utilities.css +0 -145
  204. package/build/styles/neptune-css/less/wells.css +0 -74
  205. package/build/styles/neptune-css/props/custom-media.css +0 -11
  206. package/build/styles/neptune-css/props/legacy-custom-props.css +0 -69
  207. package/build/styles/neptune-css/props/neptune-tokens.css +0 -11
  208. package/build/styles/neptune-css/variables/legacy-variables.css +0 -0
  209. package/build/styles/neptune-css/variables/neptune-tokens.css +0 -0
  210. package/build/styles/neptune-css/variables/zindex.css +0 -0
  211. package/src/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  212. package/src/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  213. package/src/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  214. package/src/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  215. package/src/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  216. package/src/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  217. package/src/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  218. package/src/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  219. package/src/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  220. package/src/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  221. package/src/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  222. package/src/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  223. package/src/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  224. package/src/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  225. package/src/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  226. package/src/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  227. package/src/neptune-css/img/bg-dark.svg +0 -31
  228. package/src/neptune-css/img/bg-light.svg +0 -26
  229. package/src/neptune-css/less/accordion.less +0 -15
  230. package/src/neptune-css/less/addons/_background-utilities.less +0 -82
  231. package/src/neptune-css/less/addons/_border.less +0 -3
  232. package/src/neptune-css/less/addons/_display-utilities.less +0 -159
  233. package/src/neptune-css/less/addons/_spacing-utilities.less +0 -48
  234. package/src/neptune-css/less/addons/_utilities.less +0 -147
  235. package/src/neptune-css/less/alerts.less +0 -248
  236. package/src/neptune-css/less/background.less +0 -24
  237. package/src/neptune-css/less/badge.less +0 -85
  238. package/src/neptune-css/less/border-radius.less +0 -3
  239. package/src/neptune-css/less/breadcrumbs.less +0 -27
  240. package/src/neptune-css/less/button-groups.less +0 -424
  241. package/src/neptune-css/less/buttons.less +0 -731
  242. package/src/neptune-css/less/chevron.less +0 -39
  243. package/src/neptune-css/less/circles.less +0 -233
  244. package/src/neptune-css/less/close.less +0 -48
  245. package/src/neptune-css/less/column-layout.less +0 -167
  246. package/src/neptune-css/less/components/_component-animations.less +0 -43
  247. package/src/neptune-css/less/core/_fonts.less +0 -97
  248. package/src/neptune-css/less/core/_scaffolding.less +0 -373
  249. package/src/neptune-css/less/core/_typography-utilities.less +0 -251
  250. package/src/neptune-css/less/core/_typography.less +0 -597
  251. package/src/neptune-css/less/core/viewport-themes.less +0 -65
  252. package/src/neptune-css/less/currency-flags.less +0 -42
  253. package/src/neptune-css/less/decision.less +0 -98
  254. package/src/neptune-css/less/dropdowns.less +0 -365
  255. package/src/neptune-css/less/droppable.less +0 -213
  256. package/src/neptune-css/less/flex.less +0 -113
  257. package/src/neptune-css/less/footer.less +0 -113
  258. package/src/neptune-css/less/forms/bootstrap-forms.less +0 -1218
  259. package/src/neptune-css/less/forms/checkbox-radio.less +0 -330
  260. package/src/neptune-css/less/grid.less +0 -187
  261. package/src/neptune-css/less/input-groups.less +0 -298
  262. package/src/neptune-css/less/link-callout.less +0 -17
  263. package/src/neptune-css/less/list-group.less +0 -260
  264. package/src/neptune-css/less/loaders.less +0 -91
  265. package/src/neptune-css/less/media.less +0 -68
  266. package/src/neptune-css/less/mixins/_alerts.less +0 -35
  267. package/src/neptune-css/less/mixins/_arrows.less +0 -52
  268. package/src/neptune-css/less/mixins/_border-radius.less +0 -11
  269. package/src/neptune-css/less/mixins/_buttons.less +0 -82
  270. package/src/neptune-css/less/mixins/_center-block.less +0 -7
  271. package/src/neptune-css/less/mixins/_clearfix.less +0 -23
  272. package/src/neptune-css/less/mixins/_flex.less +0 -105
  273. package/src/neptune-css/less/mixins/_forms.less +0 -130
  274. package/src/neptune-css/less/mixins/_grid-framework.less +0 -104
  275. package/src/neptune-css/less/mixins/_grid.less +0 -158
  276. package/src/neptune-css/less/mixins/_hide-text.less +0 -20
  277. package/src/neptune-css/less/mixins/_links.less +0 -7
  278. package/src/neptune-css/less/mixins/_list-group.less +0 -23
  279. package/src/neptune-css/less/mixins/_logical-properties-IE-friendly.less +0 -381
  280. package/src/neptune-css/less/mixins/_logical-properties-modern-browsers.less +0 -226
  281. package/src/neptune-css/less/mixins/_logical-properties.less +0 -5
  282. package/src/neptune-css/less/mixins/_nav-divider.less +0 -10
  283. package/src/neptune-css/less/mixins/_nav-vertical-align.less +0 -10
  284. package/src/neptune-css/less/mixins/_panels.less +0 -23
  285. package/src/neptune-css/less/mixins/_physical-properties.less +0 -110
  286. package/src/neptune-css/less/mixins/_reset-text.less +0 -22
  287. package/src/neptune-css/less/mixins/_sequence.less +0 -203
  288. package/src/neptune-css/less/mixins/_spacing.less +0 -122
  289. package/src/neptune-css/less/mixins/_tab-focus.less +0 -5
  290. package/src/neptune-css/less/mixins/_table-row.less +0 -47
  291. package/src/neptune-css/less/mixins/_text-emphasis.less +0 -39
  292. package/src/neptune-css/less/mixins/_text-overflow.less +0 -8
  293. package/src/neptune-css/less/mixins/_theming.less +0 -7
  294. package/src/neptune-css/less/modals.less +0 -239
  295. package/src/neptune-css/less/navbar.less +0 -1442
  296. package/src/neptune-css/less/navs.less +0 -339
  297. package/src/neptune-css/less/neptune-addons.less +0 -4
  298. package/src/neptune-css/less/neptune-core.less +0 -4
  299. package/src/neptune-css/less/neptune-social-media.less +0 -84
  300. package/src/neptune-css/less/neptune.bundle.less +0 -57
  301. package/src/neptune-css/less/panels.less +0 -410
  302. package/src/neptune-css/less/popovers.less +0 -379
  303. package/src/neptune-css/less/process.less +0 -426
  304. package/src/neptune-css/less/progress-bars.less +0 -55
  305. package/src/neptune-css/less/ring.less +0 -51
  306. package/src/neptune-css/less/select.less +0 -88
  307. package/src/neptune-css/less/sequences.less +0 -511
  308. package/src/neptune-css/less/table.less +0 -385
  309. package/src/neptune-css/less/tick.less +0 -37
  310. package/src/neptune-css/less/tooltip.less +0 -130
  311. package/src/neptune-css/less/utilities.less +0 -153
  312. package/src/neptune-css/less/wells.less +0 -37
  313. package/src/neptune-css/props/custom-media.css +0 -11
  314. package/src/neptune-css/props/legacy-custom-props.css +0 -69
  315. package/src/neptune-css/props/neptune-tokens.css +0 -11
  316. package/src/neptune-css/variables/legacy-variables.less +0 -1299
  317. package/src/neptune-css/variables/neptune-tokens.less +0 -12
  318. package/src/neptune-css/variables/zindex.less +0 -17
package/build/styles/neptune-css/less/alerts.css DELETED
@@ -1,748 +0,0 @@
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
- }