gantri-components 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (447) hide show
  1. package/dist/index.cjs.js +5718 -3120
  2. package/lib/components/aspect-ratio/aspect-ratio.d.ts +3 -0
  3. package/lib/components/aspect-ratio/aspect-ratio.presets.d.ts +2 -0
  4. package/lib/components/aspect-ratio/aspect-ratio.styles.d.ts +5 -0
  5. package/lib/components/aspect-ratio/aspect-ratio.types.d.ts +11 -0
  6. package/lib/components/aspect-ratio/index.d.ts +1 -0
  7. package/lib/components/box/box.d.ts +3 -0
  8. package/lib/components/box/box.presets.d.ts +2 -0
  9. package/lib/components/box/box.styles.d.ts +2 -0
  10. package/lib/components/box/box.types.d.ts +38 -0
  11. package/lib/components/box/index.d.ts +1 -0
  12. package/lib/components/button/button.d.ts +3 -0
  13. package/lib/components/button/button.presets.d.ts +2 -0
  14. package/lib/components/button/button.styles.d.ts +3 -0
  15. package/lib/components/button/button.types.d.ts +32 -0
  16. package/lib/components/button/index.d.ts +1 -0
  17. package/lib/components/cell/cell.d.ts +3 -0
  18. package/lib/components/cell/cell.presets.d.ts +2 -0
  19. package/lib/components/cell/cell.styles.d.ts +2 -0
  20. package/lib/components/cell/cell.types.d.ts +34 -0
  21. package/lib/components/cell/index.d.ts +1 -0
  22. package/lib/components/checkbox/checkbox.d.ts +3 -0
  23. package/lib/components/checkbox/checkbox.presets.d.ts +2 -0
  24. package/lib/components/checkbox/checkbox.styles.d.ts +4 -0
  25. package/lib/components/checkbox/checkbox.types.d.ts +12 -0
  26. package/lib/components/checkbox/index.d.ts +1 -0
  27. package/lib/components/flex/flex.d.ts +3 -0
  28. package/lib/components/flex/flex.presets.d.ts +2 -0
  29. package/lib/components/flex/flex.styles.d.ts +3 -0
  30. package/lib/components/flex/flex.types.d.ts +11 -0
  31. package/lib/components/flex/index.d.ts +1 -0
  32. package/lib/components/grid/grid.d.ts +3 -0
  33. package/lib/components/grid/grid.presets.d.ts +2 -0
  34. package/lib/components/grid/grid.styles.d.ts +2 -0
  35. package/lib/components/grid/grid.types.d.ts +26 -0
  36. package/lib/components/grid/index.d.ts +1 -0
  37. package/lib/components/icon/generated/actions/Funnel16.d.ts +3 -0
  38. package/lib/components/icon/generated/actions/Funnel24.d.ts +3 -0
  39. package/lib/components/icon/generated/actions/Gear16.d.ts +3 -0
  40. package/lib/components/icon/generated/actions/Gear24.d.ts +3 -0
  41. package/lib/components/icon/generated/actions/LifeBuoy16.d.ts +3 -0
  42. package/lib/components/icon/generated/actions/LifeBuoy24.d.ts +3 -0
  43. package/lib/components/icon/generated/actions/Link16.d.ts +3 -0
  44. package/lib/components/icon/generated/actions/Link24.d.ts +3 -0
  45. package/lib/components/icon/generated/actions/Star16.d.ts +3 -0
  46. package/lib/components/icon/generated/actions/Star24.d.ts +3 -0
  47. package/lib/components/icon/generated/actions/StarFilled16.d.ts +3 -0
  48. package/lib/components/icon/generated/actions/StarFilled24.d.ts +3 -0
  49. package/lib/components/icon/generated/actions/ThumbsUp16.d.ts +3 -0
  50. package/lib/components/icon/generated/actions/ThumbsUp24.d.ts +3 -0
  51. package/lib/components/icon/generated/actions/TrashCan16.d.ts +3 -0
  52. package/lib/components/icon/generated/actions/TrashCan24.d.ts +3 -0
  53. package/lib/components/icon/generated/actions/index.d.ts +16 -0
  54. package/lib/components/icon/generated/alert/Bell16.d.ts +3 -0
  55. package/lib/components/icon/generated/alert/Bell24.d.ts +3 -0
  56. package/lib/components/icon/generated/alert/BellFilled16.d.ts +3 -0
  57. package/lib/components/icon/generated/alert/BellFilled24.d.ts +3 -0
  58. package/lib/components/icon/generated/alert/ICircle16.d.ts +3 -0
  59. package/lib/components/icon/generated/alert/ICircle24.d.ts +3 -0
  60. package/lib/components/icon/generated/alert/LightningBolt16.d.ts +3 -0
  61. package/lib/components/icon/generated/alert/LightningBolt24.d.ts +3 -0
  62. package/lib/components/icon/generated/alert/LightningBoltFilled16.d.ts +3 -0
  63. package/lib/components/icon/generated/alert/LightningBoltFilled24.d.ts +3 -0
  64. package/lib/components/icon/generated/alert/QuestionMarkCircle16.d.ts +3 -0
  65. package/lib/components/icon/generated/alert/QuestionMarkCircle24.d.ts +3 -0
  66. package/lib/components/icon/generated/alert/WarningTriangle16.d.ts +3 -0
  67. package/lib/components/icon/generated/alert/WarningTriangle24.d.ts +3 -0
  68. package/lib/components/icon/generated/alert/index.d.ts +14 -0
  69. package/lib/components/icon/generated/animated/Loader24.d.ts +3 -0
  70. package/lib/components/icon/generated/animated/index.d.ts +1 -0
  71. package/lib/components/icon/generated/arrows/ArrowChevronDoubleDown16.d.ts +3 -0
  72. package/lib/components/icon/generated/arrows/ArrowChevronDoubleDown24.d.ts +3 -0
  73. package/lib/components/icon/generated/arrows/ArrowChevronDoubleLeft16.d.ts +3 -0
  74. package/lib/components/icon/generated/arrows/ArrowChevronDoubleLeft24.d.ts +3 -0
  75. package/lib/components/icon/generated/arrows/ArrowChevronDoubleRight16.d.ts +3 -0
  76. package/lib/components/icon/generated/arrows/ArrowChevronDoubleRight24.d.ts +3 -0
  77. package/lib/components/icon/generated/arrows/ArrowChevronDoubleUp16.d.ts +3 -0
  78. package/lib/components/icon/generated/arrows/ArrowChevronDoubleUp24.d.ts +3 -0
  79. package/lib/components/icon/generated/arrows/ArrowChevronDown16.d.ts +3 -0
  80. package/lib/components/icon/generated/arrows/ArrowChevronDown24.d.ts +3 -0
  81. package/lib/components/icon/generated/arrows/ArrowChevronLeft16.d.ts +3 -0
  82. package/lib/components/icon/generated/arrows/ArrowChevronLeft24.d.ts +3 -0
  83. package/lib/components/icon/generated/arrows/ArrowChevronRight16.d.ts +3 -0
  84. package/lib/components/icon/generated/arrows/ArrowChevronRight24.d.ts +3 -0
  85. package/lib/components/icon/generated/arrows/ArrowChevronUp16.d.ts +3 -0
  86. package/lib/components/icon/generated/arrows/ArrowChevronUp24.d.ts +3 -0
  87. package/lib/components/icon/generated/arrows/ArrowDown16.d.ts +3 -0
  88. package/lib/components/icon/generated/arrows/ArrowDown24.d.ts +3 -0
  89. package/lib/components/icon/generated/arrows/ArrowDownload16.d.ts +3 -0
  90. package/lib/components/icon/generated/arrows/ArrowDownload24.d.ts +3 -0
  91. package/lib/components/icon/generated/arrows/ArrowExternal16.d.ts +3 -0
  92. package/lib/components/icon/generated/arrows/ArrowExternal24.d.ts +3 -0
  93. package/lib/components/icon/generated/arrows/ArrowLeft16.d.ts +3 -0
  94. package/lib/components/icon/generated/arrows/ArrowLeft24.d.ts +3 -0
  95. package/lib/components/icon/generated/arrows/ArrowLineDown16.d.ts +3 -0
  96. package/lib/components/icon/generated/arrows/ArrowLineDown24.d.ts +3 -0
  97. package/lib/components/icon/generated/arrows/ArrowLineLeft16.d.ts +3 -0
  98. package/lib/components/icon/generated/arrows/ArrowLineLeft24.d.ts +3 -0
  99. package/lib/components/icon/generated/arrows/ArrowLineRight16.d.ts +3 -0
  100. package/lib/components/icon/generated/arrows/ArrowLineRight24.d.ts +3 -0
  101. package/lib/components/icon/generated/arrows/ArrowLineUp16.d.ts +3 -0
  102. package/lib/components/icon/generated/arrows/ArrowLineUp24.d.ts +3 -0
  103. package/lib/components/icon/generated/arrows/ArrowRight16.d.ts +3 -0
  104. package/lib/components/icon/generated/arrows/ArrowRight24.d.ts +3 -0
  105. package/lib/components/icon/generated/arrows/ArrowTriangleDown16.d.ts +3 -0
  106. package/lib/components/icon/generated/arrows/ArrowTriangleDown24.d.ts +3 -0
  107. package/lib/components/icon/generated/arrows/ArrowTriangleLeft16.d.ts +3 -0
  108. package/lib/components/icon/generated/arrows/ArrowTriangleLeft24.d.ts +3 -0
  109. package/lib/components/icon/generated/arrows/ArrowTriangleRight16.d.ts +3 -0
  110. package/lib/components/icon/generated/arrows/ArrowTriangleRight24.d.ts +3 -0
  111. package/lib/components/icon/generated/arrows/ArrowTriangleUp16.d.ts +3 -0
  112. package/lib/components/icon/generated/arrows/ArrowTriangleUp24.d.ts +3 -0
  113. package/lib/components/icon/generated/arrows/ArrowTriangleUpdown16.d.ts +3 -0
  114. package/lib/components/icon/generated/arrows/ArrowTriangleUpdown24.d.ts +3 -0
  115. package/lib/components/icon/generated/arrows/ArrowTriangleUpdownDownFilled16.d.ts +3 -0
  116. package/lib/components/icon/generated/arrows/ArrowTriangleUpdownDownFilled24.d.ts +3 -0
  117. package/lib/components/icon/generated/arrows/ArrowTriangleUpdownFilled16.d.ts +3 -0
  118. package/lib/components/icon/generated/arrows/ArrowTriangleUpdownFilled24.d.ts +3 -0
  119. package/lib/components/icon/generated/arrows/ArrowTriangleUpdownTopFilled16.d.ts +3 -0
  120. package/lib/components/icon/generated/arrows/ArrowTriangleUpdownTopFilled24.d.ts +3 -0
  121. package/lib/components/icon/generated/arrows/ArrowUp16.d.ts +3 -0
  122. package/lib/components/icon/generated/arrows/ArrowUp24.d.ts +3 -0
  123. package/lib/components/icon/generated/arrows/ArrowUpdown16.d.ts +3 -0
  124. package/lib/components/icon/generated/arrows/ArrowUpdown24.d.ts +3 -0
  125. package/lib/components/icon/generated/arrows/ArrowUpdownFilled16.d.ts +3 -0
  126. package/lib/components/icon/generated/arrows/ArrowUpdownFilled24.d.ts +3 -0
  127. package/lib/components/icon/generated/arrows/ArrowUpload16.d.ts +3 -0
  128. package/lib/components/icon/generated/arrows/ArrowUpload24.d.ts +3 -0
  129. package/lib/components/icon/generated/arrows/index.d.ts +58 -0
  130. package/lib/components/icon/generated/data/ChartBar16.d.ts +3 -0
  131. package/lib/components/icon/generated/data/ChartBar24.d.ts +3 -0
  132. package/lib/components/icon/generated/data/index.d.ts +2 -0
  133. package/lib/components/icon/generated/docs/DocumentBlank16.d.ts +3 -0
  134. package/lib/components/icon/generated/docs/DocumentBlank24.d.ts +3 -0
  135. package/lib/components/icon/generated/docs/Pencil16.d.ts +3 -0
  136. package/lib/components/icon/generated/docs/Pencil24.d.ts +3 -0
  137. package/lib/components/icon/generated/docs/index.d.ts +4 -0
  138. package/lib/components/icon/generated/location/House16.d.ts +3 -0
  139. package/lib/components/icon/generated/location/House24.d.ts +3 -0
  140. package/lib/components/icon/generated/location/LocationCalifornia16.d.ts +3 -0
  141. package/lib/components/icon/generated/location/LocationCalifornia24.d.ts +3 -0
  142. package/lib/components/icon/generated/location/LocationPin16.d.ts +3 -0
  143. package/lib/components/icon/generated/location/LocationPin24.d.ts +3 -0
  144. package/lib/components/icon/generated/location/index.d.ts +6 -0
  145. package/lib/components/icon/generated/logos/LogoApple16.d.ts +3 -0
  146. package/lib/components/icon/generated/logos/LogoApple24.d.ts +3 -0
  147. package/lib/components/icon/generated/logos/LogoFacebook16.d.ts +3 -0
  148. package/lib/components/icon/generated/logos/LogoFacebook24.d.ts +3 -0
  149. package/lib/components/icon/generated/logos/LogoGithub16.d.ts +3 -0
  150. package/lib/components/icon/generated/logos/LogoGithub24.d.ts +3 -0
  151. package/lib/components/icon/generated/logos/LogoGoogle16.d.ts +3 -0
  152. package/lib/components/icon/generated/logos/LogoGoogle24.d.ts +3 -0
  153. package/lib/components/icon/generated/logos/LogoInstagram16.d.ts +3 -0
  154. package/lib/components/icon/generated/logos/LogoInstagram24.d.ts +3 -0
  155. package/lib/components/icon/generated/logos/LogoLinkedin16.d.ts +3 -0
  156. package/lib/components/icon/generated/logos/LogoLinkedin24.d.ts +3 -0
  157. package/lib/components/icon/generated/logos/LogoPinterest16.d.ts +3 -0
  158. package/lib/components/icon/generated/logos/LogoPinterest24.d.ts +3 -0
  159. package/lib/components/icon/generated/logos/LogoTwitter16.d.ts +3 -0
  160. package/lib/components/icon/generated/logos/LogoTwitter24.d.ts +3 -0
  161. package/lib/components/icon/generated/logos/LogoYoutube16.d.ts +3 -0
  162. package/lib/components/icon/generated/logos/LogoYoutube24.d.ts +3 -0
  163. package/lib/components/icon/generated/logos/index.d.ts +18 -0
  164. package/lib/components/icon/generated/machine/Laptop16.d.ts +3 -0
  165. package/lib/components/icon/generated/machine/Laptop24.d.ts +3 -0
  166. package/lib/components/icon/generated/machine/index.d.ts +2 -0
  167. package/lib/components/icon/generated/media/Photo16.d.ts +3 -0
  168. package/lib/components/icon/generated/media/Photo24.d.ts +3 -0
  169. package/lib/components/icon/generated/media/PhotoFilled16.d.ts +3 -0
  170. package/lib/components/icon/generated/media/PhotoFilled24.d.ts +3 -0
  171. package/lib/components/icon/generated/media/index.d.ts +4 -0
  172. package/lib/components/icon/generated/payment/Cash16.d.ts +3 -0
  173. package/lib/components/icon/generated/payment/Cash24.d.ts +3 -0
  174. package/lib/components/icon/generated/payment/CreditCard16.d.ts +3 -0
  175. package/lib/components/icon/generated/payment/CreditCard24.d.ts +3 -0
  176. package/lib/components/icon/generated/payment/GiftBox16.d.ts +3 -0
  177. package/lib/components/icon/generated/payment/GiftBox24.d.ts +3 -0
  178. package/lib/components/icon/generated/payment/GiftCard16.d.ts +3 -0
  179. package/lib/components/icon/generated/payment/GiftCard24.d.ts +3 -0
  180. package/lib/components/icon/generated/payment/ShoppingBag16.d.ts +3 -0
  181. package/lib/components/icon/generated/payment/ShoppingBag24.d.ts +3 -0
  182. package/lib/components/icon/generated/payment/index.d.ts +10 -0
  183. package/lib/components/icon/generated/people/People16.d.ts +3 -0
  184. package/lib/components/icon/generated/people/People24.d.ts +3 -0
  185. package/lib/components/icon/generated/people/Person16.d.ts +3 -0
  186. package/lib/components/icon/generated/people/Person24.d.ts +3 -0
  187. package/lib/components/icon/generated/people/index.d.ts +4 -0
  188. package/lib/components/icon/generated/time/Calendar16.d.ts +3 -0
  189. package/lib/components/icon/generated/time/Calendar24.d.ts +3 -0
  190. package/lib/components/icon/generated/time/Clock16.d.ts +3 -0
  191. package/lib/components/icon/generated/time/Clock24.d.ts +3 -0
  192. package/lib/components/icon/generated/time/ClockFilled16.d.ts +3 -0
  193. package/lib/components/icon/generated/time/ClockFilled24.d.ts +3 -0
  194. package/lib/components/icon/generated/time/index.d.ts +6 -0
  195. package/lib/components/icon/generated/ui-control/CheckMark16.d.ts +3 -0
  196. package/lib/components/icon/generated/ui-control/CheckMark24.d.ts +3 -0
  197. package/lib/components/icon/generated/ui-control/CheckMarkCircleFilled16.d.ts +3 -0
  198. package/lib/components/icon/generated/ui-control/CheckMarkCircleFilled24.d.ts +3 -0
  199. package/lib/components/icon/generated/ui-control/Grid16.d.ts +3 -0
  200. package/lib/components/icon/generated/ui-control/Grid24.d.ts +3 -0
  201. package/lib/components/icon/generated/ui-control/LinesThree16.d.ts +3 -0
  202. package/lib/components/icon/generated/ui-control/LinesThree24.d.ts +3 -0
  203. package/lib/components/icon/generated/ui-control/LinesTwo16.d.ts +3 -0
  204. package/lib/components/icon/generated/ui-control/LinesTwo24.d.ts +3 -0
  205. package/lib/components/icon/generated/ui-control/Minus16.d.ts +3 -0
  206. package/lib/components/icon/generated/ui-control/Minus24.d.ts +3 -0
  207. package/lib/components/icon/generated/ui-control/MinusCircle16.d.ts +3 -0
  208. package/lib/components/icon/generated/ui-control/MinusCircle24.d.ts +3 -0
  209. package/lib/components/icon/generated/ui-control/Plus16.d.ts +3 -0
  210. package/lib/components/icon/generated/ui-control/Plus24.d.ts +3 -0
  211. package/lib/components/icon/generated/ui-control/PlusCircle16.d.ts +3 -0
  212. package/lib/components/icon/generated/ui-control/PlusCircle24.d.ts +3 -0
  213. package/lib/components/icon/generated/ui-control/ThreeDotsCluster16.d.ts +3 -0
  214. package/lib/components/icon/generated/ui-control/ThreeDotsCluster24.d.ts +3 -0
  215. package/lib/components/icon/generated/ui-control/ThreeDotsHorizontal16.d.ts +3 -0
  216. package/lib/components/icon/generated/ui-control/ThreeDotsHorizontal24.d.ts +3 -0
  217. package/lib/components/icon/generated/ui-control/X16.d.ts +3 -0
  218. package/lib/components/icon/generated/ui-control/X24.d.ts +3 -0
  219. package/lib/components/icon/generated/ui-control/index.d.ts +24 -0
  220. package/lib/components/icon/generated/view/EyeOpen16.d.ts +3 -0
  221. package/lib/components/icon/generated/view/EyeOpen24.d.ts +3 -0
  222. package/lib/components/icon/generated/view/MagnifyingGlass16.d.ts +3 -0
  223. package/lib/components/icon/generated/view/MagnifyingGlass24.d.ts +3 -0
  224. package/lib/components/icon/generated/view/MagnifyingGlassFilled16.d.ts +3 -0
  225. package/lib/components/icon/generated/view/MagnifyingGlassFilled24.d.ts +3 -0
  226. package/lib/components/icon/generated/view/index.d.ts +6 -0
  227. package/lib/components/icon/generated/work/Assemble16.d.ts +3 -0
  228. package/lib/components/icon/generated/work/Assemble24.d.ts +3 -0
  229. package/lib/components/icon/generated/work/BasketFilled16.d.ts +3 -0
  230. package/lib/components/icon/generated/work/BasketFilled24.d.ts +3 -0
  231. package/lib/components/icon/generated/work/Box16.d.ts +3 -0
  232. package/lib/components/icon/generated/work/Box24.d.ts +3 -0
  233. package/lib/components/icon/generated/work/Corner16.d.ts +3 -0
  234. package/lib/components/icon/generated/work/Corner24.d.ts +3 -0
  235. package/lib/components/icon/generated/work/CubeOutline16.d.ts +3 -0
  236. package/lib/components/icon/generated/work/CubeOutline24.d.ts +3 -0
  237. package/lib/components/icon/generated/work/Leaf16.d.ts +3 -0
  238. package/lib/components/icon/generated/work/Leaf24.d.ts +3 -0
  239. package/lib/components/icon/generated/work/LightBulb16.d.ts +3 -0
  240. package/lib/components/icon/generated/work/LightBulb24.d.ts +3 -0
  241. package/lib/components/icon/generated/work/Mask16.d.ts +3 -0
  242. package/lib/components/icon/generated/work/Mask24.d.ts +3 -0
  243. package/lib/components/icon/generated/work/PCircle16.d.ts +3 -0
  244. package/lib/components/icon/generated/work/PCircle24.d.ts +3 -0
  245. package/lib/components/icon/generated/work/PrintNozzle16.d.ts +3 -0
  246. package/lib/components/icon/generated/work/PrintNozzle24.d.ts +3 -0
  247. package/lib/components/icon/generated/work/RfidSignal16.d.ts +3 -0
  248. package/lib/components/icon/generated/work/RfidSignal24.d.ts +3 -0
  249. package/lib/components/icon/generated/work/SandPaper16.d.ts +3 -0
  250. package/lib/components/icon/generated/work/SandPaper24.d.ts +3 -0
  251. package/lib/components/icon/generated/work/Sun16.d.ts +3 -0
  252. package/lib/components/icon/generated/work/Sun24.d.ts +3 -0
  253. package/lib/components/icon/generated/work/TriangleRuler16.d.ts +3 -0
  254. package/lib/components/icon/generated/work/TriangleRuler24.d.ts +3 -0
  255. package/lib/components/icon/generated/work/WaterDrop16.d.ts +3 -0
  256. package/lib/components/icon/generated/work/WaterDrop24.d.ts +3 -0
  257. package/lib/components/icon/generated/work/Wrench16.d.ts +3 -0
  258. package/lib/components/icon/generated/work/Wrench24.d.ts +3 -0
  259. package/lib/components/icon/generated/work/index.d.ts +32 -0
  260. package/lib/components/icon/icon.d.ts +1 -1
  261. package/lib/components/icon/icon.presets.d.ts +1 -1
  262. package/lib/components/icon/icon.type.d.ts +2 -1
  263. package/lib/components/icon/{icon.props.d.ts → icon.types.d.ts} +2 -4
  264. package/lib/components/icon/index.d.ts +1 -1
  265. package/lib/components/image/image.d.ts +3 -0
  266. package/lib/components/image/image.helpers.d.ts +5 -0
  267. package/lib/components/image/image.presets.d.ts +3 -0
  268. package/lib/components/image/image.styles.d.ts +3 -0
  269. package/lib/components/image/image.types.d.ts +38 -0
  270. package/lib/components/image/index.d.ts +1 -0
  271. package/lib/components/index.d.ts +10 -0
  272. package/lib/components/radio/index.d.ts +1 -0
  273. package/lib/components/radio/radio.d.ts +6 -0
  274. package/lib/components/radio/radio.presets.d.ts +2 -0
  275. package/lib/components/radio/radio.styles.d.ts +4 -0
  276. package/lib/components/radio/radio.types.d.ts +12 -0
  277. package/lib/components/stack/index.d.ts +1 -0
  278. package/lib/components/stack/stack.d.ts +3 -0
  279. package/lib/components/stack/stack.presets.d.ts +2 -0
  280. package/lib/components/stack/stack.types.d.ts +3 -0
  281. package/lib/components/typography/index.d.ts +1 -0
  282. package/lib/components/typography/typography.d.ts +11 -0
  283. package/lib/components/typography/typography.presets.d.ts +2 -0
  284. package/lib/components/typography/typography.styles.d.ts +2 -0
  285. package/lib/components/typography/typography.types.d.ts +46 -0
  286. package/lib/helpers/layout.helpers.d.ts +4 -3
  287. package/lib/index.d.ts +2 -4
  288. package/lib/styles/base.d.ts +1 -0
  289. package/lib/styles/theme.d.ts +2 -2
  290. package/lib/styles/theme.stories.d.ts +6 -0
  291. package/lib/types/common.d.ts +1 -0
  292. package/lib/types/resolution-aware-prop.type.d.ts +1 -1
  293. package/package.json +24 -16
  294. package/lib/components/Button/Button.d.ts +0 -29
  295. package/lib/components/Button/index.d.ts +0 -1
  296. package/lib/components/icon/generated/30DaysReturn.d.ts +0 -3
  297. package/lib/components/icon/generated/Address.d.ts +0 -3
  298. package/lib/components/icon/generated/Affirm.d.ts +0 -3
  299. package/lib/components/icon/generated/AffirmBlue.d.ts +0 -3
  300. package/lib/components/icon/generated/Amex.d.ts +0 -3
  301. package/lib/components/icon/generated/ApplePay.d.ts +0 -3
  302. package/lib/components/icon/generated/Ar.d.ts +0 -3
  303. package/lib/components/icon/generated/ArrowCircle.d.ts +0 -3
  304. package/lib/components/icon/generated/ArrowDown.d.ts +0 -3
  305. package/lib/components/icon/generated/ArrowLeft.d.ts +0 -3
  306. package/lib/components/icon/generated/ArrowRight.d.ts +0 -3
  307. package/lib/components/icon/generated/Behance.d.ts +0 -3
  308. package/lib/components/icon/generated/Bell.d.ts +0 -3
  309. package/lib/components/icon/generated/BellTransparent.d.ts +0 -3
  310. package/lib/components/icon/generated/BlankCard.d.ts +0 -3
  311. package/lib/components/icon/generated/Box.d.ts +0 -3
  312. package/lib/components/icon/generated/Branch.d.ts +0 -3
  313. package/lib/components/icon/generated/Bulb.d.ts +0 -3
  314. package/lib/components/icon/generated/Calendar.d.ts +0 -3
  315. package/lib/components/icon/generated/California.d.ts +0 -3
  316. package/lib/components/icon/generated/Camera.d.ts +0 -3
  317. package/lib/components/icon/generated/CameraSquare.d.ts +0 -3
  318. package/lib/components/icon/generated/Cart.d.ts +0 -3
  319. package/lib/components/icon/generated/Chain.d.ts +0 -3
  320. package/lib/components/icon/generated/Check.d.ts +0 -3
  321. package/lib/components/icon/generated/CheckFill.d.ts +0 -3
  322. package/lib/components/icon/generated/CheckReverse.d.ts +0 -3
  323. package/lib/components/icon/generated/CheckRound.d.ts +0 -3
  324. package/lib/components/icon/generated/ChevronDown.d.ts +0 -3
  325. package/lib/components/icon/generated/ChevronLeft.d.ts +0 -3
  326. package/lib/components/icon/generated/ChevronRight.d.ts +0 -3
  327. package/lib/components/icon/generated/Clip.d.ts +0 -3
  328. package/lib/components/icon/generated/Close.d.ts +0 -3
  329. package/lib/components/icon/generated/Cloud.d.ts +0 -3
  330. package/lib/components/icon/generated/Dashboard.d.ts +0 -3
  331. package/lib/components/icon/generated/DashboardChart.d.ts +0 -3
  332. package/lib/components/icon/generated/Design.d.ts +0 -3
  333. package/lib/components/icon/generated/Dimming.d.ts +0 -3
  334. package/lib/components/icon/generated/DisabledArrows.d.ts +0 -3
  335. package/lib/components/icon/generated/DisabledInputArrow.d.ts +0 -3
  336. package/lib/components/icon/generated/Discover.d.ts +0 -3
  337. package/lib/components/icon/generated/Docs.d.ts +0 -3
  338. package/lib/components/icon/generated/Dollar.d.ts +0 -3
  339. package/lib/components/icon/generated/Dots.d.ts +0 -3
  340. package/lib/components/icon/generated/DotsAnimated.d.ts +0 -3
  341. package/lib/components/icon/generated/Download.d.ts +0 -3
  342. package/lib/components/icon/generated/Drag.d.ts +0 -3
  343. package/lib/components/icon/generated/DragHandler.d.ts +0 -3
  344. package/lib/components/icon/generated/ElkLogo.d.ts +0 -3
  345. package/lib/components/icon/generated/Email.d.ts +0 -3
  346. package/lib/components/icon/generated/EmailRound.d.ts +0 -3
  347. package/lib/components/icon/generated/Error.d.ts +0 -3
  348. package/lib/components/icon/generated/FacebookBlack.d.ts +0 -3
  349. package/lib/components/icon/generated/FacebookTransparent.d.ts +0 -3
  350. package/lib/components/icon/generated/Flower.d.ts +0 -3
  351. package/lib/components/icon/generated/FreeShipping.d.ts +0 -3
  352. package/lib/components/icon/generated/Gift.d.ts +0 -3
  353. package/lib/components/icon/generated/GiftCard.d.ts +0 -3
  354. package/lib/components/icon/generated/GiftGold.d.ts +0 -3
  355. package/lib/components/icon/generated/GiftTeal.d.ts +0 -3
  356. package/lib/components/icon/generated/Google.d.ts +0 -3
  357. package/lib/components/icon/generated/Guarantee.d.ts +0 -3
  358. package/lib/components/icon/generated/Hand.d.ts +0 -3
  359. package/lib/components/icon/generated/Heart.d.ts +0 -3
  360. package/lib/components/icon/generated/HeartOutlined.d.ts +0 -3
  361. package/lib/components/icon/generated/Help.d.ts +0 -3
  362. package/lib/components/icon/generated/House.d.ts +0 -3
  363. package/lib/components/icon/generated/IconBell.d.ts +0 -3
  364. package/lib/components/icon/generated/IconCheck.d.ts +0 -3
  365. package/lib/components/icon/generated/IconDotArrow.d.ts +0 -3
  366. package/lib/components/icon/generated/IconDotModalClose.d.ts +0 -3
  367. package/lib/components/icon/generated/IconDownload.d.ts +0 -3
  368. package/lib/components/icon/generated/IconInfo.d.ts +0 -3
  369. package/lib/components/icon/generated/IconJobsAssemble.d.ts +0 -3
  370. package/lib/components/icon/generated/IconJobsBondo.d.ts +0 -3
  371. package/lib/components/icon/generated/IconJobsPack.d.ts +0 -3
  372. package/lib/components/icon/generated/IconJobsPrint.d.ts +0 -3
  373. package/lib/components/icon/generated/IconJobsQa.d.ts +0 -3
  374. package/lib/components/icon/generated/IconJobsSand.d.ts +0 -3
  375. package/lib/components/icon/generated/IconMenu.d.ts +0 -3
  376. package/lib/components/icon/generated/IconMenuClose.d.ts +0 -3
  377. package/lib/components/icon/generated/IconMore.d.ts +0 -3
  378. package/lib/components/icon/generated/IconReorderOff.d.ts +0 -3
  379. package/lib/components/icon/generated/IconReorderOn.d.ts +0 -3
  380. package/lib/components/icon/generated/IconSequence.d.ts +0 -3
  381. package/lib/components/icon/generated/IconStar.d.ts +0 -3
  382. package/lib/components/icon/generated/IconStarFilled.d.ts +0 -3
  383. package/lib/components/icon/generated/IconUpload.d.ts +0 -3
  384. package/lib/components/icon/generated/IconUserProfile.d.ts +0 -3
  385. package/lib/components/icon/generated/IconUserStats.d.ts +0 -3
  386. package/lib/components/icon/generated/Info.d.ts +0 -3
  387. package/lib/components/icon/generated/InputArrow.d.ts +0 -3
  388. package/lib/components/icon/generated/Instagram.d.ts +0 -3
  389. package/lib/components/icon/generated/InstagramColored.d.ts +0 -3
  390. package/lib/components/icon/generated/Lamp.d.ts +0 -3
  391. package/lib/components/icon/generated/Leaf.d.ts +0 -3
  392. package/lib/components/icon/generated/Led.d.ts +0 -3
  393. package/lib/components/icon/generated/LeftQuote.d.ts +0 -3
  394. package/lib/components/icon/generated/Letter.d.ts +0 -3
  395. package/lib/components/icon/generated/Link.d.ts +0 -3
  396. package/lib/components/icon/generated/LiveTracking.d.ts +0 -3
  397. package/lib/components/icon/generated/Loader.d.ts +0 -3
  398. package/lib/components/icon/generated/Logo.d.ts +0 -3
  399. package/lib/components/icon/generated/Mastercard.d.ts +0 -3
  400. package/lib/components/icon/generated/Menu.d.ts +0 -3
  401. package/lib/components/icon/generated/MenuDown.d.ts +0 -3
  402. package/lib/components/icon/generated/MinusCircle.d.ts +0 -3
  403. package/lib/components/icon/generated/Moon.d.ts +0 -3
  404. package/lib/components/icon/generated/NavHelp.d.ts +0 -3
  405. package/lib/components/icon/generated/Next.d.ts +0 -3
  406. package/lib/components/icon/generated/One.d.ts +0 -3
  407. package/lib/components/icon/generated/Paint.d.ts +0 -3
  408. package/lib/components/icon/generated/Pencil.d.ts +0 -3
  409. package/lib/components/icon/generated/Pinterest.d.ts +0 -3
  410. package/lib/components/icon/generated/PinterestColored.d.ts +0 -3
  411. package/lib/components/icon/generated/Play.d.ts +0 -3
  412. package/lib/components/icon/generated/PlayFull.d.ts +0 -3
  413. package/lib/components/icon/generated/Plus.d.ts +0 -3
  414. package/lib/components/icon/generated/PlusCircle.d.ts +0 -3
  415. package/lib/components/icon/generated/PlusCircleBold.d.ts +0 -3
  416. package/lib/components/icon/generated/Pointing.d.ts +0 -3
  417. package/lib/components/icon/generated/Previous.d.ts +0 -3
  418. package/lib/components/icon/generated/Ray.d.ts +0 -3
  419. package/lib/components/icon/generated/Reach.d.ts +0 -3
  420. package/lib/components/icon/generated/ReachLogo.d.ts +0 -3
  421. package/lib/components/icon/generated/Returns.d.ts +0 -3
  422. package/lib/components/icon/generated/RightArrow.d.ts +0 -3
  423. package/lib/components/icon/generated/Ruler.d.ts +0 -3
  424. package/lib/components/icon/generated/Search.d.ts +0 -3
  425. package/lib/components/icon/generated/Settings.d.ts +0 -3
  426. package/lib/components/icon/generated/Share.d.ts +0 -3
  427. package/lib/components/icon/generated/SprkLogo.d.ts +0 -3
  428. package/lib/components/icon/generated/Star.d.ts +0 -3
  429. package/lib/components/icon/generated/StarHalf.d.ts +0 -3
  430. package/lib/components/icon/generated/StarOutlined.d.ts +0 -3
  431. package/lib/components/icon/generated/Sun.d.ts +0 -3
  432. package/lib/components/icon/generated/Tip.d.ts +0 -3
  433. package/lib/components/icon/generated/Trash.d.ts +0 -3
  434. package/lib/components/icon/generated/TrashRound.d.ts +0 -3
  435. package/lib/components/icon/generated/Trunk.d.ts +0 -3
  436. package/lib/components/icon/generated/Twitter.d.ts +0 -3
  437. package/lib/components/icon/generated/TwitterTransparent.d.ts +0 -3
  438. package/lib/components/icon/generated/User.d.ts +0 -3
  439. package/lib/components/icon/generated/UserSmiling.d.ts +0 -3
  440. package/lib/components/icon/generated/Visa.d.ts +0 -3
  441. package/lib/components/icon/generated/Warranty.d.ts +0 -3
  442. package/lib/components/icon/generated/Website.d.ts +0 -3
  443. package/lib/components/icon/generated/Windows.d.ts +0 -3
  444. package/lib/components/icon/generated/Wishlist.d.ts +0 -3
  445. package/lib/components/icon/generated/World.d.ts +0 -3
  446. package/lib/components/icon/generated/Yotpo.d.ts +0 -3
  447. package/lib/components/icon/generated/index.d.ts +0 -151
@@ -0,0 +1,4 @@
1
+ export declare const StyledRadioContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledRadio: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledRadioInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const StyledRadioMarker: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,12 @@
1
+ import { TextVariant } from '../typography/typography.types';
2
+ export interface RadioProps {
3
+ groupValue?: any;
4
+ labelPosition?: 'left' | 'right';
5
+ labelText?: string;
6
+ labelTx?: string;
7
+ labelVariant?: TextVariant;
8
+ name: string;
9
+ onChange?: (event: any) => void;
10
+ onSelected?: (value: any) => void;
11
+ value?: any;
12
+ }
@@ -0,0 +1 @@
1
+ export { Stack } from './stack';
@@ -0,0 +1,3 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ import { StackProps } from './stack.types';
3
+ export declare const Stack: FC<PropsWithChildren<StackProps>>;
@@ -0,0 +1,2 @@
1
+ import { StackProps } from './stack.types';
2
+ export declare const StackPresets: Partial<StackProps>;
@@ -0,0 +1,3 @@
1
+ import { GridProps } from "../grid/grid.types";
2
+ export interface StackProps extends GridProps {
3
+ }
@@ -0,0 +1 @@
1
+ export * from './typography';
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { TypographyProps } from './typography.types';
3
+ export declare const variantToType: {
4
+ readonly badge: "span";
5
+ readonly hero: "h1";
6
+ readonly p0: "p";
7
+ readonly p1: "p";
8
+ readonly p2: "p";
9
+ readonly p3: "p";
10
+ };
11
+ export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<unknown>>;
@@ -0,0 +1,2 @@
1
+ import { TypographyProps } from './typography.types';
2
+ export declare const TypographyPresets: TypographyProps;
@@ -0,0 +1,2 @@
1
+ import { TypographyProps } from './typography.types';
2
+ export declare const StyledText: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, TypographyProps, never>;
@@ -0,0 +1,46 @@
1
+ import { Property } from 'csstype';
2
+ import { DefaultTheme } from 'styled-components';
3
+ import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
4
+ export declare type TextAlign = 'string' | 'left' | 'center' | 'right' | 'unset';
5
+ export declare type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'hero';
6
+ export declare type TextStyle = 'regular' | 'bold';
7
+ export interface TypographyProps {
8
+ align?: ResolutionAwareProp<string>;
9
+ alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
10
+ color?: keyof DefaultTheme['colors']['typography'];
11
+ display?: ResolutionAwareProp<Property.Display>;
12
+ fontSize?: ResolutionAwareProp<Property.Font>;
13
+ fontWeight?: Property.FontWeight;
14
+ hidden?: ResolutionAwareProp<boolean>;
15
+ horizontalMargin?: ResolutionAwareProp<Property.Margin>;
16
+ horizontalPadding?: ResolutionAwareProp<Property.Padding>;
17
+ htmlFor?: string;
18
+ htmlText?: string;
19
+ justifySelf?: ResolutionAwareProp<Property.JustifySelf>;
20
+ letterSpacing?: ResolutionAwareProp<Property.LetterSpacing>;
21
+ lineHeight?: ResolutionAwareProp<Property.LineHeight>;
22
+ margin?: ResolutionAwareProp<Property.Margin>;
23
+ marginBottom?: ResolutionAwareProp<Property.MarginBottom>;
24
+ marginLeft?: ResolutionAwareProp<Property.MarginLeft>;
25
+ marginRight?: ResolutionAwareProp<Property.MarginRight>;
26
+ marginTop?: ResolutionAwareProp<Property.MarginTop>;
27
+ maxWidth?: ResolutionAwareProp<string>;
28
+ minWidth?: ResolutionAwareProp<string>;
29
+ onClick?: () => void;
30
+ padding?: ResolutionAwareProp<Property.Padding>;
31
+ paddingBottom?: ResolutionAwareProp<Property.PaddingBottom>;
32
+ paddingLeft?: ResolutionAwareProp<Property.PaddingLeft>;
33
+ paddingRight?: ResolutionAwareProp<Property.PaddingRight>;
34
+ paddingTop?: ResolutionAwareProp<Property.PaddingTop>;
35
+ text?: string | number;
36
+ textShadow?: Property.TextShadow;
37
+ textStyle?: TextStyle;
38
+ transform?: Property.TextTransform;
39
+ tx?: string;
40
+ txValues?: Record<string, unknown>;
41
+ type?: string;
42
+ variant?: TextVariant;
43
+ verticalMargin?: ResolutionAwareProp<Property.Margin>;
44
+ verticalPadding?: ResolutionAwareProp<Property.Padding>;
45
+ whiteSpace?: ResolutionAwareProp<any>;
46
+ }
@@ -1,16 +1,17 @@
1
1
  import { AppSize, ResolutionAwareProp, ResolutionAwarePropBase } from '../types/resolution-aware-prop.type';
2
2
  import { ExtractStyleFromResolutionAwarePropEntry } from '../types/layout';
3
- export declare const extractValuesFromResolutionAwareProp: (prop: any) => ResolutionAwarePropBase<any>;
3
+ export declare function extractValuesFromResolutionAwareProp<T = unknown>(prop: unknown): ResolutionAwarePropBase<T>;
4
+ export declare const isResolutionAwareProperty: (prop: unknown) => prop is any;
4
5
  export declare const getResolutionPrefix: () => AppSize;
5
6
  export declare const extractValueFromResolutionAwareProp: (prop: any, size: AppSize) => any;
6
7
  export declare const calculateDimensionsFromAspectRatio: (aspectRatio: string) => {
7
8
  height: string;
8
9
  width: string;
9
10
  };
10
- export declare const generateStylesForResolutionAwareProps: (entries: ExtractStyleFromResolutionAwarePropEntry[]) => import("styled-components").FlattenSimpleInterpolation;
11
+ export declare function generateStylesForResolutionAwareProps<T>(entries: ExtractStyleFromResolutionAwarePropEntry[]): import("styled-components").FlattenSimpleInterpolation;
11
12
  export declare const isLargeScreen: () => boolean;
12
13
  export declare const isSmallScreen: () => boolean;
13
14
  export declare const extractValueFromResolutionAwarePropertyForCurrentScreenSize: (property: ResolutionAwareProp<any>) => any;
14
15
  export declare const getAspectRatioByCategory: (category: string) => string;
15
- export declare const isCssPropertyValueDefined: (property: string) => boolean | "";
16
+ export declare const isCssPropertyValueDefined: (property?: unknown) => unknown;
16
17
  export declare const getAspectRatio: (width: number, height: number) => string;
package/lib/index.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- import Button from './components/Button';
2
- import { Icon } from './components/icon';
3
- export { ThemeProvider, darkTheme, lightTheme, combinationsByColor, getThemeColor, palette, media, } from './styles';
4
- export { Button, Icon };
1
+ export { Box, Button, Cell, Flex, Grid, Icon, Radio, Stack, Typography, } from './components';
2
+ export { ThemeProvider, darkTheme, lightTheme, combinationsByColor, getThemeColor, getThemeSpacing, palette, media, } from './styles';
@@ -0,0 +1 @@
1
+ export declare const generateGlobalStyles: () => import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
@@ -70,7 +70,6 @@ declare module 'styled-components' {
70
70
  };
71
71
  };
72
72
  fonts: {
73
- badge: FontInfo;
74
73
  boldFontFamily: string;
75
74
  h1: FontInfo;
76
75
  h2: FontInfo;
@@ -78,7 +77,6 @@ declare module 'styled-components' {
78
77
  h4: FontInfo;
79
78
  h5: FontInfo;
80
79
  hero: FontInfo;
81
- link: FontInfo;
82
80
  p0: FontInfo;
83
81
  p1: FontInfo;
84
82
  p2: FontInfo;
@@ -98,6 +96,7 @@ declare module 'styled-components' {
98
96
  declare const lightTheme: DefaultTheme;
99
97
  declare const darkTheme: DefaultTheme;
100
98
  export declare const getThemeColor: (color: PaletteColor, currentTheme?: DefaultTheme) => string;
99
+ export declare const getThemeSpacing: (property: string, currentTheme?: DefaultTheme) => any;
101
100
  declare const combinationsByColor: (appTheme?: DefaultTheme) => {
102
101
  alert: {
103
102
  background: string;
@@ -155,6 +154,7 @@ declare const combinationsByColor: (appTheme?: DefaultTheme) => {
155
154
  };
156
155
  secondary: {
157
156
  background: string;
157
+ color: string;
158
158
  hover: string;
159
159
  selected: string;
160
160
  };
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { Meta } from '@storybook/react/types-6-0';
3
+ declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
4
+ export default _default;
5
+ export declare const ColorsPalette: () => JSX.Element;
6
+ export declare const ThemeColors: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export declare type Optional<T> = T | null | undefined;
@@ -1,4 +1,4 @@
1
- export declare type AppSize = 'lg' | 'md' | 'sm' | string;
1
+ export declare type AppSize = 'lg' | 'md' | 'sm';
2
2
  export interface ResolutionAwarePropBase<T> {
3
3
  lg?: T;
4
4
  md?: T;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantri-components",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "main": "dist/index.cjs.js",
5
5
  "module": "dist/src/index.js",
6
6
  "types": "lib/index.d.ts",
@@ -13,14 +13,14 @@
13
13
  "storybook": "start-storybook -p 6006",
14
14
  "build-storybook": "build-storybook",
15
15
  "prepare": "husky install",
16
- "generate-icons": "npm run clean:svgs && npm run svg && npm run git-add:svgs",
17
- "svg": "svgr -d src/components/icon/generated src/assets/icons --icon --ext tsx --replace-attr-values \"#000={strokeColor}\" --replace-attr-values \"#8f8e8b={color}\" --replace-attr-values \"currentColor={color}\" --replace-attr-values \"strokeWidth={strokeWidth}\"",
18
- "git-add:svgs": "cd src/components/icon/generated && git add --all",
19
- "clean:svgs": "cd src/components/icon/generated && del-cli *.tsx"
16
+ "generate-icons": "node scripts/generate-icons.js",
17
+ "prebuild": "yarn generate-icons"
20
18
  },
21
19
  "peerDependencies": {
20
+ "formik": "^2.2.9",
22
21
  "react": "^17.0.2",
23
- "react-dom": "^17.0.2"
22
+ "react-dom": "^17.0.2",
23
+ "styled-components": "^5.3.3"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@babel/core": "^7.17.5",
@@ -36,17 +36,19 @@
36
36
  "@semantic-release/github": "^8.0.2",
37
37
  "@semantic-release/npm": "^9.0.1",
38
38
  "@semantic-release/release-notes-generator": "^10.0.3",
39
- "@storybook/addon-actions": "^6.4.19",
40
- "@storybook/addon-essentials": "^6.4.19",
41
- "@storybook/addon-interactions": "^6.4.19",
42
- "@storybook/addon-links": "^6.4.19",
43
- "@storybook/addons": "^6.4.19",
44
- "@storybook/react": "^6.4.19",
45
- "@storybook/testing-library": "^0.0.9",
46
- "@storybook/theming": "^6.4.19",
39
+ "@storybook/addon-actions": "^6.4.22",
40
+ "@storybook/addon-essentials": "^6.4.22",
41
+ "@storybook/addon-interactions": "^6.4.22",
42
+ "@storybook/addon-links": "^6.4.22",
43
+ "@storybook/addons": "^6.4.22",
44
+ "@storybook/react": "^6.4.22",
45
+ "@storybook/testing-library": "^0.0.10",
46
+ "@storybook/theming": "^6.4.22",
47
47
  "@svgr/cli": "^6.2.1",
48
48
  "@types/lodash.isobject": "^3.0.6",
49
- "@types/react": "^17.0.39",
49
+ "@types/react": "17.0.39",
50
+ "@types/react-input-mask": "^3.0.1",
51
+ "@types/styled-components": "^5.1.25",
50
52
  "@typescript-eslint/eslint-plugin": "^5.14.0",
51
53
  "@typescript-eslint/parser": "^5.14.0",
52
54
  "babel-loader": "^8.2.3",
@@ -64,6 +66,7 @@
64
66
  "eslint-plugin-react": "^7.29.3",
65
67
  "eslint-plugin-react-hooks": "^4.3.0",
66
68
  "eslint-plugin-sort-keys-fix": "^1.1.2",
69
+ "eslint-plugin-storybook": "^0.5.10",
67
70
  "eslint-plugin-typescript-sort-keys": "^2.1.0",
68
71
  "husky": "^7.0.4",
69
72
  "lint-staged": "^12.3.5",
@@ -71,6 +74,7 @@
71
74
  "prettier": "^2.5.1",
72
75
  "react": "^17.0.2",
73
76
  "react-dom": "^17.0.2",
77
+ "react-use": "^17.3.2",
74
78
  "rollup": "^2.70.0",
75
79
  "rollup-plugin-peer-deps-external": "^2.2.4",
76
80
  "rollup-plugin-postcss": "^4.0.2",
@@ -78,8 +82,12 @@
78
82
  "typescript": "^4.6.2"
79
83
  },
80
84
  "dependencies": {
81
- "@types/styled-components": "^5.1.24",
85
+ "@cloudinary/url-gen": "^1.7.0",
86
+ "formik": "^2.2.9",
82
87
  "lodash.isobject": "^3.0.2",
88
+ "react-i18next": "^11.16.1",
89
+ "react-input-mask": "^2.0.4",
90
+ "react-spring": "^9.4.4",
83
91
  "styled-components": "^5.3.3",
84
92
  "styled-media-query": "^2.1.2"
85
93
  },
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import './Button.css';
3
- export interface ButtonProps {
4
- /**
5
- * What background color to use
6
- */
7
- backgroundColor?: string;
8
- /**
9
- * Button contents
10
- */
11
- label: string;
12
- /**
13
- * Optional click handler
14
- */
15
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
16
- /**
17
- * Is this the principal call to action on the page?
18
- */
19
- primary?: boolean;
20
- /**
21
- * How large should the button be??
22
- */
23
- size?: 'small' | 'medium' | 'large';
24
- }
25
- /**
26
- * Primary UI component for user interaction
27
- */
28
- declare const Button: ({ primary, backgroundColor, size, onClick, label, }: ButtonProps) => JSX.Element;
29
- export default Button;
@@ -1 +0,0 @@
1
- export { default } from './Button';
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const Svg30DaysReturn: React.NamedExoticComponent<object>;
3
- export default Svg30DaysReturn;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgAddress: React.NamedExoticComponent<object>;
3
- export default SvgAddress;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgAffirm: React.NamedExoticComponent<object>;
3
- export default SvgAffirm;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgAffirmBlue: React.NamedExoticComponent<object>;
3
- export default SvgAffirmBlue;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgAmex: React.NamedExoticComponent<object>;
3
- export default SvgAmex;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgApplePay: React.NamedExoticComponent<object>;
3
- export default SvgApplePay;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgAr: React.NamedExoticComponent<object>;
3
- export default SvgAr;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgArrowCircle: React.NamedExoticComponent<object>;
3
- export default SvgArrowCircle;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgArrowDown: React.NamedExoticComponent<object>;
3
- export default SvgArrowDown;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgArrowLeft: React.NamedExoticComponent<object>;
3
- export default SvgArrowLeft;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgArrowRight: React.NamedExoticComponent<object>;
3
- export default SvgArrowRight;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBehance: React.NamedExoticComponent<object>;
3
- export default SvgBehance;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBell: React.NamedExoticComponent<object>;
3
- export default SvgBell;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBellTransparent: React.NamedExoticComponent<object>;
3
- export default SvgBellTransparent;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBlankCard: React.NamedExoticComponent<object>;
3
- export default SvgBlankCard;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBox: React.NamedExoticComponent<object>;
3
- export default SvgBox;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBranch: React.NamedExoticComponent<object>;
3
- export default SvgBranch;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgBulb: React.NamedExoticComponent<object>;
3
- export default SvgBulb;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCalendar: React.NamedExoticComponent<object>;
3
- export default SvgCalendar;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCalifornia: React.NamedExoticComponent<object>;
3
- export default SvgCalifornia;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCamera: React.NamedExoticComponent<object>;
3
- export default SvgCamera;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCameraSquare: React.NamedExoticComponent<object>;
3
- export default SvgCameraSquare;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCart: React.NamedExoticComponent<object>;
3
- export default SvgCart;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgChain: React.NamedExoticComponent<object>;
3
- export default SvgChain;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCheck: React.NamedExoticComponent<object>;
3
- export default SvgCheck;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCheckFill: React.NamedExoticComponent<object>;
3
- export default SvgCheckFill;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCheckReverse: React.NamedExoticComponent<object>;
3
- export default SvgCheckReverse;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCheckRound: React.NamedExoticComponent<object>;
3
- export default SvgCheckRound;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgChevronDown: React.NamedExoticComponent<object>;
3
- export default SvgChevronDown;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgChevronLeft: React.NamedExoticComponent<object>;
3
- export default SvgChevronLeft;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgChevronRight: React.NamedExoticComponent<object>;
3
- export default SvgChevronRight;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgClip: React.NamedExoticComponent<object>;
3
- export default SvgClip;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgClose: React.NamedExoticComponent<object>;
3
- export default SvgClose;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgCloud: React.NamedExoticComponent<object>;
3
- export default SvgCloud;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDashboard: React.NamedExoticComponent<object>;
3
- export default SvgDashboard;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDashboardChart: React.NamedExoticComponent<object>;
3
- export default SvgDashboardChart;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDesign: React.NamedExoticComponent<object>;
3
- export default SvgDesign;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDimming: React.NamedExoticComponent<object>;
3
- export default SvgDimming;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDisabledArrows: React.NamedExoticComponent<object>;
3
- export default SvgDisabledArrows;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDisabledInputArrow: React.NamedExoticComponent<object>;
3
- export default SvgDisabledInputArrow;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDiscover: React.NamedExoticComponent<object>;
3
- export default SvgDiscover;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDocs: React.NamedExoticComponent<object>;
3
- export default SvgDocs;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDollar: React.NamedExoticComponent<object>;
3
- export default SvgDollar;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDots: React.NamedExoticComponent<object>;
3
- export default SvgDots;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDotsAnimated: React.NamedExoticComponent<object>;
3
- export default SvgDotsAnimated;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDownload: React.NamedExoticComponent<object>;
3
- export default SvgDownload;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDrag: React.NamedExoticComponent<object>;
3
- export default SvgDrag;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgDragHandler: React.NamedExoticComponent<object>;
3
- export default SvgDragHandler;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgElkLogo: React.NamedExoticComponent<object>;
3
- export default SvgElkLogo;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgEmail: React.NamedExoticComponent<object>;
3
- export default SvgEmail;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgEmailRound: React.NamedExoticComponent<object>;
3
- export default SvgEmailRound;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgError: React.NamedExoticComponent<object>;
3
- export default SvgError;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgFacebookBlack: React.NamedExoticComponent<object>;
3
- export default SvgFacebookBlack;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgFacebookTransparent: React.NamedExoticComponent<object>;
3
- export default SvgFacebookTransparent;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgFlower: React.NamedExoticComponent<object>;
3
- export default SvgFlower;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgFreeShipping: React.NamedExoticComponent<object>;
3
- export default SvgFreeShipping;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgGift: React.NamedExoticComponent<object>;
3
- export default SvgGift;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const SvgGiftCard: React.NamedExoticComponent<object>;
3
- export default SvgGiftCard;