jfs-components 0.0.4 → 0.0.6
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/Containers.js +16 -7
- package/lib/commonjs/Containers.js.map +1 -1
- package/lib/commonjs/components/Accordion/Accordion.mdx +1 -0
- package/lib/commonjs/components/ActionFooter/ActionFooter.mdx +1 -0
- package/lib/commonjs/components/ActionTile/ActionTile.js +10 -1
- package/lib/commonjs/components/ActionTile/ActionTile.js.map +1 -1
- package/lib/commonjs/components/AppBar/AppBar.js +18 -2
- package/lib/commonjs/components/AppBar/AppBar.js.map +1 -1
- package/lib/commonjs/components/BottomNav/BottomNav.js +9 -1
- package/lib/commonjs/components/BottomNav/BottomNav.js.map +1 -1
- package/lib/commonjs/components/BottomNavItem/BottomNavItem.js +9 -1
- package/lib/commonjs/components/BottomNavItem/BottomNavItem.js.map +1 -1
- package/lib/commonjs/components/CtaCard/CtaCard.js +10 -2
- package/lib/commonjs/components/CtaCard/CtaCard.js.map +1 -1
- package/lib/commonjs/components/CtaCard/CtaCard.mdx +1 -2
- package/lib/commonjs/components/Disclaimer/Disclaimer.js +9 -1
- package/lib/commonjs/components/Disclaimer/Disclaimer.js.map +1 -1
- package/lib/commonjs/components/IconCapsule/IconCapsule.js +9 -1
- package/lib/commonjs/components/IconCapsule/IconCapsule.js.map +1 -1
- package/lib/commonjs/components/Introduction.mdx +0 -1
- package/lib/commonjs/components/PageTitle/PageTitle.js +10 -1
- package/lib/commonjs/components/PageTitle/PageTitle.js.map +1 -1
- package/lib/commonjs/components/UpiHandle/UpiHandle.js +9 -1
- package/lib/commonjs/components/UpiHandle/UpiHandle.js.map +1 -1
- package/lib/commonjs/design-tokens/JFSThemeProvider.js +64 -0
- package/lib/commonjs/design-tokens/JFSThemeProvider.js.map +1 -0
- package/lib/commonjs/design-tokens/figma-variables-resolver.js +9 -3
- package/lib/commonjs/design-tokens/figma-variables-resolver.js.map +2 -1
- package/lib/commonjs/design-tokens/index.js +11 -0
- package/lib/commonjs/design-tokens/index.js.map +1 -1
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/Containers.js +15 -7
- package/lib/module/Containers.js.map +1 -1
- package/lib/module/components/Accordion/Accordion.mdx +1 -0
- package/lib/module/components/ActionFooter/ActionFooter.mdx +1 -0
- package/lib/module/components/ActionTile/ActionTile.js +10 -1
- package/lib/module/components/ActionTile/ActionTile.js.map +1 -1
- package/lib/module/components/AppBar/AppBar.js +18 -2
- package/lib/module/components/AppBar/AppBar.js.map +1 -1
- package/lib/module/components/BottomNav/BottomNav.js +9 -1
- package/lib/module/components/BottomNav/BottomNav.js.map +1 -1
- package/lib/module/components/BottomNavItem/BottomNavItem.js +9 -1
- package/lib/module/components/BottomNavItem/BottomNavItem.js.map +1 -1
- package/lib/module/components/CtaCard/CtaCard.js +10 -2
- package/lib/module/components/CtaCard/CtaCard.js.map +1 -1
- package/lib/module/components/CtaCard/CtaCard.mdx +1 -2
- package/lib/module/components/Disclaimer/Disclaimer.js +9 -1
- package/lib/module/components/Disclaimer/Disclaimer.js.map +1 -1
- package/lib/module/components/IconCapsule/IconCapsule.js +9 -1
- package/lib/module/components/IconCapsule/IconCapsule.js.map +1 -1
- package/lib/module/components/Introduction.mdx +0 -1
- package/lib/module/components/PageTitle/PageTitle.js +10 -1
- package/lib/module/components/PageTitle/PageTitle.js.map +1 -1
- package/lib/module/components/UpiHandle/UpiHandle.js +9 -1
- package/lib/module/components/UpiHandle/UpiHandle.js.map +1 -1
- package/lib/module/design-tokens/JFSThemeProvider.js +57 -0
- package/lib/module/design-tokens/JFSThemeProvider.js.map +1 -0
- package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
- package/lib/module/design-tokens/index.js +1 -0
- package/lib/module/design-tokens/index.js.map +1 -1
- package/lib/module/icons/registry.js +1 -1
- package/lib/typescript/Containers.d.ts +2 -1
- package/lib/typescript/Containers.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 +2 -2
- package/lib/typescript/components/AppBar/AppBar.d.ts.map +1 -1
- 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/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/IconCapsule/IconCapsule.d.ts +1 -1
- package/lib/typescript/components/IconCapsule/IconCapsule.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/UpiHandle/UpiHandle.d.ts +1 -1
- package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map +1 -1
- package/lib/typescript/design-tokens/JFSThemeProvider.d.ts +44 -0
- package/lib/typescript/design-tokens/JFSThemeProvider.d.ts.map +1 -0
- package/lib/typescript/design-tokens/index.d.ts +1 -0
- package/lib/typescript/design-tokens/index.d.ts.map +1 -1
- package/lib/typescript/icons/registry.d.ts +1 -1
- package/package.json +3 -7
- package/src/Containers.tsx +15 -0
- package/src/components/Accordion/Accordion.mdx +1 -0
- package/src/components/ActionFooter/ActionFooter.mdx +1 -0
- package/src/components/ActionTile/ActionTile.tsx +5 -1
- package/src/components/AppBar/AppBar.tsx +18 -11
- package/src/components/BottomNav/BottomNav.tsx +6 -3
- package/src/components/BottomNavItem/BottomNavItem.tsx +19 -16
- package/src/components/CtaCard/CtaCard.mdx +1 -2
- package/src/components/CtaCard/CtaCard.tsx +5 -2
- package/src/components/Disclaimer/Disclaimer.tsx +6 -3
- package/src/components/Divider/Divider.tsx +1 -0
- package/src/components/IconCapsule/IconCapsule.tsx +10 -7
- package/src/components/Introduction.mdx +0 -1
- package/src/components/NavArrow/NavArrow.tsx +1 -0
- package/src/components/PageTitle/PageTitle.tsx +8 -4
- package/src/components/UpiHandle/UpiHandle.tsx +4 -1
- package/src/design-tokens/JFSThemeProvider.tsx +79 -0
- package/src/design-tokens/index.ts +1 -0
- package/src/icons/registry.ts +1 -1
- package/src/Containers.ts +0 -8
package/lib/module/Containers.js
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, StyleSheet } from 'react-native';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export const storyContainer = props => /*#__PURE__*/_jsx(View, {
|
|
7
|
+
style: styles.container,
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
const styles = StyleSheet.create({
|
|
11
|
+
container: {
|
|
12
|
+
height: '100%',
|
|
13
|
+
width: '100%',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
justifyContent: 'center'
|
|
16
|
+
}
|
|
17
|
+
});
|
|
10
18
|
//# sourceMappingURL=Containers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","jsx","_jsx","storyContainer","props","style","styles","container","create","height","width","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["Containers.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhE,OAAO,MAAMC,cAAc,GAAIC,KAAgB,iBAC7CF,IAAA,CAACH,IAAI;EAACM,KAAK,EAAIC,MAAM,CAACC,SAAW;EAAA,GAAMH;AAAK,CAAI,CACjD;AAED,MAAME,MAAM,GAAGN,UAAU,CAACQ,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -99,3 +99,4 @@ All tokens support mode-based theming through the `modes` prop.
|
|
|
99
99
|
|
|
100
100
|
The ActionFooter uses `accessibilityRole="toolbar"` to indicate it contains a group of action controls. Provide a meaningful `accessibilityLabel` to describe the footer's purpose to screen reader users.
|
|
101
101
|
|
|
102
|
+
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { View, Text, TouchableOpacity } from 'react-native';
|
|
5
5
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import IconCapsule from '../IconCapsule/IconCapsule';
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
/**
|
|
@@ -14,10 +15,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
14
15
|
export default function ActionTile({
|
|
15
16
|
label = 'Cards',
|
|
16
17
|
icon,
|
|
17
|
-
modes = {},
|
|
18
|
+
modes: propModes = {},
|
|
18
19
|
style,
|
|
19
20
|
onPress
|
|
20
21
|
}) {
|
|
22
|
+
const {
|
|
23
|
+
modes: globalModes
|
|
24
|
+
} = useTokens();
|
|
25
|
+
const modes = {
|
|
26
|
+
...globalModes,
|
|
27
|
+
...propModes
|
|
28
|
+
};
|
|
29
|
+
|
|
21
30
|
// Resolve tokens
|
|
22
31
|
const backgroundColor = getVariableByName('actionTile/background', modes) || '#ffffff';
|
|
23
32
|
const gap = Number(getVariableByName('actionTile/gap', modes)) || 8;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","TouchableOpacity","getVariableByName","IconCapsule","jsx","_jsx","jsxs","_jsxs","ActionTile","label","icon","modes","style","onPress","backgroundColor","gap","Number","paddingHorizontal","paddingVertical","radius","textColor","fontSize","fontFamily","fontWeightStr","lineHeight","containerStyle","borderRadius","width","height","alignItems","textStyle","color","fontWeight","renderIcon","isValidElement","cloneElement","Content","children"],"sourceRoot":"../../../../src","sources":["components/ActionTile/ActionTile.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAkCC,gBAAgB,QAAQ,cAAc;AAC3F,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,WAAW,MAAM,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBpD;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,UAAUA,CAAC;EAC/BC,KAAK,GAAG,OAAO;EACfC,IAAI;EACJC,KAAK,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","View","Text","TouchableOpacity","getVariableByName","useTokens","IconCapsule","jsx","_jsx","jsxs","_jsxs","ActionTile","label","icon","modes","propModes","style","onPress","globalModes","backgroundColor","gap","Number","paddingHorizontal","paddingVertical","radius","textColor","fontSize","fontFamily","fontWeightStr","lineHeight","containerStyle","borderRadius","width","height","alignItems","textStyle","color","fontWeight","renderIcon","isValidElement","cloneElement","Content","children"],"sourceRoot":"../../../../src","sources":["components/ActionTile/ActionTile.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import IconButton from '../IconButton/IconButton';
|
|
7
8
|
import Avatar from '../Avatar/Avatar';
|
|
8
9
|
|
|
@@ -71,13 +72,20 @@ function AppBar({
|
|
|
71
72
|
leading,
|
|
72
73
|
middleSlot,
|
|
73
74
|
actionsSlot,
|
|
74
|
-
modes = {},
|
|
75
|
+
modes: propModes = {},
|
|
75
76
|
onLeadingPress,
|
|
76
77
|
style,
|
|
77
78
|
accessibilityLabel = "App bar",
|
|
78
79
|
accessibilityHint,
|
|
79
80
|
...rest
|
|
80
81
|
}) {
|
|
82
|
+
const {
|
|
83
|
+
modes: globalModes
|
|
84
|
+
} = useTokens();
|
|
85
|
+
const modes = {
|
|
86
|
+
...globalModes,
|
|
87
|
+
...propModes
|
|
88
|
+
};
|
|
81
89
|
const [childFocused, setChildFocused] = useState(false);
|
|
82
90
|
function injectFocusHandlers(node) {
|
|
83
91
|
if (! /*#__PURE__*/React.isValidElement(node)) return node;
|
|
@@ -210,7 +218,7 @@ function AppBar({
|
|
|
210
218
|
function AppBarHome({
|
|
211
219
|
leading,
|
|
212
220
|
actionsSlot,
|
|
213
|
-
modes = {},
|
|
221
|
+
modes: propModes = {},
|
|
214
222
|
onLeadingPress,
|
|
215
223
|
leadingIconName = 'ic_hellojio',
|
|
216
224
|
avatarProps,
|
|
@@ -219,6 +227,14 @@ function AppBarHome({
|
|
|
219
227
|
accessibilityHint,
|
|
220
228
|
...rest
|
|
221
229
|
}) {
|
|
230
|
+
const {
|
|
231
|
+
modes: globalModes
|
|
232
|
+
} = useTokens();
|
|
233
|
+
const modes = {
|
|
234
|
+
...globalModes,
|
|
235
|
+
...propModes
|
|
236
|
+
};
|
|
237
|
+
|
|
222
238
|
// Resolve container tokens
|
|
223
239
|
const paddingHorizontal = getVariableByName('appBarHome/padding/horizontal', modes) ?? 16;
|
|
224
240
|
const paddingVertical = getVariableByName('appBarHome/padding/vertical', modes) ?? 16;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","View","getVariableByName","IconButton","Avatar","jsx","_jsx","jsxs","_jsxs","cloneChildrenWithModes","children","modes","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","filter","AppBar","leading","middleSlot","actionsSlot","onLeadingPress","style","accessibilityLabel","accessibilityHint","rest","childFocused","setChildFocused","injectFocusHandlers","node","existingOnFocus","onFocus","existingOnBlur","onBlur","e","paddingHorizontal","paddingVertical","actionsGap","containerStyle","flexDirection","alignItems","justifyContent","minHeight","actionsRowStyle","gap","defaultLeading","iconName","onPress","defaultActions","processedMiddleSlot","processedActionsSlot","processedLeading","borderBottomWidth","borderBottomColor","accessibilityRole","position","left","right","top","bottom","pointerEvents","accessibilityElementsHidden","importantForAccessibility","Array","isArray","n","AppBarHome","leadingIconName","avatarProps","width","homeActionsRowStyle","avatarModes","processedAvatar"],"sourceRoot":"../../../../src","sources":["components/AppBar/AppBar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,MAAM,MAAM,kBAAkB;;AAErC;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIA,SAASC,sBAAsBA,CAC7BC,QAAyB,EACzBC,KAA0B,EACP;EACnB,
|
|
1
|
+
{"version":3,"names":["React","useState","View","getVariableByName","useTokens","IconButton","Avatar","jsx","_jsx","jsxs","_jsxs","cloneChildrenWithModes","children","modes","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","filter","AppBar","leading","middleSlot","actionsSlot","propModes","onLeadingPress","style","accessibilityLabel","accessibilityHint","rest","globalModes","childFocused","setChildFocused","injectFocusHandlers","node","existingOnFocus","onFocus","existingOnBlur","onBlur","e","paddingHorizontal","paddingVertical","actionsGap","containerStyle","flexDirection","alignItems","justifyContent","minHeight","actionsRowStyle","gap","defaultLeading","iconName","onPress","defaultActions","processedMiddleSlot","processedActionsSlot","processedLeading","borderBottomWidth","borderBottomColor","accessibilityRole","position","left","right","top","bottom","pointerEvents","accessibilityElementsHidden","importantForAccessibility","Array","isArray","n","AppBarHome","leadingIconName","avatarProps","width","homeActionsRowStyle","avatarModes","processedAvatar"],"sourceRoot":"../../../../src","sources":["components/AppBar/AppBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import BottomNavItem from '../BottomNavItem/BottomNavItem';
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
/**
|
|
@@ -48,13 +49,20 @@ function BottomNav({
|
|
|
48
49
|
label: 'Explore',
|
|
49
50
|
iconName: 'ic_search'
|
|
50
51
|
}],
|
|
51
|
-
modes = {},
|
|
52
|
+
modes: propModes = {},
|
|
52
53
|
onItemPress,
|
|
53
54
|
style,
|
|
54
55
|
accessibilityLabel = "Bottom navigation",
|
|
55
56
|
accessibilityHint,
|
|
56
57
|
...rest
|
|
57
58
|
}) {
|
|
59
|
+
const {
|
|
60
|
+
modes: globalModes
|
|
61
|
+
} = useTokens();
|
|
62
|
+
const modes = {
|
|
63
|
+
...globalModes,
|
|
64
|
+
...propModes
|
|
65
|
+
};
|
|
58
66
|
// Resolve container styling tokens
|
|
59
67
|
const backgroundColor = getVariableByName('bottomNav/background', modes) || '#ffffff';
|
|
60
68
|
const borderColor = getVariableByName('bottomNav/border/color', modes) || '#cccfd1';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","getVariableByName","BottomNavItem","jsx","_jsx","BottomNav","items","key","label","iconName","modes","onItemPress","style","accessibilityLabel","accessibilityHint","rest","backgroundColor","borderColor","borderWidth","paddingTop","paddingBottom","paddingHorizontal","containerStyle","flexDirection","alignItems","borderTopWidth","borderTopColor","borderLeftWidth","borderRightWidth","borderBottomWidth","renderItem","item","itemModes","handlePress","onPress","undefined","onKeyPress","e","nativeEvent","disabled","flex","labelStyle","iconColor","iconSize","accessibilityRole","children","map"],"sourceRoot":"../../../../src","sources":["components/BottomNav/BottomNav.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,aAAa,MAAM,gCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwB1D;AACA;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,CACN;IAAEC,GAAG,EAAE,MAAM;IAAEC,KAAK,EAAE,MAAM;IAAEC,QAAQ,EAAE;EAAU,CAAC,EACnD;IAAEF,GAAG,EAAE,UAAU;IAAEC,KAAK,EAAE,UAAU;IAAEC,QAAQ,EAAE;EAAW,CAAC,EAC5D;IAAEF,GAAG,EAAE,KAAK;IAAEC,KAAK,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAkB,CAAC,EACzD;IAAEF,GAAG,EAAE,QAAQ;IAAEC,KAAK,EAAE,QAAQ;IAAEC,QAAQ,EAAE;EAAgB,CAAC,EAC7D;IAAEF,GAAG,EAAE,SAAS;IAAEC,KAAK,EAAE,SAAS;IAAEC,QAAQ,EAAE;EAAY,CAAC,CAC5D;EACDC,KAAK,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","View","getVariableByName","useTokens","BottomNavItem","jsx","_jsx","BottomNav","items","key","label","iconName","modes","propModes","onItemPress","style","accessibilityLabel","accessibilityHint","rest","globalModes","backgroundColor","borderColor","borderWidth","paddingTop","paddingBottom","paddingHorizontal","containerStyle","flexDirection","alignItems","borderTopWidth","borderTopColor","borderLeftWidth","borderRightWidth","borderBottomWidth","renderItem","item","itemModes","handlePress","onPress","undefined","onKeyPress","e","nativeEvent","disabled","flex","labelStyle","iconColor","iconSize","accessibilityRole","children","map"],"sourceRoot":"../../../../src","sources":["components/BottomNav/BottomNav.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
4
|
import { Pressable, Text, View } 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
|
import { usePressableWebSupport } from '../../utils/web-platform-utils';
|
|
8
9
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -31,7 +32,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
31
32
|
function BottomNavItem({
|
|
32
33
|
iconName = 'ic_home',
|
|
33
34
|
label = 'Home',
|
|
34
|
-
modes = {},
|
|
35
|
+
modes: propModes = {},
|
|
35
36
|
onPress,
|
|
36
37
|
disabled = false,
|
|
37
38
|
style,
|
|
@@ -44,6 +45,13 @@ function BottomNavItem({
|
|
|
44
45
|
webAccessibilityProps,
|
|
45
46
|
...rest
|
|
46
47
|
}) {
|
|
48
|
+
const {
|
|
49
|
+
modes: globalModes
|
|
50
|
+
} = useTokens();
|
|
51
|
+
const modes = {
|
|
52
|
+
...globalModes,
|
|
53
|
+
...propModes
|
|
54
|
+
};
|
|
47
55
|
const [isFocused, setIsFocused] = useState(false);
|
|
48
56
|
const [isHovered, setIsHovered] = useState(false);
|
|
49
57
|
const pressedStyle = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","Text","View","getVariableByName","Icon","usePressableWebSupport","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BottomNavItem","iconName","label","modes","onPress","disabled","style","labelStyle","iconColor","iconColorOverride","iconSize","iconSizeOverride","accessibilityLabel","accessibilityHint","accessibilityState","webAccessibilityProps","rest","isFocused","setIsFocused","isHovered","setIsHovered","pressedStyle","opacity","focusStyle","borderBottomWidth","borderBottomColor","hoverStyle","gap","fontFamily","fontWeightRaw","fontWeight","toString","fontSize","lineHeight","labelColor","resolvedIconColor","resolvedIconSize","baseContainerStyle","alignItems","textStyle","color","textAlign","marginTop","defaultAccessibilityLabel","webProps","restProps","undefined","renderContent","children","name","size","accessibilityElementsHidden","importantForAccessibility","accessibilityRole","selected","onPressIn","e","onPressOut","onFocus","onBlur","onHoverIn","onHoverOut","pressed"],"sourceRoot":"../../../../src","sources":["components/BottomNavItem/BottomNavItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,EACTC,IAAI,EACJC,IAAI,QAKC,cAAc;AACrB,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,IAAI,MAAM,kBAAkB;AACnC,SAASC,sBAAsB,QAA6D,gCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAqB5H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAC;EACrBC,QAAQ,GAAG,SAAS;EACpBC,KAAK,GAAG,MAAM;EACdC,KAAK,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","Text","View","getVariableByName","useTokens","Icon","usePressableWebSupport","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","BottomNavItem","iconName","label","modes","propModes","onPress","disabled","style","labelStyle","iconColor","iconColorOverride","iconSize","iconSizeOverride","accessibilityLabel","accessibilityHint","accessibilityState","webAccessibilityProps","rest","globalModes","isFocused","setIsFocused","isHovered","setIsHovered","pressedStyle","opacity","focusStyle","borderBottomWidth","borderBottomColor","hoverStyle","gap","fontFamily","fontWeightRaw","fontWeight","toString","fontSize","lineHeight","labelColor","resolvedIconColor","resolvedIconSize","baseContainerStyle","alignItems","textStyle","color","textAlign","marginTop","defaultAccessibilityLabel","webProps","restProps","undefined","renderContent","children","name","size","accessibilityElementsHidden","importantForAccessibility","accessibilityRole","selected","onPressIn","e","onPressOut","onFocus","onBlur","onHoverIn","onHoverOut","pressed"],"sourceRoot":"../../../../src","sources":["components/BottomNavItem/BottomNavItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
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
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import IconCapsule from '../IconCapsule/IconCapsule';
|
|
7
8
|
import Button from '../Button/Button';
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -17,13 +18,20 @@ function CtaCard({
|
|
|
17
18
|
iconName = "ic_upi_number",
|
|
18
19
|
buttonLabel = "Get started",
|
|
19
20
|
onPressButton,
|
|
20
|
-
modes = {},
|
|
21
|
+
modes: propModes = {},
|
|
21
22
|
iconSlot,
|
|
22
23
|
titleSlot,
|
|
23
24
|
bodySlot,
|
|
24
25
|
buttonSlot,
|
|
25
26
|
style
|
|
26
27
|
}) {
|
|
28
|
+
const {
|
|
29
|
+
modes: globalModes
|
|
30
|
+
} = useTokens();
|
|
31
|
+
const modes = {
|
|
32
|
+
...globalModes,
|
|
33
|
+
...propModes
|
|
34
|
+
};
|
|
27
35
|
// --- Token Resolution ---
|
|
28
36
|
// Container
|
|
29
37
|
const backgroundColor = getVariableByName('ctaCard/background', modes) || '#0078ad';
|
|
@@ -108,7 +116,7 @@ function CtaCard({
|
|
|
108
116
|
})]
|
|
109
117
|
}), buttonSlot ? renderSlot(buttonSlot) : /*#__PURE__*/_jsx(Button, {
|
|
110
118
|
label: buttonLabel,
|
|
111
|
-
onPress: onPressButton,
|
|
119
|
+
onPress: onPressButton || (() => {}),
|
|
112
120
|
modes: modes
|
|
113
121
|
})]
|
|
114
122
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","getVariableByName","IconCapsule","Button","jsx","_jsx","jsxs","_jsxs","CtaCard","title","body","iconName","buttonLabel","onPressButton","modes","iconSlot","titleSlot","bodySlot","buttonSlot","style","backgroundColor","radius","paddingHorizontal","paddingVertical","gap","contentGap","titleColor","titleFontFamily","titleFontSize","titleLineHeight","bodyColor","bodyFontFamily","bodyFontSize","bodyLineHeight","containerStyle","borderRadius","alignItems","width","overflow","contentWrapStyle","titleStyle","color","fontFamily","fontSize","lineHeight","fontWeight","bodyStyle","renderSlot","slot","isValidElement","cloneElement","props","children","label","onPress"],"sourceRoot":"../../../../src","sources":["components/CtaCard/CtaCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,WAAW,MAAM,4BAA4B;AACpD,OAAOC,MAAM,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuDtC;AACA;AACA;AACA;AACA;AACA,SAASC,OAAOA,CAAC;EACbC,KAAK,GAAG,yBAAyB;EACjCC,IAAI,GAAG,kCAAkC;EACzCC,QAAQ,GAAG,eAAe;EAC1BC,WAAW,GAAG,aAAa;EAC3BC,aAAa;EACbC,KAAK,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","View","Text","getVariableByName","useTokens","IconCapsule","Button","jsx","_jsx","jsxs","_jsxs","CtaCard","title","body","iconName","buttonLabel","onPressButton","modes","propModes","iconSlot","titleSlot","bodySlot","buttonSlot","style","globalModes","backgroundColor","radius","paddingHorizontal","paddingVertical","gap","contentGap","titleColor","titleFontFamily","titleFontSize","titleLineHeight","bodyColor","bodyFontFamily","bodyFontSize","bodyLineHeight","containerStyle","borderRadius","alignItems","width","overflow","contentWrapStyle","titleStyle","color","fontFamily","fontSize","lineHeight","fontWeight","bodyStyle","renderSlot","slot","isValidElement","cloneElement","props","children","label","onPress"],"sourceRoot":"../../../../src","sources":["components/CtaCard/CtaCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -62,5 +62,4 @@ This component uses the following design tokens, resolved through `getVariableBy
|
|
|
62
62
|
- **`ctaCard/title/fontSize`**
|
|
63
63
|
- **`ctaCard/title/lineHeight`**
|
|
64
64
|
|
|
65
|
-
All tokens support mode-based theming through the `modes` prop.
|
|
66
|
-
|
|
65
|
+
All tokens support mode-based theming through the `modes` prop.
|
|
@@ -3,6 +3,7 @@
|
|
|
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
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
/**
|
|
8
9
|
* Disclaimer text block that mirrors the Figma "Disclaimer" component.
|
|
@@ -27,13 +28,20 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
|
27
28
|
*/
|
|
28
29
|
function Disclaimer({
|
|
29
30
|
disclaimer = 'All financial services are provided by Jio Payments Bank Pvt. Ltd.',
|
|
30
|
-
modes = {},
|
|
31
|
+
modes: propModes = {},
|
|
31
32
|
style,
|
|
32
33
|
textStyle,
|
|
33
34
|
accessibilityLabel,
|
|
34
35
|
accessibilityHint,
|
|
35
36
|
...rest
|
|
36
37
|
}) {
|
|
38
|
+
const {
|
|
39
|
+
modes: globalModes
|
|
40
|
+
} = useTokens();
|
|
41
|
+
const modes = {
|
|
42
|
+
...globalModes,
|
|
43
|
+
...propModes
|
|
44
|
+
};
|
|
37
45
|
// Resolve typography and color from Figma variables
|
|
38
46
|
const color = getVariableByName('disclaimer/color', modes) || '#24262b';
|
|
39
47
|
const fontSize = getVariableByName('disclaimer/label/fontSize', modes) || 10;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","getVariableByName","jsxs","_jsxs","jsx","_jsx","Disclaimer","disclaimer","modes","style","textStyle","accessibilityLabel","accessibilityHint","rest","color","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignItems","justifyContent","maxWidth","width","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","View","Text","getVariableByName","useTokens","jsxs","_jsxs","jsx","_jsx","Disclaimer","disclaimer","modes","propModes","style","textStyle","accessibilityLabel","accessibilityHint","rest","globalModes","color","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignItems","justifyContent","maxWidth","width","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAWhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAC;EAClBC,UAAU,GAAG,oEAAoE;EACjFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEN,KAAK,EAAEO;EAAY,CAAC,GAAGd,SAAS,CAAC,CAAC;EAC1C,MAAMO,KAAK,GAAG;IAAE,GAAGO,WAAW;IAAE,GAAGN;EAAU,CAAC;EAC9C;EACA,MAAMO,KAAK,GAAGhB,iBAAiB,CAAC,kBAAkB,EAAEQ,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMS,QAAQ,GACZjB,iBAAiB,CAAC,2BAA2B,EAAEQ,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMU,UAAU,GACdlB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMW,UAAU,GACdnB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMY,aAAa,GACjBpB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMa,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,aAAwB,GAAG;IAC/BP,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVG,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,QAAQ,EAAE,GAAG;IACbC,KAAK,EAAE;EACT,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGlB,kBAAkB,IAAIL,UAAU;EAElE,oBACEF,IAAA,CAACP,IAAI;IACHY,KAAK,EAAE,CAACe,cAAc,EAAEf,KAAK,CAAE;IAC/BqB,iBAAiB,EAAC,MAAM;IACxBnB,kBAAkB,EAAEkB,yBAA0B;IAC9CjB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAkB,QAAA,eAER7B,KAAA,CAACJ,IAAI;MACHW,KAAK,EAAE,CAACa,aAAa,EAAEZ,SAAS,CAAE;MAClCsB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAF,QAAA,GAE7BzB,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,UAAU","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { View } 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
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
/**
|
|
@@ -35,11 +36,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
35
36
|
*/
|
|
36
37
|
function IconCapsule({
|
|
37
38
|
iconName = "ic_card",
|
|
38
|
-
modes = {},
|
|
39
|
+
modes: propModes = {},
|
|
39
40
|
accessibilityLabel,
|
|
40
41
|
accessibilityRole = "image",
|
|
41
42
|
...rest
|
|
42
43
|
}) {
|
|
44
|
+
const {
|
|
45
|
+
modes: globalModes
|
|
46
|
+
} = useTokens();
|
|
47
|
+
const modes = {
|
|
48
|
+
...globalModes,
|
|
49
|
+
...propModes
|
|
50
|
+
};
|
|
43
51
|
// Resolve design tokens using the provided modes
|
|
44
52
|
const size = getVariableByName('iconCapsule/size', modes) || 42;
|
|
45
53
|
const radius = getVariableByName('iconCapsule/radius', modes) || 9999;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","getVariableByName","Icon","jsx","_jsx","IconCapsule","iconName","modes","accessibilityLabel","accessibilityRole","rest","size","radius","backgroundColor","borderColor","borderSize","iconColor","iconSize","borderRadius","containerStyle","width","height","borderWidth","overflow","alignItems","justifyContent","defaultAccessibilityLabel","replace","l","toUpperCase","style","children","name","color","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/IconCapsule/IconCapsule.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,OAAOC,IAAI,MAAM,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAAC;EACnBC,QAAQ,GAAG,SAAS;EACpBC,KAAK,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["React","View","getVariableByName","useTokens","Icon","jsx","_jsx","IconCapsule","iconName","modes","propModes","accessibilityLabel","accessibilityRole","rest","globalModes","size","radius","backgroundColor","borderColor","borderSize","iconColor","iconSize","borderRadius","containerStyle","width","height","borderWidth","overflow","alignItems","justifyContent","defaultAccessibilityLabel","replace","l","toUpperCase","style","children","name","color","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/IconCapsule/IconCapsule.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,OAAOC,IAAI,MAAM,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAAC;EACnBC,QAAQ,GAAG,SAAS;EACpBC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,kBAAkB;EAClBC,iBAAiB,GAAG,OAAO;EAC3B,GAAGC;AACa,CAAC,EAAE;EACnB,MAAM;IAAEJ,KAAK,EAAEK;EAAY,CAAC,GAAGX,SAAS,CAAC,CAAC;EAC1C,MAAMM,KAAK,GAAG;IAAE,GAAGK,WAAW;IAAE,GAAGJ;EAAU,CAAC;EAC9C;EACA,MAAMK,IAAI,GAAGb,iBAAiB,CAAC,kBAAkB,EAAEO,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMO,MAAM,GAAGd,iBAAiB,CAAC,oBAAoB,EAAEO,KAAK,CAAC,IAAI,IAAI;EACrE,MAAMQ,eAAe,GAAGf,iBAAiB,CAAC,wBAAwB,EAAEO,KAAK,CAAC,IAAI,SAAS;EACvF,MAAMS,WAAW,GAAGhB,iBAAiB,CAAC,yBAAyB,EAAEO,KAAK,CAAC,IAAI,qBAAqB;EAChG,MAAMU,UAAU,GAAGjB,iBAAiB,CAAC,wBAAwB,EAAEO,KAAK,CAAC,IAAI,CAAC;EAC1E,MAAMW,SAAS,GAAGlB,iBAAiB,CAAC,uBAAuB,EAAEO,KAAK,CAAC,IAAI,SAAS;EAChF,MAAMY,QAAQ,GAAGnB,iBAAiB,CAAC,uBAAuB,EAAEO,KAAK,CAAC,IAAI,EAAE;;EAExE;EACA,MAAMa,YAAY,GAAGN,MAAM,KAAK,IAAI,GAAGD,IAAI,GAAG,CAAC,GAAGC,MAAM;;EAExD;EACA,MAAMO,cAAyB,GAAG;IAChCC,KAAK,EAAET,IAAI;IACXU,MAAM,EAAEV,IAAI;IACZO,YAAY,EAAEA,YAAY;IAC1BI,WAAW,EAAEP,UAAU;IACvBD,WAAW,EAAEA,WAAW;IACxBD,eAAe,EAAEA,eAAe;IAChCU,QAAQ,EAAE,QAAQ;IAClBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGnB,kBAAkB,IAAIH,QAAQ,CAACuB,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAACA,OAAO,CAAC,OAAO,EAAEC,CAAC,IAAIA,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAE9I,oBACE3B,IAAA,CAACL,IAAI;IACHiC,KAAK,EAAEX,cAAe;IACtBX,iBAAiB,EAAEA,iBAAkB;IACrCD,kBAAkB,EAAEmB,yBAA0B;IAAA,GAC1CjB,IAAI;IAAAsB,QAAA,eAER7B,IAAA,CAACF,IAAI;MACHgC,IAAI,EAAE5B,QAAS;MACfO,IAAI,EAAEM,QAAS;MACfgB,KAAK,EAAEjB,SAAU;MACjBkB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC;IAAI,CAC/B;EAAC,CACE,CAAC;AAEX;AAEA,eAAehC,WAAW","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
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
|
+
import { useTokens } from '../../design-tokens/JFSThemeProvider';
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
/**
|
|
8
9
|
* PageTitle component that mirrors the Figma "Page Title" component.
|
|
@@ -21,7 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
21
22
|
*/
|
|
22
23
|
function PageTitle({
|
|
23
24
|
title = 'Page Title',
|
|
24
|
-
modes = {},
|
|
25
|
+
modes: propModes = {},
|
|
25
26
|
style,
|
|
26
27
|
textStyle,
|
|
27
28
|
numberOfLines,
|
|
@@ -29,6 +30,14 @@ function PageTitle({
|
|
|
29
30
|
accessibilityHint,
|
|
30
31
|
...rest
|
|
31
32
|
}) {
|
|
33
|
+
const {
|
|
34
|
+
modes: globalModes
|
|
35
|
+
} = useTokens();
|
|
36
|
+
const modes = {
|
|
37
|
+
...globalModes,
|
|
38
|
+
...propModes
|
|
39
|
+
};
|
|
40
|
+
|
|
32
41
|
// Resolve container padding tokens
|
|
33
42
|
const paddingHorizontal = getVariableByName('pageTitle/padding/horizontal', modes) || 16;
|
|
34
43
|
const paddingVertical = getVariableByName('pageTitle/padding/vertical', modes) || 8;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","getVariableByName","jsx","_jsx","PageTitle","title","modes","style","textStyle","numberOfLines","accessibilityLabel","accessibilityHint","rest","paddingHorizontal","paddingVertical","labelColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","containerStyle","flexDirection","alignItems","width","textStyleObj","color","flexShrink","defaultAccessibilityLabel","accessibilityRole","children","undefined","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/PageTitle/PageTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAAA,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","View","Text","getVariableByName","useTokens","jsx","_jsx","PageTitle","title","modes","propModes","style","textStyle","numberOfLines","accessibilityLabel","accessibilityHint","rest","globalModes","paddingHorizontal","paddingVertical","labelColor","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","containerStyle","flexDirection","alignItems","width","textStyleObj","color","flexShrink","defaultAccessibilityLabel","accessibilityRole","children","undefined","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/PageTitle/PageTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAYhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAC;EACjBC,KAAK,GAAG,YAAY;EACpBC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACW,CAAC,EAAE;EACjB,MAAM;IAAEP,KAAK,EAAEQ;EAAY,CAAC,GAAGb,SAAS,CAAC,CAAC;EAC1C,MAAMK,KAAK,GAAG;IAAE,GAAGQ,WAAW;IAAE,GAAGP;EAAU,CAAC;;EAE9C;EACA,MAAMQ,iBAAiB,GACrBf,iBAAiB,CAAC,8BAA8B,EAAEM,KAAK,CAAC,IAAI,EAAE;EAChE,MAAMU,eAAe,GACnBhB,iBAAiB,CAAC,4BAA4B,EAAEM,KAAK,CAAC,IAAI,CAAC;;EAE7D;EACA,MAAMW,UAAU,GACdjB,iBAAiB,CAAC,uBAAuB,EAAEM,KAAK,CAAC,IAAI,SAAS;EAChE,MAAMY,QAAQ,GAAGlB,iBAAiB,CAAC,oBAAoB,EAAEM,KAAK,CAAC,IAAI,EAAE;EACrE,MAAMa,UAAU,GACdnB,iBAAiB,CAAC,sBAAsB,EAAEM,KAAK,CAAC,IAAI,EAAE;EACxD,MAAMc,UAAU,GACdpB,iBAAiB,CAAC,sBAAsB,EAAEM,KAAK,CAAC,IAAI,QAAQ;EAC9D,MAAMe,aAAa,GACjBrB,iBAAiB,CAAC,sBAAsB,EAAEM,KAAK,CAAC,IAAI,GAAG;EACzD,MAAMgB,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,cAAyB,GAAG;IAChCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBX,iBAAiB;IACjBC,eAAe;IACfW,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,YAAuB,GAAG;IAC9BC,KAAK,EAAEZ,UAAU;IACjBC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVQ,UAAU,EAAE;EACd,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGpB,kBAAkB,IAAIN,KAAK;EAE7D,oBACEF,IAAA,CAACL,IAAI;IACHU,KAAK,EAAE,CAACgB,cAAc,EAAEhB,KAAK,CAAE;IAC/BwB,iBAAiB,EAAC,QAAQ;IAC1BrB,kBAAkB,EAAEoB,yBAA0B;IAC9CnB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAoB,QAAA,eAER9B,IAAA,CAACJ,IAAI;MACHS,KAAK,EAAE,CAACoB,YAAY,EAAEnB,SAAS,CAAE;MACjCC,aAAa,EAAEA,aAAa,KAAKwB,SAAS,GAAGxB,aAAa,GAAG,CAAE;MAC/DyB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAH,QAAA,EAE7B5B;IAAK,CACF;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,SAAS","ignoreList":[]}
|
|
@@ -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;
|