@jamadd/react-native-template-ui 0.4.7 → 0.4.11
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/typescript/src/components/text/Text.d.ts +2 -2
- package/lib/typescript/src/hooks/button.d.ts +104 -104
- package/lib/typescript/src/types/text.d.ts +7 -6
- package/lib/typescript/src/types/text.d.ts.map +1 -1
- package/lib/typescript/src/types/theme.d.ts +1 -2
- package/lib/typescript/src/types/theme.d.ts.map +1 -1
- package/lib/typescript/src/types/view.d.ts +8 -6
- package/lib/typescript/src/types/view.d.ts.map +1 -1
- package/lib/typescript/src/utils/theme/restyle.d.ts +45 -45
- package/package.json +1 -1
|
@@ -882,7 +882,7 @@ declare const Text: import("react").ForwardRefExoticComponent<import("@shopify/r
|
|
|
882
882
|
};
|
|
883
883
|
}> & Omit<import("react-native").TextProps & {
|
|
884
884
|
children?: React.ReactNode;
|
|
885
|
-
}, "m" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "
|
|
885
|
+
}, "m" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "opacity" | "visible" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textDecorationLine" | "textDecorationStyle" | "textShadowColor" | "textShadowOffset" | "textShadowRadius" | "textTransform" | "fontVariant" | "writingDirection" | "textAlignVertical" | "verticalAlign" | "includeFontPadding" | "variant" | keyof import("@shopify/restyle").ColorProps<{
|
|
886
886
|
colors: {
|
|
887
887
|
transparent: import("../..").Palette;
|
|
888
888
|
themePri: import("../..").Palette;
|
|
@@ -1874,7 +1874,7 @@ declare const Text: import("react").ForwardRefExoticComponent<import("@shopify/r
|
|
|
1874
1874
|
};
|
|
1875
1875
|
}> & Omit<import("react-native").TextProps & {
|
|
1876
1876
|
children?: React.ReactNode;
|
|
1877
|
-
}, "m" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "
|
|
1877
|
+
}, "m" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "opacity" | "visible" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textDecorationLine" | "textDecorationStyle" | "textShadowColor" | "textShadowOffset" | "textShadowRadius" | "textTransform" | "fontVariant" | "writingDirection" | "textAlignVertical" | "verticalAlign" | "includeFontPadding" | "variant" | keyof import("@shopify/restyle").ColorProps<{
|
|
1878
1878
|
colors: {
|
|
1879
1879
|
transparent: import("../..").Palette;
|
|
1880
1880
|
themePri: import("../..").Palette;
|
|
@@ -7,59 +7,14 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
7
7
|
style: import("react-native").StyleProp<ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<ViewStyle>);
|
|
8
8
|
restyle: {
|
|
9
9
|
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
|
|
10
|
+
hitSlop?: number | import("react-native").Insets | null | undefined;
|
|
10
11
|
id?: string | undefined | undefined;
|
|
12
|
+
needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
|
|
11
13
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
|
|
12
|
-
onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
13
|
-
onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
14
|
-
onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
15
|
-
testID?: string | undefined | undefined;
|
|
16
|
-
nativeID?: string | undefined | undefined;
|
|
17
14
|
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
|
|
18
|
-
pressRetentionOffset?: number | import("react-native").Insets | null | undefined;
|
|
19
|
-
disabled?: null | boolean | undefined | undefined;
|
|
20
|
-
accessible?: boolean | undefined | undefined;
|
|
21
|
-
accessibilityActions?: readonly Readonly<{
|
|
22
|
-
name: import("react-native").AccessibilityActionName | string;
|
|
23
|
-
label?: string | undefined;
|
|
24
|
-
}>[] | undefined;
|
|
25
|
-
accessibilityLabel?: string | undefined | undefined;
|
|
26
|
-
'aria-label'?: string | undefined | undefined;
|
|
27
|
-
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
28
|
-
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
29
|
-
'aria-busy'?: boolean | undefined | undefined;
|
|
30
|
-
'aria-checked'?: boolean | "mixed" | undefined | undefined;
|
|
31
|
-
'aria-disabled'?: boolean | undefined | undefined;
|
|
32
|
-
'aria-expanded'?: boolean | undefined | undefined;
|
|
33
|
-
'aria-selected'?: boolean | undefined | undefined;
|
|
34
|
-
accessibilityHint?: string | undefined | undefined;
|
|
35
|
-
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
36
|
-
'aria-valuemax'?: number | undefined;
|
|
37
|
-
'aria-valuemin'?: number | undefined;
|
|
38
|
-
'aria-valuenow'?: number | undefined;
|
|
39
|
-
'aria-valuetext'?: string | undefined;
|
|
40
|
-
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
|
|
41
|
-
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
|
|
42
|
-
'aria-hidden'?: boolean | undefined | undefined;
|
|
43
|
-
'aria-modal'?: boolean | undefined | undefined;
|
|
44
|
-
role?: import("react-native").Role | undefined;
|
|
45
|
-
accessibilityLabelledBy?: string | string[] | undefined | undefined;
|
|
46
|
-
'aria-labelledby'?: string | undefined | undefined;
|
|
47
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
|
|
48
|
-
'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
|
|
49
|
-
screenReaderFocusable?: boolean | undefined | undefined;
|
|
50
|
-
accessibilityElementsHidden?: boolean | undefined | undefined;
|
|
51
|
-
accessibilityViewIsModal?: boolean | undefined | undefined;
|
|
52
|
-
onAccessibilityEscape?: (() => void) | undefined | undefined;
|
|
53
|
-
onAccessibilityTap?: (() => void) | undefined | undefined;
|
|
54
|
-
onMagicTap?: (() => void) | undefined | undefined;
|
|
55
|
-
accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
|
|
56
|
-
accessibilityLanguage?: string | undefined | undefined;
|
|
57
|
-
accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
|
|
58
|
-
accessibilityLargeContentTitle?: string | undefined | undefined;
|
|
59
|
-
accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
|
|
60
|
-
hitSlop?: number | import("react-native").Insets | null | undefined;
|
|
61
|
-
needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
|
|
62
15
|
removeClippedSubviews?: boolean | undefined | undefined;
|
|
16
|
+
testID?: string | undefined | undefined;
|
|
17
|
+
nativeID?: string | undefined | undefined;
|
|
63
18
|
collapsable?: boolean | undefined | undefined;
|
|
64
19
|
collapsableChildren?: boolean | undefined | undefined;
|
|
65
20
|
onBlur?: null | ((event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void) | undefined | undefined;
|
|
@@ -103,6 +58,51 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
103
58
|
onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
|
|
104
59
|
onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
|
|
105
60
|
onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
|
|
61
|
+
accessible?: boolean | undefined | undefined;
|
|
62
|
+
accessibilityActions?: readonly Readonly<{
|
|
63
|
+
name: import("react-native").AccessibilityActionName | string;
|
|
64
|
+
label?: string | undefined;
|
|
65
|
+
}>[] | undefined;
|
|
66
|
+
accessibilityLabel?: string | undefined | undefined;
|
|
67
|
+
'aria-label'?: string | undefined | undefined;
|
|
68
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
69
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
70
|
+
'aria-busy'?: boolean | undefined | undefined;
|
|
71
|
+
'aria-checked'?: boolean | "mixed" | undefined | undefined;
|
|
72
|
+
'aria-disabled'?: boolean | undefined | undefined;
|
|
73
|
+
'aria-expanded'?: boolean | undefined | undefined;
|
|
74
|
+
'aria-selected'?: boolean | undefined | undefined;
|
|
75
|
+
accessibilityHint?: string | undefined | undefined;
|
|
76
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
77
|
+
'aria-valuemax'?: number | undefined;
|
|
78
|
+
'aria-valuemin'?: number | undefined;
|
|
79
|
+
'aria-valuenow'?: number | undefined;
|
|
80
|
+
'aria-valuetext'?: string | undefined;
|
|
81
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
|
|
82
|
+
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
|
|
83
|
+
'aria-hidden'?: boolean | undefined | undefined;
|
|
84
|
+
'aria-modal'?: boolean | undefined | undefined;
|
|
85
|
+
role?: import("react-native").Role | undefined;
|
|
86
|
+
accessibilityLabelledBy?: string | string[] | undefined | undefined;
|
|
87
|
+
'aria-labelledby'?: string | undefined | undefined;
|
|
88
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
|
|
89
|
+
'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
|
|
90
|
+
screenReaderFocusable?: boolean | undefined | undefined;
|
|
91
|
+
accessibilityElementsHidden?: boolean | undefined | undefined;
|
|
92
|
+
accessibilityViewIsModal?: boolean | undefined | undefined;
|
|
93
|
+
onAccessibilityEscape?: (() => void) | undefined | undefined;
|
|
94
|
+
onAccessibilityTap?: (() => void) | undefined | undefined;
|
|
95
|
+
onMagicTap?: (() => void) | undefined | undefined;
|
|
96
|
+
accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
|
|
97
|
+
accessibilityLanguage?: string | undefined | undefined;
|
|
98
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
|
|
99
|
+
accessibilityLargeContentTitle?: string | undefined | undefined;
|
|
100
|
+
accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
|
|
101
|
+
onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
102
|
+
onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
103
|
+
onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
104
|
+
pressRetentionOffset?: number | import("react-native").Insets | null | undefined;
|
|
105
|
+
disabled?: null | boolean | undefined | undefined;
|
|
106
106
|
onHoverIn?: null | ((event: import("react-native").MouseEvent) => void) | undefined | undefined;
|
|
107
107
|
onHoverOut?: null | ((event: import("react-native").MouseEvent) => void) | undefined | undefined;
|
|
108
108
|
cancelable?: null | boolean | undefined | undefined;
|
|
@@ -191,7 +191,7 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
191
191
|
tablet: number;
|
|
192
192
|
desktop: number;
|
|
193
193
|
}>;
|
|
194
|
-
alignContent?: import("@shopify/restyle").ResponsiveValue<"
|
|
194
|
+
alignContent?: import("@shopify/restyle").ResponsiveValue<"flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined, {
|
|
195
195
|
smallPhone: number;
|
|
196
196
|
phone: number;
|
|
197
197
|
smallTablet: number;
|
|
@@ -212,7 +212,7 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
212
212
|
tablet: number;
|
|
213
213
|
desktop: number;
|
|
214
214
|
}>;
|
|
215
|
-
justifyContent?: import("@shopify/restyle").ResponsiveValue<"
|
|
215
|
+
justifyContent?: import("@shopify/restyle").ResponsiveValue<"flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined, {
|
|
216
216
|
smallPhone: number;
|
|
217
217
|
phone: number;
|
|
218
218
|
smallTablet: number;
|
|
@@ -902,7 +902,7 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
902
902
|
tablet: number;
|
|
903
903
|
desktop: number;
|
|
904
904
|
}>;
|
|
905
|
-
alignContent?: import("@shopify/restyle").ResponsiveValue<"
|
|
905
|
+
alignContent?: import("@shopify/restyle").ResponsiveValue<"flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined, {
|
|
906
906
|
smallPhone: number;
|
|
907
907
|
phone: number;
|
|
908
908
|
smallTablet: number;
|
|
@@ -923,7 +923,7 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
923
923
|
tablet: number;
|
|
924
924
|
desktop: number;
|
|
925
925
|
}>;
|
|
926
|
-
justifyContent?: import("@shopify/restyle").ResponsiveValue<"
|
|
926
|
+
justifyContent?: import("@shopify/restyle").ResponsiveValue<"flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined, {
|
|
927
927
|
smallPhone: number;
|
|
928
928
|
phone: number;
|
|
929
929
|
smallTablet: number;
|
|
@@ -1528,57 +1528,6 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
1528
1528
|
tablet: number;
|
|
1529
1529
|
desktop: number;
|
|
1530
1530
|
}> | undefined;
|
|
1531
|
-
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
|
|
1532
|
-
id?: string | undefined | undefined;
|
|
1533
|
-
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
|
|
1534
|
-
onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
1535
|
-
onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
1536
|
-
onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
1537
|
-
testID?: string | undefined | undefined;
|
|
1538
|
-
nativeID?: string | undefined | undefined;
|
|
1539
|
-
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
|
|
1540
|
-
pressRetentionOffset?: number | import("react-native").Insets | null | undefined;
|
|
1541
|
-
disabled?: null | boolean | undefined | undefined;
|
|
1542
|
-
accessible?: boolean | undefined | undefined;
|
|
1543
|
-
accessibilityActions?: readonly Readonly<{
|
|
1544
|
-
name: import("react-native").AccessibilityActionName | string;
|
|
1545
|
-
label?: string | undefined;
|
|
1546
|
-
}>[] | undefined;
|
|
1547
|
-
accessibilityLabel?: string | undefined | undefined;
|
|
1548
|
-
'aria-label'?: string | undefined | undefined;
|
|
1549
|
-
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
1550
|
-
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
1551
|
-
'aria-busy'?: boolean | undefined | undefined;
|
|
1552
|
-
'aria-checked'?: boolean | "mixed" | undefined | undefined;
|
|
1553
|
-
'aria-disabled'?: boolean | undefined | undefined;
|
|
1554
|
-
'aria-expanded'?: boolean | undefined | undefined;
|
|
1555
|
-
'aria-selected'?: boolean | undefined | undefined;
|
|
1556
|
-
accessibilityHint?: string | undefined | undefined;
|
|
1557
|
-
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
1558
|
-
'aria-valuemax'?: number | undefined;
|
|
1559
|
-
'aria-valuemin'?: number | undefined;
|
|
1560
|
-
'aria-valuenow'?: number | undefined;
|
|
1561
|
-
'aria-valuetext'?: string | undefined;
|
|
1562
|
-
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
|
|
1563
|
-
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
|
|
1564
|
-
'aria-hidden'?: boolean | undefined | undefined;
|
|
1565
|
-
'aria-modal'?: boolean | undefined | undefined;
|
|
1566
|
-
role?: import("react-native").Role | undefined;
|
|
1567
|
-
accessibilityLabelledBy?: string | string[] | undefined | undefined;
|
|
1568
|
-
'aria-labelledby'?: string | undefined | undefined;
|
|
1569
|
-
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
|
|
1570
|
-
'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
|
|
1571
|
-
screenReaderFocusable?: boolean | undefined | undefined;
|
|
1572
|
-
accessibilityElementsHidden?: boolean | undefined | undefined;
|
|
1573
|
-
accessibilityViewIsModal?: boolean | undefined | undefined;
|
|
1574
|
-
onAccessibilityEscape?: (() => void) | undefined | undefined;
|
|
1575
|
-
onAccessibilityTap?: (() => void) | undefined | undefined;
|
|
1576
|
-
onMagicTap?: (() => void) | undefined | undefined;
|
|
1577
|
-
accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
|
|
1578
|
-
accessibilityLanguage?: string | undefined | undefined;
|
|
1579
|
-
accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
|
|
1580
|
-
accessibilityLargeContentTitle?: string | undefined | undefined;
|
|
1581
|
-
accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
|
|
1582
1531
|
shadowColor?: import("@shopify/restyle").ResponsiveValue<"transparent" | "themePri" | "themeSec" | "themePriT" | "background" | "backgroundOverlay" | "text" | "textOverlay" | "textButton" | "border" | "separator" | "err", {
|
|
1583
1532
|
smallPhone: number;
|
|
1584
1533
|
phone: number;
|
|
@@ -1586,9 +1535,15 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
1586
1535
|
tablet: number;
|
|
1587
1536
|
desktop: number;
|
|
1588
1537
|
}> | undefined;
|
|
1538
|
+
children?: import("react").ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
|
|
1589
1539
|
hitSlop?: number | import("react-native").Insets | null | undefined;
|
|
1540
|
+
id?: string | undefined | undefined;
|
|
1590
1541
|
needsOffscreenAlphaCompositing?: boolean | undefined | undefined;
|
|
1542
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined | undefined;
|
|
1543
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined | undefined;
|
|
1591
1544
|
removeClippedSubviews?: boolean | undefined | undefined;
|
|
1545
|
+
testID?: string | undefined | undefined;
|
|
1546
|
+
nativeID?: string | undefined | undefined;
|
|
1592
1547
|
collapsable?: boolean | undefined | undefined;
|
|
1593
1548
|
collapsableChildren?: boolean | undefined | undefined;
|
|
1594
1549
|
onBlur?: null | ((event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void) | undefined | undefined;
|
|
@@ -1632,6 +1587,51 @@ export declare function useThemedPressable({ onPress, onPressDelayConfig, ...pro
|
|
|
1632
1587
|
onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
|
|
1633
1588
|
onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
|
|
1634
1589
|
onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined | undefined;
|
|
1590
|
+
accessible?: boolean | undefined | undefined;
|
|
1591
|
+
accessibilityActions?: readonly Readonly<{
|
|
1592
|
+
name: import("react-native").AccessibilityActionName | string;
|
|
1593
|
+
label?: string | undefined;
|
|
1594
|
+
}>[] | undefined;
|
|
1595
|
+
accessibilityLabel?: string | undefined | undefined;
|
|
1596
|
+
'aria-label'?: string | undefined | undefined;
|
|
1597
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
1598
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
1599
|
+
'aria-busy'?: boolean | undefined | undefined;
|
|
1600
|
+
'aria-checked'?: boolean | "mixed" | undefined | undefined;
|
|
1601
|
+
'aria-disabled'?: boolean | undefined | undefined;
|
|
1602
|
+
'aria-expanded'?: boolean | undefined | undefined;
|
|
1603
|
+
'aria-selected'?: boolean | undefined | undefined;
|
|
1604
|
+
accessibilityHint?: string | undefined | undefined;
|
|
1605
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
1606
|
+
'aria-valuemax'?: number | undefined;
|
|
1607
|
+
'aria-valuemin'?: number | undefined;
|
|
1608
|
+
'aria-valuenow'?: number | undefined;
|
|
1609
|
+
'aria-valuetext'?: string | undefined;
|
|
1610
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined | undefined;
|
|
1611
|
+
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined | undefined;
|
|
1612
|
+
'aria-hidden'?: boolean | undefined | undefined;
|
|
1613
|
+
'aria-modal'?: boolean | undefined | undefined;
|
|
1614
|
+
role?: import("react-native").Role | undefined;
|
|
1615
|
+
accessibilityLabelledBy?: string | string[] | undefined | undefined;
|
|
1616
|
+
'aria-labelledby'?: string | undefined | undefined;
|
|
1617
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined | undefined;
|
|
1618
|
+
'aria-live'?: ("polite" | "assertive" | "off") | undefined | undefined;
|
|
1619
|
+
screenReaderFocusable?: boolean | undefined | undefined;
|
|
1620
|
+
accessibilityElementsHidden?: boolean | undefined | undefined;
|
|
1621
|
+
accessibilityViewIsModal?: boolean | undefined | undefined;
|
|
1622
|
+
onAccessibilityEscape?: (() => void) | undefined | undefined;
|
|
1623
|
+
onAccessibilityTap?: (() => void) | undefined | undefined;
|
|
1624
|
+
onMagicTap?: (() => void) | undefined | undefined;
|
|
1625
|
+
accessibilityIgnoresInvertColors?: boolean | undefined | undefined;
|
|
1626
|
+
accessibilityLanguage?: string | undefined | undefined;
|
|
1627
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined | undefined;
|
|
1628
|
+
accessibilityLargeContentTitle?: string | undefined | undefined;
|
|
1629
|
+
accessibilityRespondsToUserInteraction?: boolean | undefined | undefined;
|
|
1630
|
+
onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
1631
|
+
onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
1632
|
+
onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined | undefined;
|
|
1633
|
+
pressRetentionOffset?: number | import("react-native").Insets | null | undefined;
|
|
1634
|
+
disabled?: null | boolean | undefined | undefined;
|
|
1635
1635
|
onHoverIn?: null | ((event: import("react-native").MouseEvent) => void) | undefined | undefined;
|
|
1636
1636
|
onHoverOut?: null | ((event: import("react-native").MouseEvent) => void) | undefined | undefined;
|
|
1637
1637
|
cancelable?: null | boolean | undefined | undefined;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type
|
|
1
|
+
import type { TextProps } from '@shopify/restyle';
|
|
2
|
+
import type { TextProps as RNTextProps } from 'react-native';
|
|
3
3
|
import type { CustomThemedIconProps } from './icon';
|
|
4
|
-
import type {
|
|
5
|
-
|
|
4
|
+
import type { Theme } from './theme';
|
|
5
|
+
import type { ThemedViewProps } from './view';
|
|
6
|
+
export type ThemedTextProps = RNTextProps & TextProps<Theme>;
|
|
6
7
|
export type CustomThemedTextProps = {
|
|
7
8
|
text: ThemedTextProps['children'];
|
|
8
9
|
textVariant?: ThemedTextProps['variant'];
|
|
@@ -10,10 +11,10 @@ export type CustomThemedTextProps = {
|
|
|
10
11
|
textFontWeight?: ThemedTextProps['fontWeight'];
|
|
11
12
|
textColor?: ThemedTextProps['color'];
|
|
12
13
|
textStyle?: ThemedTextProps['style'];
|
|
13
|
-
textProps?: Omit<
|
|
14
|
+
textProps?: Omit<ThemedTextProps, 'children' | 'variant' | 'fontSize' | 'fontWeight' | 'color' | 'style'>;
|
|
14
15
|
};
|
|
15
16
|
export type IconTextProps = CustomThemedIconProps & CustomThemedTextProps & {
|
|
16
17
|
flip?: boolean;
|
|
17
18
|
};
|
|
18
|
-
export type ThemedIconTextProps = IconTextProps &
|
|
19
|
+
export type ThemedIconTextProps = IconTextProps & ThemedViewProps;
|
|
19
20
|
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/types/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/types/text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IAC3C,cAAc,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,IAAI,CACd,eAAe,EACf,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,OAAO,CACvE,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,qBAAqB,GAC/C,qBAAqB,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAAG,eAAe,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BackgroundColorProps, BackgroundColorShorthandProps, BoxProps, ColorProps, LayoutProps, PositionProps, SpacingProps, SpacingShorthandProps
|
|
1
|
+
import type { BackgroundColorProps, BackgroundColorShorthandProps, BoxProps, ColorProps, LayoutProps, PositionProps, SpacingProps, SpacingShorthandProps } from '@shopify/restyle';
|
|
2
2
|
export type Theme = globalThis.ReactNativeTemplateTheme;
|
|
3
3
|
export type ThemeColors = keyof Theme['colors'];
|
|
4
4
|
export type ThemeSpacing = keyof Theme['spacing'];
|
|
@@ -7,7 +7,6 @@ export type ThemeZIndices = keyof Theme['zIndices'];
|
|
|
7
7
|
export type ThemeBorderRadii = keyof Theme['borderRadii'];
|
|
8
8
|
export type ThemeTextVariants = keyof Theme['textVariants'];
|
|
9
9
|
export type ThemeViewProps = BoxProps<Theme>;
|
|
10
|
-
export type ThemeTextProps = TextProps<Theme>;
|
|
11
10
|
export type ThemeColorProps = ColorProps<Theme>;
|
|
12
11
|
export type ThemeSpacingProps = SpacingProps<Theme> & SpacingShorthandProps<Theme>;
|
|
13
12
|
export type ThemeBackgroundColorProps = BackgroundColorProps<Theme> & BackgroundColorShorthandProps<Theme>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,6BAA6B,EAC7B,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,qBAAqB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/types/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,6BAA6B,EAC7B,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG,UAAU,CAAC,wBAAwB,CAAC;AAExD,MAAM,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC;AAE1D,MAAM,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG,MAAM,KAAK,CAAC,cAAc,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,GACjD,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE/B,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,KAAK,CAAC,GACjE,6BAA6B,CAAC,KAAK,CAAC,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAC5C,yBAAyB,GACzB,WAAW,CAAC,KAAK,CAAC,GAClB,aAAa,CAAC,KAAK,CAAC,CAAC"}
|
|
@@ -1,22 +1,24 @@
|
|
|
1
|
+
import type { BoxProps } from '@shopify/restyle';
|
|
1
2
|
import type { ComponentProps, ReactNode, RefObject } from 'react';
|
|
2
|
-
import type { NativeScrollEvent, NativeSyntheticEvent, ScrollViewProps as RNScrollViewProps, ScrollView, View } from 'react-native';
|
|
3
|
+
import type { NativeScrollEvent, NativeSyntheticEvent, ScrollViewProps as RNScrollViewProps, ScrollView, View, ViewProps } from 'react-native';
|
|
3
4
|
import type { AnimatedRef } from 'react-native-reanimated';
|
|
4
5
|
import type AnimatedBox from '../components/view/AnimatedBox';
|
|
5
|
-
import type Box from '../components/view/Box';
|
|
6
6
|
import type { InsetsStyleConfig } from './style';
|
|
7
|
-
import type {
|
|
7
|
+
import type { Theme } from './theme';
|
|
8
8
|
export type ViewRefObj = RefObject<View | null>;
|
|
9
9
|
export type ScrollViewRefObj = RefObject<ScrollView | null>;
|
|
10
10
|
export type ScrollViewAnimatedRefObj = AnimatedRef<ScrollView>;
|
|
11
11
|
export type OnScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
12
12
|
export type OnContentSizeChange = (width: number, height: number) => void;
|
|
13
|
-
export type ThemedViewProps =
|
|
13
|
+
export type ThemedViewProps = ViewProps & BoxProps<Theme> & {
|
|
14
|
+
ref?: ViewRefObj;
|
|
15
|
+
};
|
|
14
16
|
export type AnimatedThemedViewProps = Omit<ComponentProps<typeof AnimatedBox>, 'key'>;
|
|
15
17
|
export type ThemedScreenWrapProps = ThemedViewProps & InsetsStyleConfig;
|
|
16
18
|
export type ScrollViewProps = RNScrollViewProps & InsetsStyleConfig & {
|
|
17
|
-
ref?: ScrollViewRefObj
|
|
19
|
+
ref?: ScrollViewRefObj;
|
|
18
20
|
};
|
|
19
|
-
export type ThemedScrollViewProps = ScrollViewProps &
|
|
21
|
+
export type ThemedScrollViewProps = ScrollViewProps & Omit<ThemedViewProps, 'ref'>;
|
|
20
22
|
export type PropsWithRequiredChildren<P = unknown> = P & {
|
|
21
23
|
children: NonNullable<ReactNode>;
|
|
22
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/types/view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,IAAI,iBAAiB,EACpC,UAAU,EACV,IAAI,
|
|
1
|
+
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/types/view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,IAAI,iBAAiB,EACpC,UAAU,EACV,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,WAAW,MAAM,gCAAgC,CAAC;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;AAE5D,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AAEhF,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AAE1E,MAAM,MAAM,eAAe,GAAG,SAAS,GACrC,QAAQ,CAAC,KAAK,CAAC,GAAG;IAChB,GAAG,CAAC,EAAE,UAAU,CAAC;CAClB,CAAC;AAEJ,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,KAAK,CACN,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAC7C,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG,eAAe,GACjD,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAE/B,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG;IACvD,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC"}
|
|
@@ -4,7 +4,7 @@ import type { ThemedLoadingProps } from '../../types/loading';
|
|
|
4
4
|
import type { InsetsStyleConfig } from '../../types/style';
|
|
5
5
|
import type { ThemedScrollViewProps } from '../../types/view';
|
|
6
6
|
export declare const themedPressableRestyleFuncs: {
|
|
7
|
-
buildStyle: (props: Omit<ThemedPressableProps, "style" | "children" | "
|
|
7
|
+
buildStyle: (props: Omit<ThemedPressableProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "pressRetentionOffset" | "disabled" | "onHoverIn" | "onHoverOut" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "scaleRatio" | "onPressDelayConfig">, { theme, dimensions, }: {
|
|
8
8
|
theme: {
|
|
9
9
|
colors: {
|
|
10
10
|
transparent: import("./const").Palette;
|
|
@@ -221,7 +221,7 @@ export declare const themedPressableRestyleFuncs: {
|
|
|
221
221
|
};
|
|
222
222
|
};
|
|
223
223
|
export declare const themedLoadingRestyleFuncs: {
|
|
224
|
-
buildStyle: (props: Omit<ThemedLoadingProps, "size" | "color" | "style" | "children" | "
|
|
224
|
+
buildStyle: (props: Omit<ThemedLoadingProps, "size" | "color" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "animating" | "hidesWhenStopped">, { theme, dimensions, }: {
|
|
225
225
|
theme: {
|
|
226
226
|
colors: {
|
|
227
227
|
transparent: import("./const").Palette;
|
|
@@ -938,7 +938,7 @@ export declare const themedScrollViewRestyleFuncs: {
|
|
|
938
938
|
};
|
|
939
939
|
dimensions: import("@shopify/restyle").Dimensions | null;
|
|
940
940
|
}) => import("@shopify/restyle").RNStyle;
|
|
941
|
-
properties: ("m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor" |
|
|
941
|
+
properties: ("m" | "bottom" | "top" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "overflow" | "aspectRatio" | "alignContent" | "alignItems" | "alignSelf" | "justifyContent" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginHorizontal" | "marginVertical" | "marginStart" | "marginEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingHorizontal" | "paddingVertical" | "paddingStart" | "paddingEnd" | "columnGap" | "rowGap" | "gap" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopWidth" | "borderStartWidth" | "borderEndWidth" | "borderWidth" | "borderColor" | "borderTopColor" | "borderRightColor" | "borderLeftColor" | "borderBottomColor" | "borderStartColor" | "borderEndColor" | "borderRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomStartRadius" | "borderBottomEndRadius" | "borderTopStartRadius" | "borderTopEndRadius" | "shadowOpacity" | "shadowOffset" | "shadowRadius" | "elevation" | "position" | "right" | "left" | "start" | "end" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "ms" | "me" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "ps" | "pe" | "g" | "rg" | "cg" | "style" | "backgroundColor" | "bg" | "zIndex" | "opacity" | "visible" | "shadowColor" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "contentContainerStyle" | "innerViewRef" | "scrollViewRef" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onContentSizeChange" | "onScroll" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "scrollEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustKeyboardInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar")[];
|
|
942
942
|
propertiesMap: {
|
|
943
943
|
m?: true | undefined;
|
|
944
944
|
bottom?: true | undefined;
|
|
@@ -1041,53 +1041,16 @@ export declare const themedScrollViewRestyleFuncs: {
|
|
|
1041
1041
|
zIndex?: true | undefined;
|
|
1042
1042
|
opacity?: true | undefined;
|
|
1043
1043
|
visible?: true | undefined;
|
|
1044
|
+
shadowColor?: true | undefined;
|
|
1044
1045
|
children?: true | undefined;
|
|
1046
|
+
hitSlop?: true | undefined;
|
|
1045
1047
|
id?: true | undefined;
|
|
1048
|
+
needsOffscreenAlphaCompositing?: true | undefined;
|
|
1046
1049
|
onLayout?: true | undefined;
|
|
1047
|
-
testID?: true | undefined;
|
|
1048
|
-
nativeID?: true | undefined;
|
|
1049
1050
|
pointerEvents?: true | undefined;
|
|
1050
|
-
accessible?: true | undefined;
|
|
1051
|
-
accessibilityActions?: true | undefined;
|
|
1052
|
-
accessibilityLabel?: true | undefined;
|
|
1053
|
-
'aria-label'?: true | undefined;
|
|
1054
|
-
accessibilityRole?: true | undefined;
|
|
1055
|
-
accessibilityState?: true | undefined;
|
|
1056
|
-
'aria-busy'?: true | undefined;
|
|
1057
|
-
'aria-checked'?: true | undefined;
|
|
1058
|
-
'aria-disabled'?: true | undefined;
|
|
1059
|
-
'aria-expanded'?: true | undefined;
|
|
1060
|
-
'aria-selected'?: true | undefined;
|
|
1061
|
-
accessibilityHint?: true | undefined;
|
|
1062
|
-
accessibilityValue?: true | undefined;
|
|
1063
|
-
'aria-valuemax'?: true | undefined;
|
|
1064
|
-
'aria-valuemin'?: true | undefined;
|
|
1065
|
-
'aria-valuenow'?: true | undefined;
|
|
1066
|
-
'aria-valuetext'?: true | undefined;
|
|
1067
|
-
onAccessibilityAction?: true | undefined;
|
|
1068
|
-
importantForAccessibility?: true | undefined;
|
|
1069
|
-
'aria-hidden'?: true | undefined;
|
|
1070
|
-
'aria-modal'?: true | undefined;
|
|
1071
|
-
role?: true | undefined;
|
|
1072
|
-
accessibilityLabelledBy?: true | undefined;
|
|
1073
|
-
'aria-labelledby'?: true | undefined;
|
|
1074
|
-
accessibilityLiveRegion?: true | undefined;
|
|
1075
|
-
'aria-live'?: true | undefined;
|
|
1076
|
-
screenReaderFocusable?: true | undefined;
|
|
1077
|
-
accessibilityElementsHidden?: true | undefined;
|
|
1078
|
-
accessibilityViewIsModal?: true | undefined;
|
|
1079
|
-
onAccessibilityEscape?: true | undefined;
|
|
1080
|
-
onAccessibilityTap?: true | undefined;
|
|
1081
|
-
onMagicTap?: true | undefined;
|
|
1082
|
-
accessibilityIgnoresInvertColors?: true | undefined;
|
|
1083
|
-
accessibilityLanguage?: true | undefined;
|
|
1084
|
-
accessibilityShowsLargeContentViewer?: true | undefined;
|
|
1085
|
-
accessibilityLargeContentTitle?: true | undefined;
|
|
1086
|
-
accessibilityRespondsToUserInteraction?: true | undefined;
|
|
1087
|
-
shadowColor?: true | undefined;
|
|
1088
|
-
hitSlop?: true | undefined;
|
|
1089
|
-
needsOffscreenAlphaCompositing?: true | undefined;
|
|
1090
1051
|
removeClippedSubviews?: true | undefined;
|
|
1052
|
+
testID?: true | undefined;
|
|
1053
|
+
nativeID?: true | undefined;
|
|
1091
1054
|
collapsable?: true | undefined;
|
|
1092
1055
|
collapsableChildren?: true | undefined;
|
|
1093
1056
|
onBlur?: true | undefined;
|
|
@@ -1131,6 +1094,43 @@ export declare const themedScrollViewRestyleFuncs: {
|
|
|
1131
1094
|
onPointerDownCapture?: true | undefined;
|
|
1132
1095
|
onPointerUp?: true | undefined;
|
|
1133
1096
|
onPointerUpCapture?: true | undefined;
|
|
1097
|
+
accessible?: true | undefined;
|
|
1098
|
+
accessibilityActions?: true | undefined;
|
|
1099
|
+
accessibilityLabel?: true | undefined;
|
|
1100
|
+
'aria-label'?: true | undefined;
|
|
1101
|
+
accessibilityRole?: true | undefined;
|
|
1102
|
+
accessibilityState?: true | undefined;
|
|
1103
|
+
'aria-busy'?: true | undefined;
|
|
1104
|
+
'aria-checked'?: true | undefined;
|
|
1105
|
+
'aria-disabled'?: true | undefined;
|
|
1106
|
+
'aria-expanded'?: true | undefined;
|
|
1107
|
+
'aria-selected'?: true | undefined;
|
|
1108
|
+
accessibilityHint?: true | undefined;
|
|
1109
|
+
accessibilityValue?: true | undefined;
|
|
1110
|
+
'aria-valuemax'?: true | undefined;
|
|
1111
|
+
'aria-valuemin'?: true | undefined;
|
|
1112
|
+
'aria-valuenow'?: true | undefined;
|
|
1113
|
+
'aria-valuetext'?: true | undefined;
|
|
1114
|
+
onAccessibilityAction?: true | undefined;
|
|
1115
|
+
importantForAccessibility?: true | undefined;
|
|
1116
|
+
'aria-hidden'?: true | undefined;
|
|
1117
|
+
'aria-modal'?: true | undefined;
|
|
1118
|
+
role?: true | undefined;
|
|
1119
|
+
accessibilityLabelledBy?: true | undefined;
|
|
1120
|
+
'aria-labelledby'?: true | undefined;
|
|
1121
|
+
accessibilityLiveRegion?: true | undefined;
|
|
1122
|
+
'aria-live'?: true | undefined;
|
|
1123
|
+
screenReaderFocusable?: true | undefined;
|
|
1124
|
+
accessibilityElementsHidden?: true | undefined;
|
|
1125
|
+
accessibilityViewIsModal?: true | undefined;
|
|
1126
|
+
onAccessibilityEscape?: true | undefined;
|
|
1127
|
+
onAccessibilityTap?: true | undefined;
|
|
1128
|
+
onMagicTap?: true | undefined;
|
|
1129
|
+
accessibilityIgnoresInvertColors?: true | undefined;
|
|
1130
|
+
accessibilityLanguage?: true | undefined;
|
|
1131
|
+
accessibilityShowsLargeContentViewer?: true | undefined;
|
|
1132
|
+
accessibilityLargeContentTitle?: true | undefined;
|
|
1133
|
+
accessibilityRespondsToUserInteraction?: true | undefined;
|
|
1134
1134
|
contentContainerStyle?: true | undefined;
|
|
1135
1135
|
innerViewRef?: true | undefined;
|
|
1136
1136
|
scrollViewRef?: true | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamadd/react-native-template-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.11",
|
|
4
4
|
"description": "React Native Template UI is a collection of UI components designed by JaMa D&D.",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|