@space-uy/pulsar-ui 0.11.2 → 0.11.3
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/module/components/Input.js +2 -0
- package/lib/module/components/Input.js.map +1 -1
- package/lib/module/components/InputContainer.js +3 -0
- package/lib/module/components/InputContainer.js.map +1 -1
- package/lib/module/components/OtpInput.js +173 -65
- package/lib/module/components/OtpInput.js.map +1 -1
- package/lib/module/components/TextArea.js +2 -0
- package/lib/module/components/TextArea.js.map +1 -1
- package/lib/module/index.js +0 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/components/Input.d.ts +1 -0
- package/lib/typescript/src/components/Input.d.ts.map +1 -1
- package/lib/typescript/src/components/InputContainer.d.ts +2 -1
- package/lib/typescript/src/components/InputContainer.d.ts.map +1 -1
- package/lib/typescript/src/components/OtpInput.d.ts +9 -2
- package/lib/typescript/src/components/OtpInput.d.ts.map +1 -1
- package/lib/typescript/src/components/TextArea.d.ts +1 -0
- package/lib/typescript/src/components/TextArea.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +0 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Input.tsx +3 -0
- package/src/components/InputContainer.tsx +8 -0
- package/src/components/OtpInput.tsx +222 -93
- package/src/components/TextArea.tsx +3 -0
- package/src/index.tsx +0 -2
- package/lib/module/components/OtpInputContainer.js +0 -148
- package/lib/module/components/OtpInputContainer.js.map +0 -1
- package/lib/typescript/src/components/OtpInputContainer.d.ts +0 -17
- package/lib/typescript/src/components/OtpInputContainer.d.ts.map +0 -1
- package/src/components/OtpInputContainer.tsx +0 -196
|
@@ -16,6 +16,7 @@ export const Input = /*#__PURE__*/forwardRef(({
|
|
|
16
16
|
label,
|
|
17
17
|
hint,
|
|
18
18
|
variant = 'text',
|
|
19
|
+
containerVariant = 'default',
|
|
19
20
|
onBlur,
|
|
20
21
|
onFocus,
|
|
21
22
|
iconName,
|
|
@@ -65,6 +66,7 @@ export const Input = /*#__PURE__*/forwardRef(({
|
|
|
65
66
|
focused: focused,
|
|
66
67
|
disabled: !editable,
|
|
67
68
|
iconName: iconName,
|
|
69
|
+
variant: containerVariant,
|
|
68
70
|
children: [/*#__PURE__*/_jsx(TextInput, {
|
|
69
71
|
...rest,
|
|
70
72
|
value: value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useImperativeHandle","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","IconButton","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Input","style","onChangeText","value","editable","error","label","hint","variant","onBlur","onFocus","iconName","clearable","rest","ref","focused","setFocused","showPassword","setShowPassword","colors","theme","inputRef","focus","current","blur","handleFocus","e","handleBlur","renderRightButton","name","onPress","styles","button","size","disabled","hitSlop","top","bottom","left","right","contentContainerStyle","container","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","textAlign","isRTL","placeholderTextColor","secureTextEntry","cursorColor","selectionColor","selectionHandleColor","create","flexDirection","alignItems","flex","fontSize","marginStart","opacity","icon","marginEnd","outlineWidth"],"sourceRoot":"../../../src","sources":["components/Input.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACzE,SACEC,SAAS,EACTC,UAAU,EAMVC,QAAQ,EACRC,WAAW,QACN,cAAc;AAErB,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,OAAOC,UAAU,MAAM,iBAAc;AAGrC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["forwardRef","useImperativeHandle","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","IconButton","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Input","style","onChangeText","value","editable","error","label","hint","variant","containerVariant","onBlur","onFocus","iconName","clearable","rest","ref","focused","setFocused","showPassword","setShowPassword","colors","theme","inputRef","focus","current","blur","handleFocus","e","handleBlur","renderRightButton","name","onPress","styles","button","size","disabled","hitSlop","top","bottom","left","right","contentContainerStyle","container","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","textAlign","isRTL","placeholderTextColor","secureTextEntry","cursorColor","selectionColor","selectionHandleColor","create","flexDirection","alignItems","flex","fontSize","marginStart","opacity","icon","marginEnd","outlineWidth"],"sourceRoot":"../../../src","sources":["components/Input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,6 +22,7 @@ export default function InputContainer({
|
|
|
22
22
|
children,
|
|
23
23
|
size = 'default',
|
|
24
24
|
disabled,
|
|
25
|
+
variant = 'default',
|
|
25
26
|
height,
|
|
26
27
|
iconName
|
|
27
28
|
}) {
|
|
@@ -65,6 +66,8 @@ export default function InputContainer({
|
|
|
65
66
|
style: [animStyle, styles.container, {
|
|
66
67
|
height: containerHeight,
|
|
67
68
|
borderRadius: theme.roundness
|
|
69
|
+
}, {
|
|
70
|
+
backgroundColor: variant === 'alternative' ? colors.background : colors.altBackground
|
|
68
71
|
}, contentContainerStyle],
|
|
69
72
|
children: [iconName && /*#__PURE__*/_jsx(Animated.View, {
|
|
70
73
|
style: iconAnimStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useMemo","Pressable","StyleSheet","View","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","Text","Icon","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","INACTIVE","ACTIVE","ERROR","InputContainer","style","contentContainerStyle","error","hint","label","onPress","focused","children","size","disabled","height","iconName","status","isFocused","colors","theme","animStyle","borderColor","value","border","primary","destructive","iconAnimStyle","opacity","width","_status","duration","containerHeight","styles","color","foreground","
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","Pressable","StyleSheet","View","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","Text","Icon","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","INACTIVE","ACTIVE","ERROR","InputContainer","style","contentContainerStyle","error","hint","label","onPress","focused","children","size","disabled","variant","height","iconName","status","isFocused","colors","theme","animStyle","borderColor","value","border","primary","destructive","iconAnimStyle","opacity","width","_status","duration","containerHeight","styles","color","foreground","container","borderRadius","roundness","backgroundColor","background","altBackground","name","create","marginHorizontal","marginTop","flexDirection","alignItems","overflow","paddingHorizontal","borderWidth","marginBottom"],"sourceRoot":"../../../src","sources":["components/InputContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,85 +1,193 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import { StyleSheet, TextInput } from 'react-native';
|
|
5
|
-
import
|
|
3
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { StyleSheet, TextInput as RNTextInput, View } from 'react-native';
|
|
5
|
+
import InputContainer from "./InputContainer.js";
|
|
6
|
+
import Text from "./Text.js";
|
|
6
7
|
import useTheme from "../hooks/useTheme.js";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}, ref) => {
|
|
16
|
-
const innerRef = useRef(null);
|
|
17
|
-
const [value, setValue] = useState('');
|
|
18
|
-
const [innerPlaceholder, setInnerPlaceholder] = useState(placeholder);
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
export function OtpInput({
|
|
10
|
+
length = 4,
|
|
11
|
+
value,
|
|
12
|
+
onChange,
|
|
13
|
+
secure = false,
|
|
14
|
+
variant = 'default'
|
|
15
|
+
}) {
|
|
19
16
|
const {
|
|
20
17
|
colors
|
|
21
18
|
} = useTheme();
|
|
22
|
-
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
19
|
+
const inputRefs = useRef([]);
|
|
20
|
+
const [values, setValues] = useState(() => new Array(length).fill(''));
|
|
21
|
+
const [focusedIndex, setFocusedIndex] = useState(null);
|
|
22
|
+
const safeLength = useMemo(() => Math.max(1, length), [length]);
|
|
23
|
+
|
|
24
|
+
// Sync internal state when `value` or `length` changes from outside.
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
const nextValues = new Array(safeLength).fill('');
|
|
27
|
+
if (value) {
|
|
28
|
+
const digits = value.replace(/\D/g, '').slice(0, safeLength).split('');
|
|
29
|
+
for (let i = 0; i < digits.length; i += 1) {
|
|
30
|
+
nextValues[i] = digits[i];
|
|
31
|
+
}
|
|
27
32
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
33
|
+
setValues(nextValues);
|
|
34
|
+
}, [safeLength, value]);
|
|
35
|
+
const emitChange = useCallback(nextValues => {
|
|
36
|
+
onChange?.(nextValues.join(''));
|
|
37
|
+
}, [onChange]);
|
|
38
|
+
const focusCell = useCallback(index => {
|
|
39
|
+
if (index == null) return;
|
|
40
|
+
const clampedIndex = Math.min(Math.max(index, 0), safeLength - 1);
|
|
41
|
+
inputRefs.current[clampedIndex]?.focus();
|
|
42
|
+
setFocusedIndex(clampedIndex);
|
|
43
|
+
}, [safeLength]);
|
|
44
|
+
const focusFirstEmpty = useCallback(nextValues => {
|
|
45
|
+
const emptyIndex = nextValues.findIndex(v => v === '');
|
|
46
|
+
if (emptyIndex !== -1) {
|
|
47
|
+
focusCell(emptyIndex);
|
|
34
48
|
} else {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
});
|
|
49
|
+
// Si todas las celdas están llenas, focuseamos la última
|
|
50
|
+
focusCell(safeLength - 1);
|
|
38
51
|
}
|
|
39
|
-
}, [
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
52
|
+
}, [focusCell, safeLength]);
|
|
53
|
+
const handleChangeText = useCallback((text, index) => {
|
|
54
|
+
const digits = text.replace(/\D/g, '');
|
|
55
|
+
|
|
56
|
+
// If nothing meaningful, just clear this cell.
|
|
57
|
+
if (!digits.length) {
|
|
58
|
+
const nextValues = [...values];
|
|
59
|
+
nextValues[index] = '';
|
|
60
|
+
setValues(nextValues);
|
|
61
|
+
emitChange(nextValues);
|
|
62
|
+
focusFirstEmpty(nextValues);
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Más de un dígito a la vez (paste o autofill).
|
|
67
|
+
if (digits.length > 1) {
|
|
68
|
+
const hasEmpty = values.some(v => v === '');
|
|
69
|
+
|
|
70
|
+
// Si todas las celdas ya están completas, solo sobreescribimos la última.
|
|
71
|
+
if (!hasEmpty) {
|
|
72
|
+
const lastIndex = safeLength - 1;
|
|
73
|
+
const nextValues = [...values];
|
|
74
|
+
nextValues[lastIndex] = digits[digits.length - 1] ?? '';
|
|
75
|
+
setValues(nextValues);
|
|
76
|
+
emitChange(nextValues);
|
|
77
|
+
focusCell(lastIndex);
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
// Paste “normal”: distribuimos los dígitos desde el principio.
|
|
82
|
+
inputRefs.current[index]?.setNativeProps({
|
|
44
83
|
text: ''
|
|
45
84
|
});
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
85
|
+
const nextValues = new Array(safeLength).fill('');
|
|
86
|
+
const toFill = digits.slice(0, safeLength).split('');
|
|
87
|
+
for (let i = 0; i < toFill.length; i += 1) {
|
|
88
|
+
nextValues[i] = toFill[i];
|
|
50
89
|
}
|
|
90
|
+
setValues(nextValues);
|
|
91
|
+
emitChange(nextValues);
|
|
92
|
+
focusFirstEmpty(nextValues);
|
|
93
|
+
return;
|
|
51
94
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
95
|
+
|
|
96
|
+
// Single digit typed.
|
|
97
|
+
const nextValues = [...values];
|
|
98
|
+
nextValues[index] = digits[0] ?? '';
|
|
99
|
+
setValues(nextValues);
|
|
100
|
+
emitChange(nextValues);
|
|
101
|
+
|
|
102
|
+
// Move focus to the first empty cell (typically the next one).
|
|
103
|
+
focusFirstEmpty(nextValues);
|
|
104
|
+
}, [emitChange, focusCell, focusFirstEmpty, safeLength, values]);
|
|
105
|
+
const handleKeyPress = useCallback(event => {
|
|
106
|
+
if (event.nativeEvent.key !== 'Backspace') return;
|
|
107
|
+
const lastFilledIndex = [...values].map((v, i) => ({
|
|
108
|
+
v,
|
|
109
|
+
i
|
|
110
|
+
})).filter(item => item.v !== '').map(item => item.i).pop();
|
|
111
|
+
if (lastFilledIndex == null) return;
|
|
112
|
+
const nextValues = [...values];
|
|
113
|
+
nextValues[lastFilledIndex] = '';
|
|
114
|
+
setValues(nextValues);
|
|
115
|
+
emitChange(nextValues);
|
|
116
|
+
focusCell(lastFilledIndex);
|
|
117
|
+
}, [emitChange, focusCell, values]);
|
|
118
|
+
const cells = useMemo(() => new Array(safeLength).fill(0).map((_, i) => i), [safeLength]);
|
|
119
|
+
return /*#__PURE__*/_jsx(View, {
|
|
120
|
+
style: styles.root,
|
|
121
|
+
children: cells.map(cellIndex => /*#__PURE__*/_jsx(InputContainer, {
|
|
122
|
+
onPress: () => focusCell(cellIndex),
|
|
123
|
+
focused: focusedIndex === cellIndex,
|
|
124
|
+
style: styles.cellWrapper,
|
|
125
|
+
contentContainerStyle: styles.inputContainer,
|
|
126
|
+
variant: variant,
|
|
127
|
+
size: "default",
|
|
128
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
129
|
+
style: styles.inputWrapper,
|
|
130
|
+
children: [/*#__PURE__*/_jsx(RNTextInput, {
|
|
131
|
+
ref: ref => {
|
|
132
|
+
inputRefs.current[cellIndex] = ref;
|
|
133
|
+
},
|
|
134
|
+
value: values[cellIndex],
|
|
135
|
+
style: styles.hiddenInput,
|
|
136
|
+
keyboardType: "number-pad",
|
|
137
|
+
secureTextEntry: secure,
|
|
138
|
+
onFocus: () => {
|
|
139
|
+
// Siempre focuseamos la primera celda vacía (o la última si están todas llenas)
|
|
140
|
+
focusFirstEmpty(values);
|
|
141
|
+
},
|
|
142
|
+
onBlur: () => {
|
|
143
|
+
if (focusedIndex === cellIndex) {
|
|
144
|
+
setFocusedIndex(null);
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
onChangeText: text => handleChangeText(text, cellIndex),
|
|
148
|
+
onKeyPress: handleKeyPress,
|
|
149
|
+
autoCorrect: false,
|
|
150
|
+
autoCapitalize: "none",
|
|
151
|
+
textContentType: "oneTimeCode"
|
|
152
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
153
|
+
style: [styles.displayText, {
|
|
154
|
+
color: colors.foreground
|
|
155
|
+
}],
|
|
156
|
+
variant: "h3",
|
|
157
|
+
children: secure && values[cellIndex] ? '●' : values[cellIndex] || ' '
|
|
158
|
+
})]
|
|
159
|
+
})
|
|
160
|
+
}, cellIndex))
|
|
71
161
|
});
|
|
72
|
-
}
|
|
162
|
+
}
|
|
73
163
|
const styles = StyleSheet.create({
|
|
74
|
-
|
|
164
|
+
root: {
|
|
165
|
+
flexDirection: 'row',
|
|
75
166
|
alignItems: 'center',
|
|
167
|
+
justifyContent: 'center'
|
|
168
|
+
},
|
|
169
|
+
cellWrapper: {
|
|
170
|
+
flexShrink: 0,
|
|
171
|
+
width: 40,
|
|
172
|
+
marginHorizontal: 6
|
|
173
|
+
},
|
|
174
|
+
inputContainer: {
|
|
175
|
+
paddingHorizontal: 0,
|
|
176
|
+
justifyContent: 'center'
|
|
177
|
+
},
|
|
178
|
+
inputWrapper: {
|
|
179
|
+
flex: 1,
|
|
76
180
|
justifyContent: 'center',
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
181
|
+
alignItems: 'center',
|
|
182
|
+
position: 'relative'
|
|
183
|
+
},
|
|
184
|
+
hiddenInput: {
|
|
185
|
+
...StyleSheet.absoluteFillObject,
|
|
186
|
+
opacity: 0
|
|
187
|
+
},
|
|
188
|
+
displayText: {
|
|
189
|
+
textAlign: 'center',
|
|
190
|
+
fontSize: 18
|
|
83
191
|
}
|
|
84
192
|
});
|
|
85
193
|
//# sourceMappingURL=OtpInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","StyleSheet","TextInput","RNTextInput","View","InputContainer","Text","useTheme","jsx","_jsx","jsxs","_jsxs","OtpInput","length","value","onChange","secure","variant","colors","inputRefs","values","setValues","Array","fill","focusedIndex","setFocusedIndex","safeLength","Math","max","nextValues","digits","replace","slice","split","i","emitChange","join","focusCell","index","clampedIndex","min","current","focus","focusFirstEmpty","emptyIndex","findIndex","v","handleChangeText","text","hasEmpty","some","lastIndex","setNativeProps","toFill","handleKeyPress","event","nativeEvent","key","lastFilledIndex","map","filter","item","pop","cells","_","style","styles","root","children","cellIndex","onPress","focused","cellWrapper","contentContainerStyle","inputContainer","size","inputWrapper","ref","hiddenInput","keyboardType","secureTextEntry","onFocus","onBlur","onChangeText","onKeyPress","autoCorrect","autoCapitalize","textContentType","displayText","color","foreground","create","flexDirection","alignItems","justifyContent","flexShrink","width","marginHorizontal","paddingHorizontal","flex","position","absoluteFillObject","opacity","textAlign","fontSize"],"sourceRoot":"../../../src","sources":["components/OtpInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,6 +13,7 @@ export const TextArea = /*#__PURE__*/forwardRef(({
|
|
|
13
13
|
error,
|
|
14
14
|
label,
|
|
15
15
|
hint,
|
|
16
|
+
containerVariant = 'default',
|
|
16
17
|
onBlur,
|
|
17
18
|
onFocus,
|
|
18
19
|
numberOfLines = 4,
|
|
@@ -53,6 +54,7 @@ export const TextArea = /*#__PURE__*/forwardRef(({
|
|
|
53
54
|
focused: focused,
|
|
54
55
|
disabled: !editable,
|
|
55
56
|
height: numberOfLines * 22,
|
|
57
|
+
variant: containerVariant,
|
|
56
58
|
children: [/*#__PURE__*/_jsx(TextInput, {
|
|
57
59
|
...rest,
|
|
58
60
|
ref: inputRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useImperativeHandle","useMemo","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","useTheme","convertHexToRgba","Text","jsx","_jsx","jsxs","_jsxs","TextArea","style","editable","error","label","hint","onBlur","onFocus","numberOfLines","maxLength","onChangeText","rest","ref","focused","setFocused","colors","theme","inputRef","value","focus","current","blur","handleFocus","e","handleBlur","handleChangeText","text","length","onPress","contentContainerStyle","styles","container","disabled","height","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","placeholderTextColor","textAlignVertical","textAlign","isRTL","multiline","cursorColor","selectionColor","selectionHandleColor","
|
|
1
|
+
{"version":3,"names":["forwardRef","useImperativeHandle","useMemo","useRef","useState","TextInput","StyleSheet","Platform","I18nManager","InputContainer","useTheme","convertHexToRgba","Text","jsx","_jsx","jsxs","_jsxs","TextArea","style","editable","error","label","hint","containerVariant","onBlur","onFocus","numberOfLines","maxLength","onChangeText","rest","ref","focused","setFocused","colors","theme","inputRef","value","focus","current","blur","handleFocus","e","handleBlur","handleChangeText","text","length","onPress","contentContainerStyle","styles","container","disabled","height","variant","children","input","fontFamily","fonts","regular","color","foreground","caretColor","primary","OS","webInput","placeholderTextColor","textAlignVertical","textAlign","isRTL","multiline","cursorColor","selectionColor","selectionHandleColor","caption","create","flexDirection","flex","fontSize","width","marginVertical","marginBottom","alignSelf","outlineWidth"],"sourceRoot":"../../../src","sources":["components/TextArea.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -18,7 +18,6 @@ export { default as ButtonContainer, ButtonVariant, ButtonSize } from "./compone
|
|
|
18
18
|
export { convertHexToRgba } from "./utils/uiUtils.js";
|
|
19
19
|
export { default as BottomSheet } from "./components/BottomSheet.js";
|
|
20
20
|
export { default as TextArea } from "./components/TextArea.js";
|
|
21
|
-
export { OtpInputContainer } from "./components/OtpInputContainer.js";
|
|
22
21
|
export { OtpInput } from "./components/OtpInput.js";
|
|
23
22
|
export { default as CalendarPicker } from "./components/CalendarPicker.js";
|
|
24
23
|
export { default as Accordion, AccordionItem } from "./components/Accordion.js";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","
|
|
1
|
+
{"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAA4B,wBAAqB;AAC3E,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASrB,OAAO,IAAIsB,cAAc,QAAQ,gCAA6B;AACvE,SAAStB,OAAO,IAAIuB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACEzB,OAAO,IAAI0B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@ export declare const Input: import("react").ForwardRefExoticComponent<TextInputP
|
|
|
11
11
|
hint?: string;
|
|
12
12
|
iconName?: IconName;
|
|
13
13
|
variant?: "text" | "password";
|
|
14
|
+
containerVariant?: "default" | "alternative";
|
|
14
15
|
clearable?: boolean;
|
|
15
16
|
} & import("react").RefAttributes<InputRef>>;
|
|
16
17
|
export default Input;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAiBvC,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,KAAK;YAZR,SAAS,CAAC,SAAS,CAAC;YACpB,OAAO;YACP,MAAM;WACP,MAAM;eACF,QAAQ;cACT,MAAM,GAAG,UAAU;uBACV,SAAS,GAAG,aAAa;gBAChC,OAAO;4CA6GpB,CAAC;AAUF,eAAe,KAAK,CAAC"}
|
|
@@ -11,12 +11,13 @@ type Props = PropsWithChildren & {
|
|
|
11
11
|
focused?: boolean;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
size?: 'small' | 'default';
|
|
14
|
+
variant?: 'default' | 'alternative';
|
|
14
15
|
height?: number;
|
|
15
16
|
iconName?: IconName;
|
|
16
17
|
};
|
|
17
18
|
export type InputRef = {
|
|
18
19
|
focus: () => void;
|
|
19
20
|
};
|
|
20
|
-
export default function InputContainer({ style, contentContainerStyle, error, hint, label, onPress, focused, children, size, disabled, height, iconName, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default function InputContainer({ style, contentContainerStyle, error, hint, label, onPress, focused, children, size, disabled, variant, height, iconName, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export {};
|
|
22
23
|
//# sourceMappingURL=InputContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACnE,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI7C,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAM7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"InputContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACnE,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI7C,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAM7C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,qBAAqB,EACrB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAgB,EAChB,QAAQ,EACR,OAAmB,EACnB,MAAM,EACN,QAAQ,GACT,EAAE,KAAK,2CAwEP"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type OtpInputProps = {
|
|
2
|
+
length?: number;
|
|
3
|
+
value?: string;
|
|
4
|
+
onChange?: (code: string) => void;
|
|
5
|
+
secure?: boolean;
|
|
6
|
+
variant?: 'default' | 'alternative';
|
|
7
|
+
};
|
|
8
|
+
export declare function OtpInput({ length, value, onChange, secure, variant, }: OtpInputProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
3
10
|
//# sourceMappingURL=OtpInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OtpInput.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput.tsx"],"names":[],"mappings":"AAaA,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,MAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAc,EACd,OAAmB,GACpB,EAAE,aAAa,2CAmLf"}
|
|
@@ -11,6 +11,7 @@ export declare const TextArea: import("react").ForwardRefExoticComponent<TextInp
|
|
|
11
11
|
numberOfLines?: number;
|
|
12
12
|
maxLength?: number;
|
|
13
13
|
onChangeText?: (text: string) => void;
|
|
14
|
+
containerVariant?: "default" | "alternative";
|
|
14
15
|
} & import("react").RefAttributes<InputRef>>;
|
|
15
16
|
export default TextArea;
|
|
16
17
|
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,cAAc,CAAC;AAoBtB,MAAM,MAAM,QAAQ,GAAG;IAAE,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE/D,eAAO,MAAM,QAAQ;YAZX,SAAS,CAAC,SAAS,CAAC;YACpB,OAAO;YACP,MAAM;WACP,MAAM;oBACG,MAAM;gBACV,MAAM;mBACH,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI;uBAClB,SAAS,GAAG,aAAa;4CAsG7C,CAAC;AASF,eAAe,QAAQ,CAAC"}
|
|
@@ -17,9 +17,7 @@ export { default as ButtonContainer, ButtonVariant, ButtonSize, } from './compon
|
|
|
17
17
|
export { convertHexToRgba } from './utils/uiUtils';
|
|
18
18
|
export { default as BottomSheet } from './components/BottomSheet';
|
|
19
19
|
export { default as TextArea } from './components/TextArea';
|
|
20
|
-
export { OtpInputContainer } from './components/OtpInputContainer';
|
|
21
20
|
export { OtpInput } from './components/OtpInput';
|
|
22
|
-
export { type OtpInputContainerRef } from './components/OtpInputContainer';
|
|
23
21
|
export { default as CalendarPicker } from './components/CalendarPicker';
|
|
24
22
|
export { default as Accordion, AccordionItem } from './components/Accordion';
|
|
25
23
|
export { CopyToClipboard } from './components/CopyToClipboard';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}
|
package/package.json
CHANGED
package/src/components/Input.tsx
CHANGED
|
@@ -26,6 +26,7 @@ type Props = TextInputProps & {
|
|
|
26
26
|
hint?: string;
|
|
27
27
|
iconName?: IconName;
|
|
28
28
|
variant?: 'text' | 'password';
|
|
29
|
+
containerVariant?: 'default' | 'alternative';
|
|
29
30
|
clearable?: boolean;
|
|
30
31
|
};
|
|
31
32
|
|
|
@@ -42,6 +43,7 @@ export const Input = forwardRef<InputRef, Props>(
|
|
|
42
43
|
label,
|
|
43
44
|
hint,
|
|
44
45
|
variant = 'text',
|
|
46
|
+
containerVariant = 'default',
|
|
45
47
|
onBlur,
|
|
46
48
|
onFocus,
|
|
47
49
|
iconName,
|
|
@@ -93,6 +95,7 @@ export const Input = forwardRef<InputRef, Props>(
|
|
|
93
95
|
focused={focused}
|
|
94
96
|
disabled={!editable}
|
|
95
97
|
iconName={iconName}
|
|
98
|
+
variant={containerVariant}
|
|
96
99
|
>
|
|
97
100
|
<TextInput
|
|
98
101
|
{...rest}
|
|
@@ -29,6 +29,7 @@ type Props = PropsWithChildren & {
|
|
|
29
29
|
focused?: boolean;
|
|
30
30
|
disabled?: boolean;
|
|
31
31
|
size?: 'small' | 'default';
|
|
32
|
+
variant?: 'default' | 'alternative';
|
|
32
33
|
height?: number;
|
|
33
34
|
iconName?: IconName;
|
|
34
35
|
};
|
|
@@ -50,6 +51,7 @@ export default function InputContainer({
|
|
|
50
51
|
children,
|
|
51
52
|
size = 'default',
|
|
52
53
|
disabled,
|
|
54
|
+
variant = 'default',
|
|
53
55
|
height,
|
|
54
56
|
iconName,
|
|
55
57
|
}: Props) {
|
|
@@ -96,6 +98,12 @@ export default function InputContainer({
|
|
|
96
98
|
animStyle,
|
|
97
99
|
styles.container,
|
|
98
100
|
{ height: containerHeight, borderRadius: theme.roundness },
|
|
101
|
+
{
|
|
102
|
+
backgroundColor:
|
|
103
|
+
variant === 'alternative'
|
|
104
|
+
? colors.background
|
|
105
|
+
: colors.altBackground,
|
|
106
|
+
},
|
|
99
107
|
contentContainerStyle,
|
|
100
108
|
]}
|
|
101
109
|
>
|