jfs-components 0.0.5 → 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 (358) 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.js +10 -1
  6. package/lib/commonjs/components/ActionTile/ActionTile.js.map +1 -1
  7. package/lib/commonjs/components/ActionTile/ActionTile.mdx +5 -1
  8. package/lib/commonjs/components/AppBar/AppBar.js +109 -231
  9. package/lib/commonjs/components/AppBar/AppBar.js.map +1 -1
  10. package/lib/commonjs/components/AppBar/AppBar.mdx +51 -39
  11. package/lib/commonjs/components/Avatar/Avatar.mdx +9 -1
  12. package/lib/commonjs/components/AvatarGroup/AvatarGroup.mdx +9 -1
  13. package/lib/commonjs/components/Badge/Badge.mdx +1 -1
  14. package/lib/commonjs/components/Balance/Balance.js +77 -0
  15. package/lib/commonjs/components/Balance/Balance.js.map +1 -0
  16. package/lib/commonjs/components/Balance/Balance.mdx +62 -0
  17. package/lib/commonjs/components/BottomNav/BottomNav.js +9 -1
  18. package/lib/commonjs/components/BottomNav/BottomNav.js.map +1 -1
  19. package/lib/commonjs/components/BottomNav/BottomNav.mdx +5 -1
  20. package/lib/commonjs/components/BottomNavItem/BottomNavItem.js +9 -1
  21. package/lib/commonjs/components/BottomNavItem/BottomNavItem.js.map +1 -1
  22. package/lib/commonjs/components/BottomNavItem/BottomNavItem.mdx +5 -1
  23. package/lib/commonjs/components/Button/Button.mdx +5 -1
  24. package/lib/commonjs/components/ButtonGroup/ButtonGroup.js +64 -0
  25. package/lib/commonjs/components/ButtonGroup/ButtonGroup.js.map +1 -0
  26. package/lib/commonjs/components/ButtonGroup/ButtonGroup.mdx +56 -0
  27. package/lib/commonjs/components/Card/Card.mdx +1 -1
  28. package/lib/commonjs/components/CardFeedback/CardFeedback.mdx +5 -1
  29. package/lib/commonjs/components/ChipGroup/ChipGroup.js +54 -0
  30. package/lib/commonjs/components/ChipGroup/ChipGroup.js.map +1 -0
  31. package/lib/commonjs/components/ChipGroup/ChipGroup.mdx +40 -0
  32. package/lib/commonjs/components/ChipSelect/ChipSelect.js +103 -0
  33. package/lib/commonjs/components/ChipSelect/ChipSelect.js.map +1 -0
  34. package/lib/commonjs/components/ChipSelect/ChipSelect.mdx +80 -0
  35. package/lib/commonjs/components/CtaCard/CtaCard.js +15 -20
  36. package/lib/commonjs/components/CtaCard/CtaCard.js.map +1 -1
  37. package/lib/commonjs/components/CtaCard/CtaCard.mdx +1 -1
  38. package/lib/commonjs/components/Disclaimer/Disclaimer.js +9 -1
  39. package/lib/commonjs/components/Disclaimer/Disclaimer.js.map +1 -1
  40. package/lib/commonjs/components/Disclaimer/Disclaimer.mdx +5 -1
  41. package/lib/commonjs/components/Divider/Divider.mdx +5 -1
  42. package/lib/commonjs/components/Drawer/Drawer.mdx +9 -1
  43. package/lib/commonjs/components/EmptyState/EmptyState.js +138 -0
  44. package/lib/commonjs/components/EmptyState/EmptyState.js.map +1 -0
  45. package/lib/commonjs/components/EmptyState/EmptyState.mdx +73 -0
  46. package/lib/commonjs/components/FilterBar/FilterBar.mdx +1 -1
  47. package/lib/commonjs/components/HStack/HStack.js +67 -0
  48. package/lib/commonjs/components/HStack/HStack.js.map +1 -0
  49. package/lib/commonjs/components/HStack/HStack.mdx +44 -0
  50. package/lib/commonjs/components/IconButton/IconButton.mdx +5 -1
  51. package/lib/commonjs/components/IconCapsule/IconCapsule.js +12 -4
  52. package/lib/commonjs/components/IconCapsule/IconCapsule.js.map +1 -1
  53. package/lib/commonjs/components/IconCapsule/IconCapsule.mdx +12 -4
  54. package/lib/commonjs/components/Introduction.mdx +3 -98
  55. package/lib/commonjs/components/LazyList/LazyList.mdx +1 -1
  56. package/lib/commonjs/components/ListGroup/ListGroup.js +3 -30
  57. package/lib/commonjs/components/ListGroup/ListGroup.js.map +1 -1
  58. package/lib/commonjs/components/ListGroup/ListGroup.mdx +5 -1
  59. package/lib/commonjs/components/ListItem/ListItem.js +5 -37
  60. package/lib/commonjs/components/ListItem/ListItem.js.map +1 -1
  61. package/lib/commonjs/components/ListItem/ListItem.mdx +5 -1
  62. package/lib/commonjs/components/MediaCard/MediaCard.mdx +5 -1
  63. package/lib/commonjs/components/MerchantProfile/MerchantProfile.mdx +1 -1
  64. package/lib/commonjs/components/MoneyValue/MoneyValue.mdx +6 -2
  65. package/lib/commonjs/components/NavArrow/NavArrow.js +42 -17
  66. package/lib/commonjs/components/NavArrow/NavArrow.js.map +1 -1
  67. package/lib/commonjs/components/NavArrow/NavArrow.mdx +5 -1
  68. package/lib/commonjs/components/PageTitle/PageTitle.js +10 -1
  69. package/lib/commonjs/components/PageTitle/PageTitle.js.map +1 -1
  70. package/lib/commonjs/components/PageTitle/PageTitle.mdx +5 -1
  71. package/lib/commonjs/components/Screen/Screen.js +53 -0
  72. package/lib/commonjs/components/Screen/Screen.js.map +1 -0
  73. package/lib/commonjs/components/Screen/Screen.mdx +58 -0
  74. package/lib/commonjs/components/Section/Section.js +3 -25
  75. package/lib/commonjs/components/Section/Section.js.map +1 -1
  76. package/lib/commonjs/components/Section/Section.mdx +5 -1
  77. package/lib/commonjs/components/Stepper/Step.mdx +5 -1
  78. package/lib/commonjs/components/Stepper/StepLabel.mdx +5 -1
  79. package/lib/commonjs/components/Stepper/Stepper.mdx +1 -1
  80. package/lib/commonjs/components/SupportText/SupportText.js +83 -0
  81. package/lib/commonjs/components/SupportText/SupportText.js.map +1 -0
  82. package/lib/commonjs/components/SupportText/SupportText.mdx +48 -0
  83. package/lib/commonjs/components/SupportText/SupportTextIcon.js +47 -0
  84. package/lib/commonjs/components/SupportText/SupportTextIcon.js.map +1 -0
  85. package/lib/commonjs/components/SupportText/SupportTextIcon.mdx +35 -0
  86. package/lib/commonjs/components/SupportText/index.js +21 -0
  87. package/lib/commonjs/components/SupportText/index.js.map +1 -0
  88. package/lib/commonjs/components/TextInput/TextInput.mdx +9 -1
  89. package/lib/commonjs/components/ThreadHero/ThreadHero.mdx +1 -1
  90. package/lib/commonjs/components/Tooltip/Tooltip.mdx +5 -1
  91. package/lib/commonjs/components/TransactionBubble/TransactionBubble.mdx +1 -1
  92. package/lib/commonjs/components/TransactionDetails/TransactionDetails.js +2 -24
  93. package/lib/commonjs/components/TransactionDetails/TransactionDetails.js.map +1 -1
  94. package/lib/commonjs/components/TransactionDetails/TransactionDetails.mdx +1 -1
  95. package/lib/commonjs/components/TransactionStatus/TransactionStatus.mdx +1 -1
  96. package/lib/commonjs/components/UpiHandle/UpiHandle.js +9 -1
  97. package/lib/commonjs/components/UpiHandle/UpiHandle.js.map +1 -1
  98. package/lib/commonjs/components/UpiHandle/UpiHandle.mdx +5 -1
  99. package/lib/commonjs/components/VStack/VStack.js +73 -0
  100. package/lib/commonjs/components/VStack/VStack.js.map +1 -0
  101. package/lib/commonjs/components/VStack/VStack.mdx +44 -0
  102. package/lib/commonjs/components/index.js +28 -0
  103. package/lib/commonjs/components/index.js.map +1 -1
  104. package/lib/commonjs/design-tokens/JFS Variables-variables-full.json +1 -18633
  105. package/lib/commonjs/icons/ic_info.svg +1 -0
  106. package/lib/commonjs/icons/ic_warning.svg +1 -0
  107. package/lib/commonjs/icons/registry.js +2 -2
  108. package/lib/commonjs/icons/registry.js.map +1 -1
  109. package/lib/commonjs/utils/react-utils.js +47 -0
  110. package/lib/commonjs/utils/react-utils.js.map +1 -0
  111. package/lib/module/components/Accordion/Accordion.mdx +1 -1
  112. package/lib/module/components/ActionFooter/ActionFooter.js +2 -14
  113. package/lib/module/components/ActionFooter/ActionFooter.js.map +1 -1
  114. package/lib/module/components/ActionFooter/ActionFooter.mdx +1 -1
  115. package/lib/module/components/ActionTile/ActionTile.js +10 -1
  116. package/lib/module/components/ActionTile/ActionTile.js.map +1 -1
  117. package/lib/module/components/ActionTile/ActionTile.mdx +5 -1
  118. package/lib/module/components/AppBar/AppBar.js +109 -231
  119. package/lib/module/components/AppBar/AppBar.js.map +1 -1
  120. package/lib/module/components/AppBar/AppBar.mdx +51 -39
  121. package/lib/module/components/Avatar/Avatar.mdx +9 -1
  122. package/lib/module/components/AvatarGroup/AvatarGroup.mdx +9 -1
  123. package/lib/module/components/Badge/Badge.mdx +1 -1
  124. package/lib/module/components/Balance/Balance.js +72 -0
  125. package/lib/module/components/Balance/Balance.js.map +1 -0
  126. package/lib/module/components/Balance/Balance.mdx +62 -0
  127. package/lib/module/components/BottomNav/BottomNav.js +9 -1
  128. package/lib/module/components/BottomNav/BottomNav.js.map +1 -1
  129. package/lib/module/components/BottomNav/BottomNav.mdx +5 -1
  130. package/lib/module/components/BottomNavItem/BottomNavItem.js +9 -1
  131. package/lib/module/components/BottomNavItem/BottomNavItem.js.map +1 -1
  132. package/lib/module/components/BottomNavItem/BottomNavItem.mdx +5 -1
  133. package/lib/module/components/Button/Button.mdx +5 -1
  134. package/lib/module/components/ButtonGroup/ButtonGroup.js +59 -0
  135. package/lib/module/components/ButtonGroup/ButtonGroup.js.map +1 -0
  136. package/lib/module/components/ButtonGroup/ButtonGroup.mdx +56 -0
  137. package/lib/module/components/Card/Card.mdx +1 -1
  138. package/lib/module/components/CardFeedback/CardFeedback.mdx +5 -1
  139. package/lib/module/components/ChipGroup/ChipGroup.js +49 -0
  140. package/lib/module/components/ChipGroup/ChipGroup.js.map +1 -0
  141. package/lib/module/components/ChipGroup/ChipGroup.mdx +40 -0
  142. package/lib/module/components/ChipSelect/ChipSelect.js +98 -0
  143. package/lib/module/components/ChipSelect/ChipSelect.js.map +1 -0
  144. package/lib/module/components/ChipSelect/ChipSelect.mdx +80 -0
  145. package/lib/module/components/CtaCard/CtaCard.js +15 -20
  146. package/lib/module/components/CtaCard/CtaCard.js.map +1 -1
  147. package/lib/module/components/CtaCard/CtaCard.mdx +1 -1
  148. package/lib/module/components/Disclaimer/Disclaimer.js +9 -1
  149. package/lib/module/components/Disclaimer/Disclaimer.js.map +1 -1
  150. package/lib/module/components/Disclaimer/Disclaimer.mdx +5 -1
  151. package/lib/module/components/Divider/Divider.mdx +5 -1
  152. package/lib/module/components/Drawer/Drawer.mdx +9 -1
  153. package/lib/module/components/EmptyState/EmptyState.js +132 -0
  154. package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
  155. package/lib/module/components/EmptyState/EmptyState.mdx +73 -0
  156. package/lib/module/components/FilterBar/FilterBar.mdx +1 -1
  157. package/lib/module/components/HStack/HStack.js +61 -0
  158. package/lib/module/components/HStack/HStack.js.map +1 -0
  159. package/lib/module/components/HStack/HStack.mdx +44 -0
  160. package/lib/module/components/IconButton/IconButton.mdx +5 -1
  161. package/lib/module/components/IconCapsule/IconCapsule.js +12 -4
  162. package/lib/module/components/IconCapsule/IconCapsule.js.map +1 -1
  163. package/lib/module/components/IconCapsule/IconCapsule.mdx +12 -4
  164. package/lib/module/components/Introduction.mdx +3 -98
  165. package/lib/module/components/LazyList/LazyList.mdx +1 -1
  166. package/lib/module/components/ListGroup/ListGroup.js +1 -30
  167. package/lib/module/components/ListGroup/ListGroup.js.map +1 -1
  168. package/lib/module/components/ListGroup/ListGroup.mdx +5 -1
  169. package/lib/module/components/ListItem/ListItem.js +1 -35
  170. package/lib/module/components/ListItem/ListItem.js.map +1 -1
  171. package/lib/module/components/ListItem/ListItem.mdx +5 -1
  172. package/lib/module/components/MediaCard/MediaCard.mdx +5 -1
  173. package/lib/module/components/MerchantProfile/MerchantProfile.mdx +1 -1
  174. package/lib/module/components/MoneyValue/MoneyValue.mdx +6 -2
  175. package/lib/module/components/NavArrow/NavArrow.js +42 -17
  176. package/lib/module/components/NavArrow/NavArrow.js.map +1 -1
  177. package/lib/module/components/NavArrow/NavArrow.mdx +5 -1
  178. package/lib/module/components/PageTitle/PageTitle.js +10 -1
  179. package/lib/module/components/PageTitle/PageTitle.js.map +1 -1
  180. package/lib/module/components/PageTitle/PageTitle.mdx +5 -1
  181. package/lib/module/components/Screen/Screen.js +47 -0
  182. package/lib/module/components/Screen/Screen.js.map +1 -0
  183. package/lib/module/components/Screen/Screen.mdx +58 -0
  184. package/lib/module/components/Section/Section.js +1 -23
  185. package/lib/module/components/Section/Section.js.map +1 -1
  186. package/lib/module/components/Section/Section.mdx +5 -1
  187. package/lib/module/components/Stepper/Step.mdx +5 -1
  188. package/lib/module/components/Stepper/StepLabel.mdx +5 -1
  189. package/lib/module/components/Stepper/Stepper.mdx +1 -1
  190. package/lib/module/components/SupportText/SupportText.js +78 -0
  191. package/lib/module/components/SupportText/SupportText.js.map +1 -0
  192. package/lib/module/components/SupportText/SupportText.mdx +48 -0
  193. package/lib/module/components/SupportText/SupportTextIcon.js +42 -0
  194. package/lib/module/components/SupportText/SupportTextIcon.js.map +1 -0
  195. package/lib/module/components/SupportText/SupportTextIcon.mdx +35 -0
  196. package/lib/module/components/SupportText/index.js +5 -0
  197. package/lib/module/components/SupportText/index.js.map +1 -0
  198. package/lib/module/components/TextInput/TextInput.mdx +9 -1
  199. package/lib/module/components/ThreadHero/ThreadHero.mdx +1 -1
  200. package/lib/module/components/Tooltip/Tooltip.mdx +5 -1
  201. package/lib/module/components/TransactionBubble/TransactionBubble.mdx +1 -1
  202. package/lib/module/components/TransactionDetails/TransactionDetails.js +2 -26
  203. package/lib/module/components/TransactionDetails/TransactionDetails.js.map +1 -1
  204. package/lib/module/components/TransactionDetails/TransactionDetails.mdx +1 -1
  205. package/lib/module/components/TransactionStatus/TransactionStatus.mdx +1 -1
  206. package/lib/module/components/UpiHandle/UpiHandle.js +9 -1
  207. package/lib/module/components/UpiHandle/UpiHandle.js.map +1 -1
  208. package/lib/module/components/UpiHandle/UpiHandle.mdx +5 -1
  209. package/lib/module/components/VStack/VStack.js +67 -0
  210. package/lib/module/components/VStack/VStack.js.map +1 -0
  211. package/lib/module/components/VStack/VStack.mdx +44 -0
  212. package/lib/module/components/index.js +4 -0
  213. package/lib/module/components/index.js.map +1 -1
  214. package/lib/module/design-tokens/JFS Variables-variables-full.json +1 -18633
  215. package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
  216. package/lib/module/design-tokens/figma-variables-resolver.js.map +1 -1
  217. package/lib/module/icons/ic_info.svg +1 -0
  218. package/lib/module/icons/ic_warning.svg +1 -0
  219. package/lib/module/icons/registry.js +2 -2
  220. package/lib/module/icons/registry.js.map +1 -1
  221. package/lib/module/utils/react-utils.js +43 -0
  222. package/lib/module/utils/react-utils.js.map +1 -0
  223. package/lib/typescript/components/ActionFooter/ActionFooter.d.ts.map +1 -1
  224. package/lib/typescript/components/ActionTile/ActionTile.d.ts +1 -1
  225. package/lib/typescript/components/ActionTile/ActionTile.d.ts.map +1 -1
  226. package/lib/typescript/components/AppBar/AppBar.d.ts +34 -68
  227. package/lib/typescript/components/AppBar/AppBar.d.ts.map +1 -1
  228. package/lib/typescript/components/Balance/Balance.d.ts +44 -0
  229. package/lib/typescript/components/Balance/Balance.d.ts.map +1 -0
  230. package/lib/typescript/components/BottomNav/BottomNav.d.ts +1 -1
  231. package/lib/typescript/components/BottomNav/BottomNav.d.ts.map +1 -1
  232. package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts +1 -1
  233. package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts.map +1 -1
  234. package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts +36 -0
  235. package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
  236. package/lib/typescript/components/ChipGroup/ChipGroup.d.ts +29 -0
  237. package/lib/typescript/components/ChipGroup/ChipGroup.d.ts.map +1 -0
  238. package/lib/typescript/components/ChipSelect/ChipSelect.d.ts +47 -0
  239. package/lib/typescript/components/ChipSelect/ChipSelect.d.ts.map +1 -0
  240. package/lib/typescript/components/CtaCard/CtaCard.d.ts +1 -1
  241. package/lib/typescript/components/CtaCard/CtaCard.d.ts.map +1 -1
  242. package/lib/typescript/components/Disclaimer/Disclaimer.d.ts +1 -1
  243. package/lib/typescript/components/Disclaimer/Disclaimer.d.ts.map +1 -1
  244. package/lib/typescript/components/EmptyState/EmptyState.d.ts +38 -0
  245. package/lib/typescript/components/EmptyState/EmptyState.d.ts.map +1 -0
  246. package/lib/typescript/components/HStack/HStack.d.ts +41 -0
  247. package/lib/typescript/components/HStack/HStack.d.ts.map +1 -0
  248. package/lib/typescript/components/IconCapsule/IconCapsule.d.ts +1 -1
  249. package/lib/typescript/components/IconCapsule/IconCapsule.d.ts.map +1 -1
  250. package/lib/typescript/components/ListGroup/ListGroup.d.ts.map +1 -1
  251. package/lib/typescript/components/ListItem/ListItem.d.ts.map +1 -1
  252. package/lib/typescript/components/NavArrow/NavArrow.d.ts +3 -3
  253. package/lib/typescript/components/NavArrow/NavArrow.d.ts.map +1 -1
  254. package/lib/typescript/components/PageTitle/PageTitle.d.ts +1 -1
  255. package/lib/typescript/components/PageTitle/PageTitle.d.ts.map +1 -1
  256. package/lib/typescript/components/Screen/Screen.d.ts +23 -0
  257. package/lib/typescript/components/Screen/Screen.d.ts.map +1 -0
  258. package/lib/typescript/components/Section/Section.d.ts.map +1 -1
  259. package/lib/typescript/components/SupportText/SupportText.d.ts +34 -0
  260. package/lib/typescript/components/SupportText/SupportText.d.ts.map +1 -0
  261. package/lib/typescript/components/SupportText/SupportTextIcon.d.ts +10 -0
  262. package/lib/typescript/components/SupportText/SupportTextIcon.d.ts.map +1 -0
  263. package/lib/typescript/components/SupportText/index.d.ts +3 -0
  264. package/lib/typescript/components/SupportText/index.d.ts.map +1 -0
  265. package/lib/typescript/components/TransactionDetails/TransactionDetails.d.ts.map +1 -1
  266. package/lib/typescript/components/UpiHandle/UpiHandle.d.ts +1 -1
  267. package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map +1 -1
  268. package/lib/typescript/components/VStack/VStack.d.ts +41 -0
  269. package/lib/typescript/components/VStack/VStack.d.ts.map +1 -0
  270. package/lib/typescript/components/index.d.ts +4 -0
  271. package/lib/typescript/components/index.d.ts.map +1 -1
  272. package/lib/typescript/icons/registry.d.ts +1 -1
  273. package/lib/typescript/icons/registry.d.ts.map +1 -1
  274. package/lib/typescript/utils/react-utils.d.ts +7 -0
  275. package/lib/typescript/utils/react-utils.d.ts.map +1 -0
  276. package/package.json +7 -5
  277. package/src/components/.token-metadata.json +468 -12
  278. package/src/components/Accordion/Accordion.mdx +1 -1
  279. package/src/components/ActionFooter/ActionFooter.mdx +1 -1
  280. package/src/components/ActionFooter/ActionFooter.tsx +3 -12
  281. package/src/components/ActionTile/ActionTile.mdx +5 -1
  282. package/src/components/ActionTile/ActionTile.tsx +5 -1
  283. package/src/components/AppBar/AppBar.mdx +51 -39
  284. package/src/components/AppBar/AppBar.tsx +149 -263
  285. package/src/components/Avatar/Avatar.mdx +9 -1
  286. package/src/components/AvatarGroup/AvatarGroup.mdx +9 -1
  287. package/src/components/Badge/Badge.mdx +1 -1
  288. package/src/components/Balance/Balance.mdx +62 -0
  289. package/src/components/Balance/Balance.tsx +107 -0
  290. package/src/components/BottomNav/BottomNav.mdx +5 -1
  291. package/src/components/BottomNav/BottomNav.tsx +6 -3
  292. package/src/components/BottomNavItem/BottomNavItem.mdx +5 -1
  293. package/src/components/BottomNavItem/BottomNavItem.tsx +19 -16
  294. package/src/components/Button/Button.mdx +5 -1
  295. package/src/components/ButtonGroup/ButtonGroup.mdx +56 -0
  296. package/src/components/ButtonGroup/ButtonGroup.tsx +78 -0
  297. package/src/components/Card/Card.mdx +1 -1
  298. package/src/components/CardFeedback/CardFeedback.mdx +5 -1
  299. package/src/components/ChipGroup/ChipGroup.mdx +40 -0
  300. package/src/components/ChipGroup/ChipGroup.tsx +67 -0
  301. package/src/components/ChipSelect/ChipSelect.mdx +80 -0
  302. package/src/components/ChipSelect/ChipSelect.tsx +138 -0
  303. package/src/components/CtaCard/CtaCard.mdx +1 -1
  304. package/src/components/CtaCard/CtaCard.tsx +16 -21
  305. package/src/components/Disclaimer/Disclaimer.mdx +5 -1
  306. package/src/components/Disclaimer/Disclaimer.tsx +6 -3
  307. package/src/components/Divider/Divider.mdx +5 -1
  308. package/src/components/Drawer/Drawer.mdx +9 -1
  309. package/src/components/EmptyState/EmptyState.mdx +73 -0
  310. package/src/components/EmptyState/EmptyState.tsx +181 -0
  311. package/src/components/FilterBar/FilterBar.mdx +1 -1
  312. package/src/components/HStack/HStack.mdx +44 -0
  313. package/src/components/HStack/HStack.tsx +95 -0
  314. package/src/components/IconButton/IconButton.mdx +5 -1
  315. package/src/components/IconCapsule/IconCapsule.mdx +12 -4
  316. package/src/components/IconCapsule/IconCapsule.tsx +13 -10
  317. package/src/components/Introduction.mdx +3 -98
  318. package/src/components/LazyList/LazyList.mdx +1 -1
  319. package/src/components/ListGroup/ListGroup.mdx +5 -1
  320. package/src/components/ListGroup/ListGroup.tsx +5 -43
  321. package/src/components/ListItem/ListItem.mdx +5 -1
  322. package/src/components/ListItem/ListItem.tsx +15 -60
  323. package/src/components/MediaCard/MediaCard.mdx +5 -1
  324. package/src/components/MerchantProfile/MerchantProfile.mdx +1 -1
  325. package/src/components/MoneyValue/MoneyValue.mdx +6 -2
  326. package/src/components/NavArrow/NavArrow.mdx +5 -1
  327. package/src/components/NavArrow/NavArrow.tsx +48 -16
  328. package/src/components/PageTitle/PageTitle.mdx +5 -1
  329. package/src/components/PageTitle/PageTitle.tsx +8 -4
  330. package/src/components/Screen/Screen.mdx +58 -0
  331. package/src/components/Screen/Screen.tsx +60 -0
  332. package/src/components/Section/Section.mdx +5 -1
  333. package/src/components/Section/Section.tsx +17 -46
  334. package/src/components/Stepper/Step.mdx +5 -1
  335. package/src/components/Stepper/StepLabel.mdx +5 -1
  336. package/src/components/Stepper/Stepper.mdx +1 -1
  337. package/src/components/SupportText/SupportText.mdx +48 -0
  338. package/src/components/SupportText/SupportText.tsx +104 -0
  339. package/src/components/SupportText/SupportTextIcon.mdx +35 -0
  340. package/src/components/SupportText/SupportTextIcon.tsx +45 -0
  341. package/src/components/SupportText/index.ts +2 -0
  342. package/src/components/TextInput/TextInput.mdx +9 -1
  343. package/src/components/ThreadHero/ThreadHero.mdx +1 -1
  344. package/src/components/Tooltip/Tooltip.mdx +5 -1
  345. package/src/components/TransactionBubble/TransactionBubble.mdx +1 -1
  346. package/src/components/TransactionDetails/TransactionDetails.mdx +1 -1
  347. package/src/components/TransactionDetails/TransactionDetails.tsx +1 -38
  348. package/src/components/TransactionStatus/TransactionStatus.mdx +1 -1
  349. package/src/components/UpiHandle/UpiHandle.mdx +5 -1
  350. package/src/components/UpiHandle/UpiHandle.tsx +4 -1
  351. package/src/components/VStack/VStack.mdx +44 -0
  352. package/src/components/VStack/VStack.tsx +100 -0
  353. package/src/components/index.ts +4 -0
  354. package/src/design-tokens/JFS Variables-variables-full.json +1 -18633
  355. package/src/icons/ic_info.svg +1 -0
  356. package/src/icons/ic_warning.svg +1 -0
  357. package/src/icons/registry.ts +9 -1
  358. 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 AccordionStories from './Accordion.stories';
3
3
  import Accordion from './Accordion';
4
4
  import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
10
+ var _reactUtils = require("../../utils/react-utils");
10
11
  var _jsxRuntime = require("react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  /**
@@ -96,20 +97,7 @@ function ActionFooter({
96
97
  } : {};
97
98
 
98
99
  // Pass modes prop to all slot children
99
- const childrenWithModes = _react.default.Children.map(children, child => {
100
- if (/*#__PURE__*/_react.default.isValidElement(child)) {
101
- // Merge modes: child's modes take precedence over parent's modes
102
- const childModes = child.props.modes;
103
- const mergedModes = childModes ? {
104
- ...modes,
105
- ...childModes
106
- } : modes;
107
- return /*#__PURE__*/_react.default.cloneElement(child, {
108
- modes: mergedModes
109
- });
110
- }
111
- return child;
112
- });
100
+ const childrenWithModes = (0, _reactUtils.cloneChildrenWithModes)(children, modes);
113
101
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
114
102
  style: [containerStyle, webShadow, style],
115
103
  accessibilityRole: "toolbar",
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","ActionFooter","children","modes","style","accessibilityLabel","backgroundColor","getVariableByName","gap","paddingHorizontal","paddingTop","paddingBottom","shadowStyle","Platform","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","containerStyle","paddingLeft","paddingRight","slotStyle","flexDirection","alignItems","flex","webShadow","OS","boxShadow","childrenWithModes","React","Children","map","child","isValidElement","childModes","props","mergedModes","cloneElement","jsx","View","accessibilityRole","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ActionFooter/ActionFooter.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_reactUtils","_jsxRuntime","e","__esModule","default","ActionFooter","children","modes","style","accessibilityLabel","backgroundColor","getVariableByName","gap","paddingHorizontal","paddingTop","paddingBottom","shadowStyle","Platform","select","ios","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","containerStyle","paddingLeft","paddingRight","slotStyle","flexDirection","alignItems","flex","webShadow","OS","boxShadow","childrenWithModes","cloneChildrenWithModes","jsx","View","accessibilityRole","_default","exports"],"sourceRoot":"../../../../src","sources":["components/ActionFooter/ActionFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAgE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAuBhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,YAAYA,CAAC;EACpBC,QAAQ;EACRC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,kBAAkB,GAAG;AACJ,CAAC,EAAE;EACpB;EACA,MAAMC,eAAe,GAAG,IAAAC,yCAAiB,EAAC,yBAAyB,EAAEJ,KAAK,CAAC,IAAI,SAAS;EACxF,MAAMK,GAAG,GAAG,IAAAD,yCAAiB,EAAC,kBAAkB,EAAEJ,KAAK,CAAC,IAAI,CAAC;EAC7D,MAAMM,iBAAiB,GAAG,IAAAF,yCAAiB,EAAC,iCAAiC,EAAEJ,KAAK,CAAC,IAAI,EAAE;EAC3F,MAAMO,UAAU,GAAG,IAAAH,yCAAiB,EAAC,0BAA0B,EAAEJ,KAAK,CAAC,IAAI,EAAE;EAC7E,MAAMQ,aAAa,GAAG,IAAAJ,yCAAiB,EAAC,6BAA6B,EAAEJ,KAAK,CAAC,IAAI,EAAE;;EAEnF;EACA,MAAMS,WAAsB,GAAGC,qBAAQ,CAACC,MAAM,CAAC;IAC7CC,GAAG,EAAE;MACHC,WAAW,EAAE,qBAAqB;MAClCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAG,CAAC;MACvCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,SAAS,EAAE;IACb,CAAC;IACDvB,OAAO,EAAE;MACP;IAAA;EAEJ,CAAC,CAAc;EAEf,MAAMwB,cAAyB,GAAG;IAChClB,eAAe;IACfmB,WAAW,EAAEhB,iBAAiB;IAC9BiB,YAAY,EAAEjB,iBAAiB;IAC/BC,UAAU;IACVC,aAAa;IACb,GAAGC;EACL,CAAC;;EAED;EACA,MAAMe,SAAoB,GAAG;IAC3BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBrB,GAAG;IACHsB,IAAI,EAAE;EACR,CAAC;;EAED;EACA,MAAMC,SAAS,GAAGlB,qBAAQ,CAACmB,EAAE,KAAK,KAAK,GACnC;IAAEC,SAAS,EAAE;EAAuF,CAAC,GACrG,CAAC,CAAC;;EAEN;EACA,MAAMC,iBAAiB,GAAG,IAAAC,kCAAsB,EAACjC,QAAQ,EAAEC,KAAK,CAAC;EAEjE,oBACE,IAAAN,WAAA,CAAAuC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;IACHjC,KAAK,EAAE,CAACoB,cAAc,EAAEO,SAAS,EAAE3B,KAAK,CAAE;IAC1CkC,iBAAiB,EAAC,SAAS;IAC3BjC,kBAAkB,EAAEA,kBAAmB;IAAAH,QAAA,eAEvC,IAAAL,WAAA,CAAAuC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;MAACjC,KAAK,EAAEuB,SAAU;MAAAzB,QAAA,EACpBgC;IAAiB,CACd;EAAC,CACH,CAAC;AAEX;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEcC,YAAY","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 ActionFooterStories from './ActionFooter.stories';
3
3
  import ActionFooter from './ActionFooter';
4
4
 
@@ -7,6 +7,7 @@ exports.default = ActionTile;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
10
+ var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
10
11
  var _IconCapsule = _interopRequireDefault(require("../IconCapsule/IconCapsule"));
11
12
  var _jsxRuntime = require("react/jsx-runtime");
12
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -19,10 +20,18 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
19
20
  function ActionTile({
20
21
  label = 'Cards',
21
22
  icon,
22
- modes = {},
23
+ modes: propModes = {},
23
24
  style,
24
25
  onPress
25
26
  }) {
27
+ const {
28
+ modes: globalModes
29
+ } = (0, _JFSThemeProvider.useTokens)();
30
+ const modes = {
31
+ ...globalModes,
32
+ ...propModes
33
+ };
34
+
26
35
  // Resolve tokens
27
36
  const backgroundColor = (0, _figmaVariablesResolver.getVariableByName)('actionTile/background', modes) || '#ffffff';
28
37
  const gap = Number((0, _figmaVariablesResolver.getVariableByName)('actionTile/gap', modes)) || 8;
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_IconCapsule","_jsxRuntime","e","__esModule","default","ActionTile","label","icon","modes","style","onPress","backgroundColor","getVariableByName","gap","Number","paddingHorizontal","paddingVertical","radius","textColor","fontSize","fontFamily","fontWeightStr","lineHeight","containerStyle","borderRadius","width","height","alignItems","textStyle","color","fontWeight","renderIcon","React","isValidElement","cloneElement","jsx","Content","jsxs","View","children","Text","TouchableOpacity"],"sourceRoot":"../../../../src","sources":["components/ActionTile/ActionTile.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_IconCapsule","_jsxRuntime","e","__esModule","default","ActionTile","label","icon","modes","propModes","style","onPress","globalModes","useTokens","backgroundColor","getVariableByName","gap","Number","paddingHorizontal","paddingVertical","radius","textColor","fontSize","fontFamily","fontWeightStr","lineHeight","containerStyle","borderRadius","width","height","alignItems","textStyle","color","fontWeight","renderIcon","React","isValidElement","cloneElement","jsx","Content","jsxs","View","children","Text","TouchableOpacity"],"sourceRoot":"../../../../src","sources":["components/ActionTile/ActionTile.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,4 @@
1
- import { Meta, Story, Canvas, PureArgsTable as Controls } from '@storybook/addon-docs/blocks';
1
+ import { Meta, Story, Canvas, PureArgsTable as Controls } from '@storybook/blocks';
2
2
  import * as ActionTileStories from './ActionTile.stories';
3
3
 
4
4
  <Meta of={ActionTileStories} />
@@ -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
  ```tsx
@@ -3,19 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.AppBarHome = AppBarHome;
7
- exports.default = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
6
+ exports.default = AppBar;
7
+ var _react = _interopRequireDefault(require("react"));
9
8
  var _reactNative = require("react-native");
10
9
  var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
11
- var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
12
- var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
10
+ var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
11
+ var _NavArrow = _interopRequireDefault(require("../NavArrow/NavArrow"));
13
12
  var _jsxRuntime = require("react/jsx-runtime");
14
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
14
+ // We might need to import Image or Svg if we had the assets locally, but for now we'll use placeholders or standard icons for defaults.
15
+ // The user prompt mentioned "Use getVariableByName... strict camelCase".
16
+
16
17
  /**
17
18
  * Helper function to recursively clone children and pass modes prop to components that accept it.
18
- * This ensures that all child components in slots receive the modes prop from the parent.
19
19
  */function cloneChildrenWithModes(children, modes) {
20
20
  return _react.default.Children.map(children, child => {
21
21
  if (! /*#__PURE__*/_react.default.isValidElement(child)) {
@@ -28,7 +28,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
28
28
 
29
29
  // Clone the child with modes prop if it doesn't already have one
30
30
  // or merge with existing modes if it does
31
- // Merge order: parent modes first, then child's explicit modes override them
32
31
  const existingModes = child.props?.modes;
33
32
  const mergedModes = existingModes ? {
34
33
  ...modes,
@@ -45,126 +44,123 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
45
44
  }, processedChildren);
46
45
  })?.filter(child => child !== null && child !== undefined) ?? [];
47
46
  }
48
-
49
- /**
50
- * AppBar component that mirrors the Figma "AppBar" component.
51
- *
52
- * This component supports:
53
- * - **leading** IconButton (default: back button with ic_chevron_left)
54
- * - **middle** slot for custom content (typically title or search)
55
- * - **actions** slot for custom action buttons (default: two IconButtons)
56
- * - **design-token driven styling** via `getVariableByName` and `modes`
57
- *
58
- * Wherever the Figma layer name contains "Slot", this component exposes a
59
- * dedicated React "slot" prop:
60
- * - Slot "Middle" → `middleSlot`
61
- * - Slot "Actions" → `actionsSlot`
62
- *
63
- * @component
64
- * @param {Object} props
65
- * @param {React.ReactNode} [props.leading] - Optional leading element. Defaults to IconButton with ic_chevron_left.
66
- * @param {React.ReactNode} [props.middleSlot] - Optional custom slot for middle content (Figma Slot "Middle").
67
- * @param {React.ReactNode} [props.actionsSlot] - Optional custom slot for action buttons (Figma Slot "Actions").
68
- * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens.
69
- * @param {Function} [props.onLeadingPress] - Callback when leading button is pressed (only used if leading is not provided).
70
- * @param {Object} [props.style] - Optional container style overrides.
71
- * @param {string} [props.accessibilityLabel] - Accessibility label for the app bar
72
- * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
73
- */
74
-
75
47
  function AppBar({
76
- leading,
48
+ type = 'MainPage',
49
+ leadingSlot,
77
50
  middleSlot,
78
51
  actionsSlot,
79
- modes = {},
52
+ modes: propModes = {},
80
53
  onLeadingPress,
81
54
  style,
82
- accessibilityLabel = "App bar",
55
+ accessibilityLabel,
83
56
  accessibilityHint,
84
57
  ...rest
85
58
  }) {
86
- const [childFocused, setChildFocused] = (0, _react.useState)(false);
87
- function injectFocusHandlers(node) {
88
- if (! /*#__PURE__*/_react.default.isValidElement(node)) return node;
89
- const existingOnFocus = node.props?.onFocus;
90
- const existingOnBlur = node.props?.onBlur;
91
- return /*#__PURE__*/_react.default.cloneElement(node, {
92
- ...node.props,
93
- onFocus: e => {
94
- setChildFocused(true);
95
- existingOnFocus?.(e);
96
- },
97
- onBlur: e => {
98
- setChildFocused(false);
99
- existingOnBlur?.(e);
100
- }
101
- });
102
- }
103
- // Resolve container tokens
104
- const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('appBarActions/padding/horizontal', modes) ?? 16;
105
- const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('appBarActions/padding/vertical', modes) ?? 10;
106
- const actionsGap = (0, _figmaVariablesResolver.getVariableByName)('appBarActions/actions/gap', modes) ?? 8;
59
+ const {
60
+ modes: globalModes
61
+ } = (0, _JFSThemeProvider.useTokens)();
62
+ const modes = {
63
+ ...globalModes,
64
+ ...propModes
65
+ };
66
+ const isMain = type === 'MainPage';
67
+ const isSub = type === 'SubPage';
68
+
69
+ // --- Tokens ---
70
+ // Construct token keys based on type. keys must be camelCase as per instruction.
71
+ // We use explicit string literals so that the extraction script can find them.
72
+ const paddingHorizontal = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/padding/horizontal', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/padding/horizontal', modes);
73
+ const paddingVertical = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/padding/vertical', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/padding/vertical', modes);
74
+ const backgroundColor = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/background', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/background', modes);
75
+ const actionsGap = isMain ? (0, _figmaVariablesResolver.getVariableByName)('appBar/mainPage/actions/gap', modes) : (0, _figmaVariablesResolver.getVariableByName)('appBar/subPage/actions/gap', modes);
76
+
77
+ // Layout styles
107
78
  const containerStyle = {
108
79
  flexDirection: 'row',
109
80
  alignItems: 'center',
110
81
  justifyContent: 'space-between',
111
- paddingHorizontal,
112
- paddingVertical,
113
- minHeight: 52
82
+ paddingHorizontal: paddingHorizontal ?? 16,
83
+ paddingVertical: paddingVertical ?? (isMain ? 16 : 10),
84
+ backgroundColor: backgroundColor ?? '#FFFFFF'
85
+ // We can set minHeight if we want to enforce consistency, but padding should dictate it mostly.
86
+ // Figma shows specific heights implicitly via padding + content.
87
+ // MainPage: h=68 (16 top/bot padding? 36 height content?)
88
+ // SubPage: h=52
114
89
  };
115
- const actionsRowStyle = {
116
- flexDirection: 'row',
117
- gap: actionsGap,
118
- alignItems: 'center'
119
- };
120
-
121
- // Default leading: IconButton with back icon
122
- const defaultLeading = leading ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
123
- iconName: "ic_chevron_left",
124
- modes: modes,
125
- ...(onLeadingPress !== undefined ? {
126
- onPress: onLeadingPress
127
- } : {}),
128
- accessibilityLabel: "Go back",
129
- accessibilityHint: "Navigates to the previous screen"
130
- });
131
90
 
132
- // Default actions: Two IconButtons
133
- const defaultActions = actionsSlot ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
134
- style: actionsRowStyle,
135
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
136
- iconName: "ic_hellojio",
137
- modes: modes,
138
- onPress: () => {},
139
- accessibilityLabel: "Hello Jio",
140
- accessibilityHint: "Opens Hello Jio menu"
141
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
142
- iconName: "ic_more_horizontal",
143
- modes: modes,
144
- onPress: () => {},
145
- accessibilityLabel: "More options",
146
- accessibilityHint: "Opens additional options menu"
147
- })]
148
- });
91
+ // --- Leading Slot Default ---
92
+ // SubPage default: Back Arrow
93
+ // MainPage default: Jio Logo (We'll use a placeholder or basic text if no asset,
94
+ // but looking at "AppBarHome" before, it had "ic_hellojio". Let's stick to generic defaults or empty if not provided,
95
+ // but usually a component library provides sensible defaults.)
96
+
97
+ // Actually, let's implement the specific defaults mentioned in the plan/analysis
98
+ // SubPage: NavArrow props (icon, etc). We'll use IconButton with 'ic_chevron_left' as a close approximation.
99
+
100
+ let defaultLeading = null;
101
+ if (leadingSlot === undefined) {
102
+ if (isSub) {
103
+ defaultLeading = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
104
+ ...(onLeadingPress ? {
105
+ onPress: onLeadingPress
106
+ } : {}),
107
+ hitSlop: 8,
108
+ accessibilityRole: "button",
109
+ accessibilityLabel: "Back",
110
+ style: ({
111
+ pressed
112
+ }) => ({
113
+ opacity: pressed ? 0.7 : 1,
114
+ alignItems: 'center',
115
+ justifyContent: 'center'
116
+ }),
117
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavArrow.default, {
118
+ direction: "Back",
119
+ modes: modes
120
+ })
121
+ });
122
+ } else {
123
+ // MainPage default leading: often the Brand Logo.
124
+ // We'll leave it empty or render a placeholder if desired, but standard AppBar often lets consumer pass logo.
125
+ // Previous code had `leadingIconName='ic_hellojio'` for Home.
126
+ // We will render nothing by default for MainPage leading to keep it flexible, OR a specialized Logo component if we had one.
127
+ // For now, let's assume consumer passes it for MainPage, or we leave empty.
128
+ // Wait, Figma screenshot shows "Jio" logo.
129
+ // The user said: "mostly token namings are 'camelCase'. Maximize existing component usage."
130
+ // I'll leave defaultLeading as null for MainPage unless I have a "BrandLogo" component.
131
+ }
132
+ }
149
133
 
150
- // Clone slot children and pass modes to all children that accept it
151
- const processedMiddleSlot = middleSlot ? cloneChildrenWithModes(_react.default.Children.toArray(middleSlot), modes) : null;
152
- const processedActionsSlot = actionsSlot ? cloneChildrenWithModes(_react.default.Children.toArray(actionsSlot), modes) : defaultActions;
134
+ // --- Process Slots ---
135
+ const processedLeading = leadingSlot ? cloneChildrenWithModes([leadingSlot], modes)[0] : defaultLeading;
136
+ const processedMiddle = middleSlot ? cloneChildrenWithModes(_react.default.Children.toArray(middleSlot), modes) : null;
153
137
 
154
- // Process leading if it's a React element
155
- const processedLeading = /*#__PURE__*/_react.default.isValidElement(leading) ? injectFocusHandlers(cloneChildrenWithModes([leading], modes)[0]) : defaultLeading;
138
+ // Actions Gap wrapper
139
+ // The Figma has "Actions" slot with a gap.
140
+ const actionsStyle = {
141
+ flexDirection: 'row',
142
+ alignItems: 'center',
143
+ gap: actionsGap ?? 0
144
+ };
145
+ const processedActions = actionsSlot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
146
+ style: actionsStyle,
147
+ children: cloneChildrenWithModes(_react.default.Children.toArray(actionsSlot), modes)
148
+ }) : null;
156
149
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
157
- style: [containerStyle, childFocused ? {
158
- borderBottomWidth: 2,
159
- borderBottomColor: '#222'
160
- } : null, style],
150
+ style: [containerStyle, style],
161
151
  accessibilityRole: "header",
162
- accessibilityLabel: accessibilityLabel,
163
- ...(accessibilityHint !== undefined ? {
152
+ accessibilityLabel: accessibilityLabel || (isMain ? "Main Header" : "Sub Header"),
153
+ ...(accessibilityHint ? {
164
154
  accessibilityHint
165
155
  } : {}),
166
156
  ...rest,
167
- children: [processedLeading, processedMiddleSlot && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
157
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
158
+ style: {
159
+ flexDirection: 'row',
160
+ alignItems: 'center'
161
+ },
162
+ children: processedLeading
163
+ }), processedMiddle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
168
164
  style: {
169
165
  position: 'absolute',
170
166
  left: 0,
@@ -173,133 +169,15 @@ function AppBar({
173
169
  bottom: 0,
174
170
  alignItems: 'center',
175
171
  justifyContent: 'center',
176
- paddingHorizontal: 21,
177
- pointerEvents: 'box-none'
172
+ zIndex: -1 // Behind actions if overlap? Or should be on top?
173
+ // Usually middle title shouldn't block actions. `pointerEvents="box-none"` is safer.
178
174
  },
179
- accessibilityElementsHidden: true,
180
- importantForAccessibility: "no",
181
- children: processedMiddleSlot
175
+ pointerEvents: "box-none",
176
+ children: processedMiddle
182
177
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
183
- style: actionsRowStyle,
184
- children: Array.isArray(processedActionsSlot) ? processedActionsSlot.map(n => injectFocusHandlers(n)) : injectFocusHandlers(processedActionsSlot)
185
- })]
186
- });
187
- }
188
-
189
- /**
190
- * AppBarHome component that mirrors the Figma "AppBar.home" component.
191
- *
192
- * This component supports:
193
- * - **leading** IconButton (default: circular button with customizable icon)
194
- * - **actions** slot for custom action buttons (default: search and notification IconButtons)
195
- * - **avatar** Avatar component on the right
196
- * - **design-token driven styling** via `getVariableByName` and `modes`
197
- *
198
- * Wherever the Figma layer name contains "Slot", this component exposes a
199
- * dedicated React "slot" prop:
200
- * - Slot "Actions" → `actionsSlot`
201
- *
202
- * @component
203
- * @param {Object} props
204
- * @param {React.ReactNode} [props.leading] - Optional leading element. Defaults to IconButton with customizable icon.
205
- * @param {React.ReactNode} [props.actionsSlot] - Optional custom slot for action buttons (Figma Slot "Actions").
206
- * @param {Object} [props.modes={}] - Modes object passed to `getVariableByName` for all design tokens.
207
- * @param {Function} [props.onLeadingPress] - Callback when leading button is pressed (only used if leading is not provided).
208
- * @param {string} [props.leadingIconName] - Icon name for default leading button (default: 'ic_hellojio').
209
- * @param {Object} [props.avatarProps] - Props to pass to Avatar component.
210
- * @param {Object} [props.style] - Optional container style overrides.
211
- * @param {string} [props.accessibilityLabel] - Accessibility label for the app bar
212
- * @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
213
- */
214
-
215
- function AppBarHome({
216
- leading,
217
- actionsSlot,
218
- modes = {},
219
- onLeadingPress,
220
- leadingIconName = 'ic_hellojio',
221
- avatarProps,
222
- style,
223
- accessibilityLabel = "Home app bar",
224
- accessibilityHint,
225
- ...rest
226
- }) {
227
- // Resolve container tokens
228
- const paddingHorizontal = (0, _figmaVariablesResolver.getVariableByName)('appBarHome/padding/horizontal', modes) ?? 16;
229
- const paddingVertical = (0, _figmaVariablesResolver.getVariableByName)('appBarHome/padding/vertical', modes) ?? 16;
230
- const actionsGap = (0, _figmaVariablesResolver.getVariableByName)('appBarHome/actions/gap', modes) ?? 0;
231
- const containerStyle = {
232
- flexDirection: 'row',
233
- alignItems: 'center',
234
- justifyContent: 'space-between',
235
- paddingHorizontal,
236
- paddingVertical,
237
- width: '100%'
238
- };
239
- const homeActionsRowStyle = {
240
- flexDirection: 'row',
241
- gap: actionsGap,
242
- alignItems: 'center'
243
- };
244
-
245
- // Default leading: IconButton with customizable icon
246
- // The IconButton already handles its own circular styling, so we just use it directly
247
- const defaultLeading = leading ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
248
- iconName: leadingIconName,
249
- modes: modes,
250
- ...(onLeadingPress !== undefined ? {
251
- onPress: onLeadingPress
252
- } : {}),
253
- accessibilityLabel: "Home",
254
- accessibilityHint: "Opens home menu"
255
- });
256
-
257
- // Default actions: Search and Notification IconButtons
258
- const defaultActions = actionsSlot ?? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
259
- style: homeActionsRowStyle,
260
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
261
- iconName: "ic_search",
262
- modes: modes,
263
- onPress: () => {},
264
- accessibilityLabel: "Search",
265
- accessibilityHint: "Opens search screen"
266
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
267
- iconName: "ic_notification",
268
- modes: modes,
269
- onPress: () => {},
270
- accessibilityLabel: "Notifications",
271
- accessibilityHint: "Opens notifications"
272
- })]
273
- });
274
-
275
- // Clone slot children and pass modes to all children that accept it
276
- const processedActionsSlot = actionsSlot ? cloneChildrenWithModes(_react.default.Children.toArray(actionsSlot), modes) : defaultActions;
277
-
278
- // Process leading if it's a React element
279
- const processedLeading = /*#__PURE__*/_react.default.isValidElement(leading) ? cloneChildrenWithModes([leading], modes)[0] : defaultLeading;
280
-
281
- // Process avatar with modes
282
- const avatarModes = avatarProps?.modes ? {
283
- ...modes,
284
- ...avatarProps.modes
285
- } : modes;
286
- const processedAvatar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
287
- ...(avatarProps ?? {}),
288
- modes: avatarModes
289
- });
290
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
291
- style: [containerStyle, style],
292
- accessibilityRole: "header",
293
- accessibilityLabel: accessibilityLabel,
294
- ...(accessibilityHint !== undefined ? {
295
- accessibilityHint
296
- } : {}),
297
- ...rest,
298
- children: [processedLeading, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
299
- style: homeActionsRowStyle,
300
- children: [processedActionsSlot, processedAvatar]
178
+ style: actionsStyle,
179
+ children: processedActions
301
180
  })]
302
181
  });
303
182
  }
304
- var _default = exports.default = AppBar;
305
183
  //# sourceMappingURL=AppBar.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_IconButton","_interopRequireDefault","_Avatar","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","cloneChildrenWithModes","children","modes","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","filter","AppBar","leading","middleSlot","actionsSlot","onLeadingPress","style","accessibilityLabel","accessibilityHint","rest","childFocused","setChildFocused","useState","injectFocusHandlers","node","existingOnFocus","onFocus","existingOnBlur","onBlur","paddingHorizontal","getVariableByName","paddingVertical","actionsGap","containerStyle","flexDirection","alignItems","justifyContent","minHeight","actionsRowStyle","gap","defaultLeading","jsx","iconName","onPress","defaultActions","jsxs","View","processedMiddleSlot","processedActionsSlot","processedLeading","borderBottomWidth","borderBottomColor","accessibilityRole","position","left","right","top","bottom","pointerEvents","accessibilityElementsHidden","importantForAccessibility","Array","isArray","AppBarHome","leadingIconName","avatarProps","width","homeActionsRowStyle","avatarModes","processedAvatar","_default","exports"],"sourceRoot":"../../../../src","sources":["components/AppBar/AppBar.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_NavArrow","_jsxRuntime","e","__esModule","default","cloneChildrenWithModes","children","modes","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","filter","AppBar","type","leadingSlot","middleSlot","actionsSlot","propModes","onLeadingPress","style","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","isMain","isSub","paddingHorizontal","getVariableByName","paddingVertical","backgroundColor","actionsGap","containerStyle","flexDirection","alignItems","justifyContent","defaultLeading","jsx","Pressable","onPress","hitSlop","accessibilityRole","pressed","opacity","direction","processedLeading","processedMiddle","actionsStyle","gap","processedActions","View","jsxs","position","left","right","top","bottom","zIndex","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/AppBar/AppBar.tsx"],"mappings":"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","ignoreList":[]}