@jobber/components-native 0.80.1 → 0.81.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.80.1",
+    "version": "0.81.0",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -70,7 +70,7 @@
         "date-fns-tz": "^2.0.0",
         "react": "^18.2.0",
         "react-intl": "^6.4.2",
-        "react-native": ">=0.69.2",
+        "react-native": ">=0.76.0",
         "react-native-gesture-handler": ">=2.10.0",
         "react-native-keyboard-aware-scroll-view": "^0.9.5",
         "react-native-modal-datetime-picker": " >=13.0.0",
@@ -80,5 +80,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "04ad3ff367621aa073dcb0bde7ce4aa13197e875"
+    "gitHead": "53243a521ce9e1f2a05e29674b2d720dd6ffd49e"
 }

package/dist/src/Chip/Chip.js

@@ -16,7 +16,7 @@ export function Chip({ icon, label, onPress, isDismissible, isActive, inactiveBa
             {
                 backgroundColor: inactiveBackgroundColor === "surface"
                     ? tokens["color-surface"]
-                    : tokens["color-surface--background"],
+                    : tokens["color-interactive--background"],
             },
             isActive && { backgroundColor: accentColor },
         ];

package/dist/src/FormatFile/components/ProgressBar/ProgressBar.style.js

@@ -6,7 +6,7 @@ export const useStyles = buildThemedStyles(tokens => {
             height: 8,
             borderRadius: tokens["radius-circle"],
             overflow: "hidden",
-            backgroundColor: tokens["color-surface--background"],
+            backgroundColor: tokens["color-interactive--background"],
         },
         progress: {
             height: "100%",

package/dist/src/ProgressBar/ProgressBar.js

@@ -12,8 +12,8 @@ export function ProgressBar({ loading, total, current, inProgress = 0, reverseTh
     const { tokens } = useAtlantisTheme();
     return (React.createElement(View, { accessible: true, accessibilityRole: "progressbar", accessibilityLabel: getA11yLabel() },
         header,
-        variation === "stepped" ? (React.createElement(ProgressBarStepped, { total: total, current: current, color: reverseTheme ? undefined : tokens["color-surface--background"], loading: loading, inProgress: inProgress })) : (React.createElement(View, { style: [styles.progressBarContainer, sizeStyles[size]] },
-            React.createElement(ProgressBarInner, { width: 100, animationDuration: 0, color: reverseTheme ? undefined : tokens["color-surface--background"] }),
+        variation === "stepped" ? (React.createElement(ProgressBarStepped, { total: total, current: current, color: reverseTheme ? undefined : tokens["color-interactive--background"], loading: loading, inProgress: inProgress })) : (React.createElement(View, { style: [styles.progressBarContainer, sizeStyles[size]] },
+            React.createElement(ProgressBarInner, { width: 100, animationDuration: 0, color: reverseTheme ? undefined : tokens["color-interactive--background"] }),
             !loading && (React.createElement(React.Fragment, null,
                 inProgress && inProgress > 0 ? (React.createElement(ProgressBarInner, { width: calculateWidth(total, current + inProgress), color: tokens["color-informative"], animationDuration: 800 })) : (React.createElement(React.Fragment, null)),
                 React.createElement(ProgressBarInner, { width: calculateWidth(total, current), color: tokens["color-interactive"], animationDuration: 600 })))))));

package/dist/src/Switch/components/BaseSwitch/BaseSwitch.js

@@ -19,7 +19,7 @@ export function BaseSwitch({ value, defaultValue, onValueChange, disabled = fals
                 return tokens["color-interactive"];
             }
             else {
-                return tokens["color-surface--background"];
+                return tokens["color-interactive--background"];
             }
         }
         return undefined; //use default iOS
@@ -39,7 +39,7 @@ export function BaseSwitch({ value, defaultValue, onValueChange, disabled = fals
             //iOS
             return {
                 true: tokens["color-interactive"],
-                false: tokens["color-surface--background"],
+                false: tokens["color-interactive--background"],
             };
         }
     }
@@ -48,7 +48,7 @@ export function BaseSwitch({ value, defaultValue, onValueChange, disabled = fals
                 onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val);
                 field.onChange(val);
             }
-        }, disabled: disabled, thumbColor: getThumbColor(), trackColor: getTrackColors(), ios_backgroundColor: tokens["color-surface--background"], accessibilityLabel: accessibilityLabel, accessibilityRole: "switch", accessibilityState: {
+        }, disabled: disabled, thumbColor: getThumbColor(), trackColor: getTrackColors(), ios_backgroundColor: tokens["color-interactive--background"], accessibilityLabel: accessibilityLabel, accessibilityRole: "switch", accessibilityState: {
             disabled: disabled,
             checked: internalValue,
         } }));