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.
- package/lib/commonjs/components/Accordion/Accordion.mdx +1 -1
- package/lib/commonjs/components/ActionFooter/ActionFooter.js +2 -14
- package/lib/commonjs/components/ActionFooter/ActionFooter.js.map +1 -1
- package/lib/commonjs/components/ActionFooter/ActionFooter.mdx +1 -1
- package/lib/commonjs/components/ActionTile/ActionTile.js +10 -1
- package/lib/commonjs/components/ActionTile/ActionTile.js.map +1 -1
- package/lib/commonjs/components/ActionTile/ActionTile.mdx +5 -1
- package/lib/commonjs/components/AppBar/AppBar.js +109 -231
- package/lib/commonjs/components/AppBar/AppBar.js.map +1 -1
- package/lib/commonjs/components/AppBar/AppBar.mdx +51 -39
- package/lib/commonjs/components/Avatar/Avatar.mdx +9 -1
- package/lib/commonjs/components/AvatarGroup/AvatarGroup.mdx +9 -1
- package/lib/commonjs/components/Badge/Badge.mdx +1 -1
- package/lib/commonjs/components/Balance/Balance.js +77 -0
- package/lib/commonjs/components/Balance/Balance.js.map +1 -0
- package/lib/commonjs/components/Balance/Balance.mdx +62 -0
- package/lib/commonjs/components/BottomNav/BottomNav.js +9 -1
- package/lib/commonjs/components/BottomNav/BottomNav.js.map +1 -1
- package/lib/commonjs/components/BottomNav/BottomNav.mdx +5 -1
- package/lib/commonjs/components/BottomNavItem/BottomNavItem.js +9 -1
- package/lib/commonjs/components/BottomNavItem/BottomNavItem.js.map +1 -1
- package/lib/commonjs/components/BottomNavItem/BottomNavItem.mdx +5 -1
- package/lib/commonjs/components/Button/Button.mdx +5 -1
- package/lib/commonjs/components/ButtonGroup/ButtonGroup.js +64 -0
- package/lib/commonjs/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/lib/commonjs/components/ButtonGroup/ButtonGroup.mdx +56 -0
- package/lib/commonjs/components/Card/Card.mdx +1 -1
- package/lib/commonjs/components/CardFeedback/CardFeedback.mdx +5 -1
- package/lib/commonjs/components/ChipGroup/ChipGroup.js +54 -0
- package/lib/commonjs/components/ChipGroup/ChipGroup.js.map +1 -0
- package/lib/commonjs/components/ChipGroup/ChipGroup.mdx +40 -0
- package/lib/commonjs/components/ChipSelect/ChipSelect.js +103 -0
- package/lib/commonjs/components/ChipSelect/ChipSelect.js.map +1 -0
- package/lib/commonjs/components/ChipSelect/ChipSelect.mdx +80 -0
- package/lib/commonjs/components/CtaCard/CtaCard.js +15 -20
- package/lib/commonjs/components/CtaCard/CtaCard.js.map +1 -1
- package/lib/commonjs/components/CtaCard/CtaCard.mdx +1 -1
- package/lib/commonjs/components/Disclaimer/Disclaimer.js +9 -1
- package/lib/commonjs/components/Disclaimer/Disclaimer.js.map +1 -1
- package/lib/commonjs/components/Disclaimer/Disclaimer.mdx +5 -1
- package/lib/commonjs/components/Divider/Divider.mdx +5 -1
- package/lib/commonjs/components/Drawer/Drawer.mdx +9 -1
- package/lib/commonjs/components/EmptyState/EmptyState.js +138 -0
- package/lib/commonjs/components/EmptyState/EmptyState.js.map +1 -0
- package/lib/commonjs/components/EmptyState/EmptyState.mdx +73 -0
- package/lib/commonjs/components/FilterBar/FilterBar.mdx +1 -1
- package/lib/commonjs/components/HStack/HStack.js +67 -0
- package/lib/commonjs/components/HStack/HStack.js.map +1 -0
- package/lib/commonjs/components/HStack/HStack.mdx +44 -0
- package/lib/commonjs/components/IconButton/IconButton.mdx +5 -1
- package/lib/commonjs/components/IconCapsule/IconCapsule.js +12 -4
- package/lib/commonjs/components/IconCapsule/IconCapsule.js.map +1 -1
- package/lib/commonjs/components/IconCapsule/IconCapsule.mdx +12 -4
- package/lib/commonjs/components/Introduction.mdx +3 -98
- package/lib/commonjs/components/LazyList/LazyList.mdx +1 -1
- package/lib/commonjs/components/ListGroup/ListGroup.js +3 -30
- package/lib/commonjs/components/ListGroup/ListGroup.js.map +1 -1
- package/lib/commonjs/components/ListGroup/ListGroup.mdx +5 -1
- package/lib/commonjs/components/ListItem/ListItem.js +5 -37
- package/lib/commonjs/components/ListItem/ListItem.js.map +1 -1
- package/lib/commonjs/components/ListItem/ListItem.mdx +5 -1
- package/lib/commonjs/components/MediaCard/MediaCard.mdx +5 -1
- package/lib/commonjs/components/MerchantProfile/MerchantProfile.mdx +1 -1
- package/lib/commonjs/components/MoneyValue/MoneyValue.mdx +6 -2
- package/lib/commonjs/components/NavArrow/NavArrow.js +42 -17
- package/lib/commonjs/components/NavArrow/NavArrow.js.map +1 -1
- package/lib/commonjs/components/NavArrow/NavArrow.mdx +5 -1
- package/lib/commonjs/components/PageTitle/PageTitle.js +10 -1
- package/lib/commonjs/components/PageTitle/PageTitle.js.map +1 -1
- package/lib/commonjs/components/PageTitle/PageTitle.mdx +5 -1
- package/lib/commonjs/components/Screen/Screen.js +53 -0
- package/lib/commonjs/components/Screen/Screen.js.map +1 -0
- package/lib/commonjs/components/Screen/Screen.mdx +58 -0
- package/lib/commonjs/components/Section/Section.js +3 -25
- package/lib/commonjs/components/Section/Section.js.map +1 -1
- package/lib/commonjs/components/Section/Section.mdx +5 -1
- package/lib/commonjs/components/Stepper/Step.mdx +5 -1
- package/lib/commonjs/components/Stepper/StepLabel.mdx +5 -1
- package/lib/commonjs/components/Stepper/Stepper.mdx +1 -1
- package/lib/commonjs/components/SupportText/SupportText.js +83 -0
- package/lib/commonjs/components/SupportText/SupportText.js.map +1 -0
- package/lib/commonjs/components/SupportText/SupportText.mdx +48 -0
- package/lib/commonjs/components/SupportText/SupportTextIcon.js +47 -0
- package/lib/commonjs/components/SupportText/SupportTextIcon.js.map +1 -0
- package/lib/commonjs/components/SupportText/SupportTextIcon.mdx +35 -0
- package/lib/commonjs/components/SupportText/index.js +21 -0
- package/lib/commonjs/components/SupportText/index.js.map +1 -0
- package/lib/commonjs/components/TextInput/TextInput.mdx +9 -1
- package/lib/commonjs/components/ThreadHero/ThreadHero.mdx +1 -1
- package/lib/commonjs/components/Tooltip/Tooltip.mdx +5 -1
- package/lib/commonjs/components/TransactionBubble/TransactionBubble.mdx +1 -1
- package/lib/commonjs/components/TransactionDetails/TransactionDetails.js +2 -24
- package/lib/commonjs/components/TransactionDetails/TransactionDetails.js.map +1 -1
- package/lib/commonjs/components/TransactionDetails/TransactionDetails.mdx +1 -1
- package/lib/commonjs/components/TransactionStatus/TransactionStatus.mdx +1 -1
- package/lib/commonjs/components/UpiHandle/UpiHandle.js +9 -1
- package/lib/commonjs/components/UpiHandle/UpiHandle.js.map +1 -1
- package/lib/commonjs/components/UpiHandle/UpiHandle.mdx +5 -1
- package/lib/commonjs/components/VStack/VStack.js +73 -0
- package/lib/commonjs/components/VStack/VStack.js.map +1 -0
- package/lib/commonjs/components/VStack/VStack.mdx +44 -0
- package/lib/commonjs/components/index.js +28 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/design-tokens/JFS Variables-variables-full.json +1 -18633
- package/lib/commonjs/icons/ic_info.svg +1 -0
- package/lib/commonjs/icons/ic_warning.svg +1 -0
- package/lib/commonjs/icons/registry.js +2 -2
- package/lib/commonjs/icons/registry.js.map +1 -1
- package/lib/commonjs/utils/react-utils.js +47 -0
- package/lib/commonjs/utils/react-utils.js.map +1 -0
- package/lib/module/components/Accordion/Accordion.mdx +1 -1
- package/lib/module/components/ActionFooter/ActionFooter.js +2 -14
- package/lib/module/components/ActionFooter/ActionFooter.js.map +1 -1
- package/lib/module/components/ActionFooter/ActionFooter.mdx +1 -1
- package/lib/module/components/ActionTile/ActionTile.js +10 -1
- package/lib/module/components/ActionTile/ActionTile.js.map +1 -1
- package/lib/module/components/ActionTile/ActionTile.mdx +5 -1
- package/lib/module/components/AppBar/AppBar.js +109 -231
- package/lib/module/components/AppBar/AppBar.js.map +1 -1
- package/lib/module/components/AppBar/AppBar.mdx +51 -39
- package/lib/module/components/Avatar/Avatar.mdx +9 -1
- package/lib/module/components/AvatarGroup/AvatarGroup.mdx +9 -1
- package/lib/module/components/Badge/Badge.mdx +1 -1
- package/lib/module/components/Balance/Balance.js +72 -0
- package/lib/module/components/Balance/Balance.js.map +1 -0
- package/lib/module/components/Balance/Balance.mdx +62 -0
- package/lib/module/components/BottomNav/BottomNav.js +9 -1
- package/lib/module/components/BottomNav/BottomNav.js.map +1 -1
- package/lib/module/components/BottomNav/BottomNav.mdx +5 -1
- package/lib/module/components/BottomNavItem/BottomNavItem.js +9 -1
- package/lib/module/components/BottomNavItem/BottomNavItem.js.map +1 -1
- package/lib/module/components/BottomNavItem/BottomNavItem.mdx +5 -1
- package/lib/module/components/Button/Button.mdx +5 -1
- package/lib/module/components/ButtonGroup/ButtonGroup.js +59 -0
- package/lib/module/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/lib/module/components/ButtonGroup/ButtonGroup.mdx +56 -0
- package/lib/module/components/Card/Card.mdx +1 -1
- package/lib/module/components/CardFeedback/CardFeedback.mdx +5 -1
- package/lib/module/components/ChipGroup/ChipGroup.js +49 -0
- package/lib/module/components/ChipGroup/ChipGroup.js.map +1 -0
- package/lib/module/components/ChipGroup/ChipGroup.mdx +40 -0
- package/lib/module/components/ChipSelect/ChipSelect.js +98 -0
- package/lib/module/components/ChipSelect/ChipSelect.js.map +1 -0
- package/lib/module/components/ChipSelect/ChipSelect.mdx +80 -0
- package/lib/module/components/CtaCard/CtaCard.js +15 -20
- package/lib/module/components/CtaCard/CtaCard.js.map +1 -1
- package/lib/module/components/CtaCard/CtaCard.mdx +1 -1
- package/lib/module/components/Disclaimer/Disclaimer.js +9 -1
- package/lib/module/components/Disclaimer/Disclaimer.js.map +1 -1
- package/lib/module/components/Disclaimer/Disclaimer.mdx +5 -1
- package/lib/module/components/Divider/Divider.mdx +5 -1
- package/lib/module/components/Drawer/Drawer.mdx +9 -1
- package/lib/module/components/EmptyState/EmptyState.js +132 -0
- package/lib/module/components/EmptyState/EmptyState.js.map +1 -0
- package/lib/module/components/EmptyState/EmptyState.mdx +73 -0
- package/lib/module/components/FilterBar/FilterBar.mdx +1 -1
- package/lib/module/components/HStack/HStack.js +61 -0
- package/lib/module/components/HStack/HStack.js.map +1 -0
- package/lib/module/components/HStack/HStack.mdx +44 -0
- package/lib/module/components/IconButton/IconButton.mdx +5 -1
- package/lib/module/components/IconCapsule/IconCapsule.js +12 -4
- package/lib/module/components/IconCapsule/IconCapsule.js.map +1 -1
- package/lib/module/components/IconCapsule/IconCapsule.mdx +12 -4
- package/lib/module/components/Introduction.mdx +3 -98
- package/lib/module/components/LazyList/LazyList.mdx +1 -1
- package/lib/module/components/ListGroup/ListGroup.js +1 -30
- package/lib/module/components/ListGroup/ListGroup.js.map +1 -1
- package/lib/module/components/ListGroup/ListGroup.mdx +5 -1
- package/lib/module/components/ListItem/ListItem.js +1 -35
- package/lib/module/components/ListItem/ListItem.js.map +1 -1
- package/lib/module/components/ListItem/ListItem.mdx +5 -1
- package/lib/module/components/MediaCard/MediaCard.mdx +5 -1
- package/lib/module/components/MerchantProfile/MerchantProfile.mdx +1 -1
- package/lib/module/components/MoneyValue/MoneyValue.mdx +6 -2
- package/lib/module/components/NavArrow/NavArrow.js +42 -17
- package/lib/module/components/NavArrow/NavArrow.js.map +1 -1
- package/lib/module/components/NavArrow/NavArrow.mdx +5 -1
- package/lib/module/components/PageTitle/PageTitle.js +10 -1
- package/lib/module/components/PageTitle/PageTitle.js.map +1 -1
- package/lib/module/components/PageTitle/PageTitle.mdx +5 -1
- package/lib/module/components/Screen/Screen.js +47 -0
- package/lib/module/components/Screen/Screen.js.map +1 -0
- package/lib/module/components/Screen/Screen.mdx +58 -0
- package/lib/module/components/Section/Section.js +1 -23
- package/lib/module/components/Section/Section.js.map +1 -1
- package/lib/module/components/Section/Section.mdx +5 -1
- package/lib/module/components/Stepper/Step.mdx +5 -1
- package/lib/module/components/Stepper/StepLabel.mdx +5 -1
- package/lib/module/components/Stepper/Stepper.mdx +1 -1
- package/lib/module/components/SupportText/SupportText.js +78 -0
- package/lib/module/components/SupportText/SupportText.js.map +1 -0
- package/lib/module/components/SupportText/SupportText.mdx +48 -0
- package/lib/module/components/SupportText/SupportTextIcon.js +42 -0
- package/lib/module/components/SupportText/SupportTextIcon.js.map +1 -0
- package/lib/module/components/SupportText/SupportTextIcon.mdx +35 -0
- package/lib/module/components/SupportText/index.js +5 -0
- package/lib/module/components/SupportText/index.js.map +1 -0
- package/lib/module/components/TextInput/TextInput.mdx +9 -1
- package/lib/module/components/ThreadHero/ThreadHero.mdx +1 -1
- package/lib/module/components/Tooltip/Tooltip.mdx +5 -1
- package/lib/module/components/TransactionBubble/TransactionBubble.mdx +1 -1
- package/lib/module/components/TransactionDetails/TransactionDetails.js +2 -26
- package/lib/module/components/TransactionDetails/TransactionDetails.js.map +1 -1
- package/lib/module/components/TransactionDetails/TransactionDetails.mdx +1 -1
- package/lib/module/components/TransactionStatus/TransactionStatus.mdx +1 -1
- package/lib/module/components/UpiHandle/UpiHandle.js +9 -1
- package/lib/module/components/UpiHandle/UpiHandle.js.map +1 -1
- package/lib/module/components/UpiHandle/UpiHandle.mdx +5 -1
- package/lib/module/components/VStack/VStack.js +67 -0
- package/lib/module/components/VStack/VStack.js.map +1 -0
- package/lib/module/components/VStack/VStack.mdx +44 -0
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/design-tokens/JFS Variables-variables-full.json +1 -18633
- package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
- package/lib/module/design-tokens/figma-variables-resolver.js.map +1 -1
- package/lib/module/icons/ic_info.svg +1 -0
- package/lib/module/icons/ic_warning.svg +1 -0
- package/lib/module/icons/registry.js +2 -2
- package/lib/module/icons/registry.js.map +1 -1
- package/lib/module/utils/react-utils.js +43 -0
- package/lib/module/utils/react-utils.js.map +1 -0
- package/lib/typescript/components/ActionFooter/ActionFooter.d.ts.map +1 -1
- package/lib/typescript/components/ActionTile/ActionTile.d.ts +1 -1
- package/lib/typescript/components/ActionTile/ActionTile.d.ts.map +1 -1
- package/lib/typescript/components/AppBar/AppBar.d.ts +34 -68
- package/lib/typescript/components/AppBar/AppBar.d.ts.map +1 -1
- package/lib/typescript/components/Balance/Balance.d.ts +44 -0
- package/lib/typescript/components/Balance/Balance.d.ts.map +1 -0
- package/lib/typescript/components/BottomNav/BottomNav.d.ts +1 -1
- package/lib/typescript/components/BottomNav/BottomNav.d.ts.map +1 -1
- package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts +1 -1
- package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts.map +1 -1
- package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts +36 -0
- package/lib/typescript/components/ButtonGroup/ButtonGroup.d.ts.map +1 -0
- package/lib/typescript/components/ChipGroup/ChipGroup.d.ts +29 -0
- package/lib/typescript/components/ChipGroup/ChipGroup.d.ts.map +1 -0
- package/lib/typescript/components/ChipSelect/ChipSelect.d.ts +47 -0
- package/lib/typescript/components/ChipSelect/ChipSelect.d.ts.map +1 -0
- package/lib/typescript/components/CtaCard/CtaCard.d.ts +1 -1
- package/lib/typescript/components/CtaCard/CtaCard.d.ts.map +1 -1
- package/lib/typescript/components/Disclaimer/Disclaimer.d.ts +1 -1
- package/lib/typescript/components/Disclaimer/Disclaimer.d.ts.map +1 -1
- package/lib/typescript/components/EmptyState/EmptyState.d.ts +38 -0
- package/lib/typescript/components/EmptyState/EmptyState.d.ts.map +1 -0
- package/lib/typescript/components/HStack/HStack.d.ts +41 -0
- package/lib/typescript/components/HStack/HStack.d.ts.map +1 -0
- package/lib/typescript/components/IconCapsule/IconCapsule.d.ts +1 -1
- package/lib/typescript/components/IconCapsule/IconCapsule.d.ts.map +1 -1
- package/lib/typescript/components/ListGroup/ListGroup.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/ListItem.d.ts.map +1 -1
- package/lib/typescript/components/NavArrow/NavArrow.d.ts +3 -3
- package/lib/typescript/components/NavArrow/NavArrow.d.ts.map +1 -1
- package/lib/typescript/components/PageTitle/PageTitle.d.ts +1 -1
- package/lib/typescript/components/PageTitle/PageTitle.d.ts.map +1 -1
- package/lib/typescript/components/Screen/Screen.d.ts +23 -0
- package/lib/typescript/components/Screen/Screen.d.ts.map +1 -0
- package/lib/typescript/components/Section/Section.d.ts.map +1 -1
- package/lib/typescript/components/SupportText/SupportText.d.ts +34 -0
- package/lib/typescript/components/SupportText/SupportText.d.ts.map +1 -0
- package/lib/typescript/components/SupportText/SupportTextIcon.d.ts +10 -0
- package/lib/typescript/components/SupportText/SupportTextIcon.d.ts.map +1 -0
- package/lib/typescript/components/SupportText/index.d.ts +3 -0
- package/lib/typescript/components/SupportText/index.d.ts.map +1 -0
- package/lib/typescript/components/TransactionDetails/TransactionDetails.d.ts.map +1 -1
- package/lib/typescript/components/UpiHandle/UpiHandle.d.ts +1 -1
- package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map +1 -1
- package/lib/typescript/components/VStack/VStack.d.ts +41 -0
- package/lib/typescript/components/VStack/VStack.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +4 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/icons/registry.d.ts +1 -1
- package/lib/typescript/icons/registry.d.ts.map +1 -1
- package/lib/typescript/utils/react-utils.d.ts +7 -0
- package/lib/typescript/utils/react-utils.d.ts.map +1 -0
- package/package.json +7 -5
- package/src/components/.token-metadata.json +468 -12
- package/src/components/Accordion/Accordion.mdx +1 -1
- package/src/components/ActionFooter/ActionFooter.mdx +1 -1
- package/src/components/ActionFooter/ActionFooter.tsx +3 -12
- package/src/components/ActionTile/ActionTile.mdx +5 -1
- package/src/components/ActionTile/ActionTile.tsx +5 -1
- package/src/components/AppBar/AppBar.mdx +51 -39
- package/src/components/AppBar/AppBar.tsx +149 -263
- package/src/components/Avatar/Avatar.mdx +9 -1
- package/src/components/AvatarGroup/AvatarGroup.mdx +9 -1
- package/src/components/Badge/Badge.mdx +1 -1
- package/src/components/Balance/Balance.mdx +62 -0
- package/src/components/Balance/Balance.tsx +107 -0
- package/src/components/BottomNav/BottomNav.mdx +5 -1
- package/src/components/BottomNav/BottomNav.tsx +6 -3
- package/src/components/BottomNavItem/BottomNavItem.mdx +5 -1
- package/src/components/BottomNavItem/BottomNavItem.tsx +19 -16
- package/src/components/Button/Button.mdx +5 -1
- package/src/components/ButtonGroup/ButtonGroup.mdx +56 -0
- package/src/components/ButtonGroup/ButtonGroup.tsx +78 -0
- package/src/components/Card/Card.mdx +1 -1
- package/src/components/CardFeedback/CardFeedback.mdx +5 -1
- package/src/components/ChipGroup/ChipGroup.mdx +40 -0
- package/src/components/ChipGroup/ChipGroup.tsx +67 -0
- package/src/components/ChipSelect/ChipSelect.mdx +80 -0
- package/src/components/ChipSelect/ChipSelect.tsx +138 -0
- package/src/components/CtaCard/CtaCard.mdx +1 -1
- package/src/components/CtaCard/CtaCard.tsx +16 -21
- package/src/components/Disclaimer/Disclaimer.mdx +5 -1
- package/src/components/Disclaimer/Disclaimer.tsx +6 -3
- package/src/components/Divider/Divider.mdx +5 -1
- package/src/components/Drawer/Drawer.mdx +9 -1
- package/src/components/EmptyState/EmptyState.mdx +73 -0
- package/src/components/EmptyState/EmptyState.tsx +181 -0
- package/src/components/FilterBar/FilterBar.mdx +1 -1
- package/src/components/HStack/HStack.mdx +44 -0
- package/src/components/HStack/HStack.tsx +95 -0
- package/src/components/IconButton/IconButton.mdx +5 -1
- package/src/components/IconCapsule/IconCapsule.mdx +12 -4
- package/src/components/IconCapsule/IconCapsule.tsx +13 -10
- package/src/components/Introduction.mdx +3 -98
- package/src/components/LazyList/LazyList.mdx +1 -1
- package/src/components/ListGroup/ListGroup.mdx +5 -1
- package/src/components/ListGroup/ListGroup.tsx +5 -43
- package/src/components/ListItem/ListItem.mdx +5 -1
- package/src/components/ListItem/ListItem.tsx +15 -60
- package/src/components/MediaCard/MediaCard.mdx +5 -1
- package/src/components/MerchantProfile/MerchantProfile.mdx +1 -1
- package/src/components/MoneyValue/MoneyValue.mdx +6 -2
- package/src/components/NavArrow/NavArrow.mdx +5 -1
- package/src/components/NavArrow/NavArrow.tsx +48 -16
- package/src/components/PageTitle/PageTitle.mdx +5 -1
- package/src/components/PageTitle/PageTitle.tsx +8 -4
- package/src/components/Screen/Screen.mdx +58 -0
- package/src/components/Screen/Screen.tsx +60 -0
- package/src/components/Section/Section.mdx +5 -1
- package/src/components/Section/Section.tsx +17 -46
- package/src/components/Stepper/Step.mdx +5 -1
- package/src/components/Stepper/StepLabel.mdx +5 -1
- package/src/components/Stepper/Stepper.mdx +1 -1
- package/src/components/SupportText/SupportText.mdx +48 -0
- package/src/components/SupportText/SupportText.tsx +104 -0
- package/src/components/SupportText/SupportTextIcon.mdx +35 -0
- package/src/components/SupportText/SupportTextIcon.tsx +45 -0
- package/src/components/SupportText/index.ts +2 -0
- package/src/components/TextInput/TextInput.mdx +9 -1
- package/src/components/ThreadHero/ThreadHero.mdx +1 -1
- package/src/components/Tooltip/Tooltip.mdx +5 -1
- package/src/components/TransactionBubble/TransactionBubble.mdx +1 -1
- package/src/components/TransactionDetails/TransactionDetails.mdx +1 -1
- package/src/components/TransactionDetails/TransactionDetails.tsx +1 -38
- package/src/components/TransactionStatus/TransactionStatus.mdx +1 -1
- package/src/components/UpiHandle/UpiHandle.mdx +5 -1
- package/src/components/UpiHandle/UpiHandle.tsx +4 -1
- package/src/components/VStack/VStack.mdx +44 -0
- package/src/components/VStack/VStack.tsx +100 -0
- package/src/components/index.ts +4 -0
- package/src/design-tokens/JFS Variables-variables-full.json +1 -18633
- package/src/icons/ic_info.svg +1 -0
- package/src/icons/ic_warning.svg +1 -0
- package/src/icons/registry.ts +9 -1
- package/src/utils/react-utils.ts +51 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_Icon","_interopRequireDefault","_webPlatformUtils","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Section","title","supportText","showSupportText","slot","modes","onPress","style","accessibilityLabel","accessibilityHint","webAccessibilityProps","rest","isHeaderFocused","setIsHeaderFocused","useState","isHeaderHovered","setIsHeaderHovered","isHeaderPressed","setIsHeaderPressed","headerFocusStyle","borderColor","borderWidth","headerHoverStyle","opacity","headerPressedStyle","backgroundColor","getVariableByName","gap","paddingHorizontal","paddingVertical","radius","headerGap","headerPaddingHorizontal","headerPaddingVertical","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","supportTextColor","supportTextFontSize","supportTextLineHeight","supportTextFontFamily","supportTextFontWeightRaw","supportTextFontWeight","containerStyle","borderRadius","headerStyle","headerWrapStyle","flexDirection","alignItems","justifyContent","titleStyle","flex","color","fontSize","lineHeight","fontFamily","fontWeight","supportTextStyle","defaultAccessibilityLabel","webProps","usePressableWebSupport","restProps","disabled","headerContent","jsxs","Fragment","children","View","jsx","Text","numberOfLines","accessibilityElementsHidden","importantForAccessibility","name","size","accessibilityRole","Pressable","onPressIn","onPressOut","onFocus","onBlur","onHoverIn","onHoverOut","pressed","SectionBento","navSlot","upiSlot","cloneChildrenWithModes","result","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","processedNavSlot","processedUpiSlot","Bento","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Section/Section.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_Icon","_interopRequireDefault","_webPlatformUtils","_reactUtils","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Section","title","supportText","showSupportText","slot","modes","onPress","style","accessibilityLabel","accessibilityHint","webAccessibilityProps","rest","isHeaderFocused","setIsHeaderFocused","useState","isHeaderHovered","setIsHeaderHovered","isHeaderPressed","setIsHeaderPressed","headerFocusStyle","borderColor","borderWidth","headerHoverStyle","opacity","headerPressedStyle","backgroundColor","getVariableByName","gap","paddingHorizontal","paddingVertical","radius","headerGap","headerPaddingHorizontal","headerPaddingVertical","titleColor","titleFontSize","titleLineHeight","titleFontFamily","titleFontWeightRaw","titleFontWeight","toString","supportTextColor","supportTextFontSize","supportTextLineHeight","supportTextFontFamily","supportTextFontWeightRaw","supportTextFontWeight","containerStyle","borderRadius","headerStyle","headerWrapStyle","flexDirection","alignItems","justifyContent","titleStyle","flex","color","fontSize","lineHeight","fontFamily","fontWeight","supportTextStyle","defaultAccessibilityLabel","webProps","usePressableWebSupport","restProps","disabled","headerContent","jsxs","Fragment","children","View","jsx","Text","numberOfLines","accessibilityElementsHidden","importantForAccessibility","name","size","accessibilityRole","Pressable","onPressIn","onPressOut","onFocus","onBlur","onHoverIn","onHoverOut","pressed","SectionBento","navSlot","upiSlot","processedNavSlot","cloneChildrenWithModes","React","Children","toArray","processedUpiSlot","Bento","_default","exports"],"sourceRoot":"../../../../src","sources":["components/Section/Section.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
1
|
+
import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
|
|
2
2
|
import * as SectionStories from './Section.stories';
|
|
3
3
|
import Section from './Section';
|
|
4
4
|
import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
|
|
@@ -17,6 +17,10 @@ This component uses the following design token collections. Each collection supp
|
|
|
17
17
|
- **Modes:** Light | Dark
|
|
18
18
|
- **Default:** Light
|
|
19
19
|
|
|
20
|
+
### Colors Router
|
|
21
|
+
- **Modes:** POC | Old
|
|
22
|
+
- **Default:** POC
|
|
23
|
+
|
|
20
24
|
### Padding
|
|
21
25
|
- **Modes:** Default | None
|
|
22
26
|
- **Default:** Default
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
1
|
+
import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
|
|
2
2
|
import * as StepStories from './Step.stories';
|
|
3
3
|
import { Step } from './Step';
|
|
4
4
|
|
|
@@ -19,6 +19,10 @@ This component uses the following design token collections. Each collection supp
|
|
|
19
19
|
### Color Mode
|
|
20
20
|
- **Modes:** Light | Dark
|
|
21
21
|
- **Default:** Light
|
|
22
|
+
|
|
23
|
+
### Colors Router
|
|
24
|
+
- **Modes:** POC | Old
|
|
25
|
+
- **Default:** POC
|
|
22
26
|
## Usage
|
|
23
27
|
|
|
24
28
|
<Canvas>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
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>
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
|
|
10
|
+
var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
|
|
11
|
+
var _SupportTextIcon = _interopRequireDefault(require("./SupportTextIcon"));
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
/**
|
|
15
|
+
* SupportText component displaying a status icon and label.
|
|
16
|
+
*/
|
|
17
|
+
function SupportText({
|
|
18
|
+
label = 'Support Text',
|
|
19
|
+
status = 'Neutral',
|
|
20
|
+
iconSlot,
|
|
21
|
+
textSlot,
|
|
22
|
+
modes: propModes = {},
|
|
23
|
+
style
|
|
24
|
+
}) {
|
|
25
|
+
const {
|
|
26
|
+
modes: globalModes
|
|
27
|
+
} = (0, _JFSThemeProvider.useTokens)();
|
|
28
|
+
|
|
29
|
+
// Merge modes. We might want to inject the status mode here if we knew the collection name.
|
|
30
|
+
// 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).
|
|
31
|
+
// Strategy: We pass 'modes' as is. If the user wants "Success" styling (green), they should likely pass modes={{ 'SupportText': 'Success' }} AND status="Success".
|
|
32
|
+
// However, for convenience, we could eventually map status to modes if we determine the key.
|
|
33
|
+
const modes = {
|
|
34
|
+
...globalModes,
|
|
35
|
+
...propModes
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
// --- Token Resolution ---
|
|
39
|
+
const gap = parseInt((0, _figmaVariablesResolver.getVariableByName)('supportText/gap', modes), 10) || 4;
|
|
40
|
+
const textColor = (0, _figmaVariablesResolver.getVariableByName)('supportText/foreground', modes) || '#0c0d10';
|
|
41
|
+
const fontFamily = (0, _figmaVariablesResolver.getVariableByName)('supportText/fontFamily', modes) || 'JioType Var';
|
|
42
|
+
const fontSize = parseInt((0, _figmaVariablesResolver.getVariableByName)('supportText/fontSize', modes), 10) || 12;
|
|
43
|
+
const lineHeight = parseInt((0, _figmaVariablesResolver.getVariableByName)('supportText/lineHeight', modes), 10) || 16;
|
|
44
|
+
const fontWeight = (0, _figmaVariablesResolver.getVariableByName)('supportText/fontWeight', modes) || '500';
|
|
45
|
+
|
|
46
|
+
// --- Styles ---
|
|
47
|
+
const containerStyle = {
|
|
48
|
+
flexDirection: 'row',
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
gap: gap
|
|
51
|
+
};
|
|
52
|
+
const textStyle = {
|
|
53
|
+
color: textColor,
|
|
54
|
+
fontFamily,
|
|
55
|
+
fontSize,
|
|
56
|
+
lineHeight,
|
|
57
|
+
fontWeight: fontWeight,
|
|
58
|
+
flexShrink: 1 // Ensure text wraps if needed
|
|
59
|
+
};
|
|
60
|
+
const renderSlot = slot => {
|
|
61
|
+
if (/*#__PURE__*/_react.default.isValidElement(slot)) {
|
|
62
|
+
return /*#__PURE__*/_react.default.cloneElement(slot, {
|
|
63
|
+
modes: {
|
|
64
|
+
...modes,
|
|
65
|
+
...slot.props.modes
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
return slot;
|
|
70
|
+
};
|
|
71
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
72
|
+
style: [containerStyle, style],
|
|
73
|
+
children: [iconSlot ? renderSlot(iconSlot) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_SupportTextIcon.default, {
|
|
74
|
+
status: status,
|
|
75
|
+
modes: modes
|
|
76
|
+
}), textSlot ? renderSlot(textSlot) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
77
|
+
style: textStyle,
|
|
78
|
+
children: label
|
|
79
|
+
})]
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
var _default = exports.default = SupportText;
|
|
83
|
+
//# sourceMappingURL=SupportText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_SupportTextIcon","_jsxRuntime","e","__esModule","default","SupportText","label","status","iconSlot","textSlot","modes","propModes","style","globalModes","useTokens","gap","parseInt","getVariableByName","textColor","fontFamily","fontSize","lineHeight","fontWeight","containerStyle","flexDirection","alignItems","textStyle","color","flexShrink","renderSlot","slot","React","isValidElement","cloneElement","props","jsxs","View","children","jsx","Text","_default","exports"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportText.tsx"],"mappings":"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","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,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
|
|
10
|
+
var _Icon = _interopRequireDefault(require("../../icons/Icon"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const STATUS_ICON_MAP = {
|
|
14
|
+
Neutral: 'ic_info',
|
|
15
|
+
Warning: 'ic_warning',
|
|
16
|
+
// Using ic_warning for Warning
|
|
17
|
+
Error: 'ic_warning',
|
|
18
|
+
// Using ic_warning for Error
|
|
19
|
+
Success: 'ic_status_successful'
|
|
20
|
+
};
|
|
21
|
+
function SupportTextIcon({
|
|
22
|
+
status = 'Neutral',
|
|
23
|
+
modes = {},
|
|
24
|
+
style
|
|
25
|
+
}) {
|
|
26
|
+
const iconName = STATUS_ICON_MAP[status] || 'ic_info';
|
|
27
|
+
|
|
28
|
+
// Resolve icon size
|
|
29
|
+
const size = parseInt((0, _figmaVariablesResolver.getVariableByName)('supportText/icon/size', modes), 10) || 16;
|
|
30
|
+
|
|
31
|
+
// Resolve icon color
|
|
32
|
+
// Assuming supportText/foreground applies to icon as well, or there might be specific icon color tokens.
|
|
33
|
+
// Using supportText/foreground as default based on common patterns if no specific icon token.
|
|
34
|
+
// If specific tokens exist like 'supportText/icon/color', they should be used.
|
|
35
|
+
// Detailed variables only showed supportText/foreground.
|
|
36
|
+
const color = (0, _figmaVariablesResolver.getVariableByName)('supportText/foreground', modes) || '#0c0d10';
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
38
|
+
style: style,
|
|
39
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
40
|
+
name: iconName,
|
|
41
|
+
size: size,
|
|
42
|
+
color: color
|
|
43
|
+
})
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
var _default = exports.default = SupportTextIcon;
|
|
47
|
+
//# sourceMappingURL=SupportTextIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_Icon","_jsxRuntime","e","__esModule","default","STATUS_ICON_MAP","Neutral","Warning","Error","Success","SupportTextIcon","status","modes","style","iconName","size","parseInt","getVariableByName","color","jsx","View","children","name","_default","exports"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportTextIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUpC,MAAMG,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,CAAC,IAAAC,yCAAiB,EAAC,uBAAuB,EAAEL,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;;EAElF;EACA;EACA;EACA;EACA;EACA,MAAMM,KAAK,GAAG,IAAAD,yCAAiB,EAAC,wBAAwB,EAAEL,KAAK,CAAC,IAAI,SAAS;EAE7E,oBACI,IAAAX,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACP,KAAK,EAAEA,KAAM;IAAAQ,QAAA,eACf,IAAApB,WAAA,CAAAkB,GAAA,EAACnB,KAAA,CAAAI,OAAI;MAACkB,IAAI,EAAER,QAAS;MAACC,IAAI,EAAEA,IAAK;MAACG,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChD,CAAC;AAEf;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcM,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,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "SupportText", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _SupportText.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "SupportTextIcon", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _SupportTextIcon.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _SupportText = _interopRequireDefault(require("./SupportText"));
|
|
19
|
+
var _SupportTextIcon = _interopRequireDefault(require("./SupportTextIcon"));
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_SupportText","_interopRequireDefault","require","_SupportTextIcon","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/SupportText/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA+D,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
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,
|
|
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,
|
|
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
|
|
|
@@ -7,31 +7,9 @@ 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
|
-
* Helper function to recursively clone children and pass modes prop to components that accept it.
|
|
14
|
-
*/function cloneChildrenWithModes(children, modes) {
|
|
15
|
-
const result = _react.default.Children.map(children, child => {
|
|
16
|
-
if (! /*#__PURE__*/_react.default.isValidElement(child)) {
|
|
17
|
-
return child;
|
|
18
|
-
}
|
|
19
|
-
const childChildren = child.props?.children;
|
|
20
|
-
const hasChildren = childChildren !== undefined && childChildren !== null;
|
|
21
|
-
const existingModes = child.props?.modes;
|
|
22
|
-
const mergedModes = existingModes ? {
|
|
23
|
-
...modes,
|
|
24
|
-
...existingModes
|
|
25
|
-
} : modes;
|
|
26
|
-
const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes) : undefined;
|
|
27
|
-
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
28
|
-
...child.props,
|
|
29
|
-
modes: mergedModes
|
|
30
|
-
}, processedChildren);
|
|
31
|
-
});
|
|
32
|
-
return result || [];
|
|
33
|
-
}
|
|
34
|
-
|
|
35
13
|
// ===== Item Subcomponent =====
|
|
36
14
|
|
|
37
15
|
/**
|
|
@@ -161,7 +139,7 @@ function TransactionDetails({
|
|
|
161
139
|
};
|
|
162
140
|
|
|
163
141
|
// Process children to pass modes prop
|
|
164
|
-
const processedChildren = children ? cloneChildrenWithModes(_react.default.Children.toArray(children), modes) : null;
|
|
142
|
+
const processedChildren = children ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(children), modes) : null;
|
|
165
143
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
166
144
|
style: [containerStyle, style],
|
|
167
145
|
accessibilityRole: "summary",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_reactUtils","_jsxRuntime","e","__esModule","default","Item","label","value","modes","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","getVariableByName","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","jsxs","View","accessibilityRole","children","jsx","Text","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical","processedChildren","cloneChildrenWithModes","React","Children","toArray","_default","exports"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
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,
|
|
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
|
|
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(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 _Icon = _interopRequireDefault(require("../../icons/Icon"));
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -36,7 +37,7 @@ const DEFAULT_AVATAR_IMAGE = require('./Image.png');
|
|
|
36
37
|
*/
|
|
37
38
|
function UpiHandle({
|
|
38
39
|
label = 'Label',
|
|
39
|
-
modes = {},
|
|
40
|
+
modes: propModes = {},
|
|
40
41
|
showIcon = true,
|
|
41
42
|
iconName = 'ic_scan_qr_code',
|
|
42
43
|
onPress,
|
|
@@ -45,6 +46,13 @@ function UpiHandle({
|
|
|
45
46
|
accessibilityHint,
|
|
46
47
|
...rest
|
|
47
48
|
}) {
|
|
49
|
+
const {
|
|
50
|
+
modes: globalModes
|
|
51
|
+
} = (0, _JFSThemeProvider.useTokens)();
|
|
52
|
+
const modes = {
|
|
53
|
+
...globalModes,
|
|
54
|
+
...propModes
|
|
55
|
+
};
|
|
48
56
|
// Token‑driven container styling
|
|
49
57
|
const backgroundColor = (0, _figmaVariablesResolver.getVariableByName)('upiHandle/background', modes) || '#f5f5f5';
|
|
50
58
|
const radius = (0, _figmaVariablesResolver.getVariableByName)('upiHandle/radius', modes) || 99999;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_Icon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_AVATAR_IMAGE","UpiHandle","label","modes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","backgroundColor","getVariableByName","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","useState","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","Pressable","View","jsxs","style","accessibilityRole","undefined","onPressIn","onPressOut","onFocus","onBlur","children","jsx","Image","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","Text","numberOfLines","ellipsizeMode","name","size","_default","exports"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAC,sBAAA,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_Icon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_AVATAR_IMAGE","UpiHandle","label","modes","propModes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","useTokens","backgroundColor","getVariableByName","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","useState","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","Pressable","View","jsxs","style","accessibilityRole","undefined","onPressIn","onPressOut","onFocus","onBlur","children","jsx","Image","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","Text","numberOfLines","ellipsizeMode","name","size","_default","exports"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
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>
|