jfs-components 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.mdx +5 -1
- package/lib/commonjs/components/AppBar/AppBar.js +100 -238
- 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.mdx +5 -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 +5 -18
- 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.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 +3 -3
- 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.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.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/design-tokens/figma-variables-resolver.js +3 -9
- package/lib/commonjs/design-tokens/figma-variables-resolver.js.map +1 -2
- 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.mdx +5 -1
- package/lib/module/components/AppBar/AppBar.js +100 -238
- 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.mdx +5 -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 +5 -18
- 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.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 +3 -3
- 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.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.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 +0 -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/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/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.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/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/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/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/AppBar/AppBar.mdx +51 -39
- package/src/components/AppBar/AppBar.tsx +140 -261
- 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/BottomNavItem/BottomNavItem.mdx +5 -1
- 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 +12 -20
- package/src/components/Disclaimer/Disclaimer.mdx +5 -1
- 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 +3 -3
- 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/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/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,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,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, Text } from 'react-native';
|
|
5
|
+
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
7
|
+
import SupportTextIcon from './SupportTextIcon';
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
/**
|
|
10
|
+
* SupportText component displaying a status icon and label.
|
|
11
|
+
*/
|
|
12
|
+
function SupportText({
|
|
13
|
+
label = 'Support Text',
|
|
14
|
+
status = 'Neutral',
|
|
15
|
+
iconSlot,
|
|
16
|
+
textSlot,
|
|
17
|
+
modes: propModes = {},
|
|
18
|
+
style
|
|
19
|
+
}) {
|
|
20
|
+
const {
|
|
21
|
+
modes: globalModes
|
|
22
|
+
} = useTokens();
|
|
23
|
+
|
|
24
|
+
// Merge modes. We might want to inject the status mode here if we knew the collection name.
|
|
25
|
+
// For now, we rely on the parent passing the correct mode or the status prop driving logic outside tokens if needed (but tokens are preferred).
|
|
26
|
+
// Strategy: We pass 'modes' as is. If the user wants "Success" styling (green), they should likely pass modes={{ 'SupportText': 'Success' }} AND status="Success".
|
|
27
|
+
// However, for convenience, we could eventually map status to modes if we determine the key.
|
|
28
|
+
const modes = {
|
|
29
|
+
...globalModes,
|
|
30
|
+
...propModes
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
// --- Token Resolution ---
|
|
34
|
+
const gap = parseInt(getVariableByName('supportText/gap', modes), 10) || 4;
|
|
35
|
+
const textColor = getVariableByName('supportText/foreground', modes) || '#0c0d10';
|
|
36
|
+
const fontFamily = getVariableByName('supportText/fontFamily', modes) || 'JioType Var';
|
|
37
|
+
const fontSize = parseInt(getVariableByName('supportText/fontSize', modes), 10) || 12;
|
|
38
|
+
const lineHeight = parseInt(getVariableByName('supportText/lineHeight', modes), 10) || 16;
|
|
39
|
+
const fontWeight = getVariableByName('supportText/fontWeight', modes) || '500';
|
|
40
|
+
|
|
41
|
+
// --- Styles ---
|
|
42
|
+
const containerStyle = {
|
|
43
|
+
flexDirection: 'row',
|
|
44
|
+
alignItems: 'center',
|
|
45
|
+
gap: gap
|
|
46
|
+
};
|
|
47
|
+
const textStyle = {
|
|
48
|
+
color: textColor,
|
|
49
|
+
fontFamily,
|
|
50
|
+
fontSize,
|
|
51
|
+
lineHeight,
|
|
52
|
+
fontWeight: fontWeight,
|
|
53
|
+
flexShrink: 1 // Ensure text wraps if needed
|
|
54
|
+
};
|
|
55
|
+
const renderSlot = slot => {
|
|
56
|
+
if (/*#__PURE__*/React.isValidElement(slot)) {
|
|
57
|
+
return /*#__PURE__*/React.cloneElement(slot, {
|
|
58
|
+
modes: {
|
|
59
|
+
...modes,
|
|
60
|
+
...slot.props.modes
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return slot;
|
|
65
|
+
};
|
|
66
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
67
|
+
style: [containerStyle, style],
|
|
68
|
+
children: [iconSlot ? renderSlot(iconSlot) : /*#__PURE__*/_jsx(SupportTextIcon, {
|
|
69
|
+
status: status,
|
|
70
|
+
modes: modes
|
|
71
|
+
}), textSlot ? renderSlot(textSlot) : /*#__PURE__*/_jsx(Text, {
|
|
72
|
+
style: textStyle,
|
|
73
|
+
children: label
|
|
74
|
+
})]
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
export default SupportText;
|
|
78
|
+
//# sourceMappingURL=SupportText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","Text","getVariableByName","useTokens","SupportTextIcon","jsx","_jsx","jsxs","_jsxs","SupportText","label","status","iconSlot","textSlot","modes","propModes","style","globalModes","gap","parseInt","textColor","fontFamily","fontSize","lineHeight","fontWeight","containerStyle","flexDirection","alignItems","textStyle","color","flexShrink","renderSlot","slot","isValidElement","cloneElement","props","children"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,OAAOC,eAAe,MAAkC,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA6B5E;AACA;AACA;AACA,SAASC,WAAWA,CAAC;EACjBC,KAAK,GAAG,cAAc;EACtBC,MAAM,GAAG,SAAS;EAClBC,QAAQ;EACRC,QAAQ;EACRC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC;AACc,CAAC,EAAE;EACjB,MAAM;IAAEF,KAAK,EAAEG;EAAY,CAAC,GAAGd,SAAS,CAAC,CAAC;;EAE1C;EACA;EACA;EACA;EACA,MAAMW,KAAK,GAAG;IAAE,GAAGG,WAAW;IAAE,GAAGF;EAAU,CAAC;;EAE9C;EACA,MAAMG,GAAG,GAAGC,QAAQ,CAACjB,iBAAiB,CAAC,iBAAiB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC;EAE1E,MAAMM,SAAS,GAAGlB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,SAAS;EACjF,MAAMO,UAAU,GAAGnB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,aAAa;EACtF,MAAMQ,QAAQ,GAAGH,QAAQ,CAACjB,iBAAiB,CAAC,sBAAsB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;EACrF,MAAMS,UAAU,GAAGJ,QAAQ,CAACjB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;EACzF,MAAMU,UAAU,GAAGtB,iBAAiB,CAAC,wBAAwB,EAAEY,KAAK,CAAC,IAAI,KAAK;;EAE9E;EACA,MAAMW,cAAyB,GAAG;IAC9BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBT,GAAG,EAAEA;EACT,CAAC;EAED,MAAMU,SAAoB,GAAG;IACzBC,KAAK,EAAET,SAAS;IAChBC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,UAAU,EAAEA,UAAiB;IAC7BM,UAAU,EAAE,CAAC,CAAE;EACnB,CAAC;EAED,MAAMC,UAAU,GAAIC,IAAqB,IAAK;IAC1C,iBAAIjC,KAAK,CAACkC,cAAc,CAACD,IAAI,CAAC,EAAE;MAC5B,oBAAOjC,KAAK,CAACmC,YAAY,CAACF,IAAI,EAA6B;QACvDlB,KAAK,EAAE;UAAE,GAAGA,KAAK;UAAE,GAAIkB,IAAI,CAASG,KAAK,CAACrB;QAAM;MACpD,CAAC,CAAC;IACN;IACA,OAAOkB,IAAI;EACf,CAAC;EAED,oBACIxB,KAAA,CAACR,IAAI;IAACgB,KAAK,EAAE,CAACS,cAAc,EAAET,KAAK,CAAE;IAAAoB,QAAA,GAChCxB,QAAQ,GACLmB,UAAU,CAACnB,QAAQ,CAAC,gBAEpBN,IAAA,CAACF,eAAe;MAACO,MAAM,EAAEA,MAAO;MAACG,KAAK,EAAEA;IAAM,CAAE,CACnD,EAEAD,QAAQ,GACLkB,UAAU,CAAClB,QAAQ,CAAC,gBAEpBP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAEY,SAAU;MAAAQ,QAAA,EAAE1B;IAAK,CAAO,CACxC;EAAA,CACC,CAAC;AAEf;AAEA,eAAeD,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Canvas, Meta, Story, Controls } from '@storybook/blocks';
|
|
2
|
+
import * as SupportTextStories from './SupportText.stories';
|
|
3
|
+
import SupportText from './SupportText';
|
|
4
|
+
|
|
5
|
+
<Meta of={SupportTextStories} />
|
|
6
|
+
|
|
7
|
+
# SupportText
|
|
8
|
+
|
|
9
|
+
A component for displaying status messages with icons.
|
|
10
|
+
|
|
11
|
+
<Canvas>
|
|
12
|
+
<Story of={SupportTextStories.Default} />
|
|
13
|
+
</Canvas>
|
|
14
|
+
|
|
15
|
+
## Props
|
|
16
|
+
|
|
17
|
+
<Controls />
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## Available Collections and Modes
|
|
21
|
+
|
|
22
|
+
This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
|
|
23
|
+
|
|
24
|
+
### Status
|
|
25
|
+
- **Modes:** Neutral | Warning | Error | Success
|
|
26
|
+
- **Default:** Neutral
|
|
27
|
+
## Usage
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import { SupportText } from 'jfs-components';
|
|
31
|
+
|
|
32
|
+
<SupportText status="Success" label="Operation successful" />
|
|
33
|
+
<SupportText status="Error" label="Something went wrong" />
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
## Design Tokens
|
|
38
|
+
|
|
39
|
+
This component uses the following design tokens, resolved through `getVariableByName`:
|
|
40
|
+
|
|
41
|
+
- **`supportText/fontFamily`**
|
|
42
|
+
- **`supportText/fontSize`**
|
|
43
|
+
- **`supportText/fontWeight`**
|
|
44
|
+
- **`supportText/foreground`**
|
|
45
|
+
- **`supportText/gap`**
|
|
46
|
+
- **`supportText/lineHeight`**
|
|
47
|
+
|
|
48
|
+
All tokens support mode-based theming through the `modes` prop.
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import Icon from '../../icons/Icon';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const STATUS_ICON_MAP = {
|
|
9
|
+
Neutral: 'ic_info',
|
|
10
|
+
Warning: 'ic_warning',
|
|
11
|
+
// Using ic_warning for Warning
|
|
12
|
+
Error: 'ic_warning',
|
|
13
|
+
// Using ic_warning for Error
|
|
14
|
+
Success: 'ic_status_successful'
|
|
15
|
+
};
|
|
16
|
+
function SupportTextIcon({
|
|
17
|
+
status = 'Neutral',
|
|
18
|
+
modes = {},
|
|
19
|
+
style
|
|
20
|
+
}) {
|
|
21
|
+
const iconName = STATUS_ICON_MAP[status] || 'ic_info';
|
|
22
|
+
|
|
23
|
+
// Resolve icon size
|
|
24
|
+
const size = parseInt(getVariableByName('supportText/icon/size', modes), 10) || 16;
|
|
25
|
+
|
|
26
|
+
// Resolve icon color
|
|
27
|
+
// Assuming supportText/foreground applies to icon as well, or there might be specific icon color tokens.
|
|
28
|
+
// Using supportText/foreground as default based on common patterns if no specific icon token.
|
|
29
|
+
// If specific tokens exist like 'supportText/icon/color', they should be used.
|
|
30
|
+
// Detailed variables only showed supportText/foreground.
|
|
31
|
+
const color = getVariableByName('supportText/foreground', modes) || '#0c0d10';
|
|
32
|
+
return /*#__PURE__*/_jsx(View, {
|
|
33
|
+
style: style,
|
|
34
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
35
|
+
name: iconName,
|
|
36
|
+
size: size,
|
|
37
|
+
color: color
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
export default SupportTextIcon;
|
|
42
|
+
//# sourceMappingURL=SupportTextIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","getVariableByName","Icon","jsx","_jsx","STATUS_ICON_MAP","Neutral","Warning","Error","Success","SupportTextIcon","status","modes","style","iconName","size","parseInt","color","children","name"],"sourceRoot":"../../../../src","sources":["components/SupportText/SupportTextIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,IAAI,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpC,MAAMC,eAAkD,GAAG;EACvDC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,YAAY;EAAE;EACvBC,KAAK,EAAE,YAAY;EAAI;EACvBC,OAAO,EAAE;AACb,CAAC;AAED,SAASC,eAAeA,CAAC;EACrBC,MAAM,GAAG,SAAS;EAClBC,KAAK,GAAG,CAAC,CAAC;EACVC;AACkB,CAAC,EAAE;EACrB,MAAMC,QAAQ,GAAGT,eAAe,CAACM,MAAM,CAAC,IAAI,SAAS;;EAErD;EACA,MAAMI,IAAI,GAAGC,QAAQ,CAACf,iBAAiB,CAAC,uBAAuB,EAAEW,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE;;EAElF;EACA;EACA;EACA;EACA;EACA,MAAMK,KAAK,GAAGhB,iBAAiB,CAAC,wBAAwB,EAAEW,KAAK,CAAC,IAAI,SAAS;EAE7E,oBACIR,IAAA,CAACJ,IAAI;IAACa,KAAK,EAAEA,KAAM;IAAAK,QAAA,eACfd,IAAA,CAACF,IAAI;MAACiB,IAAI,EAAEL,QAAS;MAACC,IAAI,EAAEA,IAAK;MAACE,KAAK,EAAEA;IAAM,CAAE;EAAC,CAChD,CAAC;AAEf;AAEA,eAAeP,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
|
|
2
|
+
import * as SupportTextIconStories from './SupportTextIcon.stories';
|
|
3
|
+
import SupportTextIcon from './SupportTextIcon';
|
|
4
|
+
|
|
5
|
+
<Meta of={SupportTextIconStories} />
|
|
6
|
+
|
|
7
|
+
# SupportTextIcon
|
|
8
|
+
|
|
9
|
+
SupportTextIcon component with design-token-driven styling.
|
|
10
|
+
|
|
11
|
+
## Available Collections and Modes
|
|
12
|
+
|
|
13
|
+
This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
|
|
14
|
+
|
|
15
|
+
### Status
|
|
16
|
+
- **Modes:** Neutral | Warning | Error | Success
|
|
17
|
+
- **Default:** Neutral
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
<Canvas>
|
|
21
|
+
<Story of={SupportTextIconStories.Default} />
|
|
22
|
+
</Canvas>
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
<Controls of={SupportTextIconStories.Default} />
|
|
27
|
+
|
|
28
|
+
## Design Tokens
|
|
29
|
+
|
|
30
|
+
This component uses the following design tokens, resolved through `getVariableByName`:
|
|
31
|
+
|
|
32
|
+
- **`supportText/foreground`**
|
|
33
|
+
- **`supportText/icon/size`**
|
|
34
|
+
|
|
35
|
+
All tokens support mode-based theming through the `modes` prop.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["default","SupportText","SupportTextIcon"],"sourceRoot":"../../../../src","sources":["components/SupportText/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta, Story, Canvas,
|
|
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
|
|
|
@@ -3,34 +3,10 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { View, Text } from 'react-native';
|
|
5
5
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Helper function to recursively clone children and pass modes prop to components that accept it.
|
|
9
|
-
*/
|
|
10
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
function cloneChildrenWithModes(children, modes) {
|
|
12
|
-
const result = React.Children.map(children, child => {
|
|
13
|
-
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
14
|
-
return child;
|
|
15
|
-
}
|
|
16
|
-
const childChildren = child.props?.children;
|
|
17
|
-
const hasChildren = childChildren !== undefined && childChildren !== null;
|
|
18
|
-
const existingModes = child.props?.modes;
|
|
19
|
-
const mergedModes = existingModes ? {
|
|
20
|
-
...modes,
|
|
21
|
-
...existingModes
|
|
22
|
-
} : modes;
|
|
23
|
-
const processedChildren = hasChildren ? cloneChildrenWithModes(React.Children.toArray(childChildren), modes) : undefined;
|
|
24
|
-
return /*#__PURE__*/React.cloneElement(child, {
|
|
25
|
-
...child.props,
|
|
26
|
-
modes: mergedModes
|
|
27
|
-
}, processedChildren);
|
|
28
|
-
});
|
|
29
|
-
return result || [];
|
|
30
|
-
}
|
|
6
|
+
import { cloneChildrenWithModes } from '../../utils/react-utils';
|
|
31
7
|
|
|
32
8
|
// ===== Item Subcomponent =====
|
|
33
|
-
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
34
10
|
/**
|
|
35
11
|
* Item component that displays a label-value pair, used within TransactionDetails.
|
|
36
12
|
* Access via `TransactionDetails.Item`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","getVariableByName","jsx","_jsx","jsxs","_jsxs","
|
|
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
|
|
|
@@ -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":[]}
|