@tecsinapse/react-core 1.22.8 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (449) hide show
  1. package/dist/cjs/components/atoms/Avatar/Avatar.d.ts +1 -1
  2. package/dist/cjs/components/atoms/Avatar/Avatar.js +3 -17
  3. package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -1
  4. package/dist/cjs/components/atoms/Avatar/Avatar.stories.d.ts +1 -2
  5. package/dist/cjs/components/atoms/Avatar/helpers.js +0 -2
  6. package/dist/cjs/components/atoms/Avatar/helpers.js.map +1 -1
  7. package/dist/cjs/components/atoms/Avatar/styled.d.ts +0 -4
  8. package/dist/cjs/components/atoms/Avatar/styled.js +4 -10
  9. package/dist/cjs/components/atoms/Avatar/styled.js.map +1 -1
  10. package/dist/cjs/components/atoms/Badge/Badge.d.ts +3 -2
  11. package/dist/cjs/components/atoms/Badge/Badge.js +1 -9
  12. package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
  13. package/dist/cjs/components/atoms/Badge/styled.js +2 -8
  14. package/dist/cjs/components/atoms/Badge/styled.js.map +1 -1
  15. package/dist/cjs/components/atoms/BoxContent/BoxContent.js +1 -7
  16. package/dist/cjs/components/atoms/BoxContent/BoxContent.js.map +1 -1
  17. package/dist/cjs/components/atoms/BoxContent/BoxContent.stories.d.ts +1 -2
  18. package/dist/cjs/components/atoms/BoxContent/styled.js +2 -8
  19. package/dist/cjs/components/atoms/BoxContent/styled.js.map +1 -1
  20. package/dist/cjs/components/atoms/Button/Button.d.ts +2 -2
  21. package/dist/cjs/components/atoms/Button/Button.js +19 -16
  22. package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
  23. package/dist/cjs/components/atoms/Button/States/BaseState.js +1 -14
  24. package/dist/cjs/components/atoms/Button/States/BaseState.js.map +1 -1
  25. package/dist/cjs/components/atoms/Button/States/Error.js +1 -8
  26. package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -1
  27. package/dist/cjs/components/atoms/Button/States/Loading.js +7 -12
  28. package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -1
  29. package/dist/cjs/components/atoms/Button/States/Success.js +1 -8
  30. package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -1
  31. package/dist/cjs/components/atoms/Button/States/styled.js +2 -8
  32. package/dist/cjs/components/atoms/Button/States/styled.js.map +1 -1
  33. package/dist/cjs/components/atoms/Button/styled.d.ts +0 -2
  34. package/dist/cjs/components/atoms/Button/styled.js +2 -8
  35. package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
  36. package/dist/cjs/components/atoms/Card/Card.d.ts +3 -2
  37. package/dist/cjs/components/atoms/Card/Card.js +2 -13
  38. package/dist/cjs/components/atoms/Card/Card.js.map +1 -1
  39. package/dist/cjs/components/atoms/Card/Card.stories.d.ts +3 -4
  40. package/dist/cjs/components/atoms/Card/Footer/Footer.d.ts +3 -2
  41. package/dist/cjs/components/atoms/Card/Footer/Footer.js +1 -7
  42. package/dist/cjs/components/atoms/Card/Footer/Footer.js.map +1 -1
  43. package/dist/cjs/components/atoms/Card/Header/Header.d.ts +3 -2
  44. package/dist/cjs/components/atoms/Card/Header/Header.js +1 -7
  45. package/dist/cjs/components/atoms/Card/Header/Header.js.map +1 -1
  46. package/dist/cjs/components/atoms/Card/styled.js +1 -7
  47. package/dist/cjs/components/atoms/Card/styled.js.map +1 -1
  48. package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +3 -2
  49. package/dist/cjs/components/atoms/Checkbox/Checkbox.js +26 -26
  50. package/dist/cjs/components/atoms/Checkbox/Checkbox.js.map +1 -1
  51. package/dist/cjs/components/atoms/Checkbox/Checkbox.stories.d.ts +3 -4
  52. package/dist/cjs/components/atoms/Checkbox/styled.js +4 -10
  53. package/dist/cjs/components/atoms/Checkbox/styled.js.map +1 -1
  54. package/dist/cjs/components/atoms/Divider/Divider.js +1 -7
  55. package/dist/cjs/components/atoms/Divider/Divider.js.map +1 -1
  56. package/dist/cjs/components/atoms/Divider/Divider.stories.d.ts +1 -2
  57. package/dist/cjs/components/atoms/Divider/styled.js +2 -8
  58. package/dist/cjs/components/atoms/Divider/styled.js.map +1 -1
  59. package/dist/cjs/components/atoms/GroupButton/GroupButton.d.ts +1 -0
  60. package/dist/cjs/components/atoms/GroupButton/GroupButton.js +16 -20
  61. package/dist/cjs/components/atoms/GroupButton/GroupButton.js.map +1 -1
  62. package/dist/cjs/components/atoms/GroupButton/GroupButton.stories.d.ts +2 -2
  63. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -9
  64. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  65. package/dist/cjs/components/atoms/GroupButton/styled.d.ts +0 -4
  66. package/dist/cjs/components/atoms/GroupButton/styled.js +6 -12
  67. package/dist/cjs/components/atoms/GroupButton/styled.js.map +1 -1
  68. package/dist/cjs/components/atoms/Icon/AntDesign.d.ts +1 -0
  69. package/dist/cjs/components/atoms/Icon/AntDesign.js +2 -11
  70. package/dist/cjs/components/atoms/Icon/AntDesign.js.map +1 -1
  71. package/dist/cjs/components/atoms/Icon/Entypo.d.ts +1 -0
  72. package/dist/cjs/components/atoms/Icon/Entypo.js +2 -11
  73. package/dist/cjs/components/atoms/Icon/Entypo.js.map +1 -1
  74. package/dist/cjs/components/atoms/Icon/Evil.d.ts +1 -0
  75. package/dist/cjs/components/atoms/Icon/Evil.js +2 -11
  76. package/dist/cjs/components/atoms/Icon/Evil.js.map +1 -1
  77. package/dist/cjs/components/atoms/Icon/Feather.d.ts +1 -0
  78. package/dist/cjs/components/atoms/Icon/Feather.js +2 -11
  79. package/dist/cjs/components/atoms/Icon/Feather.js.map +1 -1
  80. package/dist/cjs/components/atoms/Icon/FontAwesome.d.ts +1 -0
  81. package/dist/cjs/components/atoms/Icon/FontAwesome.js +2 -11
  82. package/dist/cjs/components/atoms/Icon/FontAwesome.js.map +1 -1
  83. package/dist/cjs/components/atoms/Icon/FontAwesomeFive.d.ts +1 -0
  84. package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js +2 -11
  85. package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
  86. package/dist/cjs/components/atoms/Icon/Fontisto.d.ts +1 -0
  87. package/dist/cjs/components/atoms/Icon/Fontisto.js +2 -11
  88. package/dist/cjs/components/atoms/Icon/Fontisto.js.map +1 -1
  89. package/dist/cjs/components/atoms/Icon/Foundation.d.ts +1 -0
  90. package/dist/cjs/components/atoms/Icon/Foundation.js +2 -11
  91. package/dist/cjs/components/atoms/Icon/Foundation.js.map +1 -1
  92. package/dist/cjs/components/atoms/Icon/Icon.js +1 -11
  93. package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -1
  94. package/dist/cjs/components/atoms/Icon/Icon.stories.d.ts +1 -2
  95. package/dist/cjs/components/atoms/Icon/Ionicon.d.ts +1 -0
  96. package/dist/cjs/components/atoms/Icon/Ionicon.js +2 -11
  97. package/dist/cjs/components/atoms/Icon/Ionicon.js.map +1 -1
  98. package/dist/cjs/components/atoms/Icon/Material.d.ts +1 -0
  99. package/dist/cjs/components/atoms/Icon/Material.js +2 -11
  100. package/dist/cjs/components/atoms/Icon/Material.js.map +1 -1
  101. package/dist/cjs/components/atoms/Icon/MaterialCommunity.d.ts +1 -0
  102. package/dist/cjs/components/atoms/Icon/MaterialCommunity.js +2 -11
  103. package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map +1 -1
  104. package/dist/cjs/components/atoms/Icon/Octicon.d.ts +1 -0
  105. package/dist/cjs/components/atoms/Icon/Octicon.js +2 -11
  106. package/dist/cjs/components/atoms/Icon/Octicon.js.map +1 -1
  107. package/dist/cjs/components/atoms/Icon/SimpleLine.d.ts +1 -0
  108. package/dist/cjs/components/atoms/Icon/SimpleLine.js +2 -11
  109. package/dist/cjs/components/atoms/Icon/SimpleLine.js.map +1 -1
  110. package/dist/cjs/components/atoms/Icon/Zocial.d.ts +1 -0
  111. package/dist/cjs/components/atoms/Icon/Zocial.js +2 -11
  112. package/dist/cjs/components/atoms/Icon/Zocial.js.map +1 -1
  113. package/dist/cjs/components/atoms/Icon/functions.js +0 -2
  114. package/dist/cjs/components/atoms/Icon/functions.js.map +1 -1
  115. package/dist/cjs/components/atoms/Icon/styled.js +1 -7
  116. package/dist/cjs/components/atoms/Icon/styled.js.map +1 -1
  117. package/dist/cjs/components/atoms/Input/Hint.js +9 -13
  118. package/dist/cjs/components/atoms/Input/Hint.js.map +1 -1
  119. package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -1
  120. package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js +39 -24
  121. package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
  122. package/dist/cjs/components/atoms/Input/InputElement/InputElement.js +14 -15
  123. package/dist/cjs/components/atoms/Input/InputElement/InputElement.js.map +1 -1
  124. package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js +14 -15
  125. package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
  126. package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +3 -2
  127. package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +4 -12
  128. package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
  129. package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js +1 -7
  130. package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
  131. package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js +0 -2
  132. package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
  133. package/dist/cjs/components/atoms/Input/hooks/useNumberMask.d.ts +1 -1
  134. package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js +1 -7
  135. package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
  136. package/dist/cjs/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
  137. package/dist/cjs/components/atoms/Input/hooks/useStringMask.js +0 -2
  138. package/dist/cjs/components/atoms/Input/hooks/useStringMask.js.map +1 -1
  139. package/dist/cjs/components/atoms/Input/styled.d.ts +0 -6
  140. package/dist/cjs/components/atoms/Input/styled.js +9 -15
  141. package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
  142. package/dist/cjs/components/atoms/Paper/Paper.d.ts +3 -2
  143. package/dist/cjs/components/atoms/Paper/Paper.js +1 -8
  144. package/dist/cjs/components/atoms/Paper/Paper.js.map +1 -1
  145. package/dist/cjs/components/atoms/Paper/Paper.stories.d.ts +3 -4
  146. package/dist/cjs/components/atoms/Paper/styled.js +1 -7
  147. package/dist/cjs/components/atoms/Paper/styled.js.map +1 -1
  148. package/dist/cjs/components/atoms/PressableSurface/PressableSurface.d.ts +3 -2
  149. package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js +1 -8
  150. package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
  151. package/dist/cjs/components/atoms/ProgressBar/ProgressBar.d.ts +3 -3
  152. package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js +22 -51
  153. package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  154. package/dist/cjs/components/atoms/ProgressBar/ProgressBar.stories.d.ts +3 -4
  155. package/dist/cjs/components/atoms/ProgressBar/styled.d.ts +0 -2
  156. package/dist/cjs/components/atoms/ProgressBar/styled.js +3 -9
  157. package/dist/cjs/components/atoms/ProgressBar/styled.js.map +1 -1
  158. package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts +3 -2
  159. package/dist/cjs/components/atoms/RadioButton/RadioButton.js +27 -21
  160. package/dist/cjs/components/atoms/RadioButton/RadioButton.js.map +1 -1
  161. package/dist/cjs/components/atoms/RadioButton/RadioButton.stories.d.ts +3 -4
  162. package/dist/cjs/components/atoms/RadioButton/styled.js +4 -10
  163. package/dist/cjs/components/atoms/RadioButton/styled.js.map +1 -1
  164. package/dist/cjs/components/atoms/Switch/Switch.js +25 -18
  165. package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
  166. package/dist/cjs/components/atoms/Switch/Switch.stories.d.ts +1 -2
  167. package/dist/cjs/components/atoms/Switch/animation.js +0 -2
  168. package/dist/cjs/components/atoms/Switch/animation.js.map +1 -1
  169. package/dist/cjs/components/atoms/Switch/styled.js +2 -8
  170. package/dist/cjs/components/atoms/Switch/styled.js.map +1 -1
  171. package/dist/cjs/components/atoms/Tag/Tag.js +30 -24
  172. package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
  173. package/dist/cjs/components/atoms/Tag/styled.d.ts +0 -6
  174. package/dist/cjs/components/atoms/Tag/styled.js +4 -10
  175. package/dist/cjs/components/atoms/Tag/styled.js.map +1 -1
  176. package/dist/cjs/components/atoms/Text/Text.js +16 -16
  177. package/dist/cjs/components/atoms/Text/Text.js.map +1 -1
  178. package/dist/cjs/components/atoms/Text/Text.stories.d.ts +1 -2
  179. package/dist/cjs/components/atoms/Text/functions.js +0 -2
  180. package/dist/cjs/components/atoms/Text/functions.js.map +1 -1
  181. package/dist/cjs/components/atoms/Text/styled.js +2 -8
  182. package/dist/cjs/components/atoms/Text/styled.js.map +1 -1
  183. package/dist/cjs/components/atoms/shared/PaperAndCard.js +0 -2
  184. package/dist/cjs/components/atoms/shared/PaperAndCard.js.map +1 -1
  185. package/dist/cjs/components/molecules/Calendar/Calendar.d.ts +3 -3
  186. package/dist/cjs/components/molecules/Calendar/Calendar.js +48 -43
  187. package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -1
  188. package/dist/cjs/components/molecules/Calendar/Calendar.stories.d.ts +1 -2
  189. package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js +19 -25
  190. package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
  191. package/dist/cjs/components/molecules/Calendar/components/Weekdays.js +15 -18
  192. package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map +1 -1
  193. package/dist/cjs/components/molecules/Calendar/styled.d.ts +0 -6
  194. package/dist/cjs/components/molecules/Calendar/styled.js +7 -13
  195. package/dist/cjs/components/molecules/Calendar/styled.js.map +1 -1
  196. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +32 -32
  197. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
  198. package/dist/cjs/components/molecules/DatePicker/styled.d.ts +0 -4
  199. package/dist/cjs/components/molecules/DatePicker/styled.js +2 -8
  200. package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -1
  201. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +43 -44
  202. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  203. package/dist/cjs/components/molecules/DateTimePicker/styled.d.ts +0 -2
  204. package/dist/cjs/components/molecules/DateTimePicker/styled.js +1 -7
  205. package/dist/cjs/components/molecules/DateTimePicker/styled.js.map +1 -1
  206. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +1 -1
  207. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +73 -77
  208. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  209. package/dist/cjs/components/molecules/DateTimeSelector/Selector.d.ts +1 -1
  210. package/dist/cjs/components/molecules/DateTimeSelector/Selector.js +37 -34
  211. package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map +1 -1
  212. package/dist/cjs/components/molecules/DateTimeSelector/styled.d.ts +0 -4
  213. package/dist/cjs/components/molecules/DateTimeSelector/styled.js +8 -14
  214. package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map +1 -1
  215. package/dist/cjs/components/molecules/Grid/functions.js +0 -2
  216. package/dist/cjs/components/molecules/Grid/functions.js.map +1 -1
  217. package/dist/cjs/components/molecules/Grid/index.d.ts +6 -6
  218. package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js +17 -20
  219. package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
  220. package/dist/cjs/components/molecules/IconTextButton/IconComponent.js +9 -10
  221. package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map +1 -1
  222. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
  223. package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js +10 -14
  224. package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
  225. package/dist/cjs/components/molecules/InputPassword/styled.d.ts +0 -2
  226. package/dist/cjs/components/molecules/InputPassword/styled.js +1 -7
  227. package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -1
  228. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +2 -2
  229. package/dist/cjs/components/molecules/Snackbar/Snackbar.d.ts +3 -2
  230. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +38 -37
  231. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
  232. package/dist/cjs/components/molecules/Snackbar/styled.d.ts +0 -6
  233. package/dist/cjs/components/molecules/Snackbar/styled.js +7 -13
  234. package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
  235. package/dist/cjs/components/molecules/TextArea/TextArea.js +35 -36
  236. package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
  237. package/dist/cjs/components/molecules/TextArea/styled.js +2 -8
  238. package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -1
  239. package/dist/cjs/hooks/useDebouncedState.js +0 -2
  240. package/dist/cjs/hooks/useDebouncedState.js.map +1 -1
  241. package/dist/cjs/hooks/useTheme.js +0 -2
  242. package/dist/cjs/hooks/useTheme.js.map +1 -1
  243. package/dist/cjs/index.js +0 -2
  244. package/dist/cjs/index.js.map +1 -1
  245. package/dist/cjs/styles/ThemeProvider.js +1 -7
  246. package/dist/cjs/styles/ThemeProvider.js.map +1 -1
  247. package/dist/cjs/styles/definitions.d.ts +1 -1
  248. package/dist/cjs/styles/definitions.js +23 -2
  249. package/dist/cjs/styles/definitions.js.map +1 -1
  250. package/dist/cjs/styles/light.js +0 -2
  251. package/dist/cjs/styles/light.js.map +1 -1
  252. package/dist/cjs/types/defaults.d.ts +26 -26
  253. package/dist/cjs/utils/IPhoneXHelper.js +1 -3
  254. package/dist/cjs/utils/IPhoneXHelper.js.map +1 -1
  255. package/dist/cjs/utils/ResponsiveFontSize.js +0 -2
  256. package/dist/cjs/utils/ResponsiveFontSize.js.map +1 -1
  257. package/dist/cjs/utils/extractNumbersFromString.js +0 -2
  258. package/dist/cjs/utils/extractNumbersFromString.js.map +1 -1
  259. package/dist/cjs/utils/formatWithMask.js +1 -7
  260. package/dist/cjs/utils/formatWithMask.js.map +1 -1
  261. package/dist/cjs/utils/lightenDarkenColor.js +0 -2
  262. package/dist/cjs/utils/lightenDarkenColor.js.map +1 -1
  263. package/dist/cjs/utils/masks.js +0 -2
  264. package/dist/cjs/utils/masks.js.map +1 -1
  265. package/dist/cjs/utils/variantComplement.js +0 -2
  266. package/dist/cjs/utils/variantComplement.js.map +1 -1
  267. package/dist/esm/components/atoms/Avatar/Avatar.d.ts +1 -1
  268. package/dist/esm/components/atoms/Avatar/Avatar.js +1 -11
  269. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  270. package/dist/esm/components/atoms/Avatar/helpers.js.map +1 -1
  271. package/dist/esm/components/atoms/Avatar/styled.d.ts +0 -4
  272. package/dist/esm/components/atoms/Avatar/styled.js.map +1 -1
  273. package/dist/esm/components/atoms/Badge/Badge.d.ts +3 -2
  274. package/dist/esm/components/atoms/Badge/Badge.js +1 -5
  275. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
  276. package/dist/esm/components/atoms/Badge/styled.js.map +1 -1
  277. package/dist/esm/components/atoms/BoxContent/BoxContent.js +1 -3
  278. package/dist/esm/components/atoms/BoxContent/BoxContent.js.map +1 -1
  279. package/dist/esm/components/atoms/Button/Button.d.ts +2 -2
  280. package/dist/esm/components/atoms/Button/Button.js +19 -12
  281. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  282. package/dist/esm/components/atoms/Button/States/BaseState.js +1 -10
  283. package/dist/esm/components/atoms/Button/States/BaseState.js.map +1 -1
  284. package/dist/esm/components/atoms/Button/States/Error.js +1 -4
  285. package/dist/esm/components/atoms/Button/States/Error.js.map +1 -1
  286. package/dist/esm/components/atoms/Button/States/Loading.js +7 -8
  287. package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -1
  288. package/dist/esm/components/atoms/Button/States/Success.js +1 -4
  289. package/dist/esm/components/atoms/Button/States/Success.js.map +1 -1
  290. package/dist/esm/components/atoms/Button/styled.d.ts +0 -2
  291. package/dist/esm/components/atoms/Button/styled.js.map +1 -1
  292. package/dist/esm/components/atoms/Card/Card.d.ts +3 -2
  293. package/dist/esm/components/atoms/Card/Card.js +2 -9
  294. package/dist/esm/components/atoms/Card/Card.js.map +1 -1
  295. package/dist/esm/components/atoms/Card/Footer/Footer.d.ts +3 -2
  296. package/dist/esm/components/atoms/Card/Footer/Footer.js +1 -3
  297. package/dist/esm/components/atoms/Card/Footer/Footer.js.map +1 -1
  298. package/dist/esm/components/atoms/Card/Header/Header.d.ts +3 -2
  299. package/dist/esm/components/atoms/Card/Header/Header.js +1 -3
  300. package/dist/esm/components/atoms/Card/Header/Header.js.map +1 -1
  301. package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +3 -2
  302. package/dist/esm/components/atoms/Checkbox/Checkbox.js +26 -22
  303. package/dist/esm/components/atoms/Checkbox/Checkbox.js.map +1 -1
  304. package/dist/esm/components/atoms/Checkbox/styled.js.map +1 -1
  305. package/dist/esm/components/atoms/Divider/Divider.js +1 -3
  306. package/dist/esm/components/atoms/Divider/Divider.js.map +1 -1
  307. package/dist/esm/components/atoms/GroupButton/GroupButton.d.ts +1 -0
  308. package/dist/esm/components/atoms/GroupButton/GroupButton.js +16 -16
  309. package/dist/esm/components/atoms/GroupButton/GroupButton.js.map +1 -1
  310. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -5
  311. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  312. package/dist/esm/components/atoms/GroupButton/styled.d.ts +0 -4
  313. package/dist/esm/components/atoms/GroupButton/styled.js.map +1 -1
  314. package/dist/esm/components/atoms/Icon/AntDesign.d.ts +1 -0
  315. package/dist/esm/components/atoms/Icon/AntDesign.js +1 -5
  316. package/dist/esm/components/atoms/Icon/AntDesign.js.map +1 -1
  317. package/dist/esm/components/atoms/Icon/Entypo.d.ts +1 -0
  318. package/dist/esm/components/atoms/Icon/Entypo.js +1 -5
  319. package/dist/esm/components/atoms/Icon/Entypo.js.map +1 -1
  320. package/dist/esm/components/atoms/Icon/Evil.d.ts +1 -0
  321. package/dist/esm/components/atoms/Icon/Evil.js +1 -5
  322. package/dist/esm/components/atoms/Icon/Evil.js.map +1 -1
  323. package/dist/esm/components/atoms/Icon/Feather.d.ts +1 -0
  324. package/dist/esm/components/atoms/Icon/Feather.js +1 -5
  325. package/dist/esm/components/atoms/Icon/Feather.js.map +1 -1
  326. package/dist/esm/components/atoms/Icon/FontAwesome.d.ts +1 -0
  327. package/dist/esm/components/atoms/Icon/FontAwesome.js +1 -5
  328. package/dist/esm/components/atoms/Icon/FontAwesome.js.map +1 -1
  329. package/dist/esm/components/atoms/Icon/FontAwesomeFive.d.ts +1 -0
  330. package/dist/esm/components/atoms/Icon/FontAwesomeFive.js +1 -5
  331. package/dist/esm/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
  332. package/dist/esm/components/atoms/Icon/Fontisto.d.ts +1 -0
  333. package/dist/esm/components/atoms/Icon/Fontisto.js +1 -5
  334. package/dist/esm/components/atoms/Icon/Fontisto.js.map +1 -1
  335. package/dist/esm/components/atoms/Icon/Foundation.d.ts +1 -0
  336. package/dist/esm/components/atoms/Icon/Foundation.js +1 -5
  337. package/dist/esm/components/atoms/Icon/Foundation.js.map +1 -1
  338. package/dist/esm/components/atoms/Icon/Icon.js +1 -7
  339. package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
  340. package/dist/esm/components/atoms/Icon/Ionicon.d.ts +1 -0
  341. package/dist/esm/components/atoms/Icon/Ionicon.js +1 -5
  342. package/dist/esm/components/atoms/Icon/Ionicon.js.map +1 -1
  343. package/dist/esm/components/atoms/Icon/Material.d.ts +1 -0
  344. package/dist/esm/components/atoms/Icon/Material.js +1 -5
  345. package/dist/esm/components/atoms/Icon/Material.js.map +1 -1
  346. package/dist/esm/components/atoms/Icon/MaterialCommunity.d.ts +1 -0
  347. package/dist/esm/components/atoms/Icon/MaterialCommunity.js +1 -5
  348. package/dist/esm/components/atoms/Icon/MaterialCommunity.js.map +1 -1
  349. package/dist/esm/components/atoms/Icon/Octicon.d.ts +1 -0
  350. package/dist/esm/components/atoms/Icon/Octicon.js +1 -5
  351. package/dist/esm/components/atoms/Icon/Octicon.js.map +1 -1
  352. package/dist/esm/components/atoms/Icon/SimpleLine.d.ts +1 -0
  353. package/dist/esm/components/atoms/Icon/SimpleLine.js +1 -5
  354. package/dist/esm/components/atoms/Icon/SimpleLine.js.map +1 -1
  355. package/dist/esm/components/atoms/Icon/Zocial.d.ts +1 -0
  356. package/dist/esm/components/atoms/Icon/Zocial.js +1 -5
  357. package/dist/esm/components/atoms/Icon/Zocial.js.map +1 -1
  358. package/dist/esm/components/atoms/Icon/functions.js.map +1 -1
  359. package/dist/esm/components/atoms/Icon/styled.js.map +1 -1
  360. package/dist/esm/components/atoms/Input/Hint.js +9 -9
  361. package/dist/esm/components/atoms/Input/Hint.js.map +1 -1
  362. package/dist/esm/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -1
  363. package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js +39 -20
  364. package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
  365. package/dist/esm/components/atoms/Input/InputElement/InputElement.js +13 -10
  366. package/dist/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -1
  367. package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +13 -10
  368. package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
  369. package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +3 -2
  370. package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -8
  371. package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
  372. package/dist/esm/components/atoms/Input/hooks/useNumberMask.d.ts +1 -1
  373. package/dist/esm/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
  374. package/dist/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -1
  375. package/dist/esm/components/atoms/Input/styled.d.ts +0 -6
  376. package/dist/esm/components/atoms/Input/styled.js.map +1 -1
  377. package/dist/esm/components/atoms/Paper/Paper.d.ts +3 -2
  378. package/dist/esm/components/atoms/Paper/Paper.js +1 -4
  379. package/dist/esm/components/atoms/Paper/Paper.js.map +1 -1
  380. package/dist/esm/components/atoms/PressableSurface/PressableSurface.d.ts +3 -2
  381. package/dist/esm/components/atoms/PressableSurface/PressableSurface.js +1 -4
  382. package/dist/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
  383. package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +3 -3
  384. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +22 -31
  385. package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
  386. package/dist/esm/components/atoms/ProgressBar/styled.d.ts +0 -2
  387. package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +3 -2
  388. package/dist/esm/components/atoms/RadioButton/RadioButton.js +27 -17
  389. package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
  390. package/dist/esm/components/atoms/RadioButton/styled.js.map +1 -1
  391. package/dist/esm/components/atoms/Switch/Switch.js +22 -11
  392. package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
  393. package/dist/esm/components/atoms/Tag/Tag.js +29 -19
  394. package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
  395. package/dist/esm/components/atoms/Tag/styled.d.ts +0 -6
  396. package/dist/esm/components/atoms/Tag/styled.js.map +1 -1
  397. package/dist/esm/components/atoms/Text/Text.js +16 -12
  398. package/dist/esm/components/atoms/Text/Text.js.map +1 -1
  399. package/dist/esm/components/atoms/Text/styled.js.map +1 -1
  400. package/dist/esm/components/molecules/Calendar/Calendar.d.ts +3 -3
  401. package/dist/esm/components/molecules/Calendar/Calendar.js +45 -39
  402. package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -1
  403. package/dist/esm/components/molecules/Calendar/components/MonthWeek.js +14 -16
  404. package/dist/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
  405. package/dist/esm/components/molecules/Calendar/components/Weekdays.js +14 -13
  406. package/dist/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -1
  407. package/dist/esm/components/molecules/Calendar/styled.d.ts +0 -6
  408. package/dist/esm/components/molecules/DatePicker/DatePicker.js +29 -28
  409. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  410. package/dist/esm/components/molecules/DatePicker/styled.d.ts +0 -4
  411. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +40 -40
  412. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  413. package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +0 -2
  414. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +1 -1
  415. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +70 -73
  416. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  417. package/dist/esm/components/molecules/DateTimeSelector/Selector.d.ts +1 -1
  418. package/dist/esm/components/molecules/DateTimeSelector/Selector.js +34 -28
  419. package/dist/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -1
  420. package/dist/esm/components/molecules/DateTimeSelector/styled.d.ts +0 -4
  421. package/dist/esm/components/molecules/Grid/functions.js.map +1 -1
  422. package/dist/esm/components/molecules/Grid/index.d.ts +6 -6
  423. package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js +14 -16
  424. package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
  425. package/dist/esm/components/molecules/IconTextButton/IconComponent.js +8 -5
  426. package/dist/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -1
  427. package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
  428. package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js +10 -10
  429. package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
  430. package/dist/esm/components/molecules/InputPassword/styled.d.ts +0 -2
  431. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +2 -2
  432. package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +3 -2
  433. package/dist/esm/components/molecules/Snackbar/Snackbar.js +35 -30
  434. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  435. package/dist/esm/components/molecules/Snackbar/styled.d.ts +0 -6
  436. package/dist/esm/components/molecules/Snackbar/styled.js.map +1 -1
  437. package/dist/esm/components/molecules/TextArea/TextArea.js +35 -32
  438. package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
  439. package/dist/esm/hooks/useDebouncedState.js.map +1 -1
  440. package/dist/esm/styles/ThemeProvider.js +1 -3
  441. package/dist/esm/styles/ThemeProvider.js.map +1 -1
  442. package/dist/esm/styles/definitions.d.ts +1 -1
  443. package/dist/esm/styles/definitions.js +23 -0
  444. package/dist/esm/styles/definitions.js.map +1 -1
  445. package/dist/esm/types/defaults.d.ts +26 -26
  446. package/dist/esm/utils/IPhoneXHelper.js +1 -1
  447. package/dist/esm/utils/IPhoneXHelper.js.map +1 -1
  448. package/dist/esm/utils/lightenDarkenColor.js.map +1 -1
  449. package/package.json +8 -7
@@ -1 +1 @@
1
- {"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":"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"}
1
+ {"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;AAeO,MAAM,WAAc,GAAA;AAAA,EACzB,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AACF,EAAA;AAEO,MAAM,QAA4C,GAAA,CAAC,GAAK,EAAA,KAAA,GAAQ,CAAM,KAAA;AAC3E,EAAA,MAAM,CAAC,CAAA,EAAG,CAAG,EAAA,CAAC,IAAI,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,GAAI,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA,CAAA;AAC7D,EAAO,OAAA,CAAA,KAAA,EAAQ,CAAK,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAK,CAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA;AAEO,MAAM,aAA+B,GAAA;AAAA,EAC1C,MAAQ,EAAA,SAAA;AAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA;AAAA,EACT,SAAW,EAAA,SAAA;AAAA,EACX,YAAc,EAAA,SAAA;AAAA;AAChB,EAAA;AAEO,MAAM,OAAmB,GAAA;AAAA,EAC9B,IAAA,EAAMA,8BAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAOA,8BAAW,KAAK,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAOA,8BAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AACzB,EAAA;AAEO,MAAM,QAAqB,GAAA;AAAA,EAChC,KAAA,EAAOA,8BAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,KAAA,EAAOA,8BAAW,MAAM,CAAA;AAAA;AAAA,EACxB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA;AACzB,EAAA;AAEO,MAAM,YAA6B,GAAA;AAAA,EACxC,IAAA,EAAMA,8BAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAOA,8BAAW,KAAK,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAOA,8BAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAMA,8BAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAMA,8BAAW,UAAU,CAAA;AAAA;AAC7B,EAAA;AAEO,MAAM,WAA2B,GAAA;AAAA,EACtC,IAAA,EAAMA,8BAAW,KAAK,CAAA;AAAA,EACtB,IAAA,EAAMA,8BAAW,KAAK,CAAA;AACxB,EAAA;AAEO,MAAM,UAAkC,GAAA;AAAA,EAC7C,EAAI,EAAA;AAAA,IACF,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,GAAK,EAAA;AAAA,IACH,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA;AAAA,GAC/B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAA,EAAUA,8BAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAYA,8BAAW,MAAM,CAAA;AAAA,GAC/B;AACF,EAAA;AAEO,MAAM,SAAuB,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,IAAM,EAAA,6BAAA;AACR,EAAA;AAEO,MAAM,UAAyB,GAAA;AAAA,EACpC,OAAS,EAAA,KAAA;AAAA,EACT,IAAM,EAAA,KAAA;AAAA,EACN,KAAO,EAAA,KAAA;AACT,EAAA;AAEO,MAAM,SAAwB,GAAA;AAAA,EACnC,KAAO,EAAA,WAAA;AAAA,EACP,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,aAAA;AACX,EAAA;AAEO,MAAM,SAAuB,GAAA;AAAA,EAClC,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA;AAAA,EACN,MAAQ,EAAA,SAAA;AACV,EAAA;AAEO,MAAM,MAAiB,GAAA;AAAA,EAC5B,OAAS,EAAA,CAAA;AAAA,EACT,QAAU,EAAA,CAAA;AAAA,EACV,MAAQ,EAAA,EAAA;AAAA,EACR,KAAO,EAAA,EAAA;AAAA,EACP,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,MAAQ,EAAA,GAAA;AAAA,EACR,QAAU,EAAA,GAAA;AAAA,EACV,MAAQ,EAAA,GAAA;AAAA,EACR,OAAS,EAAA,GAAA;AAAA,EACT,KAAO,EAAA,GAAA;AACT,EAAA;AAiBO,MAAM,WAA2B,GAAA;AAAA,EACtC,EAAI,EAAA,GAAA;AAAA,EACJ,EAAI,EAAA,GAAA;AAAA,EACJ,EAAI,EAAA,IAAA;AACN;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var definitions = require('./definitions.js');
6
4
 
7
5
  const primaryGradation = {
@@ -1 +1 @@
1
- {"version":3,"file":"light.js","sources":["../../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n borderRadius,\n borderWidth,\n breakpoints,\n fontColor,\n fontFiles,\n fontStack,\n fontWeight,\n iconSize,\n miscellaneous,\n spacing,\n statusColor,\n typography,\n zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n xlight: '#fef9f0',\n light: '#fccb83',\n medium: '#f89907',\n dark: '#ae6b05',\n xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n xlight: '#f8f7f7',\n light: '#c2bfbc',\n medium: '#85807a',\n dark: '#5d5955',\n xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n color: {\n primary: {\n ...primaryGradation,\n },\n secondary: { ...secondaryGradation },\n ...statusColor,\n },\n miscellaneous,\n spacing,\n iconSize,\n borderRadius,\n borderWidth,\n typography,\n font: {\n color: fontColor,\n stack: fontStack,\n weight: fontWeight,\n files: fontFiles,\n },\n zIndex,\n breakpoints,\n};\n"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":";;;;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,GAAG,gBAAA;AAAA,KACL;AAAA,IACA,SAAA,EAAW,EAAE,GAAG,kBAAmB,EAAA;AAAA,IACnC,GAAGA,uBAAA;AAAA,GACL;AAAA,iBACAC,yBAAA;AAAA,WACAC,mBAAA;AAAA,YACAC,oBAAA;AAAA,gBACAC,wBAAA;AAAA,eACAC,uBAAA;AAAA,cACAC,sBAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAAC,qBAAA;AAAA,IACP,KAAO,EAAAC,qBAAA;AAAA,IACP,MAAQ,EAAAC,sBAAA;AAAA,IACR,KAAO,EAAAC,qBAAA;AAAA,GACT;AAAA,UACAC,kBAAA;AAAA,eACAC,uBAAA;AACF;;;;"}
1
+ {"version":3,"file":"light.js","sources":["../../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n borderRadius,\n borderWidth,\n breakpoints,\n fontColor,\n fontFiles,\n fontStack,\n fontWeight,\n iconSize,\n miscellaneous,\n spacing,\n statusColor,\n typography,\n zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n xlight: '#fef9f0',\n light: '#fccb83',\n medium: '#f89907',\n dark: '#ae6b05',\n xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n xlight: '#f8f7f7',\n light: '#c2bfbc',\n medium: '#85807a',\n dark: '#5d5955',\n xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n color: {\n primary: {\n ...primaryGradation,\n },\n secondary: { ...secondaryGradation },\n ...statusColor,\n },\n miscellaneous,\n spacing,\n iconSize,\n borderRadius,\n borderWidth,\n typography,\n font: {\n color: fontColor,\n stack: fontStack,\n weight: fontWeight,\n files: fontFiles,\n },\n zIndex,\n breakpoints,\n};\n"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":";;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,GAAG,gBAAA;AAAA,KACL;AAAA,IACA,SAAA,EAAW,EAAE,GAAG,kBAAmB,EAAA;AAAA,IACnC,GAAGA,uBAAA;AAAA,GACL;AAAA,iBACAC,yBAAA;AAAA,WACAC,mBAAA;AAAA,YACAC,oBAAA;AAAA,gBACAC,wBAAA;AAAA,eACAC,uBAAA;AAAA,cACAC,sBAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAAC,qBAAA;AAAA,IACP,KAAO,EAAAC,qBAAA;AAAA,IACP,MAAQ,EAAAC,sBAAA;AAAA,IACR,KAAO,EAAAC,qBAAA;AAAA,GACT;AAAA,UACAC,kBAAA;AAAA,eACAC,uBAAA;AACF;;;;"}
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- export declare type Color = {
2
+ export type Color = {
3
3
  primary: ColorGradation;
4
4
  secondary: ColorGradation;
5
5
  error: ColorGradation;
@@ -7,7 +7,7 @@ export declare type Color = {
7
7
  info: ColorGradation;
8
8
  warning: ColorGradation;
9
9
  };
10
- export declare type TypographyVariation = {
10
+ export type TypographyVariation = {
11
11
  h1: Typography;
12
12
  h2: Typography;
13
13
  h3: Typography;
@@ -17,13 +17,13 @@ export declare type TypographyVariation = {
17
17
  sub: Typography;
18
18
  label: Typography;
19
19
  };
20
- export declare type Miscellaneous = {
20
+ export type Miscellaneous = {
21
21
  shadow: string;
22
22
  overlay: string;
23
23
  bodyColor: string;
24
24
  surfaceColor: string;
25
25
  };
26
- export declare type Spacing = {
26
+ export type Spacing = {
27
27
  nano: string;
28
28
  micro: string;
29
29
  mili: string;
@@ -36,7 +36,7 @@ export declare type Spacing = {
36
36
  peta: string;
37
37
  hexa: string;
38
38
  };
39
- export declare type IconSize = {
39
+ export type IconSize = {
40
40
  micro: string;
41
41
  mili: string;
42
42
  centi: string;
@@ -44,7 +44,7 @@ export declare type IconSize = {
44
44
  kilo: string;
45
45
  mega: string;
46
46
  };
47
- export declare type BorderRadius = {
47
+ export type BorderRadius = {
48
48
  nano: string;
49
49
  micro: string;
50
50
  mili: string;
@@ -52,32 +52,32 @@ export declare type BorderRadius = {
52
52
  deca: string;
53
53
  pill: string;
54
54
  };
55
- export declare type BorderWidth = {
55
+ export type BorderWidth = {
56
56
  pico: string;
57
57
  nano: string;
58
58
  };
59
- export declare type Typography = {
59
+ export type Typography = {
60
60
  lineHeight: string;
61
61
  fontSize: string;
62
62
  };
63
- export declare type ColorGradation = {
63
+ export type ColorGradation = {
64
64
  xlight: string;
65
65
  light: string;
66
66
  medium: string;
67
67
  dark: string;
68
68
  xdark: string;
69
69
  };
70
- export declare type FontStack = {
70
+ export type FontStack = {
71
71
  default: string;
72
72
  mono: string;
73
73
  };
74
- export declare type FontColor = {
74
+ export type FontColor = {
75
75
  light: string;
76
76
  medium: string;
77
77
  dark: string;
78
78
  orange: string;
79
79
  };
80
- export declare type ZIndex = {
80
+ export type ZIndex = {
81
81
  default: number;
82
82
  absolute: number;
83
83
  drawer: number;
@@ -90,17 +90,17 @@ export declare type ZIndex = {
90
90
  sidebar: number;
91
91
  modal: number;
92
92
  };
93
- export declare type FontWeight = {
93
+ export type FontWeight = {
94
94
  regular: string;
95
95
  bold: string;
96
96
  black: string;
97
97
  };
98
- export declare type Breakpoints = {
98
+ export type Breakpoints = {
99
99
  sm: number;
100
100
  md: number;
101
101
  lg: number;
102
102
  };
103
- export declare type ThemeProp = {
103
+ export type ThemeProp = {
104
104
  color: Color;
105
105
  miscellaneous: Miscellaneous;
106
106
  spacing: Spacing;
@@ -121,14 +121,14 @@ export interface ThemeProviderProps {
121
121
  children?: ReactNode;
122
122
  theme: ThemeProp;
123
123
  }
124
- export declare type StyleProps = ThemeProviderProps;
125
- export declare type ColorType = keyof Color;
126
- export declare type SpacingType = keyof Spacing;
127
- export declare type TypographyVariationType = keyof TypographyVariation;
128
- export declare type FontWeightType = keyof FontWeight;
129
- export declare type VariantType = 'filled' | 'outlined' | 'text';
130
- export declare type ColorGradationType = keyof ColorGradation;
131
- export declare type FontColorType = keyof FontColor;
132
- export declare type BorderRadiusType = keyof BorderRadius;
133
- export declare type FontStackType = keyof FontStack;
134
- export declare type IconSizeType = keyof IconSize;
124
+ export type StyleProps = ThemeProviderProps;
125
+ export type ColorType = keyof Color;
126
+ export type SpacingType = keyof Spacing;
127
+ export type TypographyVariationType = keyof TypographyVariation;
128
+ export type FontWeightType = keyof FontWeight;
129
+ export type VariantType = 'filled' | 'outlined' | 'text';
130
+ export type ColorGradationType = keyof ColorGradation;
131
+ export type FontColorType = keyof FontColor;
132
+ export type BorderRadiusType = keyof BorderRadius;
133
+ export type FontStackType = keyof FontStack;
134
+ export type IconSizeType = keyof IconSize;
@@ -1,12 +1,10 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var reactNative = require('react-native');
6
4
 
7
5
  function isIphoneX() {
8
6
  const dimen = reactNative.Dimensions.get("window");
9
- return reactNative.Platform.OS === "ios" && !reactNative.Platform.isPad && !reactNative.Platform.isTVOS && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
7
+ return reactNative.Platform.OS === "ios" && !reactNative.Platform.isPad && !reactNative.Platform.isTV && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
10
8
  }
11
9
  function ifIphoneX(iphoneXStyle, regularStyle) {
12
10
  if (isIphoneX()) {
@@ -1 +1 @@
1
- {"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.isTVOS &&\n (dimen.height === 780 ||\n dimen.width === 780 ||\n dimen.height === 812 ||\n dimen.width === 812 ||\n dimen.height === 844 ||\n dimen.width === 844 ||\n dimen.height === 896 ||\n dimen.width === 896 ||\n dimen.height === 926 ||\n dimen.width === 926)\n );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n if (isIphoneX()) {\n return iphoneXStyle;\n }\n return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n return Platform.select({\n ios: ifIphoneX(safe ? 44 : 30, 20),\n android: StatusBar.currentHeight,\n default: 0,\n });\n}\n\nexport function getBottomSpace() {\n return isIphoneX() ? 34 : 0;\n}\n"],"names":["Dimensions","Platform","StatusBar"],"mappings":";;;;;;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQA,sBAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACEC,qBAAS,EAAO,KAAA,KAAA,IAChB,CAACA,oBAAA,CAAS,SACV,CAACA,oBAAA,CAAS,MACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAOA,qBAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAASC,qBAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;;;;"}
1
+ {"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.isTV &&\n (dimen.height === 780 ||\n dimen.width === 780 ||\n dimen.height === 812 ||\n dimen.width === 812 ||\n dimen.height === 844 ||\n dimen.width === 844 ||\n dimen.height === 896 ||\n dimen.width === 896 ||\n dimen.height === 926 ||\n dimen.width === 926)\n );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n if (isIphoneX()) {\n return iphoneXStyle;\n }\n return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n return Platform.select({\n ios: ifIphoneX(safe ? 44 : 30, 20),\n android: StatusBar.currentHeight,\n default: 0,\n });\n}\n\nexport function getBottomSpace() {\n return isIphoneX() ? 34 : 0;\n}\n"],"names":["Dimensions","Platform","StatusBar"],"mappings":";;;;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQA,sBAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACEC,qBAAS,EAAO,KAAA,KAAA,IAChB,CAACA,oBAAA,CAAS,SACV,CAACA,oBAAA,CAAS,IACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAOA,qBAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAASC,qBAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var reactNative = require('react-native');
6
4
  var extractNumbersFromString = require('./extractNumbersFromString.js');
7
5
  var IPhoneXHelper = require('./IPhoneXHelper.js');
@@ -1 +1 @@
1
- {"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent * deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;;;"}
1
+ {"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent * deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  const extractNumbersFromString = (value) => Number(extractDigitsFromString(value));
6
4
  const extractDigitsFromString = (value) => value.replace(/[^0-9]/g, "");
7
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"extractNumbersFromString.js","sources":["../../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":";;;;AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;;"}
1
+ {"version":3,"file":"extractNumbersFromString.js","sources":["../../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":";;AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  require('react');
6
4
  require('../components/atoms/Text/styled.js');
7
5
  require('../components/atoms/Input/styled.js');
@@ -12,10 +10,6 @@ require('../components/atoms/Input/InputMaskElement/InputMaskElement.js');
12
10
  require('../components/atoms/Input/PressableInputContainer/styled.js');
13
11
  var currency = require('currency.js');
14
12
 
15
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
16
-
17
- var currency__default = /*#__PURE__*/_interopDefaultLegacy(currency);
18
-
19
13
  const formatWithMask = (mask, value) => {
20
14
  if (Array.isArray(mask) || typeof mask === "function") {
21
15
  const selectedMask = useStringMask.getMask(mask, String(value));
@@ -26,7 +20,7 @@ const formatWithMask = (mask, value) => {
26
20
  value,
27
21
  mask
28
22
  );
29
- return currency__default["default"](internalNumber).format(mergedOptions);
23
+ return currency(internalNumber).format(mergedOptions);
30
24
  }
31
25
  };
32
26
 
@@ -1 +1 @@
1
- {"version":3,"file":"formatWithMask.js","sources":["../../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n MaskType,\n CurrencyOptions,\n getMask,\n mergeMask,\n getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n value: string | number\n): string | number => {\n if (Array.isArray(mask) || typeof mask === 'function') {\n const selectedMask = getMask(mask, String(value));\n const { formatted } = mergeMask(String(value), selectedMask);\n return formatted || '';\n } else {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n mask\n );\n return currency(internalNumber).format(mergedOptions);\n }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask","currency"],"mappings":";;;;;;;;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAAA,qBAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAIC,wBAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAAC,sCAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAOC,4BAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}
1
+ {"version":3,"file":"formatWithMask.js","sources":["../../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n MaskType,\n CurrencyOptions,\n getMask,\n mergeMask,\n getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n value: string | number\n): string | number => {\n if (Array.isArray(mask) || typeof mask === 'function') {\n const selectedMask = getMask(mask, String(value));\n const { formatted } = mergeMask(String(value), selectedMask);\n return formatted || '';\n } else {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n mask\n );\n return currency(internalNumber).format(mergedOptions);\n }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask"],"mappings":";;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAAA,qBAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAIC,wBAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAAC,sCAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAO,QAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  const lightenDarkenColor = (color, variation) => {
6
4
  let usePound = false;
7
5
  if (color[0] == "#") {
@@ -1 +1 @@
1
- {"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":";;;;AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,MAAM,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}
1
+ {"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":";;AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,CAAC,CAAA,IAAK,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var extractNumbersFromString = require('./extractNumbersFromString.js');
6
4
 
7
5
  const Masks = {
@@ -1 +1 @@
1
- {"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n CPF: ['999.999.999-99'],\n CNPJ: ['99.999.999/9999-99'],\n DATE: ['99/99/9999'],\n MONTH_YEAR: ['99/9999'],\n CEP: ['99999-999'],\n PHONE: ['(99) 9999-9999'],\n PHONE_EXTENDED: ['(99) 99999-9999'],\n COMBINED_PHONE: (value: string) => {\n const onlyNumbers = extractDigitsFromString(value);\n // Value is number extended, but without mask.\n const isCellPhoneExtended = onlyNumbers.length === 11;\n\n // Value in formatted mode\n return value?.length <= 14 && !isCellPhoneExtended\n ? Masks.PHONE\n : Masks.PHONE_EXTENDED;\n },\n COMBINED_CPF_CNPJ: (value: string) =>\n value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":";;;;;;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,iDAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAO,OAAO,MAAU,IAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,KAAA,EAAO,UAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}
1
+ {"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n CPF: ['999.999.999-99'],\n CNPJ: ['99.999.999/9999-99'],\n DATE: ['99/99/9999'],\n MONTH_YEAR: ['99/9999'],\n CEP: ['99999-999'],\n PHONE: ['(99) 9999-9999'],\n PHONE_EXTENDED: ['(99) 99999-9999'],\n COMBINED_PHONE: (value: string) => {\n const onlyNumbers = extractDigitsFromString(value);\n // Value is number extended, but without mask.\n const isCellPhoneExtended = onlyNumbers.length === 11;\n\n // Value in formatted mode\n return value?.length <= 14 && !isCellPhoneExtended\n ? Masks.PHONE\n : Masks.PHONE_EXTENDED;\n },\n COMBINED_CPF_CNPJ: (value: string) =>\n value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":";;;;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,iDAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAO,OAAO,MAAU,IAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,KAAA,EAAO,UAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}
@@ -1,7 +1,5 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  const fontColorVC = {
6
4
  filled: "light",
7
5
  outlined: "orange",
@@ -1 +1 @@
1
- {"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n ColorGradationType,\n ColorType,\n FontColorType,\n VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n filled: 'light',\n outlined: 'orange',\n text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;;;;;"}
1
+ {"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n ColorGradationType,\n ColorType,\n FontColorType,\n VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n filled: 'light',\n outlined: 'orange',\n text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n"],"names":[],"mappings":";;AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;;;;;"}
@@ -2,7 +2,7 @@ import React, { FC } from 'react';
2
2
  import { ImageSourcePropType } from 'react-native';
3
3
  import { IconSize } from '../../../types/defaults';
4
4
  import { TextProps } from '../Text';
5
- export declare type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
5
+ export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
6
6
  export interface AvatarProps {
7
7
  source?: ImageSourcePropType;
8
8
  name: string;
@@ -15,17 +15,7 @@ const Avatar = ({
15
15
  setHasError(false);
16
16
  }, [source]);
17
17
  const StyledText = getStyledTextComponent(TextComponent);
18
- return /* @__PURE__ */ React__default.createElement(ContainerButtonAvatar, {
19
- effect: "none",
20
- onPress,
21
- size
22
- }, source && !hasError ? /* @__PURE__ */ React__default.createElement(StyledAvatar, {
23
- source,
24
- onError: () => setHasError(true)
25
- }) : /* @__PURE__ */ React__default.createElement(StyledBackground, null, /* @__PURE__ */ React__default.createElement(StyledText, {
26
- fontWeight: "bold",
27
- fontColor: "light"
28
- }, getIniciais(name))));
18
+ return /* @__PURE__ */ React__default.createElement(ContainerButtonAvatar, { effect: "none", onPress, size }, source && !hasError ? /* @__PURE__ */ React__default.createElement(StyledAvatar, { source, onError: () => setHasError(true) }) : /* @__PURE__ */ React__default.createElement(StyledBackground, null, /* @__PURE__ */ React__default.createElement(StyledText, { fontWeight: "bold", fontColor: "light" }, getIniciais(name))));
29
19
  };
30
20
 
31
21
  export { Avatar as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAAA,IAAsB,MAAO,EAAA,MAAA;AAAA,IAAO,OAAA;AAAA,IAAkB,IAAA;AAAA,GACpD,EAAA,MAAA,IAAU,CAAC,QAAA,mBACTA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IAAa,MAAA;AAAA,IAAgB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,GAAG,CAAA,mBAE/DA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,OAAA;AAAA,GAAA,EACrC,WAAY,CAAA,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAO,EAAA,MAAA,EAAO,OAAkB,EAAA,IAAA,EAAA,EACpD,MAAU,IAAA,CAAC,QACV,mBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,MAAA,EAAgB,SAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAEhE,mBAAAA,cAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAW,MAAO,EAAA,SAAA,EAAU,OACrC,EAAA,EAAA,WAAA,CAAY,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAA,CAAE,CACnB,CAAA,IAAA,CAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,IAAK,CAAA,CAAA,CAAA,CAAA;AACd;;;;"}
1
+ {"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAC,CAAC,CAAA,CACnB,KAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,KAAK,CAAC,CAAA,CAAA;AACf;;;;"}
@@ -3,8 +3,6 @@ import { Image, View } from 'react-native';
3
3
  import { TextProps } from '../Text';
4
4
  import { AvatarProps } from './Avatar';
5
5
  export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
6
- children?: import("react").ReactNode;
7
- } & {
8
6
  theme?: import("@emotion/react").Theme | undefined;
9
7
  as?: import("react").ElementType<any> | undefined;
10
8
  } & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
@@ -21,8 +19,6 @@ export declare const StyledBackground: import("@emotion/native").StyledComponent
21
19
  ref?: import("react").Ref<View> | undefined;
22
20
  }>;
23
21
  export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
24
- children?: import("react").ReactNode;
25
- } & {
26
22
  theme?: import("@emotion/react").Theme | undefined;
27
23
  as?: import("react").ElementType<any> | undefined;
28
24
  }, {}, {}>;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAAA,EAGjD,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAC/B,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,UAAA,EACP,CAAC,EAAE,KAAA,EAAO,OAAO,MAAO,EAAA,KAChC,MAAM,QAAS,CAAA,IAAA,CAAA,CAAA;AAAA,EAAA;AAGN,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAGjD,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACxB,KAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AAAA,UACX,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACzB,KAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AAAA,EAAA;AAGV,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}
@@ -1,4 +1,4 @@
1
- import React, { FC } from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { StyleProp, ViewStyle } from 'react-native';
3
3
  import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
4
4
  export interface BadgeProps {
@@ -6,6 +6,7 @@ export interface BadgeProps {
6
6
  tone?: ColorGradationType;
7
7
  style?: StyleProp<ViewStyle>;
8
8
  value: React.ReactNode;
9
+ children?: ReactNode;
9
10
  }
10
- declare const Badge: FC<BadgeProps>;
11
+ declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => JSX.Element;
11
12
  export default Badge;
@@ -8,11 +8,7 @@ const Badge = ({
8
8
  tone = "medium",
9
9
  value
10
10
  }) => {
11
- return /* @__PURE__ */ React__default.createElement(ViewStyled, null, children, /* @__PURE__ */ React__default.createElement(BadgeStyle, {
12
- style,
13
- color,
14
- tone
15
- }, value));
11
+ return /* @__PURE__ */ React__default.createElement(ViewStyled, null, children, /* @__PURE__ */ React__default.createElement(BadgeStyle, { style, color, tone }, value));
16
12
  };
17
13
 
18
14
  export { Badge as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n color: ColorType;\n tone?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n children,\n style,\n color = 'primary',\n tone = 'medium',\n value,\n}): JSX.Element => {\n return (\n <ViewStyled>\n {children}\n <BadgeStyle style={style} color={color} tone={tone}>\n {value}\n </BadgeStyle>\n </ViewStyled>\n );\n};\n\nexport default Badge;\n"],"names":["React"],"mappings":";;;AAYA,MAAM,QAAwB,CAAC;AAAA,EAC7B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAAmB,KAAA;AACjB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,UACE,EAAA,IAAA,EAAA,QAAA,kBACAA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,KAAA;AAAA,IAAc,KAAA;AAAA,IAAc,IAAA;AAAA,GAAA,EACrC,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n color: ColorType;\n tone?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n value: React.ReactNode;\n children?: ReactNode;\n}\n\nconst Badge = ({\n children,\n style,\n color = 'primary',\n tone = 'medium',\n value,\n}: BadgeProps): JSX.Element => {\n return (\n <ViewStyled>\n {children}\n <BadgeStyle style={style} color={color} tone={tone}>\n {value}\n </BadgeStyle>\n </ViewStyled>\n );\n};\n\nexport default Badge;\n"],"names":["React"],"mappings":";;;AAaA,MAAM,QAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAA+B,KAAA;AAC7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,kBACE,QACD,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,KAAA,EAAc,IACrC,EAAA,EAAA,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${`${RFValue(-4)}px`};\n right: ${`${RFValue(-4)}px`};\n `;\n};\n\nexport const BadgeStyle =\n styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,mBAAA,EACY,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,sBAChB,EAAA,KAAA,CAAM,MAAM,KAAO,CAAA,CAAA,IAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAA,EAK7B,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,WAAA,EAChB,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,SACjB,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,WACX,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE1B,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAO,IAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${`${RFValue(-4)}px`};\n right: ${`${RFValue(-4)}px`};\n `;\n};\n\nexport const BadgeStyle =\n styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,mBAAA,EACY,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,sBAAA,EAChB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAA,EAKjC,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,WAAA,EAChB,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,SACjB,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,WACX,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE1B,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAO,IAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
@@ -2,9 +2,7 @@ import React__default from 'react';
2
2
  import { StyledBoxContent } from './styled.js';
3
3
 
4
4
  const BoxContent = ({ children, ...rest }) => {
5
- return /* @__PURE__ */ React__default.createElement(StyledBoxContent, {
6
- ...rest
7
- }, children);
5
+ return /* @__PURE__ */ React__default.createElement(StyledBoxContent, { ...rest }, children);
8
6
  };
9
7
 
10
8
  export { BoxContent as default };
@@ -1 +1 @@
1
- {"version":3,"file":"BoxContent.js","sources":["../../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["React"],"mappings":";;;AAQA,MAAM,UAAkC,GAAA,CAAC,EAAE,QAAA,EAAA,GAAa,MAAW,KAAA;AACjE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IAAkB,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}
1
+ {"version":3,"file":"BoxContent.js","sources":["../../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["React"],"mappings":";;;AAQA,MAAM,aAAkC,CAAC,EAAE,QAAU,EAAA,GAAG,MAAW,KAAA;AACjE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}
@@ -3,8 +3,8 @@ import { StyleProp, ViewStyle } from 'react-native';
3
3
  import { BorderRadiusType, ColorGradationType, ColorType, FontColorType, VariantType } from '../../../types/defaults';
4
4
  import { PressableSurfaceProps } from '../PressableSurface';
5
5
  import { TextProps } from '../Text';
6
- export declare type ButtonSizeType = 'small' | 'default';
7
- export declare type ButtonStateType = 'loading' | 'error' | 'success' | 'default';
6
+ export type ButtonSizeType = 'small' | 'default';
7
+ export type ButtonStateType = 'loading' | 'error' | 'success' | 'default';
8
8
  export interface ButtonStateProps {
9
9
  buttonSize?: ButtonSizeType;
10
10
  fontColor?: FontColorType;
@@ -38,18 +38,25 @@ const Button = ({
38
38
  if (disabled) {
39
39
  _surfaceColor = theme.color[_color].light;
40
40
  }
41
- return /* @__PURE__ */ React__default.createElement(StyledButton, {
42
- ...rest,
43
- accessibilityRole: "button",
44
- style,
45
- color: _color,
46
- tone,
47
- surfaceColor: _surfaceColor,
48
- variant,
49
- size,
50
- disabled: _frozen || disabled,
51
- frozen: disabled
52
- }, state === "loading" && loadingComponent, state === "error" && errorComponent, state === "success" && successComponent, state === "default" && children);
41
+ return /* @__PURE__ */ React__default.createElement(
42
+ StyledButton,
43
+ {
44
+ ...rest,
45
+ accessibilityRole: "button",
46
+ style,
47
+ color: _color,
48
+ tone,
49
+ surfaceColor: _surfaceColor,
50
+ variant,
51
+ size,
52
+ disabled: _frozen || disabled,
53
+ frozen: disabled
54
+ },
55
+ state === "loading" && loadingComponent,
56
+ state === "error" && errorComponent,
57
+ state === "success" && successComponent,
58
+ state === "default" && children
59
+ );
53
60
  };
54
61
 
55
62
  export { Button as default };