bright-components 9.33.0 → 10.0.0

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 (465) hide show
  1. package/.babelrc +1 -1
  2. package/dist/animations/SlideUp/index.js +32 -20
  3. package/dist/components/A/index.js +18 -14
  4. package/dist/components/Alert/index.js +24 -57
  5. package/dist/components/Avatar/index.js +29 -34
  6. package/dist/components/Avatar/utils/getAcronym/index.js +2 -4
  7. package/dist/components/Badge/index.js +14 -20
  8. package/dist/components/Breadcrumbs/index.js +33 -41
  9. package/dist/components/BrowserWarning/index.js +39 -37
  10. package/dist/components/BrowserWarning/supportsStaticImport.js +1 -1
  11. package/dist/components/BulletedList/index.js +19 -35
  12. package/dist/components/Button/BaseButton/index.js +46 -38
  13. package/dist/components/Button/BrandButton/index.js +20 -13
  14. package/dist/components/Button/Button/index.js +63 -66
  15. package/dist/components/Button/OutlineButton/index.js +41 -43
  16. package/dist/components/Button/WhiteOutlineButton/index.js +16 -13
  17. package/dist/components/ButtonGroup/index.js +33 -16
  18. package/dist/components/Checkbox/index.js +89 -68
  19. package/dist/components/Chevron/Chevron/index.js +13 -18
  20. package/dist/components/Chevron/CircledChevron/index.js +30 -17
  21. package/dist/components/CopyToClipboard/index.js +49 -59
  22. package/dist/components/CountryPicker/index.js +17 -19
  23. package/dist/components/DateInput/index.js +68 -89
  24. package/dist/components/DayMonthInput/index.js +29 -47
  25. package/dist/components/DayMonthInput/utils/getDayValue/index.js +3 -3
  26. package/dist/components/DayPicker/index.js +176 -214
  27. package/dist/components/DayPickerPanel/Cancel/index.js +15 -13
  28. package/dist/components/DayPickerPanel/Header/index.js +53 -96
  29. package/dist/components/DayPickerPanel/HeaderDayPickerPanel/dayPickerCSS.js +160 -11
  30. package/dist/components/DayPickerPanel/HeaderDayPickerPanel/index.js +149 -252
  31. package/dist/components/DayPickerPanel/HeaderMonthPanel/index.js +31 -40
  32. package/dist/components/DayPickerPanel/HeaderYearPanel/index.js +28 -41
  33. package/dist/components/DayPickerPanel/ItemSelector/index.js +44 -59
  34. package/dist/components/DayPickerPanel/Shortcuts/index.js +23 -28
  35. package/dist/components/DayPickerPanel/index.js +173 -217
  36. package/dist/components/DayPickerPanel/utils/getYearRangeChunks/index.js +3 -3
  37. package/dist/components/DayPickerPanel/utils/getYearRangeIndex/index.js +1 -5
  38. package/dist/components/Donut/index.js +73 -31
  39. package/dist/components/DropZone/index.js +21 -54
  40. package/dist/components/Dropdown/DropdownItem/index.js +11 -14
  41. package/dist/components/Dropdown/index.js +71 -118
  42. package/dist/components/DurationInput/index.js +41 -56
  43. package/dist/components/DurationInput/utils/roundOnBlur/index.js +13 -11
  44. package/dist/components/EmployeeCard/index.js +24 -40
  45. package/dist/components/EmployeePicker/DisplayFilter/index.js +29 -37
  46. package/dist/components/EmployeePicker/FilterBar/index.js +51 -84
  47. package/dist/components/EmployeePicker/Group/index.js +70 -127
  48. package/dist/components/EmployeePicker/GroupList/index.js +20 -24
  49. package/dist/components/EmployeePicker/Item/index.js +76 -122
  50. package/dist/components/EmployeePicker/index.js +67 -77
  51. package/dist/components/EmployeePicker/utils/index.js +9 -21
  52. package/dist/components/ErrorMessage/index.js +16 -29
  53. package/dist/components/Expando/index.js +62 -96
  54. package/dist/components/Fieldset/index.js +24 -18
  55. package/dist/components/FileIcons/index.js +14 -12
  56. package/dist/components/FilterRadioGroup/index.js +59 -55
  57. package/dist/components/Form/index.js +195 -198
  58. package/dist/components/Form/utils/runFormValidation.js +11 -11
  59. package/dist/components/FormLayout/FormRow/FormContent/index.js +4 -16
  60. package/dist/components/FormLayout/FormRow/FormLabel/index.js +10 -14
  61. package/dist/components/FormLayout/FormRow/index.js +9 -14
  62. package/dist/components/FormLayout/index.js +1 -14
  63. package/dist/components/Formik/FormikCheckbox/index.js +8 -8
  64. package/dist/components/Formik/FormikDayPicker/index.js +23 -17
  65. package/dist/components/Formik/FormikInput/index.js +10 -10
  66. package/dist/components/Formik/FormikOptions/index.js +13 -20
  67. package/dist/components/Formik/FormikRadio/index.js +10 -10
  68. package/dist/components/Formik/FormikRadioGroup/index.js +3 -5
  69. package/dist/components/Formik/FormikResetButton/index.js +5 -3
  70. package/dist/components/Formik/FormikSelect/index.js +10 -10
  71. package/dist/components/Formik/FormikSubmitButton/index.js +8 -8
  72. package/dist/components/Formik/FormikTextarea/index.js +10 -10
  73. package/dist/components/Formik/FormikTypeahead/index.js +26 -30
  74. package/dist/components/Formik/FormikValidation/index.js +12 -21
  75. package/dist/components/Formik/index.js +1 -14
  76. package/dist/components/HR/index.js +12 -14
  77. package/dist/components/Icons/AddIcon/index.js +6 -8
  78. package/dist/components/Icons/AddSquare/index.js +5 -7
  79. package/dist/components/Icons/Alarmclock/index.js +5 -7
  80. package/dist/components/Icons/Anchor/index.js +5 -7
  81. package/dist/components/Icons/Apps/index.js +5 -7
  82. package/dist/components/Icons/ArrowBigDown/index.js +5 -7
  83. package/dist/components/Icons/ArrowLoop/index.js +5 -7
  84. package/dist/components/Icons/Baby/index.js +5 -7
  85. package/dist/components/Icons/BackArrow/index.js +5 -7
  86. package/dist/components/Icons/BackToWorkNavigator/index.js +7 -9
  87. package/dist/components/Icons/Beta/index.js +5 -7
  88. package/dist/components/Icons/Blip/index.js +12 -14
  89. package/dist/components/Icons/Book/index.js +5 -7
  90. package/dist/components/Icons/Bookmark/index.js +5 -7
  91. package/dist/components/Icons/BoomMoodle/index.js +8 -10
  92. package/dist/components/Icons/BoxTruck/index.js +5 -7
  93. package/dist/components/Icons/BrighhrApp/index.js +5 -7
  94. package/dist/components/Icons/BrightAdvice/index.js +5 -7
  95. package/dist/components/Icons/Browser/index.js +5 -7
  96. package/dist/components/Icons/Bullhorn/index.js +5 -7
  97. package/dist/components/Icons/Cake/index.js +5 -7
  98. package/dist/components/Icons/Calculator/index.js +5 -7
  99. package/dist/components/Icons/Calendar/index.js +25 -27
  100. package/dist/components/Icons/CalendarAdd/index.js +11 -13
  101. package/dist/components/Icons/CalendarBlackout/index.js +5 -7
  102. package/dist/components/Icons/CalendarCross/index.js +9 -11
  103. package/dist/components/Icons/CalendarDates/index.js +5 -7
  104. package/dist/components/Icons/CalendarInfo/index.js +5 -7
  105. package/dist/components/Icons/CalendarOverlap/index.js +5 -7
  106. package/dist/components/Icons/Camera/index.js +5 -7
  107. package/dist/components/Icons/CameraAperture/index.js +5 -7
  108. package/dist/components/Icons/Cart/index.js +11 -13
  109. package/dist/components/Icons/Case/index.js +5 -7
  110. package/dist/components/Icons/Certificate/index.js +5 -7
  111. package/dist/components/Icons/Chair/index.js +5 -7
  112. package/dist/components/Icons/Chat/index.js +5 -7
  113. package/dist/components/Icons/CheckCircle/index.js +5 -7
  114. package/dist/components/Icons/Checklist/index.js +5 -7
  115. package/dist/components/Icons/Chevron/index.js +5 -7
  116. package/dist/components/Icons/ChevronCircleDown/index.js +5 -7
  117. package/dist/components/Icons/ChevronCircleLeft/index.js +5 -7
  118. package/dist/components/Icons/ChevronCircleRight/index.js +5 -7
  119. package/dist/components/Icons/ChevronCircleUp/index.js +5 -7
  120. package/dist/components/Icons/ChevronDoubleDown/index.js +13 -15
  121. package/dist/components/Icons/ChevronDoubleUp/index.js +13 -15
  122. package/dist/components/Icons/ChevronDown/index.js +5 -7
  123. package/dist/components/Icons/ChevronLeft/index.js +5 -7
  124. package/dist/components/Icons/ChevronRight/index.js +5 -7
  125. package/dist/components/Icons/ChevronUp/index.js +5 -7
  126. package/dist/components/Icons/Clear/index.js +5 -7
  127. package/dist/components/Icons/Clipboard/index.js +40 -42
  128. package/dist/components/Icons/Clock/index.js +7 -9
  129. package/dist/components/Icons/Close/index.js +7 -3
  130. package/dist/components/Icons/ClothesHanger/index.js +5 -7
  131. package/dist/components/Icons/Clothing/index.js +5 -7
  132. package/dist/components/Icons/Cog/index.js +5 -7
  133. package/dist/components/Icons/Compass/index.js +5 -7
  134. package/dist/components/Icons/Compassion/index.js +7 -9
  135. package/dist/components/Icons/Compassionate/index.js +5 -7
  136. package/dist/components/Icons/Conflict/index.js +5 -7
  137. package/dist/components/Icons/ContactCard/index.js +5 -7
  138. package/dist/components/Icons/Contrast/index.js +5 -7
  139. package/dist/components/Icons/Copy/index.js +5 -7
  140. package/dist/components/Icons/Court/index.js +5 -7
  141. package/dist/components/Icons/Crib/index.js +5 -7
  142. package/dist/components/Icons/Crop/index.js +5 -7
  143. package/dist/components/Icons/Cross/index.js +5 -7
  144. package/dist/components/Icons/CrossCircle/index.js +5 -7
  145. package/dist/components/Icons/CrossThick/index.js +5 -7
  146. package/dist/components/Icons/Crown/index.js +5 -7
  147. package/dist/components/Icons/Dependants/index.js +5 -7
  148. package/dist/components/Icons/DesktopComputer/index.js +5 -7
  149. package/dist/components/Icons/Dial/index.js +5 -7
  150. package/dist/components/Icons/Diamond/index.js +5 -7
  151. package/dist/components/Icons/Diaper/index.js +5 -7
  152. package/dist/components/Icons/DisabilityMobility/index.js +5 -7
  153. package/dist/components/Icons/Door/index.js +5 -7
  154. package/dist/components/Icons/DownArrow/index.js +5 -7
  155. package/dist/components/Icons/Download/index.js +5 -7
  156. package/dist/components/Icons/Dropdown/index.js +17 -22
  157. package/dist/components/Icons/Edit/index.js +5 -7
  158. package/dist/components/Icons/Education/index.js +5 -7
  159. package/dist/components/Icons/Emergency/index.js +5 -7
  160. package/dist/components/Icons/Enter/index.js +5 -7
  161. package/dist/components/Icons/Error/index.js +5 -7
  162. package/dist/components/Icons/ErrorOctagon/index.js +5 -7
  163. package/dist/components/Icons/Exit/index.js +5 -7
  164. package/dist/components/Icons/Expand/index.js +5 -7
  165. package/dist/components/Icons/Eye/index.js +7 -3
  166. package/dist/components/Icons/Factory/index.js +20 -22
  167. package/dist/components/Icons/FactoryIcon/index.js +5 -7
  168. package/dist/components/Icons/Featus/index.js +5 -7
  169. package/dist/components/Icons/FeedbackLoop/index.js +5 -7
  170. package/dist/components/Icons/FileAudio/index.js +7 -9
  171. package/dist/components/Icons/FileCode/index.js +5 -7
  172. package/dist/components/Icons/FileDocument/index.js +11 -13
  173. package/dist/components/Icons/FileEmail/index.js +5 -7
  174. package/dist/components/Icons/FileMovie/index.js +5 -7
  175. package/dist/components/Icons/FilePath/index.js +5 -7
  176. package/dist/components/Icons/FilePdf/index.js +9 -11
  177. package/dist/components/Icons/FilePresentation/index.js +13 -15
  178. package/dist/components/Icons/FileSpreadsheet/index.js +9 -11
  179. package/dist/components/Icons/FileText/index.js +11 -13
  180. package/dist/components/Icons/FileVector/index.js +5 -7
  181. package/dist/components/Icons/Filter/index.js +5 -7
  182. package/dist/components/Icons/Fingerprint/index.js +5 -7
  183. package/dist/components/Icons/Flag/index.js +5 -7
  184. package/dist/components/Icons/Flash/index.js +5 -7
  185. package/dist/components/Icons/FlashOff/index.js +5 -7
  186. package/dist/components/Icons/Flower/index.js +5 -7
  187. package/dist/components/Icons/Folder/index.js +6 -8
  188. package/dist/components/Icons/FolderSolid/index.js +5 -7
  189. package/dist/components/Icons/FolderZip/index.js +6 -8
  190. package/dist/components/Icons/FurloughNavigator/index.js +7 -9
  191. package/dist/components/Icons/Gallery/index.js +5 -7
  192. package/dist/components/Icons/GestureTouch/index.js +5 -7
  193. package/dist/components/Icons/Ghost/index.js +5 -7
  194. package/dist/components/Icons/Gift/index.js +5 -7
  195. package/dist/components/Icons/Globe/index.js +5 -7
  196. package/dist/components/Icons/Grid/index.js +5 -7
  197. package/dist/components/Icons/Headset/index.js +5 -7
  198. package/dist/components/Icons/Health/index.js +5 -7
  199. package/dist/components/Icons/Heart/index.js +5 -7
  200. package/dist/components/Icons/Help/index.js +5 -7
  201. package/dist/components/Icons/Home/index.js +5 -7
  202. package/dist/components/Icons/Hourglass/index.js +5 -7
  203. package/dist/components/Icons/IdCard/index.js +5 -7
  204. package/dist/components/Icons/Image/index.js +9 -11
  205. package/dist/components/Icons/Inbox/index.js +5 -7
  206. package/dist/components/Icons/InboxEmpty/index.js +5 -7
  207. package/dist/components/Icons/Information/index.js +5 -7
  208. package/dist/components/Icons/Injury/index.js +64 -66
  209. package/dist/components/Icons/KebabMenuHorizontal/index.js +5 -7
  210. package/dist/components/Icons/KebabMenuVertical/index.js +5 -7
  211. package/dist/components/Icons/Lazydave/index.js +71 -73
  212. package/dist/components/Icons/LazydaveMoodle/index.js +71 -73
  213. package/dist/components/Icons/LeftArrow/index.js +5 -7
  214. package/dist/components/Icons/Legal/index.js +5 -7
  215. package/dist/components/Icons/Lightning/index.js +5 -7
  216. package/dist/components/Icons/LineChart/index.js +5 -7
  217. package/dist/components/Icons/Link/index.js +5 -7
  218. package/dist/components/Icons/List/index.js +21 -23
  219. package/dist/components/Icons/ListBullets/index.js +5 -7
  220. package/dist/components/Icons/LocationPin/index.js +5 -7
  221. package/dist/components/Icons/Loop/index.js +5 -7
  222. package/dist/components/Icons/Magicwand/index.js +5 -7
  223. package/dist/components/Icons/Mail/index.js +5 -7
  224. package/dist/components/Icons/MandatoryLeave/index.js +5 -7
  225. package/dist/components/Icons/Medal/index.js +5 -7
  226. package/dist/components/Icons/Medical/index.js +5 -7
  227. package/dist/components/Icons/MedicalBag/index.js +5 -7
  228. package/dist/components/Icons/Medication/index.js +5 -7
  229. package/dist/components/Icons/MenuHamburger/index.js +5 -7
  230. package/dist/components/Icons/Message/index.js +5 -7
  231. package/dist/components/Icons/Meteor/index.js +5 -7
  232. package/dist/components/Icons/MinusCircle/index.js +5 -7
  233. package/dist/components/Icons/MinusSquare/index.js +5 -7
  234. package/dist/components/Icons/MoneyStack/index.js +5 -7
  235. package/dist/components/Icons/MoveFile/index.js +5 -7
  236. package/dist/components/Icons/New/index.js +9 -11
  237. package/dist/components/Icons/New2/index.js +9 -11
  238. package/dist/components/Icons/NewWindow/index.js +5 -7
  239. package/dist/components/Icons/Night/index.js +5 -7
  240. package/dist/components/Icons/NotAllowed/index.js +5 -7
  241. package/dist/components/Icons/Note/index.js +7 -9
  242. package/dist/components/Icons/Notepad/index.js +5 -7
  243. package/dist/components/Icons/Notifications/index.js +5 -7
  244. package/dist/components/Icons/OrganisationConnection/index.js +5 -7
  245. package/dist/components/Icons/Overtime/index.js +5 -7
  246. package/dist/components/Icons/Pacman/index.js +5 -7
  247. package/dist/components/Icons/PadlockLocked/index.js +5 -7
  248. package/dist/components/Icons/PadlockUnlocked/index.js +5 -7
  249. package/dist/components/Icons/PaperStack/index.js +5 -7
  250. package/dist/components/Icons/Paperclip/index.js +5 -7
  251. package/dist/components/Icons/PayrollNavigator/index.js +5 -7
  252. package/dist/components/Icons/Pencil/index.js +5 -7
  253. package/dist/components/Icons/Perspective/index.js +5 -7
  254. package/dist/components/Icons/Phone/index.js +5 -7
  255. package/dist/components/Icons/PhoneWork/index.js +5 -7
  256. package/dist/components/Icons/PieChart/index.js +5 -7
  257. package/dist/components/Icons/Pin/index.js +5 -7
  258. package/dist/components/Icons/Plaster/index.js +5 -7
  259. package/dist/components/Icons/Plus/index.js +5 -7
  260. package/dist/components/Icons/PlusCircle/index.js +5 -7
  261. package/dist/components/Icons/PoP/index.js +7 -9
  262. package/dist/components/Icons/Power/index.js +5 -7
  263. package/dist/components/Icons/Pram/index.js +5 -7
  264. package/dist/components/Icons/PrintIcon/index.js +14 -16
  265. package/dist/components/Icons/Printer/index.js +5 -7
  266. package/dist/components/Icons/Pulse/index.js +5 -7
  267. package/dist/components/Icons/Puzzle/index.js +5 -7
  268. package/dist/components/Icons/Question/index.js +5 -7
  269. package/dist/components/Icons/Radar/index.js +5 -7
  270. package/dist/components/Icons/Records/index.js +5 -7
  271. package/dist/components/Icons/RedunancyNavigator/index.js +5 -7
  272. package/dist/components/Icons/Refresh/index.js +5 -7
  273. package/dist/components/Icons/Requests/index.js +5 -7
  274. package/dist/components/Icons/Ribbon/index.js +5 -7
  275. package/dist/components/Icons/RightArrow/index.js +5 -7
  276. package/dist/components/Icons/Road/index.js +9 -11
  277. package/dist/components/Icons/Rosette/index.js +5 -7
  278. package/dist/components/Icons/Rotas/index.js +5 -7
  279. package/dist/components/Icons/RotateImage/index.js +5 -7
  280. package/dist/components/Icons/Rush/index.js +5 -7
  281. package/dist/components/Icons/Search/index.js +5 -7
  282. package/dist/components/Icons/SelectArrow/index.js +5 -7
  283. package/dist/components/Icons/Send/index.js +5 -7
  284. package/dist/components/Icons/SettingsSliders/index.js +5 -7
  285. package/dist/components/Icons/Share/index.js +5 -7
  286. package/dist/components/Icons/Shield/index.js +5 -7
  287. package/dist/components/Icons/Shifts/index.js +5 -7
  288. package/dist/components/Icons/Shredder/index.js +5 -7
  289. package/dist/components/Icons/Signature/index.js +5 -7
  290. package/dist/components/Icons/Skull/index.js +5 -7
  291. package/dist/components/Icons/SocialFacebook/index.js +5 -7
  292. package/dist/components/Icons/SocialInstagram/index.js +5 -7
  293. package/dist/components/Icons/SocialLinkedin/index.js +5 -7
  294. package/dist/components/Icons/SocialTwitter/index.js +5 -7
  295. package/dist/components/Icons/SocialYoutube/index.js +5 -7
  296. package/dist/components/Icons/SortAscending/index.js +5 -7
  297. package/dist/components/Icons/SortDescending/index.js +5 -7
  298. package/dist/components/Icons/Stamp/index.js +5 -7
  299. package/dist/components/Icons/Star/index.js +5 -7
  300. package/dist/components/Icons/Steam/index.js +5 -7
  301. package/dist/components/Icons/Stethoscope/index.js +5 -7
  302. package/dist/components/Icons/Stop/index.js +5 -7
  303. package/dist/components/Icons/Suitcase/index.js +5 -7
  304. package/dist/components/Icons/Sun/index.js +5 -7
  305. package/dist/components/Icons/Switch/index.js +5 -7
  306. package/dist/components/Icons/TableGrid/index.js +5 -7
  307. package/dist/components/Icons/Tachograph/index.js +5 -7
  308. package/dist/components/Icons/Tag/index.js +5 -7
  309. package/dist/components/Icons/Target/index.js +5 -7
  310. package/dist/components/Icons/Tasklist/index.js +40 -42
  311. package/dist/components/Icons/ThumbsDown/index.js +5 -7
  312. package/dist/components/Icons/ThumbsUp/index.js +5 -7
  313. package/dist/components/Icons/Tick/index.js +5 -7
  314. package/dist/components/Icons/TickCircle/index.js +5 -7
  315. package/dist/components/Icons/TickThick/index.js +5 -7
  316. package/dist/components/Icons/ToilEarned/index.js +9 -11
  317. package/dist/components/Icons/ToilTaken/index.js +13 -15
  318. package/dist/components/Icons/Tooth/index.js +5 -7
  319. package/dist/components/Icons/TrainingEvents/index.js +5 -7
  320. package/dist/components/Icons/Trash/index.js +5 -7
  321. package/dist/components/Icons/Umbrella/index.js +5 -7
  322. package/dist/components/Icons/Unpaid/index.js +5 -7
  323. package/dist/components/Icons/UpArrow/index.js +5 -7
  324. package/dist/components/Icons/Upload/index.js +5 -7
  325. package/dist/components/Icons/User/index.js +5 -7
  326. package/dist/components/Icons/UserAdd/index.js +5 -7
  327. package/dist/components/Icons/UserId/index.js +5 -7
  328. package/dist/components/Icons/UserRemove/index.js +5 -7
  329. package/dist/components/Icons/Users/index.js +5 -7
  330. package/dist/components/Icons/Virus/index.js +5 -7
  331. package/dist/components/Icons/Visibility/index.js +14 -16
  332. package/dist/components/Icons/Wallet/index.js +5 -7
  333. package/dist/components/Icons/Watch/index.js +5 -7
  334. package/dist/components/Icons/Week/index.js +10 -12
  335. package/dist/components/Icons/Xing/index.js +5 -7
  336. package/dist/components/Icons/index.js +35 -46
  337. package/dist/components/InlineLoader/index.js +46 -61
  338. package/dist/components/Input/index.js +49 -34
  339. package/dist/components/InputBox/AdornedBox/Adornment/index.js +37 -53
  340. package/dist/components/InputBox/AdornedBox/index.js +60 -53
  341. package/dist/components/InputBox/InputError/index.js +5 -15
  342. package/dist/components/InputBox/InputFactory/index.js +17 -15
  343. package/dist/components/InputBox/UnadornedBox/index.js +34 -25
  344. package/dist/components/InputBox/index.js +4 -6
  345. package/dist/components/InputWithIcon/index.js +30 -30
  346. package/dist/components/InputWithUnit/index.js +63 -73
  347. package/dist/components/Label/index.js +9 -14
  348. package/dist/components/Legend/index.js +5 -14
  349. package/dist/components/LinkButton/index.js +29 -20
  350. package/dist/components/Lists/DL/DD/index.js +3 -14
  351. package/dist/components/Lists/DL/DT/index.js +4 -14
  352. package/dist/components/Lists/DL/index.js +3 -14
  353. package/dist/components/Lists/LI/index.js +3 -14
  354. package/dist/components/Lists/OL/index.js +3 -14
  355. package/dist/components/Lists/UL/index.js +3 -14
  356. package/dist/components/LoadingContainer/index.js +24 -25
  357. package/dist/components/Modal/ModalBody/index.js +3 -16
  358. package/dist/components/Modal/ModalHeader/index.js +23 -31
  359. package/dist/components/Modal/index.js +71 -96
  360. package/dist/components/NumberInput/componentMap/index.js +4 -2
  361. package/dist/components/NumberInput/decimalFilter/index.js +1 -1
  362. package/dist/components/NumberInput/index.js +51 -55
  363. package/dist/components/NumberInput/inputMode/index.js +1 -1
  364. package/dist/components/NumberInput/integerFilter/index.js +1 -1
  365. package/dist/components/Options/index.js +59 -66
  366. package/dist/components/PageLoader/index.js +75 -91
  367. package/dist/components/Pill/index.js +22 -35
  368. package/dist/components/ProgressBar/index.js +39 -58
  369. package/dist/components/ProgressSteps/index.js +100 -49
  370. package/dist/components/ProvincePicker/index.js +21 -23
  371. package/dist/components/Radio/index.js +54 -59
  372. package/dist/components/RadioBlock/index.js +59 -80
  373. package/dist/components/ResponsiveTabs/index.js +93 -110
  374. package/dist/components/SearchInput/index.js +64 -52
  375. package/dist/components/Select/Optgroup/index.js +7 -3
  376. package/dist/components/Select/Option/index.js +8 -4
  377. package/dist/components/Select/index.js +42 -28
  378. package/dist/components/SelectedFile/index.js +62 -85
  379. package/dist/components/Snackbar/index.js +108 -157
  380. package/dist/components/StatusBadge/index.js +15 -19
  381. package/dist/components/Styleguide/ConstantsList/index.js +40 -88
  382. package/dist/components/Switch/index.js +55 -82
  383. package/dist/components/Table/Cell/index.js +18 -21
  384. package/dist/components/Table/HeaderCell/index.js +4 -13
  385. package/dist/components/Table/Row/index.js +6 -13
  386. package/dist/components/Table/TableBody/index.js +7 -3
  387. package/dist/components/Table/TableFooter/index.js +7 -3
  388. package/dist/components/Table/TableHeader/index.js +7 -3
  389. package/dist/components/Table/index.js +3 -14
  390. package/dist/components/Tabs/Tab/index.js +23 -13
  391. package/dist/components/Tabs/TabList/index.js +8 -13
  392. package/dist/components/Tabs/TabPanel/index.js +6 -12
  393. package/dist/components/Tabs/index.js +4 -13
  394. package/dist/components/Textarea/index.js +50 -27
  395. package/dist/components/Time/DurationPicker/DurationOverlay/index.js +40 -42
  396. package/dist/components/Time/DurationPicker/index.js +46 -62
  397. package/dist/components/Time/OverlayBase/UnitInput/index.js +68 -103
  398. package/dist/components/Time/OverlayBase/index.js +77 -85
  399. package/dist/components/Time/TimePicker/TimeOverlay/UnitInput/index.js +62 -91
  400. package/dist/components/Time/TimePicker/TimeOverlay/index.js +87 -133
  401. package/dist/components/Time/TimePicker/index.js +76 -95
  402. package/dist/components/TimeInput/index.js +1 -1
  403. package/dist/components/TimePicker/DayPart/DayPartOverlay/index.js +98 -189
  404. package/dist/components/TimePicker/DayPart/index.js +59 -105
  405. package/dist/components/TimePicker/Elements/Actions/index.js +6 -14
  406. package/dist/components/TimePicker/Elements/CancelLink/index.js +7 -13
  407. package/dist/components/TimePicker/Elements/DownIcon/index.js +10 -19
  408. package/dist/components/TimePicker/Elements/IncrementNotice/index.js +6 -14
  409. package/dist/components/TimePicker/Elements/PickerSeparator/index.js +5 -14
  410. package/dist/components/TimePicker/Elements/Title/index.js +8 -14
  411. package/dist/components/TimePicker/Elements/TitleUnderline/index.js +9 -14
  412. package/dist/components/TimePicker/Elements/UpIcon/index.js +10 -19
  413. package/dist/components/TimePicker/Time/TimeInput/index.js +58 -77
  414. package/dist/components/TimePicker/Time/TimeOverlay/index.js +185 -210
  415. package/dist/components/TimePicker/Time/index.js +76 -105
  416. package/dist/components/TimePicker/utils/PickerGA/index.js +9 -7
  417. package/dist/components/TimePicker/utils/constants/loopStatus.js +1 -1
  418. package/dist/components/TimePicker/utils/limitAround/index.js +1 -1
  419. package/dist/components/TimePicker/utils/loopAround/index.js +3 -3
  420. package/dist/components/TimePicker/utils/loopAroundMinutes/index.js +3 -3
  421. package/dist/components/TimePicker/utils/roundToMultiple/index.js +1 -3
  422. package/dist/components/Tooltip/index.js +74 -80
  423. package/dist/components/Typeahead/MobileHeader/index.js +29 -24
  424. package/dist/components/Typeahead/Option/OptionImage/index.js +12 -35
  425. package/dist/components/Typeahead/Option/index.js +60 -103
  426. package/dist/components/Typeahead/Options/index.js +15 -18
  427. package/dist/components/Typeahead/index.js +191 -185
  428. package/dist/components/Typeahead/mocks/employees.js +1 -1
  429. package/dist/components/Typeahead/utils/getSelected/index.js +2 -4
  430. package/dist/components/Typography/H1/index.js +7 -14
  431. package/dist/components/Typography/H2/index.js +7 -14
  432. package/dist/components/Typography/H3/index.js +7 -14
  433. package/dist/components/Typography/H4/index.js +7 -14
  434. package/dist/components/Typography/H5/index.js +7 -14
  435. package/dist/components/Typography/H6/index.js +7 -14
  436. package/dist/components/Typography/P/index.js +4 -16
  437. package/dist/components/Typography/Small/index.js +3 -16
  438. package/dist/components/Validation/index.js +18 -20
  439. package/dist/components/WithDayPicker/index.js +37 -62
  440. package/dist/components/WithValidation/index.js +44 -61
  441. package/dist/components/XingLoader/index.js +56 -112
  442. package/dist/components/withConfirmation/index.js +69 -68
  443. package/dist/components/withModal/index.js +14 -28
  444. package/dist/constants/breakpoints/index.js +1 -1
  445. package/dist/constants/colors/index.js +47 -47
  446. package/dist/constants/documents/index.js +3 -3
  447. package/dist/constants/spacing/index.js +1 -1
  448. package/dist/constants/vars/index.js +8 -8
  449. package/dist/constants/z-index/index.js +1 -1
  450. package/dist/hooks/useClickOutside/index.js +5 -5
  451. package/dist/setupTests.js +8 -8
  452. package/dist/test-utils/renderCheck/index.js +15 -17
  453. package/dist/test-utils/waitForAsync/index.js +1 -5
  454. package/dist/utils/numbers/getBoundedValue/index.js +1 -1
  455. package/dist/utils/pad/index.js +2 -2
  456. package/dist/utils/range/index.js +3 -5
  457. package/dist/utils/roundTo/index.js +5 -5
  458. package/dist/utils/setBreakPoint/index.js +1 -3
  459. package/dist/utils/stripUnit/index.js +2 -2
  460. package/dist/utils/time/Duration/index.js +33 -41
  461. package/dist/utils/time/durationToMilliseconds/index.js +11 -21
  462. package/dist/utils/time/durationToTimeString/index.js +3 -5
  463. package/dist/utils/time/millisecondsToDuration/index.js +6 -6
  464. package/dist/utils/trackForm/index.js +34 -37
  465. package/package.json +5 -5
@@ -29,218 +29,127 @@ var _CancelLink = _interopRequireDefault(require("../../Elements/CancelLink"));
29
29
 
30
30
  var _Actions = _interopRequireDefault(require("../../Elements/Actions"));
31
31
 
32
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
32
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
33
 
34
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
34
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
35
 
36
36
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
37
37
 
38
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
39
-
40
- function _templateObject9() {
41
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tbackground-color: ", ";\n\tmargin-top: ", ";\n\tpadding: ", ";\n\tborder: ", " solid;\n\tborder-color: ", ";\n\tborder-radius: ", ";\n\tcursor: pointer;\n\t:hover {\n\t\t", ";\n\t\t", ";\n\t\t", ",\n\t\t", " {\n\t\t\tfill: ", " !important;\n\t\t}\n\t}\n"]);
42
-
43
- _templateObject9 = function _templateObject9() {
44
- return data;
45
- };
46
-
47
- return data;
48
- }
49
-
50
- function _templateObject8() {
51
- var data = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\twidth: ", ";\n"]);
52
-
53
- _templateObject8 = function _templateObject8() {
54
- return data;
55
- };
56
-
57
- return data;
58
- }
59
-
60
- function _templateObject7() {
61
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\tfont-size: ", ";\n\tcolor: ", ";\n\t", ";\n"]);
62
-
63
- _templateObject7 = function _templateObject7() {
64
- return data;
65
- };
66
-
67
- return data;
68
- }
69
-
70
- function _templateObject6() {
71
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\tfont-size: ", ";\n\tfont-weight: 600;\n\t", ";\n"]);
72
-
73
- _templateObject6 = function _templateObject6() {
74
- return data;
75
- };
76
-
77
- return data;
78
- }
79
-
80
- function _templateObject5() {
81
- var data = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfill: ", " !important;\n"]);
82
-
83
- _templateObject5 = function _templateObject5() {
84
- return data;
85
- };
86
-
87
- return data;
88
- }
89
-
90
- function _templateObject4() {
91
- var data = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfill: ", " !important;\n"]);
92
-
93
- _templateObject4 = function _templateObject4() {
94
- return data;
95
- };
96
-
97
- return data;
98
- }
99
-
100
- function _templateObject3() {
101
- var data = _taggedTemplateLiteralLoose(["\n\tposition: absolute;\n\ttop: 50%;\n\tbottom: 50%;\n\ttransform: translate(-50%, -50%);\n"]);
102
-
103
- _templateObject3 = function _templateObject3() {
104
- return data;
105
- };
106
-
107
- return data;
108
- }
109
-
110
- function _templateObject2() {
111
- var data = _taggedTemplateLiteralLoose(["\n\t", ";\n"]);
112
-
113
- _templateObject2 = function _templateObject2() {
114
- return data;
115
- };
116
-
117
- return data;
118
- }
119
-
120
- function _templateObject() {
121
- var data = _taggedTemplateLiteralLoose(["\n\tborder-color: ", " !important;\n"]);
122
-
123
- _templateObject = function _templateObject() {
124
- return data;
125
- };
126
-
127
- return data;
128
- }
129
-
130
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
131
-
132
- var inactiveBorderMixin = (0, _styledComponents.css)(_templateObject(), function (props) {
133
- return props.inactive ? _colors.default.greyLight : _colors.default.primaryDark;
134
- });
135
- var inactiveLabelColorMixin = (0, _styledComponents.css)(_templateObject2(), function (props) {
136
- return props.inactive && "color: " + _colors.default.greyLight + " !important";
137
- });
138
- var ICON_SIZE = (0, _stripUnit.default)(_spacing.default.s3);
139
- var iconStyleMixin = (0, _styledComponents.css)(_templateObject3());
140
- var Tick = (0, _styledComponents.default)(_Tick.default)(_templateObject4(), iconStyleMixin, function (props) {
141
- return props.selected ? _colors.default.primaryDark : _colors.default.greyLight;
142
- });
38
+ const inactiveBorderMixin = (0, _styledComponents.css)`
39
+ border-color: ${props => props.inactive ? _colors.default.greyLight : _colors.default.primaryDark} !important;
40
+ `;
41
+ const inactiveLabelColorMixin = (0, _styledComponents.css)`
42
+ ${props => props.inactive && `color: ${_colors.default.greyLight} !important`};
43
+ `;
44
+ const ICON_SIZE = (0, _stripUnit.default)(_spacing.default.s3);
45
+ const iconStyleMixin = (0, _styledComponents.css)`
46
+ position: absolute;
47
+ top: 50%;
48
+ bottom: 50%;
49
+ transform: translate(-50%, -50%);
50
+ `;
51
+ const Tick = (0, _styledComponents.default)(_Tick.default)`
52
+ ${iconStyleMixin};
53
+ fill: ${props => props.selected ? _colors.default.primaryDark : _colors.default.greyLight} !important;
54
+ `;
143
55
  Tick.displayName = 'Tick';
144
- var NotAllowed = (0, _styledComponents.default)(_NotAllowed.default)(_templateObject5(), iconStyleMixin, _colors.default.greyLight);
56
+ const NotAllowed = (0, _styledComponents.default)(_NotAllowed.default)`
57
+ ${iconStyleMixin};
58
+ fill: ${_colors.default.greyLight} !important;
59
+ `;
145
60
  NotAllowed.displayName = 'NotAllowed';
146
-
147
- var PrimaryLabel = _styledComponents.default.span(_templateObject6(), _spacing.default.s2, inactiveLabelColorMixin);
148
-
61
+ const PrimaryLabel = _styledComponents.default.span`
62
+ display: block;
63
+ font-size: ${_spacing.default.s2};
64
+ font-weight: 600;
65
+ ${inactiveLabelColorMixin};
66
+ `;
149
67
  PrimaryLabel.displayName = 'PrimaryLabel';
150
-
151
- var SecondaryLabel = _styledComponents.default.span(_templateObject7(), _spacing.default.s2, _colors.default.greyDark, inactiveLabelColorMixin);
152
-
68
+ const SecondaryLabel = _styledComponents.default.span`
69
+ display: block;
70
+ font-size: ${_spacing.default.s2};
71
+ color: ${_colors.default.greyDark};
72
+ ${inactiveLabelColorMixin};
73
+ `;
153
74
  SecondaryLabel.displayName = 'SecondaryLabel';
154
-
155
- var IconContainer = _styledComponents.default.div(_templateObject8(), _spacing.default.s1);
156
-
75
+ const IconContainer = _styledComponents.default.div`
76
+ position: relative;
77
+ width: ${_spacing.default.s1};
78
+ `;
157
79
  IconContainer.displayName = 'IconContainer';
158
-
159
- var Option = _styledComponents.default.div(_templateObject9(), function (props) {
160
- return props.selected ? _colors.default.bodyBackground : _colors.default.white;
161
- }, _spacing.default.s1, _spacing.default.s2, _vars.default.borderWidth, function (props) {
162
- return props.selected ? _colors.default.primaryLight : _colors.default.greyLight;
163
- }, _vars.default.borderRadius, inactiveBorderMixin, function (props) {
164
- return props.inactive && 'cursor: not-allowed';
165
- }, Tick, NotAllowed, function (props) {
166
- return props.inactive ? _colors.default.greyLight : _colors.default.primaryDark;
167
- });
168
-
80
+ const Option = _styledComponents.default.div`
81
+ display: flex;
82
+ justify-content: space-between;
83
+ background-color: ${props => props.selected ? _colors.default.bodyBackground : _colors.default.white};
84
+ margin-top: ${_spacing.default.s1};
85
+ padding: ${_spacing.default.s2};
86
+ border: ${_vars.default.borderWidth} solid;
87
+ border-color: ${props => props.selected ? _colors.default.primaryLight : _colors.default.greyLight};
88
+ border-radius: ${_vars.default.borderRadius};
89
+ cursor: pointer;
90
+ :hover {
91
+ ${inactiveBorderMixin};
92
+ ${props => props.inactive && 'cursor: not-allowed'};
93
+ ${Tick},
94
+ ${NotAllowed} {
95
+ fill: ${props => props.inactive ? _colors.default.greyLight : _colors.default.primaryDark} !important;
96
+ }
97
+ }
98
+ `;
169
99
  Option.displayName = 'Option';
170
100
 
171
- var DayPartOverlay =
172
- /*#__PURE__*/
173
- function (_React$Component) {
174
- _inheritsLoose(DayPartOverlay, _React$Component);
175
-
176
- function DayPartOverlay(props) {
177
- var _this;
178
-
179
- _this = _React$Component.call(this, props) || this;
180
- _this.state = {
101
+ class DayPartOverlay extends _react.default.Component {
102
+ constructor(props) {
103
+ super(props);
104
+ this.state = {
181
105
  options: props.options
182
106
  };
183
- return _this;
184
107
  }
185
108
 
186
- var _proto = DayPartOverlay.prototype;
187
-
188
- _proto.select = function select(selectedOptionId) {
109
+ select(selectedOptionId) {
189
110
  // eslint-disable-next-line react/no-access-state-in-setstate
190
- var options = (0, _lodash.default)(this.state.options);
191
- var currentSelection = options.find(function (o) {
192
- return o.selected;
193
- });
111
+ const options = (0, _lodash.default)(this.state.options);
112
+ const currentSelection = options.find(o => o.selected);
194
113
  currentSelection.selected = false;
195
- options.find(function (o) {
196
- return o.id === selectedOptionId;
197
- }).selected = true;
114
+ options.find(o => o.id === selectedOptionId).selected = true;
198
115
  this.setState({
199
- options: options
116
+ options
200
117
  });
201
- };
202
-
203
- _proto.render = function render() {
204
- var _this2 = this;
118
+ }
205
119
 
206
- var options = this.state.options;
207
- var _this$props = this.props,
208
- onApply = _this$props.onApply,
209
- onCancel = _this$props.onCancel;
210
- return _react.default.createElement("div", null, _react.default.createElement("div", null, options.map(function (option) {
211
- return _react.default.createElement(Option, {
212
- "data-testid": "option",
213
- key: option.id,
214
- selected: option.selected,
215
- inactive: option.disabled,
216
- onClick: function onClick() {
217
- return !option.disabled && _this2.select(option.id);
218
- }
219
- }, _react.default.createElement("div", null, _react.default.createElement(PrimaryLabel, {
220
- inactive: option.disabled
221
- }, option.label), _react.default.createElement(SecondaryLabel, {
222
- inactive: option.disabled
223
- }, option.duration)), _react.default.createElement(IconContainer, null, option.disabled ? _react.default.createElement(NotAllowed, {
224
- size: ICON_SIZE,
225
- "data-testid": "not allowed"
226
- }) : _react.default.createElement(Tick, {
227
- selected: option.selected,
228
- size: ICON_SIZE,
229
- "data-testid": "tick"
230
- })));
231
- })), _react.default.createElement(_Actions.default, null, _react.default.createElement(_CancelLink.default, {
232
- onClick: function onClick() {
233
- return onCancel();
234
- }
120
+ render() {
121
+ const {
122
+ options
123
+ } = this.state;
124
+ const {
125
+ onApply,
126
+ onCancel
127
+ } = this.props;
128
+ return _react.default.createElement("div", null, _react.default.createElement("div", null, options.map(option => _react.default.createElement(Option, {
129
+ "data-testid": "option",
130
+ key: option.id,
131
+ selected: option.selected,
132
+ inactive: option.disabled,
133
+ onClick: () => !option.disabled && this.select(option.id)
134
+ }, _react.default.createElement("div", null, _react.default.createElement(PrimaryLabel, {
135
+ inactive: option.disabled
136
+ }, option.label), _react.default.createElement(SecondaryLabel, {
137
+ inactive: option.disabled
138
+ }, option.duration)), _react.default.createElement(IconContainer, null, option.disabled ? _react.default.createElement(NotAllowed, {
139
+ size: ICON_SIZE,
140
+ "data-testid": "not allowed"
141
+ }) : _react.default.createElement(Tick, {
142
+ selected: option.selected,
143
+ size: ICON_SIZE,
144
+ "data-testid": "tick"
145
+ }))))), _react.default.createElement(_Actions.default, null, _react.default.createElement(_CancelLink.default, {
146
+ onClick: () => onCancel()
235
147
  }, "Cancel"), _react.default.createElement(_BrandButton.default, {
236
- onClick: function onClick() {
237
- return onApply([].concat(options));
238
- }
148
+ onClick: () => onApply([...options])
239
149
  }, "Apply")));
240
- };
150
+ }
241
151
 
242
- return DayPartOverlay;
243
- }(_react.default.Component);
152
+ }
244
153
 
245
154
  DayPartOverlay.displayName = 'DayPartOverlay';
246
155
  DayPartOverlay.propTypes = {
@@ -25,144 +25,99 @@ var _breakpoints = _interopRequireDefault(require("../../../constants/breakpoint
25
25
 
26
26
  var _DayPartOverlay = _interopRequireDefault(require("./DayPartOverlay"));
27
27
 
28
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
28
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
29
 
30
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
30
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
31
 
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
33
33
 
34
34
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
35
35
 
36
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
37
-
38
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
-
40
- function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
41
-
42
- function _templateObject4() {
43
- var data = _taggedTemplateLiteralLoose(["\n\twidth: ", " !important;\n\tmargin-bottom: 0px !important;\n\t", ";\n"]);
44
-
45
- _templateObject4 = function _templateObject4() {
46
- return data;
47
- };
48
-
49
- return data;
50
- }
51
-
52
- function _templateObject3() {
53
- var data = _taggedTemplateLiteralLoose(["\n\twidth: ", " !important;\n\tborder: ", " solid ", ";\n\tborder-radius: ", ";\n\tmargin-top: -", ";\n\tpadding: ", ";\n\tbackground-color: ", ";\n\tbox-shadow: ", ";\n\t", ";\n\n\t@media (min-width: ", ") {\n\t\tposition: absolute;\n\t}\n"]);
54
-
55
- _templateObject3 = function _templateObject3() {
56
- return data;
57
- };
36
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
58
37
 
59
- return data;
60
- }
61
-
62
- function _templateObject2() {
63
- var data = _taggedTemplateLiteralLoose(["\n\twidth: ", ";\n"]);
64
-
65
- _templateObject2 = function _templateObject2() {
66
- return data;
67
- };
68
-
69
- return data;
70
- }
71
-
72
- function _templateObject() {
73
- var data = _taggedTemplateLiteralLoose(["\n\t", ";\n"]);
74
-
75
- _templateObject = function _templateObject() {
76
- return data;
77
- };
78
-
79
- return data;
80
- }
81
-
82
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
83
-
84
- var borderColorMixin = (0, _styledComponents.css)(_templateObject(), function (props) {
85
- return props.overlayOpen && "border-color: " + _colors.default.primary + " !important";
86
- });
87
-
88
- var Wrapper = _styledComponents.default.div(_templateObject2(), function (props) {
89
- return props.width;
90
- });
38
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
91
39
 
40
+ const borderColorMixin = (0, _styledComponents.css)`
41
+ ${props => props.overlayOpen && `border-color: ${_colors.default.primary} !important`};
42
+ `;
43
+ const Wrapper = _styledComponents.default.div`
44
+ width: ${props => props.width};
45
+ `;
92
46
  Wrapper.displayName = 'Wrapper';
93
-
94
- var OverlayContainer = _styledComponents.default.div(_templateObject3(), function (props) {
95
- return props.width;
96
- }, _vars.default.borderWidth, _colors.default.grey, _vars.default.borderRadius, _vars.default.borderWidth, _spacing.default.s2, _colors.default.white, _vars.default.boxShadow, borderColorMixin, _breakpoints.default.tablet);
97
-
47
+ const OverlayContainer = _styledComponents.default.div`
48
+ width: ${props => props.width} !important;
49
+ border: ${_vars.default.borderWidth} solid ${_colors.default.grey};
50
+ border-radius: ${_vars.default.borderRadius};
51
+ margin-top: -${_vars.default.borderWidth};
52
+ padding: ${_spacing.default.s2};
53
+ background-color: ${_colors.default.white};
54
+ box-shadow: ${_vars.default.boxShadow};
55
+ ${borderColorMixin};
56
+
57
+ @media (min-width: ${_breakpoints.default.tablet}) {
58
+ position: absolute;
59
+ }
60
+ `;
98
61
  OverlayContainer.displayName = 'OverlayContainer';
99
- var DayPartInput = (0, _styledComponents.default)(_Input.default)(_templateObject4(), function (props) {
100
- return props.width;
101
- }, borderColorMixin);
62
+ const DayPartInput = (0, _styledComponents.default)(_Input.default)`
63
+ width: ${props => props.width} !important;
64
+ margin-bottom: 0px !important;
65
+ ${borderColorMixin};
66
+ `;
102
67
  DayPartInput.displayName = 'DayPartInput';
103
68
 
104
- var DayPartPicker =
105
- /*#__PURE__*/
106
- function (_React$Component) {
107
- _inheritsLoose(DayPartPicker, _React$Component);
108
-
109
- function DayPartPicker(props) {
110
- var _this;
111
-
112
- _this = _React$Component.call(this) || this;
113
- _this.state = {
69
+ class DayPartPicker extends _react.default.Component {
70
+ constructor(props) {
71
+ super();
72
+ this.state = {
114
73
  options: props.options,
115
74
  overlayOpen: false
116
75
  };
117
- (0, _reactAutobind.default)(_assertThisInitialized(_this));
118
- return _this;
76
+ (0, _reactAutobind.default)(this);
119
77
  }
120
78
 
121
- var _proto = DayPartPicker.prototype;
122
-
123
- _proto.apply = function apply(options) {
79
+ apply(options) {
124
80
  this.setState({
125
- options: options
81
+ options
126
82
  });
127
83
  this.toggleOverlay();
128
84
  this.props.onDayPartSelect(options);
129
- };
85
+ }
130
86
 
131
- _proto.toggleOverlay = function toggleOverlay() {
132
- var toggle = this.state.overlayOpen;
87
+ toggleOverlay() {
88
+ const toggle = this.state.overlayOpen;
133
89
  this.setState({
134
90
  overlayOpen: !toggle
135
91
  });
136
- };
92
+ }
137
93
 
138
- _proto.handleClickOutside = function handleClickOutside() {
94
+ handleClickOutside() {
139
95
  this.setState({
140
96
  overlayOpen: false
141
97
  });
142
- };
143
-
144
- _proto.render = function render() {
145
- var _this2 = this;
146
-
147
- var _this$props = this.props,
148
- width = _this$props.width,
149
- onDayPartSelect = _this$props.onDayPartSelect,
150
- rest = _objectWithoutPropertiesLoose(_this$props, ["width", "onDayPartSelect"]);
98
+ }
151
99
 
152
- var _this$state = this.state,
153
- overlayOpen = _this$state.overlayOpen,
154
- options = _this$state.options;
155
- var selected = options.find(function (o) {
156
- return o.selected;
157
- });
100
+ render() {
101
+ const _this$props = this.props,
102
+ {
103
+ width,
104
+ onDayPartSelect
105
+ } = _this$props,
106
+ rest = _objectWithoutProperties(_this$props, ["width", "onDayPartSelect"]);
107
+
108
+ const {
109
+ overlayOpen,
110
+ options
111
+ } = this.state;
112
+ const selected = options.find(o => o.selected);
158
113
  return _react.default.createElement(Wrapper, _extends({
159
114
  width: width
160
115
  }, rest), _react.default.createElement(DayPartInput, {
161
116
  value: selected.label,
162
117
  overlayOpen: overlayOpen,
163
- onFocus: function onFocus() {
118
+ onFocus: () => {
164
119
  if (!overlayOpen) {
165
- _this2.setState({
120
+ this.setState({
166
121
  overlayOpen: true
167
122
  });
168
123
  }
@@ -178,10 +133,9 @@ function (_React$Component) {
178
133
  onApply: this.apply,
179
134
  onCancel: this.toggleOverlay
180
135
  })));
181
- };
136
+ }
182
137
 
183
- return DayPartPicker;
184
- }(_react.default.Component);
138
+ }
185
139
 
186
140
  DayPartPicker.displayName = 'DayPartPicker';
187
141
  DayPartPicker.propTypes = {
@@ -9,20 +9,12 @@ var _spacing = _interopRequireDefault(require("../../../../constants/spacing"));
9
9
 
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
 
12
- function _templateObject() {
13
- var data = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tline-height: ", ";\n\tmargin-top: ", ";\n"]);
14
-
15
- _templateObject = function _templateObject() {
16
- return data;
17
- };
18
-
19
- return data;
20
- }
21
-
22
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
23
-
24
- var Actions = _styledComponents.default.div(_templateObject(), _spacing.default.s4, _spacing.default.s3);
25
-
12
+ const Actions = _styledComponents.default.div`
13
+ display: flex;
14
+ justify-content: space-between;
15
+ line-height: ${_spacing.default.s4};
16
+ margin-top: ${_spacing.default.s3};
17
+ `;
26
18
  Actions.displayName = 'Actions';
27
19
  /** @component */
28
20
 
@@ -11,19 +11,13 @@ var _colors = _interopRequireDefault(require("../../../../constants/colors"));
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
- function _templateObject() {
15
- var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n\t:hover {\n\t\tcolor: ", ";\n\t\ttext-decoration: underline;\n\t}\n"]);
16
-
17
- _templateObject = function _templateObject() {
18
- return data;
19
- };
20
-
21
- return data;
22
- }
23
-
24
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
25
-
26
- var CancelLink = (0, _styledComponents.default)(_LinkButton.default)(_templateObject(), _colors.default.secondary, _colors.default.secondaryDark);
14
+ const CancelLink = (0, _styledComponents.default)(_LinkButton.default)`
15
+ color: ${_colors.default.secondary};
16
+ :hover {
17
+ color: ${_colors.default.secondaryDark};
18
+ text-decoration: underline;
19
+ }
20
+ `;
27
21
  CancelLink.displayName = 'CancelLink';
28
22
  /** @component */
29
23
 
@@ -19,27 +19,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
19
19
 
20
20
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
21
 
22
- function _templateObject() {
23
- var data = _taggedTemplateLiteralLoose(["\n\tcolor: ", " !important;\n\t:hover {\n\t\tcursor: pointer;\n\t}\n"]);
24
-
25
- _templateObject = function _templateObject() {
26
- return data;
27
- };
28
-
29
- return data;
30
- }
31
-
32
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
33
-
34
- var DownIcon = (0, _styledComponents.default)(_ChevronDown.default)(_templateObject(), _colors.default.grey);
22
+ const DownIcon = (0, _styledComponents.default)(_ChevronDown.default)`
23
+ color: ${_colors.default.grey} !important;
24
+ :hover {
25
+ cursor: pointer;
26
+ }
27
+ `;
35
28
  DownIcon.displayName = 'DownIcon';
36
- var IconSize = (0, _stripUnit.default)(_spacing.default.s2);
29
+ const IconSize = (0, _stripUnit.default)(_spacing.default.s2);
37
30
 
38
- var DownIconComponent = function DownIconComponent(props) {
39
- return _react.default.createElement(DownIcon, _extends({
40
- size: IconSize
41
- }, props));
42
- };
31
+ const DownIconComponent = props => _react.default.createElement(DownIcon, _extends({
32
+ size: IconSize
33
+ }, props));
43
34
 
44
35
  DownIconComponent.displayName = 'DownIcon';
45
36
  var _default = DownIconComponent;
@@ -11,20 +11,12 @@ var _colors = _interopRequireDefault(require("../../../../constants/colors"));
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
- function _templateObject() {
15
- var data = _taggedTemplateLiteralLoose(["\n\ttext-align: center;\n\tfont-size: ", ";\n\tcolor: ", ";\n\tmargin-bottom: ", ";\n"]);
16
-
17
- _templateObject = function _templateObject() {
18
- return data;
19
- };
20
-
21
- return data;
22
- }
23
-
24
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
25
-
26
- var IncrementNotice = _styledComponents.default.div(_templateObject(), _spacing.default.s2, _colors.default.grey, _spacing.default.s2);
27
-
14
+ const IncrementNotice = _styledComponents.default.div`
15
+ text-align: center;
16
+ font-size: ${_spacing.default.s2};
17
+ color: ${_colors.default.grey};
18
+ margin-bottom: ${_spacing.default.s2};
19
+ `;
28
20
  IncrementNotice.displayName = 'IncrementNotice';
29
21
  /** @component */
30
22