@transferwise/components 46.130.3 → 46.131.1

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