@reown/appkit-ui-react-native 0.0.0-feat-swaps-20241129153709 → 0.0.0-feat-swaps-20241203153101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/wui-pressable/index.js +7 -7
- package/lib/commonjs/components/wui-pressable/index.js.map +1 -1
- package/lib/commonjs/components/wui-text/index.js +2 -2
- package/lib/commonjs/components/wui-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/styles.js +2 -1
- package/lib/commonjs/composites/wui-button/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/index.js +2 -1
- package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-wallet/index.js +2 -3
- package/lib/commonjs/composites/wui-list-wallet/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +2 -2
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/layout/wui-separator/index.js +4 -4
- package/lib/commonjs/layout/wui-separator/index.js.map +1 -1
- package/lib/module/components/wui-pressable/index.js +7 -7
- package/lib/module/components/wui-pressable/index.js.map +1 -1
- package/lib/module/components/wui-text/index.js +2 -2
- package/lib/module/components/wui-text/index.js.map +1 -1
- package/lib/module/composites/wui-button/styles.js +2 -1
- package/lib/module/composites/wui-button/styles.js.map +1 -1
- package/lib/module/composites/wui-input-text/index.js +2 -1
- package/lib/module/composites/wui-input-text/index.js.map +1 -1
- package/lib/module/composites/wui-list-wallet/index.js +3 -4
- package/lib/module/composites/wui-list-wallet/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +2 -2
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/layout/wui-separator/index.js +4 -4
- package/lib/module/layout/wui-separator/index.js.map +1 -1
- package/lib/typescript/components/wui-pressable/index.d.ts +3 -3
- package/lib/typescript/components/wui-pressable/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-text/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-button/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts +3 -1
- package/lib/typescript/composites/wui-input-text/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-list-wallet/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-separator/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/wui-pressable/index.tsx +7 -7
- package/src/components/wui-text/index.tsx +3 -4
- package/src/composites/wui-button/styles.ts +2 -1
- package/src/composites/wui-input-text/index.tsx +10 -2
- package/src/composites/wui-list-wallet/index.tsx +5 -6
- package/src/layout/wui-flex/index.tsx +3 -4
- package/src/layout/wui-separator/index.tsx +4 -7
- package/lib/commonjs/components/wui-lean-text/index.js +0 -15
- package/lib/commonjs/components/wui-lean-text/index.js.map +0 -1
- package/lib/commonjs/components/wui-lean-text/index.web.js +0 -13
- package/lib/commonjs/components/wui-lean-text/index.web.js.map +0 -1
- package/lib/commonjs/components/wui-lean-view/index.js +0 -15
- package/lib/commonjs/components/wui-lean-view/index.js.map +0 -1
- package/lib/commonjs/components/wui-lean-view/index.web.js +0 -13
- package/lib/commonjs/components/wui-lean-view/index.web.js.map +0 -1
- package/lib/module/components/wui-lean-text/index.js +0 -10
- package/lib/module/components/wui-lean-text/index.js.map +0 -1
- package/lib/module/components/wui-lean-text/index.web.js +0 -3
- package/lib/module/components/wui-lean-text/index.web.js.map +0 -1
- package/lib/module/components/wui-lean-view/index.js +0 -10
- package/lib/module/components/wui-lean-view/index.js.map +0 -1
- package/lib/module/components/wui-lean-view/index.web.js +0 -3
- package/lib/module/components/wui-lean-view/index.web.js.map +0 -1
- package/lib/typescript/components/wui-lean-text/index.d.ts +0 -5
- package/lib/typescript/components/wui-lean-text/index.d.ts.map +0 -1
- package/lib/typescript/components/wui-lean-text/index.web.d.ts +0 -3
- package/lib/typescript/components/wui-lean-text/index.web.d.ts.map +0 -1
- package/lib/typescript/components/wui-lean-view/index.d.ts +0 -5
- package/lib/typescript/components/wui-lean-view/index.d.ts.map +0 -1
- package/lib/typescript/components/wui-lean-view/index.web.d.ts +0 -3
- package/lib/typescript/components/wui-lean-view/index.web.d.ts.map +0 -1
- package/src/components/wui-lean-text/index.tsx +0 -10
- package/src/components/wui-lean-text/index.web.tsx +0 -3
- package/src/components/wui-lean-view/index.tsx +0 -10
- package/src/components/wui-lean-view/index.web.tsx +0 -3
|
@@ -7,11 +7,11 @@ export interface PressableProps extends RNPressableProps {
|
|
|
7
7
|
backgroundColor?: ColorType | 'transparent';
|
|
8
8
|
pressedBackgroundColor?: ColorType;
|
|
9
9
|
bounceScale?: number;
|
|
10
|
-
|
|
10
|
+
animationDuration?: number;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
pressable?: boolean;
|
|
13
13
|
}
|
|
14
|
-
export declare function Pressable({ children, style, disabled, pressable, onPress, backgroundColor, pressedBackgroundColor, bounceScale, // Scale to
|
|
15
|
-
|
|
14
|
+
export declare function Pressable({ children, style, disabled, pressable, onPress, backgroundColor, pressedBackgroundColor, bounceScale, // Scale to 99% of original size
|
|
15
|
+
animationDuration, // 200ms animation
|
|
16
16
|
...rest }: PressableProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-pressable/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,cAAc,IAAI,gBAAgB,EACvC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IAC5C,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-pressable/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,KAAK,cAAc,IAAI,gBAAgB,EACvC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IAC5C,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAgB,EAChB,OAAO,EACP,eAAkC,EAClC,sBAAyC,EACzC,WAAkB,EAAE,gCAAgC;AACpD,iBAAuB,EAAE,kBAAkB;AAC3C,GAAG,IAAI,EACR,EAAE,cAAc,2CAwDhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjE,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAgB,EAChB,OAAyB,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,2CAiBX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEnE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAEtB,UAAU,aACR,OAAO,YACR,OAAO,KAChB,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEnE,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAEtB,UAAU,aACR,OAAO,YACR,OAAO,KAChB,UAAU,GAAG,CAuBf,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAEpB,UAAU,aACR,OAAO,KACjB,UAAU,GAAG,CAUf,CAAC;AAEF,eAAO,MAAM,YAAY,YAAa,UAAU,aAAa,OAAO,+DAMnE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wBA2BG"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type TextInputProps } from 'react-native';
|
|
2
|
+
import { type StyleProp, type TextInputProps, type ViewStyle } from 'react-native';
|
|
3
3
|
import type { IconType, SizeType } from '../../utils/TypesUtil';
|
|
4
4
|
interface InputRef {
|
|
5
5
|
clear: () => void;
|
|
@@ -11,12 +11,14 @@ export type InputTextProps = TextInputProps & {
|
|
|
11
11
|
icon?: IconType;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
size?: Exclude<SizeType, 'xl' | 'lg' | 'xxs'>;
|
|
14
|
+
style?: StyleProp<ViewStyle>;
|
|
14
15
|
};
|
|
15
16
|
export declare const InputText: import("react").ForwardRefExoticComponent<TextInputProps & {
|
|
16
17
|
inputStyle?: TextInputProps['style'];
|
|
17
18
|
icon?: IconType | undefined;
|
|
18
19
|
disabled?: boolean | undefined;
|
|
19
20
|
size?: "md" | "sm" | "xs" | undefined;
|
|
21
|
+
style?: StyleProp<ViewStyle>;
|
|
20
22
|
} & import("react").RefAttributes<InputRef>>;
|
|
21
23
|
export {};
|
|
22
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-input-text/index.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-input-text/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAKL,KAAK,SAAS,EAEd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKhE,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,SAAS;iBAPP,cAAc,CAAC,OAAO,CAAC;;;;YAI5B,UAAU,SAAS,CAAC;4CA+G7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-list-wallet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composites/wui-list-wallet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAIzF,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAU/D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACP,EAAE,eAAe,2CAqFjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-flex/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAE5F,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAwB5C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/layout/wui-separator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,MAAM,cAAc,CAAC;AAMpE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,2CAoBxD"}
|
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ export interface PressableProps extends RNPressableProps {
|
|
|
17
17
|
backgroundColor?: ColorType | 'transparent';
|
|
18
18
|
pressedBackgroundColor?: ColorType;
|
|
19
19
|
bounceScale?: number;
|
|
20
|
-
|
|
20
|
+
animationDuration?: number;
|
|
21
21
|
disabled?: boolean;
|
|
22
22
|
pressable?: boolean;
|
|
23
23
|
}
|
|
@@ -30,8 +30,8 @@ export function Pressable({
|
|
|
30
30
|
onPress,
|
|
31
31
|
backgroundColor = 'gray-glass-002',
|
|
32
32
|
pressedBackgroundColor = 'gray-glass-010',
|
|
33
|
-
bounceScale = 0.99, // Scale to
|
|
34
|
-
|
|
33
|
+
bounceScale = 0.99, // Scale to 99% of original size
|
|
34
|
+
animationDuration = 200, // 200ms animation
|
|
35
35
|
...rest
|
|
36
36
|
}: PressableProps) {
|
|
37
37
|
const Theme = useTheme();
|
|
@@ -43,13 +43,13 @@ export function Pressable({
|
|
|
43
43
|
Animated.timing(pressAnimation.current, {
|
|
44
44
|
toValue: 1,
|
|
45
45
|
useNativeDriver: false,
|
|
46
|
-
duration:
|
|
46
|
+
duration: animationDuration
|
|
47
47
|
}),
|
|
48
48
|
|
|
49
49
|
Animated.timing(scaleAnimation.current, {
|
|
50
50
|
toValue: bounceScale,
|
|
51
51
|
useNativeDriver: false,
|
|
52
|
-
duration:
|
|
52
|
+
duration: animationDuration
|
|
53
53
|
})
|
|
54
54
|
]).start();
|
|
55
55
|
};
|
|
@@ -59,12 +59,12 @@ export function Pressable({
|
|
|
59
59
|
Animated.timing(pressAnimation.current, {
|
|
60
60
|
toValue: 0,
|
|
61
61
|
useNativeDriver: false,
|
|
62
|
-
duration:
|
|
62
|
+
duration: animationDuration
|
|
63
63
|
}),
|
|
64
64
|
Animated.timing(scaleAnimation.current, {
|
|
65
65
|
toValue: 1,
|
|
66
66
|
useNativeDriver: false,
|
|
67
|
-
duration:
|
|
67
|
+
duration: animationDuration
|
|
68
68
|
})
|
|
69
69
|
]).start();
|
|
70
70
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { type TextProps as NativeProps } from 'react-native';
|
|
1
|
+
import { Text as NativeText, type TextProps as NativeProps } from 'react-native';
|
|
2
2
|
import { useTheme } from '../../hooks/useTheme';
|
|
3
|
-
import { LeanText } from '../wui-lean-text';
|
|
4
3
|
import type { ColorType, TextType } from '../../utils/TypesUtil';
|
|
5
4
|
import styles from './styles';
|
|
6
5
|
|
|
@@ -21,7 +20,7 @@ export function Text({
|
|
|
21
20
|
const Theme = useTheme();
|
|
22
21
|
|
|
23
22
|
return (
|
|
24
|
-
<
|
|
23
|
+
<NativeText
|
|
25
24
|
style={[
|
|
26
25
|
styles.base,
|
|
27
26
|
styles[variant],
|
|
@@ -32,6 +31,6 @@ export function Text({
|
|
|
32
31
|
{...rest}
|
|
33
32
|
>
|
|
34
33
|
{children}
|
|
35
|
-
</
|
|
34
|
+
</NativeText>
|
|
36
35
|
);
|
|
37
36
|
}
|
|
@@ -9,11 +9,12 @@ export const getThemedButtonStyle = (
|
|
|
9
9
|
pressed?: boolean
|
|
10
10
|
): StyleProp<any> => {
|
|
11
11
|
const buttonBaseStyle = {
|
|
12
|
-
borderColor: theme['
|
|
12
|
+
borderColor: theme['accent-glass-020']
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
if (disabled) {
|
|
16
16
|
return {
|
|
17
|
+
...buttonBaseStyle,
|
|
17
18
|
backgroundColor: variant === 'fill' ? theme['gray-glass-005'] : theme['gray-glass-010']
|
|
18
19
|
};
|
|
19
20
|
}
|
|
@@ -4,8 +4,10 @@ import {
|
|
|
4
4
|
Pressable,
|
|
5
5
|
TextInput,
|
|
6
6
|
type NativeSyntheticEvent,
|
|
7
|
+
type StyleProp,
|
|
7
8
|
type TextInputFocusEventData,
|
|
8
|
-
type TextInputProps
|
|
9
|
+
type TextInputProps,
|
|
10
|
+
type ViewStyle
|
|
9
11
|
} from 'react-native';
|
|
10
12
|
import { Icon } from '../../components/wui-icon';
|
|
11
13
|
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
@@ -26,6 +28,7 @@ export type InputTextProps = TextInputProps & {
|
|
|
26
28
|
icon?: IconType;
|
|
27
29
|
disabled?: boolean;
|
|
28
30
|
size?: Exclude<SizeType, 'xl' | 'lg' | 'xxs'>;
|
|
31
|
+
style?: StyleProp<ViewStyle>;
|
|
29
32
|
};
|
|
30
33
|
|
|
31
34
|
export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
@@ -40,6 +43,7 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
40
43
|
returnKeyType,
|
|
41
44
|
onBlur,
|
|
42
45
|
onFocus,
|
|
46
|
+
style,
|
|
43
47
|
...rest
|
|
44
48
|
}: InputTextProps,
|
|
45
49
|
ref
|
|
@@ -94,7 +98,11 @@ export const InputText = forwardRef<InputRef, InputTextProps>(
|
|
|
94
98
|
return (
|
|
95
99
|
<>
|
|
96
100
|
<AnimatedPressable
|
|
97
|
-
style={[
|
|
101
|
+
style={[
|
|
102
|
+
styles.outerBorder,
|
|
103
|
+
{ borderColor: outerBorder, borderRadius: outerRadius },
|
|
104
|
+
style
|
|
105
|
+
]}
|
|
98
106
|
disabled={disabled}
|
|
99
107
|
onPress={() => inputRef.current?.focus()}
|
|
100
108
|
testID={rest.testID}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Animated, Pressable, type StyleProp, type ViewStyle } from 'react-native';
|
|
1
|
+
import { Animated, Pressable, type StyleProp, type ViewStyle, View } from 'react-native';
|
|
2
2
|
import { Text } from '../../components/wui-text';
|
|
3
3
|
import useAnimatedValue from '../../hooks/useAnimatedValue';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
@@ -6,7 +6,6 @@ import type { IconType, TagType } from '../../utils/TypesUtil';
|
|
|
6
6
|
import { Tag } from '../wui-tag';
|
|
7
7
|
import { WalletImage } from '../wui-wallet-image';
|
|
8
8
|
import { Icon } from '../../components/wui-icon';
|
|
9
|
-
import { LeanView } from '../../components/wui-lean-view';
|
|
10
9
|
import { IconBox } from '../wui-icon-box';
|
|
11
10
|
|
|
12
11
|
import styles from './styles';
|
|
@@ -68,7 +67,7 @@ export function ListWallet({
|
|
|
68
67
|
|
|
69
68
|
function imageTemplate() {
|
|
70
69
|
return (
|
|
71
|
-
<
|
|
70
|
+
<View>
|
|
72
71
|
<WalletImage
|
|
73
72
|
style={[styles.image, disabled && styles.imageDisabled]}
|
|
74
73
|
imageSrc={imageSrc}
|
|
@@ -77,7 +76,7 @@ export function ListWallet({
|
|
|
77
76
|
size="sm"
|
|
78
77
|
/>
|
|
79
78
|
{templateInstalled()}
|
|
80
|
-
</
|
|
79
|
+
</View>
|
|
81
80
|
);
|
|
82
81
|
}
|
|
83
82
|
|
|
@@ -117,12 +116,12 @@ export function ListWallet({
|
|
|
117
116
|
onPressOut={setStartValue}
|
|
118
117
|
testID={testID}
|
|
119
118
|
>
|
|
120
|
-
<
|
|
119
|
+
<View style={styles.leftSide}>
|
|
121
120
|
{imageTemplate()}
|
|
122
121
|
<Text variant="paragraph-500" style={styles.name} color={disabled ? 'fg-300' : 'fg-100'}>
|
|
123
122
|
{name}
|
|
124
123
|
</Text>
|
|
125
|
-
</
|
|
124
|
+
</View>
|
|
126
125
|
{iconTemplate()}
|
|
127
126
|
</AnimatedPressable>
|
|
128
127
|
);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type LayoutChangeEvent, type StyleProp, type ViewStyle } from 'react-native';
|
|
1
|
+
import { type LayoutChangeEvent, type StyleProp, type ViewStyle, View } from 'react-native';
|
|
2
2
|
|
|
3
3
|
import type {
|
|
4
4
|
FlexAlignType,
|
|
@@ -10,7 +10,6 @@ import type {
|
|
|
10
10
|
SpacingType
|
|
11
11
|
} from '../../utils/TypesUtil';
|
|
12
12
|
import { UiUtil } from '../../utils/UiUtil';
|
|
13
|
-
import { LeanView } from '../../components/wui-lean-view';
|
|
14
13
|
|
|
15
14
|
export interface FlexViewProps {
|
|
16
15
|
children?: React.ReactNode;
|
|
@@ -47,8 +46,8 @@ export function FlexView(props: FlexViewProps) {
|
|
|
47
46
|
};
|
|
48
47
|
|
|
49
48
|
return (
|
|
50
|
-
<
|
|
49
|
+
<View onLayout={props.onLayout} style={[styles, props.style]}>
|
|
51
50
|
{props.children}
|
|
52
|
-
</
|
|
51
|
+
</View>
|
|
53
52
|
);
|
|
54
53
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
1
|
+
import { type StyleProp, type ViewStyle, View } from 'react-native';
|
|
2
2
|
import { Text } from '../../components/wui-text';
|
|
3
|
-
import { LeanView } from '../../components/wui-lean-view';
|
|
4
3
|
import { FlexView } from '../../layout/wui-flex';
|
|
5
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
5
|
import styles from './styles';
|
|
@@ -14,20 +13,18 @@ export function Separator({ text, style }: SeparatorProps) {
|
|
|
14
13
|
const Theme = useTheme();
|
|
15
14
|
|
|
16
15
|
if (!text) {
|
|
17
|
-
return
|
|
18
|
-
<LeanView style={[styles.single, { backgroundColor: Theme['gray-glass-005'] }, style]} />
|
|
19
|
-
);
|
|
16
|
+
return <View style={[styles.single, { backgroundColor: Theme['gray-glass-005'] }, style]} />;
|
|
20
17
|
}
|
|
21
18
|
|
|
22
19
|
return (
|
|
23
20
|
<FlexView flexDirection="row" alignItems="center" style={style}>
|
|
24
|
-
<
|
|
21
|
+
<View
|
|
25
22
|
style={[styles.divider, styles.marginRight, { backgroundColor: Theme['gray-glass-005'] }]}
|
|
26
23
|
/>
|
|
27
24
|
<Text variant="small-500" color="fg-300">
|
|
28
25
|
{text}
|
|
29
26
|
</Text>
|
|
30
|
-
<
|
|
27
|
+
<View
|
|
31
28
|
style={[styles.divider, styles.marginLeft, { backgroundColor: Theme['gray-glass-005'] }]}
|
|
32
29
|
/>
|
|
33
30
|
</FlexView>
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.LeanText = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
const LeanText = exports.LeanText = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
9
|
-
return /*#__PURE__*/(0, _react.createElement)('RCTText', {
|
|
10
|
-
...props,
|
|
11
|
-
ref
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
LeanText.displayName = 'RCTText';
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","LeanText","exports","forwardRef","props","ref","createElement","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BJ,QAAQ,CAACM,WAAW,GAAG,SAAS"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "LeanText", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _reactNative.Text;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _reactNative = require("react-native");
|
|
13
|
-
//# sourceMappingURL=index.web.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.web.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.LeanView = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
const LeanView = exports.LeanView = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
9
|
-
return /*#__PURE__*/(0, _react.createElement)('RCTView', {
|
|
10
|
-
...props,
|
|
11
|
-
ref
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
LeanView.displayName = 'RCTView';
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","LeanView","exports","forwardRef","props","ref","createElement","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAO,IAAAC,oBAAa,EAAC,SAAS,EAAE;IAAE,GAAGF,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BJ,QAAQ,CAACM,WAAW,GAAG,SAAS"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "LeanView", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _reactNative.View;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _reactNative = require("react-native");
|
|
13
|
-
//# sourceMappingURL=index.web.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.web.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { createElement, forwardRef } from 'react';
|
|
2
|
-
const LeanText = /*#__PURE__*/forwardRef((props, ref) => {
|
|
3
|
-
return /*#__PURE__*/createElement('RCTText', {
|
|
4
|
-
...props,
|
|
5
|
-
ref
|
|
6
|
-
});
|
|
7
|
-
});
|
|
8
|
-
LeanText.displayName = 'RCTText';
|
|
9
|
-
export { LeanText };
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createElement","forwardRef","LeanText","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.tsx"],"mappings":"AAAA,SAA6BA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGrE,MAAMC,QAAQ,gBAAGD,UAAU,CAAC,CAACE,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAOJ,aAAa,CAAC,SAAS,EAAE;IAAE,GAAGG,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BF,QAAQ,CAACG,WAAW,GAAG,SAAS;AAEhC,SAASH,QAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Text","LeanText"],"sourceRoot":"../../../../src","sources":["components/wui-lean-text/index.web.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASA,IAAI,IAAIC,QAAQ"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { createElement, forwardRef } from 'react';
|
|
2
|
-
const LeanView = /*#__PURE__*/forwardRef((props, ref) => {
|
|
3
|
-
return /*#__PURE__*/createElement('RCTView', {
|
|
4
|
-
...props,
|
|
5
|
-
ref
|
|
6
|
-
});
|
|
7
|
-
});
|
|
8
|
-
LeanView.displayName = 'RCTView';
|
|
9
|
-
export { LeanView };
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createElement","forwardRef","LeanView","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.tsx"],"mappings":"AAAA,SAA6BA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGrE,MAAMC,QAAQ,gBAAGD,UAAU,CAAC,CAACE,KAAK,EAAEC,GAAG,KAAK;EAC1C,oBAAOJ,aAAa,CAAC,SAAS,EAAE;IAAE,GAAGG,KAAK;IAAEC;EAAI,CAAC,CAAC;AACpD,CAAC,CAA6B;AAE9BF,QAAQ,CAACG,WAAW,GAAG,SAAS;AAEhC,SAASH,QAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["View","LeanView"],"sourceRoot":"../../../../src","sources":["components/wui-lean-view/index.web.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAASA,IAAI,IAAIC,QAAQ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,QAAQ,0BAEgB,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-text/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA6B,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,QAAQ,0BAEgB,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../../src/components/wui-lean-view/index.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ComponentType, createElement, forwardRef } from 'react';
|
|
2
|
-
import type { TextProps } from 'react-native';
|
|
3
|
-
|
|
4
|
-
const LeanText = forwardRef((props, ref) => {
|
|
5
|
-
return createElement('RCTText', { ...props, ref });
|
|
6
|
-
}) as ComponentType<TextProps>;
|
|
7
|
-
|
|
8
|
-
LeanText.displayName = 'RCTText';
|
|
9
|
-
|
|
10
|
-
export { LeanText };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ComponentType, createElement, forwardRef } from 'react';
|
|
2
|
-
import type { ViewProps } from 'react-native';
|
|
3
|
-
|
|
4
|
-
const LeanView = forwardRef((props, ref) => {
|
|
5
|
-
return createElement('RCTView', { ...props, ref });
|
|
6
|
-
}) as ComponentType<ViewProps>;
|
|
7
|
-
|
|
8
|
-
LeanView.displayName = 'RCTView';
|
|
9
|
-
|
|
10
|
-
export { LeanView };
|