@jobber/components-native 0.76.1-JOB-116234-63c4467.27 → 0.76.1-JOB-116234-c33b316.30

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.76.1-JOB-116234-63c4467.27+63c44675",
+    "version": "0.76.1-JOB-116234-c33b316.30+c33b3167",
     "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": "63c446753585b99a48ea4782613671ca6ff3c8b1"
+    "gitHead": "c33b3167c0b220f060d1fe7ad6f48db97af8ea15"
 }

package/dist/src/InputFieldWrapper/CommonInputStyles.style.js

@@ -1,8 +1,8 @@
 import { StyleSheet } from "react-native";
 import { buildThemedStyles, } from "../AtlantisThemeContext";
-import { 
+import { getTypographyStyles, 
 // eslint-disable-next-line import/no-deprecated
-typographyStyles as staticTypographyStyles, useTypographyStyles, } from "../Typography";
+typographyStyles as staticTypographyStyles, } from "../Typography";
 import { tokens as staticTokens } from "../utils/design";
 export const createCommonInputTokens = (tokens, typographyStyles) => ({
     input: {
@@ -42,8 +42,10 @@ export const createCommonInputTokens = (tokens, typographyStyles) => ({
 export const commonInputStyles = StyleSheet.create(
 // eslint-disable-next-line import/no-deprecated
 createCommonInputTokens(staticTokens, staticTypographyStyles));
-export const useCommonInputStyles = () => {
-    const typographyStyles = useTypographyStyles();
-    const themedStyles = buildThemedStyles(tokens => createCommonInputTokens(tokens, typographyStyles))();
-    return themedStyles;
+export const getCommonInputStyles = (tokens) => {
+    const typographyStyles = getTypographyStyles(tokens);
+    return createCommonInputTokens(tokens, typographyStyles);
 };
+export const useCommonInputStyles = buildThemedStyles(tokens => {
+    return getCommonInputStyles(tokens);
+});

package/dist/src/InputFieldWrapper/InputFieldWrapper.style.js

@@ -1,11 +1,11 @@
 import { StyleSheet } from "react-native";
-import { useCommonInputStyles } from "./CommonInputStyles.style";
+import { getCommonInputStyles } from "./CommonInputStyles.style";
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
-export const useStyles = () => {
-    const commonInputStyles = useCommonInputStyles();
-    const typographyStyles = useTypographyStyles();
-    return buildThemedStyles(tokens => ({
+import { getTypographyStyles } from "../Typography";
+export const useStyles = buildThemedStyles(tokens => {
+    const commonInputStyles = getCommonInputStyles(tokens);
+    const typographyStyles = getTypographyStyles(tokens);
+    return {
         container: StyleSheet.flatten([
             commonInputStyles.container,
             {
@@ -119,5 +119,5 @@ export const useStyles = () => {
             paddingTop: tokens["space-base"] - tokens["space-smaller"],
             bottom: tokens["space-smaller"],
         },
-    }))();
-};
+    };
+});

package/dist/src/InputFieldWrapper/index.js

@@ -1,2 +1,2 @@
-export { useCommonInputStyles } from "./CommonInputStyles.style";
+export { getCommonInputStyles, useCommonInputStyles, } from "./CommonInputStyles.style";
 export { InputFieldWrapper } from "./InputFieldWrapper";

package/dist/src/InputPressable/InputPressable.style.js

@@ -1,8 +1,8 @@
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
-export const useStyles = () => {
-    const typographyStyles = useTypographyStyles();
-    return buildThemedStyles(tokens => ({
+import { getTypographyStyles } from "../Typography";
+export const useStyles = buildThemedStyles(tokens => {
+    const typographyStyles = getTypographyStyles(tokens);
+    return {
         pressable: {
             flex: 1,
         },
@@ -21,5 +21,5 @@ export const useStyles = () => {
         inputInvalid: {
             borderColor: tokens["color-critical"],
         },
-    }))();
-};
+    };
+});

package/dist/src/InputText/InputText.style.js

@@ -1,8 +1,8 @@
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
-export const useStyles = () => {
-    const typographyStyles = useTypographyStyles();
-    return buildThemedStyles(tokens => ({
+import { getTypographyStyles } from "../Typography";
+export const useStyles = buildThemedStyles(tokens => {
+    const typographyStyles = getTypographyStyles(tokens);
+    return {
         inputPaddingTop: {
             paddingTop: (typographyStyles.smallSize.fontSize || 0) +
                 tokens["space-smaller"] +
@@ -20,5 +20,5 @@ export const useStyles = () => {
         multilineInputiOS: {
             paddingTop: (typographyStyles.defaultSize.fontSize || 0) + tokens["space-smallest"],
         },
-    }))();
-};
+    };
+});

package/dist/src/Select/Select.style.js

@@ -1,9 +1,9 @@
 import { StyleSheet } from "react-native";
-import { useCommonInputStyles } from "../InputFieldWrapper";
+import { getCommonInputStyles } from "../InputFieldWrapper";
 import { buildThemedStyles } from "../AtlantisThemeContext";
-export const useStyles = () => {
-    const commonInputStyles = useCommonInputStyles();
-    return buildThemedStyles(tokens => ({
+export const useStyles = buildThemedStyles(tokens => {
+    const commonInputStyles = getCommonInputStyles(tokens);
+    return {
         container: StyleSheet.flatten([
             commonInputStyles.container,
             {
@@ -47,5 +47,5 @@ export const useStyles = () => {
             paddingTop: tokens["space-smaller"],
             flexDirection: "row",
         },
-    }))();
-};
+    };
+});

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

@@ -62,9 +62,9 @@ const fonts = Platform.select({
     default: deviceFonts,
 });
 /**
- * Reusable typography tokens to ensure consistency for any client facing texts.
+ * Reusable typography styles to ensure consistency for any client facing texts.
  */
-export const createTypographyTokens = (tokens) => (Object.assign(Object.assign({}, fonts), { italic: {
+export const getTypographyStyles = (tokens) => (Object.assign(Object.assign({}, fonts), { italic: {
         fontStyle: "italic",
     }, underline: {
         textDecorationColor: tokens["color-text--secondary"],
@@ -356,5 +356,5 @@ export const createTypographyTokens = (tokens) => (Object.assign(Object.assign({
 /**
  * @deprecated Use useTypographyStyles instead
  */
-export const typographyStyles = StyleSheet.create(createTypographyTokens(staticTokens));
-export const useTypographyStyles = buildThemedStyles(createTypographyTokens);
+export const typographyStyles = StyleSheet.create(getTypographyStyles(staticTokens));
+export const useTypographyStyles = buildThemedStyles(getTypographyStyles);

package/dist/src/Typography/index.js

@@ -1,4 +1,4 @@
 export { Typography } from "./Typography";
-export { useTypographyStyles } from "./Typography.style";
+export { getTypographyStyles, useTypographyStyles } from "./Typography.style";
 export { typographyStyles } from "./Typography.style";
 export { TypographyGestureDetector } from "./TypographyGestureDetector";