jfs-components 0.0.21 → 0.0.24
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/assets/fonts/JioType Var.ttf +0 -0
- package/lib/commonjs/components/Carousel/Carousel.js +341 -0
- package/lib/commonjs/components/Carousel/Carousel.js.map +1 -0
- package/lib/commonjs/components/Carousel/Carousel.mdx +154 -0
- package/lib/commonjs/components/Drawer/Drawer.js +9 -2
- package/lib/commonjs/components/Drawer/Drawer.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js +194 -0
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -0
- package/lib/commonjs/components/RadioButton/RadioButton.mdx +92 -0
- package/lib/commonjs/components/UpiHandle/UpiHandle.js +3 -1
- package/lib/commonjs/components/UpiHandle/UpiHandle.js.map +1 -1
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/design-tokens/figma-variables-resolver.js +9 -3
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/assets/fonts/JioType Var.ttf +0 -0
- package/lib/module/components/Carousel/Carousel.js +333 -0
- package/lib/module/components/Carousel/Carousel.js.map +1 -0
- package/lib/module/components/Carousel/Carousel.mdx +154 -0
- package/lib/module/components/Drawer/Drawer.js +10 -3
- package/lib/module/components/Drawer/Drawer.js.map +1 -1
- package/lib/module/components/RadioButton/RadioButton.js +188 -0
- package/lib/module/components/RadioButton/RadioButton.js.map +1 -0
- package/lib/module/components/RadioButton/RadioButton.mdx +92 -0
- package/lib/module/components/UpiHandle/UpiHandle.js +3 -1
- package/lib/module/components/UpiHandle/UpiHandle.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/icons/registry.js +1 -1
- package/lib/typescript/components/Carousel/Carousel.d.ts +48 -0
- package/lib/typescript/components/Carousel/Carousel.d.ts.map +1 -0
- package/lib/typescript/components/Drawer/Drawer.d.ts.map +1 -1
- package/lib/typescript/components/RadioButton/RadioButton.d.ts +30 -0
- package/lib/typescript/components/RadioButton/RadioButton.d.ts.map +1 -0
- package/lib/typescript/components/UpiHandle/UpiHandle.d.ts +4 -2
- package/lib/typescript/components/UpiHandle/UpiHandle.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/icons/registry.d.ts +1 -1
- package/package.json +3 -3
- package/src/assets/fonts/JioType Var.ttf +0 -0
- package/src/components/.token-metadata.json +72 -0
- package/src/components/Carousel/Carousel.mdx +154 -0
- package/src/components/Carousel/Carousel.tsx +472 -0
- package/src/components/Drawer/Drawer.tsx +10 -2
- package/src/components/RadioButton/RadioButton.mdx +92 -0
- package/src/components/RadioButton/RadioButton.tsx +226 -0
- package/src/components/UpiHandle/UpiHandle.tsx +5 -2
- package/src/components/index.ts +1 -0
- package/src/icons/registry.ts +1 -1
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from 'react';
|
|
4
|
+
import { Pressable, View, Platform } from 'react-native';
|
|
5
|
+
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
|
+
|
|
7
|
+
// ---------------------------------------------------------------------------
|
|
8
|
+
// Props
|
|
9
|
+
// ---------------------------------------------------------------------------
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
// ---------------------------------------------------------------------------
|
|
12
|
+
// RadioButton
|
|
13
|
+
// ---------------------------------------------------------------------------
|
|
14
|
+
|
|
15
|
+
export function RadioButton({
|
|
16
|
+
selected = false,
|
|
17
|
+
disabled = false,
|
|
18
|
+
onPress,
|
|
19
|
+
modes = {},
|
|
20
|
+
style,
|
|
21
|
+
testID
|
|
22
|
+
}) {
|
|
23
|
+
// ---- Refs & State ----
|
|
24
|
+
const [hovered, setHovered] = useState(false);
|
|
25
|
+
const [focused, setFocused] = useState(false);
|
|
26
|
+
const [pressed, setPressed] = useState(false);
|
|
27
|
+
|
|
28
|
+
// ---- Dimensions ----
|
|
29
|
+
const widthStr = getVariableByName('radio/width', modes) || '18';
|
|
30
|
+
const heightStr = getVariableByName('radio/height', modes) || '18';
|
|
31
|
+
const selectorSizeStr = getVariableByName('radio/selector/size', modes) || '10';
|
|
32
|
+
const width = parseFloat(widthStr?.toString() || '18');
|
|
33
|
+
const height = parseFloat(heightStr?.toString() || '18');
|
|
34
|
+
const selectorSize = parseFloat(selectorSizeStr?.toString() || '10');
|
|
35
|
+
|
|
36
|
+
// ---- State Logic ----
|
|
37
|
+
// Priority: Disabled -> Focused -> Hover/Pressed -> Idle
|
|
38
|
+
// Note: Design treats Active (Pressed) similar to Selected for some styles,
|
|
39
|
+
// but usually in Radio Buttons, Pressed is a transient state.
|
|
40
|
+
// We will map:
|
|
41
|
+
// - Disabled -> 'disabled'
|
|
42
|
+
// - Focused -> 'focus'
|
|
43
|
+
// - Hovered -> 'hover'
|
|
44
|
+
// - Idle -> 'idle'
|
|
45
|
+
|
|
46
|
+
// We handle `selected` as a separate dimension derived from state.
|
|
47
|
+
|
|
48
|
+
let visualState = 'idle';
|
|
49
|
+
if (disabled) {
|
|
50
|
+
visualState = 'disabled';
|
|
51
|
+
} else if (focused) {
|
|
52
|
+
visualState = 'focus';
|
|
53
|
+
} else if (hovered || pressed) {
|
|
54
|
+
visualState = 'hover';
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
// Construct token paths based on state + selected
|
|
58
|
+
let prefix = `radio/${visualState}`;
|
|
59
|
+
if (visualState === 'idle' && selected) {
|
|
60
|
+
prefix = `radio/selected`;
|
|
61
|
+
} else if (selected) {
|
|
62
|
+
prefix = `radio/${visualState}Selected`;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// ---- Colors & Border ----
|
|
66
|
+
|
|
67
|
+
const resolveColor = (path, fallback) => {
|
|
68
|
+
return getVariableByName(path, modes) || fallback;
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
// Background Color
|
|
72
|
+
let bgColorVar = `${prefix}/background/color`;
|
|
73
|
+
// Fix for disabledSelected weirdness if needed
|
|
74
|
+
if (visualState === 'disabled' && selected) {
|
|
75
|
+
// Check specific path from dump: `radio/disabledSelected/background`
|
|
76
|
+
if (!getVariableByName(`${prefix}/background/color`, modes)) {
|
|
77
|
+
bgColorVar = `${prefix}/background`;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
// Border Color
|
|
82
|
+
let borderColorVar = `${prefix}/border/color`;
|
|
83
|
+
|
|
84
|
+
// Border Width
|
|
85
|
+
let borderWidthVar = `${prefix}/border/size`;
|
|
86
|
+
// Fix for huge path: `radio/disabled/radio/disabled/border/size`
|
|
87
|
+
if (visualState === 'disabled' && !selected) {
|
|
88
|
+
if (getVariableByName('radio/disabled/radio/disabled/border/size', modes)) {
|
|
89
|
+
borderWidthVar = 'radio/disabled/radio/disabled/border/size';
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
// Selector Color
|
|
94
|
+
let selectorBgVar = `${prefix}/selector/background/color`;
|
|
95
|
+
if (!selected) {
|
|
96
|
+
selectorBgVar = 'transparent';
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// Shadows (Glow)
|
|
100
|
+
let shadowSizeVar = `${prefix}/boxShadow/size`;
|
|
101
|
+
let shadowColorVar = `${prefix}/shadow/color`;
|
|
102
|
+
|
|
103
|
+
// Resolve Values
|
|
104
|
+
const backgroundColor = resolveColor(bgColorVar, 'transparent');
|
|
105
|
+
const borderColor = resolveColor(borderColorVar, 'transparent');
|
|
106
|
+
const borderWidth = parseFloat(getVariableByName(borderWidthVar, modes)?.toString() || '1');
|
|
107
|
+
const selectorColor = resolveColor(selectorBgVar, 'transparent');
|
|
108
|
+
const shadowSize = parseFloat(getVariableByName(shadowSizeVar, modes)?.toString() || '0');
|
|
109
|
+
const shadowColor = resolveColor(shadowColorVar, 'transparent');
|
|
110
|
+
|
|
111
|
+
// Styles
|
|
112
|
+
const containerStyle = {
|
|
113
|
+
width,
|
|
114
|
+
height,
|
|
115
|
+
borderRadius: width / 2,
|
|
116
|
+
// 9999px -> circle
|
|
117
|
+
borderWidth,
|
|
118
|
+
borderColor,
|
|
119
|
+
backgroundColor,
|
|
120
|
+
justifyContent: 'center',
|
|
121
|
+
alignItems: 'center',
|
|
122
|
+
// Web shadow (ring)
|
|
123
|
+
...(Platform.OS === 'web' && shadowSize > 0 ? {
|
|
124
|
+
boxShadow: `0px 0px 0px ${shadowSize}px ${shadowColor}`
|
|
125
|
+
} : {})
|
|
126
|
+
};
|
|
127
|
+
const selectorStyle = {
|
|
128
|
+
width: selectorSize,
|
|
129
|
+
height: selectorSize,
|
|
130
|
+
borderRadius: selectorSize / 2,
|
|
131
|
+
backgroundColor: selectorColor
|
|
132
|
+
};
|
|
133
|
+
|
|
134
|
+
// Dummy block for token extraction (static analysis)
|
|
135
|
+
if (false) {
|
|
136
|
+
getVariableByName('radio/idle/background/color');
|
|
137
|
+
getVariableByName('radio/idle/border/color');
|
|
138
|
+
getVariableByName('radio/selector/size');
|
|
139
|
+
getVariableByName('radio/width');
|
|
140
|
+
getVariableByName('radio/height');
|
|
141
|
+
getVariableByName('radio/background/color');
|
|
142
|
+
getVariableByName('radio/hover/background/color');
|
|
143
|
+
getVariableByName('radio/hover/border/color');
|
|
144
|
+
getVariableByName('radio/hover/boxShadow/size');
|
|
145
|
+
getVariableByName('radio/hover/shadow/color');
|
|
146
|
+
getVariableByName('radio/selected/background/color');
|
|
147
|
+
getVariableByName('radio/selected/border/color');
|
|
148
|
+
getVariableByName('radio/selected/selector/background/color');
|
|
149
|
+
getVariableByName('radio/hoverSelected/background/color');
|
|
150
|
+
getVariableByName('radio/hoverSelected/border/color');
|
|
151
|
+
getVariableByName('radio/hoverSelected/boxShadow/size');
|
|
152
|
+
getVariableByName('radio/hoverSelected/shadow/color');
|
|
153
|
+
getVariableByName('radio/hoverSelected/selector/background/color');
|
|
154
|
+
getVariableByName('radio/focus/background/color');
|
|
155
|
+
getVariableByName('radio/focus/border/color');
|
|
156
|
+
getVariableByName('radio/focus/border/size');
|
|
157
|
+
getVariableByName('radio/focus/boxShadow/size');
|
|
158
|
+
getVariableByName('radio/focus/shadow/color');
|
|
159
|
+
getVariableByName('radio/focusSelected/background/color');
|
|
160
|
+
getVariableByName('radio/focusSelected/selector/background/color');
|
|
161
|
+
getVariableByName('radio/focusSelected/border/size');
|
|
162
|
+
getVariableByName('radio/disabled/radio/disabled/border/size');
|
|
163
|
+
getVariableByName('radio/disabled/background/color');
|
|
164
|
+
getVariableByName('radio/disabled/border/color');
|
|
165
|
+
getVariableByName('radio/disabledSelected/selector/background/color');
|
|
166
|
+
getVariableByName('radio/disabledSelected/background');
|
|
167
|
+
getVariableByName('radio/disabledSelected/border/color');
|
|
168
|
+
}
|
|
169
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
170
|
+
testID: testID,
|
|
171
|
+
disabled: disabled,
|
|
172
|
+
onPress: onPress,
|
|
173
|
+
onHoverIn: () => setHovered(true),
|
|
174
|
+
onHoverOut: () => setHovered(false),
|
|
175
|
+
onFocus: () => setFocused(true),
|
|
176
|
+
onBlur: () => setFocused(false),
|
|
177
|
+
onPressIn: () => setPressed(true),
|
|
178
|
+
onPressOut: () => setPressed(false),
|
|
179
|
+
style: ({
|
|
180
|
+
pressed: isPressed
|
|
181
|
+
}) => [containerStyle, style],
|
|
182
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
183
|
+
style: selectorStyle
|
|
184
|
+
})
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
export default RadioButton;
|
|
188
|
+
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","Platform","getVariableByName","jsx","_jsx","RadioButton","selected","disabled","onPress","modes","style","testID","hovered","setHovered","focused","setFocused","pressed","setPressed","widthStr","heightStr","selectorSizeStr","width","parseFloat","toString","height","selectorSize","visualState","prefix","resolveColor","path","fallback","bgColorVar","borderColorVar","borderWidthVar","selectorBgVar","shadowSizeVar","shadowColorVar","backgroundColor","borderColor","borderWidth","selectorColor","shadowSize","shadowColor","containerStyle","borderRadius","justifyContent","alignItems","OS","boxShadow","selectorStyle","onHoverIn","onHoverOut","onFocus","onBlur","onPressIn","onPressOut","isPressed","children"],"sourceRoot":"../../../../src","sources":["components/RadioButton/RadioButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { Canvas, Meta, Controls } from '@storybook/blocks';
|
|
2
|
+
import * as RadioButtonStories from './RadioButton.stories';
|
|
3
|
+
import { RadioButton } from './RadioButton';
|
|
4
|
+
|
|
5
|
+
<Meta of={RadioButtonStories} />
|
|
6
|
+
|
|
7
|
+
## Available Collections and Modes
|
|
8
|
+
|
|
9
|
+
This component uses the following design token collections. Each collection supports multiple modes that can be configured via the `modes` prop.
|
|
10
|
+
|
|
11
|
+
### Color Mode
|
|
12
|
+
- **Modes:** Light | Dark
|
|
13
|
+
- **Default:** Light
|
|
14
|
+
|
|
15
|
+
### Colors Router
|
|
16
|
+
- **Modes:** POC | Old
|
|
17
|
+
- **Default:** POC
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
# RadioButton
|
|
22
|
+
|
|
23
|
+
A standard RadioButton component. This component is used to select a single option from a set of options.
|
|
24
|
+
|
|
25
|
+
## Default
|
|
26
|
+
|
|
27
|
+
<Canvas of={RadioButtonStories.Default} />
|
|
28
|
+
|
|
29
|
+
<Controls of={RadioButtonStories.Default} />
|
|
30
|
+
|
|
31
|
+
## States
|
|
32
|
+
|
|
33
|
+
<Canvas of={RadioButtonStories.AllStates} />
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import React, { useState } from 'react';
|
|
38
|
+
import { RadioButton } from 'jfs-components';
|
|
39
|
+
import { View, Text } from 'react-native';
|
|
40
|
+
|
|
41
|
+
export default function App() {
|
|
42
|
+
const [selected, setSelected] = useState(false);
|
|
43
|
+
|
|
44
|
+
return (
|
|
45
|
+
<RadioButton
|
|
46
|
+
selected={selected}
|
|
47
|
+
onPress={() => setSelected(!selected)}
|
|
48
|
+
/>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
## Design Tokens
|
|
55
|
+
|
|
56
|
+
This component uses the following design tokens, resolved through `getVariableByName`:
|
|
57
|
+
|
|
58
|
+
- **`radio/background/color`**
|
|
59
|
+
- **`radio/disabled/background/color`**
|
|
60
|
+
- **`radio/disabled/border/color`**
|
|
61
|
+
- **`radio/disabled/radio/disabled/border/size`**
|
|
62
|
+
- **`radio/disabledSelected/background`**
|
|
63
|
+
- **`radio/disabledSelected/border/color`**
|
|
64
|
+
- **`radio/disabledSelected/selector/background/color`**
|
|
65
|
+
- **`radio/focus/background/color`**
|
|
66
|
+
- **`radio/focus/border/color`**
|
|
67
|
+
- **`radio/focus/border/size`**
|
|
68
|
+
- **`radio/focus/boxShadow/size`**
|
|
69
|
+
- **`radio/focus/shadow/color`**
|
|
70
|
+
- **`radio/focusSelected/background/color`**
|
|
71
|
+
- **`radio/focusSelected/border/size`**
|
|
72
|
+
- **`radio/focusSelected/selector/background/color`**
|
|
73
|
+
- **`radio/height`**
|
|
74
|
+
- **`radio/hover/background/color`**
|
|
75
|
+
- **`radio/hover/border/color`**
|
|
76
|
+
- **`radio/hover/boxShadow/size`**
|
|
77
|
+
- **`radio/hover/shadow/color`**
|
|
78
|
+
- **`radio/hoverSelected/background/color`**
|
|
79
|
+
- **`radio/hoverSelected/border/color`**
|
|
80
|
+
- **`radio/hoverSelected/boxShadow/size`**
|
|
81
|
+
- **`radio/hoverSelected/selector/background/color`**
|
|
82
|
+
- **`radio/hoverSelected/shadow/color`**
|
|
83
|
+
- **`radio/idle/background/color`**
|
|
84
|
+
- **`radio/idle/border/color`**
|
|
85
|
+
- **`radio/selected/background/color`**
|
|
86
|
+
- **`radio/selected/border/color`**
|
|
87
|
+
- **`radio/selected/selector/background/color`**
|
|
88
|
+
- **`radio/selector/size`**
|
|
89
|
+
- **`radio/width`**
|
|
90
|
+
|
|
91
|
+
All tokens support mode-based theming through the `modes` prop.
|
|
92
|
+
|
|
@@ -27,6 +27,7 @@ const DEFAULT_AVATAR_IMAGE = require('./Image.png');
|
|
|
27
27
|
* @param {Object} [props.modes={}] - Modes object passed directly to `getVariableByName`.
|
|
28
28
|
* @param {boolean} [props.showIcon=true] - Toggles the trailing icon visibility.
|
|
29
29
|
* @param {string} [props.iconName='ic_scan_qr_code'] - Icon name from the actions set (e.g. 'ic_qr_code', 'ic_scan_qr_code').
|
|
30
|
+
* @param {ImageSourcePropType} [props.avatarSource] - Optional custom image source for the avatar.
|
|
30
31
|
* @param {string} [props.accessibilityLabel] - Accessibility label for screen readers. If not provided, uses label
|
|
31
32
|
* @param {string} [props.accessibilityHint] - Additional accessibility hint for screen readers
|
|
32
33
|
*/
|
|
@@ -35,6 +36,7 @@ function UpiHandle({
|
|
|
35
36
|
modes: propModes = {},
|
|
36
37
|
showIcon = true,
|
|
37
38
|
iconName = 'ic_scan_qr_code',
|
|
39
|
+
avatarSource,
|
|
38
40
|
onPress,
|
|
39
41
|
disabled,
|
|
40
42
|
accessibilityLabel,
|
|
@@ -141,7 +143,7 @@ function UpiHandle({
|
|
|
141
143
|
},
|
|
142
144
|
...rest,
|
|
143
145
|
children: [/*#__PURE__*/_jsx(Image, {
|
|
144
|
-
source: DEFAULT_AVATAR_IMAGE,
|
|
146
|
+
source: avatarSource || DEFAULT_AVATAR_IMAGE,
|
|
145
147
|
style: avatarBaseStyle,
|
|
146
148
|
resizeMode: "cover",
|
|
147
149
|
accessibilityElementsHidden: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","View","Text","Image","getVariableByName","useTokens","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_AVATAR_IMAGE","require","UpiHandle","label","modes","propModes","showIcon","iconName","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","backgroundColor","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","style","accessibilityRole","undefined","onPressIn","e","onPressOut","onFocus","onBlur","children","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","name","size"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","Text","Image","getVariableByName","useTokens","Icon","jsx","_jsx","jsxs","_jsxs","DEFAULT_AVATAR_IMAGE","require","UpiHandle","label","modes","propModes","showIcon","iconName","avatarSource","onPress","disabled","accessibilityLabel","accessibilityHint","rest","globalModes","backgroundColor","radius","paddingLeft","paddingRight","paddingVertical","gap","avatarSize","avatarRadius","labelColor","labelFontSize","labelLineHeight","labelFontFamily","labelFontWeightRaw","labelFontWeight","toString","iconColor","iconSize","containerStyle","flexDirection","alignItems","justifyContent","borderRadius","avatarBaseStyle","width","height","overflow","labelBaseStyle","color","fontSize","lineHeight","fontFamily","fontWeight","iconPlaceholderStyle","defaultAccessibilityLabel","isPressed","setIsPressed","isFocused","setIsFocused","pressedStyle","transform","scale","focusStyle","borderWidth","borderColor","Wrapper","style","accessibilityRole","undefined","onPressIn","e","onPressOut","onFocus","onBlur","children","source","resizeMode","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","name","size"],"sourceRoot":"../../../../src","sources":["components/UpiHandle/UpiHandle.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -49,4 +49,5 @@ export { default as ChipSelect } from './ChipSelect/ChipSelect';
|
|
|
49
49
|
export { default as InputSearch } from './InputSearch/InputSearch';
|
|
50
50
|
export { default as SupportText } from './SupportText/SupportText';
|
|
51
51
|
export { default as SupportTextIcon } from './SupportText/SupportTextIcon';
|
|
52
|
+
export { default as RadioButton } from './RadioButton/RadioButton';
|
|
52
53
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","HStack","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Screen","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle","VStack","ChipGroup","EmptyState","Accordion","ActionTile","Balance","ButtonGroup","ChipSelect","InputSearch","SupportText","SupportTextIcon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["default","ActionFooter","AppBar","Avatar","AvatarGroup","Badge","BottomNav","BottomNavItem","Button","Card","CardFeedback","Disclaimer","Divider","Drawer","CtaCard","FilterBar","HStack","IconButton","IconCapsule","LazyList","ListGroup","ListItem","MediaCard","MerchantProfile","MoneyValue","NavArrow","PageTitle","Screen","Section","Stepper","Step","StepLabel","TextInput","ThreadHero","Tooltip","TransactionBubble","TransactionDetails","TransactionStatus","UpiHandle","VStack","ChipGroup","EmptyState","Accordion","ActionTile","Balance","ButtonGroup","ChipSelect","InputSearch","SupportText","SupportTextIcon","RadioButton"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|