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","View","Text","getVariableByName","jsx","_jsx","jsxs","_jsxs","
|
|
1
|
+
{"version":3,"names":["React","View","Text","getVariableByName","cloneChildrenWithModes","jsx","_jsx","jsxs","_jsxs","Item","label","value","modes","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical","processedChildren","Children","toArray"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
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
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
4
|
import { Pressable, View, Text, Image } from 'react-native';
|
|
5
5
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import Icon from '../../icons/Icon';
|
|
7
8
|
|
|
8
9
|
// Default static asset from the component folder.
|
|
@@ -31,7 +32,7 @@ const DEFAULT_AVATAR_IMAGE = require('./Image.png');
|
|
|
31
32
|
*/
|
|
32
33
|
function UpiHandle({
|
|
33
34
|
label = 'Label',
|
|
34
|
-
modes = {},
|
|
35
|
+
modes: propModes = {},
|
|
35
36
|
showIcon = true,
|
|
36
37
|
iconName = 'ic_scan_qr_code',
|
|
37
38
|
onPress,
|
|
@@ -40,6 +41,13 @@ function UpiHandle({
|
|
|
40
41
|
accessibilityHint,
|
|
41
42
|
...rest
|
|
42
43
|
}) {
|
|
44
|
+
const {
|
|
45
|
+
modes: globalModes
|
|
46
|
+
} = useTokens();
|
|
47
|
+
const modes = {
|
|
48
|
+
...globalModes,
|
|
49
|
+
...propModes
|
|
50
|
+
};
|
|
43
51
|
// Token‑driven container styling
|
|
44
52
|
const backgroundColor = getVariableByName('upiHandle/background', modes) || '#f5f5f5';
|
|
45
53
|
const radius = getVariableByName('upiHandle/radius', modes) || 99999;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","View","Text","Image","getVariableByName","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_AVATAR_IMAGE","require","UpiHandle","label","modes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","backgroundColor","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","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","style","accessibilityRole","undefined","onPressIn","e","onPressOut","onFocus","onBlur","children","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","name","size"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAyD,cAAc;AAC5G,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,IAAI,MAAM,kBAAkB;;AAEnC;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,oBAAoB,GAAGC,OAAO,CAAC,aAAa,CAAC;AAanD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAC;EACjBC,KAAK,GAAG,OAAO;EACfC,KAAK,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","Text","Image","getVariableByName","useTokens","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_AVATAR_IMAGE","require","UpiHandle","label","modes","propModes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","backgroundColor","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","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","style","accessibilityRole","undefined","onPressIn","e","onPressOut","onFocus","onBlur","children","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","name","size"],"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>
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
7
|
+
import { cloneChildrenWithModes } from '../../utils/react-utils';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
/**
|
|
10
|
+
* VStack component for vertical layout using design token spacing.
|
|
11
|
+
*/
|
|
12
|
+
export const VStack = ({
|
|
13
|
+
children,
|
|
14
|
+
alignHorizontal,
|
|
15
|
+
justifyVertical,
|
|
16
|
+
wrap,
|
|
17
|
+
reverse = false,
|
|
18
|
+
as,
|
|
19
|
+
modes: propModes = {},
|
|
20
|
+
style,
|
|
21
|
+
...rest
|
|
22
|
+
}) => {
|
|
23
|
+
const {
|
|
24
|
+
modes: globalModes
|
|
25
|
+
} = useTokens();
|
|
26
|
+
const modes = {
|
|
27
|
+
...globalModes,
|
|
28
|
+
...propModes
|
|
29
|
+
};
|
|
30
|
+
const paddingTop = getVariableByName('vstack/padding/top', modes);
|
|
31
|
+
const paddingBottom = getVariableByName('vstack/padding/bottom', modes);
|
|
32
|
+
const paddingLeft = getVariableByName('vstack/padding/left', modes);
|
|
33
|
+
const paddingRight = getVariableByName('vstack/padding/right', modes);
|
|
34
|
+
const gap = getVariableByName('vstack/gap', modes);
|
|
35
|
+
const flexWrap = typeof wrap === 'boolean' ? wrap ? 'wrap' : 'nowrap' : wrap;
|
|
36
|
+
const containerStyle = {
|
|
37
|
+
flexDirection: reverse ? 'column-reverse' : 'column',
|
|
38
|
+
alignItems: alignHorizontal,
|
|
39
|
+
justifyContent: justifyVertical,
|
|
40
|
+
flexWrap,
|
|
41
|
+
paddingTop,
|
|
42
|
+
paddingBottom,
|
|
43
|
+
paddingLeft,
|
|
44
|
+
paddingRight,
|
|
45
|
+
gap
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// Pass modes down to children
|
|
49
|
+
const processedChildren = children ? cloneChildrenWithModes(children, modes) : null;
|
|
50
|
+
|
|
51
|
+
// "as" prop handling for web - passed via rest if supported by the underlying view implementation on web,
|
|
52
|
+
// or manually added here. Since View from react-native doesn't formally support "as" in types,
|
|
53
|
+
// we rely on it being passed through or handled by the web layer if applicable.
|
|
54
|
+
// For type safety with standard RN View, we might cast props if needed, but passing ...rest usually works for extra props.
|
|
55
|
+
// We explicitly include 'as' in the props passed to View.
|
|
56
|
+
const viewProps = {
|
|
57
|
+
...rest,
|
|
58
|
+
as
|
|
59
|
+
};
|
|
60
|
+
return /*#__PURE__*/_jsx(View, {
|
|
61
|
+
style: [containerStyle, style],
|
|
62
|
+
...viewProps,
|
|
63
|
+
children: processedChildren
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
export default VStack;
|
|
67
|
+
//# sourceMappingURL=VStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","getVariableByName","useTokens","cloneChildrenWithModes","jsx","_jsx","VStack","children","alignHorizontal","justifyVertical","wrap","reverse","as","modes","propModes","style","rest","globalModes","paddingTop","paddingBottom","paddingLeft","paddingRight","gap","flexWrap","containerStyle","flexDirection","alignItems","justifyContent","processedChildren","viewProps"],"sourceRoot":"../../../../src","sources":["components/VStack/VStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAyC,cAAc;AACpE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,SAASC,sBAAsB,QAAQ,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAoChE;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACnBC,QAAQ;EACRC,eAAe;EACfC,eAAe;EACfC,IAAI;EACJC,OAAO,GAAG,KAAK;EACfC,EAAE;EACFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEH,KAAK,EAAEI;EAAY,CAAC,GAAGf,SAAS,CAAC,CAAC;EAC1C,MAAMW,KAAK,GAAG;IAAE,GAAGI,WAAW;IAAE,GAAGH;EAAU,CAAC;EAE9C,MAAMI,UAAU,GAAGjB,iBAAiB,CAAC,oBAAoB,EAAEY,KAAK,CAAC;EACjE,MAAMM,aAAa,GAAGlB,iBAAiB,CAAC,uBAAuB,EAAEY,KAAK,CAAC;EACvE,MAAMO,WAAW,GAAGnB,iBAAiB,CAAC,qBAAqB,EAAEY,KAAK,CAAC;EACnE,MAAMQ,YAAY,GAAGpB,iBAAiB,CAAC,sBAAsB,EAAEY,KAAK,CAAC;EACrE,MAAMS,GAAG,GAAGrB,iBAAiB,CAAC,YAAY,EAAEY,KAAK,CAAC;EAElD,MAAMU,QAAQ,GAAG,OAAOb,IAAI,KAAK,SAAS,GAAIA,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAIA,IAAI;EAE9E,MAAMc,cAAyB,GAAG;IAC9BC,aAAa,EAAEd,OAAO,GAAG,gBAAgB,GAAG,QAAQ;IACpDe,UAAU,EAAElB,eAAe;IAC3BmB,cAAc,EAAElB,eAAe;IAC/Bc,QAAQ;IACRL,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC;EACJ,CAAC;;EAED;EACA,MAAMM,iBAAiB,GAAGrB,QAAQ,GAC5BJ,sBAAsB,CAACI,QAAQ,EAAEM,KAAK,CAAC,GACvC,IAAI;;EAEV;EACA;EACA;EACA;EACA;EACA,MAAMgB,SAAS,GAAG;IACd,GAAGb,IAAI;IACPJ;EACJ,CAAC;EAED,oBACIP,IAAA,CAACL,IAAI;IAACe,KAAK,EAAE,CAACS,cAAc,EAAET,KAAK,CAAE;IAAA,GAAKc,SAAS;IAAAtB,QAAA,EAC9CqB;EAAiB,CAChB,CAAC;AAEf,CAAC;AAED,eAAetB,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
|
|
2
|
+
import * as VStackStories from './VStack.stories';
|
|
3
|
+
import VStack from './VStack';
|
|
4
|
+
|
|
5
|
+
<Meta of={VStackStories} />
|
|
6
|
+
|
|
7
|
+
# VStack
|
|
8
|
+
|
|
9
|
+
`VStack` arranges its children in a vertical line. It uses design tokens for spacing and gap.
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## Available Collections and Modes
|
|
13
|
+
|
|
14
|
+
This component does not use any design token collections with multiple modes.
|
|
15
|
+
## Usage
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
import { VStack } from 'jfs-components';
|
|
19
|
+
|
|
20
|
+
<VStack alignHorizontal="center" modes={{ 'vstack/gap': 16 }}>
|
|
21
|
+
<View>Item 1</View>
|
|
22
|
+
<View>Item 2</View>
|
|
23
|
+
</VStack>
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
<Canvas>
|
|
27
|
+
<Story of={VStackStories.Default} />
|
|
28
|
+
</Canvas>
|
|
29
|
+
|
|
30
|
+
## Props
|
|
31
|
+
|
|
32
|
+
<Controls of={VStackStories.Default} />
|
|
33
|
+
|
|
34
|
+
## Design Tokens
|
|
35
|
+
|
|
36
|
+
This component uses the following design tokens, resolved through `getVariableByName`:
|
|
37
|
+
|
|
38
|
+
- **`vstack/gap`**
|
|
39
|
+
- **`vstack/padding/bottom`**
|
|
40
|
+
- **`vstack/padding/left`**
|
|
41
|
+
- **`vstack/padding/right`**
|
|
42
|
+
- **`vstack/padding/top`**
|
|
43
|
+
|
|
44
|
+
All tokens support mode-based theming through the `modes` prop.
|
|
@@ -15,6 +15,7 @@ export { default as Divider } from './Divider/Divider';
|
|
|
15
15
|
export { default as Drawer } from './Drawer/Drawer';
|
|
16
16
|
export { default as CtaCard } from './CtaCard/CtaCard';
|
|
17
17
|
export { default as FilterBar } from './FilterBar/FilterBar';
|
|
18
|
+
export { default as HStack } from './HStack/HStack';
|
|
18
19
|
export { default as IconButton } from './IconButton/IconButton';
|
|
19
20
|
export { default as IconCapsule } from './IconCapsule/IconCapsule';
|
|
20
21
|
export { default as LazyList } from './LazyList/LazyList';
|
|
@@ -36,4 +37,7 @@ export { default as TransactionBubble } from './TransactionBubble/TransactionBub
|
|
|
36
37
|
export { default as TransactionDetails } from './TransactionDetails/TransactionDetails';
|
|
37
38
|
export { default as TransactionStatus } from './TransactionStatus/TransactionStatus';
|
|
38
39
|
export { default as UpiHandle } from './UpiHandle/UpiHandle';
|
|
40
|
+
export { default as VStack } from './VStack/VStack';
|
|
41
|
+
export { default as ChipGroup } from './ChipGroup/ChipGroup';
|
|
42
|
+
export { default as EmptyState } from './EmptyState/EmptyState';
|
|
39
43
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAgC,6BAA6B;AAC7F,SAASD,OAAO,IAAIE,MAAM,QAAQ,iBAAiB;AACnD,SAASF,OAAO,IAAIG,MAAM,QAA0B,iBAAiB;AACrE,SAASH,OAAO,IAAII,WAAW,QAAQ,2BAA2B;AAClE,SAASJ,OAAO,IAAIK,KAAK,QAAQ,eAAe;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,uBAAuB;AAC5D,SAASN,OAAO,IAAIO,aAAa,QAAQ,+BAA+B;AACxE,SAASP,OAAO,IAAIQ,MAAM,QAA0B,iBAAiB;AACrE,SAASR,OAAO,IAAIS,IAAI,QAAQ,aAAa;AAC7C,SAAST,OAAO,IAAIU,YAAY,QAAQ,6BAA6B;AACrE,SAASV,OAAO,IAAIW,UAAU,QAAQ,yBAAyB;AAC/D,SAASX,OAAO,IAAIY,OAAO,QAAkD,mBAAmB;AAChG,SAASZ,OAAO,IAAIa,MAAM,QAAQ,iBAAiB;AACnD,SAASb,OAAO,IAAIc,OAAO,QAAQ,mBAAmB;AACtD,SAASd,OAAO,IAAIe,SAAS,QAAQ,uBAAuB;AAC5D,SAASf,OAAO,IAAIgB,UAAU,QAAQ,yBAAyB;AAC/D,
|
|
1
|
+
{"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","HStack","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle","VStack","ChipGroup","EmptyState"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,YAAY,QAAgC,6BAA6B;AAC7F,SAASD,OAAO,IAAIE,MAAM,QAAQ,iBAAiB;AACnD,SAASF,OAAO,IAAIG,MAAM,QAA0B,iBAAiB;AACrE,SAASH,OAAO,IAAII,WAAW,QAAQ,2BAA2B;AAClE,SAASJ,OAAO,IAAIK,KAAK,QAAQ,eAAe;AAChD,SAASL,OAAO,IAAIM,SAAS,QAAQ,uBAAuB;AAC5D,SAASN,OAAO,IAAIO,aAAa,QAAQ,+BAA+B;AACxE,SAASP,OAAO,IAAIQ,MAAM,QAA0B,iBAAiB;AACrE,SAASR,OAAO,IAAIS,IAAI,QAAQ,aAAa;AAC7C,SAAST,OAAO,IAAIU,YAAY,QAAQ,6BAA6B;AACrE,SAASV,OAAO,IAAIW,UAAU,QAAQ,yBAAyB;AAC/D,SAASX,OAAO,IAAIY,OAAO,QAAkD,mBAAmB;AAChG,SAASZ,OAAO,IAAIa,MAAM,QAAQ,iBAAiB;AACnD,SAASb,OAAO,IAAIc,OAAO,QAAQ,mBAAmB;AACtD,SAASd,OAAO,IAAIe,SAAS,QAAQ,uBAAuB;AAC5D,SAASf,OAAO,IAAIgB,MAAM,QAA0B,iBAAiB;AACrE,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,yBAAyB;AAC/D,SAASjB,OAAO,IAAIkB,WAAW,QAAQ,2BAA2B;AAClE,SAASlB,OAAO,IAAImB,QAAQ,QAAQ,qBAAqB;AACzD,SAASnB,OAAO,IAAIoB,SAAS,QAAQ,uBAAuB;AAC5D,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,qBAAqB;AACzD,SAASrB,OAAO,IAAIsB,SAAS,QAAQ,uBAAuB;AAC5D,SAAStB,OAAO,IAAIuB,eAAe,QAAmC,mCAAmC;AACzG,SAASvB,OAAO,IAAIwB,UAAU,QAAQ,yBAAyB;AAC/D,SAASxB,OAAO,IAAIyB,QAAQ,QAAQ,qBAAqB;AACzD,SAASzB,OAAO,IAAI0B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS1B,OAAO,IAAI2B,OAAO,QAAQ,mBAAmB;AACtD,SAAS3B,OAAO,IAAI4B,OAAO,QAAQ,mBAAmB;AACtD,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAAS9B,OAAO,IAAI+B,SAAS,QAAQ,uBAAuB;AAC5D,SAAS/B,OAAO,IAAIgC,UAAU,QAA8B,yBAAyB;AACrF,SAASC,OAAO,QAAQ,mBAAmB;AAC3C,SAASjC,OAAO,IAAIkC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASlC,OAAO,IAAImC,kBAAkB,QAAQ,yCAAyC;AACvF,SAASnC,OAAO,IAAIoC,iBAAiB,QAAQ,uCAAuC;AACpF,SAASpC,OAAO,IAAIqC,SAAS,QAAQ,uBAAuB;AAC5D,SAASrC,OAAO,IAAIsC,MAAM,QAA0B,iBAAiB;AACrE,SAAStC,OAAO,IAAIuC,SAAS,QAA6B,uBAAuB;AACjF,SAASvC,OAAO,IAAIwC,UAAU,QAA8B,yBAAyB","ignoreList":[]}
|