@transferwise/components 0.0.0-experimental-57e70f3 → 0.0.0-experimental-09066ec

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 (563) hide show
  1. package/build/dateInput/DateInput.js +12 -5
  2. package/build/dateInput/DateInput.js.map +1 -1
  3. package/build/dateInput/DateInput.mjs +11 -4
  4. package/build/dateInput/DateInput.mjs.map +1 -1
  5. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js +16 -8
  6. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map +1 -1
  7. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs +14 -6
  8. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs.map +1 -1
  9. package/build/index.js +12 -7
  10. package/build/index.js.map +1 -1
  11. package/build/index.mjs +9 -3
  12. package/build/index.mjs.map +1 -1
  13. package/build/inputs/{_BottomSheet.js → SelectInput/BottomSheet/SelectInputBottomSheet.js} +7 -7
  14. package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.js.map +1 -0
  15. package/build/inputs/{_BottomSheet.mjs → SelectInput/BottomSheet/SelectInputBottomSheet.mjs} +7 -7
  16. package/build/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.mjs.map +1 -0
  17. package/build/inputs/{_ButtonInput.js → SelectInput/ButtonInput/SelectInputButtonInput.js} +5 -5
  18. package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.js.map +1 -0
  19. package/build/inputs/{_ButtonInput.mjs → SelectInput/ButtonInput/SelectInputButtonInput.mjs} +5 -5
  20. package/build/inputs/SelectInput/ButtonInput/SelectInputButtonInput.mjs.map +1 -0
  21. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js +26 -0
  22. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.js.map +1 -0
  23. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs +24 -0
  24. package/build/inputs/SelectInput/ClearButton/SelectInputClearButton.mjs.map +1 -0
  25. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js +59 -0
  26. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.js.map +1 -0
  27. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs +56 -0
  28. package/build/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.mjs.map +1 -0
  29. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js +50 -0
  30. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.js.map +1 -0
  31. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs +48 -0
  32. package/build/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.mjs.map +1 -0
  33. package/build/inputs/SelectInput/ItemView/SelectInputItemView.js +47 -0
  34. package/build/inputs/SelectInput/ItemView/SelectInputItemView.js.map +1 -0
  35. package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs +45 -0
  36. package/build/inputs/SelectInput/ItemView/SelectInputItemView.mjs.map +1 -0
  37. package/build/inputs/SelectInput/Option/SelectInputOption.js +42 -0
  38. package/build/inputs/SelectInput/Option/SelectInputOption.js.map +1 -0
  39. package/build/inputs/SelectInput/Option/SelectInputOption.mjs +40 -0
  40. package/build/inputs/SelectInput/Option/SelectInputOption.mjs.map +1 -0
  41. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js +40 -0
  42. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +1 -0
  43. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +38 -0
  44. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +1 -0
  45. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js +48 -0
  46. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js.map +1 -0
  47. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs +46 -0
  48. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs.map +1 -0
  49. package/build/inputs/SelectInput/Options/SelectInputOptions.js +300 -0
  50. package/build/inputs/SelectInput/Options/SelectInputOptions.js.map +1 -0
  51. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs +298 -0
  52. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs.map +1 -0
  53. package/build/inputs/{_Popover.js → SelectInput/Popover/SelectInputPopover.js} +7 -7
  54. package/build/inputs/SelectInput/Popover/SelectInputPopover.js.map +1 -0
  55. package/build/inputs/{_Popover.mjs → SelectInput/Popover/SelectInputPopover.mjs} +7 -7
  56. package/build/inputs/SelectInput/Popover/SelectInputPopover.mjs.map +1 -0
  57. package/build/inputs/SelectInput/SelectInput.contexts.js +29 -0
  58. package/build/inputs/SelectInput/SelectInput.contexts.js.map +1 -0
  59. package/build/inputs/SelectInput/SelectInput.contexts.mjs +24 -0
  60. package/build/inputs/SelectInput/SelectInput.contexts.mjs.map +1 -0
  61. package/build/inputs/SelectInput/SelectInput.js +222 -0
  62. package/build/inputs/SelectInput/SelectInput.js.map +1 -0
  63. package/build/inputs/SelectInput/SelectInput.messages.js.map +1 -0
  64. package/build/inputs/SelectInput/SelectInput.messages.mjs.map +1 -0
  65. package/build/inputs/SelectInput/SelectInput.mjs +216 -0
  66. package/build/inputs/SelectInput/SelectInput.mjs.map +1 -0
  67. package/build/inputs/SelectInput/SelectInput.utils.js +164 -0
  68. package/build/inputs/SelectInput/SelectInput.utils.js.map +1 -0
  69. package/build/inputs/SelectInput/SelectInput.utils.mjs +154 -0
  70. package/build/inputs/SelectInput/SelectInput.utils.mjs.map +1 -0
  71. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js +42 -0
  72. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map +1 -0
  73. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs +36 -0
  74. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs.map +1 -0
  75. package/build/main.css +97 -27094
  76. package/build/moneyInput/MoneyInput.js +9 -2
  77. package/build/moneyInput/MoneyInput.js.map +1 -1
  78. package/build/moneyInput/MoneyInput.mjs +8 -1
  79. package/build/moneyInput/MoneyInput.mjs.map +1 -1
  80. package/build/phoneNumberInput/PhoneNumberInput.js +10 -3
  81. package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
  82. package/build/phoneNumberInput/PhoneNumberInput.mjs +9 -2
  83. package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  84. package/build/styles/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +96 -0
  85. package/build/styles/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +16 -0
  86. package/build/styles/inputs/SelectInput/ClearButton/SelectInputClearButton.css +46 -0
  87. package/build/styles/inputs/SelectInput/ItemView/SelectInputItemView.css +16 -0
  88. package/build/styles/inputs/SelectInput/Option/SelectInputOption.css +33 -0
  89. package/build/styles/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +37 -0
  90. package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css +81 -0
  91. package/build/styles/inputs/SelectInput/Popover/SelectInputPopover.css +46 -0
  92. package/build/styles/main.css +97 -27094
  93. package/build/types/index.d.ts +1 -1
  94. package/build/types/index.d.ts.map +1 -1
  95. package/build/types/inputs/{_BottomSheet.d.ts → SelectInput/BottomSheet/SelectInputBottomSheet.d.ts} +3 -3
  96. package/build/types/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.d.ts.map +1 -0
  97. package/build/types/inputs/SelectInput/BottomSheet/index.d.ts +3 -0
  98. package/build/types/inputs/SelectInput/BottomSheet/index.d.ts.map +1 -0
  99. package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts +5 -0
  100. package/build/types/inputs/SelectInput/ButtonInput/SelectInputButtonInput.d.ts.map +1 -0
  101. package/build/types/inputs/SelectInput/ButtonInput/index.d.ts +3 -0
  102. package/build/types/inputs/SelectInput/ButtonInput/index.d.ts.map +1 -0
  103. package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts +7 -0
  104. package/build/types/inputs/SelectInput/ClearButton/SelectInputClearButton.d.ts.map +1 -0
  105. package/build/types/inputs/SelectInput/ClearButton/index.d.ts +3 -0
  106. package/build/types/inputs/SelectInput/ClearButton/index.d.ts.map +1 -0
  107. package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts +16 -0
  108. package/build/types/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.d.ts.map +1 -0
  109. package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts +2 -0
  110. package/build/types/inputs/SelectInput/DefaultRenderTrigger/index.d.ts.map +1 -0
  111. package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts +9 -0
  112. package/build/types/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.d.ts.map +1 -0
  113. package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts +3 -0
  114. package/build/types/inputs/SelectInput/ItemView/GroupItemView/index.d.ts.map +1 -0
  115. package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts +11 -0
  116. package/build/types/inputs/SelectInput/ItemView/SelectInputItemView.d.ts.map +1 -0
  117. package/build/types/inputs/SelectInput/ItemView/index.d.ts +4 -0
  118. package/build/types/inputs/SelectInput/ItemView/index.d.ts.map +1 -0
  119. package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts +11 -0
  120. package/build/types/inputs/SelectInput/Option/SelectInputOption.d.ts.map +1 -0
  121. package/build/types/inputs/SelectInput/Option/index.d.ts +3 -0
  122. package/build/types/inputs/SelectInput/Option/index.d.ts.map +1 -0
  123. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +13 -0
  124. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +1 -0
  125. package/build/types/inputs/SelectInput/OptionContent/index.d.ts +3 -0
  126. package/build/types/inputs/SelectInput/OptionContent/index.d.ts.map +1 -0
  127. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts +9 -0
  128. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts.map +1 -0
  129. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts +3 -0
  130. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts.map +1 -0
  131. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts +21 -0
  132. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts.map +1 -0
  133. package/build/types/inputs/SelectInput/Options/index.d.ts +4 -0
  134. package/build/types/inputs/SelectInput/Options/index.d.ts.map +1 -0
  135. package/build/types/inputs/{_Popover.d.ts → SelectInput/Popover/SelectInputPopover.d.ts} +3 -3
  136. package/build/types/inputs/SelectInput/Popover/SelectInputPopover.d.ts.map +1 -0
  137. package/build/types/inputs/SelectInput/Popover/index.d.ts +3 -0
  138. package/build/types/inputs/SelectInput/Popover/index.d.ts.map +1 -0
  139. package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts +33 -0
  140. package/build/types/inputs/SelectInput/SelectInput.contexts.d.ts.map +1 -0
  141. package/build/types/inputs/SelectInput/SelectInput.d.ts +10 -0
  142. package/build/types/inputs/SelectInput/SelectInput.d.ts.map +1 -0
  143. package/build/types/inputs/SelectInput/SelectInput.messages.d.ts.map +1 -0
  144. package/build/types/inputs/{SelectInput.d.ts → SelectInput/SelectInput.types.d.ts} +12 -38
  145. package/build/types/inputs/SelectInput/SelectInput.types.d.ts.map +1 -0
  146. package/build/types/inputs/SelectInput/SelectInput.utils.d.ts +60 -0
  147. package/build/types/inputs/SelectInput/SelectInput.utils.d.ts.map +1 -0
  148. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts +12 -0
  149. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts.map +1 -0
  150. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts +3 -0
  151. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts.map +1 -0
  152. package/build/types/inputs/SelectInput/components.d.ts +10 -0
  153. package/build/types/inputs/SelectInput/components.d.ts.map +1 -0
  154. package/build/types/inputs/SelectInput/index.d.ts +10 -0
  155. package/build/types/inputs/SelectInput/index.d.ts.map +1 -0
  156. package/package.json +4 -8
  157. package/src/accordion/Accordion.css +74 -0
  158. package/src/accordion/Accordion.less +3 -3
  159. package/src/actionButton/ActionButton.css +64 -0
  160. package/src/actionButton/ActionButton.less +1 -1
  161. package/src/actionOption/ActionOption.css +4 -0
  162. package/src/alert/Alert.css +7 -0
  163. package/src/avatar/Avatar.css +250 -0
  164. package/src/avatar/Avatar.less +3 -3
  165. package/src/avatarLayout/AvatarLayout.css +42 -0
  166. package/src/avatarView/AvatarView.css +44 -0
  167. package/src/avatarView/Dot.css +26 -0
  168. package/src/badge/Badge.css +65 -0
  169. package/src/badge/Badge.less +1 -1
  170. package/src/body/Body.css +3 -0
  171. package/src/button/Button.css +246 -0
  172. package/src/button/Button.vars.css +46 -0
  173. package/src/button/LegacyButton.css +23 -0
  174. package/src/button/LegacyButton.less +1 -1
  175. package/src/card/Card.css +100 -0
  176. package/src/card/Card.less +3 -3
  177. package/src/carousel/Carousel.css +134 -0
  178. package/src/checkboxButton/CheckboxButton.css +43 -0
  179. package/src/checkboxButton/CheckboxButton.less +2 -2
  180. package/src/chips/Chip.css +190 -0
  181. package/src/chips/Chip.less +3 -3
  182. package/src/circularButton/CircularButton.css +34 -0
  183. package/src/common/Option/Option.css +122 -0
  184. package/src/common/Option/Option.less +2 -2
  185. package/src/common/RadioButton/RadioButton.css +4 -0
  186. package/src/common/baseCard/BaseCard.css +49 -0
  187. package/src/common/bottomSheet/BottomSheet.css +53 -0
  188. package/src/common/bottomSheet/BottomSheet.less +1 -1
  189. package/src/common/circle/Circle.css +43 -0
  190. package/src/common/closeButton/CloseButton.css +94 -0
  191. package/src/common/closeButton/CloseButton.less +1 -1
  192. package/src/common/panel/Panel.css +73 -0
  193. package/src/common/panel/Panel.less +1 -1
  194. package/src/criticalBanner/CriticalCommsBanner.css +63 -0
  195. package/src/dateInput/DateInput.css +16 -0
  196. package/src/dateLookup/DateLookup.css +93 -0
  197. package/src/dateLookup/DateLookup.less +1 -1
  198. package/src/dateLookup/dateTrigger/DateTrigger.css +29 -0
  199. package/src/dateLookup/dateTrigger/DateTrigger.less +2 -2
  200. package/src/decision/Decision.css +17 -0
  201. package/src/decision/Decision.less +1 -1
  202. package/src/definitionList/DefinitionList.css +53 -0
  203. package/src/definitionList/DefinitionList.less +1 -1
  204. package/src/dimmer/Dimmer.css +70 -0
  205. package/src/dimmer/Dimmer.less +2 -2
  206. package/src/divider/Divider.css +24 -0
  207. package/src/drawer/Drawer.css +56 -0
  208. package/src/dropFade/DropFade.css +19 -0
  209. package/src/emphasis/Emphasis.css +31 -0
  210. package/src/expressiveMoneyInput/ExpressiveMoneyInput.css +58 -0
  211. package/src/expressiveMoneyInput/amountInput/AmountInput.css +32 -0
  212. package/src/expressiveMoneyInput/chevron/Chevron.css +12 -0
  213. package/src/expressiveMoneyInput/currencySelector/CurrencySelector.css +6 -0
  214. package/src/field/Field.css +13 -0
  215. package/src/flowNavigation/FlowNavigation.css +76 -0
  216. package/src/flowNavigation/FlowNavigation.less +1 -1
  217. package/src/flowNavigation/animatedLabel/AnimatedLabel.css +30 -0
  218. package/src/flowNavigation/animatedLabel/AnimatedLabel.less +2 -2
  219. package/src/header/Header.css +33 -0
  220. package/src/iconButton/IconButton.css +82 -0
  221. package/src/image/Image.css +13 -0
  222. package/src/index.ts +0 -1
  223. package/src/info/Info.css +9 -0
  224. package/src/info/Info.less +1 -1
  225. package/src/inputs/Input.css +158 -0
  226. package/src/inputs/InputGroup.css +63 -0
  227. package/src/inputs/SelectInput/BottomSheet/SelectInputBottomSheet.css +96 -0
  228. package/src/inputs/{_BottomSheet.tsx → SelectInput/BottomSheet/SelectInputBottomSheet.tsx} +7 -7
  229. package/src/inputs/SelectInput/BottomSheet/index.ts +2 -0
  230. package/src/inputs/SelectInput/ButtonInput/SelectInputButtonInput.css +16 -0
  231. package/src/inputs/{_ButtonInput.tsx → SelectInput/ButtonInput/SelectInputButtonInput.tsx} +5 -5
  232. package/src/inputs/SelectInput/ButtonInput/index.ts +2 -0
  233. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.css +46 -0
  234. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.less +39 -0
  235. package/src/inputs/SelectInput/ClearButton/SelectInputClearButton.tsx +27 -0
  236. package/src/inputs/SelectInput/ClearButton/index.ts +2 -0
  237. package/src/inputs/SelectInput/DefaultRenderTrigger/SelectInputDefaultRenderTrigger.tsx +74 -0
  238. package/src/inputs/SelectInput/DefaultRenderTrigger/index.ts +5 -0
  239. package/src/inputs/SelectInput/ItemView/GroupItemView/SelectInputGroupItemView.tsx +61 -0
  240. package/src/inputs/SelectInput/ItemView/GroupItemView/index.ts +2 -0
  241. package/src/inputs/SelectInput/ItemView/SelectInputItemView.css +16 -0
  242. package/src/inputs/SelectInput/ItemView/SelectInputItemView.less +17 -0
  243. package/src/inputs/SelectInput/ItemView/SelectInputItemView.tsx +48 -0
  244. package/src/inputs/SelectInput/ItemView/index.ts +3 -0
  245. package/src/inputs/SelectInput/Option/SelectInputOption.css +33 -0
  246. package/src/inputs/SelectInput/Option/SelectInputOption.less +32 -0
  247. package/src/inputs/SelectInput/Option/SelectInputOption.tsx +57 -0
  248. package/src/inputs/SelectInput/Option/index.ts +2 -0
  249. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +37 -0
  250. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.less +38 -0
  251. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +72 -0
  252. package/src/inputs/SelectInput/OptionContent/index.ts +2 -0
  253. package/src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx +59 -0
  254. package/src/inputs/SelectInput/Options/OptionsContainer/index.ts +2 -0
  255. package/src/inputs/SelectInput/Options/SelectInputOptions.css +81 -0
  256. package/src/inputs/SelectInput/Options/SelectInputOptions.less +77 -0
  257. package/src/inputs/SelectInput/Options/SelectInputOptions.tsx +411 -0
  258. package/src/inputs/SelectInput/Options/index.ts +3 -0
  259. package/src/inputs/SelectInput/Popover/SelectInputPopover.css +46 -0
  260. package/src/inputs/{_Popover.tsx → SelectInput/Popover/SelectInputPopover.tsx} +7 -7
  261. package/src/inputs/SelectInput/Popover/index.ts +2 -0
  262. package/src/inputs/SelectInput/SelectInput.contexts.tsx +40 -0
  263. package/src/inputs/SelectInput/SelectInput.css +380 -0
  264. package/src/inputs/SelectInput/SelectInput.less +22 -0
  265. package/src/inputs/{SelectInput.test.tsx → SelectInput/SelectInput.test.tsx} +9 -11
  266. package/src/inputs/SelectInput/SelectInput.tsx +257 -0
  267. package/src/inputs/SelectInput/SelectInput.types.ts +113 -0
  268. package/src/inputs/SelectInput/SelectInput.utils.ts +205 -0
  269. package/src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx +36 -0
  270. package/src/inputs/SelectInput/TriggerButton/index.ts +5 -0
  271. package/src/inputs/{SelectInput.docs.mdx → SelectInput/_stories/SelectInput.docs.mdx} +0 -1
  272. package/src/inputs/{SelectInput.story.tsx → SelectInput/_stories/SelectInput.story.tsx} +11 -8
  273. package/src/inputs/{SelectInput.test.story.tsx → SelectInput/_stories/SelectInput.test.story.tsx} +6 -10
  274. package/src/inputs/SelectInput/components.ts +10 -0
  275. package/src/inputs/SelectInput/index.ts +12 -0
  276. package/src/inputs/TextArea.css +161 -0
  277. package/src/inputs/_common.less +1 -1
  278. package/src/instructionsList/InstructionsList.css +26 -0
  279. package/src/legacylistItem/LegacyListItem.css +6 -0
  280. package/src/link/Link.css +24 -0
  281. package/src/link/Link.less +2 -2
  282. package/src/listItem/ListItem.css +659 -0
  283. package/src/listItem/ListItem.grid.css +384 -0
  284. package/src/listItem/ListItem.less +1 -1
  285. package/src/listItem/Prompt/ListItemPrompt.css +4 -0
  286. package/src/loader/Loader.css +227 -0
  287. package/src/logo/Logo.css +26 -0
  288. package/src/main.css +7529 -0
  289. package/src/main.less +1 -3
  290. package/src/modal/Modal.css +95 -0
  291. package/src/moneyInput/MoneyInput.css +74 -0
  292. package/src/moneyInput/MoneyInput.less +2 -2
  293. package/src/navigationOption/NavigationOption.css +69 -0
  294. package/src/navigationOption/NavigationOption.less +3 -3
  295. package/src/navigationOptionsList/NavigationOptionsList.css +13 -0
  296. package/src/navigationOptionsList/NavigationOptionsList.less +1 -1
  297. package/src/nudge/Nudge.css +206 -0
  298. package/src/overlayHeader/OverlayHeader.css +15 -0
  299. package/src/overlayHeader/OverlayHeader.less +1 -1
  300. package/src/phoneNumberInput/PhoneNumberInput.css +23 -0
  301. package/src/phoneNumberInput/PhoneNumberInput.less +1 -1
  302. package/src/popover/Popover.css +76 -0
  303. package/src/popover/Popover.less +1 -1
  304. package/src/progress/Progress.css +43 -0
  305. package/src/progressBar/ProgressBar.css +14 -0
  306. package/src/promoCard/PromoCard.css +186 -0
  307. package/src/prompt/ActionPrompt/ActionPrompt.css +25 -0
  308. package/src/prompt/InfoPrompt/InfoPrompt.css +33 -0
  309. package/src/prompt/InlinePrompt/InlinePrompt.css +57 -0
  310. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +51 -0
  311. package/src/radioGroup/RadioGroup.css +3 -0
  312. package/src/section/Section.css +10 -0
  313. package/src/segmentedControl/SegmentedControl.css +101 -0
  314. package/src/select/Select.css +368 -0
  315. package/src/select/Select.less +5 -5
  316. package/src/sentimentSurface/SentimentSurface.css +487 -0
  317. package/src/slidingPanel/SlidingPanel.css +105 -0
  318. package/src/slidingPanel/SlidingPanel.less +2 -2
  319. package/src/snackbar/Snackbar.css +93 -0
  320. package/src/snackbar/Snackbar.less +3 -3
  321. package/src/statusIcon/StatusIcon.css +6 -0
  322. package/src/stepper/Stepper.css +77 -0
  323. package/src/stepper/Stepper.less +3 -3
  324. package/src/summary/Summary.css +81 -0
  325. package/src/summary/Summary.less +1 -1
  326. package/src/switch/Switch.css +63 -0
  327. package/src/switch/Switch.less +4 -4
  328. package/src/switchOption/SwitchOption.css +4 -0
  329. package/src/table/Table.css +274 -0
  330. package/src/table/Table.less +1 -1
  331. package/src/tabs/Tabs.css +121 -0
  332. package/src/tabs/Tabs.less +4 -4
  333. package/src/tile/Tile.css +68 -0
  334. package/src/tile/Tile.less +1 -1
  335. package/src/tooltip/Tooltip.css +50 -0
  336. package/src/tooltip/Tooltip.less +1 -1
  337. package/src/typeahead/Typeahead.css +187 -0
  338. package/src/typeahead/Typeahead.less +2 -2
  339. package/src/typeahead/typeaheadOption/TypeaheadOption.css +9 -0
  340. package/src/typeahead/typeaheadOption/TypeaheadOption.less +1 -1
  341. package/src/upload/Upload.css +34 -0
  342. package/src/upload/Upload.less +1 -1
  343. package/src/uploadInput/UploadInput.css +18 -0
  344. package/src/uploadInput/UploadInput.less +2 -2
  345. package/src/uploadInput/uploadButton/UploadButton.css +90 -0
  346. package/src/uploadInput/uploadItem/UploadItem.css +166 -0
  347. package/src/uploadInput/uploadItem/UploadItem.less +1 -1
  348. package/build/inputs/SelectInput.js +0 -890
  349. package/build/inputs/SelectInput.js.map +0 -1
  350. package/build/inputs/SelectInput.messages.js.map +0 -1
  351. package/build/inputs/SelectInput.messages.mjs.map +0 -1
  352. package/build/inputs/SelectInput.mjs +0 -881
  353. package/build/inputs/SelectInput.mjs.map +0 -1
  354. package/build/inputs/_BottomSheet.js.map +0 -1
  355. package/build/inputs/_BottomSheet.mjs.map +0 -1
  356. package/build/inputs/_ButtonInput.js.map +0 -1
  357. package/build/inputs/_ButtonInput.mjs.map +0 -1
  358. package/build/inputs/_Popover.js.map +0 -1
  359. package/build/inputs/_Popover.mjs.map +0 -1
  360. package/build/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  361. package/build/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  362. package/build/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  363. package/build/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  364. package/build/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  365. package/build/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  366. package/build/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  367. package/build/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  368. package/build/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  369. package/build/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  370. package/build/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  371. package/build/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  372. package/build/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  373. package/build/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  374. package/build/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  375. package/build/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  376. package/build/neptune-css/img/bg-dark.svg +0 -31
  377. package/build/neptune-css/img/bg-light.svg +0 -26
  378. package/build/neptune-css/less/legacy-variables.less +0 -1299
  379. package/build/neptune-css/less/neptune-tokens.css +0 -0
  380. package/build/neptune-css/less/neptune-tokens.less +0 -275
  381. package/build/neptune-css/less/zindex.css +0 -0
  382. package/build/neptune-css/less/zindex.less +0 -17
  383. package/build/neptune-css/props/custom-media.css +0 -11
  384. package/build/neptune-css/props/legacy-custom-props.css +0 -69
  385. package/build/neptune-css/props/neptune-tokens.css +0 -152
  386. package/build/neptune.css +0 -25724
  387. package/build/styles/neptune-css/less/accordion.css +0 -255
  388. package/build/styles/neptune-css/less/alerts.css +0 -751
  389. package/build/styles/neptune-css/less/background.css +0 -20
  390. package/build/styles/neptune-css/less/badge.css +0 -90
  391. package/build/styles/neptune-css/less/border-radius.css +0 -3
  392. package/build/styles/neptune-css/less/breadcrumbs.css +0 -20
  393. package/build/styles/neptune-css/less/button-groups.css +0 -495
  394. package/build/styles/neptune-css/less/buttons.css +0 -1390
  395. package/build/styles/neptune-css/less/chevron.css +0 -35
  396. package/build/styles/neptune-css/less/circles.css +0 -248
  397. package/build/styles/neptune-css/less/close.css +0 -47
  398. package/build/styles/neptune-css/less/column-layout.css +0 -164
  399. package/build/styles/neptune-css/less/core/viewport-themes.css +0 -59
  400. package/build/styles/neptune-css/less/currency-flags.css +0 -46
  401. package/build/styles/neptune-css/less/decision.css +0 -136
  402. package/build/styles/neptune-css/less/dropdowns.css +0 -472
  403. package/build/styles/neptune-css/less/droppable.css +0 -221
  404. package/build/styles/neptune-css/less/flex.css +0 -598
  405. package/build/styles/neptune-css/less/footer.css +0 -129
  406. package/build/styles/neptune-css/less/forms/bootstrap-forms.css +0 -2277
  407. package/build/styles/neptune-css/less/forms/checkbox-radio.css +0 -367
  408. package/build/styles/neptune-css/less/grid.css +0 -2369
  409. package/build/styles/neptune-css/less/input-groups.css +0 -2740
  410. package/build/styles/neptune-css/less/link-callout.css +0 -20
  411. package/build/styles/neptune-css/less/list-group.css +0 -350
  412. package/build/styles/neptune-css/less/loaders.css +0 -76
  413. package/build/styles/neptune-css/less/media.css +0 -74
  414. package/build/styles/neptune-css/less/modals.css +0 -185
  415. package/build/styles/neptune-css/less/navbar.css +0 -2406
  416. package/build/styles/neptune-css/less/navs.css +0 -296
  417. package/build/styles/neptune-css/less/neptune-addons.css +0 -1857
  418. package/build/styles/neptune-css/less/neptune-core.css +0 -2049
  419. package/build/styles/neptune-css/less/neptune-social-media.css +0 -144
  420. package/build/styles/neptune-css/less/neptune.css +0 -25724
  421. package/build/styles/neptune-css/less/panels.css +0 -528
  422. package/build/styles/neptune-css/less/popovers.css +0 -661
  423. package/build/styles/neptune-css/less/process.css +0 -483
  424. package/build/styles/neptune-css/less/progress-bars.css +0 -64
  425. package/build/styles/neptune-css/less/ring.css +0 -55
  426. package/build/styles/neptune-css/less/select.css +0 -99
  427. package/build/styles/neptune-css/less/sequences.css +0 -855
  428. package/build/styles/neptune-css/less/table.css +0 -446
  429. package/build/styles/neptune-css/less/tick.css +0 -32
  430. package/build/styles/neptune-css/less/tooltip.css +0 -160
  431. package/build/styles/neptune-css/less/utilities.css +0 -145
  432. package/build/styles/neptune-css/less/wells.css +0 -74
  433. package/build/styles/neptune-css/props/custom-media.css +0 -11
  434. package/build/styles/neptune-css/props/legacy-custom-props.css +0 -69
  435. package/build/styles/neptune-css/props/neptune-tokens.css +0 -11
  436. package/build/styles/neptune-css/variables/legacy-variables.css +0 -0
  437. package/build/styles/neptune-css/variables/neptune-tokens.css +0 -0
  438. package/build/styles/neptune-css/variables/zindex.css +0 -0
  439. package/build/types/inputs/SelectInput.d.ts.map +0 -1
  440. package/build/types/inputs/SelectInput.messages.d.ts.map +0 -1
  441. package/build/types/inputs/_BottomSheet.d.ts.map +0 -1
  442. package/build/types/inputs/_ButtonInput.d.ts +0 -5
  443. package/build/types/inputs/_ButtonInput.d.ts.map +0 -1
  444. package/build/types/inputs/_Popover.d.ts.map +0 -1
  445. package/src/inputs/SelectInput.less +0 -219
  446. package/src/inputs/SelectInput.tsx +0 -1269
  447. package/src/neptune-css/fonts/TW-Averta-Bold.woff +0 -0
  448. package/src/neptune-css/fonts/TW-Averta-Bold.woff2 +0 -0
  449. package/src/neptune-css/fonts/TW-Averta-Regular.woff +0 -0
  450. package/src/neptune-css/fonts/TW-Averta-Regular.woff2 +0 -0
  451. package/src/neptune-css/fonts/TW-Averta-Semibold.woff +0 -0
  452. package/src/neptune-css/fonts/TW-Averta-Semibold.woff2 +0 -0
  453. package/src/neptune-css/fonts/TransferWise-IconFont.svg +0 -81
  454. package/src/neptune-css/fonts/TransferWise-IconFont.woff +0 -0
  455. package/src/neptune-css/fonts/WiseSans-Heavy.woff2 +0 -0
  456. package/src/neptune-css/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
  457. package/src/neptune-css/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
  458. package/src/neptune-css/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
  459. package/src/neptune-css/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
  460. package/src/neptune-css/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
  461. package/src/neptune-css/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
  462. package/src/neptune-css/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
  463. package/src/neptune-css/img/bg-dark.svg +0 -31
  464. package/src/neptune-css/img/bg-light.svg +0 -26
  465. package/src/neptune-css/less/accordion.less +0 -15
  466. package/src/neptune-css/less/addons/_background-utilities.less +0 -82
  467. package/src/neptune-css/less/addons/_border.less +0 -3
  468. package/src/neptune-css/less/addons/_display-utilities.less +0 -159
  469. package/src/neptune-css/less/addons/_spacing-utilities.less +0 -73
  470. package/src/neptune-css/less/addons/_utilities.less +0 -147
  471. package/src/neptune-css/less/alerts.less +0 -252
  472. package/src/neptune-css/less/background.less +0 -24
  473. package/src/neptune-css/less/badge.less +0 -85
  474. package/src/neptune-css/less/border-radius.less +0 -3
  475. package/src/neptune-css/less/breadcrumbs.less +0 -27
  476. package/src/neptune-css/less/button-groups.less +0 -424
  477. package/src/neptune-css/less/buttons.less +0 -738
  478. package/src/neptune-css/less/chevron.less +0 -39
  479. package/src/neptune-css/less/circles.less +0 -233
  480. package/src/neptune-css/less/close.less +0 -48
  481. package/src/neptune-css/less/column-layout.less +0 -167
  482. package/src/neptune-css/less/components/_component-animations.less +0 -43
  483. package/src/neptune-css/less/core/_fonts.less +0 -97
  484. package/src/neptune-css/less/core/_scaffolding.less +0 -380
  485. package/src/neptune-css/less/core/_typography-utilities.less +0 -255
  486. package/src/neptune-css/less/core/_typography.less +0 -575
  487. package/src/neptune-css/less/core/viewport-themes.less +0 -65
  488. package/src/neptune-css/less/currency-flags.less +0 -42
  489. package/src/neptune-css/less/decision.less +0 -98
  490. package/src/neptune-css/less/dropdowns.less +0 -365
  491. package/src/neptune-css/less/droppable.less +0 -213
  492. package/src/neptune-css/less/flex.less +0 -113
  493. package/src/neptune-css/less/footer.less +0 -113
  494. package/src/neptune-css/less/forms/bootstrap-forms.less +0 -1218
  495. package/src/neptune-css/less/forms/checkbox-radio.less +0 -330
  496. package/src/neptune-css/less/grid.less +0 -187
  497. package/src/neptune-css/less/input-groups.less +0 -298
  498. package/src/neptune-css/less/link-callout.less +0 -17
  499. package/src/neptune-css/less/list-group.less +0 -260
  500. package/src/neptune-css/less/loaders.less +0 -91
  501. package/src/neptune-css/less/media.less +0 -68
  502. package/src/neptune-css/less/mixins/_alerts.less +0 -39
  503. package/src/neptune-css/less/mixins/_arrows.less +0 -52
  504. package/src/neptune-css/less/mixins/_border-radius.less +0 -11
  505. package/src/neptune-css/less/mixins/_buttons.less +0 -82
  506. package/src/neptune-css/less/mixins/_center-block.less +0 -7
  507. package/src/neptune-css/less/mixins/_clearfix.less +0 -23
  508. package/src/neptune-css/less/mixins/_flex.less +0 -105
  509. package/src/neptune-css/less/mixins/_forms.less +0 -130
  510. package/src/neptune-css/less/mixins/_grid-framework.less +0 -104
  511. package/src/neptune-css/less/mixins/_grid.less +0 -158
  512. package/src/neptune-css/less/mixins/_hide-text.less +0 -20
  513. package/src/neptune-css/less/mixins/_links.less +0 -7
  514. package/src/neptune-css/less/mixins/_list-group.less +0 -23
  515. package/src/neptune-css/less/mixins/_logical-properties-IE-friendly.less +0 -381
  516. package/src/neptune-css/less/mixins/_logical-properties-modern-browsers.less +0 -226
  517. package/src/neptune-css/less/mixins/_logical-properties.less +0 -5
  518. package/src/neptune-css/less/mixins/_nav-divider.less +0 -10
  519. package/src/neptune-css/less/mixins/_nav-vertical-align.less +0 -10
  520. package/src/neptune-css/less/mixins/_panels.less +0 -23
  521. package/src/neptune-css/less/mixins/_physical-properties.less +0 -110
  522. package/src/neptune-css/less/mixins/_reset-text.less +0 -22
  523. package/src/neptune-css/less/mixins/_sequence.less +0 -203
  524. package/src/neptune-css/less/mixins/_spacing.less +0 -122
  525. package/src/neptune-css/less/mixins/_tab-focus.less +0 -5
  526. package/src/neptune-css/less/mixins/_table-row.less +0 -47
  527. package/src/neptune-css/less/mixins/_text-emphasis.less +0 -39
  528. package/src/neptune-css/less/mixins/_text-overflow.less +0 -8
  529. package/src/neptune-css/less/mixins/_theming.less +0 -7
  530. package/src/neptune-css/less/modals.less +0 -239
  531. package/src/neptune-css/less/navbar.less +0 -1442
  532. package/src/neptune-css/less/navs.less +0 -339
  533. package/src/neptune-css/less/neptune-addons.less +0 -4
  534. package/src/neptune-css/less/neptune-core.less +0 -4
  535. package/src/neptune-css/less/neptune-social-media.less +0 -84
  536. package/src/neptune-css/less/neptune.bundle.less +0 -65
  537. package/src/neptune-css/less/panels.less +0 -410
  538. package/src/neptune-css/less/popovers.less +0 -379
  539. package/src/neptune-css/less/process.less +0 -426
  540. package/src/neptune-css/less/progress-bars.less +0 -55
  541. package/src/neptune-css/less/ring.less +0 -51
  542. package/src/neptune-css/less/select.less +0 -88
  543. package/src/neptune-css/less/sequences.less +0 -511
  544. package/src/neptune-css/less/table.less +0 -385
  545. package/src/neptune-css/less/tick.less +0 -37
  546. package/src/neptune-css/less/tooltip.less +0 -130
  547. package/src/neptune-css/less/utilities.less +0 -153
  548. package/src/neptune-css/less/wells.less +0 -37
  549. package/src/neptune-css/props/custom-media.css +0 -11
  550. package/src/neptune-css/props/legacy-custom-props.css +0 -69
  551. package/src/neptune-css/props/neptune-tokens.css +0 -11
  552. package/src/neptune-css/variables/legacy-variables.less +0 -1299
  553. package/src/neptune-css/variables/neptune-tokens.less +0 -12
  554. package/src/neptune-css/variables/zindex.less +0 -17
  555. package/build/inputs/{SelectInput.messages.js → SelectInput/SelectInput.messages.js} +0 -0
  556. package/build/inputs/{SelectInput.messages.mjs → SelectInput/SelectInput.messages.mjs} +0 -0
  557. package/build/styles/inputs/{SelectInput.css → SelectInput/SelectInput.css} +90 -90
  558. /package/build/types/inputs/{SelectInput.messages.d.ts → SelectInput/SelectInput.messages.d.ts} +0 -0
  559. /package/src/inputs/{_BottomSheet.less → SelectInput/BottomSheet/SelectInputBottomSheet.less} +0 -0
  560. /package/src/inputs/{_ButtonInput.less → SelectInput/ButtonInput/SelectInputButtonInput.less} +0 -0
  561. /package/src/inputs/{_Popover.less → SelectInput/Popover/SelectInputPopover.less} +0 -0
  562. /package/src/inputs/{SelectInput.messages.ts → SelectInput/SelectInput.messages.ts} +0 -0
  563. /package/{build/neptune-css/less/legacy-variables.css → src/listItem/ListItem.vars.css} +0 -0
@@ -1,1390 +0,0 @@
1
- .btn-sm {
2
- height: 32px;
3
- }
4
- .btn {
5
- line-height: 150%;
6
- letter-spacing: -0.011em;
7
- display: inline-block;
8
- margin-bottom: 0;
9
- text-align: center;
10
- vertical-align: middle;
11
- touch-action: manipulation;
12
- cursor: pointer;
13
- background-image: none;
14
- border: 1px solid transparent;
15
- white-space: nowrap;
16
- padding-bottom: 10px;
17
- font-weight: 600;
18
- font-weight: var(--font-weight-semi-bold);
19
- padding: var(--btn-padding);
20
- font-size: 1rem;
21
- font-size: var(--font-size-16);
22
- line-height: 1.5rem;
23
- line-height: var(--line-height-24);
24
- border-radius: var(--btn-radius-base);
25
- min-height: var(--btn-height);
26
- -webkit-user-select: none;
27
- -moz-user-select: none;
28
- user-select: none;
29
- }
30
- .btn .dropdown-menu > li > a {
31
- font-size: 1rem;
32
- font-size: var(--font-size-16);
33
- line-height: 1.5rem;
34
- line-height: var(--line-height-24);
35
- }
36
- .np-theme-personal .btn {
37
- font-size: 16px;
38
- line-height: 24px;
39
- }
40
- .np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
41
- .np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
42
- outline-color: var(--color-sentiment-negative);
43
- }
44
- .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
45
- .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
46
- outline-color: var(--color-contrast);
47
- }
48
- .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).btn-negative {
49
- border: none;
50
- }
51
- .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus,
52
- .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus {
53
- outline-color: var(--color-sentiment-negative);
54
- }
55
- .btn:not(.disabled):not(:disabled):not(.btn-loading):hover {
56
- color: #008fc9;
57
- color: var(--color-interactive-accent-hover);
58
- -webkit-text-decoration: none;
59
- text-decoration: none;
60
- }
61
- .btn.disabled,
62
- .btn[disabled],
63
- fieldset[disabled] .btn {
64
- outline: none;
65
- box-shadow: none;
66
- cursor: not-allowed;
67
- pointer-events: none;
68
- }
69
- a.btn.disabled,
70
- fieldset[disabled] a.btn {
71
- cursor: not-allowed;
72
- pointer-events: none;
73
- }
74
- .btn-default {
75
- color: #0097c7;
76
- color: var(--color-content-accent);
77
- background-color: transparent;
78
- border-color: #00a2dd;
79
- border-color: var(--color-interactive-accent);
80
- transition: color, background-color 0.15s ease-in-out;
81
- }
82
- .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
83
- color: #FFF;
84
- background-color: #008fc9;
85
- background-color: var(--color-interactive-accent-hover);
86
- border-color: #008fc9;
87
- border-color: var(--color-interactive-accent-hover);
88
- }
89
- .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
90
- .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
91
- .open > .dropdown-toggle.btn-default {
92
- color: #FFF;
93
- background-color: #0081ba;
94
- background-color: var(--color-interactive-accent-active);
95
- border-color: #0081ba;
96
- border-color: var(--color-interactive-accent-active);
97
- }
98
- .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
99
- .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
100
- .open > .dropdown-toggle.btn-default:not(.disabled):not(:disabled):hover {
101
- color: #FFF;
102
- background-color: #0081ba;
103
- background-color: var(--color-interactive-accent-active);
104
- border-color: #0081ba;
105
- border-color: var(--color-interactive-accent-active);
106
- }
107
- .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
108
- .open > .dropdown-toggle.btn-default {
109
- background-image: none;
110
- }
111
- .btn-default .badge {
112
- color: transparent;
113
- background-color: #0097c7;
114
- background-color: var(--color-content-accent);
115
- }
116
- .np-theme-personal .btn-default {
117
- color: var(--color-interactive-control);
118
- background-color: #00a2dd;
119
- background-color: var(--color-interactive-accent);
120
- border-color: #00a2dd;
121
- border-color: var(--color-interactive-accent);
122
- transition: color, background-color 0.15s ease-in-out;
123
- }
124
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
125
- color: var(--color-interactive-control);
126
- background-color: #008fc9;
127
- background-color: var(--color-interactive-accent-hover);
128
- border-color: #008fc9;
129
- border-color: var(--color-interactive-accent-hover);
130
- }
131
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
132
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
133
- .open > .dropdown-toggle.np-theme-personal .btn-default {
134
- color: var(--color-interactive-control);
135
- background-color: #0081ba;
136
- background-color: var(--color-interactive-accent-active);
137
- border-color: #0081ba;
138
- border-color: var(--color-interactive-accent-active);
139
- }
140
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
141
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
142
- .open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
143
- color: var(--color-interactive-control);
144
- background-color: #0081ba;
145
- background-color: var(--color-interactive-accent-active);
146
- border-color: #0081ba;
147
- border-color: var(--color-interactive-accent-active);
148
- }
149
- .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
150
- .open > .dropdown-toggle.np-theme-personal .btn-default {
151
- background-image: none;
152
- }
153
- .np-theme-personal .btn-default .badge {
154
- color: #00a2dd;
155
- color: var(--color-interactive-accent);
156
- background-color: var(--color-interactive-control);
157
- }
158
- .np-theme-personal .btn-default.btn-priority-2 {
159
- color: var(--color-interactive-primary);
160
- background-color: transparent;
161
- border-color: var(--color-interactive-primary);
162
- transition: color, background-color 0.15s ease-in-out;
163
- }
164
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
165
- color: var(--color-interactive-control);
166
- background-color: #008fc9;
167
- background-color: var(--color-interactive-accent-hover);
168
- border-color: #008fc9;
169
- border-color: var(--color-interactive-accent-hover);
170
- }
171
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
172
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
173
- .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
174
- color: var(--color-interactive-control);
175
- background-color: #0081ba;
176
- background-color: var(--color-interactive-accent-active);
177
- border-color: #0081ba;
178
- border-color: var(--color-interactive-accent-active);
179
- }
180
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
181
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
182
- .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
183
- color: var(--color-interactive-control);
184
- background-color: #0081ba;
185
- background-color: var(--color-interactive-accent-active);
186
- border-color: #0081ba;
187
- border-color: var(--color-interactive-accent-active);
188
- }
189
- .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
190
- .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
191
- background-image: none;
192
- }
193
- .np-theme-personal .btn-default.btn-priority-2 .badge {
194
- color: transparent;
195
- background-color: var(--color-interactive-primary);
196
- }
197
- .btn-accent,
198
- .btn-primary {
199
- color: #fff;
200
- background-color: #00a2dd;
201
- background-color: var(--color-interactive-accent);
202
- border-color: #00a2dd;
203
- border-color: var(--color-interactive-accent);
204
- transition: color, background-color 0.15s ease-in-out;
205
- }
206
- .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
207
- .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
208
- color: #fff;
209
- background-color: #008fc9;
210
- background-color: var(--color-interactive-accent-hover);
211
- border-color: #008fc9;
212
- border-color: var(--color-interactive-accent-hover);
213
- }
214
- .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
215
- .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active,
216
- .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
217
- .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
218
- .open > .dropdown-toggle.btn-accent,
219
- .open > .dropdown-toggle.btn-primary {
220
- color: #fff;
221
- background-color: #0081ba;
222
- background-color: var(--color-interactive-accent-active);
223
- border-color: #0081ba;
224
- border-color: var(--color-interactive-accent-active);
225
- }
226
- .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
227
- .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
228
- .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
229
- .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
230
- .open > .dropdown-toggle.btn-accent:not(.disabled):not(:disabled):hover,
231
- .open > .dropdown-toggle.btn-primary:not(.disabled):not(:disabled):hover {
232
- color: #fff;
233
- background-color: #0081ba;
234
- background-color: var(--color-interactive-accent-active);
235
- border-color: #0081ba;
236
- border-color: var(--color-interactive-accent-active);
237
- }
238
- .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
239
- .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
240
- .open > .dropdown-toggle.btn-accent,
241
- .open > .dropdown-toggle.btn-primary {
242
- background-image: none;
243
- }
244
- .btn-accent .badge,
245
- .btn-primary .badge {
246
- color: #00a2dd;
247
- color: var(--color-interactive-accent);
248
- background-color: #fff;
249
- }
250
- .btn-accent.btn-priority-2,
251
- .btn-primary.btn-priority-2 {
252
- color: #00a2dd;
253
- color: var(--color-interactive-accent);
254
- background-color: transparent;
255
- border-color: #00a2dd;
256
- border-color: var(--color-interactive-accent);
257
- transition: color, background-color 0.15s ease-in-out;
258
- }
259
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
260
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
261
- color: #fff;
262
- background-color: #008fc9;
263
- background-color: var(--color-interactive-accent-hover);
264
- border-color: #008fc9;
265
- border-color: var(--color-interactive-accent-hover);
266
- }
267
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
268
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
269
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
270
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
271
- .open > .dropdown-toggle.btn-accent.btn-priority-2,
272
- .open > .dropdown-toggle.btn-primary.btn-priority-2 {
273
- color: #fff;
274
- background-color: #0081ba;
275
- background-color: var(--color-interactive-accent-active);
276
- border-color: #0081ba;
277
- border-color: var(--color-interactive-accent-active);
278
- }
279
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
280
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
281
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
282
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
283
- .open > .dropdown-toggle.btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
284
- .open > .dropdown-toggle.btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
285
- color: #fff;
286
- background-color: #0081ba;
287
- background-color: var(--color-interactive-accent-active);
288
- border-color: #0081ba;
289
- border-color: var(--color-interactive-accent-active);
290
- }
291
- .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
292
- .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
293
- .open > .dropdown-toggle.btn-accent.btn-priority-2,
294
- .open > .dropdown-toggle.btn-primary.btn-priority-2 {
295
- background-image: none;
296
- }
297
- .btn-accent.btn-priority-2 .badge,
298
- .btn-primary.btn-priority-2 .badge {
299
- color: transparent;
300
- background-color: #00a2dd;
301
- background-color: var(--color-interactive-accent);
302
- }
303
- .np-theme-personal .btn-accent,
304
- .np-theme-personal .btn-primary {
305
- color: var(--color-interactive-control);
306
- background-color: #00a2dd;
307
- background-color: var(--color-interactive-accent);
308
- border-color: #00a2dd;
309
- border-color: var(--color-interactive-accent);
310
- transition: color, background-color 0.15s ease-in-out;
311
- }
312
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
313
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
314
- color: var(--color-interactive-control);
315
- background-color: #008fc9;
316
- background-color: var(--color-interactive-accent-hover);
317
- border-color: #008fc9;
318
- border-color: var(--color-interactive-accent-hover);
319
- }
320
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active,
321
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active,
322
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
323
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
324
- .open > .dropdown-toggle.np-theme-personal .btn-accent,
325
- .open > .dropdown-toggle.np-theme-personal .btn-primary {
326
- color: var(--color-interactive-control);
327
- background-color: #0081ba;
328
- background-color: var(--color-interactive-accent-active);
329
- border-color: #0081ba;
330
- border-color: var(--color-interactive-accent-active);
331
- }
332
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
333
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
334
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
335
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
336
- .open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
337
- .open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
338
- color: var(--color-interactive-control);
339
- background-color: #0081ba;
340
- background-color: var(--color-interactive-accent-active);
341
- border-color: #0081ba;
342
- border-color: var(--color-interactive-accent-active);
343
- }
344
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading).active,
345
- .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
346
- .open > .dropdown-toggle.np-theme-personal .btn-accent,
347
- .open > .dropdown-toggle.np-theme-personal .btn-primary {
348
- background-image: none;
349
- }
350
- .np-theme-personal .btn-accent .badge,
351
- .np-theme-personal .btn-primary .badge {
352
- color: #00a2dd;
353
- color: var(--color-interactive-accent);
354
- background-color: var(--color-interactive-control);
355
- }
356
- .np-theme-personal .btn-accent.btn-priority-2,
357
- .np-theme-personal .btn-primary.btn-priority-2 {
358
- color: var(--color-interactive-primary);
359
- background-color: transparent;
360
- border-color: var(--color-interactive-primary);
361
- transition: color, background-color 0.15s ease-in-out;
362
- }
363
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
364
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
365
- color: var(--color-interactive-control);
366
- background-color: #008fc9;
367
- background-color: var(--color-interactive-accent-hover);
368
- border-color: #008fc9;
369
- border-color: var(--color-interactive-accent-hover);
370
- }
371
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
372
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
373
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
374
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
375
- .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
376
- .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
377
- color: var(--color-interactive-control);
378
- background-color: #0081ba;
379
- background-color: var(--color-interactive-accent-active);
380
- border-color: #0081ba;
381
- border-color: var(--color-interactive-accent-active);
382
- }
383
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
384
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
385
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
386
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
387
- .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
388
- .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
389
- color: var(--color-interactive-control);
390
- background-color: #0081ba;
391
- background-color: var(--color-interactive-accent-active);
392
- border-color: #0081ba;
393
- border-color: var(--color-interactive-accent-active);
394
- }
395
- .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
396
- .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
397
- .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
398
- .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
399
- background-image: none;
400
- }
401
- .np-theme-personal .btn-accent.btn-priority-2 .badge,
402
- .np-theme-personal .btn-primary.btn-priority-2 .badge {
403
- color: transparent;
404
- background-color: var(--color-interactive-primary);
405
- }
406
- .btn-link,
407
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
408
- color: #0097c7;
409
- color: var(--color-content-accent);
410
- -webkit-text-decoration: underline;
411
- text-decoration: underline;
412
- border-color: transparent;
413
- }
414
- .btn-link,
415
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3,
416
- .btn-link:not(.disabled):not(:disabled):active,
417
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):active,
418
- .btn-link:not(.disabled):not(:disabled).active,
419
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled).active,
420
- .btn-link[disabled],
421
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3[disabled],
422
- fieldset[disabled] .btn-link,
423
- fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
424
- background-color: transparent;
425
- }
426
- .btn-link:not(.disabled):not(:disabled):not(.btn-loading):hover,
427
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
428
- .btn-link:not(.disabled):not(:disabled):focus-visible,
429
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
430
- color: #0084b3;
431
- color: var(--color-content-accent-hover);
432
- -webkit-text-decoration: underline;
433
- text-decoration: underline;
434
- border-color: transparent;
435
- background-color: transparent;
436
- }
437
- .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
438
- .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
439
- color: #0077a5;
440
- color: var(--color-content-accent-active);
441
- }
442
- .np-theme-personal .btn-link,
443
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
444
- color: var(--color-interactive-primary);
445
- border-color: transparent;
446
- -webkit-text-decoration: underline;
447
- text-decoration: underline;
448
- text-underline-offset: 0.3em;
449
- }
450
- .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):hover,
451
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
452
- .np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
453
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
454
- color: var(--color-interactive-primary-hover);
455
- border-color: transparent;
456
- }
457
- .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
458
- .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
459
- color: var(--color-interactive-primary-active);
460
- background-color: var(--color-background-screen-active) !important;
461
- }
462
- .btn-accent.disabled.btn-priority-3,
463
- .btn-accent.btn-priority-3:disabled {
464
- background: transparent;
465
- border-color: transparent;
466
- color: #0097c7;
467
- color: var(--color-content-accent);
468
- -webkit-text-decoration: underline;
469
- text-decoration: underline;
470
- }
471
- .np-theme-personal .btn-accent.disabled.btn-priority-3,
472
- .np-theme-personal .btn-accent.btn-priority-3:disabled {
473
- -webkit-text-decoration: underline;
474
- text-decoration: underline;
475
- text-underline-offset: 0.3em;
476
- }
477
- .btn-positive,
478
- .btn-success {
479
- color: #fff;
480
- background-color: #2ead4b;
481
- background-color: var(--color-interactive-positive);
482
- border-color: #2ead4b;
483
- border-color: var(--color-interactive-positive);
484
- transition: color, background-color 0.15s ease-in-out;
485
- }
486
- .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
487
- .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
488
- color: #fff;
489
- background-color: #069939;
490
- background-color: var(--color-interactive-positive-hover);
491
- border-color: #069939;
492
- border-color: var(--color-interactive-positive-hover);
493
- }
494
- .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
495
- .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active,
496
- .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
497
- .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
498
- .open > .dropdown-toggle.btn-positive,
499
- .open > .dropdown-toggle.btn-success {
500
- color: #fff;
501
- background-color: #008b2b;
502
- background-color: var(--color-interactive-positive-active);
503
- border-color: #008b2b;
504
- border-color: var(--color-interactive-positive-active);
505
- }
506
- .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
507
- .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
508
- .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
509
- .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
510
- .open > .dropdown-toggle.btn-positive:not(.disabled):not(:disabled):hover,
511
- .open > .dropdown-toggle.btn-success:not(.disabled):not(:disabled):hover {
512
- color: #fff;
513
- background-color: #008b2b;
514
- background-color: var(--color-interactive-positive-active);
515
- border-color: #008b2b;
516
- border-color: var(--color-interactive-positive-active);
517
- }
518
- .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
519
- .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
520
- .open > .dropdown-toggle.btn-positive,
521
- .open > .dropdown-toggle.btn-success {
522
- background-image: none;
523
- }
524
- .btn-positive .badge,
525
- .btn-success .badge {
526
- color: #2ead4b;
527
- color: var(--color-interactive-positive);
528
- background-color: #fff;
529
- }
530
- .btn-positive.btn-priority-2,
531
- .btn-success.btn-priority-2 {
532
- color: #2ead4b;
533
- color: var(--color-interactive-positive);
534
- background-color: transparent;
535
- border-color: #2ead4b;
536
- border-color: var(--color-interactive-positive);
537
- transition: color, background-color 0.15s ease-in-out;
538
- }
539
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
540
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
541
- color: #fff;
542
- background-color: #069939;
543
- background-color: var(--color-interactive-positive-hover);
544
- border-color: #069939;
545
- border-color: var(--color-interactive-positive-hover);
546
- }
547
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
548
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
549
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
550
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
551
- .open > .dropdown-toggle.btn-positive.btn-priority-2,
552
- .open > .dropdown-toggle.btn-success.btn-priority-2 {
553
- color: #fff;
554
- background-color: #008b2b;
555
- background-color: var(--color-interactive-positive-active);
556
- border-color: #008b2b;
557
- border-color: var(--color-interactive-positive-active);
558
- }
559
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
560
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
561
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
562
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
563
- .open > .dropdown-toggle.btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
564
- .open > .dropdown-toggle.btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
565
- color: #fff;
566
- background-color: #008b2b;
567
- background-color: var(--color-interactive-positive-active);
568
- border-color: #008b2b;
569
- border-color: var(--color-interactive-positive-active);
570
- }
571
- .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
572
- .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
573
- .open > .dropdown-toggle.btn-positive.btn-priority-2,
574
- .open > .dropdown-toggle.btn-success.btn-priority-2 {
575
- background-image: none;
576
- }
577
- .btn-positive.btn-priority-2 .badge,
578
- .btn-success.btn-priority-2 .badge {
579
- color: transparent;
580
- background-color: #2ead4b;
581
- background-color: var(--color-interactive-positive);
582
- }
583
- .np-theme-personal .btn-positive,
584
- .np-theme-personal .btn-success {
585
- color: var(--color-interactive-control);
586
- background-color: #00a2dd;
587
- background-color: var(--color-interactive-accent);
588
- border-color: #00a2dd;
589
- border-color: var(--color-interactive-accent);
590
- transition: color, background-color 0.15s ease-in-out;
591
- }
592
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
593
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
594
- color: var(--color-interactive-control);
595
- background-color: #008fc9;
596
- background-color: var(--color-interactive-accent-hover);
597
- border-color: #00a2dd;
598
- border-color: var(--color-interactive-accent);
599
- }
600
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active,
601
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active,
602
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
603
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
604
- .open > .dropdown-toggle.np-theme-personal .btn-positive,
605
- .open > .dropdown-toggle.np-theme-personal .btn-success {
606
- color: var(--color-interactive-control);
607
- background-color: #0081ba;
608
- background-color: var(--color-interactive-accent-active);
609
- border-color: #00a2dd;
610
- border-color: var(--color-interactive-accent);
611
- }
612
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
613
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
614
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
615
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
616
- .open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
617
- .open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
618
- color: var(--color-interactive-control);
619
- background-color: #0081ba;
620
- background-color: var(--color-interactive-accent-active);
621
- border-color: #00a2dd;
622
- border-color: var(--color-interactive-accent);
623
- }
624
- .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading).active,
625
- .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
626
- .open > .dropdown-toggle.np-theme-personal .btn-positive,
627
- .open > .dropdown-toggle.np-theme-personal .btn-success {
628
- background-image: none;
629
- }
630
- .np-theme-personal .btn-positive .badge,
631
- .np-theme-personal .btn-success .badge {
632
- color: #00a2dd;
633
- color: var(--color-interactive-accent);
634
- background-color: var(--color-interactive-control);
635
- }
636
- .np-theme-personal .btn-positive.btn-priority-2,
637
- .np-theme-personal .btn-success.btn-priority-2 {
638
- color: var(--color-interactive-primary);
639
- background-color: transparent;
640
- border-color: var(--color-interactive-primary);
641
- transition: color, background-color 0.15s ease-in-out;
642
- }
643
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
644
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
645
- color: var(--color-interactive-control);
646
- background-color: #008fc9;
647
- background-color: var(--color-interactive-accent-hover);
648
- border-color: #008fc9;
649
- border-color: var(--color-interactive-accent-hover);
650
- }
651
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
652
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
653
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
654
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
655
- .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
656
- .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
657
- color: var(--color-interactive-control);
658
- background-color: #0081ba;
659
- background-color: var(--color-interactive-accent-active);
660
- border-color: #0081ba;
661
- border-color: var(--color-interactive-accent-active);
662
- }
663
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
664
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
665
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
666
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
667
- .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
668
- .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
669
- color: var(--color-interactive-control);
670
- background-color: #0081ba;
671
- background-color: var(--color-interactive-accent-active);
672
- border-color: #0081ba;
673
- border-color: var(--color-interactive-accent-active);
674
- }
675
- .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
676
- .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
677
- .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
678
- .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
679
- background-image: none;
680
- }
681
- .np-theme-personal .btn-positive.btn-priority-2 .badge,
682
- .np-theme-personal .btn-success.btn-priority-2 .badge {
683
- color: transparent;
684
- background-color: var(--color-interactive-primary);
685
- }
686
- .btn-info {
687
- color: #6f8691;
688
- background-color: transparent;
689
- border-color: #6f8691;
690
- transition: color, background-color 0.15s ease-in-out;
691
- }
692
- .btn-info:not(.disabled):not(:disabled):not(.btn-loading):hover {
693
- color: #FFF;
694
- background-color: #00b9ff;
695
- border-color: #00b9ff;
696
- }
697
- .btn-info:not(.disabled):not(:disabled):not(.btn-loading):active,
698
- .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active,
699
- .open > .dropdown-toggle.btn-info {
700
- color: #FFF;
701
- background-color: #008ec0;
702
- border-color: #008ec0;
703
- }
704
- .btn-info:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
705
- .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
706
- .open > .dropdown-toggle.btn-info:not(.disabled):not(:disabled):hover {
707
- color: #FFF;
708
- background-color: #008ec0;
709
- border-color: #008ec0;
710
- }
711
- .btn-info:not(.disabled):not(:disabled):not(.btn-loading).active,
712
- .open > .dropdown-toggle.btn-info {
713
- background-image: none;
714
- }
715
- .btn-info .badge {
716
- color: transparent;
717
- background-color: #6f8691;
718
- }
719
- .btn-warning {
720
- color: #FFA600;
721
- background-color: transparent;
722
- border-color: #FFA600;
723
- transition: color, background-color 0.15s ease-in-out;
724
- }
725
- .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):hover {
726
- color: #FFF;
727
- background-color: #DF8700;
728
- border-color: #DF8700;
729
- }
730
- .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):active,
731
- .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active,
732
- .open > .dropdown-toggle.btn-warning {
733
- color: #FFF;
734
- background-color: #9E5F00;
735
- border-color: #9E5F00;
736
- }
737
- .btn-warning:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
738
- .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
739
- .open > .dropdown-toggle.btn-warning:not(.disabled):not(:disabled):hover {
740
- color: #FFF;
741
- background-color: #9E5F00;
742
- border-color: #9E5F00;
743
- }
744
- .btn-warning:not(.disabled):not(:disabled):not(.btn-loading).active,
745
- .open > .dropdown-toggle.btn-warning {
746
- background-image: none;
747
- }
748
- .btn-warning .badge {
749
- color: transparent;
750
- background-color: #FFA600;
751
- }
752
- .btn-danger,
753
- .btn-negative {
754
- color: #fff;
755
- background-color: #e74848;
756
- background-color: var(--color-interactive-negative);
757
- border-color: #e74848;
758
- border-color: var(--color-interactive-negative);
759
- transition: color, background-color 0.15s ease-in-out;
760
- }
761
- .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
762
- .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
763
- color: #fff;
764
- background-color: #d03238;
765
- background-color: var(--color-interactive-negative-hover);
766
- border-color: #d03238;
767
- border-color: var(--color-interactive-negative-hover);
768
- }
769
- .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
770
- .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active,
771
- .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
772
- .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
773
- .open > .dropdown-toggle.btn-danger,
774
- .open > .dropdown-toggle.btn-negative {
775
- color: #fff;
776
- background-color: #bf1e2c;
777
- background-color: var(--color-interactive-negative-active);
778
- border-color: #bf1e2c;
779
- border-color: var(--color-interactive-negative-active);
780
- }
781
- .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
782
- .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
783
- .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
784
- .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
785
- .open > .dropdown-toggle.btn-danger:not(.disabled):not(:disabled):hover,
786
- .open > .dropdown-toggle.btn-negative:not(.disabled):not(:disabled):hover {
787
- color: #fff;
788
- background-color: #bf1e2c;
789
- background-color: var(--color-interactive-negative-active);
790
- border-color: #bf1e2c;
791
- border-color: var(--color-interactive-negative-active);
792
- }
793
- .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
794
- .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
795
- .open > .dropdown-toggle.btn-danger,
796
- .open > .dropdown-toggle.btn-negative {
797
- background-image: none;
798
- }
799
- .btn-danger .badge,
800
- .btn-negative .badge {
801
- color: #e74848;
802
- color: var(--color-interactive-negative);
803
- background-color: #fff;
804
- }
805
- .btn-danger.btn-priority-2,
806
- .btn-negative.btn-priority-2 {
807
- color: #e74848;
808
- color: var(--color-interactive-negative);
809
- background-color: transparent;
810
- border-color: #e74848;
811
- border-color: var(--color-interactive-negative);
812
- transition: color, background-color 0.15s ease-in-out;
813
- }
814
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
815
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
816
- color: #fff;
817
- background-color: #d03238;
818
- background-color: var(--color-interactive-negative-hover);
819
- border-color: #d03238;
820
- border-color: var(--color-interactive-negative-hover);
821
- }
822
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
823
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
824
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
825
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
826
- .open > .dropdown-toggle.btn-danger.btn-priority-2,
827
- .open > .dropdown-toggle.btn-negative.btn-priority-2 {
828
- color: #fff;
829
- background-color: #bf1e2c;
830
- background-color: var(--color-interactive-negative-active);
831
- border-color: #bf1e2c;
832
- border-color: var(--color-interactive-negative-active);
833
- }
834
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
835
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
836
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
837
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
838
- .open > .dropdown-toggle.btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
839
- .open > .dropdown-toggle.btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
840
- color: #fff;
841
- background-color: #bf1e2c;
842
- background-color: var(--color-interactive-negative-active);
843
- border-color: #bf1e2c;
844
- border-color: var(--color-interactive-negative-active);
845
- }
846
- .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
847
- .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
848
- .open > .dropdown-toggle.btn-danger.btn-priority-2,
849
- .open > .dropdown-toggle.btn-negative.btn-priority-2 {
850
- background-image: none;
851
- }
852
- .btn-danger.btn-priority-2 .badge,
853
- .btn-negative.btn-priority-2 .badge {
854
- color: transparent;
855
- background-color: #e74848;
856
- background-color: var(--color-interactive-negative);
857
- }
858
- .np-theme-personal .btn-danger,
859
- .np-theme-personal .btn-negative {
860
- color: var(--color-contrast);
861
- background-color: var(--color-sentiment-negative);
862
- border-color: var(--color-sentiment-negative);
863
- transition: color, background-color 0.15s ease-in-out;
864
- }
865
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
866
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
867
- color: var(--color-contrast);
868
- background-color: var(--color-sentiment-negative-hover);
869
- border-color: var(--color-sentiment-negative-hover);
870
- }
871
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active,
872
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active,
873
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
874
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
875
- .open > .dropdown-toggle.np-theme-personal .btn-danger,
876
- .open > .dropdown-toggle.np-theme-personal .btn-negative {
877
- color: var(--color-contrast);
878
- background-color: var(--color-sentiment-negative-active);
879
- border-color: var(--color-sentiment-negative-active);
880
- }
881
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
882
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
883
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
884
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
885
- .open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
886
- .open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
887
- color: var(--color-contrast);
888
- background-color: var(--color-sentiment-negative-active);
889
- border-color: var(--color-sentiment-negative-active);
890
- }
891
- .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading).active,
892
- .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
893
- .open > .dropdown-toggle.np-theme-personal .btn-danger,
894
- .open > .dropdown-toggle.np-theme-personal .btn-negative {
895
- background-image: none;
896
- }
897
- .np-theme-personal .btn-danger .badge,
898
- .np-theme-personal .btn-negative .badge {
899
- color: var(--color-sentiment-negative);
900
- background-color: var(--color-contrast);
901
- }
902
- .np-theme-personal .btn-danger.btn-priority-2,
903
- .np-theme-personal .btn-negative.btn-priority-2 {
904
- color: var(--color-sentiment-negative);
905
- background-color: transparent;
906
- border-color: var(--color-sentiment-negative);
907
- transition: color, background-color 0.15s ease-in-out;
908
- }
909
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
910
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
911
- color: var(--color-contrast);
912
- background-color: var(--color-sentiment-negative-hover);
913
- border-color: var(--color-sentiment-negative-hover);
914
- }
915
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
916
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
917
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
918
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
919
- .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
920
- .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
921
- color: var(--color-contrast);
922
- background-color: var(--color-sentiment-negative-active);
923
- border-color: var(--color-sentiment-negative-active);
924
- }
925
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
926
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
927
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
928
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
929
- .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
930
- .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
931
- color: var(--color-contrast);
932
- background-color: var(--color-sentiment-negative-active);
933
- border-color: var(--color-sentiment-negative-active);
934
- }
935
- .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
936
- .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
937
- .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
938
- .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
939
- background-image: none;
940
- }
941
- .np-theme-personal .btn-danger.btn-priority-2 .badge,
942
- .np-theme-personal .btn-negative.btn-priority-2 .badge {
943
- color: transparent;
944
- background-color: var(--color-sentiment-negative);
945
- }
946
- .bootstrap-select .btn-default,
947
- .btn-input {
948
- color: #37517e;
949
- color: var(--color-content-primary);
950
- background-color: #ffffff;
951
- background-color: var(--color-background-screen);
952
- border-color: #c9cbce;
953
- border-color: var(--color-interactive-secondary);
954
- transition: color, background-color 0.15s ease-in-out;
955
- }
956
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover,
957
- .btn-input:not(.disabled):not(:disabled):not(.btn-loading):hover {
958
- color: #37517e;
959
- color: var(--color-content-primary);
960
- background-color: #ffffff;
961
- background-color: var(--color-background-screen);
962
- border-color: #b5b7ba;
963
- border-color: var(--color-interactive-secondary-hover);
964
- }
965
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
966
- .btn-input:not(.disabled):not(:disabled):not(.btn-loading):active,
967
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
968
- .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
969
- .open > .dropdown-toggle.bootstrap-select .btn-default,
970
- .open > .dropdown-toggle.btn-input {
971
- color: #37517e;
972
- color: var(--color-content-primary);
973
- background-color: #ffffff;
974
- background-color: var(--color-background-screen);
975
- border-color: #a7a9ab;
976
- border-color: var(--color-interactive-secondary-active);
977
- }
978
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
979
- .btn-input:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
980
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
981
- .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
982
- .open > .dropdown-toggle.bootstrap-select .btn-default:not(.disabled):not(:disabled):hover,
983
- .open > .dropdown-toggle.btn-input:not(.disabled):not(:disabled):hover {
984
- color: #37517e;
985
- color: var(--color-content-primary);
986
- background-color: #ffffff;
987
- background-color: var(--color-background-screen);
988
- border-color: #a7a9ab;
989
- border-color: var(--color-interactive-secondary-active);
990
- }
991
- .bootstrap-select .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
992
- .btn-input:not(.disabled):not(:disabled):not(.btn-loading).active,
993
- .open > .dropdown-toggle.bootstrap-select .btn-default,
994
- .open > .dropdown-toggle.btn-input {
995
- background-image: none;
996
- }
997
- .bootstrap-select .btn-default .badge,
998
- .btn-input .badge {
999
- color: #ffffff;
1000
- color: var(--color-background-screen);
1001
- background-color: #37517e;
1002
- background-color: var(--color-content-primary);
1003
- }
1004
- .btn-image {
1005
- background-color: #6f8691;
1006
- background-color: rgba(255, 255, 255, 0.4);
1007
- color: #fff;
1008
- }
1009
- .btn-image:not(.disabled):not(:disabled):hover,
1010
- .btn-image:not(.disabled):not(:disabled):focus-visible {
1011
- background-color: #6f8691;
1012
- background-color: rgba(24, 33, 56, 0.56);
1013
- }
1014
- .btn-image:not(.disabled):not(:disabled):active,
1015
- .btn-image:not(.disabled):not(:disabled):hover:active {
1016
- background: #384347;
1017
- }
1018
- .btn-input .caret {
1019
- margin-left: 8px;
1020
- margin-left: var(--size-8);
1021
- }
1022
- [dir="rtl"] .btn-input .caret {
1023
- margin-right: 8px;
1024
- margin-right: var(--size-8);
1025
- margin-left: 0;
1026
- margin-left: initial;
1027
- }
1028
- .btn-inverse {
1029
- color: #fff;
1030
- background-color: transparent;
1031
- border-color: #fff;
1032
- transition: color, background-color 0.15s ease-in-out;
1033
- }
1034
- .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover {
1035
- color: #5d7079;
1036
- background-color: #fff;
1037
- border-color: #fff;
1038
- }
1039
- .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
1040
- .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1041
- .open > .dropdown-toggle.btn-inverse {
1042
- color: #5d7079;
1043
- background-color: #e2e6e8;
1044
- border-color: #e2e6e8;
1045
- }
1046
- .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1047
- .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1048
- .open > .dropdown-toggle.btn-inverse:not(.disabled):not(:disabled):hover {
1049
- color: #5d7079;
1050
- background-color: #e2e6e8;
1051
- border-color: #e2e6e8;
1052
- }
1053
- .btn-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1054
- .open > .dropdown-toggle.btn-inverse {
1055
- background-image: none;
1056
- }
1057
- .btn-inverse .badge {
1058
- color: transparent;
1059
- background-color: #fff;
1060
- }
1061
- .btn-lg {
1062
- padding: var(--btn-lg-padding);
1063
- font-size: 1.125rem;
1064
- font-size: var(--font-size-18);
1065
- line-height: 1.75rem;
1066
- line-height: var(--line-height-28);
1067
- border-radius: var(--btn-lg-radius-base);
1068
- min-height: var(--btn-lg-height);
1069
- }
1070
- .btn-lg .dropdown-menu > li > a {
1071
- font-size: 1.125rem;
1072
- font-size: var(--font-size-18);
1073
- line-height: 1.75rem;
1074
- line-height: var(--line-height-28);
1075
- }
1076
- .np-theme-personal .btn-lg {
1077
- font-size: 20px;
1078
- line-height: 32px;
1079
- }
1080
- .btn-lg .btn-loader {
1081
- margin-top: 2px;
1082
- }
1083
- .btn-sm,
1084
- .navbar .btn {
1085
- padding: var(--btn-sm-padding);
1086
- font-size: 0.875rem;
1087
- font-size: var(--font-size-14);
1088
- line-height: 1.375rem;
1089
- line-height: var(--line-height-22);
1090
- border-radius: var(--btn-sm-radius-base);
1091
- min-height: var(--btn-sm-height);
1092
- }
1093
- .btn-sm .dropdown-menu > li > a,
1094
- .navbar .btn .dropdown-menu > li > a {
1095
- font-size: 0.875rem;
1096
- font-size: var(--font-size-14);
1097
- line-height: 1.375rem;
1098
- line-height: var(--line-height-22);
1099
- }
1100
- .np-theme-personal .btn-sm,
1101
- .np-theme-personal .navbar .btn {
1102
- font-size: 14px;
1103
- line-height: 24px;
1104
- }
1105
- .btn-xs {
1106
- padding: var(--btn-xs-padding);
1107
- font-size: 0.75rem;
1108
- font-size: var(--font-size-12);
1109
- line-height: 1.25rem;
1110
- line-height: var(--line-height-20);
1111
- border-radius: var(--btn-sm-radius-base);
1112
- min-height: 22px;
1113
- }
1114
- .btn-xs .dropdown-menu > li > a {
1115
- font-size: 0.75rem;
1116
- font-size: var(--font-size-12);
1117
- line-height: 1.25rem;
1118
- line-height: var(--line-height-20);
1119
- }
1120
- .np-theme-personal .btn-xs {
1121
- font-size: 12px;
1122
- line-height: 18px;
1123
- }
1124
- .np-theme-personal .btn-xs .btn-loader {
1125
- margin-left: calc(8px / 2) !important;
1126
- margin-left: calc(var(--padding-x-small) / 2) !important;
1127
- height: 18px;
1128
- background-size: 12px 12px !important;
1129
- }
1130
- @media (max-width: 767px) {
1131
- .navbar-collapse .btn {
1132
- padding: var(--btn-padding);
1133
- font-size: 1rem;
1134
- font-size: var(--font-size-16);
1135
- line-height: 1.5rem;
1136
- line-height: var(--line-height-24);
1137
- border-radius: var(--border-radius-base);
1138
- min-height: var(--btn-height);
1139
- }
1140
- .navbar-collapse .btn .dropdown-menu > li > a {
1141
- font-size: 1rem;
1142
- font-size: var(--font-size-16);
1143
- line-height: 1.5rem;
1144
- line-height: var(--line-height-24);
1145
- }
1146
- .np-theme-personal .navbar-collapse .btn {
1147
- font-size: 16px;
1148
- line-height: 24px;
1149
- max-height: var(--btn-height);
1150
- }
1151
- }
1152
- .btn-block {
1153
- display: block;
1154
- width: 100%;
1155
- }
1156
- .btn-block + .btn-block {
1157
- margin-top: 8px;
1158
- margin-top: var(--size-8);
1159
- }
1160
- input[type="submit"].btn-block,
1161
- input[type="reset"].btn-block,
1162
- input[type="button"].btn-block {
1163
- width: 100%;
1164
- }
1165
- .btn-input {
1166
- font-weight: 400;
1167
- font-weight: var(--font-weight-regular);
1168
- padding-left: 16px;
1169
- padding-right: 16px;
1170
- }
1171
- [dir="rtl"] .btn-input {
1172
- padding-right: 16px;
1173
- padding-left: 0;
1174
- padding-left: initial;
1175
- }
1176
- [dir="rtl"] .btn-input {
1177
- padding-left: 16px;
1178
- padding-right: 0;
1179
- padding-right: initial;
1180
- }
1181
- .btn-input:not(.disabled):not(:disabled):hover {
1182
- border-color: #b5b7ba;
1183
- border-color: var(--color-interactive-secondary-hover);
1184
- }
1185
- .btn-input:not(.disabled):not(:disabled).active,
1186
- .btn-input:not(.disabled):not(:disabled):active,
1187
- .btn-input:not(.disabled):not(:disabled).focus,
1188
- .btn-input:not(.disabled):not(:disabled):focus-visible {
1189
- border-color: #0081ba;
1190
- border-color: var(--color-interactive-accent-active);
1191
- outline: 0 none !important;
1192
- }
1193
- .np-theme-personal .btn-input:not(.disabled):not(:disabled).active,
1194
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):active,
1195
- .np-theme-personal .btn-input:not(.disabled):not(:disabled).focus,
1196
- .np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible {
1197
- border-color: #a7a9ab;
1198
- border-color: var(--color-interactive-secondary-active);
1199
- }
1200
- .btn-input .caret {
1201
- color: #0097c7;
1202
- color: var(--color-content-accent);
1203
- }
1204
- .btn-input.btn-sm {
1205
- padding-left: 12px;
1206
- padding-right: 12px;
1207
- }
1208
- [dir="rtl"] .btn-input.btn-sm {
1209
- padding-right: 12px;
1210
- padding-left: 0;
1211
- padding-left: initial;
1212
- }
1213
- [dir="rtl"] .btn-input.btn-sm {
1214
- padding-left: 12px;
1215
- padding-right: 0;
1216
- padding-right: initial;
1217
- }
1218
- .btn-input.btn-lg {
1219
- font-size: 1.25rem;
1220
- font-size: var(--font-size-20);
1221
- }
1222
- .btn-input.btn-lg.btn-addon,
1223
- .btn-input.btn-lg.btn-input-inverse {
1224
- font-weight: 600;
1225
- font-weight: var(--font-weight-semi-bold);
1226
- }
1227
- .btn-input-inverse {
1228
- --color-content-primary: #ffffff;
1229
- --color-content-accent: #00b9ff;
1230
- }
1231
- .btn-input-inverse,
1232
- .btn-addon {
1233
- color: #ffffff;
1234
- background-color: #2e4369;
1235
- border-color: #37517e;
1236
- transition: color, background-color 0.15s ease-in-out;
1237
- }
1238
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):hover,
1239
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):hover {
1240
- color: #ffffff;
1241
- background-color: #2e4369;
1242
- border-color: #2e4369;
1243
- }
1244
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active,
1245
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active,
1246
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1247
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
1248
- .open > .dropdown-toggle.btn-input-inverse,
1249
- .open > .dropdown-toggle.btn-addon {
1250
- color: #ffffff;
1251
- background-color: #2e4369;
1252
- border-color: #2e4369;
1253
- }
1254
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1255
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
1256
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1257
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
1258
- .open > .dropdown-toggle.btn-input-inverse:not(.disabled):not(:disabled):hover,
1259
- .open > .dropdown-toggle.btn-addon:not(.disabled):not(:disabled):hover {
1260
- color: #ffffff;
1261
- background-color: #2e4369;
1262
- border-color: #2e4369;
1263
- }
1264
- .btn-input-inverse:not(.disabled):not(:disabled):not(.btn-loading).active,
1265
- .btn-addon:not(.disabled):not(:disabled):not(.btn-loading).active,
1266
- .open > .dropdown-toggle.btn-input-inverse,
1267
- .open > .dropdown-toggle.btn-addon {
1268
- background-image: none;
1269
- }
1270
- .btn-input-inverse .badge,
1271
- .btn-addon .badge {
1272
- color: #2e4369;
1273
- background-color: #ffffff;
1274
- }
1275
- .form-group-sm .bootstrap-select .btn-default {
1276
- padding: 4px 12px;
1277
- }
1278
- .form-group-lg .bootstrap-select .btn-default {
1279
- padding: 12px 16px;
1280
- }
1281
- .bootstrap-select.open > .dropdown-toggle.btn-default {
1282
- border-color: #00a2dd;
1283
- border-color: var(--color-interactive-accent);
1284
- background-color: #ffffff;
1285
- background-color: var(--color-background-screen);
1286
- color: #37517e;
1287
- color: var(--color-content-primary);
1288
- }
1289
- .btn-loader {
1290
- display: inline-block;
1291
- height: 24px;
1292
- width: 24px;
1293
- margin-bottom: -8px;
1294
- background-repeat: no-repeat;
1295
- background-position: center;
1296
- }
1297
- .btn-loading {
1298
- cursor: wait;
1299
- }
1300
- .btn-loading:not(.btn-block) {
1301
- display: inline-flex;
1302
- align-items: center;
1303
- }
1304
- .btn-loading:not(.btn-block) .btn-loader {
1305
- margin-bottom: 0;
1306
- }
1307
- :not([dir="rtl"]) .btn-loading:not(.btn-block) .btn-loader {
1308
- margin-left: 16px;
1309
- margin-right: 0;
1310
- }
1311
- [dir="rtl"] .btn-loading:not(.btn-block) .btn-loader {
1312
- margin-left: 0 !important;
1313
- margin-right: 16px !important;
1314
- }
1315
- .btn-loading.btn-block .btn-loader {
1316
- top: 0;
1317
- bottom: 0;
1318
- margin-top: auto;
1319
- margin-bottom: auto;
1320
- }
1321
- .btn-loading:hover .process-circle[class],
1322
- .btn-loading:focus .process-circle[class],
1323
- .btn-loading:active .process-circle[class],
1324
- .btn-loading .process-circle[class] {
1325
- stroke: currentColor;
1326
- }
1327
- .btn-sm .btn-loader {
1328
- background-size: 16px 16px;
1329
- }
1330
- .np-theme-personal .btn-sm .btn-loader {
1331
- margin-left: calc(16px / 2) !important;
1332
- margin-left: calc(var(--padding-small) / 2) !important;
1333
- }
1334
- @keyframes rotating {
1335
- from {
1336
- transform: rotate(0deg);
1337
- }
1338
- to {
1339
- transform: rotate(360deg);
1340
- }
1341
- }
1342
- .btn-input.btn {
1343
- text-align: left;
1344
- }
1345
- [dir="rtl"] .btn-input.btn {
1346
- text-align: right;
1347
- }
1348
- .btn-input.btn .tw-icon {
1349
- position: absolute;
1350
- right: 16px;
1351
- right: var(--size-16);
1352
- top: 16px;
1353
- top: var(--size-16);
1354
- }
1355
- [dir="rtl"] .btn-input.btn .tw-icon {
1356
- left: 16px;
1357
- left: var(--size-16);
1358
- right: auto;
1359
- right: initial;
1360
- }
1361
- .btn-input.btn .tw-icon:not(.tw-chevron):not(.tw-icon-chevron-down) {
1362
- position: static;
1363
- position: initial;
1364
- }
1365
- .btn-input.btn.btn-sm .tw-icon {
1366
- right: 8px;
1367
- right: var(--size-8);
1368
- top: 8px;
1369
- top: var(--size-8);
1370
- }
1371
- [dir="rtl"] .btn-input.btn.btn-sm .tw-icon {
1372
- left: 8px;
1373
- left: var(--size-8);
1374
- right: auto;
1375
- right: initial;
1376
- }
1377
- .btn-input.btn.btn-lg .tw-icon {
1378
- top: 27px;
1379
- }
1380
- a.btn {
1381
- -webkit-text-decoration: none;
1382
- text-decoration: none;
1383
- }
1384
- .btn-unstyled {
1385
- background: none;
1386
- border: none;
1387
- margin: 0;
1388
- padding: 0;
1389
- display: block;
1390
- }