expo-dev-client-components 1.0.0
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/.eslintrc.js +5 -0
- package/CHANGELOG.md +15 -0
- package/README.md +37 -0
- package/assets/check-icon.png +0 -0
- package/assets/check-icon@2x.png +0 -0
- package/assets/check-icon@3x.png +0 -0
- package/assets/chevron-right-icon.png +0 -0
- package/assets/chevron-right-icon@2x.png +0 -0
- package/assets/chevron-right-icon@3x.png +0 -0
- package/assets/home-filled-active-icon.png +0 -0
- package/assets/home-filled-active-icon@2x.png +0 -0
- package/assets/home-filled-active-icon@3x.png +0 -0
- package/assets/home-filled-inactive-icon.png +0 -0
- package/assets/home-filled-inactive-icon@2x.png +0 -0
- package/assets/home-filled-inactive-icon@3x.png +0 -0
- package/assets/info-icon.png +0 -0
- package/assets/info-icon@2x.png +0 -0
- package/assets/info-icon@3x.png +0 -0
- package/assets/logo-icon.png +0 -0
- package/assets/logo-icon@2x.png +0 -0
- package/assets/logo-icon@3x.png +0 -0
- package/assets/question-mark-icon.png +0 -0
- package/assets/question-mark-icon@2x.png +0 -0
- package/assets/question-mark-icon@3x.png +0 -0
- package/assets/refresh-icon.png +0 -0
- package/assets/refresh-icon@2x.png +0 -0
- package/assets/refresh-icon@3x.png +0 -0
- package/assets/settings-filled-active-icon.png +0 -0
- package/assets/settings-filled-active-icon@2x.png +0 -0
- package/assets/settings-filled-active-icon@3x.png +0 -0
- package/assets/settings-filled-inactive-icon.png +0 -0
- package/assets/settings-filled-inactive-icon@2x.png +0 -0
- package/assets/settings-filled-inactive-icon@3x.png +0 -0
- package/assets/shake-device-icon.png +0 -0
- package/assets/shake-device-icon@2x.png +0 -0
- package/assets/shake-device-icon@3x.png +0 -0
- package/assets/show-menu-at-launch-icon.png +0 -0
- package/assets/show-menu-at-launch-icon@2x.png +0 -0
- package/assets/show-menu-at-launch-icon@3x.png +0 -0
- package/assets/terminal-icon.png +0 -0
- package/assets/terminal-icon@2x.png +0 -0
- package/assets/terminal-icon@3x.png +0 -0
- package/assets/three-finger-long-press-icon.png +0 -0
- package/assets/three-finger-long-press-icon@2x.png +0 -0
- package/assets/three-finger-long-press-icon@3x.png +0 -0
- package/assets/toolbar-overlay-icon.png +0 -0
- package/assets/toolbar-overlay-icon@2x.png +0 -0
- package/assets/toolbar-overlay-icon@3x.png +0 -0
- package/assets/user-icon.png +0 -0
- package/assets/user-icon@2x.png +0 -0
- package/assets/user-icon@3x.png +0 -0
- package/assets/x-icon.png +0 -0
- package/assets/x-icon@2x.png +0 -0
- package/assets/x-icon@3x.png +0 -0
- package/build/Button.d.ts +52 -0
- package/build/Button.js +154 -0
- package/build/Button.js.map +1 -0
- package/build/Image.d.ts +7 -0
- package/build/Image.js +37 -0
- package/build/Image.js.map +1 -0
- package/build/Text.d.ts +31 -0
- package/build/Text.js +66 -0
- package/build/Text.js.map +1 -0
- package/build/View.d.ts +61 -0
- package/build/View.js +172 -0
- package/build/View.js.map +1 -0
- package/build/icons/CheckIcon.d.ts +3 -0
- package/build/icons/CheckIcon.js +7 -0
- package/build/icons/CheckIcon.js.map +1 -0
- package/build/icons/ChevronRightIcon.d.ts +3 -0
- package/build/icons/ChevronRightIcon.js +7 -0
- package/build/icons/ChevronRightIcon.js.map +1 -0
- package/build/icons/ExpoLogoIcon.d.ts +3 -0
- package/build/icons/ExpoLogoIcon.js +7 -0
- package/build/icons/ExpoLogoIcon.js.map +1 -0
- package/build/icons/HomeFilledIcon.d.ts +7 -0
- package/build/icons/HomeFilledIcon.js +9 -0
- package/build/icons/HomeFilledIcon.js.map +1 -0
- package/build/icons/InfoIcon.d.ts +3 -0
- package/build/icons/InfoIcon.js +7 -0
- package/build/icons/InfoIcon.js.map +1 -0
- package/build/icons/QuestionMarkIcon.d.ts +3 -0
- package/build/icons/QuestionMarkIcon.js +7 -0
- package/build/icons/QuestionMarkIcon.js.map +1 -0
- package/build/icons/RefreshIcon.d.ts +3 -0
- package/build/icons/RefreshIcon.js +7 -0
- package/build/icons/RefreshIcon.js.map +1 -0
- package/build/icons/SettingsFilledIcon.d.ts +7 -0
- package/build/icons/SettingsFilledIcon.js +9 -0
- package/build/icons/SettingsFilledIcon.js.map +1 -0
- package/build/icons/ShakeDeviceIcon.d.ts +3 -0
- package/build/icons/ShakeDeviceIcon.js +7 -0
- package/build/icons/ShakeDeviceIcon.js.map +1 -0
- package/build/icons/ShowMenuIcon.d.ts +3 -0
- package/build/icons/ShowMenuIcon.js +7 -0
- package/build/icons/ShowMenuIcon.js.map +1 -0
- package/build/icons/TerminalIcon.d.ts +3 -0
- package/build/icons/TerminalIcon.js +7 -0
- package/build/icons/TerminalIcon.js.map +1 -0
- package/build/icons/ThreeFingerPressIcon.d.ts +3 -0
- package/build/icons/ThreeFingerPressIcon.js +7 -0
- package/build/icons/ThreeFingerPressIcon.js.map +1 -0
- package/build/icons/ToolbarOverlayIcon.d.ts +3 -0
- package/build/icons/ToolbarOverlayIcon.js +7 -0
- package/build/icons/ToolbarOverlayIcon.js.map +1 -0
- package/build/icons/UserIcon.d.ts +3 -0
- package/build/icons/UserIcon.js +7 -0
- package/build/icons/UserIcon.js.map +1 -0
- package/build/icons/XIcon.d.ts +3 -0
- package/build/icons/XIcon.js +7 -0
- package/build/icons/XIcon.js.map +1 -0
- package/build/icons/index.d.ts +15 -0
- package/build/icons/index.js +16 -0
- package/build/icons/index.js.map +1 -0
- package/build/index.d.ts +7 -0
- package/build/index.js +8 -0
- package/build/index.js.map +1 -0
- package/build/theme.d.ts +345 -0
- package/build/theme.js +191 -0
- package/build/theme.js.map +1 -0
- package/build/useExpoTheme.d.ts +4 -0
- package/build/useExpoTheme.js +10 -0
- package/build/useExpoTheme.js.map +1 -0
- package/package.json +40 -0
- package/src/Button.tsx +199 -0
- package/src/Image.tsx +42 -0
- package/src/Text.tsx +78 -0
- package/src/View.tsx +202 -0
- package/src/icons/CheckIcon.tsx +9 -0
- package/src/icons/ChevronRightIcon.tsx +9 -0
- package/src/icons/ExpoLogoIcon.tsx +9 -0
- package/src/icons/HomeFilledIcon.tsx +15 -0
- package/src/icons/InfoIcon.tsx +9 -0
- package/src/icons/QuestionMarkIcon.tsx +9 -0
- package/src/icons/RefreshIcon.tsx +9 -0
- package/src/icons/SettingsFilledIcon.tsx +15 -0
- package/src/icons/ShakeDeviceIcon.tsx +9 -0
- package/src/icons/ShowMenuIcon.tsx +9 -0
- package/src/icons/TerminalIcon.tsx +9 -0
- package/src/icons/ThreeFingerPressIcon.tsx +9 -0
- package/src/icons/ToolbarOverlayIcon.tsx +9 -0
- package/src/icons/UserIcon.tsx +9 -0
- package/src/icons/XIcon.tsx +9 -0
- package/src/icons/index.ts +15 -0
- package/src/index.ts +7 -0
- package/src/theme.ts +225 -0
- package/src/useExpoTheme.ts +14 -0
- package/tsconfig.json +9 -0
package/build/View.d.ts
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const View: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
3
|
+
children?: import("react").ReactNode;
|
|
4
|
+
} & {
|
|
5
|
+
margin?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
6
|
+
mx?: "small" | "medium" | "large" | "micro" | "tiny" | undefined;
|
|
7
|
+
my?: "small" | "medium" | "large" | "micro" | "tiny" | undefined;
|
|
8
|
+
padding?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
9
|
+
px?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
10
|
+
py?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
11
|
+
shadow?: "small" | "medium" | "button" | "micro" | "tiny" | undefined;
|
|
12
|
+
width?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
13
|
+
height?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
14
|
+
rounded?: "none" | "small" | "medium" | "large" | "full" | undefined;
|
|
15
|
+
roundedTop?: "none" | "small" | "medium" | "large" | "full" | undefined;
|
|
16
|
+
roundedBottom?: "none" | "small" | "medium" | "large" | "full" | undefined;
|
|
17
|
+
overflow?: "hidden" | undefined;
|
|
18
|
+
align?: "centered" | undefined;
|
|
19
|
+
flex?: "0" | "1" | undefined;
|
|
20
|
+
shrink?: "0" | "1" | undefined;
|
|
21
|
+
bg?: "none" | "secondary" | "default" | "error" | "warning" | "success" | undefined;
|
|
22
|
+
border?: "default" | undefined;
|
|
23
|
+
} & import("react").RefAttributes<import("react-native").ViewProps>>;
|
|
24
|
+
export declare const Row: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
25
|
+
children?: import("react").ReactNode;
|
|
26
|
+
} & {
|
|
27
|
+
margin?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
28
|
+
mx?: "small" | "medium" | "large" | "micro" | "tiny" | undefined;
|
|
29
|
+
my?: "small" | "medium" | "large" | "micro" | "tiny" | undefined;
|
|
30
|
+
padding?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
31
|
+
px?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
32
|
+
py?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
33
|
+
bg?: "none" | "secondary" | "default" | "error" | "warning" | "success" | undefined;
|
|
34
|
+
align?: "center" | "end" | "start" | undefined;
|
|
35
|
+
} & import("react").RefAttributes<import("react-native").ViewProps>>;
|
|
36
|
+
export declare const Spacer: {
|
|
37
|
+
Vertical: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
38
|
+
children?: import("react").ReactNode;
|
|
39
|
+
} & {
|
|
40
|
+
size?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | "flex" | undefined;
|
|
41
|
+
} & import("react").RefAttributes<import("react-native").ViewProps>>;
|
|
42
|
+
Horizontal: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
43
|
+
children?: import("react").ReactNode;
|
|
44
|
+
} & {
|
|
45
|
+
size?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | "flex" | undefined;
|
|
46
|
+
} & import("react").RefAttributes<import("react-native").ViewProps>>;
|
|
47
|
+
};
|
|
48
|
+
export declare const Divider: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
49
|
+
children?: import("react").ReactNode;
|
|
50
|
+
} & {
|
|
51
|
+
margin?: "small" | "medium" | "large" | "micro" | "tiny" | "xl" | undefined;
|
|
52
|
+
mx?: "small" | "medium" | "large" | "micro" | "tiny" | undefined;
|
|
53
|
+
my?: "small" | "medium" | "large" | "micro" | "tiny" | undefined;
|
|
54
|
+
weight?: "normal" | "thin" | "heavy" | undefined;
|
|
55
|
+
} & import("react").RefAttributes<import("react-native").ViewProps>>;
|
|
56
|
+
export declare const StatusIndicator: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
57
|
+
children?: import("react").ReactNode;
|
|
58
|
+
} & {
|
|
59
|
+
status?: "default" | "error" | "warning" | "success" | "info" | undefined;
|
|
60
|
+
size?: "small" | "medium" | undefined;
|
|
61
|
+
} & import("react").RefAttributes<import("react-native").ViewProps>>;
|
package/build/View.js
ADDED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { lightTheme, darkTheme, shadows, iconSize } from '@expo/styleguide-native';
|
|
2
|
+
import { View as RNView } from 'react-native';
|
|
3
|
+
import { create } from 'react-native-primitives';
|
|
4
|
+
import { scale, padding, margin, rounded, bg, bgDark } from './theme';
|
|
5
|
+
export const View = create(RNView, {
|
|
6
|
+
variants: {
|
|
7
|
+
overflow: {
|
|
8
|
+
hidden: {
|
|
9
|
+
overflow: 'hidden',
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
align: {
|
|
13
|
+
centered: {
|
|
14
|
+
justifyContent: 'center',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
flex: {
|
|
19
|
+
'1': { flex: 1 },
|
|
20
|
+
'0': { flex: 0 },
|
|
21
|
+
},
|
|
22
|
+
shrink: {
|
|
23
|
+
'1': { flexShrink: 1 },
|
|
24
|
+
'0': { flexShrink: 0 },
|
|
25
|
+
},
|
|
26
|
+
bg,
|
|
27
|
+
border: {
|
|
28
|
+
default: { borderColor: lightTheme.border.default, borderWidth: 1 },
|
|
29
|
+
},
|
|
30
|
+
...rounded,
|
|
31
|
+
shadow: {
|
|
32
|
+
micro: shadows.micro,
|
|
33
|
+
tiny: shadows.tiny,
|
|
34
|
+
small: shadows.small,
|
|
35
|
+
medium: shadows.medium,
|
|
36
|
+
button: shadows.button,
|
|
37
|
+
},
|
|
38
|
+
width: {
|
|
39
|
+
micro: { width: iconSize.micro },
|
|
40
|
+
tiny: { width: iconSize.tiny },
|
|
41
|
+
small: { width: iconSize.small },
|
|
42
|
+
medium: { width: iconSize.regular },
|
|
43
|
+
large: { width: iconSize.large },
|
|
44
|
+
xl: { width: scale.xl },
|
|
45
|
+
},
|
|
46
|
+
height: {
|
|
47
|
+
micro: { height: iconSize.micro },
|
|
48
|
+
tiny: { height: iconSize.tiny },
|
|
49
|
+
small: { height: iconSize.small },
|
|
50
|
+
medium: { height: iconSize.regular },
|
|
51
|
+
large: { height: iconSize.large },
|
|
52
|
+
xl: { height: scale.xl },
|
|
53
|
+
},
|
|
54
|
+
...padding,
|
|
55
|
+
...margin,
|
|
56
|
+
},
|
|
57
|
+
selectors: {
|
|
58
|
+
dark: {
|
|
59
|
+
bg: bgDark,
|
|
60
|
+
border: {
|
|
61
|
+
default: { borderColor: darkTheme.border.default, borderWidth: 1 },
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
light: {
|
|
65
|
+
bg: {},
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
export const Row = create(RNView, {
|
|
70
|
+
base: {
|
|
71
|
+
flexDirection: 'row',
|
|
72
|
+
},
|
|
73
|
+
variants: {
|
|
74
|
+
bg,
|
|
75
|
+
align: {
|
|
76
|
+
center: { alignItems: 'center' },
|
|
77
|
+
start: { alignItems: 'flex-start' },
|
|
78
|
+
end: { alignItems: 'flex-end' },
|
|
79
|
+
},
|
|
80
|
+
...padding,
|
|
81
|
+
...margin,
|
|
82
|
+
},
|
|
83
|
+
selectors: {
|
|
84
|
+
dark: {
|
|
85
|
+
bg: bgDark,
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
});
|
|
89
|
+
const Horizontal = create(RNView, {
|
|
90
|
+
variants: {
|
|
91
|
+
size: {
|
|
92
|
+
flex: { flex: 1 },
|
|
93
|
+
micro: { width: scale.micro },
|
|
94
|
+
tiny: { width: scale.tiny },
|
|
95
|
+
small: { width: scale.small },
|
|
96
|
+
medium: { width: scale.medium },
|
|
97
|
+
large: { width: scale.large },
|
|
98
|
+
xl: { width: scale.xl },
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
});
|
|
102
|
+
const Vertical = create(RNView, {
|
|
103
|
+
variants: {
|
|
104
|
+
size: {
|
|
105
|
+
flex: { flex: 1 },
|
|
106
|
+
micro: { height: scale.micro },
|
|
107
|
+
tiny: { height: scale.tiny },
|
|
108
|
+
small: { height: scale.small },
|
|
109
|
+
medium: { height: scale.medium },
|
|
110
|
+
large: { height: scale.large },
|
|
111
|
+
xl: { height: scale.xl },
|
|
112
|
+
},
|
|
113
|
+
},
|
|
114
|
+
});
|
|
115
|
+
export const Spacer = {
|
|
116
|
+
Vertical,
|
|
117
|
+
Horizontal,
|
|
118
|
+
};
|
|
119
|
+
export const Divider = create(RNView, {
|
|
120
|
+
base: {
|
|
121
|
+
borderWidth: 0.5,
|
|
122
|
+
borderColor: lightTheme.border.default,
|
|
123
|
+
},
|
|
124
|
+
variants: {
|
|
125
|
+
weight: {
|
|
126
|
+
thin: { borderWidth: 0.5 },
|
|
127
|
+
normal: { borderWidth: 1 },
|
|
128
|
+
heavy: { borderWidth: 2 },
|
|
129
|
+
},
|
|
130
|
+
...margin,
|
|
131
|
+
},
|
|
132
|
+
selectors: {
|
|
133
|
+
dark: {
|
|
134
|
+
borderColor: darkTheme.border.default,
|
|
135
|
+
},
|
|
136
|
+
},
|
|
137
|
+
});
|
|
138
|
+
export const StatusIndicator = create(RNView, {
|
|
139
|
+
base: {
|
|
140
|
+
backgroundColor: lightTheme.status.default,
|
|
141
|
+
borderRadius: 9999,
|
|
142
|
+
},
|
|
143
|
+
variants: {
|
|
144
|
+
status: {
|
|
145
|
+
info: { backgroundColor: lightTheme.status.info },
|
|
146
|
+
success: { backgroundColor: lightTheme.status.success },
|
|
147
|
+
warning: { backgroundColor: lightTheme.status.warning },
|
|
148
|
+
error: { backgroundColor: lightTheme.status.error },
|
|
149
|
+
default: { backgroundColor: lightTheme.status.default },
|
|
150
|
+
},
|
|
151
|
+
size: {
|
|
152
|
+
small: {
|
|
153
|
+
width: scale.small,
|
|
154
|
+
height: scale.small,
|
|
155
|
+
},
|
|
156
|
+
medium: {
|
|
157
|
+
width: scale.medium,
|
|
158
|
+
height: scale.medium,
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
},
|
|
162
|
+
selectors: {
|
|
163
|
+
dark: {
|
|
164
|
+
info: { backgroundColor: darkTheme.status.info },
|
|
165
|
+
success: { backgroundColor: darkTheme.status.success },
|
|
166
|
+
warning: { backgroundColor: darkTheme.status.warning },
|
|
167
|
+
error: { backgroundColor: darkTheme.status.error },
|
|
168
|
+
default: { backgroundColor: darkTheme.status.default },
|
|
169
|
+
},
|
|
170
|
+
},
|
|
171
|
+
});
|
|
172
|
+
//# sourceMappingURL=View.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"View.js","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, shadows, iconSize } from '@expo/styleguide-native';\nimport { View as RNView } from 'react-native';\nimport { create } from 'react-native-primitives';\n\nimport { scale, padding, margin, rounded, bg, bgDark } from './theme';\n\nexport const View = create(RNView, {\n variants: {\n overflow: {\n hidden: {\n overflow: 'hidden',\n },\n },\n\n align: {\n centered: {\n justifyContent: 'center',\n alignItems: 'center',\n },\n },\n\n flex: {\n '1': { flex: 1 },\n '0': { flex: 0 },\n },\n\n shrink: {\n '1': { flexShrink: 1 },\n '0': { flexShrink: 0 },\n },\n\n bg,\n\n border: {\n default: { borderColor: lightTheme.border.default, borderWidth: 1 },\n },\n\n ...rounded,\n\n shadow: {\n micro: shadows.micro,\n tiny: shadows.tiny,\n small: shadows.small,\n medium: shadows.medium,\n button: shadows.button,\n },\n\n width: {\n micro: { width: iconSize.micro },\n tiny: { width: iconSize.tiny },\n small: { width: iconSize.small },\n medium: { width: iconSize.regular },\n large: { width: iconSize.large },\n xl: { width: scale.xl },\n },\n\n height: {\n micro: { height: iconSize.micro },\n tiny: { height: iconSize.tiny },\n small: { height: iconSize.small },\n medium: { height: iconSize.regular },\n large: { height: iconSize.large },\n xl: { height: scale.xl },\n },\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n\n border: {\n default: { borderColor: darkTheme.border.default, borderWidth: 1 },\n },\n },\n\n light: {\n bg: {},\n },\n },\n});\n\nexport const Row = create(RNView, {\n base: {\n flexDirection: 'row',\n },\n\n variants: {\n bg,\n\n align: {\n center: { alignItems: 'center' },\n start: { alignItems: 'flex-start' },\n end: { alignItems: 'flex-end' },\n },\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n },\n },\n});\n\nconst Horizontal = create(RNView, {\n variants: {\n size: {\n flex: { flex: 1 },\n micro: { width: scale.micro },\n tiny: { width: scale.tiny },\n small: { width: scale.small },\n medium: { width: scale.medium },\n large: { width: scale.large },\n xl: { width: scale.xl },\n },\n },\n});\n\nconst Vertical = create(RNView, {\n variants: {\n size: {\n flex: { flex: 1 },\n micro: { height: scale.micro },\n tiny: { height: scale.tiny },\n small: { height: scale.small },\n medium: { height: scale.medium },\n large: { height: scale.large },\n xl: { height: scale.xl },\n },\n },\n});\n\nexport const Spacer = {\n Vertical,\n Horizontal,\n};\n\nexport const Divider = create(RNView, {\n base: {\n borderWidth: 0.5,\n borderColor: lightTheme.border.default,\n },\n\n variants: {\n weight: {\n thin: { borderWidth: 0.5 },\n normal: { borderWidth: 1 },\n heavy: { borderWidth: 2 },\n },\n\n ...margin,\n },\n\n selectors: {\n dark: {\n borderColor: darkTheme.border.default,\n },\n },\n});\n\nexport const StatusIndicator = create(RNView, {\n base: {\n backgroundColor: lightTheme.status.default,\n borderRadius: 9999,\n },\n\n variants: {\n status: {\n info: { backgroundColor: lightTheme.status.info },\n success: { backgroundColor: lightTheme.status.success },\n warning: { backgroundColor: lightTheme.status.warning },\n error: { backgroundColor: lightTheme.status.error },\n default: { backgroundColor: lightTheme.status.default },\n },\n\n size: {\n small: {\n width: scale.small,\n height: scale.small,\n },\n medium: {\n width: scale.medium,\n height: scale.medium,\n },\n },\n },\n\n selectors: {\n dark: {\n info: { backgroundColor: darkTheme.status.info },\n success: { backgroundColor: darkTheme.status.success },\n warning: { backgroundColor: darkTheme.status.warning },\n error: { backgroundColor: darkTheme.status.error },\n default: { backgroundColor: darkTheme.status.default },\n },\n },\n});\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/check-icon.png');
|
|
4
|
+
export function CheckIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=CheckIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckIcon.js","sourceRoot":"","sources":["../../src/icons/CheckIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,KAAkD;IAC1E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/check-icon.png');\n\nexport function CheckIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/chevron-right-icon.png');
|
|
4
|
+
export function ChevronRightIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ChevronRightIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChevronRightIcon.js","sourceRoot":"","sources":["../../src/icons/ChevronRightIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,qCAAqC,CAAC,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,KAAkD;IACjF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/chevron-right-icon.png');\n\nexport function ChevronRightIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/logo-icon.png');
|
|
4
|
+
export function ExpoLogoIcon(props) {
|
|
5
|
+
return React.createElement(Image, { ...props, source: icon });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ExpoLogoIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpoLogoIcon.js","sourceRoot":"","sources":["../../src/icons/ExpoLogoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,YAAY,CAAC,KAAkD;IAC7E,OAAO,oBAAC,KAAK,OAAK,KAAK,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/logo-icon.png');\n\nexport function ExpoLogoIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image {...props} source={icon} />;\n}\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const activeIcon = require('../../assets/home-filled-active-icon.png');
|
|
4
|
+
const inactiveIcon = require('../../assets/home-filled-inactive-icon.png');
|
|
5
|
+
export function HomeFilledIcon(props) {
|
|
6
|
+
const icon = props.focused ? activeIcon : inactiveIcon;
|
|
7
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=HomeFilledIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HomeFilledIcon.js","sourceRoot":"","sources":["../../src/icons/HomeFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACvE,MAAM,YAAY,GAAG,OAAO,CAAC,4CAA4C,CAAC,CAAC;AAM3E,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IACvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst activeIcon = require('../../assets/home-filled-active-icon.png');\nconst inactiveIcon = require('../../assets/home-filled-inactive-icon.png');\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function HomeFilledIcon(props: TabBarIconProps) {\n const icon = props.focused ? activeIcon : inactiveIcon;\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoIcon.js","sourceRoot":"","sources":["../../src/icons/InfoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/info-icon.png');\n\nexport function InfoIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/question-mark-icon.png');
|
|
4
|
+
export function QuestionMarkIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=QuestionMarkIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuestionMarkIcon.js","sourceRoot":"","sources":["../../src/icons/QuestionMarkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,qCAAqC,CAAC,CAAC;AAE5D,MAAM,UAAU,gBAAgB,CAAC,KAAkD;IACjF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/question-mark-icon.png');\n\nexport function QuestionMarkIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/refresh-icon.png');
|
|
4
|
+
export function RefreshIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=RefreshIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RefreshIcon.js","sourceRoot":"","sources":["../../src/icons/RefreshIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAAC;AAEtD,MAAM,UAAU,WAAW,CAAC,KAAkD;IAC5E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/refresh-icon.png');\n\nexport function RefreshIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
declare type TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {
|
|
4
|
+
focused?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare function SettingsFilledIcon(props: TabBarIconProps): JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const activeIcon = require('../../assets/settings-filled-active-icon.png');
|
|
4
|
+
const inactiveIcon = require('../../assets/settings-filled-inactive-icon.png');
|
|
5
|
+
export function SettingsFilledIcon(props) {
|
|
6
|
+
const icon = props.focused ? activeIcon : inactiveIcon;
|
|
7
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=SettingsFilledIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsFilledIcon.js","sourceRoot":"","sources":["../../src/icons/SettingsFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,UAAU,GAAG,OAAO,CAAC,8CAA8C,CAAC,CAAC;AAC3E,MAAM,YAAY,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAM/E,MAAM,UAAU,kBAAkB,CAAC,KAAsB;IACvD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IACvD,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst activeIcon = require('../../assets/settings-filled-active-icon.png');\nconst inactiveIcon = require('../../assets/settings-filled-inactive-icon.png');\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function SettingsFilledIcon(props: TabBarIconProps) {\n const icon = props.focused ? activeIcon : inactiveIcon;\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/shake-device-icon.png');
|
|
4
|
+
export function ShakeDeviceIcon(props) {
|
|
5
|
+
return React.createElement(Image, { ...props, source: icon });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ShakeDeviceIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShakeDeviceIcon.js","sourceRoot":"","sources":["../../src/icons/ShakeDeviceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAE3D,MAAM,UAAU,eAAe,CAAC,KAAkD;IAChF,OAAO,oBAAC,KAAK,OAAK,KAAK,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/shake-device-icon.png');\n\nexport function ShakeDeviceIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image {...props} source={icon} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/show-menu-at-launch-icon.png');
|
|
4
|
+
export function ShowMenuIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ShowMenuIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShowMenuIcon.js","sourceRoot":"","sources":["../../src/icons/ShowMenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,2CAA2C,CAAC,CAAC;AAElE,MAAM,UAAU,YAAY,CAAC,KAAkD;IAC7E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/show-menu-at-launch-icon.png');\n\nexport function ShowMenuIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/terminal-icon.png');
|
|
4
|
+
export function TerminalIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=TerminalIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TerminalIcon.js","sourceRoot":"","sources":["../../src/icons/TerminalIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,gCAAgC,CAAC,CAAC;AAEvD,MAAM,UAAU,YAAY,CAAC,KAAkD;IAC7E,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/terminal-icon.png');\n\nexport function TerminalIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/three-finger-long-press-icon.png');
|
|
4
|
+
export function ThreeFingerPressIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ThreeFingerPressIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThreeFingerPressIcon.js","sourceRoot":"","sources":["../../src/icons/ThreeFingerPressIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,+CAA+C,CAAC,CAAC;AAEtE,MAAM,UAAU,oBAAoB,CAAC,KAAkD;IACrF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/three-finger-long-press-icon.png');\n\nexport function ThreeFingerPressIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image } from '../Image';
|
|
3
|
+
const icon = require('../../assets/toolbar-overlay-icon.png');
|
|
4
|
+
export function ToolbarOverlayIcon(props) {
|
|
5
|
+
return React.createElement(Image, { source: icon, ...props });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=ToolbarOverlayIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolbarOverlayIcon.js","sourceRoot":"","sources":["../../src/icons/ToolbarOverlayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,uCAAuC,CAAC,CAAC;AAE9D,MAAM,UAAU,kBAAkB,CAAC,KAAkD;IACnF,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/toolbar-overlay-icon.png');\n\nexport function ToolbarOverlayIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserIcon.js","sourceRoot":"","sources":["../../src/icons/UserIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/user-icon.png');\n\nexport function UserIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XIcon.js","sourceRoot":"","sources":["../../src/icons/XIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,IAAI,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AAEhD,MAAM,UAAU,KAAK,CAAC,KAAkD;IACtE,OAAO,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/x-icon.png');\n\nexport function XIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export * from './CheckIcon';
|
|
2
|
+
export * from './ChevronRightIcon';
|
|
3
|
+
export * from './ExpoLogoIcon';
|
|
4
|
+
export * from './HomeFilledIcon';
|
|
5
|
+
export * from './InfoIcon';
|
|
6
|
+
export * from './QuestionMarkIcon';
|
|
7
|
+
export * from './RefreshIcon';
|
|
8
|
+
export * from './ShakeDeviceIcon';
|
|
9
|
+
export * from './ShowMenuIcon';
|
|
10
|
+
export * from './SettingsFilledIcon';
|
|
11
|
+
export * from './TerminalIcon';
|
|
12
|
+
export * from './ThreeFingerPressIcon';
|
|
13
|
+
export * from './ToolbarOverlayIcon';
|
|
14
|
+
export * from './UserIcon';
|
|
15
|
+
export * from './XIcon';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export * from './CheckIcon';
|
|
2
|
+
export * from './ChevronRightIcon';
|
|
3
|
+
export * from './ExpoLogoIcon';
|
|
4
|
+
export * from './HomeFilledIcon';
|
|
5
|
+
export * from './InfoIcon';
|
|
6
|
+
export * from './QuestionMarkIcon';
|
|
7
|
+
export * from './RefreshIcon';
|
|
8
|
+
export * from './ShakeDeviceIcon';
|
|
9
|
+
export * from './ShowMenuIcon';
|
|
10
|
+
export * from './SettingsFilledIcon';
|
|
11
|
+
export * from './TerminalIcon';
|
|
12
|
+
export * from './ThreeFingerPressIcon';
|
|
13
|
+
export * from './ToolbarOverlayIcon';
|
|
14
|
+
export * from './UserIcon';
|
|
15
|
+
export * from './XIcon';
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC","sourcesContent":["export * from './CheckIcon';\nexport * from './ChevronRightIcon';\nexport * from './ExpoLogoIcon';\nexport * from './HomeFilledIcon';\nexport * from './InfoIcon';\nexport * from './QuestionMarkIcon';\nexport * from './RefreshIcon';\nexport * from './ShakeDeviceIcon';\nexport * from './ShowMenuIcon';\nexport * from './SettingsFilledIcon';\nexport * from './TerminalIcon';\nexport * from './ThreeFingerPressIcon';\nexport * from './ToolbarOverlayIcon';\nexport * from './UserIcon';\nexport * from './XIcon';\n"]}
|
package/build/index.d.ts
ADDED
package/build/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './icons';\nexport * from './Button';\nexport * from './Image';\nexport * from './Text';\nexport * from './theme';\nexport * from './View';\nexport * from './useExpoTheme';\n"]}
|