@jobber/components-native 0.56.2 → 0.57.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.56.2",
+    "version": "0.57.0",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -36,8 +36,8 @@
         "build:clean": "rm -rf ./dist"
     },
     "dependencies": {
-        "@jobber/design": "^0.55.0",
-        "@jobber/hooks": "^2.9.0",
+        "@jobber/design": "^0.55.1",
+        "@jobber/hooks": "^2.9.1",
         "@react-native-clipboard/clipboard": "^1.11.2",
         "@react-native-picker/picker": "^2.4.10",
         "autolinker": "^4.0.0",
@@ -84,5 +84,5 @@
         "react-native-reanimated": "^2.17.0",
         "react-native-safe-area-context": "^4.5.2"
     },
-    "gitHead": "aa6fdf546cd601c5f13ca9c88c4b47ce3eae9b13"
+    "gitHead": "0efee497cd920eccd458d96cbb17e9cc67e3cc6b"
 }

package/dist/src/Button/Button.js

@@ -39,7 +39,7 @@ function getActionLabelVariation(variation, type) {
     }
     switch (variation) {
         case "learning":
-            return "learning";
+            return "subtle";
         case "destructive":
             return "destructive";
         case "cancel":
@@ -57,7 +57,7 @@ function getIconColorVariation(variation, type, disabled) {
     }
     switch (variation) {
         case "learning":
-            return "informative";
+            return "interactiveSubtle";
         case "destructive":
             return "destructive";
         case "cancel":

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

@@ -63,8 +63,8 @@ export const styles = StyleSheet.create({
         borderColor: tokens["color-interactive"],
     },
     learning: {
-        backgroundColor: tokens["color-informative"],
-        borderColor: tokens["color-informative"],
+        backgroundColor: tokens["color-interactive--subtle"],
+        borderColor: tokens["color-interactive--subtle"],
     },
     destructive: {
         backgroundColor: tokens["color-destructive"],

package/dist/src/Card/Card.js

@@ -16,14 +16,13 @@ export function Card({ header, footer, children, reportCardHeight: onCardHeightC
     var _a, _b;
     return (React.createElement(ErrorMessageWrapper, { message: error, wrapFor: "card" },
         React.createElement(View, { onLayout: handleLayoutChange, style: [styles.container, getElevationStyle(elevation)], testID: testID },
-            header && (React.createElement(React.Fragment, null,
-                React.createElement(InternalCardHeader, { onPress: header.onPress, testID: `${testID}Header`, collapsable: !!children },
-                    React.createElement(View, { style: styles.headerTitle },
-                        React.createElement(Typography, { color: "heading", fontFamily: "base", fontWeight: "bold", size: "default", lineHeight: "base", accessibilityRole: "header" }, header.title)),
-                    React.createElement(View, { style: styles.actionItem },
-                        !!((_a = header.actionItem) === null || _a === void 0 ? void 0 : _a.label) && (React.createElement(View, { style: styles.actionLabel },
-                            React.createElement(ActionLabel, { type: "cardTitle" }, header.actionItem.label))),
-                        ((_b = header.actionItem) === null || _b === void 0 ? void 0 : _b.iconName) && (React.createElement(Icon, { name: header.actionItem.iconName, color: "interactive" })))))),
+            header && (React.createElement(InternalCardHeader, { onPress: header.onPress, testID: `${testID}Header`, collapsable: !!children },
+                React.createElement(View, { style: styles.headerTitle },
+                    React.createElement(Typography, { color: "heading", fontFamily: "base", fontWeight: "bold", size: "default", lineHeight: "base", accessibilityRole: "header" }, header.title)),
+                React.createElement(View, { style: styles.actionItem },
+                    !!((_a = header.actionItem) === null || _a === void 0 ? void 0 : _a.label) && (React.createElement(View, { style: styles.actionLabel },
+                        React.createElement(ActionLabel, { type: "cardTitle" }, header.actionItem.label))),
+                    ((_b = header.actionItem) === null || _b === void 0 ? void 0 : _b.iconName) && (React.createElement(Icon, { name: header.actionItem.iconName, color: "interactive" }))))),
             children,
             footer && (React.createElement(Pressable, { testID: `${testID}Footer`, onPress: footer.onPress, style: ({ pressed }) => [
                     styles.footer,

package/dist/src/InputCurrency/InputCurrency.js

@@ -73,21 +73,20 @@ export function InputCurrency(props) {
         }
     };
     const { t } = useAtlantisI18n();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputText, Object.assign({}, props, { prefix: showCurrencySymbol ? { label: currencySymbol } : undefined, keyboard: getKeyboard(props), value: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.toString()) || displayValue, defaultValue: (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.toString(), onChangeText: handleChange, transform: {
-                output: val => {
-                    return val === null || val === void 0 ? void 0 : val.split(floatSeparators.group).join("").replace(floatSeparators.decimal, ".");
-                },
-            }, validations: Object.assign({ pattern: {
-                    value: NUMBER_VALIDATION_REGEX,
-                    message: t("errors.notANumber"),
-                } }, props.validations), onBlur: () => {
-                var _a;
-                (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
-                if (field.value === 0 ||
-                    field.value === "" ||
-                    field.value === undefined) {
-                    setDisplayValue("0");
-                }
-            } }))));
+    return (React.createElement(InputText, Object.assign({}, props, { prefix: showCurrencySymbol ? { label: currencySymbol } : undefined, keyboard: getKeyboard(props), value: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.toString()) || displayValue, defaultValue: (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b.toString(), onChangeText: handleChange, transform: {
+            output: val => {
+                return val === null || val === void 0 ? void 0 : val.split(floatSeparators.group).join("").replace(floatSeparators.decimal, ".");
+            },
+        }, validations: Object.assign({ pattern: {
+                value: NUMBER_VALIDATION_REGEX,
+                message: t("errors.notANumber"),
+            } }, props.validations), onBlur: () => {
+            var _a;
+            (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+            if (field.value === 0 ||
+                field.value === "" ||
+                field.value === undefined) {
+                setDisplayValue("0");
+            }
+        } })));
 }