@drivy/cobalt 0.39.1 → 0.41.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 (472) hide show
  1. package/cjs/tokens/theme.js +171 -171
  2. package/components/Alerter/index.js.map +1 -1
  3. package/components/BasicCell/index.js.map +1 -1
  4. package/components/Buttons/helpers.js.map +1 -1
  5. package/components/Calendar/CalendarDayPicker/CalendarDayPicker.js.map +1 -1
  6. package/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.js.map +1 -1
  7. package/components/Calendar/CalendarRangePicker/CalendarRangePicker.js.map +1 -1
  8. package/components/Calendar/CalendarRangePicker/CalendarRangePickerMonth.js.map +1 -1
  9. package/components/Calendar/CalendarView/CalendarViewMonth.js.map +1 -1
  10. package/components/Calendar/utils.js.map +1 -1
  11. package/components/Chip/index.js.map +1 -1
  12. package/components/ContainedIcon/index.js +9 -0
  13. package/components/ContainedIcon/index.js.map +1 -0
  14. package/components/Form/Autocomplete/index.js.map +1 -1
  15. package/components/Form/Hint.js.map +1 -1
  16. package/components/Form/Stepper.js.map +1 -1
  17. package/components/Form/TextArea.js.map +1 -1
  18. package/components/Icon/index.js +2 -2
  19. package/components/Icon/index.js.map +1 -1
  20. package/components/Modal/index.js.map +1 -1
  21. package/components/PhotoDropzone/index.js.map +1 -1
  22. package/components/Popover/index.js +2 -2
  23. package/components/Popover/index.js.map +1 -1
  24. package/components/Rating/RatingIcons.js.map +1 -1
  25. package/components/Tabs/index.js.map +1 -1
  26. package/components/utils/Timer.js.map +1 -1
  27. package/components/utils/validateFile.js.map +1 -1
  28. package/hooks/useBreakpoint.js.map +1 -1
  29. package/hooks/useElementHeight.js.map +1 -1
  30. package/images/empty-states/connect-device.png +0 -0
  31. package/images/empty-states/connect-device@2x.png +0 -0
  32. package/images/empty-states/connect-device@3x.png +0 -0
  33. package/images/empty-states/couch-man@2x.png +0 -0
  34. package/images/empty-states/couch-man@3x.png +0 -0
  35. package/images/empty-states/fridge-man.png +0 -0
  36. package/images/empty-states/fridge-man@2x.png +0 -0
  37. package/images/empty-states/fridge-man@3x.png +0 -0
  38. package/images/empty-states/generic-list@1x.png +0 -0
  39. package/images/empty-states/generic-list@2x.png +0 -0
  40. package/images/empty-states/generic-list@3x.png +0 -0
  41. package/images/empty-states/location.png +0 -0
  42. package/images/empty-states/location@2x.png +0 -0
  43. package/images/empty-states/location@3x.png +0 -0
  44. package/images/empty-states/network@1x.png +0 -0
  45. package/images/empty-states/network@2x.png +0 -0
  46. package/images/empty-states/network@3x.png +0 -0
  47. package/images/empty-states/payment.png +0 -0
  48. package/images/empty-states/payment@2x.png +0 -0
  49. package/images/empty-states/payment@3x.png +0 -0
  50. package/images/empty-states/repair-man-open.png +0 -0
  51. package/images/empty-states/repair-man-open@2x.png +0 -0
  52. package/images/empty-states/repair-man-open@3x.png +0 -0
  53. package/images/empty-states/repair-man.png +0 -0
  54. package/images/empty-states/repair-man@2x.png +0 -0
  55. package/images/empty-states/repair-man@3x.png +0 -0
  56. package/images/empty-states/spotlight-car.png +0 -0
  57. package/images/empty-states/spotlight-car@2x.png +0 -0
  58. package/images/empty-states/spotlight-car@3x.png +0 -0
  59. package/images/empty-states/telescope.png +0 -0
  60. package/images/empty-states/telescope@2x.png +0 -0
  61. package/images/empty-states/telescope@3x.png +0 -0
  62. package/images/empty-states/thumb-up.png +0 -0
  63. package/images/empty-states/thumb-up@2x.png +0 -0
  64. package/images/empty-states/thumb-up@3x.png +0 -0
  65. package/index.js +1 -0
  66. package/index.js.map +1 -1
  67. package/package.json +67 -64
  68. package/styles/components/ContainedIcon/index.scss +62 -0
  69. package/styles/components/Flash/index.scss +0 -0
  70. package/styles/components/Icon/index.scss +3 -1
  71. package/styles/components/Layout/{Layout.scss → Components/index.scss} +28 -13
  72. package/styles/components/Layout/Surfaces/index.scss +55 -0
  73. package/styles/components/Popover/index.scss +6 -0
  74. package/styles/components.scss +3 -1
  75. package/styles/core/palette.scss +0 -25
  76. package/styles/core/text.scss +1 -1
  77. package/tokens/theme.js +171 -171
  78. package/types/src/components/ContainedIcon/index.d.ts +10 -0
  79. package/types/{components/Layout → src/components/Layout/Components}/LayoutCard.d.ts +2 -1
  80. package/types/{components/Layout → src/components/Layout/Components}/LayoutSection.d.ts +2 -1
  81. package/types/{components/Layout → src/components/Layout/Components}/LayoutStack.d.ts +4 -3
  82. package/types/src/components/Layout/Components/index.d.ts +4 -0
  83. package/types/src/components/Layout/Surfaces/index.d.ts +25 -0
  84. package/types/{components → src/components}/Popover/index.d.ts +3 -1
  85. package/types/{index.d.ts → src/index.d.ts} +1 -0
  86. package/types/utils/jestSetup.d.ts +1 -0
  87. package/utilities.css +5 -30
  88. package/types/components/Layout/LayoutPageTitle.d.ts +0 -5
  89. /package/types/{__tests__ → src/__tests__}/AsyncComponent.d.ts +0 -0
  90. /package/types/{__tests__ → src/__tests__}/mockMatchMedia.d.ts +0 -0
  91. /package/types/{components → src/components}/Accordion/ToggleIcon.d.ts +0 -0
  92. /package/types/{components → src/components}/Accordion/index.d.ts +0 -0
  93. /package/types/{components → src/components}/Alerter/Alert.d.ts +0 -0
  94. /package/types/{components → src/components}/Alerter/index.d.ts +0 -0
  95. /package/types/{components → src/components}/BasicCell/index.d.ts +0 -0
  96. /package/types/{components → src/components}/BulletList/index.d.ts +0 -0
  97. /package/types/{components → src/components}/Buttons/ButtonComponent.d.ts +0 -0
  98. /package/types/{components → src/components}/Buttons/ButtonsGroup.d.ts +0 -0
  99. /package/types/{components → src/components}/Buttons/DefaultButton/index.d.ts +0 -0
  100. /package/types/{components → src/components}/Buttons/GhostButton/index.d.ts +0 -0
  101. /package/types/{components → src/components}/Buttons/InversedButton/index.d.ts +0 -0
  102. /package/types/{components → src/components}/Buttons/helpers.d.ts +0 -0
  103. /package/types/{components → src/components}/Buttons/index.d.ts +0 -0
  104. /package/types/{components → src/components}/Calendar/CalendarDayPicker/CalendarDayPicker.d.ts +0 -0
  105. /package/types/{components → src/components}/Calendar/CalendarDayPicker/CalendarDayPickerDay.d.ts +0 -0
  106. /package/types/{components → src/components}/Calendar/CalendarDayPicker/CalendarDayPickerMonth.d.ts +0 -0
  107. /package/types/{components → src/components}/Calendar/CalendarDayPicker/index.d.ts +0 -0
  108. /package/types/{components → src/components}/Calendar/CalendarRangePicker/CalendarRangePicker.d.ts +0 -0
  109. /package/types/{components → src/components}/Calendar/CalendarRangePicker/CalendarRangePickerDay.d.ts +0 -0
  110. /package/types/{components → src/components}/Calendar/CalendarRangePicker/CalendarRangePickerMonth.d.ts +0 -0
  111. /package/types/{components → src/components}/Calendar/CalendarRangePicker/DayTooltip.d.ts +0 -0
  112. /package/types/{components → src/components}/Calendar/CalendarRangePicker/index.d.ts +0 -0
  113. /package/types/{components → src/components}/Calendar/CalendarView/CalendarViewMonth.d.ts +0 -0
  114. /package/types/{components → src/components}/Calendar/CalendarView/index.d.ts +0 -0
  115. /package/types/{components → src/components}/Calendar/CalendarView/types.d.ts +0 -0
  116. /package/types/{components → src/components}/Calendar/index.d.ts +0 -0
  117. /package/types/{components → src/components}/Calendar/utils.d.ts +0 -0
  118. /package/types/{components → src/components}/Callout/index.d.ts +0 -0
  119. /package/types/{components → src/components}/Card/index.d.ts +0 -0
  120. /package/types/{components → src/components}/Cell/index.d.ts +0 -0
  121. /package/types/{components → src/components}/Chip/index.d.ts +0 -0
  122. /package/types/{components → src/components}/EmptyState/index.d.ts +0 -0
  123. /package/types/{components → src/components}/Flag/index.d.ts +0 -0
  124. /package/types/{components → src/components}/Flash/index.d.ts +0 -0
  125. /package/types/{components → src/components}/Form/Autocomplete/index.d.ts +0 -0
  126. /package/types/{components → src/components}/Form/Autocomplete/index.spec.d.ts +0 -0
  127. /package/types/{components → src/components}/Form/CheckablePill.d.ts +0 -0
  128. /package/types/{components → src/components}/Form/Checkmark.d.ts +0 -0
  129. /package/types/{components → src/components}/Form/ComposedField.d.ts +0 -0
  130. /package/types/{components → src/components}/Form/Fieldset.d.ts +0 -0
  131. /package/types/{components → src/components}/Form/Hint.d.ts +0 -0
  132. /package/types/{components → src/components}/Form/RadioWithDetails.d.ts +0 -0
  133. /package/types/{components → src/components}/Form/Select.d.ts +0 -0
  134. /package/types/{components → src/components}/Form/Slider.d.ts +0 -0
  135. /package/types/{components → src/components}/Form/Stepper.d.ts +0 -0
  136. /package/types/{components → src/components}/Form/TextArea.d.ts +0 -0
  137. /package/types/{components → src/components}/Form/TextInput.d.ts +0 -0
  138. /package/types/{components → src/components}/Form/ToggleSwitch.d.ts +0 -0
  139. /package/types/{components → src/components}/Form/field.d.ts +0 -0
  140. /package/types/{components → src/components}/Form/form.d.ts +0 -0
  141. /package/types/{components → src/components}/Helper/index.d.ts +0 -0
  142. /package/types/{components → src/components}/HorizontalList/index.d.ts +0 -0
  143. /package/types/{components → src/components}/Icon/__generated__/AccountDetailsIcon.d.ts +0 -0
  144. /package/types/{components → src/components}/Icon/__generated__/AddPictureIcon.d.ts +0 -0
  145. /package/types/{components → src/components}/Icon/__generated__/AirConditioningIcon.d.ts +0 -0
  146. /package/types/{components → src/components}/Icon/__generated__/AirportIcon.d.ts +0 -0
  147. /package/types/{components → src/components}/Icon/__generated__/AndroidIcon.d.ts +0 -0
  148. /package/types/{components → src/components}/Icon/__generated__/AntiqueIcon.d.ts +0 -0
  149. /package/types/{components → src/components}/Icon/__generated__/ArrowLeftCircleFilledIcon.d.ts +0 -0
  150. /package/types/{components → src/components}/Icon/__generated__/ArrowLeftIcon.d.ts +0 -0
  151. /package/types/{components → src/components}/Icon/__generated__/ArrowRightCircleFilledIcon.d.ts +0 -0
  152. /package/types/{components → src/components}/Icon/__generated__/ArrowRightCircleIcon.d.ts +0 -0
  153. /package/types/{components → src/components}/Icon/__generated__/ArrowRightIcon.d.ts +0 -0
  154. /package/types/{components → src/components}/Icon/__generated__/AudioInputIcon.d.ts +0 -0
  155. /package/types/{components → src/components}/Icon/__generated__/BabySeatIcon.d.ts +0 -0
  156. /package/types/{components → src/components}/Icon/__generated__/BatteryIcon.d.ts +0 -0
  157. /package/types/{components → src/components}/Icon/__generated__/BellIcon.d.ts +0 -0
  158. /package/types/{components → src/components}/Icon/__generated__/BikeRackIcon.d.ts +0 -0
  159. /package/types/{components → src/components}/Icon/__generated__/BinIcon.d.ts +0 -0
  160. /package/types/{components → src/components}/Icon/__generated__/BluetoothIcon.d.ts +0 -0
  161. /package/types/{components → src/components}/Icon/__generated__/BriefcaseIcon.d.ts +0 -0
  162. /package/types/{components → src/components}/Icon/__generated__/BulbIcon.d.ts +0 -0
  163. /package/types/{components → src/components}/Icon/__generated__/CableIcon.d.ts +0 -0
  164. /package/types/{components → src/components}/Icon/__generated__/CabrioletIcon.d.ts +0 -0
  165. /package/types/{components → src/components}/Icon/__generated__/CalendarCheckIcon.d.ts +0 -0
  166. /package/types/{components → src/components}/Icon/__generated__/CalendarClockIcon.d.ts +0 -0
  167. /package/types/{components → src/components}/Icon/__generated__/CalendarEndIcon.d.ts +0 -0
  168. /package/types/{components → src/components}/Icon/__generated__/CalendarIcon.d.ts +0 -0
  169. /package/types/{components → src/components}/Icon/__generated__/CalendarStartIcon.d.ts +0 -0
  170. /package/types/{components → src/components}/Icon/__generated__/CameraAddIcon.d.ts +0 -0
  171. /package/types/{components → src/components}/Icon/__generated__/CameraIcon.d.ts +0 -0
  172. /package/types/{components → src/components}/Icon/__generated__/CampervanIcon.d.ts +0 -0
  173. /package/types/{components → src/components}/Icon/__generated__/CarAddIcon.d.ts +0 -0
  174. /package/types/{components → src/components}/Icon/__generated__/CarCheckIcon.d.ts +0 -0
  175. /package/types/{components → src/components}/Icon/__generated__/CarDamagesIcon.d.ts +0 -0
  176. /package/types/{components → src/components}/Icon/__generated__/CarDrivyOpenIcon.d.ts +0 -0
  177. /package/types/{components → src/components}/Icon/__generated__/CarGroupIcon.d.ts +0 -0
  178. /package/types/{components → src/components}/Icon/__generated__/CarIcon.d.ts +0 -0
  179. /package/types/{components → src/components}/Icon/__generated__/CarLockIcon.d.ts +0 -0
  180. /package/types/{components → src/components}/Icon/__generated__/CarPlayIcon.d.ts +0 -0
  181. /package/types/{components → src/components}/Icon/__generated__/CarReturnIcon.d.ts +0 -0
  182. /package/types/{components → src/components}/Icon/__generated__/CarSearchIcon.d.ts +0 -0
  183. /package/types/{components → src/components}/Icon/__generated__/CarTypeAntiqueIcon.d.ts +0 -0
  184. /package/types/{components → src/components}/Icon/__generated__/CarTypeCabrioletIcon.d.ts +0 -0
  185. /package/types/{components → src/components}/Icon/__generated__/CarTypeCampervanIcon.d.ts +0 -0
  186. /package/types/{components → src/components}/Icon/__generated__/CarTypeCityIcon.d.ts +0 -0
  187. /package/types/{components → src/components}/Icon/__generated__/CarTypeConvertibleIcon.d.ts +0 -0
  188. /package/types/{components → src/components}/Icon/__generated__/CarTypeCoupeIcon.d.ts +0 -0
  189. /package/types/{components → src/components}/Icon/__generated__/CarTypeFamilyIcon.d.ts +0 -0
  190. /package/types/{components → src/components}/Icon/__generated__/CarTypeFourFourIcon.d.ts +0 -0
  191. /package/types/{components → src/components}/Icon/__generated__/CarTypeMinibusIcon.d.ts +0 -0
  192. /package/types/{components → src/components}/Icon/__generated__/CarTypeSedanIcon.d.ts +0 -0
  193. /package/types/{components → src/components}/Icon/__generated__/CarTypeUtilityIcon.d.ts +0 -0
  194. /package/types/{components → src/components}/Icon/__generated__/CardIcon.d.ts +0 -0
  195. /package/types/{components → src/components}/Icon/__generated__/CdPlayerIcon.d.ts +0 -0
  196. /package/types/{components → src/components}/Icon/__generated__/CertificateIcon.d.ts +0 -0
  197. /package/types/{components → src/components}/Icon/__generated__/ChainsIcon.d.ts +0 -0
  198. /package/types/{components → src/components}/Icon/__generated__/CheckCircleFilledIcon.d.ts +0 -0
  199. /package/types/{components → src/components}/Icon/__generated__/CheckCircleIcon.d.ts +0 -0
  200. /package/types/{components → src/components}/Icon/__generated__/CheckIcon.d.ts +0 -0
  201. /package/types/{components → src/components}/Icon/__generated__/ChecklistIcon.d.ts +0 -0
  202. /package/types/{components → src/components}/Icon/__generated__/ChevronDownIcon.d.ts +0 -0
  203. /package/types/{components → src/components}/Icon/__generated__/ChevronLeftIcon.d.ts +0 -0
  204. /package/types/{components → src/components}/Icon/__generated__/ChevronRightIcon.d.ts +0 -0
  205. /package/types/{components → src/components}/Icon/__generated__/ChevronUpIcon.d.ts +0 -0
  206. /package/types/{components → src/components}/Icon/__generated__/CircledArrowRightIcon.d.ts +0 -0
  207. /package/types/{components → src/components}/Icon/__generated__/CityIcon.d.ts +0 -0
  208. /package/types/{components → src/components}/Icon/__generated__/CleaningIcon.d.ts +0 -0
  209. /package/types/{components → src/components}/Icon/__generated__/ClockAlertIcon.d.ts +0 -0
  210. /package/types/{components → src/components}/Icon/__generated__/ClockBackwardsIcon.d.ts +0 -0
  211. /package/types/{components → src/components}/Icon/__generated__/ClockForwardsIcon.d.ts +0 -0
  212. /package/types/{components → src/components}/Icon/__generated__/ClockIcon.d.ts +0 -0
  213. /package/types/{components → src/components}/Icon/__generated__/CloseCircleFilledIcon.d.ts +0 -0
  214. /package/types/{components → src/components}/Icon/__generated__/CloseIcon.d.ts +0 -0
  215. /package/types/{components → src/components}/Icon/__generated__/ConnectCarIcon.d.ts +0 -0
  216. /package/types/{components → src/components}/Icon/__generated__/ContactMailIcon.d.ts +0 -0
  217. /package/types/{components → src/components}/Icon/__generated__/ContactPhoneIcon.d.ts +0 -0
  218. /package/types/{components → src/components}/Icon/__generated__/ContextualPaperclipIcon.d.ts +0 -0
  219. /package/types/{components → src/components}/Icon/__generated__/ContextualQuestionIcon.d.ts +0 -0
  220. /package/types/{components → src/components}/Icon/__generated__/ContextualWarningCircleFilledIcon.d.ts +0 -0
  221. /package/types/{components → src/components}/Icon/__generated__/ContextualWarningCircleIcon.d.ts +0 -0
  222. /package/types/{components → src/components}/Icon/__generated__/ConvertibleIcon.d.ts +0 -0
  223. /package/types/{components → src/components}/Icon/__generated__/CopyIcon.d.ts +0 -0
  224. /package/types/{components → src/components}/Icon/__generated__/CoupeIcon.d.ts +0 -0
  225. /package/types/{components → src/components}/Icon/__generated__/CreditCardAddIcon.d.ts +0 -0
  226. /package/types/{components → src/components}/Icon/__generated__/CreditCardErrorIcon.d.ts +0 -0
  227. /package/types/{components → src/components}/Icon/__generated__/CreditCardIcon.d.ts +0 -0
  228. /package/types/{components → src/components}/Icon/__generated__/CruiseControlIcon.d.ts +0 -0
  229. /package/types/{components → src/components}/Icon/__generated__/DashcamIcon.d.ts +0 -0
  230. /package/types/{components → src/components}/Icon/__generated__/DirectionsIcon.d.ts +0 -0
  231. /package/types/{components → src/components}/Icon/__generated__/DocumentIcon.d.ts +0 -0
  232. /package/types/{components → src/components}/Icon/__generated__/DotHorizontalIcon.d.ts +0 -0
  233. /package/types/{components → src/components}/Icon/__generated__/DotVerticalIcon.d.ts +0 -0
  234. /package/types/{components → src/components}/Icon/__generated__/DotsHorizontalIcon.d.ts +0 -0
  235. /package/types/{components → src/components}/Icon/__generated__/DotsVerticalIcon.d.ts +0 -0
  236. /package/types/{components → src/components}/Icon/__generated__/DownloadIcon.d.ts +0 -0
  237. /package/types/{components → src/components}/Icon/__generated__/EarningIcon.d.ts +0 -0
  238. /package/types/{components → src/components}/Icon/__generated__/EarthIcon.d.ts +0 -0
  239. /package/types/{components → src/components}/Icon/__generated__/EditIcon.d.ts +0 -0
  240. /package/types/{components → src/components}/Icon/__generated__/ElectricIcon.d.ts +0 -0
  241. /package/types/{components → src/components}/Icon/__generated__/EvBatteryIcon.d.ts +0 -0
  242. /package/types/{components → src/components}/Icon/__generated__/EvCableIcon.d.ts +0 -0
  243. /package/types/{components → src/components}/Icon/__generated__/EvChargerIcon.d.ts +0 -0
  244. /package/types/{components → src/components}/Icon/__generated__/ExternalLinkIcon.d.ts +0 -0
  245. /package/types/{components → src/components}/Icon/__generated__/EyeClosedIcon.d.ts +0 -0
  246. /package/types/{components → src/components}/Icon/__generated__/EyeIcon.d.ts +0 -0
  247. /package/types/{components → src/components}/Icon/__generated__/EyeOpenedIcon.d.ts +0 -0
  248. /package/types/{components → src/components}/Icon/__generated__/FaceRecognitionIcon.d.ts +0 -0
  249. /package/types/{components → src/components}/Icon/__generated__/FacebookIcon.d.ts +0 -0
  250. /package/types/{components → src/components}/Icon/__generated__/FamilyIcon.d.ts +0 -0
  251. /package/types/{components → src/components}/Icon/__generated__/FileFilledIcon.d.ts +0 -0
  252. /package/types/{components → src/components}/Icon/__generated__/FilterIcon.d.ts +0 -0
  253. /package/types/{components → src/components}/Icon/__generated__/FiltersIcon.d.ts +0 -0
  254. /package/types/{components → src/components}/Icon/__generated__/FlagIcon.d.ts +0 -0
  255. /package/types/{components → src/components}/Icon/__generated__/FourByFourIcon.d.ts +0 -0
  256. /package/types/{components → src/components}/Icon/__generated__/FourWheelDriveIcon.d.ts +0 -0
  257. /package/types/{components → src/components}/Icon/__generated__/FuelTankIcon.d.ts +0 -0
  258. /package/types/{components → src/components}/Icon/__generated__/GeolocationIcon.d.ts +0 -0
  259. /package/types/{components → src/components}/Icon/__generated__/GiftIcon.d.ts +0 -0
  260. /package/types/{components → src/components}/Icon/__generated__/GpsIcon.d.ts +0 -0
  261. /package/types/{components → src/components}/Icon/__generated__/GraphUpIcon.d.ts +0 -0
  262. /package/types/{components → src/components}/Icon/__generated__/HealingIcon.d.ts +0 -0
  263. /package/types/{components → src/components}/Icon/__generated__/HeartIcon.d.ts +0 -0
  264. /package/types/{components → src/components}/Icon/__generated__/HitchIcon.d.ts +0 -0
  265. /package/types/{components → src/components}/Icon/__generated__/HomeIcon.d.ts +0 -0
  266. /package/types/{components → src/components}/Icon/__generated__/IdCardIcon.d.ts +0 -0
  267. /package/types/{components → src/components}/Icon/__generated__/IncidentIcon.d.ts +0 -0
  268. /package/types/{components → src/components}/Icon/__generated__/InfoCircleFilledIcon.d.ts +0 -0
  269. /package/types/{components → src/components}/Icon/__generated__/InfoCircleIcon.d.ts +0 -0
  270. /package/types/{components → src/components}/Icon/__generated__/InfoFilledIcon.d.ts +0 -0
  271. /package/types/{components → src/components}/Icon/__generated__/InfoIcon.d.ts +0 -0
  272. /package/types/{components → src/components}/Icon/__generated__/InstantIcon.d.ts +0 -0
  273. /package/types/{components → src/components}/Icon/__generated__/InvoiceIcon.d.ts +0 -0
  274. /package/types/{components → src/components}/Icon/__generated__/KeyConnectIcon.d.ts +0 -0
  275. /package/types/{components → src/components}/Icon/__generated__/KeyIcon.d.ts +0 -0
  276. /package/types/{components → src/components}/Icon/__generated__/LicenceCheckIcon.d.ts +0 -0
  277. /package/types/{components → src/components}/Icon/__generated__/LicenceIcon.d.ts +0 -0
  278. /package/types/{components → src/components}/Icon/__generated__/LicencePaperIcon.d.ts +0 -0
  279. /package/types/{components → src/components}/Icon/__generated__/LifeBuoyIcon.d.ts +0 -0
  280. /package/types/{components → src/components}/Icon/__generated__/LinkedinIcon.d.ts +0 -0
  281. /package/types/{components → src/components}/Icon/__generated__/LoadingIcon.d.ts +0 -0
  282. /package/types/{components → src/components}/Icon/__generated__/LocalityIcon.d.ts +0 -0
  283. /package/types/{components → src/components}/Icon/__generated__/LocationIcon.d.ts +0 -0
  284. /package/types/{components → src/components}/Icon/__generated__/LocationMapIcon.d.ts +0 -0
  285. /package/types/{components → src/components}/Icon/__generated__/LocationParkingIcon.d.ts +0 -0
  286. /package/types/{components → src/components}/Icon/__generated__/LocationPinIcon.d.ts +0 -0
  287. /package/types/{components → src/components}/Icon/__generated__/LockCheckIcon.d.ts +0 -0
  288. /package/types/{components → src/components}/Icon/__generated__/LockedIcon.d.ts +0 -0
  289. /package/types/{components → src/components}/Icon/__generated__/LoginIcon.d.ts +0 -0
  290. /package/types/{components → src/components}/Icon/__generated__/LogoutIcon.d.ts +0 -0
  291. /package/types/{components → src/components}/Icon/__generated__/MailCheckIcon.d.ts +0 -0
  292. /package/types/{components → src/components}/Icon/__generated__/MailIcon.d.ts +0 -0
  293. /package/types/{components → src/components}/Icon/__generated__/MapAltIcon.d.ts +0 -0
  294. /package/types/{components → src/components}/Icon/__generated__/MapIcon.d.ts +0 -0
  295. /package/types/{components → src/components}/Icon/__generated__/MeetDriverIcon.d.ts +0 -0
  296. /package/types/{components → src/components}/Icon/__generated__/MeetOwnerIcon.d.ts +0 -0
  297. /package/types/{components → src/components}/Icon/__generated__/MenuListIcon.d.ts +0 -0
  298. /package/types/{components → src/components}/Icon/__generated__/MessagesIcon.d.ts +0 -0
  299. /package/types/{components → src/components}/Icon/__generated__/MileageIcon.d.ts +0 -0
  300. /package/types/{components → src/components}/Icon/__generated__/MinibusIcon.d.ts +0 -0
  301. /package/types/{components → src/components}/Icon/__generated__/MinusCircleFilledIcon.d.ts +0 -0
  302. /package/types/{components → src/components}/Icon/__generated__/MinusIcon.d.ts +0 -0
  303. /package/types/{components → src/components}/Icon/__generated__/MiscGiftIcon.d.ts +0 -0
  304. /package/types/{components → src/components}/Icon/__generated__/NearbyDeviceIcon.d.ts +0 -0
  305. /package/types/{components → src/components}/Icon/__generated__/NotificationIcon.d.ts +0 -0
  306. /package/types/{components → src/components}/Icon/__generated__/Number1CircleIcon.d.ts +0 -0
  307. /package/types/{components → src/components}/Icon/__generated__/Number2CircleIcon.d.ts +0 -0
  308. /package/types/{components → src/components}/Icon/__generated__/Number3CircleIcon.d.ts +0 -0
  309. /package/types/{components → src/components}/Icon/__generated__/Number4CircleIcon.d.ts +0 -0
  310. /package/types/{components → src/components}/Icon/__generated__/Number5CircleIcon.d.ts +0 -0
  311. /package/types/{components → src/components}/Icon/__generated__/OkHandIcon.d.ts +0 -0
  312. /package/types/{components → src/components}/Icon/__generated__/OptionAirConditioningIcon.d.ts +0 -0
  313. /package/types/{components → src/components}/Icon/__generated__/OptionAndroidAutoIcon.d.ts +0 -0
  314. /package/types/{components → src/components}/Icon/__generated__/OptionAppleCarplayIcon.d.ts +0 -0
  315. /package/types/{components → src/components}/Icon/__generated__/OptionAudioInputIcon.d.ts +0 -0
  316. /package/types/{components → src/components}/Icon/__generated__/OptionBabySeatIcon.d.ts +0 -0
  317. /package/types/{components → src/components}/Icon/__generated__/OptionBikeRackIcon.d.ts +0 -0
  318. /package/types/{components → src/components}/Icon/__generated__/OptionBluetoothAudioIcon.d.ts +0 -0
  319. /package/types/{components → src/components}/Icon/__generated__/OptionCdPlayerIcon.d.ts +0 -0
  320. /package/types/{components → src/components}/Icon/__generated__/OptionChainsIcon.d.ts +0 -0
  321. /package/types/{components → src/components}/Icon/__generated__/OptionCruiseControlIcon.d.ts +0 -0
  322. /package/types/{components → src/components}/Icon/__generated__/OptionDashcamIcon.d.ts +0 -0
  323. /package/types/{components → src/components}/Icon/__generated__/OptionGpsIcon.d.ts +0 -0
  324. /package/types/{components → src/components}/Icon/__generated__/OptionHasTrailerIcon.d.ts +0 -0
  325. /package/types/{components → src/components}/Icon/__generated__/OptionHitchIcon.d.ts +0 -0
  326. /package/types/{components → src/components}/Icon/__generated__/OptionRoofBoxIcon.d.ts +0 -0
  327. /package/types/{components → src/components}/Icon/__generated__/OptionSkiRackIcon.d.ts +0 -0
  328. /package/types/{components → src/components}/Icon/__generated__/OptionSnowTireIcon.d.ts +0 -0
  329. /package/types/{components → src/components}/Icon/__generated__/OptionWheelchairAccessibleIcon.d.ts +0 -0
  330. /package/types/{components → src/components}/Icon/__generated__/PaperclipIcon.d.ts +0 -0
  331. /package/types/{components → src/components}/Icon/__generated__/ParkingIcon.d.ts +0 -0
  332. /package/types/{components → src/components}/Icon/__generated__/PassportIcon.d.ts +0 -0
  333. /package/types/{components → src/components}/Icon/__generated__/PaymentsIcon.d.ts +0 -0
  334. /package/types/{components → src/components}/Icon/__generated__/PencilIcon.d.ts +0 -0
  335. /package/types/{components → src/components}/Icon/__generated__/PeopleUserIcon.d.ts +0 -0
  336. /package/types/{components → src/components}/Icon/__generated__/PerformanceIcon.d.ts +0 -0
  337. /package/types/{components → src/components}/Icon/__generated__/PhoneIcon.d.ts +0 -0
  338. /package/types/{components → src/components}/Icon/__generated__/PhoneLinkIcon.d.ts +0 -0
  339. /package/types/{components → src/components}/Icon/__generated__/PhotosIcon.d.ts +0 -0
  340. /package/types/{components → src/components}/Icon/__generated__/PickupTruckIcon.d.ts +0 -0
  341. /package/types/{components → src/components}/Icon/__generated__/PigIcon.d.ts +0 -0
  342. /package/types/{components → src/components}/Icon/__generated__/PinIcon.d.ts +0 -0
  343. /package/types/{components → src/components}/Icon/__generated__/PlugIcon.d.ts +0 -0
  344. /package/types/{components → src/components}/Icon/__generated__/PlusCircleFilledIcon.d.ts +0 -0
  345. /package/types/{components → src/components}/Icon/__generated__/PlusIcon.d.ts +0 -0
  346. /package/types/{components → src/components}/Icon/__generated__/PositionIcon.d.ts +0 -0
  347. /package/types/{components → src/components}/Icon/__generated__/PricingFlatIcon.d.ts +0 -0
  348. /package/types/{components → src/components}/Icon/__generated__/PricingVariableIcon.d.ts +0 -0
  349. /package/types/{components → src/components}/Icon/__generated__/ProfilePictureIcon.d.ts +0 -0
  350. /package/types/{components → src/components}/Icon/__generated__/QuestionCircleFilledIcon.d.ts +0 -0
  351. /package/types/{components → src/components}/Icon/__generated__/QuestionCircleIcon.d.ts +0 -0
  352. /package/types/{components → src/components}/Icon/__generated__/QuestionIcon.d.ts +0 -0
  353. /package/types/{components → src/components}/Icon/__generated__/RaceFlagIcon.d.ts +0 -0
  354. /package/types/{components → src/components}/Icon/__generated__/RefreshIcon.d.ts +0 -0
  355. /package/types/{components → src/components}/Icon/__generated__/ReorderIcon.d.ts +0 -0
  356. /package/types/{components → src/components}/Icon/__generated__/ReplacementCarIcon.d.ts +0 -0
  357. /package/types/{components → src/components}/Icon/__generated__/ReplyIcon.d.ts +0 -0
  358. /package/types/{components → src/components}/Icon/__generated__/ResetIcon.d.ts +0 -0
  359. /package/types/{components → src/components}/Icon/__generated__/RideIcon.d.ts +0 -0
  360. /package/types/{components → src/components}/Icon/__generated__/RoofBoxIcon.d.ts +0 -0
  361. /package/types/{components → src/components}/Icon/__generated__/SealCheckIcon.d.ts +0 -0
  362. /package/types/{components → src/components}/Icon/__generated__/SearchCarIcon.d.ts +0 -0
  363. /package/types/{components → src/components}/Icon/__generated__/SearchIcon.d.ts +0 -0
  364. /package/types/{components → src/components}/Icon/__generated__/SearchPeopleIcon.d.ts +0 -0
  365. /package/types/{components → src/components}/Icon/__generated__/SedanIcon.d.ts +0 -0
  366. /package/types/{components → src/components}/Icon/__generated__/ServiceBatteryIcon.d.ts +0 -0
  367. /package/types/{components → src/components}/Icon/__generated__/ServiceCleaningIcon.d.ts +0 -0
  368. /package/types/{components → src/components}/Icon/__generated__/ServiceFuelIcon.d.ts +0 -0
  369. /package/types/{components → src/components}/Icon/__generated__/ServiceHealingIcon.d.ts +0 -0
  370. /package/types/{components → src/components}/Icon/__generated__/ServiceLockedIcon.d.ts +0 -0
  371. /package/types/{components → src/components}/Icon/__generated__/ServiceTollsIcon.d.ts +0 -0
  372. /package/types/{components → src/components}/Icon/__generated__/ServiceUnlockedIcon.d.ts +0 -0
  373. /package/types/{components → src/components}/Icon/__generated__/SettingsIcon.d.ts +0 -0
  374. /package/types/{components → src/components}/Icon/__generated__/ShareAndroidIcon.d.ts +0 -0
  375. /package/types/{components → src/components}/Icon/__generated__/ShareIcon.d.ts +0 -0
  376. /package/types/{components → src/components}/Icon/__generated__/ShareIosIcon.d.ts +0 -0
  377. /package/types/{components → src/components}/Icon/__generated__/ShieldCheckIcon.d.ts +0 -0
  378. /package/types/{components → src/components}/Icon/__generated__/ShieldIcon.d.ts +0 -0
  379. /package/types/{components → src/components}/Icon/__generated__/ShopIcon.d.ts +0 -0
  380. /package/types/{components → src/components}/Icon/__generated__/SkiRackIcon.d.ts +0 -0
  381. /package/types/{components → src/components}/Icon/__generated__/SliderIcon.d.ts +0 -0
  382. /package/types/{components → src/components}/Icon/__generated__/SmartphoneIcon.d.ts +0 -0
  383. /package/types/{components → src/components}/Icon/__generated__/SnowTireIcon.d.ts +0 -0
  384. /package/types/{components → src/components}/Icon/__generated__/SocialFacebookIcon.d.ts +0 -0
  385. /package/types/{components → src/components}/Icon/__generated__/SocialLinkedinIcon.d.ts +0 -0
  386. /package/types/{components → src/components}/Icon/__generated__/SocialTwitterIcon.d.ts +0 -0
  387. /package/types/{components → src/components}/Icon/__generated__/SocialWhatsappIcon.d.ts +0 -0
  388. /package/types/{components → src/components}/Icon/__generated__/StarHalfIcon.d.ts +0 -0
  389. /package/types/{components → src/components}/Icon/__generated__/StarIcon.d.ts +0 -0
  390. /package/types/{components → src/components}/Icon/__generated__/StarsIcon.d.ts +0 -0
  391. /package/types/{components → src/components}/Icon/__generated__/SubwayIcon.d.ts +0 -0
  392. /package/types/{components → src/components}/Icon/__generated__/SuitcaseIcon.d.ts +0 -0
  393. /package/types/{components → src/components}/Icon/__generated__/SupportIcon.d.ts +0 -0
  394. /package/types/{components → src/components}/Icon/__generated__/SuvIcon.d.ts +0 -0
  395. /package/types/{components → src/components}/Icon/__generated__/SynchIcon.d.ts +0 -0
  396. /package/types/{components → src/components}/Icon/__generated__/TagIcon.d.ts +0 -0
  397. /package/types/{components → src/components}/Icon/__generated__/TimeAlertIcon.d.ts +0 -0
  398. /package/types/{components → src/components}/Icon/__generated__/TimeBackwardsIcon.d.ts +0 -0
  399. /package/types/{components → src/components}/Icon/__generated__/TimeCalendarIcon.d.ts +0 -0
  400. /package/types/{components → src/components}/Icon/__generated__/TimeForwardIcon.d.ts +0 -0
  401. /package/types/{components → src/components}/Icon/__generated__/TollsIcon.d.ts +0 -0
  402. /package/types/{components → src/components}/Icon/__generated__/TrailerIcon.d.ts +0 -0
  403. /package/types/{components → src/components}/Icon/__generated__/TrainIcon.d.ts +0 -0
  404. /package/types/{components → src/components}/Icon/__generated__/TriangleDownIcon.d.ts +0 -0
  405. /package/types/{components → src/components}/Icon/__generated__/TriangleRightIcon.d.ts +0 -0
  406. /package/types/{components → src/components}/Icon/__generated__/TriangleUpIcon.d.ts +0 -0
  407. /package/types/{components → src/components}/Icon/__generated__/TwitterIcon.d.ts +0 -0
  408. /package/types/{components → src/components}/Icon/__generated__/TwoPeopleIcon.d.ts +0 -0
  409. /package/types/{components → src/components}/Icon/__generated__/UberIcon.d.ts +0 -0
  410. /package/types/{components → src/components}/Icon/__generated__/UnfoldIcon.d.ts +0 -0
  411. /package/types/{components → src/components}/Icon/__generated__/UnlockedIcon.d.ts +0 -0
  412. /package/types/{components → src/components}/Icon/__generated__/UserCheckIcon.d.ts +0 -0
  413. /package/types/{components → src/components}/Icon/__generated__/UserIcon.d.ts +0 -0
  414. /package/types/{components → src/components}/Icon/__generated__/UserQuestionIcon.d.ts +0 -0
  415. /package/types/{components → src/components}/Icon/__generated__/UserShieldIcon.d.ts +0 -0
  416. /package/types/{components → src/components}/Icon/__generated__/UserSwitchIcon.d.ts +0 -0
  417. /package/types/{components → src/components}/Icon/__generated__/UtilityVanLargeIcon.d.ts +0 -0
  418. /package/types/{components → src/components}/Icon/__generated__/UtilityVanMediumIcon.d.ts +0 -0
  419. /package/types/{components → src/components}/Icon/__generated__/UtilityVanSmallIcon.d.ts +0 -0
  420. /package/types/{components → src/components}/Icon/__generated__/VerifiedSealIcon.d.ts +0 -0
  421. /package/types/{components → src/components}/Icon/__generated__/WalkIcon.d.ts +0 -0
  422. /package/types/{components → src/components}/Icon/__generated__/WalletIcon.d.ts +0 -0
  423. /package/types/{components → src/components}/Icon/__generated__/WarningCircleFilledIcon.d.ts +0 -0
  424. /package/types/{components → src/components}/Icon/__generated__/WarningCircleIcon.d.ts +0 -0
  425. /package/types/{components → src/components}/Icon/__generated__/WhatsappIcon.d.ts +0 -0
  426. /package/types/{components → src/components}/Icon/__generated__/WheelIcon.d.ts +0 -0
  427. /package/types/{components → src/components}/Icon/__generated__/WheelchairIcon.d.ts +0 -0
  428. /package/types/{components → src/components}/Icon/__generated__/WrenchIcon.d.ts +0 -0
  429. /package/types/{components → src/components}/Icon/__generated__/YingyangIcon.d.ts +0 -0
  430. /package/types/{components → src/components}/Icon/__generated__/index.d.ts +0 -0
  431. /package/types/{components → src/components}/Icon/index.d.ts +0 -0
  432. /package/types/{components → src/components}/Icon/index.spec.d.ts +0 -0
  433. /package/types/{components → src/components}/Illustration/__generated__/index.d.ts +0 -0
  434. /package/types/{components/Layout → src/components/Layout/Components}/LayoutSectionTitle.d.ts +0 -0
  435. /package/types/{components → src/components}/Modal/ModalBody.d.ts +0 -0
  436. /package/types/{components → src/components}/Modal/ModalFooter.d.ts +0 -0
  437. /package/types/{components → src/components}/Modal/ModalHeader.d.ts +0 -0
  438. /package/types/{components → src/components}/Modal/index.d.ts +0 -0
  439. /package/types/{components → src/components}/Note/index.d.ts +0 -0
  440. /package/types/{components → src/components}/PhotoDropzone/index.d.ts +0 -0
  441. /package/types/{components → src/components}/Pill/index.d.ts +0 -0
  442. /package/types/{components → src/components}/Popover/LazyTippy.d.ts +0 -0
  443. /package/types/{components → src/components}/PriceTable/index.d.ts +0 -0
  444. /package/types/{components → src/components}/ProgressBanner/index.d.ts +0 -0
  445. /package/types/{components → src/components}/ProgressBar/index.d.ts +0 -0
  446. /package/types/{components → src/components}/ProgressCircular/index.d.ts +0 -0
  447. /package/types/{components → src/components}/Rating/RatingCompact.d.ts +0 -0
  448. /package/types/{components → src/components}/Rating/RatingIcons.d.ts +0 -0
  449. /package/types/{components → src/components}/Rating/RatingInput.d.ts +0 -0
  450. /package/types/{components → src/components}/Rating/RatingLabel.d.ts +0 -0
  451. /package/types/{components → src/components}/Rating/index.d.ts +0 -0
  452. /package/types/{components → src/components}/TabBar/index.d.ts +0 -0
  453. /package/types/{components → src/components}/Tabs/index.d.ts +0 -0
  454. /package/types/{components → src/components}/Tag/index.d.ts +0 -0
  455. /package/types/{components → src/components}/utils/Timer.d.ts +0 -0
  456. /package/types/{components → src/components}/utils/Timer.spec.d.ts +0 -0
  457. /package/types/{components → src/components}/utils/camelize.d.ts +0 -0
  458. /package/types/{components → src/components}/utils/capitalize.d.ts +0 -0
  459. /package/types/{components → src/components}/utils/dom.d.ts +0 -0
  460. /package/types/{components → src/components}/utils/eqSet.d.ts +0 -0
  461. /package/types/{components → src/components}/utils/getThemeColors.d.ts +0 -0
  462. /package/types/{components → src/components}/utils/getThemeColors.spec.d.ts +0 -0
  463. /package/types/{components → src/components}/utils/index.d.ts +0 -0
  464. /package/types/{components → src/components}/utils/px.d.ts +0 -0
  465. /package/types/{components → src/components}/utils/validateFile.d.ts +0 -0
  466. /package/types/{hooks → src/hooks}/useBreakpoint.d.ts +0 -0
  467. /package/types/{hooks → src/hooks}/useBreakpoint.spec.d.ts +0 -0
  468. /package/types/{hooks → src/hooks}/useElementHeight.d.ts +0 -0
  469. /package/types/{icons → src/icons}/countries/index.d.ts +0 -0
  470. /package/types/{icons → src/icons}/index.d.ts +0 -0
  471. /package/types/{tokens → src/tokens}/index.d.ts +0 -0
  472. /package/types/{tokens → src/tokens}/index.spec.d.ts +0 -0
@@ -3,253 +3,253 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const background = {
6
- primary: "grey.lighter/white/black.500",
7
- secondary: "white/white/black.300",
6
+ primary: "white/black.500",
7
+ secondary: "white/black.300",
8
8
  secondaryInteractive: {
9
- DEFAULT: "white/white/black.300",
10
- hover: "grey.lighter/navy.50/black.300"
9
+ DEFAULT: "white/black.300",
10
+ hover: "navy.50/black.300"
11
11
  },
12
- accent: "purple/purple.500/purpleDeep.400",
12
+ accent: "purple.500/purpleDeep.400",
13
13
  accentInteractive: {
14
- DEFAULT: "purple/purple.500/purpleDeep.400",
15
- hover: "purple/purple.700/purpleDeep.400"
14
+ DEFAULT: "purple.500/purpleDeep.400",
15
+ hover: "purple.700/purpleDeep.400"
16
16
  },
17
- accentAlt: "indigo/purple.100/purpleDeep.900",
17
+ accentAlt: "purple.100/purpleDeep.900",
18
18
  accentAltInteractive: {
19
- DEFAULT: "indigo/purple.100/purpleDeep.900",
20
- hover: "indigo/purpleLight.100/purpleDeep.900"
19
+ DEFAULT: "purple.100/purpleDeep.900",
20
+ hover: "purpleLight.100/purpleDeep.900"
21
21
  },
22
- info: "grey.lighter/yellow.100/yellow.1000",
23
- error: "red/red.500/red.500",
22
+ info: "yellow.100/yellow.1000",
23
+ error: "red.500/red.500",
24
24
  errorInteractive: {
25
- DEFAULT: "red/red.500/red.500",
26
- hover: "red/red.700/red.500"
25
+ DEFAULT: "red.500/red.500",
26
+ hover: "red.700/red.500"
27
27
  },
28
- errorAlt: "graphite/red.100/red.900",
29
- success: "green/green.700/green.700",
30
- successAlt: "graphite/green.100/green.1000",
31
- connect: "turquoise/turquoise.500/turquoise.500",
28
+ errorAlt: "red.100/red.900",
29
+ success: "green.700/green.700",
30
+ successAlt: "green.100/green.1000",
31
+ connect: "turquoise.500/turquoise.500",
32
32
  connectInteractive: {
33
- DEFAULT: "turquoise/turquoise.500/turquoise.500",
34
- hover: "turquoise/turquoise.700/turquoise.500"
33
+ DEFAULT: "turquoise.500/turquoise.500",
34
+ hover: "turquoise.700/turquoise.500"
35
35
  },
36
- connectAlt: "grey.light/turquoise.50/turquoise.900",
37
- driver: "deprecatedDriver/yellow.500/yellow.500",
38
- owner: "indigo.dark/navy.700/navy.700",
39
- disabled: "grey.light/navy.100/black.50",
40
- neutral: "grey.light/navy.100/black.50",
41
- neutralAlt: "grey.lighter/navy.50/black.100",
42
- seasonLow: "deprecatedSeasonLow/season.100/season.700",
43
- seasonMedium: "deprecatedSeasonMedium/season.200/season.800",
44
- seasonHigh: "deprecatedSeasonHigh/season.300/season.900",
45
- seasonVeryHigh: "deprecatedSeasonVeryHigh/season.400/season.1000",
46
- rideShare: "grey.dark/black.1000/black.1000"
36
+ connectAlt: "turquoise.50/turquoise.900",
37
+ driver: "yellow.500/yellow.500",
38
+ owner: "navy.700/navy.700",
39
+ disabled: "navy.100/black.50",
40
+ neutral: "navy.100/black.50",
41
+ neutralAlt: "navy.50/black.100",
42
+ seasonLow: "season.100/season.700",
43
+ seasonMedium: "season.200/season.800",
44
+ seasonHigh: "season.300/season.900",
45
+ seasonVeryHigh: "season.400/season.1000",
46
+ rideShare: "black.1000/black.1000"
47
47
  };
48
48
  const text = {
49
- base: "graphite/navy.700/grey.100",
49
+ base: "navy.700/grey.100",
50
50
  baseInteractive: {
51
- DEFAULT: "graphite/navy.700/grey.100",
52
- hover: "graphite/navy.300/grey.300"
51
+ DEFAULT: "navy.700/grey.100",
52
+ hover: "navy.300/grey.300"
53
53
  },
54
- subdued: "graphite.light/navy.300/grey.300",
54
+ subdued: "navy.300/grey.300",
55
55
  subduedInteractive: {
56
- DEFAULT: "graphite.light/navy.300/grey.300",
57
- hover: "graphite/navy.500/grey.300"
56
+ DEFAULT: "navy.300/grey.300",
57
+ hover: "navy.500/grey.300"
58
58
  },
59
- accent: "purple/purple.500/purpleDeep.400",
59
+ accent: "purple.500/purpleDeep.400",
60
60
  accentInteractive: {
61
- DEFAULT: "blue/purple.500/purpleDeep.400",
62
- hover: "blue/purple.700/purpleDeep.400"
61
+ DEFAULT: "purple.500/purpleDeep.400",
62
+ hover: "purple.700/purpleDeep.400"
63
63
  },
64
- accentAlt: "white/purple.500/grey.100",
64
+ accentAlt: "purple.500/grey.100",
65
65
  accentAltInteractive: {
66
- DEFAULT: "white/purple.500/grey.100",
67
- hover: "white/purple.700/grey.100"
66
+ DEFAULT: "purple.500/grey.100",
67
+ hover: "purple.700/grey.100"
68
68
  },
69
- info: "graphite.light/yellow.900/yellow.300",
70
- infoAlt: "turquoise/yellow.500/yellow.700",
71
- error: "red/red.500/red.400",
72
- errorAlt: "white/red.500/red.500",
73
- success: "green/green.700/green.700",
74
- successAlt: "white/green.900/green.100",
75
- warning: "coral/orange.500/orange.300",
76
- connect: "turquoise/turquoise.500/turquoise.500",
77
- connectAlt: "turquoise/turquoise.900/turquoise.50",
78
- driver: "graphite/navy.700/navy.700",
79
- owner: "white/white/grey.100",
80
- inversed: "white/white/white",
81
- disabled: "navy.200/navy.200/navy.200",
82
- onAccent: "white/white/white",
83
- onError: "white/white/white",
84
- onSuccess: "white/white/white",
85
- onRideShare: "white/white/white"
69
+ info: "yellow.900/yellow.300",
70
+ infoAlt: "yellow.500/yellow.700",
71
+ error: "red.500/red.400",
72
+ errorAlt: "red.500/red.500",
73
+ success: "green.700/green.700",
74
+ successAlt: "green.900/green.100",
75
+ warning: "orange.500/orange.300",
76
+ connect: "turquoise.500/turquoise.500",
77
+ connectAlt: "turquoise.900/turquoise.50",
78
+ driver: "navy.700/navy.700",
79
+ owner: "white/grey.100",
80
+ inversed: "white/white",
81
+ disabled: "navy.200/navy.200",
82
+ onAccent: "white/white",
83
+ onError: "white/white",
84
+ onSuccess: "white/white",
85
+ onRideShare: "white/white"
86
86
  };
87
87
  const buttonBackground = {
88
- selected: "indigo/purple.100/purpleDeep.900",
88
+ selected: "purple.100/purpleDeep.900",
89
89
  destructiveInteractive: {
90
- DEFAULT: "red/red.100/red.900",
91
- hover: "red/red.120/red.900",
92
- press: "red/red.150/red.900"
90
+ DEFAULT: "red.100/red.900",
91
+ hover: "red.120/red.900",
92
+ press: "red.150/red.900"
93
93
  },
94
- disabled: "grey.lighter/navy.100/black.50",
94
+ disabled: "navy.100/black.50",
95
95
  primaryInteractive: {
96
- DEFAULT: "purple/purple.500/purpleDeep.500",
97
- hover: "indigo/purple.700/purpleDeep.500",
98
- press: "indigo.dark/purple.900/purpleDeep.500"
96
+ DEFAULT: "purple.500/purpleDeep.500",
97
+ hover: "purple.700/purpleDeep.500",
98
+ press: "purple.900/purpleDeep.500"
99
99
  },
100
100
  secondaryInteractive: {
101
- DEFAULT: "white/white/black.500",
102
- hover: "white/white/black.500",
103
- press: "white/white/black.500"
101
+ DEFAULT: "white/black.500",
102
+ hover: "white/black.500",
103
+ press: "white/black.500"
104
104
  },
105
- success: "green/green.700/green.900",
105
+ success: "green.700/green.900",
106
106
  successAltInteractive: {
107
- DEFAULT: "green/green.100/green.1000",
108
- hover: "green/green.120/green.1000",
109
- press: "green/green.150/green.1000"
107
+ DEFAULT: "green.100/green.1000",
108
+ hover: "green.120/green.1000",
109
+ press: "green.150/green.1000"
110
110
  },
111
111
  tertiaryInteractive: {
112
- DEFAULT: "white/white/white",
113
- hover: "white/white/white",
114
- press: "white/white/white"
112
+ DEFAULT: "white/white",
113
+ hover: "white/white",
114
+ press: "white/white"
115
115
  }
116
116
  };
117
117
  const buttonIcon = {
118
- selected: "white/purple.500/grey.100",
118
+ selected: "purple.500/grey.100",
119
119
  destructiveInteractive: {
120
- DEFAULT: "red/red.500/red.200",
121
- hover: "red/red.500/red.200",
122
- press: "red/red.500/red.200"
120
+ DEFAULT: "red.500/red.200",
121
+ hover: "red.500/red.200",
122
+ press: "red.500/red.200"
123
123
  },
124
- disabled: "graphite.light/navy.300/grey.300",
124
+ disabled: "navy.300/grey.300",
125
125
  primaryInteractive: {
126
- DEFAULT: "white/white/grey.100",
127
- hover: "white/white/grey.100",
128
- press: "white/white/grey.100"
126
+ DEFAULT: "white/grey.100",
127
+ hover: "white/grey.100",
128
+ press: "white/grey.100"
129
129
  },
130
130
  secondaryInteractive: {
131
- DEFAULT: "indigo/purple.500/purpleDeep.400",
132
- hover: "indigo/purple.700/purpleDeep.400",
133
- press: "indigo.dark/purple.900/purpleDeep.400"
131
+ DEFAULT: "purple.500/purpleDeep.400",
132
+ hover: "purple.700/purpleDeep.400",
133
+ press: "purple.900/purpleDeep.400"
134
134
  },
135
- success: "white/white/green.100",
135
+ success: "white/green.100",
136
136
  successAltInteractive: {
137
- DEFAULT: "white/green.900/green.100",
138
- hover: "white/green.900/green.100",
139
- press: "white/green.900/green.100"
137
+ DEFAULT: "green.900/green.100",
138
+ hover: "green.900/green.100",
139
+ press: "green.900/green.100"
140
140
  },
141
141
  tertiaryInteractive: {
142
- DEFAULT: "blue/purple.500/purpleDeep.400",
143
- hover: "blue/purple.700/purpleDeep.400",
144
- press: "blue/purple.900/purpleDeep.400"
142
+ DEFAULT: "purple.500/purpleDeep.400",
143
+ hover: "purple.700/purpleDeep.400",
144
+ press: "purple.900/purpleDeep.400"
145
145
  }
146
146
  };
147
147
  const buttonLabel = {
148
- selected: "white/purple.500/grey.100",
148
+ selected: "purple.500/grey.100",
149
149
  destructiveInteractive: {
150
- DEFAULT: "white/red.500/red.200",
151
- hover: "white/red.500/red.200",
152
- press: "white/red.500/red.200"
150
+ DEFAULT: "red.500/red.200",
151
+ hover: "red.500/red.200",
152
+ press: "red.500/red.200"
153
153
  },
154
- disabled: "graphite.light/navy.300/grey.300",
154
+ disabled: "navy.300/grey.300",
155
155
  primaryInteractive: {
156
- DEFAULT: "white/white/grey.100",
157
- hover: "white/white/grey.100",
158
- press: "white/white/grey.100"
156
+ DEFAULT: "white/grey.100",
157
+ hover: "white/grey.100",
158
+ press: "white/grey.100"
159
159
  },
160
160
  secondaryInteractive: {
161
- DEFAULT: "indigo/purple.500/purpleDeep.400",
162
- hover: "indigo/purple.700/purpleDeep.400",
163
- press: "indigo.dark/purple.900/purpleDeep.400"
161
+ DEFAULT: "purple.500/purpleDeep.400",
162
+ hover: "purple.700/purpleDeep.400",
163
+ press: "purple.900/purpleDeep.400"
164
164
  },
165
- success: "white/white/green.100",
165
+ success: "white/green.100",
166
166
  successAltInteractive: {
167
- DEFAULT: "white/green.900/green.100",
168
- hover: "white/green.900/green.100",
169
- press: "white/green.900/green.100"
167
+ DEFAULT: "green.900/green.100",
168
+ hover: "green.900/green.100",
169
+ press: "green.900/green.100"
170
170
  },
171
171
  tertiaryInteractive: {
172
- DEFAULT: "blue/purple.500/purpleDeep.400",
173
- hover: "blue/purple.700/purpleDeep.400",
174
- press: "blue/purple.900/purpleDeep.400"
172
+ DEFAULT: "purple.500/purpleDeep.400",
173
+ hover: "purple.700/purpleDeep.400",
174
+ press: "purple.900/purpleDeep.400"
175
175
  }
176
176
  };
177
177
  const icon = {
178
- base: "graphite/navy.500/grey.100",
178
+ base: "navy.500/grey.100",
179
179
  baseInteractive: {
180
- DEFAULT: "graphite/navy.500/grey.100",
181
- hover: "graphite/navy.700/grey.100"
180
+ DEFAULT: "navy.500/grey.100",
181
+ hover: "navy.700/grey.100"
182
182
  },
183
- subdued: "graphite.light/navy.300/grey.300",
183
+ subdued: "navy.300/grey.300",
184
184
  subduedInteractive: {
185
- DEFAULT: "graphite.light/navy.300/grey.300",
186
- hover: "graphite/navy.500/grey.300"
185
+ DEFAULT: "navy.300/grey.300",
186
+ hover: "navy.500/grey.300"
187
187
  },
188
- accent: "purple/purple.500/purpleDeep.400",
188
+ accent: "purple.500/purpleDeep.400",
189
189
  accentInteractive: {
190
- DEFAULT: "purple/purple.500/purpleDeep.400",
191
- hover: "indigo/purple.700//purpleDeep.400"
190
+ DEFAULT: "purple.500/purpleDeep.400",
191
+ hover: "purple.700//purpleDeep.400"
192
192
  },
193
- accentAlt: "white/purple.500/grey.100",
193
+ accentAlt: "purple.500/grey.100",
194
194
  accentAltInteractive: {
195
- DEFAULT: "white/purple.500/grey.100",
196
- hover: "white/purple.700/grey.100"
195
+ DEFAULT: "purple.500/grey.100",
196
+ hover: "purple.700/grey.100"
197
197
  },
198
- info: "graphite.light/yellow.900/yellow.300",
199
- infoAlt: "turquoise/yellow.500/yellow.700",
200
- error: "red/red.500/red.400",
201
- errorAlt: "red/red.500/red.200",
202
- success: "green/green.700/green.700",
203
- successAlt: "white/green.900/green.100",
204
- warning: "coral/orange.500/orange.300",
205
- connect: "turquoise/turquoise.500/white",
206
- connectAlt: "turquoise/turquoise.900/turquoise.50",
207
- driver: "graphite/navy.700//navy.700",
208
- owner: "white/white/white",
209
- inversed: "white/white/white",
210
- disabled: "grey.lighter/navy.100/black.50",
211
- rideShare: "grey.dark/black.1000/white",
212
- onRideShare: "white/white/white"
198
+ info: "yellow.900/yellow.300",
199
+ infoAlt: "yellow.500/yellow.700",
200
+ error: "red.500/red.400",
201
+ errorAlt: "red.500/red.200",
202
+ success: "green.700/green.700",
203
+ successAlt: "green.900/green.100",
204
+ warning: "orange.500/orange.300",
205
+ connect: "turquoise.500/white",
206
+ connectAlt: "turquoise.900/turquoise.50",
207
+ driver: "navy.700//navy.700",
208
+ owner: "white/white",
209
+ inversed: "white/white",
210
+ disabled: "navy.100/black.50",
211
+ rideShare: "black.1000/white",
212
+ onRideShare: "white/white"
213
213
  };
214
214
  const stroke = {
215
- base: "grey/navy.100/black.50",
215
+ base: "navy.100/black.50",
216
216
  baseInteractive: {
217
- DEFAULT: "grey/navy.100/black.50",
218
- hover: "graphite.light/navy.300/purpleDeep.400",
219
- press: "graphite/navy.500/purpleDeep.400"
217
+ DEFAULT: "navy.100/black.50",
218
+ hover: "navy.300/purpleDeep.400",
219
+ press: "navy.500/purpleDeep.400"
220
220
  },
221
- strong: "grey.dark/navy.300/navy.200",
221
+ strong: "navy.300/navy.200",
222
222
  strongInteractive: {
223
- DEFAULT: "grey.dark/navy.300/navy.200",
224
- hover: "graphite.light/navy.500/purpleDeep.400",
225
- press: "graphite/navy.700/purpleDeep.400"
223
+ DEFAULT: "navy.300/navy.200",
224
+ hover: "navy.500/purpleDeep.400",
225
+ press: "navy.700/purpleDeep.400"
226
226
  },
227
- subdued: "grey.light/navy.100/black.50",
228
- accent: "indigo/purple.500/purpleDeep.400",
227
+ subdued: "navy.100/black.50",
228
+ accent: "purple.500/purpleDeep.400",
229
229
  accentInteractive: {
230
- DEFAULT: "indigo/purple.500/purpleDeep.400",
231
- hover: "indigo/purple.700/purpleDeep.400",
232
- press: "indigo.dark/purple.900/purpleDeep.400"
230
+ DEFAULT: "purple.500/purpleDeep.400",
231
+ hover: "purple.700/purpleDeep.400",
232
+ press: "purple.900/purpleDeep.400"
233
233
  },
234
- accentAlt: "purple/purple.300/purpleDeep.700",
235
- error: "red/red.500/red.200",
236
- errorAlt: "red/red.500/red.200",
237
- success: "green/green.500/green.700",
238
- successAlt: "green/green.500/green.700",
239
- onAccent: "white/white/white",
240
- onError: "white/white/white"
234
+ accentAlt: "purple.300/purpleDeep.700",
235
+ error: "red.500/red.200",
236
+ errorAlt: "red.500/red.200",
237
+ success: "green.500/green.700",
238
+ successAlt: "green.500/green.700",
239
+ onAccent: "white/white",
240
+ onError: "white/white"
241
241
  };
242
242
  const fill = {
243
- base: "graphite/navy.500/grey.100",
244
- secondary: "turquoise/yellow.500/yellow.500",
245
- subdued: "grey.light/navy.100/black.50",
246
- accent: "purple/purple.500/purpleDeep.400",
247
- accentAlt: "purple/purple.100/purpleDeep.900",
248
- error: "red/red.500/red.500",
249
- negative: "red/red.150/red.900",
250
- success: "green/green.500/green.700",
251
- disabled: "grey.dark/navy.300/grey.300",
252
- neutral: "grey.lighter/navy.50/black.100"
243
+ base: "navy.500/grey.100",
244
+ secondary: "yellow.500/yellow.500",
245
+ subdued: "navy.100/black.50",
246
+ accent: "purple.500/purpleDeep.400",
247
+ accentAlt: "purple.100/purpleDeep.900",
248
+ error: "red.500/red.500",
249
+ negative: "red.150/red.900",
250
+ success: "green.500/green.700",
251
+ disabled: "navy.300/grey.300",
252
+ neutral: "navy.50/black.100"
253
253
  };
254
254
  var _theme = {
255
255
  background: background,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n send = \"send\",\n dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n id: string\n status: AlertPropsType[\"status\"]\n message: AlertPropsType[\"children\"]\n // mandatory only for sent alerts\n dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n queue: AlertsQueue,\n action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n const { type, ...alertData } = action\n if (type === AlertActionType.dismiss) {\n return queue.filter((a) => a.id !== alertData.id)\n }\n // We can't send alerts in the queue without providing a way to dismiss it\n if (type === AlertActionType.send && hasDismiss(alertData))\n return [alertData].concat(queue)\n return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n queue: initialQueue,\n sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider = (props: { children?: React.ReactNode }) => {\n const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n dispatch({\n type: AlertActionType.dismiss,\n ...args,\n })\n }\n const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n const alertData = { ...args, id: nanoid() }\n dispatch({\n type: AlertActionType.send,\n ...alertData,\n dismiss: () => dismissAlert(alertData),\n })\n }\n return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n const { queue } = useAlerts()\n const { isMobile } = useBreakpoint()\n\n const transformSpring = {\n from: remToPx(2),\n enter: 0,\n leave: isMobile ? remToPx(2) : remToPx(5),\n }\n\n const transition = useTransition(queue, {\n keys: queue.map((a) => a.id),\n from: { opacity: 0, transform: transformSpring.from },\n enter: { opacity: 1, transform: transformSpring.enter },\n leave: { opacity: 0, transform: transformSpring.leave },\n config: config.stiff,\n })\n\n return (\n <>\n <Portal>\n <div\n className={cx(\"cobalt-alerts\", {\n \"cobalt-alerts--mobile\": isMobile,\n })}\n >\n {transition((style, alertData) => (\n <animated.div\n key={alertData.id}\n style={{\n opacity: style.opacity,\n ...(isMobile\n ? { translateY: style.transform }\n : { translateX: style.transform }),\n }}\n >\n <Alert status={alertData.status} dismiss={alertData.dismiss}>\n {alertData.message}\n </Alert>\n </animated.div>\n ))}\n </div>\n </Portal>\n {children}\n </>\n )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n return (\n <AlertsProvider>\n <InnerAlerter {...props} />\n </AlertsProvider>\n )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/Alerter/index.tsx"],"sourcesContent":["import React, { useContext, useReducer } from \"react\"\nimport { nanoid } from \"nanoid\"\nimport Portal from \"@reach/portal\"\nimport cx from \"classnames\"\nimport { useTransition, animated, config } from \"@react-spring/web\"\n\nimport Alert, { AlertType } from \"./Alert\"\nimport useBreakpoint from \"../../hooks/useBreakpoint\"\nimport { remToPx } from \"../utils\"\n\ntype AlertPropsType = Parameters<AlertType>[0]\n\nenum AlertActionType {\n send = \"send\",\n dismiss = \"dismiss\",\n}\n\nexport type AlertReducerActionData = {\n id: string\n status: AlertPropsType[\"status\"]\n message: AlertPropsType[\"children\"]\n // mandatory only for sent alerts\n dismiss?: AlertPropsType[\"dismiss\"]\n}\n\n// We omit props type private to the Alerter\ntype SendAlertParameters = Omit<AlertReducerActionData, \"dismiss\" | \"id\">\ntype DismissAlertParameters = Omit<AlertReducerActionData, \"dismiss\">\n// We omit types only use in the reducer\ntype AlertsQueue = (Omit<AlertReducerActionData, \"dismiss\"> & {\n dismiss: NonNullable<AlertReducerActionData[\"dismiss\"]>\n})[]\n\nconst hasDismiss = (\n alertData: AlertReducerActionData\n): alertData is AlertsQueue[0] => \"dismiss\" in alertData\n\nconst initialQueue: AlertsQueue = []\n\nfunction alertsReducer(\n queue: AlertsQueue,\n action: AlertReducerActionData & { type: AlertActionType }\n): AlertsQueue {\n const { type, ...alertData } = action\n if (type === AlertActionType.dismiss) {\n return queue.filter((a) => a.id !== alertData.id)\n }\n // We can't send alerts in the queue without providing a way to dismiss it\n if (type === AlertActionType.send && hasDismiss(alertData))\n return [alertData].concat(queue)\n return queue\n}\n\nconst defaultSendAlert: React.Dispatch<SendAlertParameters> = () => initialQueue // we never actually use this\nconst AlertsContext = React.createContext({\n queue: initialQueue,\n sendAlert: defaultSendAlert, // just to mock out the dispatch type and make it not optional\n})\n\nconst AlertsProvider = (props: { children?: React.ReactNode }) => {\n const [queue, dispatch] = useReducer(alertsReducer, initialQueue)\n const dismissAlert: React.Dispatch<DismissAlertParameters> = (args) => {\n dispatch({\n type: AlertActionType.dismiss,\n ...args,\n })\n }\n const sendAlert: React.Dispatch<SendAlertParameters> = (args) => {\n const alertData = { ...args, id: nanoid() }\n dispatch({\n type: AlertActionType.send,\n ...alertData,\n dismiss: () => dismissAlert(alertData),\n })\n }\n return <AlertsContext.Provider value={{ queue, sendAlert }} {...props} />\n}\n\n// Alerter hook\nexport const useAlerts = () => {\n return useContext(AlertsContext)\n}\n\nconst InnerAlerter = ({ children }: { children: React.ReactNode }) => {\n const { queue } = useAlerts()\n const { isMobile } = useBreakpoint()\n\n const transformSpring = {\n from: remToPx(2),\n enter: 0,\n leave: isMobile ? remToPx(2) : remToPx(5),\n }\n\n const transition = useTransition(queue, {\n keys: queue.map((a) => a.id),\n from: { opacity: 0, transform: transformSpring.from },\n enter: { opacity: 1, transform: transformSpring.enter },\n leave: { opacity: 0, transform: transformSpring.leave },\n config: config.stiff,\n })\n\n return (\n <>\n <Portal>\n <div\n className={cx(\"cobalt-alerts\", {\n \"cobalt-alerts--mobile\": isMobile,\n })}\n >\n {transition((style, alertData) => (\n <animated.div\n key={alertData.id}\n style={{\n opacity: style.opacity,\n ...(isMobile\n ? { translateY: style.transform }\n : { translateX: style.transform }),\n }}\n >\n <Alert status={alertData.status} dismiss={alertData.dismiss}>\n {alertData.message}\n </Alert>\n </animated.div>\n ))}\n </div>\n </Portal>\n {children}\n </>\n )\n}\n\nconst Alerter = (props: { children: React.ReactNode }) => {\n return (\n <AlertsProvider>\n <InnerAlerter {...props} />\n </AlertsProvider>\n )\n}\n\nexport default Alerter\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface BasicCellProps {\n children: React.ReactNode\n leftAddonIcon?: React.ReactNode\n leftAddonThumbUrl?: string\n leftAddonThumbAlt?: string\n leftAddonThumbSquare?: boolean\n title: string\n rightAddonIcon?: React.ReactNode\n large?: boolean\n}\n\nexport const BasicCell = ({\n leftAddonIcon,\n leftAddonThumbUrl,\n leftAddonThumbAlt,\n leftAddonThumbSquare,\n title,\n children,\n rightAddonIcon,\n large = false,\n}: BasicCellProps) => {\n let leftAddon: React.ReactNode | BasicCellProps[\"leftAddonIcon\"] | null = null\n\n if (leftAddonIcon != null) leftAddon = leftAddonIcon\n else if (leftAddonThumbUrl != null) {\n const leftAddonThumbSize = large ? 64 : 44\n leftAddon = (\n <div\n className={cx(\"cobalt-BasicCell__Thumb\", {\n \"cobalt-BasicCell__Thumb--square\": leftAddonThumbSquare,\n })}\n >\n <img\n src={leftAddonThumbUrl}\n alt={leftAddonThumbAlt}\n width={leftAddonThumbSize}\n height={leftAddonThumbSize}\n />\n </div>\n )\n }\n\n return (\n <div\n className={cx(\"cobalt-BasicCell\", {\n \"cobalt-BasicCell--large\": large === true,\n })}\n >\n {leftAddon != null && (\n <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n )}\n <div className=\"cobalt-BasicCell__Main\">\n <div className=\"cobalt-BasicCell__Title\">{title}</div>\n <div className=\"cobalt-BasicCell__Content\">{children}</div>\n </div>\n {rightAddonIcon != null && (\n <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n )}\n </div>\n )\n}\n"],"names":[],"mappings":";;;AAca,MAAA,SAAS,GAAG,CAAC,EACxB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,KAAK,GACE,KAAI;IACnB,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;SAC/C,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,MAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;QAC1C,SAAS,IACP,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;AACvC,gBAAA,iCAAiC,EAAE,oBAAoB;aACxD,CAAC,EAAA;AAEF,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,CACE,CACP,CAAA;AACF,KAAA;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA;QAED,SAAS,IAAI,IAAI,KAChB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,EAAE,SAAS,CAAO,CAC/D;QACD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAO;AACtD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,EAAA,QAAQ,CAAO,CACvD;AACL,QAAA,cAAc,IAAI,IAAI,KACrB,6BAAK,SAAS,EAAC,kCAAkC,EAAA,EAAE,cAAc,CAAO,CACzE,CACG,EACP;AACH;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/BasicCell/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface BasicCellProps {\n children: React.ReactNode\n leftAddonIcon?: React.ReactNode\n leftAddonThumbUrl?: string\n leftAddonThumbAlt?: string\n leftAddonThumbSquare?: boolean\n title: string\n rightAddonIcon?: React.ReactNode\n large?: boolean\n}\n\nexport const BasicCell = ({\n leftAddonIcon,\n leftAddonThumbUrl,\n leftAddonThumbAlt,\n leftAddonThumbSquare,\n title,\n children,\n rightAddonIcon,\n large = false,\n}: BasicCellProps) => {\n let leftAddon: React.ReactNode | BasicCellProps[\"leftAddonIcon\"] | null = null\n\n if (leftAddonIcon != null) leftAddon = leftAddonIcon\n else if (leftAddonThumbUrl != null) {\n const leftAddonThumbSize = large ? 64 : 44\n leftAddon = (\n <div\n className={cx(\"cobalt-BasicCell__Thumb\", {\n \"cobalt-BasicCell__Thumb--square\": leftAddonThumbSquare,\n })}\n >\n <img\n src={leftAddonThumbUrl}\n alt={leftAddonThumbAlt}\n width={leftAddonThumbSize}\n height={leftAddonThumbSize}\n />\n </div>\n )\n }\n\n return (\n <div\n className={cx(\"cobalt-BasicCell\", {\n \"cobalt-BasicCell--large\": large === true,\n })}\n >\n {leftAddon != null && (\n <div className=\"cobalt-BasicCell__LeftAddon\">{leftAddon}</div>\n )}\n <div className=\"cobalt-BasicCell__Main\">\n <div className=\"cobalt-BasicCell__Title\">{title}</div>\n <div className=\"cobalt-BasicCell__Content\">{children}</div>\n </div>\n {rightAddonIcon != null && (\n <div className=\"cobalt-BasicCell__RightAddonIcon\">{rightAddonIcon}</div>\n )}\n </div>\n )\n}\n"],"names":[],"mappings":";;;AAca,MAAA,SAAS,GAAG,CAAC,EACxB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,cAAc,EACd,KAAK,GAAG,KAAK,GACE,KAAI;IACnB,IAAI,SAAS,GAA6D,IAAI,CAAA;IAE9E,IAAI,aAAa,IAAI,IAAI;QAAE,SAAS,GAAG,aAAa,CAAA;AAC/C,SAAA,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAClC,MAAM,kBAAkB,GAAG,KAAK,GAAG,EAAE,GAAG,EAAE,CAAA;QAC1C,SAAS,IACP,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;AACvC,gBAAA,iCAAiC,EAAE,oBAAoB;aACxD,CAAC,EAAA;AAEF,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAE,iBAAiB,EACtB,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,kBAAkB,EAC1B,CAAA,CACE,CACP,CAAA;KACF;AAED,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;YAChC,yBAAyB,EAAE,KAAK,KAAK,IAAI;SAC1C,CAAC,EAAA;QAED,SAAS,IAAI,IAAI,KAChB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,EAAE,SAAS,CAAO,CAC/D;QACD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,EAAE,KAAK,CAAO;AACtD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAE,EAAA,QAAQ,CAAO,CACvD;AACL,QAAA,cAAc,IAAI,IAAI,KACrB,6BAAK,SAAS,EAAC,kCAAkC,EAAA,EAAE,cAAc,CAAO,CACzE,CACG,EACP;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = {\n children?: React.ReactNode\n className?: string\n disabled?: boolean\n fullWidth?: boolean\n loading?: boolean\n rounded?: boolean\n size?: \"large\"\n iconPosition?: \"left\" | \"right\"\n icon?: IconSources\n}\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n ButtonCommonPropsType\n\nexport const getButtonContent = ({\n children,\n icon,\n iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n if (!children && !icon) {\n throw new Error(\"Either an icon or children are required\")\n }\n\n const iconMarkup = icon ? (\n <span\n key={iconPosition}\n className={cx(\"cob-Button__Icon\", {\n \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n })}\n >\n <Icon source={icon} />\n </span>\n ) : null\n\n const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n const childContent = children ? (\n <span key=\"children\" className=\"cob-Button__content\">\n {children}\n </span>\n ) : null\n return (\n <>\n {leftIcon}\n {childContent}\n {rightIcon}\n </>\n )\n}\n\nexport const getButtonCommonClassNames = ({\n rounded,\n size,\n fullWidth,\n className,\n disabled,\n}: Pick<\n ButtonCommonPropsType,\n \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n cx(className, \"cob-Button\", {\n \"cob-Button--rounded\": rounded,\n \"cob-Button--fullWidth\": fullWidth,\n \"cob-Button--large\": size === \"large\",\n \"cob-Button--disabled\": disabled,\n })\n"],"names":[],"mappings":";;;;MAoBa,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAC0B,KAAI;AACtE,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAA;AAC3D,KAAA;AAED,IAAA,MAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;AAChC,YAAA,wBAAwB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM;AAC/D,YAAA,yBAAyB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,OAAO;SAClE,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAA,CAAI,CACjB,IACL,IAAI,CAAA;AAER,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;AAC5D,IAAA,MAAM,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,IAAI,CAAA;IAC9D,MAAM,YAAY,GAAG,QAAQ,IAC3B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,EAAA,EACjD,QAAQ,CACJ,IACL,IAAI,CAAA;AACR,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,YAAY;QACZ,SAAS,CACT,EACJ;AACH,EAAC;AAEY,MAAA,yBAAyB,GAAG,CAAC,EACxC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,GAIT,KACC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE;AAC1B,IAAA,qBAAqB,EAAE,OAAO;AAC9B,IAAA,uBAAuB,EAAE,SAAS;IAClC,mBAAmB,EAAE,IAAI,KAAK,OAAO;AACrC,IAAA,sBAAsB,EAAE,QAAQ;AACjC,CAAA;;;;"}
1
+ {"version":3,"file":"helpers.js","sources":["../../../src/components/Buttons/helpers.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nimport { Icon, IconSources } from \"../Icon\"\n\nexport type ButtonCommonPropsType = {\n children?: React.ReactNode\n className?: string\n disabled?: boolean\n fullWidth?: boolean\n loading?: boolean\n rounded?: boolean\n size?: \"large\"\n iconPosition?: \"left\" | \"right\"\n icon?: IconSources\n}\n\nexport type ButtonTemplatePropsType<SpecificButtonProps> = SpecificButtonProps &\n ButtonCommonPropsType\n\nexport const getButtonContent = ({\n children,\n icon,\n iconPosition = icon ? \"left\" : undefined,\n}: Pick<ButtonCommonPropsType, \"children\" | \"icon\" | \"iconPosition\">) => {\n if (!children && !icon) {\n throw new Error(\"Either an icon or children are required\")\n }\n\n const iconMarkup = icon ? (\n <span\n key={iconPosition}\n className={cx(\"cob-Button__Icon\", {\n \"cob-Button__Icon--left\": !!children && iconPosition === \"left\",\n \"cob-Button__Icon--right\": !!children && iconPosition === \"right\",\n })}\n >\n <Icon source={icon} />\n </span>\n ) : null\n\n const leftIcon = iconPosition === \"left\" ? iconMarkup : null\n const rightIcon = iconPosition === \"right\" ? iconMarkup : null\n const childContent = children ? (\n <span key=\"children\" className=\"cob-Button__content\">\n {children}\n </span>\n ) : null\n return (\n <>\n {leftIcon}\n {childContent}\n {rightIcon}\n </>\n )\n}\n\nexport const getButtonCommonClassNames = ({\n rounded,\n size,\n fullWidth,\n className,\n disabled,\n}: Pick<\n ButtonCommonPropsType,\n \"rounded\" | \"size\" | \"fullWidth\" | \"className\" | \"disabled\"\n>) =>\n cx(className, \"cob-Button\", {\n \"cob-Button--rounded\": rounded,\n \"cob-Button--fullWidth\": fullWidth,\n \"cob-Button--large\": size === \"large\",\n \"cob-Button--disabled\": disabled,\n })\n"],"names":[],"mappings":";;;;MAoBa,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAC0B,KAAI;AACtE,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE;AACtB,QAAA,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAA;KAC3D;AAED,IAAA,MAAM,UAAU,GAAG,IAAI,IACrB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE;AAChC,YAAA,wBAAwB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM;AAC/D,YAAA,yBAAyB,EAAE,CAAC,CAAC,QAAQ,IAAI,YAAY,KAAK,OAAO;SAClE,CAAC,EAAA;AAEF,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,EAAA,CAAI,CACjB,IACL,IAAI,CAAA;AAER,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,MAAM,GAAG,UAAU,GAAG,IAAI,CAAA;AAC5D,IAAA,MAAM,SAAS,GAAG,YAAY,KAAK,OAAO,GAAG,UAAU,GAAG,IAAI,CAAA;IAC9D,MAAM,YAAY,GAAG,QAAQ,IAC3B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAC,UAAU,EAAC,SAAS,EAAC,qBAAqB,EAAA,EACjD,QAAQ,CACJ,IACL,IAAI,CAAA;AACR,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,QAAQ;QACR,YAAY;QACZ,SAAS,CACT,EACJ;AACH,EAAC;AAEY,MAAA,yBAAyB,GAAG,CAAC,EACxC,OAAO,EACP,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,GAIT,KACC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE;AAC1B,IAAA,qBAAqB,EAAE,OAAO;AAC9B,IAAA,uBAAuB,EAAE,SAAS;IAClC,mBAAmB,EAAE,IAAI,KAAK,OAAO;AACrC,IAAA,sBAAsB,EAAE,QAAQ;AACjC,CAAA;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarDayPicker.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarDayPickerMonth } from \"./CalendarDayPickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype CalendarDayPickerPropsType = {\n numberOfMonths?: number\n firstMonthDate?: Date\n firstAvailableDate?: Date\n lastAvailableDate?: Date\n selectedDate?: Date | null\n hint?: {\n status?: FormElementStatus\n html: string\n }\n onChangeDate?: (date: Date, disabled: boolean) => boolean\n onLeaveDate?: (date: Date) => void\n onSelectDate?: (date: Date) => void\n locale?: Record<string, unknown>\n}\n\nexport function CalendarDayPicker({\n firstMonthDate = new Date(),\n numberOfMonths = 1,\n hint,\n firstAvailableDate = new Date(),\n lastAvailableDate,\n selectedDate,\n onChangeDate,\n onLeaveDate,\n onSelectDate,\n locale,\n}: CalendarDayPickerPropsType) {\n const isFirstRender = useRef(true)\n\n firstMonthDate.setHours(0, 0, 0, 0)\n firstAvailableDate.setHours(0, 0, 0, 0)\n\n const [internalSelectedDate, setInternalSelectedDate] = useState<\n Date | null | undefined\n >(selectedDate != null ? selectedDate : null)\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n selectedDate !== internalSelectedDate &&\n setInternalSelectedDate(selectedDate)\n }, [selectedDate])\n\n const handleSelectDate = (date: Date) => {\n setInternalSelectedDate(date)\n onSelectDate && onSelectDate(date)\n }\n\n const handleChangeDate = (date: Date, disabled: boolean) => {\n const processChange = onChangeDate\n ? onChangeDate(date, disabled) !== false\n : true\n\n if (!processChange || disabled) return\n }\n\n const months = [firstMonthDate]\n for (let i = 0; i < numberOfMonths - 1; i++) {\n months.push(addMonths(months[months.length - 1], 1))\n }\n\n return (\n <div className=\"cobalt-CalendarDayPicker\">\n <div className=\"cobalt-CalendarDayPicker__months-container\">\n {months.map((monthDate) => (\n <CalendarDayPickerMonth\n key={monthDate.getTime()}\n month={monthDate}\n selectedDate={internalSelectedDate}\n onSelectDate={handleSelectDate}\n onChangeDate={handleChangeDate}\n onLeaveDate={onLeaveDate}\n firstAvailableDate={firstAvailableDate}\n lastAvailableDate={lastAvailableDate}\n locale={locale}\n />\n ))}\n </div>\n\n <div\n className={classNames(\"cobalt-CalendarDayPicker__message\", {\n \"cobalt-CalendarDayPicker__message--show\": !!hint,\n })}\n >\n {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n </div>\n </div>\n )\n}\n"],"names":["classNames"],"mappings":";;;;;;AAuBgB,SAAA,iBAAiB,CAAC,EAChC,cAAc,GAAG,IAAI,IAAI,EAAE,EAC3B,cAAc,GAAG,CAAC,EAClB,IAAI,EACJ,kBAAkB,GAAG,IAAI,IAAI,EAAE,EAC/B,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,MAAM,GACqB,EAAA;AAC3B,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACnC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEvC,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,YAAY,IAAI,IAAI,GAAG,YAAY,GAAG,IAAI,CAAC,CAAA;IAE7C,SAAS,CAAC,MAAK;QACb,IAAI,aAAa,CAAC,OAAO,EAAE;AACzB,YAAA,aAAa,CAAC,OAAO,GAAG,KAAK,CAAA;YAC7B,OAAM;AACP,SAAA;AACD,QAAA,YAAY,KAAK,oBAAoB;YACnC,uBAAuB,CAAC,YAAY,CAAC,CAAA;AACzC,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,KAAI;QACtC,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAC7B,QAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;AACpC,KAAC,CAAA;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,QAAiB,KAAI;QACzD,MAAM,aAAa,GAAG,YAAY;cAC9B,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,KAAK;cACtC,IAAI,CAAA;QAER,IAAI,CAAC,aAAa,IAAI,QAAQ;YAAE,OAAM;AACxC,KAAC,CAAA;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,cAAc,CAAC,CAAA;AAC/B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC3C,QAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACrD,KAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA;QACvC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4CAA4C,EACxD,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,MACpB,KAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EACrB,GAAG,EAAE,SAAS,CAAC,OAAO,EAAE,EACxB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EAAA,CACd,CACH,CAAC,CACE;AAEN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,mCAAmC,EAAE;gBACzD,yCAAyC,EAAE,CAAC,CAAC,IAAI;AAClD,aAAA,CAAC,IAED,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAAG,IAAI,CAAC,IAAI,CAAQ,CAClD,CACF,EACP;AACH;;;;"}
1
+ {"version":3,"file":"CalendarDayPicker.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarDayPickerMonth } from \"./CalendarDayPickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\n\ntype CalendarDayPickerPropsType = {\n numberOfMonths?: number\n firstMonthDate?: Date\n firstAvailableDate?: Date\n lastAvailableDate?: Date\n selectedDate?: Date | null\n hint?: {\n status?: FormElementStatus\n html: string\n }\n onChangeDate?: (date: Date, disabled: boolean) => boolean\n onLeaveDate?: (date: Date) => void\n onSelectDate?: (date: Date) => void\n locale?: Record<string, unknown>\n}\n\nexport function CalendarDayPicker({\n firstMonthDate = new Date(),\n numberOfMonths = 1,\n hint,\n firstAvailableDate = new Date(),\n lastAvailableDate,\n selectedDate,\n onChangeDate,\n onLeaveDate,\n onSelectDate,\n locale,\n}: CalendarDayPickerPropsType) {\n const isFirstRender = useRef(true)\n\n firstMonthDate.setHours(0, 0, 0, 0)\n firstAvailableDate.setHours(0, 0, 0, 0)\n\n const [internalSelectedDate, setInternalSelectedDate] = useState<\n Date | null | undefined\n >(selectedDate != null ? selectedDate : null)\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n selectedDate !== internalSelectedDate &&\n setInternalSelectedDate(selectedDate)\n }, [selectedDate])\n\n const handleSelectDate = (date: Date) => {\n setInternalSelectedDate(date)\n onSelectDate && onSelectDate(date)\n }\n\n const handleChangeDate = (date: Date, disabled: boolean) => {\n const processChange = onChangeDate\n ? onChangeDate(date, disabled) !== false\n : true\n\n if (!processChange || disabled) return\n }\n\n const months = [firstMonthDate]\n for (let i = 0; i < numberOfMonths - 1; i++) {\n months.push(addMonths(months[months.length - 1], 1))\n }\n\n return (\n <div className=\"cobalt-CalendarDayPicker\">\n <div className=\"cobalt-CalendarDayPicker__months-container\">\n {months.map((monthDate) => (\n <CalendarDayPickerMonth\n key={monthDate.getTime()}\n month={monthDate}\n selectedDate={internalSelectedDate}\n onSelectDate={handleSelectDate}\n onChangeDate={handleChangeDate}\n onLeaveDate={onLeaveDate}\n firstAvailableDate={firstAvailableDate}\n lastAvailableDate={lastAvailableDate}\n locale={locale}\n />\n ))}\n </div>\n\n <div\n className={classNames(\"cobalt-CalendarDayPicker__message\", {\n \"cobalt-CalendarDayPicker__message--show\": !!hint,\n })}\n >\n {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n </div>\n </div>\n )\n}\n"],"names":["classNames"],"mappings":";;;;;;AAuBgB,SAAA,iBAAiB,CAAC,EAChC,cAAc,GAAG,IAAI,IAAI,EAAE,EAC3B,cAAc,GAAG,CAAC,EAClB,IAAI,EACJ,kBAAkB,GAAG,IAAI,IAAI,EAAE,EAC/B,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,MAAM,GACqB,EAAA;AAC3B,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAElC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACnC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEvC,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAE9D,YAAY,IAAI,IAAI,GAAG,YAAY,GAAG,IAAI,CAAC,CAAA;IAE7C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,aAAa,CAAC,OAAO,EAAE;AACzB,YAAA,aAAa,CAAC,OAAO,GAAG,KAAK,CAAA;YAC7B,OAAM;SACP;AACD,QAAA,YAAY,KAAK,oBAAoB;YACnC,uBAAuB,CAAC,YAAY,CAAC,CAAA;AACzC,KAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,KAAI;QACtC,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAC7B,QAAA,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,CAAA;AACpC,KAAC,CAAA;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,IAAU,EAAE,QAAiB,KAAI;QACzD,MAAM,aAAa,GAAG,YAAY;cAC9B,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,KAAK;cACtC,IAAI,CAAA;QAER,IAAI,CAAC,aAAa,IAAI,QAAQ;YAAE,OAAM;AACxC,KAAC,CAAA;AAED,IAAA,MAAM,MAAM,GAAG,CAAC,cAAc,CAAC,CAAA;AAC/B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC3C,QAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;KACrD;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA;QACvC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,4CAA4C,EACxD,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,MACpB,KAAA,CAAA,aAAA,CAAC,sBAAsB,EAAA,EACrB,GAAG,EAAE,SAAS,CAAC,OAAO,EAAE,EACxB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,oBAAoB,EAClC,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EAAA,CACd,CACH,CAAC,CACE;AAEN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEA,EAAU,CAAC,mCAAmC,EAAE;gBACzD,yCAAyC,EAAE,CAAC,CAAC,IAAI;AAClD,aAAA,CAAC,IAED,IAAI,IAAI,oBAAC,IAAI,EAAA,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAAG,IAAI,CAAC,IAAI,CAAQ,CAClD,CACF,EACP;AACH;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarDayPickerMonth.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.tsx"],"sourcesContent":["import React, { useRef } from \"react\"\nimport { CalendarDayPickerDay } from \"./CalendarDayPickerDay\"\nimport { format, isSameDay } from \"date-fns\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\n\ntype CalendarDayPickerMonthPropsType = {\n month: Date\n selectedDate?: Date | null\n onSelectDate: (date: Date) => void\n onChangeDate: (date: Date, disabled: boolean) => void\n onLeaveDate?: (date: Date) => void\n firstAvailableDate: Date\n lastAvailableDate?: Date\n locale: any\n}\n\nfunction isDisabled(\n day: Date,\n firstAvailableDate: Date,\n lastAvailableDate: Date | undefined\n) {\n return (\n day.getTime() < firstAvailableDate.getTime() ||\n (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n )\n}\n\nfunction areEqualDays(\n date1: Date | null | undefined,\n date2: Date | null | undefined\n) {\n return date1 != null && date2 != null && isSameDay(date1, date2)\n}\n\nconst weekdays = getWeekDays()\nconst today = new Date().setHours(0, 0, 0, 0)\n\nexport function CalendarDayPickerMonth({\n month,\n selectedDate,\n onSelectDate,\n onChangeDate,\n onLeaveDate,\n firstAvailableDate,\n lastAvailableDate,\n locale,\n}: CalendarDayPickerMonthPropsType) {\n const byWeeks = useRef(getMonthDaysByWeeks(month))\n\n const onMouseEnter = (day: Date, disabled: boolean) => {\n onChangeDate(day, disabled)\n }\n\n const onSelect = (targetDate: Date) => {\n if (!areEqualDays(targetDate, selectedDate)) {\n onSelectDate(targetDate)\n }\n }\n\n return (\n <div\n className=\"cobalt-CalendarDayPicker__month\"\n data-month={format(month, \"yyyy-MM\")}\n >\n <div className=\"cobalt-CalendarDayPicker__month-header\">\n {format(month, \"MMMM yyyy\", { locale })}\n </div>\n <div className=\"cobalt-CalendarDayPicker__month__weeks-container\">\n <div className=\"cobalt-CalendarDayPicker__month__week-header\">\n {weekdays.map((weekday) => (\n <div\n key={weekday.getTime()}\n className=\"cobalt-CalendarDayPicker__month__day-header\"\n >\n {format(weekday, \"iiiiii\", { locale })}\n </div>\n ))}\n </div>\n {byWeeks.current.map((week, index) => (\n <div key={index} className=\"cobalt-CalendarDayPicker__month__week\">\n {week.map((day) => {\n return (\n <CalendarDayPickerDay\n key={day.getTime()}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onLeaveDate}\n date={day}\n onSelect={onSelect}\n isToday={isSameDay(day, today)}\n disabled={isDisabled(\n day,\n firstAvailableDate,\n lastAvailableDate\n )}\n selected={areEqualDays(day, selectedDate)}\n />\n )\n })}\n </div>\n ))}\n </div>\n </div>\n )\n}\n"],"names":["CalendarDayPickerDay"],"mappings":"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"}
1
+ {"version":3,"file":"CalendarDayPickerMonth.js","sources":["../../../../src/components/Calendar/CalendarDayPicker/CalendarDayPickerMonth.tsx"],"sourcesContent":["import React, { useRef } from \"react\"\nimport { CalendarDayPickerDay } from \"./CalendarDayPickerDay\"\nimport { format, isSameDay } from \"date-fns\"\nimport { getMonthDaysByWeeks, getWeekDays } from \"../utils\"\n\ntype CalendarDayPickerMonthPropsType = {\n month: Date\n selectedDate?: Date | null\n onSelectDate: (date: Date) => void\n onChangeDate: (date: Date, disabled: boolean) => void\n onLeaveDate?: (date: Date) => void\n firstAvailableDate: Date\n lastAvailableDate?: Date\n locale: any\n}\n\nfunction isDisabled(\n day: Date,\n firstAvailableDate: Date,\n lastAvailableDate: Date | undefined\n) {\n return (\n day.getTime() < firstAvailableDate.getTime() ||\n (lastAvailableDate != null && day.getTime() > lastAvailableDate.getTime())\n )\n}\n\nfunction areEqualDays(\n date1: Date | null | undefined,\n date2: Date | null | undefined\n) {\n return date1 != null && date2 != null && isSameDay(date1, date2)\n}\n\nconst weekdays = getWeekDays()\nconst today = new Date().setHours(0, 0, 0, 0)\n\nexport function CalendarDayPickerMonth({\n month,\n selectedDate,\n onSelectDate,\n onChangeDate,\n onLeaveDate,\n firstAvailableDate,\n lastAvailableDate,\n locale,\n}: CalendarDayPickerMonthPropsType) {\n const byWeeks = useRef(getMonthDaysByWeeks(month))\n\n const onMouseEnter = (day: Date, disabled: boolean) => {\n onChangeDate(day, disabled)\n }\n\n const onSelect = (targetDate: Date) => {\n if (!areEqualDays(targetDate, selectedDate)) {\n onSelectDate(targetDate)\n }\n }\n\n return (\n <div\n className=\"cobalt-CalendarDayPicker__month\"\n data-month={format(month, \"yyyy-MM\")}\n >\n <div className=\"cobalt-CalendarDayPicker__month-header\">\n {format(month, \"MMMM yyyy\", { locale })}\n </div>\n <div className=\"cobalt-CalendarDayPicker__month__weeks-container\">\n <div className=\"cobalt-CalendarDayPicker__month__week-header\">\n {weekdays.map((weekday) => (\n <div\n key={weekday.getTime()}\n className=\"cobalt-CalendarDayPicker__month__day-header\"\n >\n {format(weekday, \"iiiiii\", { locale })}\n </div>\n ))}\n </div>\n {byWeeks.current.map((week, index) => (\n <div key={index} className=\"cobalt-CalendarDayPicker__month__week\">\n {week.map((day) => {\n return (\n <CalendarDayPickerDay\n key={day.getTime()}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onLeaveDate}\n date={day}\n onSelect={onSelect}\n isToday={isSameDay(day, today)}\n disabled={isDisabled(\n day,\n firstAvailableDate,\n lastAvailableDate\n )}\n selected={areEqualDays(day, selectedDate)}\n />\n )\n })}\n </div>\n ))}\n </div>\n </div>\n )\n}\n"],"names":["CalendarDayPickerDay"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport cx from \"classnames\"\n\nexport interface RangeConstraintInterface {\n value: number\n message: string\n}\n\nexport interface RangeConstraintsInterface {\n min?: RangeConstraintInterface\n max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n isRangeExceeded?: boolean\n isRangeTooShort?: boolean\n isCustomInvalid?: boolean\n isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n numberOfMonths?: number\n firstMonthDate?: Date\n rangeConstraints?: RangeConstraintsInterface\n firstAvailableDate?: Date\n lastAvailableDate?: Date\n isEditingStartDate: boolean\n isEditingEndDate: boolean\n startDate: Date | undefined\n endDate: Date | undefined\n isDayDisabledFn?: (day: Date) => boolean\n hasDayNotificationFn?: (day: Date) => boolean\n isDayInvalidForSelectionFn?: (day: Date) => boolean\n isSundayFirstDayOfWeek?: boolean\n hint?: {\n status?: FormElementStatus\n html: string\n }\n onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n onLeaveDate?: (date: Date) => void\n onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n rangeConstraints,\n firstMonthDate = new Date(),\n numberOfMonths = 1,\n hint,\n firstAvailableDate = new Date(),\n lastAvailableDate,\n isEditingStartDate,\n isEditingEndDate,\n startDate,\n endDate,\n onChangeDate,\n onLeaveDate,\n onSelectDate,\n isDayDisabledFn,\n hasDayNotificationFn,\n isDayInvalidForSelectionFn,\n isSundayFirstDayOfWeek,\n locale,\n}: CalendarRangePickerPropsType) {\n const isFirstRender = useRef(true)\n\n firstMonthDate.setHours(0, 0, 0, 0)\n firstAvailableDate.setHours(0, 0, 0, 0)\n\n const [rangeDates, setRangeDates] = useState({\n startDate: startDate ? startOfDay(startDate) : undefined,\n endDate: endDate ? startOfDay(endDate) : undefined,\n })\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n setRangeDates({\n startDate: startDate ? startOfDay(startDate) : undefined,\n endDate: endDate ? startOfDay(endDate) : undefined,\n })\n }, [startDate, endDate])\n\n useEffect(() => {\n if (rangeDates.startDate && !rangeDates.endDate) {\n setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n }\n }, [isEditingEndDate])\n\n useEffect(() => {\n if (rangeDates.endDate && !rangeDates.startDate) {\n setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n }\n }, [isEditingStartDate])\n\n const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n if (isDateOutOfRange && isEditingEndDate) return\n\n onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n }\n\n const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n const processChange =\n onChangeDate && (isEditingStartDate || isEditingEndDate)\n ? onChangeDate(date, status) !== false\n : true\n\n if (!processChange || status.isDisabled) return\n\n if (isEditingStartDate) {\n setRangeDates((prev) => ({ ...prev, startDate: date }))\n } else if (isEditingEndDate) {\n setRangeDates((prev) => ({ ...prev, endDate: date }))\n }\n }\n\n const months = [firstMonthDate]\n for (let i = 0; i < numberOfMonths - 1; i++) {\n months.push(addMonths(months[months.length - 1], 1))\n }\n\n return (\n <div\n className={cx(\"cobalt-CalendarRangePicker\", {\n \"cobalt-CalendarRangePicker--isEditing\":\n isEditingStartDate || isEditingEndDate,\n })}\n >\n <div className=\"cobalt-CalendarRangePicker__months-container\">\n {months.map((monthDate) => (\n <CalendarRangePickerMonth\n key={monthDate.getTime()}\n date={monthDate}\n startDate={rangeDates.startDate}\n endDate={rangeDates.endDate}\n onSelectDate={handleSelectDate}\n onChangeDate={handleChangeDate}\n onLeaveDate={onLeaveDate}\n isEditingStartDate={isEditingStartDate}\n isEditingEndDate={isEditingEndDate}\n rangeConstraints={rangeConstraints}\n firstAvailableDate={firstAvailableDate}\n lastAvailableDate={lastAvailableDate}\n isDayDisabledFn={isDayDisabledFn}\n hasDayNotificationFn={hasDayNotificationFn}\n isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n locale={locale}\n />\n ))}\n </div>\n\n <div\n className={classNames(\"cobalt-CalendarRangePicker__message\", {\n \"cobalt-CalendarRangePicker__message--show\": !!hint,\n })}\n >\n {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n </div>\n </div>\n )\n}\n"],"names":["classNames"],"mappings":"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"}
1
+ {"version":3,"file":"CalendarRangePicker.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/CalendarRangePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport { CalendarRangePickerMonth } from \"./CalendarRangePickerMonth\"\nimport classNames from \"classnames\"\nimport { Hint } from \"../../Form/Hint\"\nimport addMonths from \"date-fns/addMonths\"\nimport { FormElementStatus } from \"../../Form/form\"\nimport startOfDay from \"date-fns/startOfDay\"\nimport cx from \"classnames\"\n\nexport interface RangeConstraintInterface {\n value: number\n message: string\n}\n\nexport interface RangeConstraintsInterface {\n min?: RangeConstraintInterface\n max?: RangeConstraintInterface\n}\n\nexport interface DayStatusInterface {\n isRangeExceeded?: boolean\n isRangeTooShort?: boolean\n isCustomInvalid?: boolean\n isDisabled?: boolean\n}\n\nexport type CalendarRangePickerPropsType = {\n numberOfMonths?: number\n firstMonthDate?: Date\n rangeConstraints?: RangeConstraintsInterface\n firstAvailableDate?: Date\n lastAvailableDate?: Date\n isEditingStartDate: boolean\n isEditingEndDate: boolean\n startDate: Date | undefined\n endDate: Date | undefined\n isDayDisabledFn?: (day: Date) => boolean\n hasDayNotificationFn?: (day: Date) => boolean\n isDayInvalidForSelectionFn?: (day: Date) => boolean\n isSundayFirstDayOfWeek?: boolean\n hint?: {\n status?: FormElementStatus\n html: string\n }\n onChangeDate?: (date: Date, status: DayStatusInterface) => boolean\n onLeaveDate?: (date: Date) => void\n onSelectDate?: (date: Date, isOutOfRange: boolean) => void\n locale?: Record<string, unknown>\n}\n\nexport function CalendarRangePicker({\n rangeConstraints,\n firstMonthDate = new Date(),\n numberOfMonths = 1,\n hint,\n firstAvailableDate = new Date(),\n lastAvailableDate,\n isEditingStartDate,\n isEditingEndDate,\n startDate,\n endDate,\n onChangeDate,\n onLeaveDate,\n onSelectDate,\n isDayDisabledFn,\n hasDayNotificationFn,\n isDayInvalidForSelectionFn,\n isSundayFirstDayOfWeek,\n locale,\n}: CalendarRangePickerPropsType) {\n const isFirstRender = useRef(true)\n\n firstMonthDate.setHours(0, 0, 0, 0)\n firstAvailableDate.setHours(0, 0, 0, 0)\n\n const [rangeDates, setRangeDates] = useState({\n startDate: startDate ? startOfDay(startDate) : undefined,\n endDate: endDate ? startOfDay(endDate) : undefined,\n })\n\n useEffect(() => {\n if (isFirstRender.current) {\n isFirstRender.current = false\n return\n }\n setRangeDates({\n startDate: startDate ? startOfDay(startDate) : undefined,\n endDate: endDate ? startOfDay(endDate) : undefined,\n })\n }, [startDate, endDate])\n\n useEffect(() => {\n if (rangeDates.startDate && !rangeDates.endDate) {\n setRangeDates({ ...rangeDates, endDate: rangeDates.startDate })\n }\n }, [isEditingEndDate])\n\n useEffect(() => {\n if (rangeDates.endDate && !rangeDates.startDate) {\n setRangeDates({ ...rangeDates, startDate: rangeDates.endDate })\n }\n }, [isEditingStartDate])\n\n const handleSelectDate = (date: Date, isDateOutOfRange?: boolean) => {\n if (isDateOutOfRange && isEditingEndDate) return\n\n onSelectDate && onSelectDate(date, !!isDateOutOfRange)\n }\n\n const handleChangeDate = (date: Date, status: DayStatusInterface) => {\n const processChange =\n onChangeDate && (isEditingStartDate || isEditingEndDate)\n ? onChangeDate(date, status) !== false\n : true\n\n if (!processChange || status.isDisabled) return\n\n if (isEditingStartDate) {\n setRangeDates((prev) => ({ ...prev, startDate: date }))\n } else if (isEditingEndDate) {\n setRangeDates((prev) => ({ ...prev, endDate: date }))\n }\n }\n\n const months = [firstMonthDate]\n for (let i = 0; i < numberOfMonths - 1; i++) {\n months.push(addMonths(months[months.length - 1], 1))\n }\n\n return (\n <div\n className={cx(\"cobalt-CalendarRangePicker\", {\n \"cobalt-CalendarRangePicker--isEditing\":\n isEditingStartDate || isEditingEndDate,\n })}\n >\n <div className=\"cobalt-CalendarRangePicker__months-container\">\n {months.map((monthDate) => (\n <CalendarRangePickerMonth\n key={monthDate.getTime()}\n date={monthDate}\n startDate={rangeDates.startDate}\n endDate={rangeDates.endDate}\n onSelectDate={handleSelectDate}\n onChangeDate={handleChangeDate}\n onLeaveDate={onLeaveDate}\n isEditingStartDate={isEditingStartDate}\n isEditingEndDate={isEditingEndDate}\n rangeConstraints={rangeConstraints}\n firstAvailableDate={firstAvailableDate}\n lastAvailableDate={lastAvailableDate}\n isDayDisabledFn={isDayDisabledFn}\n hasDayNotificationFn={hasDayNotificationFn}\n isDayInvalidForSelectionFn={isDayInvalidForSelectionFn}\n isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n locale={locale}\n />\n ))}\n </div>\n\n <div\n className={classNames(\"cobalt-CalendarRangePicker__message\", {\n \"cobalt-CalendarRangePicker__message--show\": !!hint,\n })}\n >\n {hint && <Hint status={hint.status}>{hint.html}</Hint>}\n </div>\n </div>\n )\n}\n"],"names":["classNames"],"mappings":"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"}