@jobber/components-native 0.76.1-JOB-116234-314c5ff.22 → 0.76.1-JOB-116234-d279b0f.20

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.76.1-JOB-116234-314c5ff.22+314c5ff4",
+    "version": "0.76.1-JOB-116234-d279b0f.20+d279b0fd",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -80,5 +80,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "314c5ff4e8322594d2fc7ffce54a204f4a6731cb"
+    "gitHead": "d279b0fddc435572c48dff35f02db80ee4ca3ee7"
 }

package/dist/src/AtlantisThemeContext/AtlantisThemeContext.js

@@ -1,5 +1,5 @@
 import { androidTokens, darkTokens, iosTokens } from "@jobber/design";
-import React, { createContext, useContext, useState } from "react";
+import React, { createContext, useContext, useState, } from "react";
 import merge from "lodash/merge";
 import { Platform } from "react-native";
 const lightTokens = Platform.select({
@@ -11,20 +11,31 @@ const completeDarkTokens = merge({}, lightTokens, darkTokens);
 const AtlantisThemeContext = createContext({
     theme: "light",
     tokens: lightTokens,
-    setTheme: () => {
-        console.error("useAtlantisTheme accessed outside of AtlantisThemeContextProvider");
-    },
 });
 export function AtlantisThemeContextProvider({ children, dangerouslyOverrideTheme, }) {
-    // TODO: check last saved theme from local/device storage
+    if (dangerouslyOverrideTheme) {
+        return (React.createElement(InternalStaticThemeProvider, { dangerouslyOverrideTheme: dangerouslyOverrideTheme }, children));
+    }
+    return (React.createElement(InternalDynamicThemeProvider, null, children));
+}
+function InternalDynamicThemeProvider({ children }) {
+    // TODO: check initial theme from local/device storage?
+    // const initialTheme: Theme = (globalThis.document.documentElement.dataset.theme as Theme) ?? "light";
     const initialTheme = "light";
-    const [globalTheme, setGlobalTheme] = useState(initialTheme);
-    const currentTheme = dangerouslyOverrideTheme !== null && dangerouslyOverrideTheme !== void 0 ? dangerouslyOverrideTheme : globalTheme;
-    const currentTokens = currentTheme === "dark" ? completeDarkTokens : lightTokens;
+    const [internalTheme] = useState(initialTheme);
+    const currentTokens = internalTheme === "dark" ? completeDarkTokens : lightTokens;
+    // TODO: listen for global theme update -> setInternalTheme
+    // See web's AtlantisThemeContext for an example of how it does this.
+    return (React.createElement(AtlantisThemeContext.Provider, { value: {
+            theme: internalTheme,
+            tokens: currentTokens,
+        } }, children));
+}
+function InternalStaticThemeProvider({ dangerouslyOverrideTheme, children, }) {
+    const currentTokens = dangerouslyOverrideTheme === "dark" ? completeDarkTokens : lightTokens;
     return (React.createElement(AtlantisThemeContext.Provider, { value: {
-            theme: currentTheme,
+            theme: dangerouslyOverrideTheme,
             tokens: currentTokens,
-            setTheme: setGlobalTheme,
         } }, children));
 }
 export function useAtlantisTheme() {

package/dist/src/Typography/Typography.style.js

@@ -354,7 +354,14 @@ export const createTypographyTokens = (tokens) => (Object.assign(Object.assign({
         textDecorationLine: "line-through",
     } }));
 /**
- * @deprecated Use useCommonInputStyles instead
+ * `StyleSheet` for Typography.tsx.
+ *
+ * If you find yourself needing to use what's inside this object on files other
+ * than `<Typography />`, please import from `@jobber/components-native` instead.
+ *
+ * ```
+ * import { typographyStyles } from "@jobber/components-native"
+ * ```
  */
 export const typographyStyles = StyleSheet.create(createTypographyTokens(staticTokens));
 export const useTypographyStyles = buildThemedStyles(createTypographyTokens);

package/dist/src/utils/design/index.js

@@ -1,10 +1,7 @@
 import { Platform } from "react-native";
 import { androidTokens, iosTokens } from "@jobber/design";
-/**
- * These design tokens don't react to theme changes. Only use these if you need to access
- * tokens that are not affected by the current theme, otherwise you should be using our
- * useAtlantisTheme() hook to access the current theme's tokens.
- */
+// TODO: remove all references to const in JM and Atlantis. Replace with useAtlantisTheme.
+// Rename to `nonThemedTokens` in the meantime?
 export const tokens = Platform.select({
     ios: () => iosTokens,
     android: () => androidTokens,

package/dist/src/utils/meta/meta.json

@@ -8,7 +8,6 @@
         "AtlantisContext.Provider",
         "AtlantisFormContext.Consumer",
         "AtlantisFormContext.Provider",
-        "AtlantisThemeContextProvider",
         "AutoLink",
         "Banner",
         "BottomSheet",