expo-dev-client-components 1.6.1 → 1.7.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/CHANGELOG.md +6 -0
- package/build/Button.js +7 -4
- package/build/Button.js.map +1 -1
- package/build/icons/BranchIcon.js +1 -1
- package/build/icons/BranchIcon.js.map +1 -1
- package/build/icons/BuildingIcon.js +1 -1
- package/build/icons/BuildingIcon.js.map +1 -1
- package/build/icons/CheckIcon.js +1 -1
- package/build/icons/CheckIcon.js.map +1 -1
- package/build/icons/ChevronRightIcon.js +1 -1
- package/build/icons/ChevronRightIcon.js.map +1 -1
- package/build/icons/ClipboardIcon.js +1 -1
- package/build/icons/ClipboardIcon.js.map +1 -1
- package/build/icons/DebugIcon.js +1 -1
- package/build/icons/DebugIcon.js.map +1 -1
- package/build/icons/ExpoLogoIcon.js +1 -1
- package/build/icons/ExpoLogoIcon.js.map +1 -1
- package/build/icons/ExtensionsFilledIcon.js +1 -1
- package/build/icons/ExtensionsFilledIcon.js.map +1 -1
- package/build/icons/ExtensionsIcon.js +1 -1
- package/build/icons/ExtensionsIcon.js.map +1 -1
- package/build/icons/HomeFilledIcon.js +1 -1
- package/build/icons/HomeFilledIcon.js.map +1 -1
- package/build/icons/InfoIcon.js +1 -1
- package/build/icons/InfoIcon.js.map +1 -1
- package/build/icons/InspectElementIcon.js +1 -1
- package/build/icons/InspectElementIcon.js.map +1 -1
- package/build/icons/LoadingIndicatorIcon.js +1 -1
- package/build/icons/LoadingIndicatorIcon.js.map +1 -1
- package/build/icons/PerformanceIcon.js +1 -1
- package/build/icons/PerformanceIcon.js.map +1 -1
- package/build/icons/QuestionMarkIcon.js +1 -1
- package/build/icons/QuestionMarkIcon.js.map +1 -1
- package/build/icons/RefreshIcon.js +1 -1
- package/build/icons/RefreshIcon.js.map +1 -1
- package/build/icons/RunIcon.js +1 -1
- package/build/icons/RunIcon.js.map +1 -1
- package/build/icons/SettingsFilledIcon.js +1 -1
- package/build/icons/SettingsFilledIcon.js.map +1 -1
- package/build/icons/ShakeDeviceIcon.js +1 -1
- package/build/icons/ShakeDeviceIcon.js.map +1 -1
- package/build/icons/ShowMenuIcon.js +1 -1
- package/build/icons/ShowMenuIcon.js.map +1 -1
- package/build/icons/TerminalIcon.js +1 -1
- package/build/icons/TerminalIcon.js.map +1 -1
- package/build/icons/ThreeFingerPressIcon.js +1 -1
- package/build/icons/ThreeFingerPressIcon.js.map +1 -1
- package/build/icons/ToolbarOverlayIcon.js +1 -1
- package/build/icons/ToolbarOverlayIcon.js.map +1 -1
- package/build/icons/UpdateIcon.js +1 -1
- package/build/icons/UpdateIcon.js.map +1 -1
- package/build/icons/UserIcon.js +1 -1
- package/build/icons/UserIcon.js.map +1 -1
- package/build/icons/WarningIcon.js +1 -1
- package/build/icons/WarningIcon.js.map +1 -1
- package/build/icons/XIcon.js +1 -1
- package/build/icons/XIcon.js.map +1 -1
- package/build/useExpoTheme.js +1 -1
- package/build/useExpoTheme.js.map +1 -1
- package/package.json +2 -2
- package/setupTests.js +8 -12
package/CHANGELOG.md
CHANGED
|
@@ -10,6 +10,12 @@
|
|
|
10
10
|
|
|
11
11
|
### 💡 Others
|
|
12
12
|
|
|
13
|
+
## 1.7.0 — 2023-11-14
|
|
14
|
+
|
|
15
|
+
### 💡 Others
|
|
16
|
+
|
|
17
|
+
- Removed backward compatible code for deprecated SDKs. ([#25154](https://github.com/expo/expo/pull/25154) by [@kudo](https://github.com/kudo))
|
|
18
|
+
|
|
13
19
|
## 1.6.1 — 2023-09-04
|
|
14
20
|
|
|
15
21
|
_This version does not introduce any user-facing changes._
|
package/build/Button.js
CHANGED
|
@@ -130,9 +130,11 @@ function FadeOnPressContainer({ activeOpacity = 0.2, ...props }) {
|
|
|
130
130
|
useNativeDriver: true,
|
|
131
131
|
}).start();
|
|
132
132
|
}, []);
|
|
133
|
-
return (
|
|
133
|
+
return (<Container onPressIn={onPressIn} onPressOut={onPressOut} {...props} style={{
|
|
134
134
|
opacity: animatedValue.current,
|
|
135
|
-
}
|
|
135
|
+
}}>
|
|
136
|
+
{props.children}
|
|
137
|
+
</Container>);
|
|
136
138
|
}
|
|
137
139
|
function HighlightOnPressContainer(props) {
|
|
138
140
|
const theme = useColorScheme();
|
|
@@ -150,7 +152,8 @@ function HighlightOnPressContainer(props) {
|
|
|
150
152
|
const underlayStyle = {
|
|
151
153
|
backgroundColor,
|
|
152
154
|
};
|
|
153
|
-
return (
|
|
154
|
-
|
|
155
|
+
return (<Container onPressIn={onPressIn} onPressOut={onPressOut} {...props}>
|
|
156
|
+
<Animated.View style={underlayStyle}>{props.children}</Animated.View>
|
|
157
|
+
</Container>);
|
|
155
158
|
}
|
|
156
159
|
//# sourceMappingURL=Button.js.map
|
package/build/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, borderRadius, shadows, palette } from '@expo/styleguide-native';\nimport * as React from 'react';\nimport {\n Text as RNText,\n Animated,\n useColorScheme,\n Pressable as RNPressable,\n Easing,\n} from 'react-native';\n\nimport { create } from './create-primitive';\nimport { rounded, margin, padding, text } from './theme';\n\nconst AnimatedPressable = Animated.createAnimatedComponent(RNPressable);\n\nconst Text = create(RNText, {\n base: {\n fontFamily: 'Inter-Regular',\n color: lightTheme.text.default,\n fontSize: 16,\n lineHeight: 22,\n },\n\n props: {\n accessibilityRole: 'text',\n },\n\n variants: {\n ...text,\n\n color: {\n primary: { color: lightTheme.button.primary.foreground },\n secondary: { color: lightTheme.button.secondary.foreground },\n tertiary: { color: lightTheme.button.tertiary.foreground },\n ghost: { color: lightTheme.button.ghost.foreground },\n transparent: { color: lightTheme.button.transparent.foreground },\n default: { color: lightTheme.text.default },\n },\n },\n\n selectors: {\n dark: {\n base: {\n color: darkTheme.text.default,\n },\n\n color: {\n primary: { color: darkTheme.button.primary.foreground },\n secondary: { color: darkTheme.button.secondary.foreground },\n tertiary: { color: darkTheme.button.tertiary.foreground },\n ghost: { color: darkTheme.button.ghost.foreground },\n transparent: { color: darkTheme.button.transparent.foreground },\n default: { color: darkTheme.text.default },\n },\n },\n },\n});\n\nconst Container = create(AnimatedPressable, {\n base: {\n overflow: 'hidden',\n borderRadius: borderRadius.medium,\n },\n\n props: {\n accessibilityRole: 'button',\n android_disableSound: true,\n },\n\n variants: {\n bg: {\n default: { backgroundColor: lightTheme.background.default },\n primary: { backgroundColor: lightTheme.button.primary.background },\n secondary: { backgroundColor: lightTheme.button.secondary.background },\n tertiary: { backgroundColor: lightTheme.button.tertiary.background },\n ghost: { backgroundColor: lightTheme.button.ghost.background },\n transparent: { backgroundColor: lightTheme.button.transparent.background },\n disabled: { backgroundColor: lightTheme.status.default },\n },\n\n border: {\n ghost: { borderColor: lightTheme.button.ghost.border, borderWidth: 1 },\n },\n\n shadow: {\n button: shadows.button,\n },\n\n ...rounded,\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: {\n default: { backgroundColor: darkTheme.background.default },\n primary: { backgroundColor: darkTheme.button.primary.background },\n secondary: { backgroundColor: darkTheme.button.secondary.background },\n tertiary: { backgroundColor: darkTheme.button.tertiary.background },\n ghost: { backgroundColor: darkTheme.button.ghost.background },\n transparent: { backgroundColor: darkTheme.button.transparent.background },\n disabled: { backgroundColor: darkTheme.status.default },\n },\n },\n },\n});\n\nexport const Button = {\n Container,\n FadeOnPressContainer,\n HighlightOnPressContainer,\n Text,\n};\n\ntype FadingPressableProps = {\n activeOpacity?: number;\n};\n\ntype NoOptionals<T> = {\n [P in keyof T]-?: T[P];\n};\n\ntype ContainerProps = React.ComponentProps<typeof Container>;\ntype ContainerBackgroundColors = NoOptionals<ContainerProps>['bg'];\n\nconst lightHighlightColorMap: Record<ContainerBackgroundColors, string> = {\n disabled: 'transparent',\n default: lightTheme.background.secondary,\n primary: lightTheme.background.tertiary,\n secondary: lightTheme.background.quaternary,\n tertiary: palette.light.gray[600],\n ghost: lightTheme.background.tertiary,\n transparent: lightTheme.background.secondary,\n};\n\nconst darkHighlightColorMap: Record<ContainerBackgroundColors, string> = {\n disabled: 'transparent',\n default: darkTheme.background.secondary,\n primary: darkTheme.background.tertiary,\n secondary: darkTheme.background.quaternary,\n tertiary: palette.dark.gray[600],\n ghost: darkTheme.background.tertiary,\n transparent: darkTheme.background.secondary,\n};\n\nconst highlightColorMap = {\n dark: darkHighlightColorMap,\n light: lightHighlightColorMap,\n};\n\nfunction FadeOnPressContainer({\n activeOpacity = 0.2,\n ...props\n}: React.ComponentProps<typeof Container> & FadingPressableProps) {\n const animatedValue = React.useRef(new Animated.Value(1));\n\n const onPressIn = React.useCallback(() => {\n Animated.timing(animatedValue.current, {\n toValue: activeOpacity,\n duration: 150,\n easing: Easing.inOut(Easing.quad),\n useNativeDriver: true,\n }).start();\n }, []);\n\n const onPressOut = React.useCallback(() => {\n Animated.timing(animatedValue.current, {\n toValue: 1,\n duration: 150,\n easing: Easing.inOut(Easing.quad),\n useNativeDriver: true,\n }).start();\n }, []);\n\n return (\n <Container\n onPressIn={onPressIn}\n onPressOut={onPressOut}\n {...props}\n style={{\n opacity: animatedValue.current,\n }}>\n {props.children}\n </Container>\n );\n}\n\nfunction HighlightOnPressContainer(props: React.ComponentProps<typeof Container>) {\n const theme = useColorScheme();\n const [isPressing, setIsPressing] = React.useState(false);\n\n const onPressIn = React.useCallback(() => {\n setIsPressing(true);\n }, []);\n\n const onPressOut = React.useCallback(() => {\n setIsPressing(false);\n }, []);\n\n let backgroundColor = 'transparent';\n\n if (props.bg && isPressing && theme != null) {\n backgroundColor = highlightColorMap[theme][props.bg];\n }\n\n const underlayStyle = {\n backgroundColor,\n };\n\n return (\n <Container onPressIn={onPressIn} onPressOut={onPressOut} {...props}>\n <Animated.View style={underlayStyle}>{props.children}</Animated.View>\n </Container>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, borderRadius, shadows, palette } from '@expo/styleguide-native';\nimport * as React from 'react';\nimport {\n Text as RNText,\n Animated,\n useColorScheme,\n Pressable as RNPressable,\n Easing,\n} from 'react-native';\n\nimport { create } from './create-primitive';\nimport { rounded, margin, padding, text } from './theme';\n\nconst AnimatedPressable = Animated.createAnimatedComponent(RNPressable);\n\nconst Text = create(RNText, {\n base: {\n fontFamily: 'Inter-Regular',\n color: lightTheme.text.default,\n fontSize: 16,\n lineHeight: 22,\n },\n\n props: {\n accessibilityRole: 'text',\n },\n\n variants: {\n ...text,\n\n color: {\n primary: { color: lightTheme.button.primary.foreground },\n secondary: { color: lightTheme.button.secondary.foreground },\n tertiary: { color: lightTheme.button.tertiary.foreground },\n ghost: { color: lightTheme.button.ghost.foreground },\n transparent: { color: lightTheme.button.transparent.foreground },\n default: { color: lightTheme.text.default },\n },\n },\n\n selectors: {\n dark: {\n base: {\n color: darkTheme.text.default,\n },\n\n color: {\n primary: { color: darkTheme.button.primary.foreground },\n secondary: { color: darkTheme.button.secondary.foreground },\n tertiary: { color: darkTheme.button.tertiary.foreground },\n ghost: { color: darkTheme.button.ghost.foreground },\n transparent: { color: darkTheme.button.transparent.foreground },\n default: { color: darkTheme.text.default },\n },\n },\n },\n});\n\nconst Container = create(AnimatedPressable, {\n base: {\n overflow: 'hidden',\n borderRadius: borderRadius.medium,\n },\n\n props: {\n accessibilityRole: 'button',\n android_disableSound: true,\n },\n\n variants: {\n bg: {\n default: { backgroundColor: lightTheme.background.default },\n primary: { backgroundColor: lightTheme.button.primary.background },\n secondary: { backgroundColor: lightTheme.button.secondary.background },\n tertiary: { backgroundColor: lightTheme.button.tertiary.background },\n ghost: { backgroundColor: lightTheme.button.ghost.background },\n transparent: { backgroundColor: lightTheme.button.transparent.background },\n disabled: { backgroundColor: lightTheme.status.default },\n },\n\n border: {\n ghost: { borderColor: lightTheme.button.ghost.border, borderWidth: 1 },\n },\n\n shadow: {\n button: shadows.button,\n },\n\n ...rounded,\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: {\n default: { backgroundColor: darkTheme.background.default },\n primary: { backgroundColor: darkTheme.button.primary.background },\n secondary: { backgroundColor: darkTheme.button.secondary.background },\n tertiary: { backgroundColor: darkTheme.button.tertiary.background },\n ghost: { backgroundColor: darkTheme.button.ghost.background },\n transparent: { backgroundColor: darkTheme.button.transparent.background },\n disabled: { backgroundColor: darkTheme.status.default },\n },\n },\n },\n});\n\nexport const Button = {\n Container,\n FadeOnPressContainer,\n HighlightOnPressContainer,\n Text,\n};\n\ntype FadingPressableProps = {\n activeOpacity?: number;\n};\n\ntype NoOptionals<T> = {\n [P in keyof T]-?: T[P];\n};\n\ntype ContainerProps = React.ComponentProps<typeof Container>;\ntype ContainerBackgroundColors = NoOptionals<ContainerProps>['bg'];\n\nconst lightHighlightColorMap: Record<ContainerBackgroundColors, string> = {\n disabled: 'transparent',\n default: lightTheme.background.secondary,\n primary: lightTheme.background.tertiary,\n secondary: lightTheme.background.quaternary,\n tertiary: palette.light.gray[600],\n ghost: lightTheme.background.tertiary,\n transparent: lightTheme.background.secondary,\n};\n\nconst darkHighlightColorMap: Record<ContainerBackgroundColors, string> = {\n disabled: 'transparent',\n default: darkTheme.background.secondary,\n primary: darkTheme.background.tertiary,\n secondary: darkTheme.background.quaternary,\n tertiary: palette.dark.gray[600],\n ghost: darkTheme.background.tertiary,\n transparent: darkTheme.background.secondary,\n};\n\nconst highlightColorMap = {\n dark: darkHighlightColorMap,\n light: lightHighlightColorMap,\n};\n\nfunction FadeOnPressContainer({\n activeOpacity = 0.2,\n ...props\n}: React.ComponentProps<typeof Container> & FadingPressableProps) {\n const animatedValue = React.useRef(new Animated.Value(1));\n\n const onPressIn = React.useCallback(() => {\n Animated.timing(animatedValue.current, {\n toValue: activeOpacity,\n duration: 150,\n easing: Easing.inOut(Easing.quad),\n useNativeDriver: true,\n }).start();\n }, []);\n\n const onPressOut = React.useCallback(() => {\n Animated.timing(animatedValue.current, {\n toValue: 1,\n duration: 150,\n easing: Easing.inOut(Easing.quad),\n useNativeDriver: true,\n }).start();\n }, []);\n\n return (\n <Container\n onPressIn={onPressIn}\n onPressOut={onPressOut}\n {...props}\n style={{\n opacity: animatedValue.current,\n }}>\n {props.children}\n </Container>\n );\n}\n\nfunction HighlightOnPressContainer(props: React.ComponentProps<typeof Container>) {\n const theme = useColorScheme();\n const [isPressing, setIsPressing] = React.useState(false);\n\n const onPressIn = React.useCallback(() => {\n setIsPressing(true);\n }, []);\n\n const onPressOut = React.useCallback(() => {\n setIsPressing(false);\n }, []);\n\n let backgroundColor = 'transparent';\n\n if (props.bg && isPressing && theme != null) {\n backgroundColor = highlightColorMap[theme][props.bg];\n }\n\n const underlayStyle = {\n backgroundColor,\n };\n\n return (\n <Container onPressIn={onPressIn} onPressOut={onPressOut} {...props}>\n <Animated.View style={underlayStyle}>{props.children}</Animated.View>\n </Container>\n );\n}\n"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/branch-icon.png');
|
|
|
6
6
|
export function BranchIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=BranchIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchIcon.js","sourceRoot":"","sources":["../../src/icons/BranchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAChE,MAAM,IAAI,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,KAAkD;IAC3E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
1
|
+
{"version":3,"file":"BranchIcon.js","sourceRoot":"","sources":["../../src/icons/BranchIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAChE,MAAM,IAAI,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,KAAkD;IAC3E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/branch-icon-light.png');\nconst icon = require('../../assets/branch-icon.png');\n\nexport function BranchIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/building-icon.png');
|
|
4
4
|
export function BuildingIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=BuildingIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BuildingIcon.js","sourceRoot":"","sources":["../../src/icons/BuildingIcon.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,
|
|
1
|
+
{"version":3,"file":"BuildingIcon.js","sourceRoot":"","sources":["../../src/icons/BuildingIcon.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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/building-icon.png');\n\nexport function BuildingIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
package/build/icons/CheckIcon.js
CHANGED
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/check-icon.png');
|
|
|
6
6
|
export function CheckIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=CheckIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,KAAkD;IAC1E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,mCAAmC,CAAC,CAAC;AAC/D,MAAM,IAAI,GAAG,OAAO,CAAC,6BAA6B,CAAC,CAAC;AAEpD,MAAM,UAAU,SAAS,CAAC,KAAkD;IAC1E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/check-icon-light.png');\nconst icon = require('../../assets/check-icon.png');\n\nexport function CheckIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/chevron-right-icon.png');
|
|
4
4
|
export function ChevronRightIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=ChevronRightIcon.js.map
|
|
@@ -1 +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,
|
|
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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,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"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/clipboard-icon.png');
|
|
4
4
|
export function ClipboardIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=ClipboardIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../src/icons/ClipboardIcon.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,iCAAiC,CAAC,CAAC;AAExD,MAAM,UAAU,aAAa,CAAC,KAAkD;IAC9E,OAAO,
|
|
1
|
+
{"version":3,"file":"ClipboardIcon.js","sourceRoot":"","sources":["../../src/icons/ClipboardIcon.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,iCAAiC,CAAC,CAAC;AAExD,MAAM,UAAU,aAAa,CAAC,KAAkD;IAC9E,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/clipboard-icon.png');\n\nexport function ClipboardIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
package/build/icons/DebugIcon.js
CHANGED
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/debug-icon.png');
|
|
4
4
|
export function DebugIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=DebugIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DebugIcon.js","sourceRoot":"","sources":["../../src/icons/DebugIcon.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,
|
|
1
|
+
{"version":3,"file":"DebugIcon.js","sourceRoot":"","sources":["../../src/icons/DebugIcon.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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/debug-icon.png');\n\nexport function DebugIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/logo-icon.png');
|
|
4
4
|
export function ExpoLogoIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image {...props} source={icon}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=ExpoLogoIcon.js.map
|
|
@@ -1 +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,
|
|
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,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAG,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"]}
|
|
@@ -19,6 +19,6 @@ export function ExtensionsFilledIcon(props) {
|
|
|
19
19
|
const theme = useCurrentTheme();
|
|
20
20
|
const themedIcon = iconMap[theme];
|
|
21
21
|
const icon = props.focused ? themedIcon.active : themedIcon.inactive;
|
|
22
|
-
return
|
|
22
|
+
return <Image source={icon} {...props}/>;
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=ExtensionsFilledIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExtensionsFilledIcon.js","sourceRoot":"","sources":["../../src/icons/ExtensionsFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAC;AACxF,MAAM,UAAU,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAC7E,MAAM,iBAAiB,GAAG,OAAO,CAAC,wDAAwD,CAAC,CAAC;AAC5F,MAAM,YAAY,GAAG,OAAO,CAAC,kDAAkD,CAAC,CAAC;AAEjF,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,oBAAoB,CAAC,KAAsB;IACzD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,
|
|
1
|
+
{"version":3,"file":"ExtensionsFilledIcon.js","sourceRoot":"","sources":["../../src/icons/ExtensionsFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAC;AACxF,MAAM,UAAU,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAC7E,MAAM,iBAAiB,GAAG,OAAO,CAAC,wDAAwD,CAAC,CAAC;AAC5F,MAAM,YAAY,GAAG,OAAO,CAAC,kDAAkD,CAAC,CAAC;AAEjF,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,oBAAoB,CAAC,KAAsB;IACzD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst activeLightIcon = require('../../assets/extensions-filled-active-icon-light.png');\nconst activeIcon = require('../../assets/extensions-filled-active-icon.png');\nconst inactiveLightIcon = require('../../assets/extensions-filled-inactive-icon-light.png');\nconst inactiveIcon = require('../../assets/extensions-filled-inactive-icon.png');\n\nconst iconMap = {\n light: {\n active: activeIcon,\n inactive: inactiveIcon,\n },\n dark: {\n active: activeLightIcon,\n inactive: inactiveLightIcon,\n },\n};\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function ExtensionsFilledIcon(props: TabBarIconProps) {\n const theme = useCurrentTheme();\n const themedIcon = iconMap[theme];\n const icon = props.focused ? themedIcon.active : themedIcon.inactive;\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/extensions-icon.png');
|
|
|
6
6
|
export function ExtensionsIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=ExtensionsIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExtensionsIcon.js","sourceRoot":"","sources":["../../src/icons/ExtensionsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AACpE,MAAM,IAAI,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAEzD,MAAM,UAAU,cAAc,CAAC,KAAkD;IAC/E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
1
|
+
{"version":3,"file":"ExtensionsIcon.js","sourceRoot":"","sources":["../../src/icons/ExtensionsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AACpE,MAAM,IAAI,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAEzD,MAAM,UAAU,cAAc,CAAC,KAAkD;IAC/E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/extensions-icon-light.png');\nconst icon = require('../../assets/extensions-icon.png');\n\nexport function ExtensionsIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -19,6 +19,6 @@ export function HomeFilledIcon(props) {
|
|
|
19
19
|
const theme = useCurrentTheme();
|
|
20
20
|
const themedIcon = iconMap[theme];
|
|
21
21
|
const icon = props.focused ? themedIcon.active : themedIcon.inactive;
|
|
22
|
-
return
|
|
22
|
+
return <Image source={icon} {...props}/>;
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=HomeFilledIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAClF,MAAM,UAAU,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACvE,MAAM,iBAAiB,GAAG,OAAO,CAAC,kDAAkD,CAAC,CAAC;AACtF,MAAM,YAAY,GAAG,OAAO,CAAC,4CAA4C,CAAC,CAAC;AAE3E,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAClF,MAAM,UAAU,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACvE,MAAM,iBAAiB,GAAG,OAAO,CAAC,kDAAkD,CAAC,CAAC;AACtF,MAAM,YAAY,GAAG,OAAO,CAAC,4CAA4C,CAAC,CAAC;AAE3E,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst activeLightIcon = require('../../assets/home-filled-active-icon-light.png');\nconst activeIcon = require('../../assets/home-filled-active-icon.png');\nconst inactiveLightIcon = require('../../assets/home-filled-inactive-icon-light.png');\nconst inactiveIcon = require('../../assets/home-filled-inactive-icon.png');\n\nconst iconMap = {\n light: {\n active: activeIcon,\n inactive: inactiveIcon,\n },\n dark: {\n active: activeLightIcon,\n inactive: inactiveLightIcon,\n },\n};\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function HomeFilledIcon(props: TabBarIconProps) {\n const theme = useCurrentTheme();\n const themedIcon = iconMap[theme];\n const icon = props.focused ? themedIcon.active : themedIcon.inactive;\n return <Image source={icon} {...props} />;\n}\n"]}
|
package/build/icons/InfoIcon.js
CHANGED
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/info-icon.png');
|
|
|
6
6
|
export function InfoIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=InfoIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/info-icon-light.png');\nconst icon = require('../../assets/info-icon.png');\n\nexport function InfoIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/inspect-element-icon.png');
|
|
4
4
|
export function InspectElementIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=InspectElementIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InspectElementIcon.js","sourceRoot":"","sources":["../../src/icons/InspectElementIcon.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,
|
|
1
|
+
{"version":3,"file":"InspectElementIcon.js","sourceRoot":"","sources":["../../src/icons/InspectElementIcon.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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/inspect-element-icon.png');\n\nexport function InspectElementIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/loading-indicator-icon.png');
|
|
4
4
|
export function LoadingIndicatorIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=LoadingIndicatorIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingIndicatorIcon.js","sourceRoot":"","sources":["../../src/icons/LoadingIndicatorIcon.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,yCAAyC,CAAC,CAAC;AAEhE,MAAM,UAAU,oBAAoB,CAAC,KAAkD;IACrF,OAAO,
|
|
1
|
+
{"version":3,"file":"LoadingIndicatorIcon.js","sourceRoot":"","sources":["../../src/icons/LoadingIndicatorIcon.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,yCAAyC,CAAC,CAAC;AAEhE,MAAM,UAAU,oBAAoB,CAAC,KAAkD;IACrF,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/loading-indicator-icon.png');\n\nexport function LoadingIndicatorIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/performance-icon.png');
|
|
4
4
|
export function PerformanceIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=PerformanceIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PerformanceIcon.js","sourceRoot":"","sources":["../../src/icons/PerformanceIcon.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,mCAAmC,CAAC,CAAC;AAE1D,MAAM,UAAU,eAAe,CAAC,KAAkD;IAChF,OAAO,
|
|
1
|
+
{"version":3,"file":"PerformanceIcon.js","sourceRoot":"","sources":["../../src/icons/PerformanceIcon.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,mCAAmC,CAAC,CAAC;AAE1D,MAAM,UAAU,eAAe,CAAC,KAAkD;IAChF,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/performance-icon.png');\n\nexport function PerformanceIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/question-mark-icon.png');
|
|
4
4
|
export function QuestionMarkIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=QuestionMarkIcon.js.map
|
|
@@ -1 +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,
|
|
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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,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"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/refresh-icon.png');
|
|
4
4
|
export function RefreshIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=RefreshIcon.js.map
|
|
@@ -1 +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,
|
|
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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,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"]}
|
package/build/icons/RunIcon.js
CHANGED
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/run-icon.png');
|
|
4
4
|
export function RunIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=RunIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunIcon.js","sourceRoot":"","sources":["../../src/icons/RunIcon.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,2BAA2B,CAAC,CAAC;AAElD,MAAM,UAAU,OAAO,CAAC,KAAkD;IACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"RunIcon.js","sourceRoot":"","sources":["../../src/icons/RunIcon.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,2BAA2B,CAAC,CAAC;AAElD,MAAM,UAAU,OAAO,CAAC,KAAkD;IACxE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\n\nconst icon = require('../../assets/run-icon.png');\n\nexport function RunIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -19,6 +19,6 @@ export function SettingsFilledIcon(props) {
|
|
|
19
19
|
const theme = useCurrentTheme();
|
|
20
20
|
const themedIcon = iconMap[theme];
|
|
21
21
|
const icon = props.focused ? themedIcon.active : themedIcon.inactive;
|
|
22
|
-
return
|
|
22
|
+
return <Image source={icon} {...props}/>;
|
|
23
23
|
}
|
|
24
24
|
//# sourceMappingURL=SettingsFilledIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,oDAAoD,CAAC,CAAC;AACtF,MAAM,UAAU,GAAG,OAAO,CAAC,8CAA8C,CAAC,CAAC;AAC3E,MAAM,iBAAiB,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAC;AAC1F,MAAM,YAAY,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAE/E,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,kBAAkB,CAAC,KAAsB;IACvD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,eAAe,GAAG,OAAO,CAAC,oDAAoD,CAAC,CAAC;AACtF,MAAM,UAAU,GAAG,OAAO,CAAC,8CAA8C,CAAC,CAAC;AAC3E,MAAM,iBAAiB,GAAG,OAAO,CAAC,sDAAsD,CAAC,CAAC;AAC1F,MAAM,YAAY,GAAG,OAAO,CAAC,gDAAgD,CAAC,CAAC;AAE/E,MAAM,OAAO,GAAG;IACd,KAAK,EAAE;QACL,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KAC5B;CACF,CAAC;AAMF,MAAM,UAAU,kBAAkB,CAAC,KAAsB;IACvD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC;IACrE,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst activeLightIcon = require('../../assets/settings-filled-active-icon-light.png');\nconst activeIcon = require('../../assets/settings-filled-active-icon.png');\nconst inactiveLightIcon = require('../../assets/settings-filled-inactive-icon-light.png');\nconst inactiveIcon = require('../../assets/settings-filled-inactive-icon.png');\n\nconst iconMap = {\n light: {\n active: activeIcon,\n inactive: inactiveIcon,\n },\n dark: {\n active: activeLightIcon,\n inactive: inactiveLightIcon,\n },\n};\n\ntype TabBarIconProps = Partial<React.ComponentProps<typeof Image>> & {\n focused?: boolean;\n};\n\nexport function SettingsFilledIcon(props: TabBarIconProps) {\n const theme = useCurrentTheme();\n const themedIcon = iconMap[theme];\n const icon = props.focused ? themedIcon.active : themedIcon.inactive;\n return <Image source={icon} {...props} />;\n}\n"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/shake-device-icon.png');
|
|
|
6
6
|
export function ShakeDeviceIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=ShakeDeviceIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACtE,MAAM,IAAI,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAE3D,MAAM,UAAU,eAAe,CAAC,KAAkD;IAChF,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,0CAA0C,CAAC,CAAC;AACtE,MAAM,IAAI,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAE3D,MAAM,UAAU,eAAe,CAAC,KAAkD;IAChF,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/shake-device-icon-light.png');\nconst icon = require('../../assets/shake-device-icon.png');\n\nexport function ShakeDeviceIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/show-menu-at-launch-icon.png');
|
|
|
6
6
|
export function ShowMenuIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=ShowMenuIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,iDAAiD,CAAC,CAAC;AAC7E,MAAM,IAAI,GAAG,OAAO,CAAC,2CAA2C,CAAC,CAAC;AAElE,MAAM,UAAU,YAAY,CAAC,KAAkD;IAC7E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,iDAAiD,CAAC,CAAC;AAC7E,MAAM,IAAI,GAAG,OAAO,CAAC,2CAA2C,CAAC,CAAC;AAElE,MAAM,UAAU,YAAY,CAAC,KAAkD;IAC7E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/show-menu-at-launch-icon-light.png');\nconst icon = require('../../assets/show-menu-at-launch-icon.png');\n\nexport function ShowMenuIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/terminal-icon.png');
|
|
4
4
|
export function TerminalIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=TerminalIcon.js.map
|
|
@@ -1 +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,
|
|
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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,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"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/three-finger-long-press-icon.png');
|
|
|
6
6
|
export function ThreeFingerPressIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=ThreeFingerPressIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,qDAAqD,CAAC,CAAC;AACjF,MAAM,IAAI,GAAG,OAAO,CAAC,+CAA+C,CAAC,CAAC;AAEtE,MAAM,UAAU,oBAAoB,CAAC,KAAkD;IACrF,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,qDAAqD,CAAC,CAAC;AACjF,MAAM,IAAI,GAAG,OAAO,CAAC,+CAA+C,CAAC,CAAC;AAEtE,MAAM,UAAU,oBAAoB,CAAC,KAAkD;IACrF,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/three-finger-long-press-icon-light.png');\nconst icon = require('../../assets/three-finger-long-press-icon.png');\n\nexport function ThreeFingerPressIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -2,6 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { Image } from '../Image';
|
|
3
3
|
const icon = require('../../assets/toolbar-overlay-icon.png');
|
|
4
4
|
export function ToolbarOverlayIcon(props) {
|
|
5
|
-
return
|
|
5
|
+
return <Image source={icon} {...props}/>;
|
|
6
6
|
}
|
|
7
7
|
//# sourceMappingURL=ToolbarOverlayIcon.js.map
|
|
@@ -1 +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,
|
|
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,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,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"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/update-icon.png');
|
|
|
6
6
|
export function UpdateIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=UpdateIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UpdateIcon.js","sourceRoot":"","sources":["../../src/icons/UpdateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAChE,MAAM,IAAI,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,KAAkD;IAC3E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
1
|
+
{"version":3,"file":"UpdateIcon.js","sourceRoot":"","sources":["../../src/icons/UpdateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAChE,MAAM,IAAI,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;AAErD,MAAM,UAAU,UAAU,CAAC,KAAkD;IAC3E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/update-icon-light.png');\nconst icon = require('../../assets/update-icon.png');\n\nexport function UpdateIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
package/build/icons/UserIcon.js
CHANGED
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/user-icon.png');
|
|
|
6
6
|
export function UserIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=UserIcon.js.map
|
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAC9D,MAAM,IAAI,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAEnD,MAAM,UAAU,QAAQ,CAAC,KAAkD;IACzE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/user-icon-light.png');\nconst icon = require('../../assets/user-icon.png');\n\nexport function UserIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/warning-triangle-icon.png');
|
|
|
6
6
|
export function WarningIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=WarningIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WarningIcon.js","sourceRoot":"","sources":["../../src/icons/WarningIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,8CAA8C,CAAC,CAAC;AAC1E,MAAM,IAAI,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AAE/D,MAAM,UAAU,WAAW,CAAC,KAAkD;IAC5E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
1
|
+
{"version":3,"file":"WarningIcon.js","sourceRoot":"","sources":["../../src/icons/WarningIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,8CAA8C,CAAC,CAAC;AAC1E,MAAM,IAAI,GAAG,OAAO,CAAC,wCAAwC,CAAC,CAAC;AAE/D,MAAM,UAAU,WAAW,CAAC,KAAkD;IAC5E,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/warning-triangle-icon-light.png');\nconst icon = require('../../assets/warning-triangle-icon.png');\n\nexport function WarningIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
package/build/icons/XIcon.js
CHANGED
|
@@ -6,6 +6,6 @@ const icon = require('../../assets/x-icon.png');
|
|
|
6
6
|
export function XIcon(props) {
|
|
7
7
|
const theme = useCurrentTheme();
|
|
8
8
|
const themedIcon = theme === 'dark' ? lightIcon : icon;
|
|
9
|
-
return
|
|
9
|
+
return <Image source={themedIcon} {...props}/>;
|
|
10
10
|
}
|
|
11
11
|
//# sourceMappingURL=XIcon.js.map
|
package/build/icons/XIcon.js.map
CHANGED
|
@@ -1 +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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAAC;AAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AAEhD,MAAM,UAAU,KAAK,CAAC,KAAkD;IACtE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,
|
|
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;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,SAAS,GAAG,OAAO,CAAC,+BAA+B,CAAC,CAAC;AAC3D,MAAM,IAAI,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AAEhD,MAAM,UAAU,KAAK,CAAC,KAAkD;IACtE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAClD,CAAC","sourcesContent":["import * as React from 'react';\n\nimport { Image } from '../Image';\nimport { useCurrentTheme } from '../useExpoTheme';\n\nconst lightIcon = require('../../assets/x-icon-light.png');\nconst icon = require('../../assets/x-icon.png');\n\nexport function XIcon(props: Partial<React.ComponentProps<typeof Image>>) {\n const theme = useCurrentTheme();\n const themedIcon = theme === 'dark' ? lightIcon : icon;\n\n return <Image source={themedIcon} {...props} />;\n}\n"]}
|
package/build/useExpoTheme.js
CHANGED
|
@@ -11,7 +11,7 @@ export function ThemeProvider({ children, themePreference = 'no-preference' }) {
|
|
|
11
11
|
}
|
|
12
12
|
return systemTheme ?? 'light';
|
|
13
13
|
}, [themePreference, systemTheme]);
|
|
14
|
-
return
|
|
14
|
+
return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>;
|
|
15
15
|
}
|
|
16
16
|
export function useCurrentTheme() {
|
|
17
17
|
const theme = useTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExpoTheme.js","sourceRoot":"","sources":["../src/useExpoTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAQ,OAAO,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AAO7D,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAsB;IAC/F,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,eAAe,KAAK,eAAe,EAAE;YACvC,OAAO,eAAe,CAAC;SACxB;QAED,OAAO,WAAW,IAAI,OAAO,CAAC;IAChC,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,OAAO,
|
|
1
|
+
{"version":3,"file":"useExpoTheme.js","sourceRoot":"","sources":["../src/useExpoTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAQ,OAAO,CAAC,CAAC;AACzD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AAO7D,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,eAAe,EAAsB;IAC/F,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,eAAe,KAAK,eAAe,EAAE;YACvC,OAAO,eAAe,CAAC;SACxB;QAED,OAAO,WAAW,IAAI,OAAO,CAAC;IAChC,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;AACjF,CAAC;AAID,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,KAAK,KAAK,MAAM,EAAE;QACpB,OAAO,SAAS,CAAC;KAClB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;AACxB,CAAC","sourcesContent":["import { lightTheme, darkTheme, palette } from '@expo/styleguide-native';\nimport * as React from 'react';\nimport { useColorScheme } from 'react-native';\n\nexport type ThemePreference = 'light' | 'dark' | 'no-preference';\ntype Theme = 'light' | 'dark';\n\nconst ThemeContext = React.createContext<Theme>('light');\nexport const useTheme = () => React.useContext(ThemeContext);\n\ntype ThemeProviderProps = {\n children: React.ReactNode;\n themePreference?: ThemePreference;\n};\n\nexport function ThemeProvider({ children, themePreference = 'no-preference' }: ThemeProviderProps) {\n const systemTheme = useColorScheme();\n\n const theme = React.useMemo(() => {\n if (themePreference !== 'no-preference') {\n return themePreference;\n }\n\n return systemTheme ?? 'light';\n }, [themePreference, systemTheme]);\n\n return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>;\n}\n\nexport type ExpoTheme = typeof lightTheme;\n\nexport function useCurrentTheme(): 'light' | 'dark' {\n const theme = useTheme();\n return theme;\n}\n\nexport function useExpoTheme(): ExpoTheme {\n const theme = useTheme();\n\n if (theme === 'dark') {\n return darkTheme;\n }\n\n return lightTheme;\n}\n\nexport function useExpoPalette() {\n const theme = useTheme();\n return palette[theme];\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "expo-dev-client-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "Shared JS components and configuration for expo-dev-client",
|
|
5
5
|
"main": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"./setupTests.js"
|
|
43
43
|
]
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "3142a086578deffd8704a8f1b6f0f661527d836c"
|
|
46
46
|
}
|
package/setupTests.js
CHANGED
|
@@ -12,12 +12,10 @@ jest.mock('react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo
|
|
|
12
12
|
removeEventListener: jest.fn(),
|
|
13
13
|
setAccessibilityFocus: jest.fn(),
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return MockA11y;
|
|
15
|
+
return {
|
|
16
|
+
__esModule: true,
|
|
17
|
+
default: MockA11y,
|
|
18
|
+
};
|
|
21
19
|
});
|
|
22
20
|
|
|
23
21
|
jest.mock('react-native/Libraries/Utilities/Appearance', () => {
|
|
@@ -26,10 +24,8 @@ jest.mock('react-native/Libraries/Utilities/Appearance', () => {
|
|
|
26
24
|
removeChangeListener: jest.fn(),
|
|
27
25
|
getColorScheme: jest.fn(() => 'light'),
|
|
28
26
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return MockAppearance;
|
|
27
|
+
return {
|
|
28
|
+
__esModule: true,
|
|
29
|
+
default: MockAppearance,
|
|
30
|
+
};
|
|
35
31
|
});
|