expo-dev-client-components 1.1.0 → 1.2.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.
Files changed (13) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build/View.d.ts +2 -0
  3. package/build/View.d.ts.map +1 -1
  4. package/build/View.js +2 -0
  5. package/build/View.js.map +1 -1
  6. package/build/useExpoTheme.d.ts +1 -1
  7. package/build/useExpoTheme.d.ts.map +1 -1
  8. package/build/useExpoTheme.js.map +1 -1
  9. package/package.json +2 -2
  10. package/setupTests.js +1 -1
  11. package/src/View.tsx +2 -0
  12. package/src/useExpoTheme.tsx +1 -1
  13. package/tsconfig.json +1 -1
package/CHANGELOG.md CHANGED
@@ -10,6 +10,10 @@
10
10
 
11
11
  ### 💡 Others
12
12
 
13
+ ## 1.2.0 — 2022-07-07
14
+
15
+ _This version does not introduce any user-facing changes._
16
+
13
17
  ## 1.1.0 — 2022-04-18
14
18
 
15
19
  ### 🎉 New features
package/build/View.d.ts CHANGED
@@ -66,6 +66,7 @@ export declare const Spacer: {
66
66
  Vertical: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
67
67
  children?: import("react").ReactNode;
68
68
  } & {
69
+ bg?: "secondary" | "default" | "none" | "error" | "warning" | "success" | "overlay" | undefined;
69
70
  size?: "small" | "micro" | "tiny" | "medium" | "large" | "xl" | undefined;
70
71
  } & {
71
72
  selectors?: {
@@ -76,6 +77,7 @@ export declare const Spacer: {
76
77
  Horizontal: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
77
78
  children?: import("react").ReactNode;
78
79
  } & {
80
+ bg?: "secondary" | "default" | "none" | "error" | "warning" | "success" | "overlay" | undefined;
79
81
  size?: "small" | "micro" | "tiny" | "medium" | "large" | "xl" | undefined;
80
82
  } & {
81
83
  selectors?: {
package/build/View.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":";AAiBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oEAqGf,CAAC;AAEH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;oEAmDd,CAAC;AAkCH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAGlB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;oEAwBlB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;oEAoC1B,CAAC"}
1
+ {"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":";AAiBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oEAqGf,CAAC;AAEH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;oEAmDd,CAAC;AAoCH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAGlB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;oEAwBlB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;oEAoC1B,CAAC"}
package/build/View.js CHANGED
@@ -134,6 +134,7 @@ const Horizontal = create(RNView, {
134
134
  flex: 1,
135
135
  },
136
136
  variants: {
137
+ bg,
137
138
  size: {
138
139
  micro: { width: scale.micro, flex: 0 },
139
140
  tiny: { width: scale.tiny, flex: 0 },
@@ -149,6 +150,7 @@ const Vertical = create(RNView, {
149
150
  flex: 1,
150
151
  },
151
152
  variants: {
153
+ bg,
152
154
  size: {
153
155
  micro: { height: scale.micro, flex: 0 },
154
156
  tiny: { height: scale.tiny, flex: 0 },
package/build/View.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"View.js","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, shadows } from '@expo/styleguide-native';\nimport { View as RNView, StyleSheet } from 'react-native';\n\nimport { create } from './create-primitive';\nimport {\n scale,\n padding,\n margin,\n rounded,\n bg,\n bgDark,\n width,\n height,\n borderDark,\n border,\n} 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 start: {\n alignItems: 'flex-start',\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 grow: {\n '1': { flexGrow: 1 },\n '0': { flexGrow: 0 },\n },\n\n bg,\n\n opacity: {\n '1': { opacity: 1 },\n '0.5': { opacity: 0.5 },\n '0.75': { opacity: 0.75 },\n '0': { opacity: 0 },\n },\n\n inset: {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n },\n\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n },\n\n full: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n\n border: {\n default: { borderColor: lightTheme.border.default, borderWidth: 1 },\n hairline: { borderColor: lightTheme.border.default, borderWidth: StyleSheet.hairlineWidth },\n warning: { borderColor: lightTheme.border.warning, borderWidth: 1 },\n error: { borderColor: lightTheme.border.error, 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 height,\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n\n border: borderDark,\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 flex: {\n '1': { flex: 1 },\n '0': { flex: 0 },\n },\n\n shrink: {\n '1': { flexShrink: 1 },\n '0': { flexShrink: 0 },\n },\n\n grow: {\n '1': { flexGrow: 1 },\n '0': { flexGrow: 0 },\n },\n\n align: {\n center: { alignItems: 'center' },\n start: { alignItems: 'flex-start' },\n end: { alignItems: 'flex-end' },\n },\n\n justify: {\n center: { justifyContent: 'center' },\n start: { justifyContent: 'flex-start' },\n end: { justifyContent: 'flex-end' },\n between: { justifyContent: 'space-between' },\n around: { justifyContent: 'space-around' },\n },\n\n ...padding,\n ...margin,\n\n ...rounded,\n\n border,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n border: borderDark,\n },\n },\n});\n\nconst Horizontal = create(RNView, {\n base: {\n flex: 1,\n },\n variants: {\n size: {\n micro: { width: scale.micro, flex: 0 },\n tiny: { width: scale.tiny, flex: 0 },\n small: { width: scale.small, flex: 0 },\n medium: { width: scale.medium, flex: 0 },\n large: { width: scale.large, flex: 0 },\n xl: { width: scale.xl, flex: 0 },\n },\n },\n});\n\nconst Vertical = create(RNView, {\n base: {\n flex: 1,\n },\n variants: {\n size: {\n micro: { height: scale.micro, flex: 0 },\n tiny: { height: scale.tiny, flex: 0 },\n small: { height: scale.small, flex: 0 },\n medium: { height: scale.medium, flex: 0 },\n large: { height: scale.large, flex: 0 },\n xl: { height: scale.xl, flex: 0 },\n },\n },\n});\n\nexport const Spacer = {\n Vertical,\n Horizontal,\n};\n\nexport const Divider = create(RNView, {\n base: {\n height: StyleSheet.hairlineWidth,\n backgroundColor: lightTheme.border.default,\n },\n\n variants: {\n weight: {\n thin: { height: StyleSheet.hairlineWidth },\n normal: { height: 1 },\n heavy: { height: 2 },\n },\n\n ...margin,\n },\n\n selectors: {\n dark: {\n base: {\n height: StyleSheet.hairlineWidth,\n backgroundColor: darkTheme.border.default,\n },\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"]}
1
+ {"version":3,"file":"View.js","sourceRoot":"","sources":["../src/View.tsx"],"names":[],"mappings":"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","sourcesContent":["import { lightTheme, darkTheme, shadows } from '@expo/styleguide-native';\nimport { View as RNView, StyleSheet } from 'react-native';\n\nimport { create } from './create-primitive';\nimport {\n scale,\n padding,\n margin,\n rounded,\n bg,\n bgDark,\n width,\n height,\n borderDark,\n border,\n} 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 start: {\n alignItems: 'flex-start',\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 grow: {\n '1': { flexGrow: 1 },\n '0': { flexGrow: 0 },\n },\n\n bg,\n\n opacity: {\n '1': { opacity: 1 },\n '0.5': { opacity: 0.5 },\n '0.75': { opacity: 0.75 },\n '0': { opacity: 0 },\n },\n\n inset: {\n top: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n },\n\n bottom: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n },\n\n full: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n },\n\n border: {\n default: { borderColor: lightTheme.border.default, borderWidth: 1 },\n hairline: { borderColor: lightTheme.border.default, borderWidth: StyleSheet.hairlineWidth },\n warning: { borderColor: lightTheme.border.warning, borderWidth: 1 },\n error: { borderColor: lightTheme.border.error, 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 height,\n\n ...padding,\n ...margin,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n\n border: borderDark,\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 flex: {\n '1': { flex: 1 },\n '0': { flex: 0 },\n },\n\n shrink: {\n '1': { flexShrink: 1 },\n '0': { flexShrink: 0 },\n },\n\n grow: {\n '1': { flexGrow: 1 },\n '0': { flexGrow: 0 },\n },\n\n align: {\n center: { alignItems: 'center' },\n start: { alignItems: 'flex-start' },\n end: { alignItems: 'flex-end' },\n },\n\n justify: {\n center: { justifyContent: 'center' },\n start: { justifyContent: 'flex-start' },\n end: { justifyContent: 'flex-end' },\n between: { justifyContent: 'space-between' },\n around: { justifyContent: 'space-around' },\n },\n\n ...padding,\n ...margin,\n\n ...rounded,\n\n border,\n },\n\n selectors: {\n dark: {\n bg: bgDark,\n border: borderDark,\n },\n },\n});\n\nconst Horizontal = create(RNView, {\n base: {\n flex: 1,\n },\n variants: {\n bg,\n size: {\n micro: { width: scale.micro, flex: 0 },\n tiny: { width: scale.tiny, flex: 0 },\n small: { width: scale.small, flex: 0 },\n medium: { width: scale.medium, flex: 0 },\n large: { width: scale.large, flex: 0 },\n xl: { width: scale.xl, flex: 0 },\n },\n },\n});\n\nconst Vertical = create(RNView, {\n base: {\n flex: 1,\n },\n variants: {\n bg,\n size: {\n micro: { height: scale.micro, flex: 0 },\n tiny: { height: scale.tiny, flex: 0 },\n small: { height: scale.small, flex: 0 },\n medium: { height: scale.medium, flex: 0 },\n large: { height: scale.large, flex: 0 },\n xl: { height: scale.xl, flex: 0 },\n },\n },\n});\n\nexport const Spacer = {\n Vertical,\n Horizontal,\n};\n\nexport const Divider = create(RNView, {\n base: {\n height: StyleSheet.hairlineWidth,\n backgroundColor: lightTheme.border.default,\n },\n\n variants: {\n weight: {\n thin: { height: StyleSheet.hairlineWidth },\n normal: { height: 1 },\n heavy: { height: 2 },\n },\n\n ...margin,\n },\n\n selectors: {\n dark: {\n base: {\n height: StyleSheet.hairlineWidth,\n backgroundColor: darkTheme.border.default,\n },\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"]}
package/build/useExpoTheme.d.ts CHANGED
@@ -8,7 +8,7 @@ declare type ThemeProviderProps = {
8
8
  themePreference?: ThemePreference;
9
9
  };
10
10
  export declare function ThemeProvider({ children, themePreference }: ThemeProviderProps): JSX.Element;
11
- declare type ExpoTheme = typeof lightTheme;
11
+ export declare type ExpoTheme = typeof lightTheme;
12
12
  export declare function useCurrentTheme(): 'light' | 'dark';
13
13
  export declare function useExpoTheme(): ExpoTheme;
14
14
  export declare function useExpoPalette(): {
package/build/useExpoTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useExpoTheme.d.ts","sourceRoot":"","sources":["../src/useExpoTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,eAAe,CAAC;AACjE,aAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAG9B,eAAO,MAAM,QAAQ,aAAuC,CAAC;AAE7D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAiC,EAAE,EAAE,kBAAkB,eAYhG;AAED,aAAK,SAAS,GAAG,OAAO,UAAU,CAAC;AAEnC,wBAAgB,eAAe,IAAI,OAAO,GAAG,MAAM,CAGlD;AAED,wBAAgB,YAAY,IAAI,SAAS,CAQxC;AAED,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG7B"}
1
+ {"version":3,"file":"useExpoTheme.d.ts","sourceRoot":"","sources":["../src/useExpoTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,eAAe,CAAC;AACjE,aAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAG9B,eAAO,MAAM,QAAQ,aAAuC,CAAC;AAE7D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,eAAiC,EAAE,EAAE,kBAAkB,eAYhG;AAED,oBAAY,SAAS,GAAG,OAAO,UAAU,CAAC;AAE1C,wBAAgB,eAAe,IAAI,OAAO,GAAG,MAAM,CAGlD;AAED,wBAAgB,YAAY,IAAI,SAAS,CAQxC;AAED,wBAAgB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG7B"}
package/build/useExpoTheme.js.map CHANGED
@@ -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,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,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\ntype 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"]}
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,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,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.1.0",
3
+ "version": "1.2.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": "2b35d9008fef42cb53473331c37693ca12e9bf12"
45
+ "gitHead": "e893ff2b01e108cf246cec02318c0df9d6bc603c"
46
46
  }
package/setupTests.js CHANGED
@@ -22,7 +22,7 @@ jest.mock('react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo
22
22
 
23
23
  jest.mock('react-native/Libraries/Utilities/Appearance', () => {
24
24
  const MockAppearance = {
25
- addChangeListener: jest.fn(),
25
+ addChangeListener: jest.fn().mockReturnValue({ remove: jest.fn() }),
26
26
  removeChangeListener: jest.fn(),
27
27
  getColorScheme: jest.fn(() => 'light'),
28
28
  };
package/src/View.tsx CHANGED
@@ -176,6 +176,7 @@ const Horizontal = create(RNView, {
176
176
  flex: 1,
177
177
  },
178
178
  variants: {
179
+ bg,
179
180
  size: {
180
181
  micro: { width: scale.micro, flex: 0 },
181
182
  tiny: { width: scale.tiny, flex: 0 },
@@ -192,6 +193,7 @@ const Vertical = create(RNView, {
192
193
  flex: 1,
193
194
  },
194
195
  variants: {
196
+ bg,
195
197
  size: {
196
198
  micro: { height: scale.micro, flex: 0 },
197
199
  tiny: { height: scale.tiny, flex: 0 },
package/src/useExpoTheme.tsx CHANGED
@@ -27,7 +27,7 @@ export function ThemeProvider({ children, themePreference = 'no-preference' }: T
27
27
  return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>;
28
28
  }
29
29
 
30
- type ExpoTheme = typeof lightTheme;
30
+ export type ExpoTheme = typeof lightTheme;
31
31
 
32
32
  export function useCurrentTheme(): 'light' | 'dark' {
33
33
  const theme = useTheme();
package/tsconfig.json CHANGED
@@ -5,5 +5,5 @@
5
5
  "outDir": "./build"
6
6
  },
7
7
  "include": ["./src"],
8
- "exclude": ["**/__mocks__/*", "**/__tests__/*"]
8
+ "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__stories__/*"]
9
9
  }