@pedidopago/ui 1.6.9 → 1.6.11

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 (411) hide show
  1. package/dist/@types/index.d.ts +1 -1
  2. package/dist/@types/index.d.ts.map +1 -1
  3. package/dist/components/Alert/alert.test.js +4 -11
  4. package/dist/components/Alert/index.js +9 -16
  5. package/dist/components/Alert/styles.js +0 -16
  6. package/dist/components/Alert/types.d.ts +2 -2
  7. package/dist/components/Alert/types.d.ts.map +1 -1
  8. package/dist/components/Avatar/avatar.test.js +4 -11
  9. package/dist/components/Avatar/index.js +15 -38
  10. package/dist/components/Avatar/styles.js +0 -16
  11. package/dist/components/Avatar/types.d.ts +2 -2
  12. package/dist/components/Avatar/types.d.ts.map +1 -1
  13. package/dist/components/Badge/badge.test.js +5 -16
  14. package/dist/components/Badge/index.js +5 -9
  15. package/dist/components/Badge/styles.js +1 -11
  16. package/dist/components/Badge/types.d.ts +3 -3
  17. package/dist/components/Badge/types.d.ts.map +1 -1
  18. package/dist/components/Button/Button.test.js +14 -32
  19. package/dist/components/Button/index.js +21 -37
  20. package/dist/components/Button/styles.js +6 -35
  21. package/dist/components/Button/types.d.ts +4 -4
  22. package/dist/components/Button/types.d.ts.map +1 -1
  23. package/dist/components/Card/card.test.js +8 -15
  24. package/dist/components/Card/index.js +15 -24
  25. package/dist/components/Card/styles.js +0 -8
  26. package/dist/components/Card/types.d.ts +2 -2
  27. package/dist/components/Card/types.d.ts.map +1 -1
  28. package/dist/components/CheckboxInput/checkbox-input.test.js +65 -89
  29. package/dist/components/CheckboxInput/components/MultipleCheckbox.js +27 -58
  30. package/dist/components/CheckboxInput/index.js +20 -41
  31. package/dist/components/CheckboxInput/styles.js +9 -33
  32. package/dist/components/CheckboxInput/types.d.ts +1 -1
  33. package/dist/components/CheckboxInput/types.d.ts.map +1 -1
  34. package/dist/components/CollapseCard/ExpandButton/index.js +3 -11
  35. package/dist/components/CollapseCard/ExpandButton/styles.d.ts +4 -2
  36. package/dist/components/CollapseCard/ExpandButton/styles.d.ts.map +1 -1
  37. package/dist/components/CollapseCard/ExpandButton/styles.js +0 -6
  38. package/dist/components/CollapseCard/expand-button.test.js +71 -110
  39. package/dist/components/CollapseCard/index.js +23 -44
  40. package/dist/components/CollapseCard/styles.d.ts +4 -1
  41. package/dist/components/CollapseCard/styles.d.ts.map +1 -1
  42. package/dist/components/CollapseCard/styles.js +0 -9
  43. package/dist/components/ColorPicker/colorpicker.test.js +6 -16
  44. package/dist/components/ColorPicker/components/ColorHue.js +1 -12
  45. package/dist/components/ColorPicker/components/ColorInput.js +10 -31
  46. package/dist/components/ColorPicker/components/ColorPickerBox.js +5 -17
  47. package/dist/components/ColorPicker/components/ColorPointer.js +3 -8
  48. package/dist/components/ColorPicker/components/ColorSelector.js +45 -77
  49. package/dist/components/ColorPicker/hooks/useCachedCallback.js +0 -3
  50. package/dist/components/ColorPicker/hooks/useHsva.js +7 -20
  51. package/dist/components/ColorPicker/index.js +18 -41
  52. package/dist/components/ColorPicker/styles.js +0 -24
  53. package/dist/components/ColorPicker/types.d.ts +11 -11
  54. package/dist/components/ColorPicker/types.d.ts.map +1 -1
  55. package/dist/components/ColorPicker/utils/checkers.js +0 -19
  56. package/dist/components/ColorPicker/utils/conversors.js +41 -88
  57. package/dist/components/ColorPicker/utils/parsers.js +11 -40
  58. package/dist/components/DateInput/DateInput-example.js +14 -23
  59. package/dist/components/DateInput/components/ModalWrapper/index.js +8 -12
  60. package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +4 -1
  61. package/dist/components/DateInput/components/ModalWrapper/styles.d.ts.map +1 -1
  62. package/dist/components/DateInput/components/ModalWrapper/styles.js +1 -12
  63. package/dist/components/DateInput/dateInput.test.js +17 -26
  64. package/dist/components/DateInput/index.js +32 -54
  65. package/dist/components/DateInput/styles.js +0 -9
  66. package/dist/components/DateInput/types.d.ts +1 -1
  67. package/dist/components/DateInput/types.d.ts.map +1 -1
  68. package/dist/components/DatePicker/components/DatePickerContent.d.ts +1 -1
  69. package/dist/components/DatePicker/components/DatePickerContent.d.ts.map +1 -1
  70. package/dist/components/DatePicker/components/DatePickerContent.js +19 -43
  71. package/dist/components/DatePicker/components/DateYearPicker.js +11 -31
  72. package/dist/components/DatePicker/datepicker.test.js +44 -62
  73. package/dist/components/DatePicker/index.d.ts +1 -1
  74. package/dist/components/DatePicker/index.d.ts.map +1 -1
  75. package/dist/components/DatePicker/index.js +74 -118
  76. package/dist/components/DatePicker/styles.js +2 -35
  77. package/dist/components/DatePicker/types.d.ts +4 -4
  78. package/dist/components/DatePicker/types.d.ts.map +1 -1
  79. package/dist/components/DatePicker/utils/getMonthName.js +0 -2
  80. package/dist/components/Dialog/dialog-example.js +9 -22
  81. package/dist/components/Dialog/dialog.test.js +32 -45
  82. package/dist/components/Dialog/index.js +14 -22
  83. package/dist/components/Dialog/styles.js +0 -13
  84. package/dist/components/Dropzone/dropzone.test.js +35 -45
  85. package/dist/components/Dropzone/index.js +29 -68
  86. package/dist/components/Dropzone/styles.js +8 -32
  87. package/dist/components/Dropzone/types.d.ts +4 -4
  88. package/dist/components/Dropzone/types.d.ts.map +1 -1
  89. package/dist/components/Dropzone/utils/accepts.js +0 -5
  90. package/dist/components/Flex/flex.test.js +267 -286
  91. package/dist/components/Flex/index.js +16 -24
  92. package/dist/components/Flex/styles.js +0 -11
  93. package/dist/components/Flex/types.d.ts +13 -13
  94. package/dist/components/Flex/types.d.ts.map +1 -1
  95. package/dist/components/Grid/grid.test.js +0 -6
  96. package/dist/components/Grid/index.js +17 -25
  97. package/dist/components/Grid/styles.js +1 -9
  98. package/dist/components/Grid/types.d.ts +2 -2
  99. package/dist/components/Grid/types.d.ts.map +1 -1
  100. package/dist/components/Icon/data/beauty.js +1 -0
  101. package/dist/components/Icon/data/ecommerce.js +1 -0
  102. package/dist/components/Icon/data/form.js +1 -0
  103. package/dist/components/Icon/data/health.js +1 -0
  104. package/dist/components/Icon/data/illustrations.js +1 -0
  105. package/dist/components/Icon/data/men.js +1 -0
  106. package/dist/components/Icon/data/payment.js +1 -0
  107. package/dist/components/Icon/data/pedidoPago.js +1 -0
  108. package/dist/components/Icon/data/physicalPerfomance.js +1 -0
  109. package/dist/components/Icon/data/social.js +1 -0
  110. package/dist/components/Icon/data/status.js +1 -0
  111. package/dist/components/Icon/data/summer.js +1 -0
  112. package/dist/components/Icon/data/woman.js +1 -0
  113. package/dist/components/Icon/icon.test.js +19 -32
  114. package/dist/components/Icon/index.js +14 -28
  115. package/dist/components/Icon/scripts/build.js +14 -51
  116. package/dist/components/Icon/scripts/extractor.js +0 -6
  117. package/dist/components/Icon/scripts/run-build.js +0 -2
  118. package/dist/components/Icon/scripts/writers.d.ts +1 -1
  119. package/dist/components/Icon/scripts/writers.d.ts.map +1 -1
  120. package/dist/components/Icon/scripts/writers.js +1 -12
  121. package/dist/components/Icon/styles.d.ts +1 -1
  122. package/dist/components/Icon/styles.d.ts.map +1 -1
  123. package/dist/components/Icon/styles.js +3 -11
  124. package/dist/components/Icon/types.d.ts +2 -2
  125. package/dist/components/Icon/types.d.ts.map +1 -1
  126. package/dist/components/Icon/utils/allIcons.js +1 -22
  127. package/dist/components/Icon/utils/iconExists.d.ts +1 -1
  128. package/dist/components/Icon/utils/iconExists.d.ts.map +1 -1
  129. package/dist/components/Icon/utils/iconExists.js +0 -3
  130. package/dist/components/IconItem/IconItem.test.js +27 -37
  131. package/dist/components/IconItem/index.js +5 -12
  132. package/dist/components/IconItem/styles.js +2 -16
  133. package/dist/components/IconItem/types.d.ts +3 -3
  134. package/dist/components/IconItem/types.d.ts.map +1 -1
  135. package/dist/components/Illustration/AlternativeOrderSvg/index.js +0 -2
  136. package/dist/components/Illustration/BoletoSvg/index.js +0 -2
  137. package/dist/components/Illustration/BoxClosedSvg/index.js +0 -2
  138. package/dist/components/Illustration/BoxDeliverySvg/index.js +0 -2
  139. package/dist/components/Illustration/BoxOpenSvg/index.js +0 -2
  140. package/dist/components/Illustration/CalendarSvg/index.js +0 -2
  141. package/dist/components/Illustration/CardSvg/index.js +0 -2
  142. package/dist/components/Illustration/CollaboratorSvg/index.js +0 -2
  143. package/dist/components/Illustration/InquirySvg/index.js +0 -2
  144. package/dist/components/Illustration/OrderSvg/index.js +0 -2
  145. package/dist/components/Illustration/PixSvg/index.js +0 -2
  146. package/dist/components/Illustration/PrescriptionSvg/index.js +0 -2
  147. package/dist/components/Illustration/TransportSvg/index.js +0 -2
  148. package/dist/components/Illustration/illustration.test.js +20 -31
  149. package/dist/components/Illustration/index.js +11 -43
  150. package/dist/components/Illustration/styles.js +0 -14
  151. package/dist/components/ImageItem/imageFake.js +0 -2
  152. package/dist/components/ImageItem/index.js +18 -25
  153. package/dist/components/ImageItem/input.test.js +31 -51
  154. package/dist/components/ImageItem/styles.js +2 -22
  155. package/dist/components/ImageItem/types.d.ts +2 -2
  156. package/dist/components/ImageItem/types.d.ts.map +1 -1
  157. package/dist/components/Input/index.js +25 -47
  158. package/dist/components/Input/input.test.js +49 -73
  159. package/dist/components/Input/styles.js +12 -65
  160. package/dist/components/Input/types.d.ts +1 -1
  161. package/dist/components/Input/types.d.ts.map +1 -1
  162. package/dist/components/Label/index.js +9 -19
  163. package/dist/components/Label/label.test.js +32 -58
  164. package/dist/components/Label/styles.js +0 -6
  165. package/dist/components/Label/types.d.ts +2 -2
  166. package/dist/components/Label/types.d.ts.map +1 -1
  167. package/dist/components/List/index.js +9 -17
  168. package/dist/components/List/list.test.js +4 -11
  169. package/dist/components/List/styles.js +0 -11
  170. package/dist/components/Modal/ModalExample.js +9 -27
  171. package/dist/components/Modal/index.js +23 -47
  172. package/dist/components/Modal/modal.test.js +15 -33
  173. package/dist/components/Modal/styles.d.ts +8 -2
  174. package/dist/components/Modal/styles.d.ts.map +1 -1
  175. package/dist/components/Modal/styles.js +3 -16
  176. package/dist/components/Modal/types.d.ts +2 -2
  177. package/dist/components/Modal/types.d.ts.map +1 -1
  178. package/dist/components/MultipleSelect/MultipleSelect.test.js +106 -223
  179. package/dist/components/MultipleSelect/components/InputWrapper/index.js +1 -11
  180. package/dist/components/MultipleSelect/components/InputWrapper/types.d.ts +1 -1
  181. package/dist/components/MultipleSelect/components/InputWrapper/types.d.ts.map +1 -1
  182. package/dist/components/MultipleSelect/components/OptionsArea/index.js +36 -70
  183. package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts +4 -1
  184. package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map +1 -1
  185. package/dist/components/MultipleSelect/components/OptionsArea/styles.js +6 -19
  186. package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.js +0 -9
  187. package/dist/components/MultipleSelect/components/SelectArea/SelectAreaWrapper.js +2 -12
  188. package/dist/components/MultipleSelect/components/SelectArea/SelectedOptionsArea.js +0 -15
  189. package/dist/components/MultipleSelect/components/SelectArea/index.js +10 -20
  190. package/dist/components/MultipleSelect/components/SelectArea/styles.js +1 -12
  191. package/dist/components/MultipleSelect/components/SelectArea/types.d.ts +1 -1
  192. package/dist/components/MultipleSelect/components/SelectArea/types.d.ts.map +1 -1
  193. package/dist/components/MultipleSelect/components/index.js +0 -6
  194. package/dist/components/MultipleSelect/index.d.ts +1 -1
  195. package/dist/components/MultipleSelect/index.d.ts.map +1 -1
  196. package/dist/components/MultipleSelect/index.js +51 -94
  197. package/dist/components/MultipleSelect/types.d.ts +2 -2
  198. package/dist/components/MultipleSelect/types.d.ts.map +1 -1
  199. package/dist/components/Observer/index.js +10 -25
  200. package/dist/components/Observer/observer.test.js +0 -4
  201. package/dist/components/Observer/types.d.ts +1 -1
  202. package/dist/components/Observer/types.d.ts.map +1 -1
  203. package/dist/components/Pagination/hooks/usePagination.js +2 -18
  204. package/dist/components/Pagination/index.d.ts.map +1 -1
  205. package/dist/components/Pagination/index.js +53 -86
  206. package/dist/components/Pagination/pagination.test.js +16 -50
  207. package/dist/components/Pagination/styles.js +23 -45
  208. package/dist/components/Progress/Circle/index.js +15 -31
  209. package/dist/components/Progress/Circle/styles.js +1 -15
  210. package/dist/components/Progress/Circle/types.d.ts +1 -1
  211. package/dist/components/Progress/Circle/types.d.ts.map +1 -1
  212. package/dist/components/Progress/Linear/index.js +12 -30
  213. package/dist/components/Progress/Linear/styles.js +1 -14
  214. package/dist/components/Progress/Linear/types.d.ts +3 -3
  215. package/dist/components/Progress/Linear/types.d.ts.map +1 -1
  216. package/dist/components/Progress/getSteps.js +0 -3
  217. package/dist/components/Progress/index.js +10 -19
  218. package/dist/components/Progress/progress.test.js +47 -64
  219. package/dist/components/Progress/types.d.ts +2 -2
  220. package/dist/components/Progress/types.d.ts.map +1 -1
  221. package/dist/components/RadioInput/components/ChoiceList/index.js +14 -27
  222. package/dist/components/RadioInput/index.js +15 -26
  223. package/dist/components/RadioInput/radio-input.test.js +44 -68
  224. package/dist/components/RadioInput/styles.js +2 -21
  225. package/dist/components/RadioInput/types.d.ts +4 -4
  226. package/dist/components/RadioInput/types.d.ts.map +1 -1
  227. package/dist/components/RadioInput/utils/get-colors-props.js +0 -1
  228. package/dist/components/Rating/index.js +35 -66
  229. package/dist/components/Rating/rating.test.js +0 -16
  230. package/dist/components/Rating/styles.js +1 -12
  231. package/dist/components/ReactPortal/index.js +7 -22
  232. package/dist/components/ReactPortal/reactPortal.test.js +0 -5
  233. package/dist/components/ReactPortal/utils/createWrapperAndApprendToBody.js +0 -1
  234. package/dist/components/Select/components/OptionsSelect/index.js +25 -45
  235. package/dist/components/Select/components/OptionsSelect/styles.d.ts +4 -1
  236. package/dist/components/Select/components/OptionsSelect/styles.d.ts.map +1 -1
  237. package/dist/components/Select/components/OptionsSelect/styles.js +1 -12
  238. package/dist/components/Select/index.d.ts.map +1 -1
  239. package/dist/components/Select/index.js +37 -74
  240. package/dist/components/Select/select.test.js +13 -22
  241. package/dist/components/Select/styles.js +0 -12
  242. package/dist/components/Select/types.d.ts +2 -2
  243. package/dist/components/Select/types.d.ts.map +1 -1
  244. package/dist/components/Skeleton/index.js +6 -14
  245. package/dist/components/Skeleton/skeleton.test.js +35 -51
  246. package/dist/components/Skeleton/styles.js +0 -10
  247. package/dist/components/Skeleton/types.d.ts +1 -1
  248. package/dist/components/Skeleton/types.d.ts.map +1 -1
  249. package/dist/components/Slider/SliderExample.js +11 -25
  250. package/dist/components/Slider/components/SliderPointer.js +1 -7
  251. package/dist/components/Slider/components/SliderRail.js +49 -81
  252. package/dist/components/Slider/components/SliderSelector.js +22 -45
  253. package/dist/components/Slider/hooks/useEventCallback.js +0 -3
  254. package/dist/components/Slider/index.js +26 -62
  255. package/dist/components/Slider/slider.test.js +52 -65
  256. package/dist/components/Slider/styles.js +0 -25
  257. package/dist/components/Slider/types.d.ts +5 -5
  258. package/dist/components/Slider/types.d.ts.map +1 -1
  259. package/dist/components/Spinner/index.js +6 -10
  260. package/dist/components/Spinner/spinner.test.js +14 -24
  261. package/dist/components/Spinner/styles.js +5 -10
  262. package/dist/components/Spinner/types.d.ts +2 -2
  263. package/dist/components/Spinner/types.d.ts.map +1 -1
  264. package/dist/components/Steps/components/StepIcon/index.js +5 -14
  265. package/dist/components/Steps/components/StepIconMobile/index.js +5 -14
  266. package/dist/components/Steps/index.js +12 -37
  267. package/dist/components/Steps/steps.test.js +23 -33
  268. package/dist/components/Steps/styles.js +4 -27
  269. package/dist/components/Steps/types.d.ts +1 -1
  270. package/dist/components/Steps/types.d.ts.map +1 -1
  271. package/dist/components/Switch/index.d.ts.map +1 -1
  272. package/dist/components/Switch/index.js +22 -39
  273. package/dist/components/Switch/styles.js +4 -21
  274. package/dist/components/Switch/switch.test.js +41 -179
  275. package/dist/components/Switch/types.d.ts +2 -2
  276. package/dist/components/Switch/types.d.ts.map +1 -1
  277. package/dist/components/Table/components/MenuItem.js +5 -11
  278. package/dist/components/Table/components/TableSkeleton.js +3 -9
  279. package/dist/components/Table/index.js +38 -71
  280. package/dist/components/Table/styles.js +0 -19
  281. package/dist/components/Table/table.test.js +68 -84
  282. package/dist/components/Table/types.d.ts +3 -3
  283. package/dist/components/Table/types.d.ts.map +1 -1
  284. package/dist/components/Tabs/TabsExample.js +11 -24
  285. package/dist/components/Tabs/components/Tab.js +12 -20
  286. package/dist/components/Tabs/components/TabPanel.js +3 -7
  287. package/dist/components/Tabs/components/Tabs.js +25 -49
  288. package/dist/components/Tabs/index.js +0 -3
  289. package/dist/components/Tabs/styles.js +9 -29
  290. package/dist/components/Tabs/tabs.test.js +104 -117
  291. package/dist/components/Tabs/types.d.ts +7 -7
  292. package/dist/components/Tabs/types.d.ts.map +1 -1
  293. package/dist/components/Tag/index.js +6 -13
  294. package/dist/components/Tag/styles.js +7 -18
  295. package/dist/components/Tag/tag.test.js +3 -17
  296. package/dist/components/TextAreaInput/index.js +16 -35
  297. package/dist/components/TextAreaInput/styles.js +10 -23
  298. package/dist/components/TextAreaInput/text-area-input.test.js +21 -36
  299. package/dist/components/TextAreaInput/types.d.ts +3 -3
  300. package/dist/components/TextAreaInput/types.d.ts.map +1 -1
  301. package/dist/components/Thumbnail/index.js +31 -60
  302. package/dist/components/Thumbnail/styles.js +9 -26
  303. package/dist/components/Thumbnail/thumbnail.test.js +13 -29
  304. package/dist/components/Thumbnail/types.d.ts +1 -1
  305. package/dist/components/Thumbnail/types.d.ts.map +1 -1
  306. package/dist/components/Thumbnail/utils/index.js +0 -4
  307. package/dist/components/Thumbnail/utils/validate-file-size.js +0 -1
  308. package/dist/components/Thumbnail/utils/validate-file-type.js +0 -1
  309. package/dist/components/Timeline/components/Timeline.js +3 -8
  310. package/dist/components/Timeline/components/TimelineContent.js +7 -18
  311. package/dist/components/Timeline/components/TimelineItem.js +5 -13
  312. package/dist/components/Timeline/components/TimelineSeparator.js +1 -5
  313. package/dist/components/Timeline/index.js +0 -4
  314. package/dist/components/Timeline/styles.js +0 -17
  315. package/dist/components/Timeline/timeline.test.js +103 -115
  316. package/dist/components/Timeline/types.d.ts +4 -4
  317. package/dist/components/Timeline/types.d.ts.map +1 -1
  318. package/dist/components/Toast/button-example.js +1 -14
  319. package/dist/components/Toast/components/Toast.js +12 -21
  320. package/dist/components/Toast/contexts/ToastProvider.js +9 -31
  321. package/dist/components/Toast/hooks/useToast.js +1 -7
  322. package/dist/components/Toast/index.js +6 -17
  323. package/dist/components/Toast/styles.js +0 -12
  324. package/dist/components/Toast/toast.test.js +4 -14
  325. package/dist/components/Toast/types.d.ts +5 -5
  326. package/dist/components/Toast/types.d.ts.map +1 -1
  327. package/dist/components/Tooltip/components/TooltipLabel.js +12 -23
  328. package/dist/components/Tooltip/example.js +0 -4
  329. package/dist/components/Tooltip/index.js +29 -66
  330. package/dist/components/Tooltip/styles.js +0 -10
  331. package/dist/components/Tooltip/types.d.ts +3 -3
  332. package/dist/components/Tooltip/types.d.ts.map +1 -1
  333. package/dist/components/Typography/index.js +9 -21
  334. package/dist/components/Typography/styles.js +0 -7
  335. package/dist/components/Typography/types.d.ts +1 -1
  336. package/dist/components/Typography/types.d.ts.map +1 -1
  337. package/dist/components/Typography/typography.test.js +134 -171
  338. package/dist/index.js +0 -61
  339. package/dist/shared/components/FocusLock/index.js +17 -30
  340. package/dist/shared/formatters/format-number.js +4 -10
  341. package/dist/shared/hooks/devices.d.ts +1 -1
  342. package/dist/shared/hooks/devices.d.ts.map +1 -1
  343. package/dist/shared/hooks/useBreakpoints.d.ts +3 -3
  344. package/dist/shared/hooks/useBreakpoints.d.ts.map +1 -1
  345. package/dist/shared/hooks/useBreakpoints.js +5 -34
  346. package/dist/shared/hooks/useDebounce.js +1 -12
  347. package/dist/shared/hooks/useDevices.js +6 -20
  348. package/dist/shared/hooks/useDisableBodyScroll.js +6 -15
  349. package/dist/shared/hooks/useKeyPress.js +0 -3
  350. package/dist/shared/hooks/useObserver.js +1 -5
  351. package/dist/shared/hooks/useOnClickOutside.js +0 -7
  352. package/dist/shared/hooks/useWindowSize.d.ts +1 -1
  353. package/dist/shared/hooks/useWindowSize.d.ts.map +1 -1
  354. package/dist/shared/hooks/useWindowSize.js +8 -18
  355. package/dist/shared/tests/test-utils.js +5 -13
  356. package/dist/shared/tests/types.d.ts +1 -1
  357. package/dist/shared/tests/types.d.ts.map +1 -1
  358. package/dist/shared/theme/button-example.js +2 -12
  359. package/dist/shared/theme/contexts/ThemeContext.d.ts +2 -2
  360. package/dist/shared/theme/contexts/ThemeContext.d.ts.map +1 -1
  361. package/dist/shared/theme/contexts/ThemeContext.js +14 -37
  362. package/dist/shared/theme/hooks/useColorMode.js +2 -7
  363. package/dist/shared/theme/hooks/useColorModeValue.js +1 -5
  364. package/dist/shared/theme/hooks/useTheme.js +1 -7
  365. package/dist/shared/theme/index.js +0 -8
  366. package/dist/shared/theme/theme.js +5 -9
  367. package/dist/shared/theme/theme.test.js +35 -61
  368. package/dist/shared/theme/theme.types.d.ts +5 -5
  369. package/dist/shared/theme/theme.types.d.ts.map +1 -1
  370. package/dist/shared/theme/utils/extendTheme.js +0 -4
  371. package/dist/shared/types/credit-card.d.ts +1 -1
  372. package/dist/shared/types/credit-card.d.ts.map +1 -1
  373. package/dist/shared/types/file.d.ts +2 -2
  374. package/dist/shared/types/file.d.ts.map +1 -1
  375. package/dist/shared/types/name.d.ts +1 -1
  376. package/dist/shared/types/name.d.ts.map +1 -1
  377. package/dist/utils/GenerateKey.js +1 -3
  378. package/dist/utils/brightnessColorChange.js +0 -1
  379. package/dist/utils/colorCheck.d.ts +1 -1
  380. package/dist/utils/colorCheck.d.ts.map +1 -1
  381. package/dist/utils/colorCheck.js +9 -29
  382. package/dist/utils/colorFunctions.js +0 -6
  383. package/dist/utils/colorToGray.js +5 -22
  384. package/dist/utils/file.d.ts.map +1 -1
  385. package/dist/utils/file.js +56 -83
  386. package/dist/utils/formatters/bytes.js +0 -1
  387. package/dist/utils/formatters/capitalize.js +0 -1
  388. package/dist/utils/formatters/cep.js +1 -3
  389. package/dist/utils/formatters/cnpj.js +2 -9
  390. package/dist/utils/formatters/color.js +19 -20
  391. package/dist/utils/formatters/cpf.js +18 -25
  392. package/dist/utils/formatters/credit-card.js +6 -19
  393. package/dist/utils/formatters/index.js +0 -30
  394. package/dist/utils/formatters/name.js +1 -6
  395. package/dist/utils/formatters/number.js +0 -1
  396. package/dist/utils/formatters/passport.js +3 -7
  397. package/dist/utils/formatters/phone.js +17 -45
  398. package/dist/utils/formatters/price.js +1 -3
  399. package/dist/utils/formatters/rg.js +1 -3
  400. package/dist/utils/formatters/strings.js +0 -5
  401. package/dist/utils/fuctionsColors.js +0 -6
  402. package/dist/utils/generateUUID.js +0 -1
  403. package/dist/utils/getColorValue.js +0 -5
  404. package/dist/utils/getSvg.d.ts +1 -1
  405. package/dist/utils/getSvg.d.ts.map +1 -1
  406. package/dist/utils/getSvg.js +0 -3
  407. package/dist/utils/getValuesBySize.d.ts +2 -2
  408. package/dist/utils/getValuesBySize.d.ts.map +1 -1
  409. package/dist/utils/getValuesBySize.js +0 -1
  410. package/dist/utils/invertColor.js +7 -15
  411. package/package.json +18 -18
@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styles = require("./styles");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
9
  var Spinner = function Spinner(_ref) {
13
10
  var _ref$size = _ref.size,
14
- size = _ref$size === void 0 ? 'md' : _ref$size,
15
- _ref$color = _ref.color,
16
- color = _ref$color === void 0 ? 'primary.default' : _ref$color,
17
- emptyColor = _ref.emptyColor,
18
- thickness = _ref.thickness,
19
- speed = _ref.speed;
11
+ size = _ref$size === void 0 ? 'md' : _ref$size,
12
+ _ref$color = _ref.color,
13
+ color = _ref$color === void 0 ? 'primary.default' : _ref$color,
14
+ emptyColor = _ref.emptyColor,
15
+ thickness = _ref.thickness,
16
+ speed = _ref.speed;
20
17
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledSpinner, {
21
18
  size: size,
22
19
  color: color,
@@ -25,6 +22,5 @@ var Spinner = function Spinner(_ref) {
25
22
  speed: speed
26
23
  });
27
24
  };
28
-
29
25
  var _default = Spinner;
30
26
  exports.default = _default;
@@ -1,55 +1,45 @@
1
1
  "use strict";
2
2
 
3
3
  var _testUtils = require("../../shared/tests/test-utils");
4
-
5
4
  require("@testing-library/jest-dom");
6
-
7
5
  var _ = _interopRequireDefault(require("."));
8
-
9
6
  var _jsxRuntime = require("react/jsx-runtime");
10
-
11
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
8
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
13
9
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
10
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
-
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
19
14
  var setup = function setup(props) {
20
15
  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
21
16
  return utils;
22
17
  };
23
-
24
18
  describe('Spinner', function () {
25
19
  it('should it render the spinner component', function () {
26
20
  var _setup = setup({}),
27
- container = _setup.container;
28
-
21
+ container = _setup.container;
29
22
  expect(container).toBeInTheDocument();
30
23
  });
31
24
  it('should it render the spinner with size', function () {
32
25
  var _setup2 = setup({
33
- size: 'lg'
34
- }),
35
- container = _setup2.container;
36
-
26
+ size: 'lg'
27
+ }),
28
+ container = _setup2.container;
37
29
  expect(container).toBeInTheDocument();
38
30
  });
39
31
  it('should it render the spinner with color', function () {
40
32
  var _setup3 = setup({
41
- color: 'warning.default'
42
- }),
43
- container = _setup3.container;
44
-
33
+ color: 'warning.default'
34
+ }),
35
+ container = _setup3.container;
45
36
  expect(container).toBeInTheDocument();
46
37
  });
47
38
  it('shoult it render the spinner with empty space color', function () {
48
39
  var _setup4 = setup({
49
- emptyColor: 'warning.default'
50
- }),
51
- container = _setup4.container;
52
-
40
+ emptyColor: 'warning.default'
41
+ }),
42
+ container = _setup4.container;
53
43
  expect(container).toBeInTheDocument();
54
44
  });
55
45
  });
@@ -4,25 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StyledSpinner = void 0;
7
-
8
7
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
-
10
8
  var _getColorValue = require("../../utils/getColorValue");
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  var StyledSpinner = _styled.default.div(function (_ref) {
15
11
  var size = _ref.size,
16
- theme = _ref.theme,
17
- color = _ref.color,
18
- emptyColor = _ref.emptyColor,
19
- thickness = _ref.thickness,
20
- speed = _ref.speed;
12
+ theme = _ref.theme,
13
+ color = _ref.color,
14
+ emptyColor = _ref.emptyColor,
15
+ thickness = _ref.thickness,
16
+ speed = _ref.speed;
21
17
  var spinnerColor = (0, _getColorValue.getColorValue)(color || 'primary.default', theme);
22
18
  var spinnerEmptyColor = (0, _getColorValue.getColorValue)(emptyColor || 'transparent', theme, 'transparent');
23
19
  var modifiedSize = size === 'sm' ? '16px' : size === 'md' ? '24px' : size === 'lg' ? '32px' : size === 'xl' ? '48px' : '24px';
24
20
  var borderColor = spinnerEmptyColor === 'currentColor' ? 'transparent' : theme.colorMode === 'light' ? theme.colors.neutral.neutral1 : theme.colors.neutral.neutral6;
25
21
  return "\n display: inline-block;\n width: ".concat(modifiedSize, ";\n height: ").concat(modifiedSize, ";\n border: ").concat(thickness || '4px', " solid ").concat(spinnerColor, ";\n border-radius: 9999999px;\n border-left-color: ").concat(borderColor, ";\n border-bottom-color: ").concat(borderColor, ";\n animation: spin ").concat(speed || '0.45s', " linear infinite;\n\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n }\n ");
26
22
  });
27
-
28
23
  exports.StyledSpinner = StyledSpinner;
@@ -1,12 +1,12 @@
1
1
  import { ExtendThemeProps, GlobalColorsProps } from 'src';
2
- export declare type ISpinnerProps = {
2
+ export type ISpinnerProps = {
3
3
  color?: GlobalColorsProps | (string & {});
4
4
  emptyColor?: GlobalColorsProps | (string & {});
5
5
  speed?: string;
6
6
  thickness?: string;
7
7
  size?: 'sm' | 'md' | 'lg' | 'xl';
8
8
  };
9
- export declare type IStyledSpinnerProps = ISpinnerProps & {
9
+ export type IStyledSpinnerProps = ISpinnerProps & {
10
10
  theme?: ExtendThemeProps;
11
11
  };
12
12
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAE1D,oBAAY,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,oBAAY,mBAAmB,GAAG,aAAa,GAAG;IAChD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAE1D,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG;IAChD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC"}
@@ -4,28 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StepIcon = void 0;
7
-
8
7
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
-
10
8
  var _react = require("@emotion/react");
11
-
12
9
  var _jsxRuntime = require("react/jsx-runtime");
13
-
14
10
  var _templateObject;
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
-
20
13
  var IconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-top: 6px;\n\n @media only screen and (max-width: 500px) {\n transform: rotate(90deg);\n margin-top: 0;\n }\n"])));
21
-
22
14
  var StepIcon = function StepIcon(_ref) {
23
15
  var isSelectedStep = _ref.isSelectedStep,
24
- stepPosition = _ref.stepPosition,
25
- hasStartGradient = _ref.hasStartGradient,
26
- hasEndGratient = _ref.hasEndGratient,
27
- _ref$activeColor = _ref.activeColor,
28
- activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
16
+ stepPosition = _ref.stepPosition,
17
+ hasStartGradient = _ref.hasStartGradient,
18
+ hasEndGratient = _ref.hasEndGratient,
19
+ _ref$activeColor = _ref.activeColor,
20
+ activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
29
21
  var theme = (0, _react.useTheme)();
30
22
  var strokeColor = theme.colors[activeColor].default;
31
23
  var neutralStrokeColor = theme.colors.neutral.neutral1;
@@ -131,5 +123,4 @@ var StepIcon = function StepIcon(_ref) {
131
123
  })
132
124
  });
133
125
  };
134
-
135
126
  exports.StepIcon = StepIcon;
@@ -4,28 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StepIconMobile = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
11
-
12
9
  var _jsxRuntime = require("react/jsx-runtime");
13
-
14
10
  var _templateObject;
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
-
20
13
  var IconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-right: 20px;\n margin-bottom: -10px;\n"])));
21
-
22
14
  var StepIconMobile = function StepIconMobile(_ref) {
23
15
  var stepPosition = _ref.stepPosition,
24
- isSelectedStep = _ref.isSelectedStep,
25
- hasStartGradient = _ref.hasStartGradient,
26
- hasEndGratient = _ref.hasEndGratient,
27
- _ref$activeColor = _ref.activeColor,
28
- activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
16
+ isSelectedStep = _ref.isSelectedStep,
17
+ hasStartGradient = _ref.hasStartGradient,
18
+ hasEndGratient = _ref.hasEndGratient,
19
+ _ref$activeColor = _ref.activeColor,
20
+ activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
29
21
  var theme = (0, _react.useTheme)();
30
22
  var strokeColor = theme.colors[activeColor].default;
31
23
  var neutralStrokeColor = theme.colors.neutral.neutral1;
@@ -131,5 +123,4 @@ var StepIconMobile = function StepIconMobile(_ref) {
131
123
  })
132
124
  });
133
125
  };
134
-
135
126
  exports.StepIconMobile = StepIconMobile;
@@ -4,63 +4,43 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _Icon = _interopRequireDefault(require("../Icon"));
11
-
12
9
  var _StepIcon = require("./components/StepIcon");
13
-
14
10
  var _StepIconMobile = require("./components/StepIconMobile");
15
-
16
11
  var _utils = require("./utils");
17
-
18
12
  var _styles = require("./styles");
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
25
-
26
16
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
27
-
28
17
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
29
-
30
18
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
31
-
32
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
33
-
34
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
35
-
19
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
20
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
36
21
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
37
-
38
22
  var Steps = function Steps(_ref) {
39
23
  var current = _ref.current,
40
- steps = _ref.steps,
41
- _ref$activeColor = _ref.activeColor,
42
- activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
43
- fullWidth = _ref.fullWidth,
44
- _ref$isReducedSteps = _ref.isReducedSteps,
45
- isReducedSteps = _ref$isReducedSteps === void 0 ? false : _ref$isReducedSteps,
46
- enableCurrentStepChecked = _ref.enableCurrentStepChecked;
47
-
24
+ steps = _ref.steps,
25
+ _ref$activeColor = _ref.activeColor,
26
+ activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
27
+ fullWidth = _ref.fullWidth,
28
+ _ref$isReducedSteps = _ref.isReducedSteps,
29
+ isReducedSteps = _ref$isReducedSteps === void 0 ? false : _ref$isReducedSteps,
30
+ enableCurrentStepChecked = _ref.enableCurrentStepChecked;
48
31
  var _useState = (0, _react.useState)(false),
49
- _useState2 = _slicedToArray(_useState, 2),
50
- isMobile = _useState2[0],
51
- setIsMobile = _useState2[1];
52
-
32
+ _useState2 = _slicedToArray(_useState, 2),
33
+ isMobile = _useState2[0],
34
+ setIsMobile = _useState2[1];
53
35
  var handleEnableControlledSteps = function handleEnableControlledSteps(step, index) {
54
36
  var isControlledSteps = _typeof(step) === 'object';
55
37
  if (isControlledSteps) return step.isCompleted;
56
38
  return current > index + 1 || enableCurrentStepChecked && current === index + 1;
57
39
  };
58
-
59
40
  var handleStepName = function handleStepName(step) {
60
41
  if (_typeof(step) === 'object') return step.name;
61
42
  return step;
62
43
  };
63
-
64
44
  var getStepIconPosition = function getStepIconPosition(index) {
65
45
  if (index === 0 && index < steps.length - 1) {
66
46
  return _utils.STEP_POSITION.INITIAL_BEFORE_UNSELECTED;
@@ -74,19 +54,15 @@ var Steps = function Steps(_ref) {
74
54
  return _utils.STEP_POSITION.MIDDLE;
75
55
  }
76
56
  };
77
-
78
57
  var checkStartGradient = function checkStartGradient(index) {
79
58
  return index === 0;
80
59
  };
81
-
82
60
  var checkEndGradient = function checkEndGradient(index) {
83
61
  return index === steps.length - 1 || index === current - 1 && index < steps.length - 1;
84
62
  };
85
-
86
63
  var checkWindowSize = function checkWindowSize() {
87
64
  setIsMobile(window.innerWidth < 500);
88
65
  };
89
-
90
66
  (0, _react.useEffect)(function () {
91
67
  window.addEventListener('resize', checkWindowSize);
92
68
  return function () {
@@ -140,6 +116,5 @@ var Steps = function Steps(_ref) {
140
116
  })
141
117
  });
142
118
  };
143
-
144
119
  var _default = Steps;
145
120
  exports.default = _default;
@@ -1,63 +1,53 @@
1
1
  "use strict";
2
2
 
3
3
  var _testUtils = require("../../shared/tests/test-utils");
4
-
5
4
  require("@testing-library/jest-dom");
6
-
7
5
  var _ = _interopRequireDefault(require("."));
8
-
9
6
  var _jsxRuntime = require("react/jsx-runtime");
10
-
11
7
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
8
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
13
9
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
10
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
-
11
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
12
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
13
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
19
14
  var setup = function setup(props) {
20
15
  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props))));
21
16
  };
22
-
23
17
  describe('Steps', function () {
24
18
  it('should it render the steps component', function () {
25
19
  var _setup = setup({
26
- steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
27
- current: 1
28
- }),
29
- container = _setup.container;
30
-
20
+ steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
21
+ current: 1
22
+ }),
23
+ container = _setup.container;
31
24
  expect(container).toBeInTheDocument();
32
25
  });
33
26
  it('should it render the steps component with the current step', function () {
34
27
  var _setup2 = setup({
35
- steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
36
- current: 2
37
- }),
38
- container = _setup2.container;
39
-
28
+ steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
29
+ current: 2
30
+ }),
31
+ container = _setup2.container;
40
32
  expect(container).toBeInTheDocument();
41
33
  });
42
34
  it('should it render the steps component with different color', function () {
43
35
  var _setup3 = setup({
44
- steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
45
- current: 2,
46
- activeColor: 'secondary'
47
- }),
48
- container = _setup3.container;
49
-
36
+ steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
37
+ current: 2,
38
+ activeColor: 'secondary'
39
+ }),
40
+ container = _setup3.container;
50
41
  expect(container).toBeInTheDocument();
51
42
  });
52
43
  it('should it render the steps component with full width', function () {
53
44
  var _setup4 = setup({
54
- steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
55
- current: 3,
56
- activeColor: 'secondary',
57
- fullWidth: true
58
- }),
59
- container = _setup4.container;
60
-
45
+ steps: ['Dados pessoais', 'Coleta e retirada', 'Pagamento'],
46
+ current: 3,
47
+ activeColor: 'secondary',
48
+ fullWidth: true
49
+ }),
50
+ container = _setup4.container;
61
51
  expect(container).toBeInTheDocument();
62
52
  });
63
53
  });
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.StepsSeparator = exports.StepsItemsDetailsContainer = exports.StepsItemText = exports.StepsItemContainer = exports.StepsContainer = exports.StepsCircle = exports.ReducedStepsMobileContainer = exports.ReducedStepsContainer = void 0;
7
-
8
7
  var _react = require("@emotion/react");
9
-
10
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
11
-
12
9
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
12
  var StepsContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: ", ";\n flex-direction: ", ";\n\n ", ";\n\n @media only screen and (min-width: 500px) {\n flex-direction: row;\n }\n"])), function (_ref) {
19
13
  var isReducedSteps = _ref.isReducedSteps;
20
14
  return isReducedSteps ? '0' : '12px';
@@ -25,67 +19,51 @@ var StepsContainer = _styled.default.div(_templateObject || (_templateObject = _
25
19
  var fullWidth = _ref3.fullWidth;
26
20
  return fullWidth ? "width: 100%;" : "width: fit-content;";
27
21
  });
28
-
29
22
  exports.StepsContainer = StepsContainer;
30
-
31
23
  var StepsCircle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: center;\n\n width: 32px;\n height: 32px;\n min-width: 32px;\n min-height: 32px;\n border-radius: 99999px;\n\n ", "\n\n font-family: inherit;\n font-weight: 600;\n font-size: 1.125rem;\n\n ", "\n\n & svg {\n stroke: ", ";\n stroke-width: 2px;\n }\n"])), function (_ref4) {
32
24
  var theme = _ref4.theme;
33
25
  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n @media screen and (min-width: ", ") {\n width: 42px;\n height: 42px;\n min-width: 42px;\n min-height: 42px;\n }\n "])), theme.breakpoints.md);
34
26
  }, function (_ref5) {
35
27
  var theme = _ref5.theme,
36
- activeColor = _ref5.activeColor,
37
- isFinished = _ref5.isFinished,
38
- isCurrent = _ref5.isCurrent;
28
+ activeColor = _ref5.activeColor,
29
+ isFinished = _ref5.isFinished,
30
+ isCurrent = _ref5.isCurrent;
39
31
  return theme.colors[activeColor] && "\n background-color: ".concat(isFinished ? theme.colors[activeColor].default : isCurrent ? theme.colors[activeColor].disabled : 'transparent', ";\n color: ").concat(isFinished ? theme.colors.body.light : isCurrent ? theme.colors.neutral.black : theme.colors.neutral.neutral3, ";\n\n ").concat(!isCurrent && !isFinished && "\n border: solid 2px ".concat(theme.colors.neutral.neutral1, ";\n "), "\n ");
40
32
  }, function (_ref6) {
41
33
  var theme = _ref6.theme;
42
34
  return theme.colors.body.light;
43
35
  });
44
-
45
36
  exports.StepsCircle = StepsCircle;
46
-
47
37
  var StepsSeparator = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n height: 2px;\n width: 100%;\n min-width: 40px;\n max-width: 20px;\n background-color: ", ";\n"])), function (_ref7) {
48
38
  var theme = _ref7.theme;
49
39
  return theme.colors.neutral.neutral1;
50
40
  });
51
-
52
41
  exports.StepsSeparator = StepsSeparator;
53
-
54
42
  var StepsItemContainer = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n flex: ", ";\n\n gap: 8px;\n\n &:last-of-type {\n flex-direction: row-reverse;\n }\n\n ", "\n"])), function (props) {
55
43
  return props.isCurrent ? 1 : 0;
56
44
  }, function (_ref8) {
57
45
  var theme = _ref8.theme;
58
46
  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n @media screen and (min-width: ", ") {\n gap: 12px;\n }\n "])), theme.breakpoints.sm);
59
47
  });
60
-
61
48
  exports.StepsItemContainer = StepsItemContainer;
62
-
63
49
  var ReducedStepsContainer = _styled.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 100px;\n\n @media only screen and (max-width: 500px) {\n flex-direction: row;\n height: max-content;\n width: 300px;\n justify-content: start;\n }\n"])));
64
-
65
50
  exports.ReducedStepsContainer = ReducedStepsContainer;
66
-
67
51
  var ReducedStepsMobileContainer = _styled.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n width: 100%;\n"])));
68
-
69
52
  exports.ReducedStepsMobileContainer = ReducedStepsMobileContainer;
70
-
71
53
  var StepsItemsDetailsContainer = _styled.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 12px;\n"])));
72
-
73
54
  exports.StepsItemsDetailsContainer = StepsItemsDetailsContainer;
74
-
75
55
  var StepsItemText = _styled.default.h3(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n font-family: inherit;\n font-weight: 600;\n font-size: 1rem;\n\n white-space: nowrap;\n\n ", "\n\n ", "\n\n @media only screen and (max-width: 500px) {\n ", ";\n white-space: normal;\n }\n"])), function (_ref9) {
76
56
  var theme = _ref9.theme;
77
57
  return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n @media screen and (min-width: ", ") {\n font-size: 1.25rem;\n }\n "])), theme.breakpoints.sm);
78
58
  }, function (_ref10) {
79
59
  var isDisabled = _ref10.isDisabled,
80
- theme = _ref10.theme;
81
-
60
+ theme = _ref10.theme;
82
61
  if (isDisabled) {
83
62
  return "\n color: ".concat({
84
63
  light: theme.colors.tertiary.hover,
85
64
  dark: theme.colors.neutral.neutral4
86
65
  }[theme.colorMode], ";\n ");
87
66
  }
88
-
89
67
  return "\n color: ".concat({
90
68
  light: theme.colors.neutral.black,
91
69
  dark: theme.colors.neutral.white
@@ -94,5 +72,4 @@ var StepsItemText = _styled.default.h3(_templateObject10 || (_templateObject10 =
94
72
  var isReducedSteps = _ref11.isReducedSteps;
95
73
  return isReducedSteps ? "width: 100%;" : "";
96
74
  });
97
-
98
75
  exports.StepsItemText = StepsItemText;
@@ -2,7 +2,7 @@ export interface StepsControlled {
2
2
  name: string;
3
3
  isCompleted: boolean;
4
4
  }
5
- export declare type StepsItems = string | StepsControlled;
5
+ export type StepsItems = string | StepsControlled;
6
6
  export interface StepsProps {
7
7
  steps: StepsItems[];
8
8
  current: number;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,oBAAY,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CACnD"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CACnD"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAkD,MAAM,OAAO,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAgDhC,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,EAAE,EAAkD,MAAM,OAAO,CAAC;AAKrF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAkDhC,CAAC;AAEF,eAAe,WAAW,CAAC"}