jfs-components 0.0.6 → 0.0.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 (315) hide show
  1. package/lib/commonjs/components/Accordion/Accordion.mdx +1 -1
  2. package/lib/commonjs/components/ActionFooter/ActionFooter.js +2 -14
  3. package/lib/commonjs/components/ActionFooter/ActionFooter.js.map +1 -1
  4. package/lib/commonjs/components/ActionFooter/ActionFooter.mdx +1 -1
  5. package/lib/commonjs/components/ActionTile/ActionTile.mdx +5 -1
  6. package/lib/commonjs/components/AppBar/AppBar.js +100 -238
  7. package/lib/commonjs/components/AppBar/AppBar.js.map +1 -1
  8. package/lib/commonjs/components/AppBar/AppBar.mdx +51 -39
  9. package/lib/commonjs/components/Avatar/Avatar.mdx +9 -1
  10. package/lib/commonjs/components/AvatarGroup/AvatarGroup.mdx +9 -1
  11. package/lib/commonjs/components/Badge/Badge.mdx +1 -1
  12. package/lib/commonjs/components/Balance/Balance.js +77 -0
  13. package/lib/commonjs/components/Balance/Balance.js.map +1 -0
  14. package/lib/commonjs/components/Balance/Balance.mdx +62 -0
  15. package/lib/commonjs/components/BottomNav/BottomNav.mdx +5 -1
  16. package/lib/commonjs/components/BottomNavItem/BottomNavItem.mdx +5 -1
  17. package/lib/commonjs/components/Button/Button.mdx +5 -1
  18. package/lib/commonjs/components/ButtonGroup/ButtonGroup.js +64 -0
  19. package/lib/commonjs/components/ButtonGroup/ButtonGroup.js.map +1 -0
  20. package/lib/commonjs/components/ButtonGroup/ButtonGroup.mdx +56 -0
  21. package/lib/commonjs/components/Card/Card.mdx +1 -1
  22. package/lib/commonjs/components/CardFeedback/CardFeedback.mdx +5 -1
  23. package/lib/commonjs/components/ChipGroup/ChipGroup.js +54 -0
  24. package/lib/commonjs/components/ChipGroup/ChipGroup.js.map +1 -0
  25. package/lib/commonjs/components/ChipGroup/ChipGroup.mdx +40 -0
  26. package/lib/commonjs/components/ChipSelect/ChipSelect.js +103 -0
  27. package/lib/commonjs/components/ChipSelect/ChipSelect.js.map +1 -0
  28. package/lib/commonjs/components/ChipSelect/ChipSelect.mdx +80 -0
  29. package/lib/commonjs/components/CtaCard/CtaCard.js +5 -18
  30. package/lib/commonjs/components/CtaCard/CtaCard.js.map +1 -1
  31. package/lib/commonjs/components/CtaCard/CtaCard.mdx +1 -1
  32. package/lib/commonjs/components/Disclaimer/Disclaimer.mdx +5 -1
  33. package/lib/commonjs/components/Divider/Divider.mdx +5 -1
  34. package/lib/commonjs/components/Drawer/Drawer.mdx +9 -1
  35. package/lib/commonjs/components/EmptyState/EmptyState.js +138 -0
  36. package/lib/commonjs/components/EmptyState/EmptyState.js.map +1 -0
  37. package/lib/commonjs/components/EmptyState/EmptyState.mdx +73 -0
  38. package/lib/commonjs/components/FilterBar/FilterBar.mdx +1 -1
  39. package/lib/commonjs/components/HStack/HStack.js +67 -0
  40. package/lib/commonjs/components/HStack/HStack.js.map +1 -0
  41. package/lib/commonjs/components/HStack/HStack.mdx +44 -0
  42. package/lib/commonjs/components/IconButton/IconButton.mdx +5 -1
  43. package/lib/commonjs/components/IconCapsule/IconCapsule.js +3 -3
  44. package/lib/commonjs/components/IconCapsule/IconCapsule.js.map +1 -1
  45. package/lib/commonjs/components/IconCapsule/IconCapsule.mdx +12 -4
  46. package/lib/commonjs/components/Introduction.mdx +3 -98
  47. package/lib/commonjs/components/LazyList/LazyList.mdx +1 -1
  48. package/lib/commonjs/components/ListGroup/ListGroup.js +3 -30
  49. package/lib/commonjs/components/ListGroup/ListGroup.js.map +1 -1
  50. package/lib/commonjs/components/ListGroup/ListGroup.mdx +5 -1
  51. package/lib/commonjs/components/ListItem/ListItem.js +5 -37
  52. package/lib/commonjs/components/ListItem/ListItem.js.map +1 -1
  53. package/lib/commonjs/components/ListItem/ListItem.mdx +5 -1
  54. package/lib/commonjs/components/MediaCard/MediaCard.mdx +5 -1
  55. package/lib/commonjs/components/MerchantProfile/MerchantProfile.mdx +1 -1
  56. package/lib/commonjs/components/MoneyValue/MoneyValue.mdx +6 -2
  57. package/lib/commonjs/components/NavArrow/NavArrow.js +42 -17
  58. package/lib/commonjs/components/NavArrow/NavArrow.js.map +1 -1
  59. package/lib/commonjs/components/NavArrow/NavArrow.mdx +5 -1
  60. package/lib/commonjs/components/PageTitle/PageTitle.mdx +5 -1
  61. package/lib/commonjs/components/Screen/Screen.js +53 -0
  62. package/lib/commonjs/components/Screen/Screen.js.map +1 -0
  63. package/lib/commonjs/components/Screen/Screen.mdx +58 -0
  64. package/lib/commonjs/components/Section/Section.js +3 -25
  65. package/lib/commonjs/components/Section/Section.js.map +1 -1
  66. package/lib/commonjs/components/Section/Section.mdx +5 -1
  67. package/lib/commonjs/components/Stepper/Step.mdx +5 -1
  68. package/lib/commonjs/components/Stepper/StepLabel.mdx +5 -1
  69. package/lib/commonjs/components/Stepper/Stepper.mdx +1 -1
  70. package/lib/commonjs/components/SupportText/SupportText.js +83 -0
  71. package/lib/commonjs/components/SupportText/SupportText.js.map +1 -0
  72. package/lib/commonjs/components/SupportText/SupportText.mdx +48 -0
  73. package/lib/commonjs/components/SupportText/SupportTextIcon.js +47 -0
  74. package/lib/commonjs/components/SupportText/SupportTextIcon.js.map +1 -0
  75. package/lib/commonjs/components/SupportText/SupportTextIcon.mdx +35 -0
  76. package/lib/commonjs/components/SupportText/index.js +21 -0
  77. package/lib/commonjs/components/SupportText/index.js.map +1 -0
  78. package/lib/commonjs/components/TextInput/TextInput.mdx +9 -1
  79. package/lib/commonjs/components/ThreadHero/ThreadHero.mdx +1 -1
  80. package/lib/commonjs/components/Tooltip/Tooltip.mdx +5 -1
  81. package/lib/commonjs/components/TransactionBubble/TransactionBubble.mdx +1 -1
  82. package/lib/commonjs/components/TransactionDetails/TransactionDetails.js +2 -24
  83. package/lib/commonjs/components/TransactionDetails/TransactionDetails.js.map +1 -1
  84. package/lib/commonjs/components/TransactionDetails/TransactionDetails.mdx +1 -1
  85. package/lib/commonjs/components/TransactionStatus/TransactionStatus.mdx +1 -1
  86. package/lib/commonjs/components/UpiHandle/UpiHandle.mdx +5 -1
  87. package/lib/commonjs/components/VStack/VStack.js +73 -0
  88. package/lib/commonjs/components/VStack/VStack.js.map +1 -0
  89. package/lib/commonjs/components/VStack/VStack.mdx +44 -0
  90. package/lib/commonjs/components/index.js +28 -0
  91. package/lib/commonjs/components/index.js.map +1 -1
  92. package/lib/commonjs/design-tokens/JFS Variables-variables-full.json +1 -18633
  93. package/lib/commonjs/design-tokens/figma-variables-resolver.js +3 -9
  94. package/lib/commonjs/design-tokens/figma-variables-resolver.js.map +1 -2
  95. package/lib/commonjs/icons/ic_info.svg +1 -0
  96. package/lib/commonjs/icons/ic_warning.svg +1 -0
  97. package/lib/commonjs/icons/registry.js +2 -2
  98. package/lib/commonjs/icons/registry.js.map +1 -1
  99. package/lib/commonjs/utils/react-utils.js +47 -0
  100. package/lib/commonjs/utils/react-utils.js.map +1 -0
  101. package/lib/module/components/Accordion/Accordion.mdx +1 -1
  102. package/lib/module/components/ActionFooter/ActionFooter.js +2 -14
  103. package/lib/module/components/ActionFooter/ActionFooter.js.map +1 -1
  104. package/lib/module/components/ActionFooter/ActionFooter.mdx +1 -1
  105. package/lib/module/components/ActionTile/ActionTile.mdx +5 -1
  106. package/lib/module/components/AppBar/AppBar.js +100 -238
  107. package/lib/module/components/AppBar/AppBar.js.map +1 -1
  108. package/lib/module/components/AppBar/AppBar.mdx +51 -39
  109. package/lib/module/components/Avatar/Avatar.mdx +9 -1
  110. package/lib/module/components/AvatarGroup/AvatarGroup.mdx +9 -1
  111. package/lib/module/components/Badge/Badge.mdx +1 -1
  112. package/lib/module/components/Balance/Balance.js +72 -0
  113. package/lib/module/components/Balance/Balance.js.map +1 -0
  114. package/lib/module/components/Balance/Balance.mdx +62 -0
  115. package/lib/module/components/BottomNav/BottomNav.mdx +5 -1
  116. package/lib/module/components/BottomNavItem/BottomNavItem.mdx +5 -1
  117. package/lib/module/components/Button/Button.mdx +5 -1
  118. package/lib/module/components/ButtonGroup/ButtonGroup.js +59 -0
  119. package/lib/module/components/ButtonGroup/ButtonGroup.js.map +1 -0
  120. package/lib/module/components/ButtonGroup/ButtonGroup.mdx +56 -0
  121. package/lib/module/components/Card/Card.mdx +1 -1
  122. package/lib/module/components/CardFeedback/CardFeedback.mdx +5 -1
  123. package/lib/module/components/ChipGroup/ChipGroup.js +49 -0
  124. package/lib/module/components/ChipGroup/ChipGroup.js.map +1 -0
  125. package/lib/module/components/ChipGroup/ChipGroup.mdx +40 -0
  126. package/lib/module/components/ChipSelect/ChipSelect.js +98 -0
  127. package/lib/module/components/ChipSelect/ChipSelect.js.map +1 -0
  128. package/lib/module/components/ChipSelect/ChipSelect.mdx +80 -0
  129. package/lib/module/components/CtaCard/CtaCard.js +5 -18
  130. package/lib/module/components/CtaCard/CtaCard.js.map +1 -1
  131. package/lib/module/components/CtaCard/CtaCard.mdx +1 -1
  132. package/lib/module/components/Disclaimer/Disclaimer.mdx +5 -1
  133. package/lib/module/components/Divider/Divider.mdx +5 -1
  134. package/lib/module/components/Drawer/Drawer.mdx +9 -1
  135. package/lib/module/components/EmptyState/EmptyState.js +132 -0
  136. package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
  137. package/lib/module/components/EmptyState/EmptyState.mdx +73 -0
  138. package/lib/module/components/FilterBar/FilterBar.mdx +1 -1
  139. package/lib/module/components/HStack/HStack.js +61 -0
  140. package/lib/module/components/HStack/HStack.js.map +1 -0
  141. package/lib/module/components/HStack/HStack.mdx +44 -0
  142. package/lib/module/components/IconButton/IconButton.mdx +5 -1
  143. package/lib/module/components/IconCapsule/IconCapsule.js +3 -3
  144. package/lib/module/components/IconCapsule/IconCapsule.js.map +1 -1
  145. package/lib/module/components/IconCapsule/IconCapsule.mdx +12 -4
  146. package/lib/module/components/Introduction.mdx +3 -98
  147. package/lib/module/components/LazyList/LazyList.mdx +1 -1
  148. package/lib/module/components/ListGroup/ListGroup.js +1 -30
  149. package/lib/module/components/ListGroup/ListGroup.js.map +1 -1
  150. package/lib/module/components/ListGroup/ListGroup.mdx +5 -1
  151. package/lib/module/components/ListItem/ListItem.js +1 -35
  152. package/lib/module/components/ListItem/ListItem.js.map +1 -1
  153. package/lib/module/components/ListItem/ListItem.mdx +5 -1
  154. package/lib/module/components/MediaCard/MediaCard.mdx +5 -1
  155. package/lib/module/components/MerchantProfile/MerchantProfile.mdx +1 -1
  156. package/lib/module/components/MoneyValue/MoneyValue.mdx +6 -2
  157. package/lib/module/components/NavArrow/NavArrow.js +42 -17
  158. package/lib/module/components/NavArrow/NavArrow.js.map +1 -1
  159. package/lib/module/components/NavArrow/NavArrow.mdx +5 -1
  160. package/lib/module/components/PageTitle/PageTitle.mdx +5 -1
  161. package/lib/module/components/Screen/Screen.js +47 -0
  162. package/lib/module/components/Screen/Screen.js.map +1 -0
  163. package/lib/module/components/Screen/Screen.mdx +58 -0
  164. package/lib/module/components/Section/Section.js +1 -23
  165. package/lib/module/components/Section/Section.js.map +1 -1
  166. package/lib/module/components/Section/Section.mdx +5 -1
  167. package/lib/module/components/Stepper/Step.mdx +5 -1
  168. package/lib/module/components/Stepper/StepLabel.mdx +5 -1
  169. package/lib/module/components/Stepper/Stepper.mdx +1 -1
  170. package/lib/module/components/SupportText/SupportText.js +78 -0
  171. package/lib/module/components/SupportText/SupportText.js.map +1 -0
  172. package/lib/module/components/SupportText/SupportText.mdx +48 -0
  173. package/lib/module/components/SupportText/SupportTextIcon.js +42 -0
  174. package/lib/module/components/SupportText/SupportTextIcon.js.map +1 -0
  175. package/lib/module/components/SupportText/SupportTextIcon.mdx +35 -0
  176. package/lib/module/components/SupportText/index.js +5 -0
  177. package/lib/module/components/SupportText/index.js.map +1 -0
  178. package/lib/module/components/TextInput/TextInput.mdx +9 -1
  179. package/lib/module/components/ThreadHero/ThreadHero.mdx +1 -1
  180. package/lib/module/components/Tooltip/Tooltip.mdx +5 -1
  181. package/lib/module/components/TransactionBubble/TransactionBubble.mdx +1 -1
  182. package/lib/module/components/TransactionDetails/TransactionDetails.js +2 -26
  183. package/lib/module/components/TransactionDetails/TransactionDetails.js.map +1 -1
  184. package/lib/module/components/TransactionDetails/TransactionDetails.mdx +1 -1
  185. package/lib/module/components/TransactionStatus/TransactionStatus.mdx +1 -1
  186. package/lib/module/components/UpiHandle/UpiHandle.mdx +5 -1
  187. package/lib/module/components/VStack/VStack.js +67 -0
  188. package/lib/module/components/VStack/VStack.js.map +1 -0
  189. package/lib/module/components/VStack/VStack.mdx +44 -0
  190. package/lib/module/components/index.js +4 -0
  191. package/lib/module/components/index.js.map +1 -1
  192. package/lib/module/design-tokens/JFS Variables-variables-full.json +1 -18633
  193. package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
  194. package/lib/module/design-tokens/figma-variables-resolver.js.map +0 -1
  195. package/lib/module/icons/ic_info.svg +1 -0
  196. package/lib/module/icons/ic_warning.svg +1 -0
  197. package/lib/module/icons/registry.js +2 -2
  198. package/lib/module/icons/registry.js.map +1 -1
  199. package/lib/module/utils/react-utils.js +43 -0
  200. package/lib/module/utils/react-utils.js.map +1 -0
  201. package/lib/typescript/components/ActionFooter/ActionFooter.d.ts.map +1 -1
  202. package/lib/typescript/components/AppBar/AppBar.d.ts +34 -68
  203. package/lib/typescript/components/AppBar/AppBar.d.ts.map +1 -1
  204. package/lib/typescript/components/Balance/Balance.d.ts +44 -0
  205. package/lib/typescript/components/Balance/Balance.d.ts.map +1 -0
  206. package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts +36 -0
  207. package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
  208. package/lib/typescript/components/ChipGroup/ChipGroup.d.ts +29 -0
  209. package/lib/typescript/components/ChipGroup/ChipGroup.d.ts.map +1 -0
  210. package/lib/typescript/components/ChipSelect/ChipSelect.d.ts +47 -0
  211. package/lib/typescript/components/ChipSelect/ChipSelect.d.ts.map +1 -0
  212. package/lib/typescript/components/CtaCard/CtaCard.d.ts.map +1 -1
  213. package/lib/typescript/components/EmptyState/EmptyState.d.ts +38 -0
  214. package/lib/typescript/components/EmptyState/EmptyState.d.ts.map +1 -0
  215. package/lib/typescript/components/HStack/HStack.d.ts +41 -0
  216. package/lib/typescript/components/HStack/HStack.d.ts.map +1 -0
  217. package/lib/typescript/components/ListGroup/ListGroup.d.ts.map +1 -1
  218. package/lib/typescript/components/ListItem/ListItem.d.ts.map +1 -1
  219. package/lib/typescript/components/NavArrow/NavArrow.d.ts +3 -3
  220. package/lib/typescript/components/NavArrow/NavArrow.d.ts.map +1 -1
  221. package/lib/typescript/components/Screen/Screen.d.ts +23 -0
  222. package/lib/typescript/components/Screen/Screen.d.ts.map +1 -0
  223. package/lib/typescript/components/Section/Section.d.ts.map +1 -1
  224. package/lib/typescript/components/SupportText/SupportText.d.ts +34 -0
  225. package/lib/typescript/components/SupportText/SupportText.d.ts.map +1 -0
  226. package/lib/typescript/components/SupportText/SupportTextIcon.d.ts +10 -0
  227. package/lib/typescript/components/SupportText/SupportTextIcon.d.ts.map +1 -0
  228. package/lib/typescript/components/SupportText/index.d.ts +3 -0
  229. package/lib/typescript/components/SupportText/index.d.ts.map +1 -0
  230. package/lib/typescript/components/TransactionDetails/TransactionDetails.d.ts.map +1 -1
  231. package/lib/typescript/components/VStack/VStack.d.ts +41 -0
  232. package/lib/typescript/components/VStack/VStack.d.ts.map +1 -0
  233. package/lib/typescript/components/index.d.ts +4 -0
  234. package/lib/typescript/components/index.d.ts.map +1 -1
  235. package/lib/typescript/icons/registry.d.ts +1 -1
  236. package/lib/typescript/icons/registry.d.ts.map +1 -1
  237. package/lib/typescript/utils/react-utils.d.ts +7 -0
  238. package/lib/typescript/utils/react-utils.d.ts.map +1 -0
  239. package/package.json +7 -5
  240. package/src/components/.token-metadata.json +468 -12
  241. package/src/components/Accordion/Accordion.mdx +1 -1
  242. package/src/components/ActionFooter/ActionFooter.mdx +1 -1
  243. package/src/components/ActionFooter/ActionFooter.tsx +3 -12
  244. package/src/components/ActionTile/ActionTile.mdx +5 -1
  245. package/src/components/AppBar/AppBar.mdx +51 -39
  246. package/src/components/AppBar/AppBar.tsx +140 -261
  247. package/src/components/Avatar/Avatar.mdx +9 -1
  248. package/src/components/AvatarGroup/AvatarGroup.mdx +9 -1
  249. package/src/components/Badge/Badge.mdx +1 -1
  250. package/src/components/Balance/Balance.mdx +62 -0
  251. package/src/components/Balance/Balance.tsx +107 -0
  252. package/src/components/BottomNav/BottomNav.mdx +5 -1
  253. package/src/components/BottomNavItem/BottomNavItem.mdx +5 -1
  254. package/src/components/Button/Button.mdx +5 -1
  255. package/src/components/ButtonGroup/ButtonGroup.mdx +56 -0
  256. package/src/components/ButtonGroup/ButtonGroup.tsx +78 -0
  257. package/src/components/Card/Card.mdx +1 -1
  258. package/src/components/CardFeedback/CardFeedback.mdx +5 -1
  259. package/src/components/ChipGroup/ChipGroup.mdx +40 -0
  260. package/src/components/ChipGroup/ChipGroup.tsx +67 -0
  261. package/src/components/ChipSelect/ChipSelect.mdx +80 -0
  262. package/src/components/ChipSelect/ChipSelect.tsx +138 -0
  263. package/src/components/CtaCard/CtaCard.mdx +1 -1
  264. package/src/components/CtaCard/CtaCard.tsx +12 -20
  265. package/src/components/Disclaimer/Disclaimer.mdx +5 -1
  266. package/src/components/Divider/Divider.mdx +5 -1
  267. package/src/components/Drawer/Drawer.mdx +9 -1
  268. package/src/components/EmptyState/EmptyState.mdx +73 -0
  269. package/src/components/EmptyState/EmptyState.tsx +181 -0
  270. package/src/components/FilterBar/FilterBar.mdx +1 -1
  271. package/src/components/HStack/HStack.mdx +44 -0
  272. package/src/components/HStack/HStack.tsx +95 -0
  273. package/src/components/IconButton/IconButton.mdx +5 -1
  274. package/src/components/IconCapsule/IconCapsule.mdx +12 -4
  275. package/src/components/IconCapsule/IconCapsule.tsx +3 -3
  276. package/src/components/Introduction.mdx +3 -98
  277. package/src/components/LazyList/LazyList.mdx +1 -1
  278. package/src/components/ListGroup/ListGroup.mdx +5 -1
  279. package/src/components/ListGroup/ListGroup.tsx +5 -43
  280. package/src/components/ListItem/ListItem.mdx +5 -1
  281. package/src/components/ListItem/ListItem.tsx +15 -60
  282. package/src/components/MediaCard/MediaCard.mdx +5 -1
  283. package/src/components/MerchantProfile/MerchantProfile.mdx +1 -1
  284. package/src/components/MoneyValue/MoneyValue.mdx +6 -2
  285. package/src/components/NavArrow/NavArrow.mdx +5 -1
  286. package/src/components/NavArrow/NavArrow.tsx +48 -16
  287. package/src/components/PageTitle/PageTitle.mdx +5 -1
  288. package/src/components/Screen/Screen.mdx +58 -0
  289. package/src/components/Screen/Screen.tsx +60 -0
  290. package/src/components/Section/Section.mdx +5 -1
  291. package/src/components/Section/Section.tsx +17 -46
  292. package/src/components/Stepper/Step.mdx +5 -1
  293. package/src/components/Stepper/StepLabel.mdx +5 -1
  294. package/src/components/Stepper/Stepper.mdx +1 -1
  295. package/src/components/SupportText/SupportText.mdx +48 -0
  296. package/src/components/SupportText/SupportText.tsx +104 -0
  297. package/src/components/SupportText/SupportTextIcon.mdx +35 -0
  298. package/src/components/SupportText/SupportTextIcon.tsx +45 -0
  299. package/src/components/SupportText/index.ts +2 -0
  300. package/src/components/TextInput/TextInput.mdx +9 -1
  301. package/src/components/ThreadHero/ThreadHero.mdx +1 -1
  302. package/src/components/Tooltip/Tooltip.mdx +5 -1
  303. package/src/components/TransactionBubble/TransactionBubble.mdx +1 -1
  304. package/src/components/TransactionDetails/TransactionDetails.mdx +1 -1
  305. package/src/components/TransactionDetails/TransactionDetails.tsx +1 -38
  306. package/src/components/TransactionStatus/TransactionStatus.mdx +1 -1
  307. package/src/components/UpiHandle/UpiHandle.mdx +5 -1
  308. package/src/components/VStack/VStack.mdx +44 -0
  309. package/src/components/VStack/VStack.tsx +100 -0
  310. package/src/components/index.ts +4 -0
  311. package/src/design-tokens/JFS Variables-variables-full.json +1 -18633
  312. package/src/icons/ic_info.svg +1 -0
  313. package/src/icons/ic_warning.svg +1 -0
  314. package/src/icons/registry.ts +9 -1
  315. package/src/utils/react-utils.ts +51 -0
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as StepLabelStories from './StepLabel.stories';
3
3
  import { StepLabel } from './StepLabel';
4
4
 
@@ -15,6 +15,10 @@ This component uses the following design token collections. Each collection supp
15
15
  ### Color Mode
16
16
  - **Modes:** Light | Dark
17
17
  - **Default:** Light
18
+
19
+ ### Colors Router
20
+ - **Modes:** POC | Old
21
+ - **Default:** POC
18
22
  ## Usage
19
23
 
20
24
  <Canvas>
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as StepperStories from './Stepper.stories';
3
3
  import Stepper from './Stepper';
4
4
 
@@ -0,0 +1,78 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { View, Text } from 'react-native';
5
+ import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
6
+ import { useTokens } from '../../design-tokens/JFSThemeProvider';
7
+ import SupportTextIcon from './SupportTextIcon';
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ /**
10
+ * SupportText component displaying a status icon and label.
11
+ */
12
+ function SupportText({
13
+ label = 'Support Text',
14
+ status = 'Neutral',
15
+ iconSlot,
16
+ textSlot,
17
+ modes: propModes = {},
18
+ style
19
+ }) {
20
+ const {
21
+ modes: globalModes
22
+ } = useTokens();
23
+
24
+ // Merge modes. We might want to inject the status mode here if we knew the collection name.
25
+ // For now, we rely on the parent passing the correct mode or the status prop driving logic outside tokens if needed (but tokens are preferred).
26
+ // Strategy: We pass 'modes' as is. If the user wants "Success" styling (green), they should likely pass modes={{ 'SupportText': 'Success' }} AND status="Success".
27
+ // However, for convenience, we could eventually map status to modes if we determine the key.
28
+ const modes = {
29
+ ...globalModes,
30
+ ...propModes
31
+ };
32
+
33
+ // --- Token Resolution ---
34
+ const gap = parseInt(getVariableByName('supportText/gap', modes), 10) || 4;
35
+ const textColor = getVariableByName('supportText/foreground', modes) || '#0c0d10';
36
+ const fontFamily = getVariableByName('supportText/fontFamily', modes) || 'JioType Var';
37
+ const fontSize = parseInt(getVariableByName('supportText/fontSize', modes), 10) || 12;
38
+ const lineHeight = parseInt(getVariableByName('supportText/lineHeight', modes), 10) || 16;
39
+ const fontWeight = getVariableByName('supportText/fontWeight', modes) || '500';
40
+
41
+ // --- Styles ---
42
+ const containerStyle = {
43
+ flexDirection: 'row',
44
+ alignItems: 'center',
45
+ gap: gap
46
+ };
47
+ const textStyle = {
48
+ color: textColor,
49
+ fontFamily,
50
+ fontSize,
51
+ lineHeight,
52
+ fontWeight: fontWeight,
53
+ flexShrink: 1 // Ensure text wraps if needed
54
+ };
55
+ const renderSlot = slot => {
56
+ if (/*#__PURE__*/React.isValidElement(slot)) {
57
+ return /*#__PURE__*/React.cloneElement(slot, {
58
+ modes: {
59
+ ...modes,
60
+ ...slot.props.modes
61
+ }
62
+ });
63
+ }
64
+ return slot;
65
+ };
66
+ return /*#__PURE__*/_jsxs(View, {
67
+ style: [containerStyle, style],
68
+ children: [iconSlot ? renderSlot(iconSlot) : /*#__PURE__*/_jsx(SupportTextIcon, {
69
+ status: status,
70
+ modes: modes
71
+ }), textSlot ? renderSlot(textSlot) : /*#__PURE__*/_jsx(Text, {
72
+ style: textStyle,
73
+ children: label
74
+ })]
75
+ });
76
+ }
77
+ export default SupportText;
78
+ //# sourceMappingURL=SupportText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","View","Text","getVariableByName","useTokens","SupportTextIcon","jsx","_jsx","jsxs","_jsxs","SupportText","label","status","iconSlot","textSlot","modes","propModes","style","globalModes","gap","parseInt","textColor","fontFamily","fontSize","lineHeight","fontWeight","containerStyle","flexDirection","alignItems","textStyle","color","flexShrink","renderSlot","slot","isValidElement","cloneElement","props","children"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,OAAOC,eAAe,MAAkC,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA6B5E;AACA;AACA;AACA,SAASC,WAAWA,CAAC;EACjBC,KAAK,GAAG,cAAc;EACtBC,MAAM,GAAG,SAAS;EAClBC,QAAQ;EACRC,QAAQ;EACRC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC;AACc,CAAC,EAAE;EACjB,MAAM;IAAEF,KAAK,EAAEG;EAAY,CAAC,GAAGd,SAAS,CAAC,CAAC;;EAE1C;EACA;EACA;EACA;EACA,MAAMW,KAAK,GAAG;IAAE,GAAGG,WAAW;IAAE,GAAGF;EAAU,CAAC;;EAE9C;EACA,MAAMG,GAAG,GAAGC,QAAQ,CAACjB,iBAAiB,CAAC,iBAAiB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;EAE1E,MAAMM,SAAS,GAAGlB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,SAAS;EACjF,MAAMO,UAAU,GAAGnB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,aAAa;EACtF,MAAMQ,QAAQ,GAAGH,QAAQ,CAACjB,iBAAiB,CAAC,sBAAsB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;EACrF,MAAMS,UAAU,GAAGJ,QAAQ,CAACjB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;EACzF,MAAMU,UAAU,GAAGtB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,KAAK;;EAE9E;EACA,MAAMW,cAAyB,GAAG;IAC9BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBT,GAAG,EAAEA;EACT,CAAC;EAED,MAAMU,SAAoB,GAAG;IACzBC,KAAK,EAAET,SAAS;IAChBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU,EAAEA,UAAiB;IAC7BM,UAAU,EAAE,CAAC,CAAE;EACnB,CAAC;EAED,MAAMC,UAAU,GAAIC,IAAqB,IAAK;IAC1C,iBAAIjC,KAAK,CAACkC,cAAc,CAACD,IAAI,CAAC,EAAE;MAC5B,oBAAOjC,KAAK,CAACmC,YAAY,CAACF,IAAI,EAA6B;QACvDlB,KAAK,EAAE;UAAE,GAAGA,KAAK;UAAE,GAAIkB,IAAI,CAASG,KAAK,CAACrB;QAAM;MACpD,CAAC,CAAC;IACN;IACA,OAAOkB,IAAI;EACf,CAAC;EAED,oBACIxB,KAAA,CAACR,IAAI;IAACgB,KAAK,EAAE,CAACS,cAAc,EAAET,KAAK,CAAE;IAAAoB,QAAA,GAChCxB,QAAQ,GACLmB,UAAU,CAACnB,QAAQ,CAAC,gBAEpBN,IAAA,CAACF,eAAe;MAACO,MAAM,EAAEA,MAAO;MAACG,KAAK,EAAEA;IAAM,CAAE,CACnD,EAEAD,QAAQ,GACLkB,UAAU,CAAClB,QAAQ,CAAC,gBAEpBP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAEY,SAAU;MAAAQ,QAAA,EAAE1B;IAAK,CAAO,CACxC;EAAA,CACC,CAAC;AAEf;AAEA,eAAeD,WAAW","ignoreList":[]}
@@ -0,0 +1,48 @@
1
+ import { Canvas, Meta, Story, Controls } from '@storybook/blocks';
2
+ import * as SupportTextStories from './SupportText.stories';
3
+ import SupportText from './SupportText';
4
+
5
+ <Meta of={SupportTextStories} />
6
+
7
+ # SupportText
8
+
9
+ A component for displaying status messages with icons.
10
+
11
+ <Canvas>
12
+ <Story of={SupportTextStories.Default} />
13
+ </Canvas>
14
+
15
+ ## Props
16
+
17
+ <Controls />
18
+
19
+
20
+ ## Available Collections and Modes
21
+
22
+ This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
23
+
24
+ ### Status
25
+ - **Modes:** Neutral | Warning | Error | Success
26
+ - **Default:** Neutral
27
+ ## Usage
28
+
29
+ ```tsx
30
+ import { SupportText } from 'jfs-components';
31
+
32
+ <SupportText status="Success" label="Operation successful" />
33
+ <SupportText status="Error" label="Something went wrong" />
34
+ ```
35
+
36
+
37
+ ## Design Tokens
38
+
39
+ This component uses the following design tokens, resolved through `getVariableByName`:
40
+
41
+ - **`supportText/fontFamily`**
42
+ - **`supportText/fontSize`**
43
+ - **`supportText/fontWeight`**
44
+ - **`supportText/foreground`**
45
+ - **`supportText/gap`**
46
+ - **`supportText/lineHeight`**
47
+
48
+ All tokens support mode-based theming through the `modes` prop.
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { View } from 'react-native';
5
+ import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
6
+ import Icon from '../../icons/Icon';
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ const STATUS_ICON_MAP = {
9
+ Neutral: 'ic_info',
10
+ Warning: 'ic_warning',
11
+ // Using ic_warning for Warning
12
+ Error: 'ic_warning',
13
+ // Using ic_warning for Error
14
+ Success: 'ic_status_successful'
15
+ };
16
+ function SupportTextIcon({
17
+ status = 'Neutral',
18
+ modes = {},
19
+ style
20
+ }) {
21
+ const iconName = STATUS_ICON_MAP[status] || 'ic_info';
22
+
23
+ // Resolve icon size
24
+ const size = parseInt(getVariableByName('supportText/icon/size', modes), 10) || 16;
25
+
26
+ // Resolve icon color
27
+ // Assuming supportText/foreground applies to icon as well, or there might be specific icon color tokens.
28
+ // Using supportText/foreground as default based on common patterns if no specific icon token.
29
+ // If specific tokens exist like 'supportText/icon/color', they should be used.
30
+ // Detailed variables only showed supportText/foreground.
31
+ const color = getVariableByName('supportText/foreground', modes) || '#0c0d10';
32
+ return /*#__PURE__*/_jsx(View, {
33
+ style: style,
34
+ children: /*#__PURE__*/_jsx(Icon, {
35
+ name: iconName,
36
+ size: size,
37
+ color: color
38
+ })
39
+ });
40
+ }
41
+ export default SupportTextIcon;
42
+ //# sourceMappingURL=SupportTextIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","View","getVariableByName","Icon","jsx","_jsx","STATUS_ICON_MAP","Neutral","Warning","Error","Success","SupportTextIcon","status","modes","style","iconName","size","parseInt","color","children","name"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportTextIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,IAAI,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpC,MAAMC,eAAkD,GAAG;EACvDC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,YAAY;EAAE;EACvBC,KAAK,EAAE,YAAY;EAAI;EACvBC,OAAO,EAAE;AACb,CAAC;AAED,SAASC,eAAeA,CAAC;EACrBC,MAAM,GAAG,SAAS;EAClBC,KAAK,GAAG,CAAC,CAAC;EACVC;AACkB,CAAC,EAAE;EACrB,MAAMC,QAAQ,GAAGT,eAAe,CAACM,MAAM,CAAC,IAAI,SAAS;;EAErD;EACA,MAAMI,IAAI,GAAGC,QAAQ,CAACf,iBAAiB,CAAC,uBAAuB,EAAEW,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;;EAElF;EACA;EACA;EACA;EACA;EACA,MAAMK,KAAK,GAAGhB,iBAAiB,CAAC,wBAAwB,EAAEW,KAAK,CAAC,IAAI,SAAS;EAE7E,oBACIR,IAAA,CAACJ,IAAI;IAACa,KAAK,EAAEA,KAAM;IAAAK,QAAA,eACfd,IAAA,CAACF,IAAI;MAACiB,IAAI,EAAEL,QAAS;MAACC,IAAI,EAAEA,IAAK;MAACE,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChD,CAAC;AAEf;AAEA,eAAeP,eAAe","ignoreList":[]}
@@ -0,0 +1,35 @@
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
+ import * as SupportTextIconStories from './SupportTextIcon.stories';
3
+ import SupportTextIcon from './SupportTextIcon';
4
+
5
+ <Meta of={SupportTextIconStories} />
6
+
7
+ # SupportTextIcon
8
+
9
+ SupportTextIcon component with design-token-driven styling.
10
+
11
+ ## Available Collections and Modes
12
+
13
+ This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
14
+
15
+ ### Status
16
+ - **Modes:** Neutral | Warning | Error | Success
17
+ - **Default:** Neutral
18
+ ## Usage
19
+
20
+ <Canvas>
21
+ <Story of={SupportTextIconStories.Default} />
22
+ </Canvas>
23
+
24
+ ## Props
25
+
26
+ <Controls of={SupportTextIconStories.Default} />
27
+
28
+ ## Design Tokens
29
+
30
+ This component uses the following design tokens, resolved through `getVariableByName`:
31
+
32
+ - **`supportText/foreground`**
33
+ - **`supportText/icon/size`**
34
+
35
+ All tokens support mode-based theming through the `modes` prop.
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ export { default as SupportText } from './SupportText';
4
+ export { default as SupportTextIcon } from './SupportTextIcon';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["default","SupportText","SupportTextIcon"],"sourceRoot":"../../../../src","sources":["components/SupportText/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TextInputStories from './TextInput.stories';
3
3
  import TextInput from './TextInput';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -13,9 +13,17 @@ Helper function to recursively clone children and pass modes prop to components
13
13
 
14
14
  This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
15
15
 
16
+ ### InputState
17
+ - **Modes:** Idle | Active
18
+ - **Default:** Idle
19
+
16
20
  ### Color Mode
17
21
  - **Modes:** Light | Dark
18
22
  - **Default:** Light
23
+
24
+ ### Colors Router
25
+ - **Modes:** POC | Old
26
+ - **Default:** POC
19
27
  ## Usage
20
28
 
21
29
  <Canvas>
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as ThreadHeroStories from './ThreadHero.stories';
3
3
  import ThreadHero from './ThreadHero';
4
4
 
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TooltipStories from './Tooltip.stories';
3
3
  import { Tooltip } from './Tooltip';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
16
16
  ### Color Mode
17
17
  - **Modes:** Light | Dark
18
18
  - **Default:** Light
19
+
20
+ ### Colors Router
21
+ - **Modes:** POC | Old
22
+ - **Default:** POC
19
23
  ## Usage
20
24
 
21
25
  <Canvas>
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TransactionBubbleStories from './TransactionBubble.stories';
3
3
  import TransactionBubble from './TransactionBubble';
4
4
 
@@ -3,34 +3,10 @@
3
3
  import React from 'react';
4
4
  import { View, Text } from 'react-native';
5
5
  import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
6
-
7
- /**
8
- * Helper function to recursively clone children and pass modes prop to components that accept it.
9
- */
10
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
- function cloneChildrenWithModes(children, modes) {
12
- const result = React.Children.map(children, child => {
13
- if (! /*#__PURE__*/React.isValidElement(child)) {
14
- return child;
15
- }
16
- const childChildren = child.props?.children;
17
- const hasChildren = childChildren !== undefined && childChildren !== null;
18
- const existingModes = child.props?.modes;
19
- const mergedModes = existingModes ? {
20
- ...modes,
21
- ...existingModes
22
- } : modes;
23
- const processedChildren = hasChildren ? cloneChildrenWithModes(React.Children.toArray(childChildren), modes) : undefined;
24
- return /*#__PURE__*/React.cloneElement(child, {
25
- ...child.props,
26
- modes: mergedModes
27
- }, processedChildren);
28
- });
29
- return result || [];
30
- }
6
+ import { cloneChildrenWithModes } from '../../utils/react-utils';
31
7
 
32
8
  // ===== Item Subcomponent =====
33
-
9
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
34
10
  /**
35
11
  * Item component that displays a label-value pair, used within TransactionDetails.
36
12
  * Access via `TransactionDetails.Item`.
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","Text","getVariableByName","jsx","_jsx","jsxs","_jsxs","cloneChildrenWithModes","children","modes","result","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","Item","label","value","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","accessibilityRole","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","View","Text","getVariableByName","cloneChildrenWithModes","jsx","_jsx","jsxs","_jsxs","Item","label","value","modes","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical","processedChildren","Children","toArray"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TransactionDetailsStories from './TransactionDetails.stories';
3
3
  import TransactionDetails from './TransactionDetails';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as TransactionStatusStories from './TransactionStatus.stories';
3
3
  import TransactionStatus from './TransactionStatus';
4
4
 
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
2
  import * as UpiHandleStories from './UpiHandle.stories';
3
3
  import UpiHandle from './UpiHandle';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
16
16
  ### Color Mode
17
17
  - **Modes:** Light | Dark
18
18
  - **Default:** Light
19
+
20
+ ### Colors Router
21
+ - **Modes:** POC | Old
22
+ - **Default:** POC
19
23
  ## Usage
20
24
 
21
25
  <Canvas>
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+
3
+ import React from 'react';
4
+ import { View } from 'react-native';
5
+ import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
6
+ import { useTokens } from '../../design-tokens/JFSThemeProvider';
7
+ import { cloneChildrenWithModes } from '../../utils/react-utils';
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ /**
10
+ * VStack component for vertical layout using design token spacing.
11
+ */
12
+ export const VStack = ({
13
+ children,
14
+ alignHorizontal,
15
+ justifyVertical,
16
+ wrap,
17
+ reverse = false,
18
+ as,
19
+ modes: propModes = {},
20
+ style,
21
+ ...rest
22
+ }) => {
23
+ const {
24
+ modes: globalModes
25
+ } = useTokens();
26
+ const modes = {
27
+ ...globalModes,
28
+ ...propModes
29
+ };
30
+ const paddingTop = getVariableByName('vstack/padding/top', modes);
31
+ const paddingBottom = getVariableByName('vstack/padding/bottom', modes);
32
+ const paddingLeft = getVariableByName('vstack/padding/left', modes);
33
+ const paddingRight = getVariableByName('vstack/padding/right', modes);
34
+ const gap = getVariableByName('vstack/gap', modes);
35
+ const flexWrap = typeof wrap === 'boolean' ? wrap ? 'wrap' : 'nowrap' : wrap;
36
+ const containerStyle = {
37
+ flexDirection: reverse ? 'column-reverse' : 'column',
38
+ alignItems: alignHorizontal,
39
+ justifyContent: justifyVertical,
40
+ flexWrap,
41
+ paddingTop,
42
+ paddingBottom,
43
+ paddingLeft,
44
+ paddingRight,
45
+ gap
46
+ };
47
+
48
+ // Pass modes down to children
49
+ const processedChildren = children ? cloneChildrenWithModes(children, modes) : null;
50
+
51
+ // "as" prop handling for web - passed via rest if supported by the underlying view implementation on web,
52
+ // or manually added here. Since View from react-native doesn't formally support "as" in types,
53
+ // we rely on it being passed through or handled by the web layer if applicable.
54
+ // For type safety with standard RN View, we might cast props if needed, but passing ...rest usually works for extra props.
55
+ // We explicitly include 'as' in the props passed to View.
56
+ const viewProps = {
57
+ ...rest,
58
+ as
59
+ };
60
+ return /*#__PURE__*/_jsx(View, {
61
+ style: [containerStyle, style],
62
+ ...viewProps,
63
+ children: processedChildren
64
+ });
65
+ };
66
+ export default VStack;
67
+ //# sourceMappingURL=VStack.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","View","getVariableByName","useTokens","cloneChildrenWithModes","jsx","_jsx","VStack","children","alignHorizontal","justifyVertical","wrap","reverse","as","modes","propModes","style","rest","globalModes","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","flexWrap","containerStyle","flexDirection","alignItems","justifyContent","processedChildren","viewProps"],"sourceRoot":"../../../../src","sources":["components/VStack/VStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAyC,cAAc;AACpE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,SAASC,sBAAsB,QAAQ,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoChE;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACnBC,QAAQ;EACRC,eAAe;EACfC,eAAe;EACfC,IAAI;EACJC,OAAO,GAAG,KAAK;EACfC,EAAE;EACFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEH,KAAK,EAAEI;EAAY,CAAC,GAAGf,SAAS,CAAC,CAAC;EAC1C,MAAMW,KAAK,GAAG;IAAE,GAAGI,WAAW;IAAE,GAAGH;EAAU,CAAC;EAE9C,MAAMI,UAAU,GAAGjB,iBAAiB,CAAC,oBAAoB,EAAEY,KAAK,CAAC;EACjE,MAAMM,aAAa,GAAGlB,iBAAiB,CAAC,uBAAuB,EAAEY,KAAK,CAAC;EACvE,MAAMO,WAAW,GAAGnB,iBAAiB,CAAC,qBAAqB,EAAEY,KAAK,CAAC;EACnE,MAAMQ,YAAY,GAAGpB,iBAAiB,CAAC,sBAAsB,EAAEY,KAAK,CAAC;EACrE,MAAMS,GAAG,GAAGrB,iBAAiB,CAAC,YAAY,EAAEY,KAAK,CAAC;EAElD,MAAMU,QAAQ,GAAG,OAAOb,IAAI,KAAK,SAAS,GAAIA,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAIA,IAAI;EAE9E,MAAMc,cAAyB,GAAG;IAC9BC,aAAa,EAAEd,OAAO,GAAG,gBAAgB,GAAG,QAAQ;IACpDe,UAAU,EAAElB,eAAe;IAC3BmB,cAAc,EAAElB,eAAe;IAC/Bc,QAAQ;IACRL,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC;EACJ,CAAC;;EAED;EACA,MAAMM,iBAAiB,GAAGrB,QAAQ,GAC5BJ,sBAAsB,CAACI,QAAQ,EAAEM,KAAK,CAAC,GACvC,IAAI;;EAEV;EACA;EACA;EACA;EACA;EACA,MAAMgB,SAAS,GAAG;IACd,GAAGb,IAAI;IACPJ;EACJ,CAAC;EAED,oBACIP,IAAA,CAACL,IAAI;IAACe,KAAK,EAAE,CAACS,cAAc,EAAET,KAAK,CAAE;IAAA,GAAKc,SAAS;IAAAtB,QAAA,EAC9CqB;EAAiB,CAChB,CAAC;AAEf,CAAC;AAED,eAAetB,MAAM","ignoreList":[]}
@@ -0,0 +1,44 @@
1
+ import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
2
+ import * as VStackStories from './VStack.stories';
3
+ import VStack from './VStack';
4
+
5
+ <Meta of={VStackStories} />
6
+
7
+ # VStack
8
+
9
+ `VStack` arranges its children in a vertical line. It uses design tokens for spacing and gap.
10
+
11
+
12
+ ## Available Collections and Modes
13
+
14
+ This component does not use any design token collections with multiple modes.
15
+ ## Usage
16
+
17
+ ```tsx
18
+ import { VStack } from 'jfs-components';
19
+
20
+ <VStack alignHorizontal="center" modes={{ 'vstack/gap': 16 }}>
21
+ <View>Item 1</View>
22
+ <View>Item 2</View>
23
+ </VStack>
24
+ ```
25
+
26
+ <Canvas>
27
+ <Story of={VStackStories.Default} />
28
+ </Canvas>
29
+
30
+ ## Props
31
+
32
+ <Controls of={VStackStories.Default} />
33
+
34
+ ## Design Tokens
35
+
36
+ This component uses the following design tokens, resolved through `getVariableByName`:
37
+
38
+ - **`vstack/gap`**
39
+ - **`vstack/padding/bottom`**
40
+ - **`vstack/padding/left`**
41
+ - **`vstack/padding/right`**
42
+ - **`vstack/padding/top`**
43
+
44
+ All tokens support mode-based theming through the `modes` prop.
@@ -15,6 +15,7 @@ export { default as Divider } from './Divider/Divider';
15
15
  export { default as Drawer } from './Drawer/Drawer';
16
16
  export { default as CtaCard } from './CtaCard/CtaCard';
17
17
  export { default as FilterBar } from './FilterBar/FilterBar';
18
+ export { default as HStack } from './HStack/HStack';
18
19
  export { default as IconButton } from './IconButton/IconButton';
19
20
  export { default as IconCapsule } from './IconCapsule/IconCapsule';
20
21
  export { default as LazyList } from './LazyList/LazyList';
@@ -36,4 +37,7 @@ export { default as TransactionBubble } from './TransactionBubble/TransactionBub
36
37
  export { default as TransactionDetails } from './TransactionDetails/TransactionDetails';
37
38
  export { default as TransactionStatus } from './TransactionStatus/TransactionStatus';
38
39
  export { default as UpiHandle } from './UpiHandle/UpiHandle';
40
+ export { default as VStack } from './VStack/VStack';
41
+ export { default as ChipGroup } from './ChipGroup/ChipGroup';
42
+ export { default as EmptyState } from './EmptyState/EmptyState';
39
43
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAgC,6BAA6B;AAC7F,SAASD,OAAO,IAAIE,MAAM,QAAQ,iBAAiB;AACnD,SAASF,OAAO,IAAIG,MAAM,QAA0B,iBAAiB;AACrE,SAASH,OAAO,IAAII,WAAW,QAAQ,2BAA2B;AAClE,SAASJ,OAAO,IAAIK,KAAK,QAAQ,eAAe;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,uBAAuB;AAC5D,SAASN,OAAO,IAAIO,aAAa,QAAQ,+BAA+B;AACxE,SAASP,OAAO,IAAIQ,MAAM,QAA0B,iBAAiB;AACrE,SAASR,OAAO,IAAIS,IAAI,QAAQ,aAAa;AAC7C,SAAST,OAAO,IAAIU,YAAY,QAAQ,6BAA6B;AACrE,SAASV,OAAO,IAAIW,UAAU,QAAQ,yBAAyB;AAC/D,SAASX,OAAO,IAAIY,OAAO,QAAkD,mBAAmB;AAChG,SAASZ,OAAO,IAAIa,MAAM,QAAQ,iBAAiB;AACnD,SAASb,OAAO,IAAIc,OAAO,QAAQ,mBAAmB;AACtD,SAASd,OAAO,IAAIe,SAAS,QAAQ,uBAAuB;AAC5D,SAASf,OAAO,IAAIgB,UAAU,QAAQ,yBAAyB;AAC/D,SAAShB,OAAO,IAAIiB,WAAW,QAAQ,2BAA2B;AAClE,SAASjB,OAAO,IAAIkB,QAAQ,QAAQ,qBAAqB;AACzD,SAASlB,OAAO,IAAImB,SAAS,QAAQ,uBAAuB;AAC5D,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,qBAAqB;AACzD,SAASpB,OAAO,IAAIqB,SAAS,QAAQ,uBAAuB;AAC5D,SAASrB,OAAO,IAAIsB,eAAe,QAAmC,mCAAmC;AACzG,SAAStB,OAAO,IAAIuB,UAAU,QAAQ,yBAAyB;AAC/D,SAASvB,OAAO,IAAIwB,QAAQ,QAAQ,qBAAqB;AACzD,SAASxB,OAAO,IAAIyB,SAAS,QAAQ,uBAAuB;AAC5D,SAASzB,OAAO,IAAI0B,OAAO,QAAQ,mBAAmB;AACtD,SAAS1B,OAAO,IAAI2B,OAAO,QAAQ,mBAAmB;AACtD,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAAS7B,OAAO,IAAI8B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS9B,OAAO,IAAI+B,UAAU,QAA8B,yBAAyB;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAAShC,OAAO,IAAIiC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASjC,OAAO,IAAIkC,kBAAkB,QAAQ,yCAAyC;AACvF,SAASlC,OAAO,IAAImC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASnC,OAAO,IAAIoC,SAAS,QAAQ,uBAAuB","ignoreList":[]}
1
+ {"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","HStack","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle","VStack","ChipGroup","EmptyState"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAgC,6BAA6B;AAC7F,SAASD,OAAO,IAAIE,MAAM,QAAQ,iBAAiB;AACnD,SAASF,OAAO,IAAIG,MAAM,QAA0B,iBAAiB;AACrE,SAASH,OAAO,IAAII,WAAW,QAAQ,2BAA2B;AAClE,SAASJ,OAAO,IAAIK,KAAK,QAAQ,eAAe;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,uBAAuB;AAC5D,SAASN,OAAO,IAAIO,aAAa,QAAQ,+BAA+B;AACxE,SAASP,OAAO,IAAIQ,MAAM,QAA0B,iBAAiB;AACrE,SAASR,OAAO,IAAIS,IAAI,QAAQ,aAAa;AAC7C,SAAST,OAAO,IAAIU,YAAY,QAAQ,6BAA6B;AACrE,SAASV,OAAO,IAAIW,UAAU,QAAQ,yBAAyB;AAC/D,SAASX,OAAO,IAAIY,OAAO,QAAkD,mBAAmB;AAChG,SAASZ,OAAO,IAAIa,MAAM,QAAQ,iBAAiB;AACnD,SAASb,OAAO,IAAIc,OAAO,QAAQ,mBAAmB;AACtD,SAASd,OAAO,IAAIe,SAAS,QAAQ,uBAAuB;AAC5D,SAASf,OAAO,IAAIgB,MAAM,QAA0B,iBAAiB;AACrE,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,yBAAyB;AAC/D,SAASjB,OAAO,IAAIkB,WAAW,QAAQ,2BAA2B;AAClE,SAASlB,OAAO,IAAImB,QAAQ,QAAQ,qBAAqB;AACzD,SAASnB,OAAO,IAAIoB,SAAS,QAAQ,uBAAuB;AAC5D,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,qBAAqB;AACzD,SAASrB,OAAO,IAAIsB,SAAS,QAAQ,uBAAuB;AAC5D,SAAStB,OAAO,IAAIuB,eAAe,QAAmC,mCAAmC;AACzG,SAASvB,OAAO,IAAIwB,UAAU,QAAQ,yBAAyB;AAC/D,SAASxB,OAAO,IAAIyB,QAAQ,QAAQ,qBAAqB;AACzD,SAASzB,OAAO,IAAI0B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS1B,OAAO,IAAI2B,OAAO,QAAQ,mBAAmB;AACtD,SAAS3B,OAAO,IAAI4B,OAAO,QAAQ,mBAAmB;AACtD,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAAS9B,OAAO,IAAI+B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS/B,OAAO,IAAIgC,UAAU,QAA8B,yBAAyB;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAASjC,OAAO,IAAIkC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASlC,OAAO,IAAImC,kBAAkB,QAAQ,yCAAyC;AACvF,SAASnC,OAAO,IAAIoC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASpC,OAAO,IAAIqC,SAAS,QAAQ,uBAAuB;AAC5D,SAASrC,OAAO,IAAIsC,MAAM,QAA0B,iBAAiB;AACrE,SAAStC,OAAO,IAAIuC,SAAS,QAA6B,uBAAuB;AACjF,SAASvC,OAAO,IAAIwC,UAAU,QAA8B,yBAAyB","ignoreList":[]}