@jobber/components-native 0.92.0 → 0.93.0

package/dist/types/src/Content/Content.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
-export type Spacing = "none" | "base" | "small" | "smaller" | "smallest" | "large";
+export type Spacing = "none" | "base" | "slim" | "small" | "smaller" | "smallest" | "minuscule" | "large" | "larger" | "largest" | "extravagant";
 export interface ContentUnsafeStyle {
     container?: StyleProp<ViewStyle>;
     childWrapper?: StyleProp<ViewStyle>;

package/dist/types/src/Content/ContentHorizontal.style.d.ts

@@ -10,6 +10,9 @@ export declare const useHorizontalStyles: () => {
     noneChildSpace: {
         padding: number;
     };
+    minusculeChildSpace: {
+        paddingLeft: number;
+    };
     smallestChildSpace: {
         paddingLeft: number;
     };
@@ -19,10 +22,22 @@ export declare const useHorizontalStyles: () => {
     smallChildSpace: {
         paddingLeft: number;
     };
+    slimChildSpace: {
+        paddingLeft: number;
+    };
     baseChildSpace: {
         paddingLeft: number;
     };
     largeChildSpace: {
         paddingLeft: number;
     };
+    largerChildSpace: {
+        paddingLeft: number;
+    };
+    largestChildSpace: {
+        paddingLeft: number;
+    };
+    extravagantChildSpace: {
+        paddingLeft: number;
+    };
 };

package/dist/types/src/Content/ContentSpaceAround.style.d.ts

@@ -2,6 +2,9 @@ export declare const useSpaceAroundStyles: () => {
     noneSpace: {
         padding: number;
     };
+    minusculeSpace: {
+        padding: number;
+    };
     smallestSpace: {
         padding: number;
     };
@@ -11,10 +14,22 @@ export declare const useSpaceAroundStyles: () => {
     smallSpace: {
         padding: number;
     };
+    slimSpace: {
+        padding: number;
+    };
     baseSpace: {
         padding: number;
     };
     largeSpace: {
         padding: number;
     };
+    largerSpace: {
+        padding: number;
+    };
+    largestSpace: {
+        padding: number;
+    };
+    extravagantSpace: {
+        padding: number;
+    };
 };

package/dist/types/src/Content/ContentVertical.style.d.ts

@@ -4,6 +4,9 @@ export declare const useVerticalStyles: () => {
     noneChildSpace: {
         padding: number;
     };
+    minusculeChildSpace: {
+        paddingTop: number;
+    };
     smallestChildSpace: {
         paddingTop: number;
     };
@@ -13,10 +16,22 @@ export declare const useVerticalStyles: () => {
     smallChildSpace: {
         paddingTop: number;
     };
+    slimChildSpace: {
+        paddingTop: number;
+    };
     baseChildSpace: {
         paddingTop: number;
     };
     largeChildSpace: {
         paddingTop: number;
     };
+    largerChildSpace: {
+        paddingTop: number;
+    };
+    largestChildSpace: {
+        paddingTop: number;
+    };
+    extravagantChildSpace: {
+        paddingTop: number;
+    };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.92.0",
+  "version": "0.93.0",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -94,5 +94,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "1ca01305080db58e135d5224ab329a8df4ad92ff"
+  "gitHead": "a84b7d122f13b650fd7f77cda794d71f1d25317b"
 }

package/src/Content/Content.tsx

@@ -9,10 +9,15 @@ import { useSpaceAroundStyles } from "./ContentSpaceAround.style";
 export type Spacing =
   | "none"
   | "base"
+  | "slim"
   | "small"
   | "smaller"
   | "smallest"
-  | "large";
+  | "minuscule"
+  | "large"
+  | "larger"
+  | "largest"
+  | "extravagant";
 
 export interface ContentUnsafeStyle {
   container?: StyleProp<ViewStyle>;

package/src/Content/ContentHorizontal.style.ts

@@ -16,6 +16,10 @@ export const useHorizontalStyles = buildThemedStyles(tokens => {
       padding: 0,
     },
 
+    minusculeChildSpace: {
+      paddingLeft: tokens["space-minuscule"],
+    },
+
     smallestChildSpace: {
       paddingLeft: tokens["space-smallest"],
     },
@@ -28,6 +32,10 @@ export const useHorizontalStyles = buildThemedStyles(tokens => {
       paddingLeft: tokens["space-small"],
     },
 
+    slimChildSpace: {
+      paddingLeft: tokens["space-slim"],
+    },
+
     baseChildSpace: {
       paddingLeft: tokens["space-base"],
     },
@@ -35,5 +43,17 @@ export const useHorizontalStyles = buildThemedStyles(tokens => {
     largeChildSpace: {
       paddingLeft: tokens["space-large"],
     },
+
+    largerChildSpace: {
+      paddingLeft: tokens["space-larger"],
+    },
+
+    largestChildSpace: {
+      paddingLeft: tokens["space-largest"],
+    },
+
+    extravagantChildSpace: {
+      paddingLeft: tokens["space-extravagant"],
+    },
   };
 });

package/src/Content/ContentSpaceAround.style.ts

@@ -6,6 +6,10 @@ export const useSpaceAroundStyles = buildThemedStyles(tokens => {
       padding: 0,
     },
 
+    minusculeSpace: {
+      padding: tokens["space-minuscule"],
+    },
+
     smallestSpace: {
       padding: tokens["space-smallest"],
     },
@@ -18,6 +22,10 @@ export const useSpaceAroundStyles = buildThemedStyles(tokens => {
       padding: tokens["space-small"],
     },
 
+    slimSpace: {
+      padding: tokens["space-slim"],
+    },
+
     baseSpace: {
       padding: tokens["space-base"],
     },
@@ -25,5 +33,17 @@ export const useSpaceAroundStyles = buildThemedStyles(tokens => {
     largeSpace: {
       padding: tokens["space-large"],
     },
+
+    largerSpace: {
+      padding: tokens["space-larger"],
+    },
+
+    largestSpace: {
+      padding: tokens["space-largest"],
+    },
+
+    extravagantSpace: {
+      padding: tokens["space-extravagant"],
+    },
   };
 });

package/src/Content/ContentVertical.style.ts

@@ -16,6 +16,10 @@ export const useVerticalStyles = buildThemedStyles(tokens => {
       padding: 0,
     },
 
+    minusculeChildSpace: {
+      paddingTop: tokens["space-minuscule"],
+    },
+
     smallestChildSpace: {
       paddingTop: tokens["space-smallest"],
     },
@@ -28,6 +32,10 @@ export const useVerticalStyles = buildThemedStyles(tokens => {
       paddingTop: tokens["space-small"],
     },
 
+    slimChildSpace: {
+      paddingTop: tokens["space-slim"],
+    },
+
     baseChildSpace: {
       paddingTop: tokens["space-base"],
     },
@@ -35,5 +43,17 @@ export const useVerticalStyles = buildThemedStyles(tokens => {
     largeChildSpace: {
       paddingTop: tokens["space-large"],
     },
+
+    largerChildSpace: {
+      paddingTop: tokens["space-larger"],
+    },
+
+    largestChildSpace: {
+      paddingTop: tokens["space-largest"],
+    },
+
+    extravagantChildSpace: {
+      paddingTop: tokens["space-extravagant"],
+    },
   };
 });