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.
Files changed (107) hide show
  1. package/lib/commonjs/Containers.js +16 -7
  2. package/lib/commonjs/Containers.js.map +1 -1
  3. package/lib/commonjs/components/Accordion/Accordion.mdx +1 -0
  4. package/lib/commonjs/components/ActionFooter/ActionFooter.mdx +1 -0
  5. package/lib/commonjs/components/ActionTile/ActionTile.js +10 -1
  6. package/lib/commonjs/components/ActionTile/ActionTile.js.map +1 -1
  7. package/lib/commonjs/components/AppBar/AppBar.js +18 -2
  8. package/lib/commonjs/components/AppBar/AppBar.js.map +1 -1
  9. package/lib/commonjs/components/BottomNav/BottomNav.js +9 -1
  10. package/lib/commonjs/components/BottomNav/BottomNav.js.map +1 -1
  11. package/lib/commonjs/components/BottomNavItem/BottomNavItem.js +9 -1
  12. package/lib/commonjs/components/BottomNavItem/BottomNavItem.js.map +1 -1
  13. package/lib/commonjs/components/CtaCard/CtaCard.js +10 -2
  14. package/lib/commonjs/components/CtaCard/CtaCard.js.map +1 -1
  15. package/lib/commonjs/components/CtaCard/CtaCard.mdx +1 -2
  16. package/lib/commonjs/components/Disclaimer/Disclaimer.js +9 -1
  17. package/lib/commonjs/components/Disclaimer/Disclaimer.js.map +1 -1
  18. package/lib/commonjs/components/IconCapsule/IconCapsule.js +9 -1
  19. package/lib/commonjs/components/IconCapsule/IconCapsule.js.map +1 -1
  20. package/lib/commonjs/components/Introduction.mdx +0 -1
  21. package/lib/commonjs/components/PageTitle/PageTitle.js +10 -1
  22. package/lib/commonjs/components/PageTitle/PageTitle.js.map +1 -1
  23. package/lib/commonjs/components/UpiHandle/UpiHandle.js +9 -1
  24. package/lib/commonjs/components/UpiHandle/UpiHandle.js.map +1 -1
  25. package/lib/commonjs/design-tokens/JFSThemeProvider.js +64 -0
  26. package/lib/commonjs/design-tokens/JFSThemeProvider.js.map +1 -0
  27. package/lib/commonjs/design-tokens/figma-variables-resolver.js +9 -3
  28. package/lib/commonjs/design-tokens/figma-variables-resolver.js.map +2 -1
  29. package/lib/commonjs/design-tokens/index.js +11 -0
  30. package/lib/commonjs/design-tokens/index.js.map +1 -1
  31. package/lib/commonjs/icons/registry.js +1 -1
  32. package/lib/module/Containers.js +15 -7
  33. package/lib/module/Containers.js.map +1 -1
  34. package/lib/module/components/Accordion/Accordion.mdx +1 -0
  35. package/lib/module/components/ActionFooter/ActionFooter.mdx +1 -0
  36. package/lib/module/components/ActionTile/ActionTile.js +10 -1
  37. package/lib/module/components/ActionTile/ActionTile.js.map +1 -1
  38. package/lib/module/components/AppBar/AppBar.js +18 -2
  39. package/lib/module/components/AppBar/AppBar.js.map +1 -1
  40. package/lib/module/components/BottomNav/BottomNav.js +9 -1
  41. package/lib/module/components/BottomNav/BottomNav.js.map +1 -1
  42. package/lib/module/components/BottomNavItem/BottomNavItem.js +9 -1
  43. package/lib/module/components/BottomNavItem/BottomNavItem.js.map +1 -1
  44. package/lib/module/components/CtaCard/CtaCard.js +10 -2
  45. package/lib/module/components/CtaCard/CtaCard.js.map +1 -1
  46. package/lib/module/components/CtaCard/CtaCard.mdx +1 -2
  47. package/lib/module/components/Disclaimer/Disclaimer.js +9 -1
  48. package/lib/module/components/Disclaimer/Disclaimer.js.map +1 -1
  49. package/lib/module/components/IconCapsule/IconCapsule.js +9 -1
  50. package/lib/module/components/IconCapsule/IconCapsule.js.map +1 -1
  51. package/lib/module/components/Introduction.mdx +0 -1
  52. package/lib/module/components/PageTitle/PageTitle.js +10 -1
  53. package/lib/module/components/PageTitle/PageTitle.js.map +1 -1
  54. package/lib/module/components/UpiHandle/UpiHandle.js +9 -1
  55. package/lib/module/components/UpiHandle/UpiHandle.js.map +1 -1
  56. package/lib/module/design-tokens/JFSThemeProvider.js +57 -0
  57. package/lib/module/design-tokens/JFSThemeProvider.js.map +1 -0
  58. package/lib/module/design-tokens/figma-variables-resolver.js +2 -2
  59. package/lib/module/design-tokens/index.js +1 -0
  60. package/lib/module/design-tokens/index.js.map +1 -1
  61. package/lib/module/icons/registry.js +1 -1
  62. package/lib/typescript/Containers.d.ts +2 -1
  63. package/lib/typescript/Containers.d.ts.map +1 -1
  64. package/lib/typescript/components/ActionTile/ActionTile.d.ts +1 -1
  65. package/lib/typescript/components/ActionTile/ActionTile.d.ts.map +1 -1
  66. package/lib/typescript/components/AppBar/AppBar.d.ts +2 -2
  67. package/lib/typescript/components/AppBar/AppBar.d.ts.map +1 -1
  68. package/lib/typescript/components/BottomNav/BottomNav.d.ts +1 -1
  69. package/lib/typescript/components/BottomNav/BottomNav.d.ts.map +1 -1
  70. package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts +1 -1
  71. package/lib/typescript/components/BottomNavItem/BottomNavItem.d.ts.map +1 -1
  72. package/lib/typescript/components/CtaCard/CtaCard.d.ts +1 -1
  73. package/lib/typescript/components/CtaCard/CtaCard.d.ts.map +1 -1
  74. package/lib/typescript/components/Disclaimer/Disclaimer.d.ts +1 -1
  75. package/lib/typescript/components/Disclaimer/Disclaimer.d.ts.map +1 -1
  76. package/lib/typescript/components/IconCapsule/IconCapsule.d.ts +1 -1
  77. package/lib/typescript/components/IconCapsule/IconCapsule.d.ts.map +1 -1
  78. package/lib/typescript/components/PageTitle/PageTitle.d.ts +1 -1
  79. package/lib/typescript/components/PageTitle/PageTitle.d.ts.map +1 -1
  80. package/lib/typescript/components/UpiHandle/UpiHandle.d.ts +1 -1
  81. package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map +1 -1
  82. package/lib/typescript/design-tokens/JFSThemeProvider.d.ts +44 -0
  83. package/lib/typescript/design-tokens/JFSThemeProvider.d.ts.map +1 -0
  84. package/lib/typescript/design-tokens/index.d.ts +1 -0
  85. package/lib/typescript/design-tokens/index.d.ts.map +1 -1
  86. package/lib/typescript/icons/registry.d.ts +1 -1
  87. package/package.json +3 -7
  88. package/src/Containers.tsx +15 -0
  89. package/src/components/Accordion/Accordion.mdx +1 -0
  90. package/src/components/ActionFooter/ActionFooter.mdx +1 -0
  91. package/src/components/ActionTile/ActionTile.tsx +5 -1
  92. package/src/components/AppBar/AppBar.tsx +18 -11
  93. package/src/components/BottomNav/BottomNav.tsx +6 -3
  94. package/src/components/BottomNavItem/BottomNavItem.tsx +19 -16
  95. package/src/components/CtaCard/CtaCard.mdx +1 -2
  96. package/src/components/CtaCard/CtaCard.tsx +5 -2
  97. package/src/components/Disclaimer/Disclaimer.tsx +6 -3
  98. package/src/components/Divider/Divider.tsx +1 -0
  99. package/src/components/IconCapsule/IconCapsule.tsx +10 -7
  100. package/src/components/Introduction.mdx +0 -1
  101. package/src/components/NavArrow/NavArrow.tsx +1 -0
  102. package/src/components/PageTitle/PageTitle.tsx +8 -4
  103. package/src/components/UpiHandle/UpiHandle.tsx +4 -1
  104. package/src/design-tokens/JFSThemeProvider.tsx +79 -0
  105. package/src/design-tokens/index.ts +1 -0
  106. package/src/icons/registry.ts +1 -1
  107. package/src/Containers.ts +0 -8
@@ -1,10 +1,18 @@
1
1
  "use strict";
2
2
 
3
- import styled from 'styled-components/native';
4
- export const storyContainer = styled.View`
5
- height: 100%;
6
- width: 100%;
7
- align-items: center;
8
- justify-content: center;
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":["styled","storyContainer","View"],"sourceRoot":"../../src","sources":["Containers.ts"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,0BAA0B;AAE7C,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,IAAI;AACzC;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
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":[]}
@@ -120,3 +120,4 @@ function PaymentSection() {
120
120
 
121
121
 
122
122
 
123
+
@@ -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":"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","ignoreList":[]}
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":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAkCC,gBAAgB,QAAQ,cAAc;AAC3F,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,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,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC;AACa,CAAC,EAAE;EAChB,MAAM;IAAEH,KAAK,EAAEI;EAAY,CAAC,GAAGb,SAAS,CAAC,CAAC;EAC1C,MAAMS,KAAK,GAAG;IAAE,GAAGI,WAAW;IAAE,GAAGH;EAAU,CAAC;;EAE9C;EACA,MAAMI,eAAe,GAAGf,iBAAiB,CAAC,uBAAuB,EAAEU,KAAK,CAAC,IAAI,SAAS;EACtF,MAAMM,GAAG,GAAGC,MAAM,CAACjB,iBAAiB,CAAC,gBAAgB,EAAEU,KAAK,CAAC,CAAC,IAAI,CAAC;EACnE,MAAMQ,iBAAiB,GAAGD,MAAM,CAACjB,iBAAiB,CAAC,+BAA+B,EAAEU,KAAK,CAAC,CAAC,IAAI,EAAE;EACjG,MAAMS,eAAe,GAAGF,MAAM,CAACjB,iBAAiB,CAAC,6BAA6B,EAAEU,KAAK,CAAC,CAAC,IAAI,EAAE;EAC7F,MAAMU,MAAM,GAAGH,MAAM,CAACjB,iBAAiB,CAAC,mBAAmB,EAAEU,KAAK,CAAC,CAAC,IAAI,EAAE;;EAE1E;EACA,MAAMW,SAAS,GAAGrB,iBAAiB,CAAC,uBAAuB,EAAEU,KAAK,CAAC,IAAI,SAAS;EAChF,MAAMY,QAAQ,GAAGL,MAAM,CAACjB,iBAAiB,CAAC,qBAAqB,EAAEU,KAAK,CAAC,CAAC,IAAI,EAAE;EAC9E,MAAMa,UAAU,GAAGvB,iBAAiB,CAAC,uBAAuB,EAAEU,KAAK,CAAC,IAAI,aAAa;EACrF,MAAMc,aAAa,GAAGxB,iBAAiB,CAAC,uBAAuB,EAAEU,KAAK,CAAC,IAAI,KAAK;EAChF,MAAMe,UAAU,GAAGR,MAAM,CAACjB,iBAAiB,CAAC,uBAAuB,EAAEU,KAAK,CAAC,CAAC,IAAI,EAAE;EAElF,MAAMgB,cAAyB,GAAG;IAC9BX,eAAe;IACfY,YAAY,EAAEP,MAAM;IACpBF,iBAAiB;IACjBC,eAAe;IACfH,GAAG;IACHY,KAAK,EAAE,GAAG;IAAE;IACZC,MAAM,EAAE,EAAE;IAAE;IACZC,UAAU,EAAE,YAAY;IACxB;IACA,GAAGlB;EACP,CAAC;EAED,MAAMmB,SAAoB,GAAG;IACzBC,KAAK,EAAEX,SAAS;IAChBC,QAAQ;IACRC,UAAU;IACVU,UAAU,EAAET,aAAoB;IAAE;IAClCC;EACJ,CAAC;;EAED;EACA,MAAMS,UAAU,GAAGA,CAAA,KAAM;IACrB,iBAAItC,KAAK,CAACuC,cAAc,CAAC1B,IAAI,CAAC,EAAE;MAC5B;MACA,oBAAOb,KAAK,CAACwC,YAAY,CAAC3B,IAAI,EAA6B;QAAEC;MAAM,CAAC,CAAC;IACzE;IACA;IACA,IAAI,CAACD,IAAI,EAAE;MACP,oBAAOL,IAAA,CAACF,WAAW;QAACQ,KAAK,EAAEA;MAAM,CAAE,CAAC;IACxC;IACA,OAAOD,IAAI;EACf,CAAC;EAED,MAAM4B,OAAO,gBACT/B,KAAA,CAACT,IAAI;IAACe,KAAK,EAAEc,cAAe;IAAAY,QAAA,GACvBJ,UAAU,CAAC,CAAC,eACb9B,IAAA,CAACN,IAAI;MAACc,KAAK,EAAEmB,SAAU;MAAAO,QAAA,EAAE9B;IAAK,CAAO,CAAC;EAAA,CACpC,CACT;EAED,IAAIK,OAAO,EAAE;IACT,oBACIT,IAAA,CAACL,gBAAgB;MAACc,OAAO,EAAEA,OAAQ;MAAAyB,QAAA,EAC9BD;IAAO,CACM,CAAC;EAE3B;EAEA,OAAOA,OAAO;AAClB","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":"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","ignoreList":[]}
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":"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","ignoreList":[]}
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":"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","ignoreList":[]}
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":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,EACTC,IAAI,EACJC,IAAI,QAKC,cAAc;AACrB,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAChE,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,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,UAAU;EACVC,SAAS,EAAEC,iBAAiB;EAC5BC,QAAQ,EAAEC,gBAAgB;EAC1BC,kBAAkB;EAClBC,iBAAiB;EACjBC,kBAAkB;EAClBC,qBAAqB;EACrB,GAAGC;AACe,CAAC,EAAE;EACrB,MAAM;IAAEd,KAAK,EAAEe;EAAY,CAAC,GAAG3B,SAAS,CAAC,CAAC;EAC1C,MAAMY,KAAK,GAAG;IAAE,GAAGe,WAAW;IAAE,GAAGd;EAAU,CAAC;EAC9C,MAAM,CAACe,SAAS,EAAEC,YAAY,CAAC,GAAGlC,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACmC,SAAS,EAAEC,YAAY,CAAC,GAAGpC,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMqC,YAAY,GAAG;IAAEC,OAAO,EAAE;EAAI,CAAC;EACrC,MAAMC,UAAU,GAAG;IAAEC,iBAAiB,EAAE,CAAC;IAAEC,iBAAiB,EAAE;EAAO,CAAC;EACtE,MAAMC,UAAU,GAAG;IAAEJ,OAAO,EAAE;EAAK,CAAC;EACpC;EACA,MAAMK,GAAG,GAAGvC,iBAAiB,CAAC,mBAAmB,EAAEa,KAAK,CAAC,IAAI,CAAC;EAE9D,MAAM2B,UAAU,GACdxC,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,oBAAoB;EAC9E,MAAM4B,aAAa,GAAGzC,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,GAAG;EACjF,MAAM6B,UAAU,GAAG,OAAOD,aAAa,KAAK,QAAQ,GAAGA,aAAa,CAACE,QAAQ,CAAC,CAAC,GAAGF,aAAa;EAC/F,MAAMG,QAAQ,GAAG5C,iBAAiB,CAAC,wBAAwB,EAAEa,KAAK,CAAC,IAAI,EAAE;EACzE,MAAMgC,UAAU,GAAG7C,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,EAAE;EAC7E,MAAMiC,UAAU,GAAG9C,iBAAiB,CAAC,2BAA2B,EAAEa,KAAK,CAAC,IAAI,SAAS;;EAErF;EACA,MAAMkC,iBAAiB,GACrB3B,iBAAiB,IAAIpB,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,SAAS;EACxF,MAAMmC,gBAAgB,GAAG1B,gBAAgB,IAAItB,iBAAiB,CAAC,yBAAyB,EAAEa,KAAK,CAAC,IAAI,EAAE;EAEtG,MAAMoC,kBAA6B,GAAG;IACpCC,UAAU,EAAE,QAAQ;IACpBhB,OAAO,EAAElB,QAAQ,GAAG,GAAG,GAAG;EAC5B,CAAC;EAED,MAAMmC,SAAoB,GAAG;IAC3BC,KAAK,EAAEN,UAAU;IACjBN,UAAU;IACVE,UAAU;IACVE,QAAQ;IACRC,UAAU;IACVQ,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAEf;EACb,CAAC;;EAED;EACA,MAAMgB,yBAAyB,GAAGhC,kBAAkB,IAAIX,KAAK;;EAE7D;EACA,MAAM4C,QAAQ,GAAGrD,sBAAsB,CAAC;IACtCsD,SAAS,EAAE9B,IAAI;IACfZ,OAAO,EAAEC,QAAQ,GAAG0C,SAAS,GAAG3C,OAAO;IACvCC,QAAQ;IACRO,kBAAkB,EAAEgC,yBAAyB;IAC7C7B;EACF,CAAC,CAAC;EAEF,MAAMiC,aAAa,GAAGA,CAAA,kBACpBlD,KAAA,CAAAF,SAAA;IAAAqD,QAAA,gBACEvD,IAAA,CAACH,IAAI;MACH2D,IAAI,EAAElD,QAAS;MACfmD,IAAI,EAAEd,gBAAiB;MACvBI,KAAK,EAAEL,iBAAkB;MACzBgB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC;IAAI,CAC/B,CAAC,eACF3D,IAAA,CAACP,IAAI;MACHmB,KAAK,EAAE,CAACkC,SAAS,EAAEjC,UAAU,CAAE;MAC/B6C,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAJ,QAAA,EAE7BhD;IAAK,CACF,CAAC;EAAA,CACP,CACH;EAED,IAAI,CAACG,OAAO,EAAE;IACZ,oBACEV,IAAA,CAACN,IAAI;MACHkB,KAAK,EAAE,CAACgC,kBAAkB,EAAEhC,KAAK,CAAE;MACnCgD,iBAAiB,EAAC,KAAK;MACvB1C,kBAAkB,EAAEgC,yBAA0B;MAC9C/B,iBAAiB,EAAEA,iBAAkB;MACrCC,kBAAkB,EAAE;QAClBT,QAAQ;QACR,GAAGS;MACL,CAAE;MAAA,GACEE,IAAI;MAAAiC,QAAA,EAEPD,aAAa,CAAC;IAAC,CACZ,CAAC;EAEX;EAEA,oBACEtD,IAAA,CAACR,SAAS;IACRoE,iBAAiB,EAAC,KAAK;IACvB1C,kBAAkB,EAAEgC,yBAA0B;IAC9C/B,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAE;MAClBT,QAAQ;MACRkD,QAAQ,EAAEzC,kBAAkB,EAAEyC,QAAQ;MACtC,GAAGzC;IACL,CAAE;IACFV,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBmD,SAAS,EAAGC,CAAM,IAAK;MACrB;MAAGzC,IAAI,EAAUwC,SAAS,GAAGC,CAAC,CAAC;IACjC,CAAE;IACFC,UAAU,EAAGD,CAAM,IAAK;MACtB;MAAGzC,IAAI,EAAU0C,UAAU,GAAGD,CAAC,CAAC;IAClC,CAAE;IACFE,OAAO,EAAGF,CAAM,IAAK;MACnBtC,YAAY,CAAC,IAAI,CAAC;MACbH,IAAI,EAAU2C,OAAO,GAAGF,CAAC,CAAC;IACjC,CAAE;IACFG,MAAM,EAAGH,CAAM,IAAK;MAClBtC,YAAY,CAAC,KAAK,CAAC;MACdH,IAAI,EAAU4C,MAAM,GAAGH,CAAC,CAAC;IAChC,CAAE;IACFI,SAAS,EAAGJ,CAAM,IAAK;MACrBpC,YAAY,CAAC,IAAI,CAAC;MACbL,IAAI,EAAU6C,SAAS,GAAGJ,CAAC,CAAC;IACnC,CAAE;IACFK,UAAU,EAAGL,CAAM,IAAK;MACtBpC,YAAY,CAAC,KAAK,CAAC;MACdL,IAAI,EAAU8C,UAAU,GAAGL,CAAC,CAAC;IACpC,CAAE;IACFnD,KAAK,EAAEA,CAAC;MAAEyD;IAAQ,CAAC,KACjB,CACEzB,kBAAkB,EAClBhC,KAAK,EACLyD,OAAO,IAAI,CAAC1D,QAAQ,GAAGiB,YAAY,GAAG,IAAI,EAC1CF,SAAS,IAAI,CAACf,QAAQ,GAAGsB,UAAU,GAAG,IAAI,EAC1CT,SAAS,IAAI,CAACb,QAAQ,GAAGmB,UAAU,GAAG,IAAI,CAE7C;IAAA,GACGqB,QAAQ;IAAAI,QAAA,EAEXD,aAAa,CAAC;EAAC,CACP,CAAC;AAEhB;AAEA,eAAejD,aAAa","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;EACVC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACVC;AACU,CAAC,EAAE;EACb;EACA;EACA,MAAMC,eAAe,GAAGnB,iBAAiB,CAAC,oBAAoB,EAAEa,KAAK,CAAC,IAAI,SAAS;EACnF,MAAMO,MAAM,GAAGpB,iBAAiB,CAAC,gBAAgB,EAAEa,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMQ,iBAAiB,GAAGrB,iBAAiB,CAAC,4BAA4B,EAAEa,KAAK,CAAC,IAAI,EAAE;EACtF,MAAMS,eAAe,GAAGtB,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,EAAE;EAClF,MAAMU,GAAG,GAAGvB,iBAAiB,CAAC,aAAa,EAAEa,KAAK,CAAC,IAAI,EAAE;;EAEzD;EACA,MAAMW,UAAU,GAAGxB,iBAAiB,CAAC,qBAAqB,EAAEa,KAAK,CAAC,IAAI,CAAC;;EAEvE;EACA,MAAMY,UAAU,GAAGzB,iBAAiB,CAAC,qBAAqB,EAAEa,KAAK,CAAC,IAAI,SAAS;EAC/E,MAAMa,eAAe,GAAG1B,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,aAAa;EAC7F,MAAMc,aAAa,GAAG3B,iBAAiB,CAAC,wBAAwB,EAAEa,KAAK,CAAC,IAAI,EAAE;EAC9E,MAAMe,eAAe,GAAG5B,iBAAiB,CAAC,0BAA0B,EAAEa,KAAK,CAAC,IAAI,EAAE;;EAElF;EACA,MAAMgB,SAAS,GAAG7B,iBAAiB,CAAC,oBAAoB,EAAEa,KAAK,CAAC,IAAI,SAAS;EAC7E,MAAMiB,cAAc,GAAG9B,iBAAiB,CAAC,yBAAyB,EAAEa,KAAK,CAAC,IAAI,aAAa;EAC3F,MAAMkB,YAAY,GAAG/B,iBAAiB,CAAC,uBAAuB,EAAEa,KAAK,CAAC,IAAI,EAAE;EAC5E,MAAMmB,cAAc,GAAGhC,iBAAiB,CAAC,yBAAyB,EAAEa,KAAK,CAAC,IAAI,EAAE;;EAEhF;EACA,MAAMoB,cAAyB,GAAG;IAC9Bd,eAAe;IACfe,YAAY,EAAEd,MAAM;IACpBC,iBAAiB;IACjBC,eAAe;IACfC,GAAG;IACHY,UAAU,EAAE,YAAY;IACxBC,KAAK,EAAE,MAAM;IAAE;IACfC,QAAQ,EAAE;EACd,CAAC;EAED,MAAMC,gBAA2B,GAAG;IAChCf,GAAG,EAAEC,UAAU;IACfW,UAAU,EAAE,YAAY;IACxBC,KAAK,EAAE;EACX,CAAC;EAED,MAAMG,UAAqB,GAAG;IAC1BC,KAAK,EAAEf,UAAU;IACjBgB,UAAU,EAAEf,eAAe;IAC3BgB,QAAQ,EAAEf,aAAa;IACvBgB,UAAU,EAAEf,eAAe;IAC3BgB,UAAU,EAAE,KAAK,CAAE;EACvB,CAAC;EAED,MAAMC,SAAoB,GAAG;IACzBL,KAAK,EAAEX,SAAS;IAChBY,UAAU,EAAEX,cAAc;IAC1BY,QAAQ,EAAEX,YAAY;IACtBY,UAAU,EAAEX,cAAc;IAC1BY,UAAU,EAAE,KAAK,CAAE;EACvB,CAAC;;EAED;EACA;EACA,MAAME,UAAU,GAAIC,IAAqB,IAAK;IAC1C,iBAAIlD,KAAK,CAACmD,cAAc,CAACD,IAAI,CAAC,EAAE;MAC5B,oBAAOlD,KAAK,CAACoD,YAAY,CAACF,IAAI,EAA6B;QACvDlC,KAAK,EAAE;UAAE,GAAGA,KAAK;UAAE,GAAIkC,IAAI,CAASG,KAAK,CAACrC;QAAM;MACpD,CAAC,CAAC;IACN;IACA,OAAOkC,IAAI;EACf,CAAC;EAED,oBACIzC,KAAA,CAACR,IAAI;IAACoB,KAAK,EAAE,CAACe,cAAc,EAAEf,KAAK,CAAE;IAAAiC,QAAA,gBACjC7C,KAAA,CAACR,IAAI;MAACoB,KAAK,EAAEoB,gBAAiB;MAAAa,QAAA,GAEzBrC,QAAQ,GACLgC,UAAU,CAAChC,QAAQ,CAAC,gBAEpBV,IAAA,CAACH,WAAW;QAACS,QAAQ,EAAEA,QAAS;QAACG,KAAK,EAAEA;MAAM,CAAE,CACnD,EAGAE,SAAS,GACN+B,UAAU,CAAC/B,SAAS,CAAC,gBAErBX,IAAA,CAACL,IAAI;QAACmB,KAAK,EAAEqB,UAAW;QAAAY,QAAA,EAAE3C;MAAK,CAAO,CACzC,EAGAQ,QAAQ,GACL8B,UAAU,CAAC9B,QAAQ,CAAC,gBAEpBZ,IAAA,CAACL,IAAI;QAACmB,KAAK,EAAE2B,SAAU;QAAAM,QAAA,EAAE1C;MAAI,CAAO,CACvC;IAAA,CACC,CAAC,EAGNQ,UAAU,GACP6B,UAAU,CAAC7B,UAAU,CAAC,gBAEtBb,IAAA,CAACF,MAAM;MACHkD,KAAK,EAAEzC,WAAY;MACnB0C,OAAO,EAAEzC,aAAc;MACvBC,KAAK,EAAEA;IAAM,CAChB,CACJ;EAAA,CACC,CAAC;AAEf;AAEA,eAAeN,OAAO","ignoreList":[]}
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;AAWhF;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,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB;EACA,MAAMC,KAAK,GAAGb,iBAAiB,CAAC,kBAAkB,EAAEO,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMO,QAAQ,GACZd,iBAAiB,CAAC,2BAA2B,EAAEO,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMQ,UAAU,GACdf,iBAAiB,CAAC,6BAA6B,EAAEO,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMS,UAAU,GACdhB,iBAAiB,CAAC,6BAA6B,EAAEO,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMU,aAAa,GACjBjB,iBAAiB,CAAC,6BAA6B,EAAEO,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMW,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,GAAGjB,kBAAkB,IAAIJ,UAAU;EAElE,oBACEF,IAAA,CAACN,IAAI;IACHU,KAAK,EAAE,CAACc,cAAc,EAAEd,KAAK,CAAE;IAC/BoB,iBAAiB,EAAC,MAAM;IACxBlB,kBAAkB,EAAEiB,yBAA0B;IAC9ChB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAiB,QAAA,eAER3B,KAAA,CAACH,IAAI;MACHS,KAAK,EAAE,CAACY,aAAa,EAAEX,SAAS,CAAE;MAClCqB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAF,QAAA,GAE7BvB,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,UAAU","ignoreList":[]}
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;EACVC,kBAAkB;EAClBC,iBAAiB,GAAG,OAAO;EAC3B,GAAGC;AACa,CAAC,EAAE;EACnB;EACA,MAAMC,IAAI,GAAGV,iBAAiB,CAAC,kBAAkB,EAAEM,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMK,MAAM,GAAGX,iBAAiB,CAAC,oBAAoB,EAAEM,KAAK,CAAC,IAAI,IAAI;EACrE,MAAMM,eAAe,GAAGZ,iBAAiB,CAAC,wBAAwB,EAAEM,KAAK,CAAC,IAAI,SAAS;EACvF,MAAMO,WAAW,GAAGb,iBAAiB,CAAC,yBAAyB,EAAEM,KAAK,CAAC,IAAI,qBAAqB;EAChG,MAAMQ,UAAU,GAAGd,iBAAiB,CAAC,wBAAwB,EAAEM,KAAK,CAAC,IAAI,CAAC;EAC1E,MAAMS,SAAS,GAAGf,iBAAiB,CAAC,uBAAuB,EAAEM,KAAK,CAAC,IAAI,SAAS;EAChF,MAAMU,QAAQ,GAAGhB,iBAAiB,CAAC,uBAAuB,EAAEM,KAAK,CAAC,IAAI,EAAE;;EAExE;EACA,MAAMW,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,GAAGlB,kBAAkB,IAAIF,QAAQ,CAACqB,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,oBACEzB,IAAA,CAACJ,IAAI;IACH8B,KAAK,EAAEX,cAAe;IACtBV,iBAAiB,EAAEA,iBAAkB;IACrCD,kBAAkB,EAAEkB,yBAA0B;IAAA,GAC1ChB,IAAI;IAAAqB,QAAA,eAER3B,IAAA,CAACF,IAAI;MACH8B,IAAI,EAAE1B,QAAS;MACfK,IAAI,EAAEM,QAAS;MACfgB,KAAK,EAAEjB,SAAU;MACjBkB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC;IAAI,CAC/B;EAAC,CACE,CAAC;AAEX;AAEA,eAAe9B,WAAW","ignoreList":[]}
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":[]}
@@ -95,7 +95,6 @@ When creating new components:
95
95
 
96
96
  - [Storybook Documentation](https://storybook.js.org/)
97
97
  - [React Native Storybook](https://github.com/storybookjs/react-native)
98
- - [Styled Components](https://styled-components.com/)
99
98
 
100
99
  ---
101
100
 
@@ -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;AAYhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAC;EACjBC,KAAK,GAAG,YAAY;EACpBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACW,CAAC,EAAE;EACjB;EACA,MAAMC,iBAAiB,GACrBZ,iBAAiB,CAAC,8BAA8B,EAAEK,KAAK,CAAC,IAAI,EAAE;EAChE,MAAMQ,eAAe,GACnBb,iBAAiB,CAAC,4BAA4B,EAAEK,KAAK,CAAC,IAAI,CAAC;;EAE7D;EACA,MAAMS,UAAU,GACdd,iBAAiB,CAAC,uBAAuB,EAAEK,KAAK,CAAC,IAAI,SAAS;EAChE,MAAMU,QAAQ,GAAGf,iBAAiB,CAAC,oBAAoB,EAAEK,KAAK,CAAC,IAAI,EAAE;EACrE,MAAMW,UAAU,GACdhB,iBAAiB,CAAC,sBAAsB,EAAEK,KAAK,CAAC,IAAI,EAAE;EACxD,MAAMY,UAAU,GACdjB,iBAAiB,CAAC,sBAAsB,EAAEK,KAAK,CAAC,IAAI,QAAQ;EAC9D,MAAMa,aAAa,GACjBlB,iBAAiB,CAAC,sBAAsB,EAAEK,KAAK,CAAC,IAAI,GAAG;EACzD,MAAMc,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,GAAGnB,kBAAkB,IAAIL,KAAK;EAE7D,oBACEF,IAAA,CAACJ,IAAI;IACHQ,KAAK,EAAE,CAACe,cAAc,EAAEf,KAAK,CAAE;IAC/BuB,iBAAiB,EAAC,QAAQ;IAC1BpB,kBAAkB,EAAEmB,yBAA0B;IAC9ClB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAmB,QAAA,eAER5B,IAAA,CAACH,IAAI;MACHO,KAAK,EAAE,CAACmB,YAAY,EAAElB,SAAS,CAAE;MACjCC,aAAa,EAAEA,aAAa,KAAKuB,SAAS,GAAGvB,aAAa,GAAG,CAAE;MAC/DwB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAH,QAAA,EAE7B1B;IAAK,CACF;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,SAAS","ignoreList":[]}
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;