@jobber/components-native 0.52.0 → 0.53.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.52.0",
+    "version": "0.53.0",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -84,5 +84,5 @@
         "react-native-reanimated": "^2.17.0",
         "react-native-safe-area-context": "^4.5.2"
     },
-    "gitHead": "5554661baa9482140012e2e67c609484974fd12d"
+    "gitHead": "5e1ab691f54f32589367e99fc60cd05b749f5df6"
 }

package/dist/src/ActionLabel/ActionLabel.js

@@ -17,7 +17,7 @@ function getFontWeight(type) {
     if (type === "cardTitle") {
         return "bold";
     }
-    return "extraBold";
+    return "semiBold";
 }
 function getLetterSpacing(type) {
     if (type === "cardTitle") {

package/dist/src/Button/Button.js

@@ -8,12 +8,13 @@ import { tokens } from "../utils/design";
 export function Button({ label, onPress, variation = "work", type = "primary", fullHeight = false, fullWidth = true, disabled = false, loading = false, size = "base", accessibilityLabel, accessibilityHint, icon, testID, }) {
     const buttonStyle = [
         styles.button,
+        styles[size],
         styles[variation],
         styles[type],
-        styles[size],
+        type === "secondary" && variation === "cancel" && styles.cancelSecondary,
         disabled && styles.disabled,
-        fullHeight && styles.fullHeight,
         fullWidth && styles.reducedPaddingForFullWidth,
+        fullHeight && styles.fullHeight,
     ];
     // attempts to use Pressable caused problems.  When a ScrollView contained
     // an InputText that was focused, it required two presses to activate the

package/dist/src/Button/Button.style.js

@@ -1,9 +1,9 @@
 import { StyleSheet } from "react-native";
 import { tokens } from "../utils/design";
 const iconTranslateY = tokens["space-large"] / 2;
-const buttonRadius = tokens["radius-large"];
-export const baseButtonHeight = tokens["space-base"] * 3.5;
-export const smallButtonHeight = tokens["space-base"] * 2.25;
+const buttonRadius = tokens["radius-base"];
+export const baseButtonHeight = tokens["space-base"] * 3;
+export const smallButtonHeight = tokens["space-base"] * 2.5;
 export const styles = StyleSheet.create({
     fullHeight: {
         flexGrow: 1,
@@ -73,16 +73,20 @@ export const styles = StyleSheet.create({
     /* Cancel is special because, by default, it's styled as a secondary button */
     cancel: {
         backgroundColor: tokens["color-surface"],
-        borderColor: tokens["color-interactive--subtle"],
+        borderColor: tokens["color-border"],
+    },
+    cancelSecondary: {
+        borderColor: "transparent",
     },
     /* Types */
     primary: {},
     secondary: {
         backgroundColor: tokens["color-surface"],
+        borderColor: tokens["color-border"],
     },
     tertiary: {
         backgroundColor: tokens["color-surface"],
-        borderColor: tokens["color-surface"],
+        borderColor: "transparent",
     },
     /* Disabled */
     disabled: {