@transferwise/components 0.0.0-experimental-9050641 → 0.0.0-experimental-ce05ccb

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 (425) hide show
  1. package/build/accordion/AccordionItem/AccordionItem.js +1 -1
  2. package/build/accordion/AccordionItem/AccordionItem.mjs +1 -1
  3. package/build/actionButton/ActionButton.js +1 -1
  4. package/build/actionButton/ActionButton.mjs +1 -1
  5. package/build/actionOption/ActionOption.js +1 -1
  6. package/build/actionOption/ActionOption.mjs +1 -1
  7. package/build/alert/Alert.js +1 -1
  8. package/build/alert/Alert.mjs +1 -1
  9. package/build/alert/inlineMarkdown/InlineMarkdown.js +1 -1
  10. package/build/alert/inlineMarkdown/InlineMarkdown.mjs +1 -1
  11. package/build/avatar/Avatar.js +1 -1
  12. package/build/avatar/Avatar.mjs +1 -1
  13. package/build/avatarLayout/AvatarLayout.js +1 -1
  14. package/build/avatarLayout/AvatarLayout.mjs +1 -1
  15. package/build/avatarView/AvatarView.js +1 -1
  16. package/build/avatarView/AvatarView.mjs +1 -1
  17. package/build/avatarWrapper/AvatarWrapper.js +1 -1
  18. package/build/avatarWrapper/AvatarWrapper.mjs +1 -1
  19. package/build/badge/Badge.js +1 -1
  20. package/build/badge/Badge.mjs +1 -1
  21. package/build/button/Button.js +1 -1
  22. package/build/button/Button.mjs +1 -1
  23. package/build/button/LegacyButton.js +1 -1
  24. package/build/button/LegacyButton.mjs +1 -1
  25. package/build/button/classMap.js +1 -1
  26. package/build/button/classMap.mjs +1 -1
  27. package/build/button/legacyUtils/legacyUtils.js +1 -1
  28. package/build/button/legacyUtils/legacyUtils.mjs +1 -1
  29. package/build/card/Card.js +1 -1
  30. package/build/card/Card.mjs +1 -1
  31. package/build/checkbox/Checkbox.js +1 -1
  32. package/build/checkbox/Checkbox.mjs +1 -1
  33. package/build/chevron/Chevron.js +1 -1
  34. package/build/chevron/Chevron.mjs +1 -1
  35. package/build/chips/Chip.js +1 -1
  36. package/build/chips/Chip.mjs +1 -1
  37. package/build/circularButton/CircularButton.js +2 -2
  38. package/build/circularButton/CircularButton.js.map +1 -1
  39. package/build/circularButton/CircularButton.mjs +2 -2
  40. package/build/circularButton/CircularButton.mjs.map +1 -1
  41. package/build/common/bottomSheet/BottomSheet.js +2 -2
  42. package/build/common/bottomSheet/BottomSheet.js.map +1 -1
  43. package/build/common/bottomSheet/BottomSheet.mjs +2 -2
  44. package/build/common/bottomSheet/BottomSheet.mjs.map +1 -1
  45. package/build/common/circle/Circle.js +2 -2
  46. package/build/common/circle/Circle.js.map +1 -1
  47. package/build/common/circle/Circle.mjs +2 -2
  48. package/build/common/circle/Circle.mjs.map +1 -1
  49. package/build/common/hooks/useLayout/useLayout.js +6 -6
  50. package/build/common/hooks/useLayout/useLayout.js.map +1 -1
  51. package/build/common/hooks/useLayout/useLayout.mjs +1 -1
  52. package/build/common/hooks/useLayout/useLayout.mjs.map +1 -1
  53. package/build/common/hooks/useScreenSize.js.map +1 -1
  54. package/build/common/hooks/useScreenSize.mjs.map +1 -1
  55. package/build/common/panel/Panel.js +1 -1
  56. package/build/common/panel/Panel.mjs +1 -1
  57. package/build/common/propsValues/breakpoint.js +12 -0
  58. package/build/common/propsValues/breakpoint.js.map +1 -0
  59. package/build/common/propsValues/breakpoint.mjs +12 -0
  60. package/build/common/propsValues/breakpoint.mjs.map +1 -0
  61. package/build/common/responsivePanel/ResponsivePanel.js +1 -1
  62. package/build/common/responsivePanel/ResponsivePanel.mjs +1 -1
  63. package/build/criticalBanner/CriticalCommsBanner.js +1 -1
  64. package/build/criticalBanner/CriticalCommsBanner.mjs +1 -1
  65. package/build/dateInput/DateInput.js +1 -1
  66. package/build/dateInput/DateInput.mjs +1 -1
  67. package/build/dateLookup/DateLookup.js +2 -2
  68. package/build/dateLookup/DateLookup.js.map +1 -1
  69. package/build/dateLookup/DateLookup.mjs +1 -1
  70. package/build/dateLookup/DateLookup.mjs.map +1 -1
  71. package/build/dateLookup/dateHeader/DateHeader.js +1 -1
  72. package/build/dateLookup/dateHeader/DateHeader.mjs +1 -1
  73. package/build/dateLookup/dateTrigger/DateTrigger.js +1 -1
  74. package/build/dateLookup/dateTrigger/DateTrigger.mjs +1 -1
  75. package/build/decision/Decision.js +3 -3
  76. package/build/decision/Decision.js.map +1 -1
  77. package/build/decision/Decision.mjs +1 -1
  78. package/build/decision/Decision.mjs.map +1 -1
  79. package/build/definitionList/DefinitionList.js +1 -1
  80. package/build/definitionList/DefinitionList.mjs +1 -1
  81. package/build/dimmer/Dimmer.js +1 -1
  82. package/build/dimmer/Dimmer.mjs +1 -1
  83. package/build/display/Display.js +1 -1
  84. package/build/display/Display.mjs +1 -1
  85. package/build/drawer/Drawer.js +1 -1
  86. package/build/drawer/Drawer.mjs +1 -1
  87. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js +1 -1
  88. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs +1 -1
  89. package/build/field/Field.js +1 -1
  90. package/build/field/Field.mjs +1 -1
  91. package/build/flowNavigation/FlowNavigation.js +3 -3
  92. package/build/flowNavigation/FlowNavigation.js.map +1 -1
  93. package/build/flowNavigation/FlowNavigation.mjs +1 -1
  94. package/build/flowNavigation/FlowNavigation.mjs.map +1 -1
  95. package/build/header/Header.js +1 -1
  96. package/build/header/Header.mjs +1 -1
  97. package/build/image/Image.js +1 -1
  98. package/build/image/Image.mjs +1 -1
  99. package/build/index.js +2 -2
  100. package/build/index.mjs +1 -1
  101. package/build/info/Info.js +1 -1
  102. package/build/info/Info.mjs +1 -1
  103. package/build/inlineAlert/InlineAlert.js +1 -1
  104. package/build/inlineAlert/InlineAlert.mjs +1 -1
  105. package/build/inputs/SearchInput.js +1 -1
  106. package/build/inputs/SearchInput.mjs +1 -1
  107. package/build/inputs/SelectInput/SelectInput.js +2 -2
  108. package/build/inputs/SelectInput/SelectInput.js.map +1 -1
  109. package/build/inputs/SelectInput/SelectInput.mjs +1 -1
  110. package/build/inputs/SelectInput/SelectInput.mjs.map +1 -1
  111. package/build/instructionsList/InstructionsList.js +1 -1
  112. package/build/instructionsList/InstructionsList.mjs +1 -1
  113. package/build/link/Link.js +1 -1
  114. package/build/link/Link.mjs +1 -1
  115. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.js +1 -1
  116. package/build/listItem/AdditionalInfo/ListItemAdditionalInfo.mjs +1 -1
  117. package/build/listItem/ListItem.js +1 -1
  118. package/build/listItem/ListItem.mjs +1 -1
  119. package/build/listItem/Prompt/ListItemPrompt.js +1 -1
  120. package/build/listItem/Prompt/ListItemPrompt.mjs +1 -1
  121. package/build/loader/Loader.js +1 -1
  122. package/build/loader/Loader.mjs +1 -1
  123. package/build/logo/Logo.js +3 -3
  124. package/build/logo/Logo.js.map +1 -1
  125. package/build/logo/Logo.mjs +2 -2
  126. package/build/logo/Logo.mjs.map +1 -1
  127. package/build/main.css +477 -319
  128. package/build/markdown/Markdown.js +1 -1
  129. package/build/markdown/Markdown.mjs +1 -1
  130. package/build/modal/Modal.js +3 -3
  131. package/build/modal/Modal.js.map +1 -1
  132. package/build/modal/Modal.mjs +3 -3
  133. package/build/modal/Modal.mjs.map +1 -1
  134. package/build/moneyInput/MoneyInput.js +1 -1
  135. package/build/moneyInput/MoneyInput.mjs +1 -1
  136. package/build/navigationOption/NavigationOption.js +1 -1
  137. package/build/navigationOption/NavigationOption.mjs +1 -1
  138. package/build/nudge/Nudge.js +1 -1
  139. package/build/nudge/Nudge.mjs +1 -1
  140. package/build/overlayHeader/OverlayHeader.js +1 -1
  141. package/build/overlayHeader/OverlayHeader.mjs +1 -1
  142. package/build/phoneNumberInput/PhoneNumberInput.js +1 -1
  143. package/build/phoneNumberInput/PhoneNumberInput.mjs +1 -1
  144. package/build/popover/Popover.js +1 -1
  145. package/build/popover/Popover.mjs +1 -1
  146. package/build/processIndicator/ProcessIndicator.js +1 -1
  147. package/build/processIndicator/ProcessIndicator.mjs +1 -1
  148. package/build/progressBar/ProgressBar.js +1 -1
  149. package/build/progressBar/ProgressBar.mjs +1 -1
  150. package/build/promoCard/PromoCard.js +1 -1
  151. package/build/promoCard/PromoCard.mjs +1 -1
  152. package/build/promoCard/PromoCardIndicator.js +1 -1
  153. package/build/promoCard/PromoCardIndicator.mjs +1 -1
  154. package/build/prompt/ActionPrompt/ActionPrompt.js +2 -2
  155. package/build/prompt/ActionPrompt/ActionPrompt.js.map +1 -1
  156. package/build/prompt/ActionPrompt/ActionPrompt.mjs +2 -2
  157. package/build/prompt/ActionPrompt/ActionPrompt.mjs.map +1 -1
  158. package/build/prompt/CriticalBanner/CriticalBanner.js +83 -70
  159. package/build/prompt/CriticalBanner/CriticalBanner.js.map +1 -1
  160. package/build/prompt/CriticalBanner/CriticalBanner.mjs +83 -70
  161. package/build/prompt/CriticalBanner/CriticalBanner.mjs.map +1 -1
  162. package/build/prompt/InfoPrompt/InfoPrompt.js +1 -1
  163. package/build/prompt/InfoPrompt/InfoPrompt.mjs +1 -1
  164. package/build/prompt/InlinePrompt/InlinePrompt.js +1 -1
  165. package/build/prompt/InlinePrompt/InlinePrompt.mjs +1 -1
  166. package/build/provider/Provider.js +1 -1
  167. package/build/provider/Provider.mjs +1 -1
  168. package/build/radio/Radio.js +1 -1
  169. package/build/radio/Radio.mjs +1 -1
  170. package/build/segmentedControl/SegmentedControl.js +1 -1
  171. package/build/segmentedControl/SegmentedControl.mjs +1 -1
  172. package/build/select/Select.js +1 -1
  173. package/build/select/Select.mjs +1 -1
  174. package/build/select/option/Option.js +1 -1
  175. package/build/select/option/Option.mjs +1 -1
  176. package/build/statusIcon/StatusIcon.js +2 -2
  177. package/build/statusIcon/StatusIcon.js.map +1 -1
  178. package/build/statusIcon/StatusIcon.mjs +2 -2
  179. package/build/statusIcon/StatusIcon.mjs.map +1 -1
  180. package/build/stepper/Stepper.js +1 -1
  181. package/build/stepper/Stepper.mjs +1 -1
  182. package/build/sticky/Sticky.js +1 -1
  183. package/build/sticky/Sticky.mjs +1 -1
  184. package/build/styles/accordion/Accordion.css +1 -1
  185. package/build/styles/card/Card.css +2 -2
  186. package/build/styles/carousel/Carousel.css +5 -5
  187. package/build/styles/common/Option/Option.css +4 -2
  188. package/build/styles/common/baseCard/BaseCard.css +1 -1
  189. package/build/styles/container/Container.css +3 -3
  190. package/build/styles/criticalBanner/CriticalCommsBanner.css +1 -1
  191. package/build/styles/css/accordion.css +4 -4
  192. package/build/styles/css/button-groups.css +6 -6
  193. package/build/styles/css/buttons.css +1 -1
  194. package/build/styles/css/circles.css +1 -1
  195. package/build/styles/css/column-layout.css +4 -4
  196. package/build/styles/css/decision.css +4 -4
  197. package/build/styles/css/dropdowns.css +10 -10
  198. package/build/styles/css/droppable.css +8 -8
  199. package/build/styles/css/flex.css +15 -13
  200. package/build/styles/css/footer.css +3 -3
  201. package/build/styles/css/grid.css +19 -19
  202. package/build/styles/css/input-groups.css +12 -12
  203. package/build/styles/css/list-group.css +8 -8
  204. package/build/styles/css/modals.css +6 -6
  205. package/build/styles/css/navbar.css +62 -62
  206. package/build/styles/css/navs.css +2 -2
  207. package/build/styles/css/neptune.css +338 -270
  208. package/build/styles/css/panels.css +9 -9
  209. package/build/styles/css/popovers.css +13 -13
  210. package/build/styles/css/select.css +1 -1
  211. package/build/styles/css/sequences.css +6 -6
  212. package/build/styles/css/table.css +6 -6
  213. package/build/styles/css/utilities.css +20 -8
  214. package/build/styles/css/wells.css +18 -4
  215. package/build/styles/dateInput/DateInput.css +1 -1
  216. package/build/styles/definitionList/DefinitionList.css +2 -2
  217. package/build/styles/drawer/Drawer.css +2 -2
  218. package/build/styles/flowNavigation/FlowNavigation.css +1 -1
  219. package/build/styles/inputs/Input.css +3 -3
  220. package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css +2 -2
  221. package/build/styles/inputs/SelectInput/SelectInput.css +2 -2
  222. package/build/styles/inputs/TextArea.css +3 -3
  223. package/build/styles/less/legacy-variables.less +47 -34
  224. package/build/styles/less/neptune-tokens.less +2 -2
  225. package/build/styles/main.css +477 -319
  226. package/build/styles/modal/Modal.css +20 -7
  227. package/build/styles/overlayHeader/OverlayHeader.css +1 -1
  228. package/build/styles/popover/Popover.css +3 -3
  229. package/build/styles/promoCard/PromoCard.css +1 -1
  230. package/build/styles/prompt/ActionPrompt/ActionPrompt.css +1 -1
  231. package/build/styles/prompt/CriticalBanner/CriticalBanner.css +63 -1
  232. package/build/styles/prompt/PrimitivePrompt/PrimitivePrompt.css +1 -1
  233. package/build/styles/props/custom-media.css +11 -23
  234. package/build/styles/props/neptune-tokens.css +1 -1
  235. package/build/styles/snackbar/Snackbar.css +2 -2
  236. package/build/styles/stepper/Stepper.css +2 -2
  237. package/build/styles/styles/less/accordion.css +4 -4
  238. package/build/styles/styles/less/button-groups.css +6 -6
  239. package/build/styles/styles/less/buttons.css +1 -1
  240. package/build/styles/styles/less/circles.css +1 -1
  241. package/build/styles/styles/less/column-layout.css +4 -4
  242. package/build/styles/styles/less/decision.css +4 -4
  243. package/build/styles/styles/less/dropdowns.css +10 -10
  244. package/build/styles/styles/less/droppable.css +8 -8
  245. package/build/styles/styles/less/flex.css +15 -13
  246. package/build/styles/styles/less/footer.css +3 -3
  247. package/build/styles/styles/less/forms/bootstrap-forms.css +9 -9
  248. package/build/styles/styles/less/grid.css +19 -19
  249. package/build/styles/styles/less/input-groups.css +12 -12
  250. package/build/styles/styles/less/list-group.css +8 -8
  251. package/build/styles/styles/less/modals.css +6 -6
  252. package/build/styles/styles/less/navbar.css +62 -62
  253. package/build/styles/styles/less/navs.css +2 -2
  254. package/build/styles/styles/less/neptune.css +338 -270
  255. package/build/styles/styles/less/panels.css +9 -9
  256. package/build/styles/styles/less/popovers.css +13 -13
  257. package/build/styles/styles/less/select.css +1 -1
  258. package/build/styles/styles/less/sequences.css +6 -6
  259. package/build/styles/styles/less/table.css +6 -6
  260. package/build/styles/styles/less/utilities.css +20 -8
  261. package/build/styles/styles/less/wells.css +18 -4
  262. package/build/styles/styles/props/custom-media.css +11 -1
  263. package/build/styles/table/Table.css +1 -1
  264. package/build/styles/tabs/Tabs.css +2 -2
  265. package/build/styles/typeahead/Typeahead.css +1 -1
  266. package/build/summary/Summary.js +1 -1
  267. package/build/summary/Summary.mjs +1 -1
  268. package/build/table/Table.js +1 -1
  269. package/build/table/Table.mjs +1 -1
  270. package/build/table/TableRow.js +1 -1
  271. package/build/table/TableRow.mjs +1 -1
  272. package/build/table/TableStatusText.js +1 -1
  273. package/build/table/TableStatusText.mjs +1 -1
  274. package/build/tabs/Tabs.js +1 -1
  275. package/build/tabs/Tabs.mjs +1 -1
  276. package/build/tile/Tile.js +1 -1
  277. package/build/tile/Tile.mjs +1 -1
  278. package/build/title/Title.js +1 -1
  279. package/build/title/Title.mjs +1 -1
  280. package/build/tooltip/Tooltip.js +1 -1
  281. package/build/tooltip/Tooltip.mjs +1 -1
  282. package/build/typeahead/Typeahead.js +1 -1
  283. package/build/typeahead/Typeahead.mjs +1 -1
  284. package/build/types/circularButton/CircularButton.d.ts.map +1 -1
  285. package/build/types/common/bottomSheet/BottomSheet.d.ts.map +1 -1
  286. package/build/types/common/hooks/useScreenSize.d.ts +1 -1
  287. package/build/types/common/hooks/useScreenSize.d.ts.map +1 -1
  288. package/build/types/common/index.d.ts +1 -1
  289. package/build/types/common/index.d.ts.map +1 -1
  290. package/build/types/common/propsValues/breakpoint.d.ts +9 -0
  291. package/build/types/common/propsValues/breakpoint.d.ts.map +1 -0
  292. package/build/types/dateLookup/DateLookup.d.ts.map +1 -1
  293. package/build/types/decision/Decision.d.ts.map +1 -1
  294. package/build/types/flowNavigation/FlowNavigation.d.ts.map +1 -1
  295. package/build/types/index.d.ts +1 -2
  296. package/build/types/index.d.ts.map +1 -1
  297. package/build/types/logo/Logo.d.ts +1 -1
  298. package/build/types/prompt/ActionPrompt/ActionPrompt.d.ts.map +1 -1
  299. package/build/types/prompt/CriticalBanner/CriticalBanner.d.ts.map +1 -1
  300. package/build/types/statusIcon/StatusIcon.d.ts.map +1 -1
  301. package/build/upload/Upload.js +1 -1
  302. package/build/upload/Upload.mjs +1 -1
  303. package/build/upload/steps/completeStep/completeStep.js +1 -1
  304. package/build/upload/steps/completeStep/completeStep.mjs +1 -1
  305. package/build/upload/steps/processingStep/processingStep.js +1 -1
  306. package/build/upload/steps/processingStep/processingStep.mjs +1 -1
  307. package/build/upload/steps/uploadImageStep/uploadImageStep.js +1 -1
  308. package/build/upload/steps/uploadImageStep/uploadImageStep.mjs +1 -1
  309. package/build/uploadInput/UploadInput.js +1 -1
  310. package/build/uploadInput/UploadInput.mjs +1 -1
  311. package/build/uploadInput/uploadButton/UploadButton.js +1 -1
  312. package/build/uploadInput/uploadButton/UploadButton.mjs +1 -1
  313. package/build/uploadInput/uploadButton/defaults.js +1 -1
  314. package/build/uploadInput/uploadButton/defaults.mjs +1 -1
  315. package/build/uploadInput/uploadItem/UploadItem.js +1 -1
  316. package/build/uploadInput/uploadItem/UploadItem.mjs +1 -1
  317. package/build/withDisplayFormat/WithDisplayFormat.js +1 -1
  318. package/build/withDisplayFormat/WithDisplayFormat.mjs +1 -1
  319. package/package.json +3 -3
  320. package/src/accordion/Accordion.css +1 -1
  321. package/src/card/Card.css +2 -2
  322. package/src/carousel/Carousel.css +5 -5
  323. package/src/carousel/Carousel.less +3 -3
  324. package/src/circularButton/CircularButton.tsx +2 -3
  325. package/src/common/Option/Option.css +4 -2
  326. package/src/common/Option/Option.less +4 -2
  327. package/src/common/baseCard/BaseCard.css +1 -1
  328. package/src/common/bottomSheet/BottomSheet.tsx +2 -2
  329. package/src/common/circle/Circle.tsx +2 -2
  330. package/src/common/hooks/useLayout/useLayout.ts +1 -1
  331. package/src/common/hooks/useScreenSize.ts +1 -1
  332. package/src/common/index.ts +1 -1
  333. package/src/common/propsValues/breakpoint.ts +8 -0
  334. package/src/common/responsivePanel/ResponsivePanel.test.js +2 -3
  335. package/src/container/Container.css +3 -3
  336. package/src/criticalBanner/CriticalCommsBanner.css +1 -1
  337. package/src/dateInput/DateInput.css +1 -1
  338. package/src/dateLookup/DateLookup.tsx +1 -1
  339. package/src/decision/Decision.test.tsx +1 -2
  340. package/src/decision/Decision.tsx +1 -2
  341. package/src/definitionList/DefinitionList.css +2 -2
  342. package/src/definitionList/DefinitionList.less +2 -2
  343. package/src/drawer/Drawer.css +2 -2
  344. package/src/drawer/Drawer.less +3 -4
  345. package/src/flowNavigation/FlowNavigation.css +1 -1
  346. package/src/flowNavigation/FlowNavigation.less +1 -2
  347. package/src/flowNavigation/FlowNavigation.story.tsx +0 -3
  348. package/src/flowNavigation/FlowNavigation.test.js +1 -1
  349. package/src/flowNavigation/FlowNavigation.tsx +1 -2
  350. package/src/index.ts +1 -1
  351. package/src/inputs/Input.css +3 -3
  352. package/src/inputs/SelectInput/Options/SelectInputOptions.css +2 -2
  353. package/src/inputs/SelectInput/SelectInput.css +2 -2
  354. package/src/inputs/SelectInput/SelectInput.tsx +1 -1
  355. package/src/inputs/TextArea.css +3 -3
  356. package/src/logo/Logo.tsx +1 -1
  357. package/src/main.css +477 -319
  358. package/src/modal/Modal.css +20 -7
  359. package/src/modal/Modal.less +19 -7
  360. package/src/modal/Modal.tsx +2 -2
  361. package/src/overlayHeader/OverlayHeader.css +1 -1
  362. package/src/overlayHeader/OverlayHeader.less +2 -3
  363. package/src/popover/Popover.css +3 -3
  364. package/src/popover/Popover.test.tsx +1 -2
  365. package/src/promoCard/PromoCard.css +1 -1
  366. package/src/prompt/ActionPrompt/ActionPrompt.css +1 -1
  367. package/src/prompt/ActionPrompt/ActionPrompt.less +1 -1
  368. package/src/prompt/ActionPrompt/ActionPrompt.test.tsx +6 -37
  369. package/src/prompt/ActionPrompt/ActionPrompt.tsx +2 -3
  370. package/src/prompt/CriticalBanner/CriticalBanner.accessibility.docs.mdx +9 -0
  371. package/src/prompt/CriticalBanner/CriticalBanner.css +63 -1
  372. package/src/prompt/CriticalBanner/CriticalBanner.less +96 -2
  373. package/src/prompt/CriticalBanner/CriticalBanner.story.tsx +156 -169
  374. package/src/prompt/CriticalBanner/CriticalBanner.test.story.tsx +25 -6
  375. package/src/prompt/CriticalBanner/CriticalBanner.test.tsx +37 -0
  376. package/src/prompt/CriticalBanner/CriticalBanner.tsx +98 -81
  377. package/src/prompt/CriticalBanner/CriticalBanner.vars.less +1 -0
  378. package/src/prompt/PrimitivePrompt/PrimitivePrompt.css +1 -1
  379. package/src/prompt/PrimitivePrompt/PrimitivePrompt.less +1 -1
  380. package/src/select/Select.test.tsx +1 -1
  381. package/src/snackbar/Snackbar.css +2 -2
  382. package/src/statusIcon/StatusIcon.tsx +2 -3
  383. package/src/stepper/Stepper.css +2 -2
  384. package/src/styles/less/accordion.css +4 -4
  385. package/src/styles/less/addons/_display-utilities.less +27 -13
  386. package/src/styles/less/button-groups.css +6 -6
  387. package/src/styles/less/buttons.css +1 -1
  388. package/src/styles/less/circles.css +1 -1
  389. package/src/styles/less/column-layout.css +4 -4
  390. package/src/styles/less/core/_typography-utilities.less +22 -10
  391. package/src/styles/less/decision.css +4 -4
  392. package/src/styles/less/dropdowns.css +10 -10
  393. package/src/styles/less/droppable.css +8 -8
  394. package/src/styles/less/flex.css +15 -13
  395. package/src/styles/less/flex.less +3 -1
  396. package/src/styles/less/footer.css +3 -3
  397. package/src/styles/less/forms/bootstrap-forms.css +9 -9
  398. package/src/styles/less/forms/bootstrap-forms.less +1 -1
  399. package/src/styles/less/grid.css +19 -19
  400. package/src/styles/less/input-groups.css +12 -12
  401. package/src/styles/less/list-group.css +8 -8
  402. package/src/styles/less/modals.css +6 -6
  403. package/src/styles/less/modals.less +4 -4
  404. package/src/styles/less/navbar.css +62 -62
  405. package/src/styles/less/navbar.less +2 -2
  406. package/src/styles/less/navs.css +2 -2
  407. package/src/styles/less/neptune.bundle.less +0 -1
  408. package/src/styles/less/neptune.css +338 -270
  409. package/src/styles/less/panels.css +9 -9
  410. package/src/styles/less/popovers.css +13 -13
  411. package/src/styles/less/popovers.less +6 -6
  412. package/src/styles/less/select.css +1 -1
  413. package/src/styles/less/sequences.css +6 -6
  414. package/src/styles/less/table.css +6 -6
  415. package/src/styles/less/table.less +1 -1
  416. package/src/styles/less/utilities.css +20 -8
  417. package/src/styles/less/utilities.less +14 -6
  418. package/src/styles/less/wells.css +18 -4
  419. package/src/styles/less/wells.less +5 -3
  420. package/src/styles/props/custom-media.css +11 -1
  421. package/src/styles/variables/legacy-variables.less +47 -4
  422. package/src/table/Table.css +1 -1
  423. package/src/tabs/Tabs.css +2 -2
  424. package/src/typeahead/Typeahead.css +1 -1
  425. package/src/uploadInput/uploadItem/UploadItem.less +2 -2
package/src/prompt/CriticalBanner/CriticalBanner.tsx CHANGED
@@ -77,6 +77,93 @@ export const CriticalBanner = ({
77
77
  .filter(Boolean)
78
78
  .join(' ');
79
79
 
80
+ const bannerSurface = (
81
+ <PrimitivePrompt
82
+ ref={containerRef}
83
+ id={id}
84
+ sentiment={sentiment}
85
+ emphasis={sentiment === 'neutral' ? 'base' : 'elevated'}
86
+ data-testid={testId}
87
+ className={clsx(
88
+ 'wds-critical-banner',
89
+ {
90
+ 'wds-critical-banner--collapsed': !resolvedExpanded,
91
+ 'wds-critical-banner--with-two-actions': !!actionSecondary,
92
+ },
93
+ className,
94
+ )}
95
+ media={renderPromptMedia({
96
+ media,
97
+ sentiment,
98
+ mediaId,
99
+ imgClassName: 'wds-critical-banner--media-image',
100
+ })}
101
+ actions={
102
+ hasActions ? (
103
+ <div aria-hidden={!resolvedExpanded ? true : undefined} style={{ display: 'contents' }}>
104
+ {actionSecondary && (
105
+ // @ts-expect-error onClick type mismatch
106
+ <Button
107
+ v2
108
+ size="md"
109
+ priority="secondary"
110
+ href={actionSecondary.href}
111
+ tabIndex={resolvedExpanded ? undefined : -1}
112
+ onClick={actionSecondary?.onClick}
113
+ >
114
+ {actionSecondary.label}
115
+ </Button>
116
+ )}
117
+ {action && (
118
+ // @ts-expect-error onClick type mismatch
119
+ <Button
120
+ v2
121
+ size="md"
122
+ priority="primary"
123
+ href={action.href}
124
+ tabIndex={resolvedExpanded ? undefined : -1}
125
+ onClick={action.onClick}
126
+ >
127
+ {action.label}
128
+ </Button>
129
+ )}
130
+ </div>
131
+ ) : undefined
132
+ }
133
+ role="region"
134
+ aria-labelledby={ariaLabelledByIds || undefined}
135
+ aria-describedby={description ? descId : undefined}
136
+ >
137
+ <div className="wds-critical-banner__text-wrapper">
138
+ {title && (
139
+ <Body
140
+ id={titleId}
141
+ type={Typography.BODY_LARGE_BOLD}
142
+ className="wds-critical-banner__content wds-critical-banner__title"
143
+ >
144
+ {title}
145
+ </Body>
146
+ )}
147
+ {description && (
148
+ <Body
149
+ id={descId}
150
+ className={clsx('wds-critical-banner__content', 'wds-critical-banner__description', {
151
+ 'wds-critical-banner__description--with-title': !!title,
152
+ })}
153
+ >
154
+ {description}
155
+ </Body>
156
+ )}
157
+ </div>
158
+ <ExpanderToggle
159
+ expanded={resolvedExpanded}
160
+ size={24}
161
+ className="wds-critical-banner__toggle"
162
+ onToggle={handleToggle}
163
+ />
164
+ </PrimitivePrompt>
165
+ );
166
+
80
167
  return (
81
168
  <LiveRegion
82
169
  aria-live="assertive"
@@ -88,90 +175,20 @@ export const CriticalBanner = ({
88
175
  actionSecondaryLabel: actionSecondary?.label,
89
176
  })}
90
177
  >
91
- <PrimitivePrompt
92
- ref={containerRef}
93
- id={id}
94
- sentiment={sentiment}
95
- emphasis={sentiment === 'neutral' ? 'base' : 'elevated'}
96
- data-testid={testId}
97
- className={clsx(
98
- 'wds-critical-banner',
99
- {
100
- 'wds-critical-banner--collapsed': !resolvedExpanded,
101
- 'wds-critical-banner--with-two-actions': !!actionSecondary,
102
- },
103
- className,
104
- )}
105
- media={renderPromptMedia({
106
- media,
107
- sentiment,
108
- mediaId,
109
- imgClassName: 'wds-critical-banner--media-image',
110
- })}
111
- actions={
112
- hasActions ? (
113
- <div aria-hidden={!resolvedExpanded ? true : undefined} style={{ display: 'contents' }}>
114
- {actionSecondary && (
115
- // @ts-expect-error onClick type mismatch
116
- <Button
117
- v2
118
- size="md"
119
- priority="secondary"
120
- href={actionSecondary.href}
121
- tabIndex={resolvedExpanded ? undefined : -1}
122
- onClick={actionSecondary?.onClick}
123
- >
124
- {actionSecondary.label}
125
- </Button>
126
- )}
127
- {action && (
128
- // @ts-expect-error onClick type mismatch
129
- <Button
130
- v2
131
- size="md"
132
- priority="primary"
133
- href={action.href}
134
- tabIndex={resolvedExpanded ? undefined : -1}
135
- onClick={action.onClick}
136
- >
137
- {action.label}
138
- </Button>
178
+ <div className="wds-critical-banner-overhang-query">
179
+ <div className="wds-critical-banner__entry-mask">
180
+ <div className="wds-critical-banner__entry-track">
181
+ <div
182
+ className={clsx(
183
+ 'wds-critical-banner-overhang',
184
+ `wds-critical-banner-overhang--${sentiment}`,
139
185
  )}
140
- </div>
141
- ) : undefined
142
- }
143
- role="region"
144
- aria-labelledby={ariaLabelledByIds || undefined}
145
- aria-describedby={description ? descId : undefined}
146
- >
147
- <div className="wds-critical-banner__text-wrapper">
148
- {title && (
149
- <Body
150
- id={titleId}
151
- type={Typography.BODY_LARGE_BOLD}
152
- className="wds-critical-banner__content wds-critical-banner__title"
153
186
  >
154
- {title}
155
- </Body>
156
- )}
157
- {description && (
158
- <Body
159
- id={descId}
160
- className={clsx('wds-critical-banner__content', 'wds-critical-banner__description', {
161
- 'wds-critical-banner__description--with-title': !!title,
162
- })}
163
- >
164
- {description}
165
- </Body>
166
- )}
187
+ {bannerSurface}
188
+ </div>
189
+ </div>
167
190
  </div>
168
- <ExpanderToggle
169
- expanded={resolvedExpanded}
170
- size={24}
171
- className="wds-critical-banner__toggle"
172
- onToggle={handleToggle}
173
- />
174
- </PrimitivePrompt>
191
+ </div>
175
192
  </LiveRegion>
176
193
  );
177
194
  };
package/src/prompt/CriticalBanner/CriticalBanner.vars.less CHANGED
@@ -3,4 +3,5 @@
3
3
  // * collapse toggle is visible below collapsible-max token
4
4
  // At some point in the not too distant future hopefully these two value will be the same but because of launchpad quirks, for now they'll be different
5
5
  @wds-critical-banner-action-wrapper-max: 600px;
6
+ @wds-critical-banner-mobile-overhang-max: 600px;
6
7
  @wds-critical-banner-collapsible-max: 768px;
package/src/prompt/PrimitivePrompt/PrimitivePrompt.css CHANGED
@@ -40,7 +40,7 @@
40
40
  grid-column-start: 2;
41
41
  grid-column-end: 3;
42
42
  }
43
- @media (max-width: 599.98px) {
43
+ @media (max-width: 767px) {
44
44
  .wds-prompt__actions-wrapper {
45
45
  grid-column: span 2;
46
46
  width: 100%;
package/src/prompt/PrimitivePrompt/PrimitivePrompt.less CHANGED
@@ -36,7 +36,7 @@
36
36
  grid-column-start: 2;
37
37
  grid-column-end: 3;
38
38
 
39
- @media (--screen-xs-max) {
39
+ @media (--screen-sm-max) {
40
40
  grid-column: span 2;
41
41
  width: 100%;
42
42
 
package/src/select/Select.test.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { Breakpoint } from '@transferwise/neptune-tokens';
1
+ import { Breakpoint } from '../common';
2
2
  import { render, screen, userEvent, waitFor, mockMatchMedia } from '../test-utils';
3
3
 
4
4
  import Select from '.';
package/src/snackbar/Snackbar.css CHANGED
@@ -62,7 +62,7 @@
62
62
  .np-theme-personal--forest-green .snackbar__text {
63
63
  box-shadow: none;
64
64
  }
65
- @media (min-width: 600px) {
65
+ @media (min-width: 576px) {
66
66
  .snackbar__text {
67
67
  width: auto;
68
68
  max-width: 600px;
@@ -86,7 +86,7 @@
86
86
  transform: translateY(-16px);
87
87
  transform: translateY(calc(-16px - env(safe-area-inset-bottom)));
88
88
  }
89
- @media (min-width: 600px) {
89
+ @media (min-width: 576px) {
90
90
  .snackbar__text-container-enter-active {
91
91
  transform: translateY(-24px);
92
92
  }
package/src/statusIcon/StatusIcon.tsx CHANGED
@@ -1,9 +1,8 @@
1
1
  import { Info, Alert, Cross, Check, ClockBorderless } from '@transferwise/icons';
2
- import { Breakpoint } from '@transferwise/neptune-tokens';
3
2
  import { clsx } from 'clsx';
4
3
  import { useIntl } from 'react-intl';
5
4
 
6
- import { SizeSmall, SizeMedium, SizeLarge, Sentiment, Size, Status } from '../common';
5
+ import { SizeSmall, SizeMedium, SizeLarge, Sentiment, Size, Breakpoint, Status } from '../common';
7
6
  import Circle, { CircleProps } from '../common/circle';
8
7
  import { useMedia } from '../common/hooks/useMedia';
9
8
 
@@ -87,7 +86,7 @@ const StatusIcon = ({
87
86
  };
88
87
  const { Icon, defaultIconLabel } = iconMetaBySentiment[sentiment];
89
88
 
90
- const isTinyViewport = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);
89
+ const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);
91
90
  const size = mapLegacySize[sizeProp] ?? sizeProp;
92
91
 
93
92
  return (
package/src/stepper/Stepper.css CHANGED
@@ -2,7 +2,7 @@
2
2
  padding-bottom: 24px;
3
3
  width: 100%;
4
4
  }
5
- @media only screen and (max-width: 599.98px) {
5
+ @media only screen and (max-width: 575px) {
6
6
  .tw-stepper {
7
7
  padding-bottom: 0;
8
8
  }
@@ -32,7 +32,7 @@
32
32
  .tw-stepper__step--has-tooltip {
33
33
  cursor: pointer;
34
34
  }
35
- @media screen and (min-width: 600px) and (max-width: 1159.98px) {
35
+ @media screen and (min-width: 576px) and (max-width: 991px) {
36
36
  .tw-stepper__step:first-child .tooltip-inner {
37
37
  transform: translateX(calc(50% - 32px));
38
38
  }
package/src/styles/less/accordion.css CHANGED
@@ -68,12 +68,12 @@
68
68
  hyphens: auto;
69
69
  hyphenate-limit-chars: 7 3;
70
70
  }
71
- @media (min-width: 840px) {
71
+ @media (min-width: 768px) {
72
72
  .decision__title {
73
73
  hyphenate-limit-chars: 8 3;
74
74
  }
75
75
  }
76
- @media (min-width: 1160px) {
76
+ @media (min-width: 992px) {
77
77
  .decision__title {
78
78
  hyphenate-limit-chars: 10 4 3;
79
79
  }
@@ -85,7 +85,7 @@
85
85
  -webkit-hyphenate-limit-before: 3;
86
86
  -webkit-hyphenate-limit-after: 3;
87
87
  }
88
- @media (min-width: 1160px) {
88
+ @media (min-width: 992px) {
89
89
  .decision__title {
90
90
  -webkit-hyphenate-limit-before: 4;
91
91
  }
@@ -137,7 +137,7 @@
137
137
  color: #5d7079;
138
138
  color: var(--color-content-secondary);
139
139
  }
140
- @media (min-width: 320.02px) {
140
+ @media (min-width: 480px) {
141
141
  .decision .media .media-left,
142
142
  .decision.media .media-left {
143
143
  display: block;
package/src/styles/less/addons/_display-utilities.less CHANGED
@@ -87,28 +87,39 @@
87
87
  }
88
88
 
89
89
  .visible-lg,
90
- .visible-lg-block,
91
- /// @deprecated
90
+ .visible-lg-block {
91
+ @media (--screen-lg) and (--screen-lg-max) {
92
+ display: block !important;
93
+ }
94
+ }
95
+
96
+ .visible-lg-inline {
97
+ @media (--screen-lg) and (--screen-lg-max) {
98
+ display: inline !important;
99
+ }
100
+ }
101
+
102
+ .visible-lg-inline-block {
103
+ @media (--screen-lg) and (--screen-lg-max) {
104
+ display: inline-block !important;
105
+ }
106
+ }
107
+
92
108
  .visible-xl,
93
- /// @deprecated
94
109
  .visible-xl-block {
95
- @media (--screen-lg) {
110
+ @media (--screen-xl) {
96
111
  display: block !important;
97
112
  }
98
113
  }
99
114
 
100
- .visible-lg-inline,
101
- /// @deprecated
102
115
  .visible-xl-inline {
103
- @media (--screen-lg) {
116
+ @media (--screen-xl) {
104
117
  display: inline !important;
105
118
  }
106
119
  }
107
120
 
108
- .visible-lg-inline-block,
109
- /// @deprecated
110
121
  .visible-xl-inline-block {
111
- @media (--screen-lg) {
122
+ @media (--screen-xl) {
112
123
  display: inline-block !important;
113
124
  }
114
125
  }
@@ -131,11 +142,14 @@
131
142
  }
132
143
  }
133
144
 
145
+ .hidden-lg {
146
+ @media (--screen-lg) and (--screen-lg-max) {
147
+ display: none !important;
148
+ }
149
+ }
134
150
 
135
- .hidden-lg,
136
- /// @deprecated
137
151
  .hidden-xl {
138
- @media (--screen-lg) {
152
+ @media (--screen-xl) {
139
153
  display: none !important;
140
154
  }
141
155
  }
package/src/styles/less/button-groups.css CHANGED
@@ -53,7 +53,7 @@
53
53
  margin-left: 0;
54
54
  margin-left: initial;
55
55
  }
56
- @media (min-width: 1160px) {
56
+ @media (min-width: 992px) {
57
57
  .btn-toolbar:not(.btn-toolbar-xl) {
58
58
  margin-left: -4px;
59
59
  margin-right: -4px;
@@ -91,7 +91,7 @@
91
91
  [dir="rtl"] .btn-toolbar.btn-toolbar-xs .input-group {
92
92
  float: right;
93
93
  }
94
- @media (min-width: 600px) {
94
+ @media (min-width: 576px) {
95
95
  .btn-toolbar.btn-toolbar-sm {
96
96
  margin-left: -4px;
97
97
  margin-right: -4px;
@@ -111,7 +111,7 @@
111
111
  float: right;
112
112
  }
113
113
  }
114
- @media (min-width: 840px) {
114
+ @media (min-width: 768px) {
115
115
  .btn-toolbar.btn-toolbar-md {
116
116
  margin-left: -4px;
117
117
  margin-right: -4px;
@@ -131,7 +131,7 @@
131
131
  float: right;
132
132
  }
133
133
  }
134
- @media (min-width: 1160px) {
134
+ @media (min-width: 992px) {
135
135
  .btn-toolbar.btn-toolbar-lg {
136
136
  margin-left: -4px;
137
137
  margin-right: -4px;
@@ -151,7 +151,7 @@
151
151
  float: right;
152
152
  }
153
153
  }
154
- @media (min-width: 1160px) {
154
+ @media (min-width: 1200px) {
155
155
  .btn-toolbar.btn-toolbar-xl {
156
156
  margin-left: -4px;
157
157
  margin-right: -4px;
@@ -426,7 +426,7 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
426
426
  padding-left: 40px;
427
427
  padding-right: 16px;
428
428
  }
429
- @media (min-width: 600px) {
429
+ @media (min-width: 576px) {
430
430
  .btn-group.btn-block .btn-input.btn.dropdown-toggle {
431
431
  padding-right: 48px;
432
432
  }
package/src/styles/less/buttons.css CHANGED
@@ -1127,7 +1127,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
1127
1127
  height: 18px;
1128
1128
  background-size: 12px 12px !important;
1129
1129
  }
1130
- @media (max-width: 839px) {
1130
+ @media (max-width: 767px) {
1131
1131
  .navbar-collapse .btn {
1132
1132
  padding: var(--btn-padding);
1133
1133
  font-size: 1rem;
package/src/styles/less/circles.css CHANGED
@@ -145,7 +145,7 @@ a.circle.active:hover {
145
145
  background-color: rgba(134,167,189,0.10196);
146
146
  background-color: var(--color-background-neutral);
147
147
  }
148
- @media (min-width: 600px) {
148
+ @media (min-width: 576px) {
149
149
  .circle-responsive {
150
150
  border-radius: 50%;
151
151
  background-color: #fff;
package/src/styles/less/column-layout.css CHANGED
@@ -49,7 +49,7 @@
49
49
  padding: 24px;
50
50
  padding: var(--size-24);
51
51
  }
52
- @media (min-width: 1160px) {
52
+ @media (min-width: 992px) {
53
53
  .column-layout {
54
54
  display: table;
55
55
  }
@@ -89,12 +89,12 @@
89
89
  opacity: 1;
90
90
  top: 20px;
91
91
  }
92
- @media (min-width: 1160px) {
92
+ @media (min-width: 992px) {
93
93
  .column-layout-cover {
94
94
  display: none;
95
95
  }
96
96
  }
97
- @media (max-width: 1159.98px) {
97
+ @media (max-width: 991px) {
98
98
  .column-layout-open {
99
99
  overflow: hidden;
100
100
  }
@@ -134,7 +134,7 @@
134
134
  padding: 4px 24px;
135
135
  padding: var(--size-4) 24px;
136
136
  }
137
- @media (min-width: 1160px) {
137
+ @media (min-width: 992px) {
138
138
  .column-layout-brand {
139
139
  padding-left: 32px;
140
140
  padding-right: 32px;
package/src/styles/less/core/_typography-utilities.less CHANGED
@@ -73,32 +73,44 @@
73
73
  }
74
74
 
75
75
  @media (--screen-lg) {
76
- .text-lg-left,
77
- /// @deprecated
76
+ .text-lg-left {
77
+ .text-align(left);
78
+ }
79
+
80
+ .text-lg-right {
81
+ .text-align(right);
82
+ }
83
+
84
+ .text-lg-center {
85
+ text-align: center;
86
+ }
87
+
88
+ .text-lg-justify {
89
+ text-align: justify;
90
+ }
91
+
92
+ .text-lg-nowrap {
93
+ white-space: nowrap;
94
+ }
95
+ }
96
+
97
+ @media (--screen-xl) {
78
98
  .text-xl-left {
79
99
  .text-align(left);
80
100
  }
81
101
 
82
- .text-lg-right,
83
- /// @deprecated
84
102
  .text-xl-right {
85
103
  .text-align(right);
86
104
  }
87
105
 
88
- .text-lg-center,
89
- /// @deprecated
90
106
  .text-xl-center {
91
107
  text-align: center;
92
108
  }
93
109
 
94
- .text-lg-justify,
95
- /// @deprecated
96
110
  .text-xl-justify {
97
111
  text-align: justify;
98
112
  }
99
113
 
100
- .text-lg-nowrap,
101
- /// @deprecated
102
114
  .text-xl-nowrap {
103
115
  white-space: nowrap;
104
116
  }
package/src/styles/less/decision.css CHANGED
@@ -33,12 +33,12 @@
33
33
  hyphens: auto;
34
34
  hyphenate-limit-chars: 7 3;
35
35
  }
36
- @media (min-width: 840px) {
36
+ @media (min-width: 768px) {
37
37
  .decision__title {
38
38
  hyphenate-limit-chars: 8 3;
39
39
  }
40
40
  }
41
- @media (min-width: 1160px) {
41
+ @media (min-width: 992px) {
42
42
  .decision__title {
43
43
  hyphenate-limit-chars: 10 4 3;
44
44
  }
@@ -50,7 +50,7 @@
50
50
  -webkit-hyphenate-limit-before: 3;
51
51
  -webkit-hyphenate-limit-after: 3;
52
52
  }
53
- @media (min-width: 1160px) {
53
+ @media (min-width: 992px) {
54
54
  .decision__title {
55
55
  -webkit-hyphenate-limit-before: 4;
56
56
  }
@@ -102,7 +102,7 @@
102
102
  color: #5d7079;
103
103
  color: var(--color-content-secondary);
104
104
  }
105
- @media (min-width: 320.02px) {
105
+ @media (min-width: 480px) {
106
106
  .decision .media .media-left,
107
107
  .decision.media .media-left {
108
108
  display: block;
package/src/styles/less/dropdowns.css CHANGED
@@ -54,7 +54,7 @@
54
54
  border-radius: var(--radius-medium);
55
55
  box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
56
56
  }
57
- @media (min-width: 600px) {
57
+ @media (min-width: 576px) {
58
58
  .dropdown-menu {
59
59
  min-width: 160px;
60
60
  }
@@ -176,7 +176,7 @@
176
176
  opacity: 1;
177
177
  transform: none;
178
178
  }
179
- @media (max-width: 599.98px) {
179
+ @media (max-width: 575px) {
180
180
  .open > .dropdown-menu-overlay {
181
181
  position: fixed;
182
182
  top: 0;
@@ -238,7 +238,7 @@
238
238
  right: auto;
239
239
  right: initial;
240
240
  }
241
- @media (min-width: 600px) {
241
+ @media (min-width: 576px) {
242
242
  .dropdown-menu-sm-right {
243
243
  left: auto;
244
244
  right: 0;
@@ -268,7 +268,7 @@
268
268
  right: initial;
269
269
  }
270
270
  }
271
- @media (min-width: 840px) {
271
+ @media (min-width: 768px) {
272
272
  .dropdown-menu-md-right {
273
273
  left: auto;
274
274
  right: 0;
@@ -298,7 +298,7 @@
298
298
  right: initial;
299
299
  }
300
300
  }
301
- @media (min-width: 1160px) {
301
+ @media (min-width: 992px) {
302
302
  .dropdown-menu-lg-right {
303
303
  left: auto;
304
304
  right: 0;
@@ -328,7 +328,7 @@
328
328
  right: initial;
329
329
  }
330
330
  }
331
- @media (min-width: 1160px) {
331
+ @media (min-width: 1200px) {
332
332
  .dropdown-menu-xl-right {
333
333
  left: auto;
334
334
  right: 0;
@@ -384,12 +384,12 @@
384
384
  hyphens: auto;
385
385
  hyphenate-limit-chars: 7 3;
386
386
  }
387
- @media (min-width: 840px) {
387
+ @media (min-width: 768px) {
388
388
  .dropdown-header {
389
389
  hyphenate-limit-chars: 8 3;
390
390
  }
391
391
  }
392
- @media (min-width: 1160px) {
392
+ @media (min-width: 992px) {
393
393
  .dropdown-header {
394
394
  hyphenate-limit-chars: 10 4 3;
395
395
  }
@@ -401,7 +401,7 @@
401
401
  -webkit-hyphenate-limit-before: 3;
402
402
  -webkit-hyphenate-limit-after: 3;
403
403
  }
404
- @media (min-width: 1160px) {
404
+ @media (min-width: 992px) {
405
405
  .dropdown-header {
406
406
  -webkit-hyphenate-limit-before: 4;
407
407
  }
@@ -437,7 +437,7 @@
437
437
  bottom: -2px;
438
438
  margin-bottom: 2px;
439
439
  }
440
- @media (min-width: 840px) {
440
+ @media (min-width: 768px) {
441
441
  .navbar-right .dropdown-menu {
442
442
  left: auto;
443
443
  right: 0;