@mailstep/design-system 0.1.5 → 0.1.7

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 (244) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/CornerDialog/CornerDialog.js +12 -14
  3. package/ui/Blocks/CornerDialog/CornerDialog.js.map +1 -1
  4. package/ui/Blocks/CornerDialog/index.js +2 -6
  5. package/ui/Blocks/CornerDialog/index.js.map +1 -1
  6. package/ui/Blocks/CornerDialog/styles.js +11 -22
  7. package/ui/Blocks/CornerDialog/styles.js.map +1 -1
  8. package/ui/Blocks/CornerDialog/utils.js +1 -4
  9. package/ui/Blocks/CornerDialog/utils.js.map +1 -1
  10. package/ui/Blocks/ImageList/ImageList.js +17 -19
  11. package/ui/Blocks/ImageList/ImageList.js.map +1 -1
  12. package/ui/Blocks/ImageList/components/AddPhoto/index.js +9 -11
  13. package/ui/Blocks/ImageList/components/AddPhoto/index.js.map +1 -1
  14. package/ui/Blocks/ImageList/components/AddPhoto/styles.js +5 -12
  15. package/ui/Blocks/ImageList/components/AddPhoto/styles.js.map +1 -1
  16. package/ui/Blocks/ImageList/components/CloseButton/index.js +6 -8
  17. package/ui/Blocks/ImageList/components/CloseButton/index.js.map +1 -1
  18. package/ui/Blocks/ImageList/components/CloseButton/styles.js +4 -10
  19. package/ui/Blocks/ImageList/components/CloseButton/styles.js.map +1 -1
  20. package/ui/Blocks/ImageList/components/ImageElement/index.js +7 -9
  21. package/ui/Blocks/ImageList/components/ImageElement/index.js.map +1 -1
  22. package/ui/Blocks/ImageList/components/ImageElement/styles.js +5 -11
  23. package/ui/Blocks/ImageList/components/ImageElement/styles.js.map +1 -1
  24. package/ui/Blocks/ImageList/components/ImageTag/index.js +5 -7
  25. package/ui/Blocks/ImageList/components/ImageTag/index.js.map +1 -1
  26. package/ui/Blocks/ImageList/components/ImageTag/styles.js +4 -10
  27. package/ui/Blocks/ImageList/components/ImageTag/styles.js.map +1 -1
  28. package/ui/Blocks/ImageList/index.js +2 -6
  29. package/ui/Blocks/ImageList/index.js.map +1 -1
  30. package/ui/Blocks/ImageList/styles.js +4 -10
  31. package/ui/Blocks/ImageList/styles.js.map +1 -1
  32. package/ui/Blocks/LightBox/LightBox.js +10 -12
  33. package/ui/Blocks/LightBox/LightBox.js.map +1 -1
  34. package/ui/Blocks/LightBox/hooks/useLightBox.js +6 -8
  35. package/ui/Blocks/LightBox/hooks/useLightBox.js.map +1 -1
  36. package/ui/Blocks/LightBox/index.js +4 -8
  37. package/ui/Blocks/LightBox/index.js.map +1 -1
  38. package/ui/Blocks/LightBox/styles.js +6 -14
  39. package/ui/Blocks/LightBox/styles.js.map +1 -1
  40. package/ui/Blocks/Modal/Modal.js +18 -20
  41. package/ui/Blocks/Modal/Modal.js.map +1 -1
  42. package/ui/Blocks/Modal/hooks/useClickOutside.js +6 -8
  43. package/ui/Blocks/Modal/hooks/useClickOutside.js.map +1 -1
  44. package/ui/Blocks/Modal/hooks/useModal.js +6 -8
  45. package/ui/Blocks/Modal/hooks/useModal.js.map +1 -1
  46. package/ui/Blocks/Modal/index.js +3 -7
  47. package/ui/Blocks/Modal/index.js.map +1 -1
  48. package/ui/Blocks/Modal/styles.js +16 -29
  49. package/ui/Blocks/Modal/styles.js.map +1 -1
  50. package/ui/Blocks/Modal/utils.js +1 -4
  51. package/ui/Blocks/Modal/utils.js.map +1 -1
  52. package/ui/Blocks/Tabs/Tabs.js +11 -13
  53. package/ui/Blocks/Tabs/Tabs.js.map +1 -1
  54. package/ui/Blocks/Tabs/hooks/useTabs.js +4 -6
  55. package/ui/Blocks/Tabs/hooks/useTabs.js.map +1 -1
  56. package/ui/Blocks/Tabs/index.js +3 -8
  57. package/ui/Blocks/Tabs/index.js.map +1 -1
  58. package/ui/Blocks/Tabs/styles.js +9 -19
  59. package/ui/Blocks/Tabs/styles.js.map +1 -1
  60. package/ui/Elements/Alert/Alert.js +10 -14
  61. package/ui/Elements/Alert/Alert.js.map +1 -1
  62. package/ui/Elements/Alert/index.js +2 -7
  63. package/ui/Elements/Alert/index.js.map +1 -1
  64. package/ui/Elements/Alert/styles.js +15 -29
  65. package/ui/Elements/Alert/styles.js.map +1 -1
  66. package/ui/Elements/Avatar/Avatar.js +8 -14
  67. package/ui/Elements/Avatar/Avatar.js.map +1 -1
  68. package/ui/Elements/Avatar/index.js +2 -7
  69. package/ui/Elements/Avatar/index.js.map +1 -1
  70. package/ui/Elements/Badge/Badge.js +13 -21
  71. package/ui/Elements/Badge/Badge.js.map +1 -1
  72. package/ui/Elements/Badge/index.js +2 -7
  73. package/ui/Elements/Badge/index.js.map +1 -1
  74. package/ui/Elements/BorderedBox/BorderedBox.js +7 -15
  75. package/ui/Elements/BorderedBox/BorderedBox.js.map +1 -1
  76. package/ui/Elements/BorderedBox/index.js +2 -7
  77. package/ui/Elements/BorderedBox/index.js.map +1 -1
  78. package/ui/Elements/Button/Button.js +7 -11
  79. package/ui/Elements/Button/Button.js.map +1 -1
  80. package/ui/Elements/Button/index.js +2 -7
  81. package/ui/Elements/Button/index.js.map +1 -1
  82. package/ui/Elements/Button/styles.js +10 -19
  83. package/ui/Elements/Button/styles.js.map +1 -1
  84. package/ui/Elements/Card/Card.js +14 -21
  85. package/ui/Elements/Card/Card.js.map +1 -1
  86. package/ui/Elements/Card/index.d.ts +5 -4
  87. package/ui/Elements/Card/index.js +3 -9
  88. package/ui/Elements/Card/index.js.map +1 -1
  89. package/ui/Elements/Card/styles.d.ts +12 -0
  90. package/ui/Elements/Card/styles.js +13 -23
  91. package/ui/Elements/Card/styles.js.map +1 -1
  92. package/ui/Elements/Card/types.d.ts +8 -13
  93. package/ui/Elements/Dropdown/Dropdown.js +10 -18
  94. package/ui/Elements/Dropdown/Dropdown.js.map +1 -1
  95. package/ui/Elements/Dropdown/index.js +2 -7
  96. package/ui/Elements/Dropdown/index.js.map +1 -1
  97. package/ui/Elements/ErrorMessage/ErrorMessage.js +9 -17
  98. package/ui/Elements/ErrorMessage/ErrorMessage.js.map +1 -1
  99. package/ui/Elements/ErrorMessage/index.js +2 -7
  100. package/ui/Elements/ErrorMessage/index.js.map +1 -1
  101. package/ui/Elements/Icon/Icon.js +214 -224
  102. package/ui/Elements/Icon/Icon.js.map +1 -1
  103. package/ui/Elements/Icon/icons/FlagCZ.js +4 -6
  104. package/ui/Elements/Icon/icons/FlagCZ.js.map +1 -1
  105. package/ui/Elements/Icon/icons/FlagUSA.js +4 -6
  106. package/ui/Elements/Icon/icons/FlagUSA.js.map +1 -1
  107. package/ui/Elements/Icon/index.js +5 -10
  108. package/ui/Elements/Icon/index.js.map +1 -1
  109. package/ui/Elements/Image/Image.js +5 -9
  110. package/ui/Elements/Image/Image.js.map +1 -1
  111. package/ui/Elements/Image/index.js +2 -7
  112. package/ui/Elements/Image/index.js.map +1 -1
  113. package/ui/Elements/Label/Label.js +10 -17
  114. package/ui/Elements/Label/Label.js.map +1 -1
  115. package/ui/Elements/Label/index.js +3 -8
  116. package/ui/Elements/Label/index.js.map +1 -1
  117. package/ui/Elements/Line/Line.js +6 -14
  118. package/ui/Elements/Line/Line.js.map +1 -1
  119. package/ui/Elements/Line/index.js +2 -7
  120. package/ui/Elements/Line/index.js.map +1 -1
  121. package/ui/Elements/Link/Link.js +15 -23
  122. package/ui/Elements/Link/Link.js.map +1 -1
  123. package/ui/Elements/Link/index.js +2 -7
  124. package/ui/Elements/Link/index.js.map +1 -1
  125. package/ui/Elements/Logo/Logo.js +27 -35
  126. package/ui/Elements/Logo/Logo.js.map +1 -1
  127. package/ui/Elements/Logo/assets/mailship/logo_black.png.js +1 -5
  128. package/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +1 -1
  129. package/ui/Elements/Logo/assets/mailship/logo_m.png.js +1 -5
  130. package/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +1 -1
  131. package/ui/Elements/Logo/assets/mailship/logo_white.png.js +1 -5
  132. package/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +1 -1
  133. package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js +2 -6
  134. package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +1 -1
  135. package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js +2 -6
  136. package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +1 -1
  137. package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js +2 -6
  138. package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +1 -1
  139. package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js +2 -6
  140. package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +1 -1
  141. package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js +2 -6
  142. package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +1 -1
  143. package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +2 -6
  144. package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +1 -1
  145. package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js +2 -6
  146. package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +1 -1
  147. package/ui/Elements/Logo/index.js +2 -7
  148. package/ui/Elements/Logo/index.js.map +1 -1
  149. package/ui/Elements/Pagination/Pagination.js +7 -11
  150. package/ui/Elements/Pagination/Pagination.js.map +1 -1
  151. package/ui/Elements/Pagination/index.js +2 -7
  152. package/ui/Elements/Pagination/index.js.map +1 -1
  153. package/ui/Elements/Pagination/styled.js +14 -25
  154. package/ui/Elements/Pagination/styled.js.map +1 -1
  155. package/ui/Elements/Paragraph/Paragraph.js +3 -7
  156. package/ui/Elements/Paragraph/Paragraph.js.map +1 -1
  157. package/ui/Elements/Paragraph/index.js +2 -7
  158. package/ui/Elements/Paragraph/index.js.map +1 -1
  159. package/ui/Elements/Portal/index.js +6 -15
  160. package/ui/Elements/Portal/index.js.map +1 -1
  161. package/ui/Elements/ProgressBar/ProgressBar.js +4 -8
  162. package/ui/Elements/ProgressBar/ProgressBar.js.map +1 -1
  163. package/ui/Elements/ProgressBar/index.js +2 -7
  164. package/ui/Elements/ProgressBar/index.js.map +1 -1
  165. package/ui/Elements/ProgressBar/styles.js +14 -22
  166. package/ui/Elements/ProgressBar/styles.js.map +1 -1
  167. package/ui/Elements/SimpleLink/SimpleLink.js +7 -15
  168. package/ui/Elements/SimpleLink/SimpleLink.js.map +1 -1
  169. package/ui/Elements/SimpleLink/index.js +2 -7
  170. package/ui/Elements/SimpleLink/index.js.map +1 -1
  171. package/ui/Elements/SpaceAround/SpaceAround.js +12 -20
  172. package/ui/Elements/SpaceAround/SpaceAround.js.map +1 -1
  173. package/ui/Elements/SpaceAround/index.js +2 -7
  174. package/ui/Elements/SpaceAround/index.js.map +1 -1
  175. package/ui/Elements/Spinner/Spinner.js +4 -10
  176. package/ui/Elements/Spinner/Spinner.js.map +1 -1
  177. package/ui/Elements/Spinner/index.js +2 -7
  178. package/ui/Elements/Spinner/index.js.map +1 -1
  179. package/ui/Elements/Spinner/styles.js +9 -16
  180. package/ui/Elements/Spinner/styles.js.map +1 -1
  181. package/ui/Elements/Tag/Tag.js +7 -16
  182. package/ui/Elements/Tag/Tag.js.map +1 -1
  183. package/ui/Elements/Tag/index.js +2 -7
  184. package/ui/Elements/Tag/index.js.map +1 -1
  185. package/ui/Elements/Tag/palletes.js +1 -3
  186. package/ui/Elements/Tag/palletes.js.map +1 -1
  187. package/ui/Elements/Tag/types.d.ts +1 -0
  188. package/ui/Elements/Text/Text.js +5 -9
  189. package/ui/Elements/Text/Text.js.map +1 -1
  190. package/ui/Elements/Toast/Toast.js +10 -18
  191. package/ui/Elements/Toast/Toast.js.map +1 -1
  192. package/ui/Elements/Toast/index.js +2 -7
  193. package/ui/Elements/Toast/index.js.map +1 -1
  194. package/ui/Elements/Toggle/Toggle.js +15 -23
  195. package/ui/Elements/Toggle/Toggle.js.map +1 -1
  196. package/ui/Elements/Toggle/index.js +2 -7
  197. package/ui/Elements/Toggle/index.js.map +1 -1
  198. package/ui/Elements/Typography/Typography.js +17 -31
  199. package/ui/Elements/Typography/Typography.js.map +1 -1
  200. package/ui/Elements/Typography/index.js +3 -19
  201. package/ui/Elements/Typography/index.js.map +1 -1
  202. package/ui/Forms/Checkbox/Checkbox.js +9 -13
  203. package/ui/Forms/Checkbox/Checkbox.js.map +1 -1
  204. package/ui/Forms/Checkbox/index.js +2 -7
  205. package/ui/Forms/Checkbox/index.js.map +1 -1
  206. package/ui/Forms/Checkbox/styles.js +9 -18
  207. package/ui/Forms/Checkbox/styles.js.map +1 -1
  208. package/ui/Forms/Input/Input.js +18 -20
  209. package/ui/Forms/Input/Input.js.map +1 -1
  210. package/ui/Forms/Input/index.js +2 -7
  211. package/ui/Forms/Input/index.js.map +1 -1
  212. package/ui/Forms/Input/styles.js +19 -32
  213. package/ui/Forms/Input/styles.js.map +1 -1
  214. package/ui/Forms/RadioButton/RadioButton.js +6 -10
  215. package/ui/Forms/RadioButton/RadioButton.js.map +1 -1
  216. package/ui/Forms/RadioButton/index.js +2 -7
  217. package/ui/Forms/RadioButton/index.js.map +1 -1
  218. package/ui/Forms/RadioButton/styles.js +9 -20
  219. package/ui/Forms/RadioButton/styles.js.map +1 -1
  220. package/ui/ThemeProvider/ThemeProvider.js +5 -9
  221. package/ui/ThemeProvider/ThemeProvider.js.map +1 -1
  222. package/ui/ThemeProvider/index.js +2 -7
  223. package/ui/ThemeProvider/index.js.map +1 -1
  224. package/ui/ThemeProvider/themes/default.js +1 -5
  225. package/ui/ThemeProvider/themes/default.js.map +1 -1
  226. package/ui/ThemeProvider/themes/index.js +7 -11
  227. package/ui/ThemeProvider/themes/index.js.map +1 -1
  228. package/ui/ThemeProvider/themes/light.js +1 -5
  229. package/ui/ThemeProvider/themes/light.js.map +1 -1
  230. package/ui/ThemeProvider/themes/mailwise.js +1 -5
  231. package/ui/ThemeProvider/themes/mailwise.js.map +1 -1
  232. package/ui/dts/Elements/Tag/types.d.ts +1 -0
  233. package/ui/index.d.ts +1 -1
  234. package/ui/index.js +45 -113
  235. package/ui/index.js.map +1 -1
  236. package/ui/utils/CreateRgba/createRgba.js +6 -15
  237. package/ui/utils/CreateRgba/createRgba.js.map +1 -1
  238. package/ui/utils/KeyPress/KeyPress.js +4 -8
  239. package/ui/utils/KeyPress/KeyPress.js.map +1 -1
  240. package/ui/utils/KeyPress/index.js +2 -6
  241. package/ui/utils/KeyPress/index.js.map +1 -1
  242. package/ui/utils/index.js +5 -11
  243. package/ui/utils/index.js.map +1 -1
  244. package/ui/Elements/Card/Card.d.ts +0 -8
package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mailwrapLogo.svg.js","sources":["../../../../../../packages/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%2053%22%20width%3D%22259%22%20height%3D%2253%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22cp1%22%3E%3Cpath%20d%3D%22m-294.22-374.2h793.71v793.7h-793.71z%22%20%2F%3E%3C%2FclipPath%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img1%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img2%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2225%22%20height%3D%2229%22%20id%3D%22img3%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IB2cksfwAAAMNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FWcU9VgAAAEF0Uk5TgH8gAK%2FP%2F0CQvxAwYMDv33Cgb58%2FXz706%2Fz%2B9vD3GHVCWIt%2BUTUvTa0GDzgB8y7k8h%2F49SMI%2FS0dFgQSERkUCQJ4fsqRAAAAxElEQVR4nHXSZxOCMAwG4EqgLMWFCxX3QHGLe%2F3%2FXyXeSZv2ru%2BnJM%2BXNFdCclk0AE03qKGb8AuhLCZY%2F8p2RHHzrNQl4SUlghSQeBoWIZZSikqhLhadGLwpIbEBHI91ZSSV9BFVvikSP5UaX0ESn7eS1BvNFqVBu9MNJAl7%2FcFwNJ5MZ3NJIsiyQLJM%2B5gJusFqDUK4bEKVbHcq2SvlcETjOIm4nM5sLP%2BdCxoLElxVQpObYgMK94dK4PnC1xEf8f6w8gsBxRaZ5mJdeAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fdefs%3E%3Cstyle%3E.s0%7Bfill%3A%23ec2227%7D.s1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3Cg%20clip-path%3D%22url%28%23cp1%29%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m28.7%2043.7v-15.2c0-1-0.1-2.9-1.6-2.9c-2.1%200-2.3%202.8-2.3%204.3v13.8h-10.2v-15c0-1.3-0.1-2.9-1.6-2.9c-2.4%200-2.3%202.6-2.3%204.3v13.6h-10.2v-27.4h10.2v1.5q0%201.5-0.1%203.1c1.5-3%203.3-5.1%206.9-5.1c3.9%200%205.9%202.4%207.3%205.6c1.2-3.3%203-5.6%206.8-5.6c1.8%200%203.5%200.6%204.8%201.8c2.2%202%202.4%204.6%202.4%207.4v18.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m57.8%2043.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m203%2043v-27.4h10.3c-0.2%201.5-0.2%202.9-0.3%204.3c1.3-2.7%203.3-4.9%206.5-4.9c6.9%200%208.5%208.7%208.5%2014.1c0%205.3-1.4%2014.5-8.3%2014.5c-3.4%200-5.5-2.3-6.9-5.2c0.1%201.5%200.2%203.1%200.3%204.6zm10.3-14.9c0%201.8-0.3%207.1%202.3%207.1c2.2%200%202.3-3.4%202.3-4.9c0-1.9%200.1-6.9-2.6-6.9c-2%200-2%203.2-2%204.7z%22%20%2F%3E%3Cuse%20%20href%3D%22%23img1%22%20x%3D%22203%22%20y%3D%2243%22%20%2F%3E%3Cuse%20%20href%3D%22%23img2%22%20x%3D%22203%22%20y%3D%2247%22%20%2F%3E%3Cuse%20%20href%3D%22%23img3%22%20x%3D%22143%22%20y%3D%2215%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m186.8%2042.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m72.7%2016.3h10.1v27.4h-10.1zm5.1-2.5c-3.3%200-5.9-2.8-5.9-6c0-3.2%202.7-5.9%205.9-5.9c3.2%200%205.9%202.7%205.9%205.9c0%203.3-2.6%206-5.9%206z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m87.5%201h10.2v42.7h-10.2z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m132.1%2043.7h-10.1l-2.1-16.4l-3.1%2016.4h-10l-6.8-27.4h10c1%205.6%202.2%2011%202.6%2016.6c0.5-5.6%201.9-11.1%203.1-16.6h8.7c0.9%205.6%201.9%2011%202.4%2016.6c0.8-5.6%201.9-11%203.1-16.6h10.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;;;;;AA6DA,mBAAe,8qJAA8qJ;;;;"}
1
+ {"version":3,"file":"mailwrapLogo.svg.js","sources":["../../../../../../packages/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%2053%22%20width%3D%22259%22%20height%3D%2253%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22cp1%22%3E%3Cpath%20d%3D%22m-294.22-374.2h793.71v793.7h-793.71z%22%20%2F%3E%3C%2FclipPath%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img1%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img2%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2225%22%20height%3D%2229%22%20id%3D%22img3%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IB2cksfwAAAMNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FWcU9VgAAAEF0Uk5TgH8gAK%2FP%2F0CQvxAwYMDv33Cgb58%2FXz706%2Fz%2B9vD3GHVCWIt%2BUTUvTa0GDzgB8y7k8h%2F49SMI%2FS0dFgQSERkUCQJ4fsqRAAAAxElEQVR4nHXSZxOCMAwG4EqgLMWFCxX3QHGLe%2F3%2FXyXeSZv2ru%2BnJM%2BXNFdCclk0AE03qKGb8AuhLCZY%2F8p2RHHzrNQl4SUlghSQeBoWIZZSikqhLhadGLwpIbEBHI91ZSSV9BFVvikSP5UaX0ESn7eS1BvNFqVBu9MNJAl7%2FcFwNJ5MZ3NJIsiyQLJM%2B5gJusFqDUK4bEKVbHcq2SvlcETjOIm4nM5sLP%2BdCxoLElxVQpObYgMK94dK4PnC1xEf8f6w8gsBxRaZ5mJdeAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fdefs%3E%3Cstyle%3E.s0%7Bfill%3A%23ec2227%7D.s1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3Cg%20clip-path%3D%22url%28%23cp1%29%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m28.7%2043.7v-15.2c0-1-0.1-2.9-1.6-2.9c-2.1%200-2.3%202.8-2.3%204.3v13.8h-10.2v-15c0-1.3-0.1-2.9-1.6-2.9c-2.4%200-2.3%202.6-2.3%204.3v13.6h-10.2v-27.4h10.2v1.5q0%201.5-0.1%203.1c1.5-3%203.3-5.1%206.9-5.1c3.9%200%205.9%202.4%207.3%205.6c1.2-3.3%203-5.6%206.8-5.6c1.8%200%203.5%200.6%204.8%201.8c2.2%202%202.4%204.6%202.4%207.4v18.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m57.8%2043.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m203%2043v-27.4h10.3c-0.2%201.5-0.2%202.9-0.3%204.3c1.3-2.7%203.3-4.9%206.5-4.9c6.9%200%208.5%208.7%208.5%2014.1c0%205.3-1.4%2014.5-8.3%2014.5c-3.4%200-5.5-2.3-6.9-5.2c0.1%201.5%200.2%203.1%200.3%204.6zm10.3-14.9c0%201.8-0.3%207.1%202.3%207.1c2.2%200%202.3-3.4%202.3-4.9c0-1.9%200.1-6.9-2.6-6.9c-2%200-2%203.2-2%204.7z%22%20%2F%3E%3Cuse%20%20href%3D%22%23img1%22%20x%3D%22203%22%20y%3D%2243%22%20%2F%3E%3Cuse%20%20href%3D%22%23img2%22%20x%3D%22203%22%20y%3D%2247%22%20%2F%3E%3Cuse%20%20href%3D%22%23img3%22%20x%3D%22143%22%20y%3D%2215%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m186.8%2042.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m72.7%2016.3h10.1v27.4h-10.1zm5.1-2.5c-3.3%200-5.9-2.8-5.9-6c0-3.2%202.7-5.9%205.9-5.9c3.2%200%205.9%202.7%205.9%205.9c0%203.3-2.6%206-5.9%206z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m87.5%201h10.2v42.7h-10.2z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m132.1%2043.7h-10.1l-2.1-16.4l-3.1%2016.4h-10l-6.8-27.4h10c1%205.6%202.2%2011%202.6%2016.6c0.5-5.6%201.9-11.1%203.1-16.6h8.7c0.9%205.6%201.9%2011%202.4%2016.6c0.8-5.6%201.9-11%203.1-16.6h10.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\""],"names":[],"mappings":";;AA6DA,mBAAe,8qJAA8qJ;;;;"}
package/ui/Elements/Logo/index.js CHANGED
@@ -1,11 +1,6 @@
1
- 'use strict';
1
+ import Logo from './Logo.js';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
3
 
5
- var Logo = require('./Logo.js');
6
4
 
7
-
8
-
9
- exports.Logo = Logo.default;
10
- exports.default = Logo.default;
5
+ export { Logo, Logo as default };
11
6
  //# sourceMappingURL=index.js.map
package/ui/Elements/Logo/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/ui/Elements/Pagination/Pagination.js CHANGED
@@ -1,21 +1,17 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var React = require('react');
7
- var styled = require('./styled.js');
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { useCallback, useMemo } from 'react';
3
+ import { Wrapper, Btn, GoIcon, PageBtn, DotsWrapper } from './styled.js';
8
4
 
9
5
  var Pagination = function (_a) {
10
6
  var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;
11
- var setPage = React.useCallback(function (number) { return function () {
7
+ var setPage = useCallback(function (number) { return function () {
12
8
  if (onPageChange) {
13
9
  onPageChange(number);
14
10
  }
15
11
  }; }, [onPageChange]);
16
12
  var pageX = page !== null && page !== void 0 ? page : 1;
17
13
  var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);
18
- var arrayOfPages = React.useMemo(function () {
14
+ var arrayOfPages = useMemo(function () {
19
15
  var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });
20
16
  // first and last page are still visible
21
17
  // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)
@@ -35,8 +31,8 @@ var Pagination = function (_a) {
35
31
  return pageNumbers.slice(pageX - 3, pageX + 2);
36
32
  }
37
33
  }, [pageCount, pageX]);
38
- return (jsxRuntime.jsxs(styled.Wrapper, { children: [jsxRuntime.jsx(styled.Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: jsxRuntime.jsx(styled.GoIcon, { icon: "goLeft", isActive: pageX > 1 }) }), jsxRuntime.jsx(styled.PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && jsxRuntime.jsx(styled.DotsWrapper, { children: "..." }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (jsxRuntime.jsx(styled.PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && jsxRuntime.jsx(styled.DotsWrapper, { children: "..." }), pageCount !== 1 && (jsxRuntime.jsx(styled.PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), jsxRuntime.jsx(styled.Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: jsxRuntime.jsx(styled.GoIcon, { icon: "goRight", isActive: pageX < pageCount }) })] }));
34
+ return (jsxs(Wrapper, { children: [jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: jsx(GoIcon, { icon: "goLeft", isActive: pageX > 1 }) }), jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), pageCount !== 1 && (jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: jsx(GoIcon, { icon: "goRight", isActive: pageX < pageCount }) })] }));
39
35
  };
40
36
 
41
- exports.default = Pagination;
37
+ export { Pagination as default };
42
38
  //# sourceMappingURL=Pagination.js.map
package/ui/Elements/Pagination/Pagination.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","sources":["../../../../packages/ui/Elements/Pagination/Pagination.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useMemo } from 'react';\nimport { Btn, GoIcon, Wrapper, PageBtn, DotsWrapper } from './styled';\nvar Pagination = function (_a) {\n var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;\n var setPage = useCallback(function (number) { return function () {\n if (onPageChange) {\n onPageChange(number);\n }\n }; }, [onPageChange]);\n var pageX = page !== null && page !== void 0 ? page : 1;\n var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);\n var arrayOfPages = useMemo(function () {\n var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });\n // first and last page are still visible\n // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)\n if (pageCount < 6) {\n return pageNumbers.slice(1, pageCount - 1);\n // if current page is less than 5 (display first 5 pages)\n }\n else if (pageX < 5) {\n return pageNumbers.slice(1, 5);\n // display last 5 pages\n }\n else if (pageX > pageCount - 4) {\n return pageNumbers.slice(pageCount - 5, pageCount - 1);\n }\n else {\n // display dispersion of 2 chars from current page (part between dots)\n return pageNumbers.slice(pageX - 3, pageX + 2);\n }\n }, [pageCount, pageX]);\n return (_jsxs(Wrapper, { children: [_jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: _jsx(GoIcon, { icon: \"goLeft\", isActive: pageX > 1 }) }), _jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (_jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), pageCount !== 1 && (_jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), _jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: _jsx(GoIcon, { icon: \"goRight\", isActive: pageX < pageCount }) })] }));\n};\nexport default Pagination;\n//# sourceMappingURL=Pagination.js.map"],"names":["useCallback","useMemo","_jsxs","Wrapper","_jsx","Btn","GoIcon","PageBtn","DotsWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"Pagination.js","sources":["../../../../packages/ui/Elements/Pagination/Pagination.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useMemo } from 'react';\nimport { Btn, GoIcon, Wrapper, PageBtn, DotsWrapper } from './styled';\nvar Pagination = function (_a) {\n var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;\n var setPage = useCallback(function (number) { return function () {\n if (onPageChange) {\n onPageChange(number);\n }\n }; }, [onPageChange]);\n var pageX = page !== null && page !== void 0 ? page : 1;\n var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);\n var arrayOfPages = useMemo(function () {\n var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });\n // first and last page are still visible\n // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)\n if (pageCount < 6) {\n return pageNumbers.slice(1, pageCount - 1);\n // if current page is less than 5 (display first 5 pages)\n }\n else if (pageX < 5) {\n return pageNumbers.slice(1, 5);\n // display last 5 pages\n }\n else if (pageX > pageCount - 4) {\n return pageNumbers.slice(pageCount - 5, pageCount - 1);\n }\n else {\n // display dispersion of 2 chars from current page (part between dots)\n return pageNumbers.slice(pageX - 3, pageX + 2);\n }\n }, [pageCount, pageX]);\n return (_jsxs(Wrapper, { children: [_jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: _jsx(GoIcon, { icon: \"goLeft\", isActive: pageX > 1 }) }), _jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (_jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && _jsx(DotsWrapper, { children: \"...\" }), pageCount !== 1 && (_jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), _jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: _jsx(GoIcon, { icon: \"goRight\", isActive: pageX < pageCount }) })] }));\n};\nexport default Pagination;\n//# sourceMappingURL=Pagination.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGG,IAAC,UAAU,GAAG,UAAU,EAAE,EAAE;AAC/B,IAAI,IAAI,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AAC/G,IAAI,IAAI,OAAO,GAAG,WAAW,CAAC,UAAU,MAAM,EAAE,EAAE,OAAO,YAAY;AACrE,QAAQ,IAAI,YAAY,EAAE;AAC1B,YAAY,YAAY,CAAC,MAAM,CAAC,CAAC;AACjC,SAAS;AACT,KAAK,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AAC1B,IAAI,IAAI,KAAK,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;AAC5D,IAAI,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,CAAC,KAAK,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9K,IAAI,IAAI,YAAY,GAAG,OAAO,CAAC,YAAY;AAC3C,QAAQ,IAAI,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AAC/F;AACA;AACA,QAAQ,IAAI,SAAS,GAAG,CAAC,EAAE;AAC3B,YAAY,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;AACvD;AACA,SAAS;AACT,aAAa,IAAI,KAAK,GAAG,CAAC,EAAE;AAC5B,YAAY,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3C;AACA,SAAS;AACT,aAAa,IAAI,KAAK,GAAG,SAAS,GAAG,CAAC,EAAE;AACxC,YAAY,OAAO,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;AACnE,SAAS;AACT,aAAa;AACb;AACA,YAAY,OAAO,WAAW,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AAC3D,SAAS;AACT,KAAK,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3B,IAAI,QAAQA,IAAK,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,SAAS,GAAG,CAAC,IAAIA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,UAAU,MAAM,EAAE,EAAE,QAAQA,GAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,KAAK,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,IAAIA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,KAAK,CAAC,KAAKA,GAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,KAAK,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACh6B;;;;"}
package/ui/Elements/Pagination/index.js CHANGED
@@ -1,11 +1,6 @@
1
- 'use strict';
1
+ import Pagination from './Pagination.js';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
3
 
5
- var Pagination = require('./Pagination.js');
6
4
 
7
-
8
-
9
- exports.Pagination = Pagination.default;
10
- exports.default = Pagination.default;
5
+ export { Pagination, Pagination as default };
11
6
  //# sourceMappingURL=index.js.map
package/ui/Elements/Pagination/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/ui/Elements/Pagination/styled.js CHANGED
@@ -1,38 +1,27 @@
1
- 'use strict';
1
+ import { __makeTemplateObject } from 'tslib';
2
+ import styled, { x, th } from '@xstyled/styled-components';
3
+ import Icon from '../Icon/Icon.js';
4
+ import 'react/jsx-runtime';
2
5
 
3
- var tslib = require('tslib');
4
- var styled = require('@xstyled/styled-components');
5
- var Icon = require('../Icon/Icon.js');
6
- require('react/jsx-runtime');
7
-
8
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
9
-
10
- var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
11
-
12
- var Wrapper = styled__default.default(styled.x.div)(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n"])));
13
- var Btn = styled__default.default.button(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n background-color: transparent;\n border: none;\n cursor: ", ";\n opacity: ", ";\n"], ["\n background-color: transparent;\n border: none;\n cursor: ", ";\n opacity: ", ";\n"])), function (_a) {
6
+ var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n\n & > *:not(:last-child) {\n margin-right: 4px;\n }\n"])));
7
+ var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: transparent;\n border: none;\n cursor: ", ";\n opacity: ", ";\n"], ["\n background-color: transparent;\n border: none;\n cursor: ", ";\n opacity: ", ";\n"])), function (_a) {
14
8
  var disabled = _a.disabled;
15
9
  return (disabled ? 'default' : 'pointer');
16
10
  }, function (_a) {
17
11
  var disabled = _a.disabled;
18
12
  return (disabled ? 0 : 1);
19
13
  });
20
- var ArrowIcon = styled__default.default(Icon.default)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n width: 16px;\n display: flex;\n align-items: center;\n color: gray1;\n\n &:hover {\n color: blue2;\n }\n"], ["\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n width: 16px;\n display: flex;\n align-items: center;\n color: gray1;\n\n &:hover {\n color: blue2;\n }\n"])));
21
- var GoIcon = styled__default.default(ArrowIcon)(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n margin: 0 8px;\n font-size: 11px;\n & > svg {\n width: 10px;\n }\n"], ["\n margin: 0 8px;\n font-size: 11px;\n & > svg {\n width: 10px;\n }\n"])));
22
- var DotsWrapper = styled__default.default.div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n color: gray1;\n"], ["\n color: gray1;\n"])));
23
- var PageBtn = styled__default.default.span(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n height: 18px;\n min-width: 18px;\n display: flex;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: 0 4px;\n color: ", ";\n font-size: 14px;\n font-weight: ", ";\n font-family: ", ";\n line-height: 1em;\n\n &:hover {\n color: blue2;\n }\n"], ["\n height: 18px;\n min-width: 18px;\n display: flex;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: 0 4px;\n color: ", ";\n font-size: 14px;\n font-weight: ", ";\n font-family: ", ";\n line-height: 1em;\n\n &:hover {\n color: blue2;\n }\n"])), function (_a) {
14
+ var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n width: 16px;\n display: flex;\n align-items: center;\n color: gray1;\n\n &:hover {\n color: blue2;\n }\n"], ["\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n width: 16px;\n display: flex;\n align-items: center;\n color: gray1;\n\n &:hover {\n color: blue2;\n }\n"])));
15
+ var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0 8px;\n font-size: 11px;\n & > svg {\n width: 10px;\n }\n"], ["\n margin: 0 8px;\n font-size: 11px;\n & > svg {\n width: 10px;\n }\n"])));
16
+ var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: gray1;\n"], ["\n color: gray1;\n"])));
17
+ var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 18px;\n min-width: 18px;\n display: flex;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: 0 4px;\n color: ", ";\n font-size: 14px;\n font-weight: ", ";\n font-family: ", ";\n line-height: 1em;\n\n &:hover {\n color: blue2;\n }\n"], ["\n height: 18px;\n min-width: 18px;\n display: flex;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: 0 4px;\n color: ", ";\n font-size: 14px;\n font-weight: ", ";\n font-family: ", ";\n line-height: 1em;\n\n &:hover {\n color: blue2;\n }\n"])), function (_a) {
24
18
  var isCurrent = _a.isCurrent;
25
- return (isCurrent ? styled.th.color('red1') : styled.th.color('gray1'));
19
+ return (isCurrent ? th.color('red1') : th.color('gray1'));
26
20
  }, function (_a) {
27
21
  var isCurrent = _a.isCurrent;
28
- return (isCurrent ? styled.th.fontWeight('semiBold') : styled.th.fontWeight('medium'));
29
- }, styled.th('fonts.primary'));
22
+ return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));
23
+ }, th('fonts.primary'));
30
24
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
31
25
 
32
- exports.ArrowIcon = ArrowIcon;
33
- exports.Btn = Btn;
34
- exports.DotsWrapper = DotsWrapper;
35
- exports.GoIcon = GoIcon;
36
- exports.PageBtn = PageBtn;
37
- exports.Wrapper = Wrapper;
26
+ export { ArrowIcon, Btn, DotsWrapper, GoIcon, PageBtn, Wrapper };
38
27
  //# sourceMappingURL=styled.js.map
package/ui/Elements/Pagination/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../packages/ui/Elements/Pagination/styled.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nexport var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"], [\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"])));\nexport var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"], [\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 0 : 1);\n});\nexport var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])));\nexport var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"], [\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"])));\nexport var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n color: gray1;\\n\"], [\"\\n color: gray1;\\n\"])));\nexport var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])), function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.color('red1') : th.color('gray1'));\n}, function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));\n}, th('fonts.primary'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styled.js.map"],"names":["styled","x","__makeTemplateObject","Icon","th"],"mappings":";;;;;;;;;;;AAIU,IAAC,OAAO,GAAGA,uBAAM,CAACC,QAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,gHAAgH,CAAC,EAAE,CAAC,gHAAgH,CAAC,CAAC,CAAC,EAAE;AAChU,IAAC,GAAG,GAAGF,uBAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxS,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,SAAS,GAAGF,uBAAM,CAACG,YAAI,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,qKAAqK,CAAC,EAAE,CAAC,qKAAqK,CAAC,CAAC,CAAC,EAAE;AAC3a,IAAC,MAAM,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,8EAA8E,CAAC,EAAE,CAAC,8EAA8E,CAAC,CAAC,CAAC,EAAE;AAC/P,IAAC,WAAW,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;AAC3I,IAAC,OAAO,GAAGF,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,EAAE,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACtuB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAGE,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAGA,SAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9D,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAGA,SAAE,CAAC,UAAU,CAAC,UAAU,CAAC,GAAGA,SAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC7E,CAAC,EAAEA,SAAE,CAAC,eAAe,CAAC,EAAE;AACxB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../packages/ui/Elements/Pagination/styled.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nexport var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"], [\"\\n display: inline-flex;\\n align-items: center;\\n\\n & > *:not(:last-child) {\\n margin-right: 4px;\\n }\\n\"])));\nexport var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"], [\"\\n background-color: transparent;\\n border: none;\\n cursor: \", \";\\n opacity: \", \";\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 0 : 1);\n});\nexport var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n border-radius: 50%;\\n aspect-ratio: 1 / 1;\\n width: 16px;\\n display: flex;\\n align-items: center;\\n color: gray1;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])));\nexport var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"], [\"\\n margin: 0 8px;\\n font-size: 11px;\\n & > svg {\\n width: 10px;\\n }\\n\"])));\nexport var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n color: gray1;\\n\"], [\"\\n color: gray1;\\n\"])));\nexport var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"], [\"\\n height: 18px;\\n min-width: 18px;\\n display: flex;\\n border-radius: 50%;\\n align-items: center;\\n justify-content: center;\\n cursor: pointer;\\n margin: 0 4px;\\n color: \", \";\\n font-size: 14px;\\n font-weight: \", \";\\n font-family: \", \";\\n line-height: 1em;\\n\\n &:hover {\\n color: blue2;\\n }\\n\"])), function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.color('red1') : th.color('gray1'));\n}, function (_a) {\n var isCurrent = _a.isCurrent;\n return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));\n}, th('fonts.primary'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styled.js.map"],"names":[],"mappings":";;;;;AAIU,IAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,gHAAgH,CAAC,EAAE,CAAC,gHAAgH,CAAC,CAAC,CAAC,EAAE;AAChU,IAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxS,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qKAAqK,CAAC,EAAE,CAAC,qKAAqK,CAAC,CAAC,CAAC,EAAE;AAC3a,IAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,8EAA8E,CAAC,EAAE,CAAC,8EAA8E,CAAC,CAAC,CAAC,EAAE;AAC/P,IAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;AAC3I,IAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,EAAE,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACtuB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9D,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC7E,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE;AACxB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
package/ui/Elements/Paragraph/Paragraph.js CHANGED
@@ -1,10 +1,6 @@
1
- 'use strict';
1
+ import { jsx } from 'react/jsx-runtime';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
3
+ var Paragraph = function () { return jsx("p", { children: "paragraph" }); };
4
4
 
5
- var jsxRuntime = require('react/jsx-runtime');
6
-
7
- var Paragraph = function () { return jsxRuntime.jsx("p", { children: "paragraph" }); };
8
-
9
- exports.default = Paragraph;
5
+ export { Paragraph as default };
10
6
  //# sourceMappingURL=Paragraph.js.map
package/ui/Elements/Paragraph/Paragraph.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Paragraph.js","sources":["../../../../packages/ui/Elements/Paragraph/Paragraph.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Paragraph = function () { return _jsx(\"p\", { children: \"paragraph\" }); };\nexport default Paragraph;\n//# sourceMappingURL=Paragraph.js.map"],"names":["_jsx"],"mappings":";;;;;;AACG,IAAC,SAAS,GAAG,YAAY,EAAE,OAAOA,cAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;;;;"}
1
+ {"version":3,"file":"Paragraph.js","sources":["../../../../packages/ui/Elements/Paragraph/Paragraph.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Paragraph = function () { return _jsx(\"p\", { children: \"paragraph\" }); };\nexport default Paragraph;\n//# sourceMappingURL=Paragraph.js.map"],"names":["_jsx"],"mappings":";;AACG,IAAC,SAAS,GAAG,YAAY,EAAE,OAAOA,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;;;;"}
package/ui/Elements/Paragraph/index.js CHANGED
@@ -1,11 +1,6 @@
1
- 'use strict';
1
+ import Paragraph from './Paragraph.js';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
3
 
5
- var Paragraph = require('./Paragraph.js');
6
4
 
7
-
8
-
9
- exports.Paragraph = Paragraph.default;
10
- exports.default = Paragraph.default;
5
+ export { Paragraph, Paragraph as default };
11
6
  //# sourceMappingURL=index.js.map
package/ui/Elements/Paragraph/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/ui/Elements/Portal/index.js CHANGED
@@ -1,26 +1,17 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var ReactDom = require('react-dom');
7
-
8
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
9
-
10
- var ReactDom__default = /*#__PURE__*/_interopDefaultCompat(ReactDom);
1
+ import { useState, useEffect } from 'react';
2
+ import ReactDom from 'react-dom';
11
3
 
12
4
  var Portal = function (_a) {
13
5
  var children = _a.children;
14
- var container = React.useState(function () { return document.createElement('div'); })[0];
15
- React.useEffect(function () {
6
+ var container = useState(function () { return document.createElement('div'); })[0];
7
+ useEffect(function () {
16
8
  document.body.appendChild(container);
17
9
  return function () {
18
10
  document.body.removeChild(container);
19
11
  };
20
12
  }, []);
21
- return ReactDom__default.default.createPortal(children, container);
13
+ return ReactDom.createPortal(children, container);
22
14
  };
23
15
 
24
- exports.Portal = Portal;
25
- exports.default = Portal;
16
+ export { Portal, Portal as default };
26
17
  //# sourceMappingURL=index.js.map
package/ui/Elements/Portal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n var children = _a.children;\n var container = useState(function () { return document.createElement('div'); })[0];\n useEffect(function () {\n document.body.appendChild(container);\n return function () {\n document.body.removeChild(container);\n };\n }, []);\n return ReactDom.createPortal(children, container);\n};\nexport default Portal;\n//# sourceMappingURL=index.js.map"],"names":["useState","useEffect","ReactDom"],"mappings":";;;;;;;;;;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAGA,cAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAIC,eAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAOC,yBAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n var children = _a.children;\n var container = useState(function () { return document.createElement('div'); })[0];\n useEffect(function () {\n document.body.appendChild(container);\n return function () {\n document.body.removeChild(container);\n };\n }, []);\n return ReactDom.createPortal(children, container);\n};\nexport default Portal;\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;"}
package/ui/Elements/ProgressBar/ProgressBar.js CHANGED
@@ -1,16 +1,12 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var styles = require('./styles.js');
1
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { StyledProgressBar, Progress, ProgressDescription } from './styles.js';
7
3
 
8
4
  var ProgressBar = function (_a) {
9
5
  var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;
10
6
  if (progress > 100 || progress < 0)
11
7
  console.warn('Progress value should be number between 0 and 100.');
12
- return (jsxRuntime.jsxs(styles.StyledProgressBar, { status: status, variant: variant, children: [jsxRuntime.jsx(styles.Progress, { progress: progress, status: status }), !noText && jsxRuntime.jsx(styles.ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
8
+ return (jsxs(StyledProgressBar, { status: status, variant: variant, children: [jsx(Progress, { progress: progress, status: status }), !noText && jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
13
9
  };
14
10
 
15
- exports.default = ProgressBar;
11
+ export { ProgressBar as default };
16
12
  //# sourceMappingURL=ProgressBar.js.map
package/ui/Elements/ProgressBar/ProgressBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.js","sources":["../../../../packages/ui/Elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledProgressBar, Progress, ProgressDescription } from './styles';\nvar ProgressBar = function (_a) {\n var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;\n if (progress > 100 || progress < 0)\n console.warn('Progress value should be number between 0 and 100.');\n return (_jsxs(StyledProgressBar, { status: status, variant: variant, children: [_jsx(Progress, { progress: progress, status: status }), !noText && _jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : \"\".concat(progress, \"%\") })] }));\n};\nexport default ProgressBar;\n//# sourceMappingURL=ProgressBar.js.map"],"names":["_jsxs","StyledProgressBar","_jsx","Progress","ProgressDescription"],"mappings":";;;;;;;AAEG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AAC1J,IAAI,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,GAAG,CAAC;AACtC,QAAQ,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;AAC3E,IAAI,QAAQA,eAAK,CAACC,wBAAiB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,cAAI,CAACC,eAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,IAAID,cAAI,CAACE,0BAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,YAAY,GAAG,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClR;;;;"}
1
+ {"version":3,"file":"ProgressBar.js","sources":["../../../../packages/ui/Elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledProgressBar, Progress, ProgressDescription } from './styles';\nvar ProgressBar = function (_a) {\n var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;\n if (progress > 100 || progress < 0)\n console.warn('Progress value should be number between 0 and 100.');\n return (_jsxs(StyledProgressBar, { status: status, variant: variant, children: [_jsx(Progress, { progress: progress, status: status }), !noText && _jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : \"\".concat(progress, \"%\") })] }));\n};\nexport default ProgressBar;\n//# sourceMappingURL=ProgressBar.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;AAEG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AAC1J,IAAI,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,GAAG,CAAC;AACtC,QAAQ,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;AAC3E,IAAI,QAAQA,IAAK,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,IAAIA,GAAI,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,YAAY,GAAG,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClR;;;;"}
package/ui/Elements/ProgressBar/index.js CHANGED
@@ -1,11 +1,6 @@
1
- 'use strict';
1
+ import ProgressBar from './ProgressBar.js';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
3
 
5
- var ProgressBar = require('./ProgressBar.js');
6
4
 
7
-
8
-
9
- exports.ProgressBar = ProgressBar.default;
10
- exports.default = ProgressBar.default;
5
+ export { ProgressBar, ProgressBar as default };
11
6
  //# sourceMappingURL=index.js.map
package/ui/Elements/ProgressBar/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/ui/Elements/ProgressBar/styles.js CHANGED
@@ -1,28 +1,20 @@
1
- 'use strict';
1
+ import { __makeTemplateObject } from 'tslib';
2
+ import styled, { th, keyframes, css } from '@xstyled/styled-components';
3
+ import { createRgba } from '../../utils/CreateRgba/createRgba.js';
4
+ import 'react';
2
5
 
3
- var tslib = require('tslib');
4
- var styled = require('@xstyled/styled-components');
5
- var createRgba = require('../../utils/CreateRgba/createRgba.js');
6
- require('react');
7
-
8
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
9
-
10
- var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
11
-
12
- var StyledProgressBar = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n min-width: 250px;\n height: ", ";\n color: ", ";\n background-color: ", ";\n justify-content: center;\n border: slim;\n border-color: ", ";\n border-radius: md;\n overflow: hidden;\n"], ["\n position: relative;\n display: flex;\n width: 100%;\n min-width: 250px;\n height: ", ";\n color: ", ";\n background-color: ", ";\n justify-content: center;\n border: slim;\n border-color: ", ";\n border-radius: md;\n overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, styled.th('colors.white'), function (props) {
13
- return props.status === 'finished' ? createRgba.createRgba(props.theme.colors.success, 0.4) : "".concat(styled.th('colors.red1'));
14
- }, function (props) { return (props.status === 'finished' ? "".concat(styled.th('colors.success')) : "".concat(styled.th('colors.red1'))); });
15
- var slide = styled.keyframes(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n0%{\n background-position-x: 0%;\n}\n100% {\n background-position-x: 500px;\n}\n"], ["\n0%{\n background-position-x: 0%;\n}\n100% {\n background-position-x: 500px;\n}\n"])));
16
- var StyledStatusFinished = styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), function (props) { return createRgba.createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba.createRgba(props.theme.colors.success, 0.4); }, styled.th('colors.success'), styled.th('colors.success'));
17
- var StyledStatusLoading = styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'));
18
- var StyledStatusError = styled.css(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'));
19
- var Progress = styled__default.default.div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: ", ";\n height: 35px;\n animation: ", " 20s linear infinite;\n transition: width 500ms;\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: ", ";\n height: 35px;\n animation: ", " 20s linear infinite;\n transition: width 500ms;\n ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
6
+ var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n min-width: 250px;\n height: ", ";\n color: ", ";\n background-color: ", ";\n justify-content: center;\n border: slim;\n border-color: ", ";\n border-radius: md;\n overflow: hidden;\n"], ["\n position: relative;\n display: flex;\n width: 100%;\n min-width: 250px;\n height: ", ";\n color: ", ";\n background-color: ", ";\n justify-content: center;\n border: slim;\n border-color: ", ";\n border-radius: md;\n overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, th('colors.white'), function (props) {
7
+ return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : "".concat(th('colors.red1'));
8
+ }, function (props) { return (props.status === 'finished' ? "".concat(th('colors.success')) : "".concat(th('colors.red1'))); });
9
+ var slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n0%{\n background-position-x: 0%;\n}\n100% {\n background-position-x: 500px;\n}\n"], ["\n0%{\n background-position-x: 0%;\n}\n100% {\n background-position-x: 500px;\n}\n"])));
10
+ var StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));
11
+ var StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
12
+ var StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"], ["\n background: repeating-linear-gradient(\n -45deg,\n ", ",\n ", " 10px,\n ", " 10px,\n ", " 22.1px\n );\n background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
13
+ var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: ", ";\n height: 35px;\n animation: ", " 20s linear infinite;\n transition: width 500ms;\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: ", ";\n height: 35px;\n animation: ", " 20s linear infinite;\n transition: width 500ms;\n ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
20
14
  return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;
21
15
  });
22
- var ProgressDescription = styled__default.default.span(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n position: relative;\n align-self: center;\n"], ["\n position: relative;\n align-self: center;\n"])));
16
+ var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: relative;\n align-self: center;\n"], ["\n position: relative;\n align-self: center;\n"])));
23
17
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
24
18
 
25
- exports.Progress = Progress;
26
- exports.ProgressDescription = ProgressDescription;
27
- exports.StyledProgressBar = StyledProgressBar;
19
+ export { Progress, ProgressDescription, StyledProgressBar };
28
20
  //# sourceMappingURL=styles.js.map
package/ui/Elements/ProgressBar/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/ProgressBar/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { keyframes, css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"], [\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"])), function (props) { return (props.variant === 'thin' ? \"12px\" : \"35px\"); }, th('colors.white'), function (props) {\n return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : \"\".concat(th('colors.red1'));\n}, function (props) { return (props.status === 'finished' ? \"\".concat(th('colors.success')) : \"\".concat(th('colors.red1'))); });\nvar slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"], [\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"])));\nvar StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));\nvar StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nvar StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nexport var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"], [\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"])), function (props) { return \"\".concat(props.progress, \"%\"); }, slide, function (props) {\n return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;\n});\nexport var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n position: relative;\\n align-self: center;\\n\"], [\"\\n position: relative;\\n align-self: center;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=styles.js.map"],"names":["styled","__makeTemplateObject","th","createRgba","keyframes","css"],"mappings":";;;;;;;;;;;AAIU,IAAC,iBAAiB,GAAGA,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,4FAA4F,EAAE,cAAc,EAAE,yBAAyB,EAAE,kEAAkE,EAAE,gDAAgD,CAAC,EAAE,CAAC,4FAA4F,EAAE,cAAc,EAAE,yBAAyB,EAAE,kEAAkE,EAAE,gDAAgD,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,EAAE,EAAEC,SAAE,CAAC,cAAc,CAAC,EAAE,UAAU,KAAK,EAAE;AAC3tB,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,GAAGC,qBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,MAAM,CAACD,SAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpH,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,MAAM,KAAK,UAAU,GAAG,EAAE,CAAC,MAAM,CAACA,SAAE,CAAC,gBAAgB,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAACA,SAAE,CAAC,aAAa,CAAC,CAAC,EAAE,EAAE,EAAE;AAChI,IAAI,KAAK,GAAGE,gBAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAGH,0BAAoB,CAAC,CAAC,sFAAsF,CAAC,EAAE,CAAC,sFAAsF,CAAC,CAAC,CAAC,CAAC,CAAC;AACzQ,IAAI,oBAAoB,GAAGI,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGJ,0BAAoB,CAAC,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,EAAE,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,OAAOE,qBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAOA,qBAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,EAAE,EAAED,SAAE,CAAC,gBAAgB,CAAC,EAAEA,SAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAClmB,IAAI,mBAAmB,GAAGG,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGJ,0BAAoB,CAAC,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,EAAE,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAC7e,IAAI,iBAAiB,GAAGG,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGJ,0BAAoB,CAAC,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,EAAE,CAAC,+DAA+D,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,kDAAkD,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,EAAEA,SAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACje,IAAC,QAAQ,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2DAA2D,EAAE,mCAAmC,EAAE,uDAAuD,EAAE,IAAI,CAAC,EAAE,CAAC,2DAA2D,EAAE,mCAAmC,EAAE,uDAAuD,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,UAAU,KAAK,EAAE;AAC3f,IAAI,OAAO,KAAK,CAAC,MAAM,KAAK,UAAU,GAAG,oBAAoB,GAAG,KAAK,CAAC,MAAM,KAAK,OAAO,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AACnI,CAAC,EAAE;AACO,IAAC,mBAAmB,GAAGD,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,kDAAkD,CAAC,EAAE,CAAC,kDAAkD,CAAC,CAAC,CAAC,EAAE;AACxN,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/ProgressBar/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { keyframes, css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"], [\"\\n position: relative;\\n display: flex;\\n width: 100%;\\n min-width: 250px;\\n height: \", \";\\n color: \", \";\\n background-color: \", \";\\n justify-content: center;\\n border: slim;\\n border-color: \", \";\\n border-radius: md;\\n overflow: hidden;\\n\"])), function (props) { return (props.variant === 'thin' ? \"12px\" : \"35px\"); }, th('colors.white'), function (props) {\n return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : \"\".concat(th('colors.red1'));\n}, function (props) { return (props.status === 'finished' ? \"\".concat(th('colors.success')) : \"\".concat(th('colors.red1'))); });\nvar slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"], [\"\\n0%{\\n background-position-x: 0%;\\n}\\n100% {\\n background-position-x: 500px;\\n}\\n\"])));\nvar StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));\nvar StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nvar StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"], [\"\\n background: repeating-linear-gradient(\\n -45deg,\\n \", \",\\n \", \" 10px,\\n \", \" 10px,\\n \", \" 22.1px\\n );\\n background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nexport var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"], [\"\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: \", \";\\n height: 35px;\\n animation: \", \" 20s linear infinite;\\n transition: width 500ms;\\n \", \"\\n\"])), function (props) { return \"\".concat(props.progress, \"%\"); }, slide, function (props) {\n return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;\n});\nexport var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n position: relative;\\n align-self: center;\\n\"], [\"\\n position: relative;\\n align-self: center;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}
package/ui/Elements/SimpleLink/SimpleLink.js CHANGED
@@ -1,25 +1,17 @@
1
- 'use strict';
1
+ import { __makeTemplateObject } from 'tslib';
2
+ import { Link } from 'react-router-dom';
3
+ import styled, { css } from '@xstyled/styled-components';
2
4
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib = require('tslib');
6
- var reactRouterDom = require('react-router-dom');
7
- var styled = require('@xstyled/styled-components');
8
-
9
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
10
-
11
- var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
12
-
13
- var StyledLink = styled__default.default(reactRouterDom.Link)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n color: inherit;\n cursor: pointer;\n\n :visited {\n color: inherit;\n }\n :hover {\n color: inherit;\n }\n :active {\n color: inherit;\n }\n :focus {\n outline: none;\n }\n\n ", "\n\n ", "\n"], ["\n color: inherit;\n cursor: pointer;\n\n :visited {\n color: inherit;\n }\n :hover {\n color: inherit;\n }\n :active {\n color: inherit;\n }\n :focus {\n outline: none;\n }\n\n ", "\n\n ", "\n"])), function (_a) {
5
+ var StyledLink = styled(Link)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: inherit;\n cursor: pointer;\n\n :visited {\n color: inherit;\n }\n :hover {\n color: inherit;\n }\n :active {\n color: inherit;\n }\n :focus {\n outline: none;\n }\n\n ", "\n\n ", "\n"], ["\n color: inherit;\n cursor: pointer;\n\n :visited {\n color: inherit;\n }\n :hover {\n color: inherit;\n }\n :active {\n color: inherit;\n }\n :focus {\n outline: none;\n }\n\n ", "\n\n ", "\n"])), function (_a) {
14
6
  var disabled = _a.disabled;
15
7
  return disabled
16
- ? styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n pointer-events: none;\n opacity: 0.5;\n "], ["\n pointer-events: none;\n opacity: 0.5;\n "]))) : null;
8
+ ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n pointer-events: none;\n opacity: 0.5;\n "], ["\n pointer-events: none;\n opacity: 0.5;\n "]))) : null;
17
9
  }, function (_a) {
18
10
  var $decorate = _a.$decorate;
19
11
  return $decorate
20
- ? styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "]))) : null;
12
+ ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "]))) : null;
21
13
  });
22
14
  var templateObject_1, templateObject_2, templateObject_3;
23
15
 
24
- exports.default = StyledLink;
16
+ export { StyledLink as default };
25
17
  //# sourceMappingURL=SimpleLink.js.map
package/ui/Elements/SimpleLink/SimpleLink.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SimpleLink.js","sources":["../../../../packages/ui/Elements/SimpleLink/SimpleLink.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link as ReactLink } from 'react-router-dom';\nimport styled, { css } from '@xstyled/styled-components';\nvar StyledLink = styled(ReactLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"], [\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return disabled\n ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"], [\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"]))) : null;\n}, function (_a) {\n var $decorate = _a.$decorate;\n return $decorate\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n text-decoration: underline;\\n \"], [\"\\n text-decoration: underline;\\n \"]))) : null;\n});\nexport default StyledLink;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SimpleLink.js.map"],"names":["styled","ReactLink","__makeTemplateObject","css"],"mappings":";;;;;;;;;;;;AAGG,IAAC,UAAU,GAAGA,uBAAM,CAACC,mBAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC9iB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,QAAQ;AACnB,UAAUC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,sEAAsE,CAAC,EAAE,CAAC,sEAAsE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACxO,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,SAAS;AACpB,UAAUC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClM,CAAC,EAAE;AAEH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
1
+ {"version":3,"file":"SimpleLink.js","sources":["../../../../packages/ui/Elements/SimpleLink/SimpleLink.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link as ReactLink } from 'react-router-dom';\nimport styled, { css } from '@xstyled/styled-components';\nvar StyledLink = styled(ReactLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"], [\"\\n color: inherit;\\n cursor: pointer;\\n\\n :visited {\\n color: inherit;\\n }\\n :hover {\\n color: inherit;\\n }\\n :active {\\n color: inherit;\\n }\\n :focus {\\n outline: none;\\n }\\n\\n \", \"\\n\\n \", \"\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return disabled\n ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"], [\"\\n pointer-events: none;\\n opacity: 0.5;\\n \"]))) : null;\n}, function (_a) {\n var $decorate = _a.$decorate;\n return $decorate\n ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n text-decoration: underline;\\n \"], [\"\\n text-decoration: underline;\\n \"]))) : null;\n});\nexport default StyledLink;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SimpleLink.js.map"],"names":["ReactLink"],"mappings":";;;;AAGG,IAAC,UAAU,GAAG,MAAM,CAACA,IAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC9iB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,QAAQ;AACnB,UAAU,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sEAAsE,CAAC,EAAE,CAAC,sEAAsE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACxO,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,SAAS;AACpB,UAAU,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClM,CAAC,EAAE;AAEH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
package/ui/Elements/SimpleLink/index.js CHANGED
@@ -1,11 +1,6 @@
1
- 'use strict';
1
+ import StyledLink from './SimpleLink.js';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
3
 
5
- var SimpleLink = require('./SimpleLink.js');
6
4
 
7
-
8
-
9
- exports.SimpleLink = SimpleLink.default;
10
- exports.default = SimpleLink.default;
5
+ export { StyledLink as SimpleLink, StyledLink as default };
11
6
  //# sourceMappingURL=index.js.map
package/ui/Elements/SimpleLink/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}