Update styles files to use getters

GetJobber · Feb 25, 2025 · c33b316 · c33b316
1 parent 58dfac8
commit c33b316
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 26 deletions.
diff --git a/packages/components-native/src/InputFieldWrapper/InputFieldWrapper.style.ts b/packages/components-native/src/InputFieldWrapper/InputFieldWrapper.style.ts
@@ -1,13 +1,13 @@
 import { StyleSheet } from "react-native";
-import { useCommonInputStyles } from "./CommonInputStyles.style";
+import { getCommonInputStyles } from "./CommonInputStyles.style";
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
+import { getTypographyStyles } from "../Typography";
 
-export const useStyles = () => {
-  const commonInputStyles = useCommonInputStyles();
-  const typographyStyles = useTypographyStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const commonInputStyles = getCommonInputStyles(tokens);
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     container: StyleSheet.flatten([
       commonInputStyles.container,
       {
@@ -141,5 +141,5 @@ export const useStyles = () => {
       paddingTop: tokens["space-base"] - tokens["space-smaller"],
       bottom: tokens["space-smaller"],
     },
-  }))();
-};
+  };
+});
diff --git a/packages/components-native/src/InputPressable/InputPressable.style.ts b/packages/components-native/src/InputPressable/InputPressable.style.ts
@@ -1,10 +1,10 @@
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
+import { getTypographyStyles } from "../Typography";
 
-export const useStyles = () => {
-  const typographyStyles = useTypographyStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     pressable: {
       flex: 1,
     },
@@ -28,5 +28,5 @@ export const useStyles = () => {
     inputInvalid: {
       borderColor: tokens["color-critical"],
     },
-  }))();
-};
+  };
+});
diff --git a/packages/components-native/src/InputText/InputText.style.ts b/packages/components-native/src/InputText/InputText.style.ts
@@ -1,10 +1,10 @@
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
+import { getTypographyStyles } from "../Typography";
 
-export const useStyles = () => {
-  const typographyStyles = useTypographyStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     inputPaddingTop: {
       paddingTop:
         (typographyStyles.smallSize.fontSize || 0) +
@@ -27,5 +27,5 @@ export const useStyles = () => {
       paddingTop:
         (typographyStyles.defaultSize.fontSize || 0) + tokens["space-smallest"],
     },
-  }))();
-};
+  };
+});
diff --git a/packages/components-native/src/Select/Select.style.ts b/packages/components-native/src/Select/Select.style.ts
@@ -1,11 +1,11 @@
 import { StyleSheet } from "react-native";
-import { useCommonInputStyles } from "../InputFieldWrapper";
+import { getCommonInputStyles } from "../InputFieldWrapper";
 import { buildThemedStyles } from "../AtlantisThemeContext";
 
-export const useStyles = () => {
-  const commonInputStyles = useCommonInputStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const commonInputStyles = getCommonInputStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     container: StyleSheet.flatten([
       commonInputStyles.container,
       {
@@ -54,5 +54,5 @@ export const useStyles = () => {
       paddingTop: tokens["space-smaller"],
       flexDirection: "row",
     },
-  }))();
-};
+  };
+});