@jobber/components-native 0.73.4-add-progre-0e7ddb0.7 → 0.74.0

package/dist/types/src/ProgressBar/ProgressBar.size.style.d.ts

@@ -0,0 +1,11 @@
+export declare const sizeStyles: {
+    smaller: {
+        height: number;
+    };
+    small: {
+        height: number;
+    };
+    base: {
+        height: number;
+    };
+};

package/dist/types/src/ProgressBar/ProgressBar.style.d.ts

@@ -2,7 +2,6 @@ export declare const styles: {
     progressBarContainer: {
         marginTop: number;
         marginBottom: number;
-        height: number;
         position: "relative";
         flexDirection: "row";
     };

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

@@ -35,5 +35,5 @@ export interface ProgressBarProps {
      * Set the size of the progress bar
      * @default base
      */
-    readonly size?: "base" | "small";
+    readonly size?: "smaller" | "small" | "base";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.73.4-add-progre-0e7ddb0.7+0e7ddb06",
+  "version": "0.74.0",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -79,5 +79,5 @@
     "react-native-safe-area-context": "^4.5.2",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "0e7ddb0673b03d9863a56f86c79d0cac6cdfaa61"
+  "gitHead": "f948ae04472c41f83586ec963321116721d680be"
 }

package/src/InputFieldWrapper/InputFieldWrapper.test.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { RenderAPI, fireEvent, render } from "@testing-library/react-native";
-// eslint-disable-next-line no-restricted-imports
 import { Text, ViewStyle } from "react-native";
 import {
   InputFieldWrapper,

package/src/InputFieldWrapper/InputFieldWrapper.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import {
-  // eslint-disable-next-line no-restricted-imports
   Text as RNText,
   StyleProp,
   TextStyle,

package/src/InputFieldWrapper/components/Prefix/Prefix.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import {
-  // eslint-disable-next-line no-restricted-imports
   Text as RNText,
   StyleProp,
   TextStyle,

package/src/InputFieldWrapper/components/Suffix/Suffix.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import {
   Pressable,
-  // eslint-disable-next-line no-restricted-imports
   Text as RNText,
   StyleProp,
   TextStyle,

package/src/InputText/context/InputAccessoriesProvider.tsx

@@ -3,7 +3,6 @@ import {
   InputAccessoryView,
   Keyboard,
   Platform,
-  // eslint-disable-next-line no-restricted-imports
   Button as RNButton,
   View,
   useColorScheme,

package/src/ProgressBar/ProgressBar.size.style.ts

@@ -0,0 +1,7 @@
+import { StyleSheet } from "react-native";
+
+export const sizeStyles = StyleSheet.create({
+  smaller: { height: 4 },
+  small: { height: 8 },
+  base: { height: 16 },
+});

package/src/ProgressBar/ProgressBar.style.ts

@@ -5,7 +5,6 @@ export const styles = StyleSheet.create({
   progressBarContainer: {
     marginTop: tokens["space-small"],
     marginBottom: tokens["space-small"],
-    height: 20,
     position: "relative",
     flexDirection: "row",
   },

package/src/ProgressBar/ProgressBar.tsx

@@ -4,6 +4,7 @@ import { ProgressBarProps } from "./types";
 import { styles } from "./ProgressBar.style";
 import { ProgressBarInner, calculateWidth } from "./ProgressBarInner";
 import { ProgressBarStepped } from "./ProgressBarStepped";
+import { sizeStyles } from "./ProgressBar.size.style";
 import { tokens } from "../utils/design";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
@@ -35,12 +36,7 @@ export function ProgressBar({
           inProgress={inProgress}
         />
       ) : (
-        <View
-          style={[
-            styles.progressBarContainer,
-            size === "small" && { height: 10 },
-          ]}
-        >
+        <View style={[styles.progressBarContainer, sizeStyles[size]]}>
           <ProgressBarInner
             width={100}
             animationDuration={0}

package/src/ProgressBar/__snapshots__/ProgressBar.test.tsx.snap

@@ -11,12 +11,13 @@ exports[`renders blue inProgress bar when 1 or more jobs is in progress 1`] = `
       [
         {
           "flexDirection": "row",
-          "height": 20,
           "marginBottom": 8,
           "marginTop": 8,
           "position": "relative",
         },
-        false,
+        {
+          "height": 16,
+        },
       ]
     }
   >
@@ -92,12 +93,13 @@ exports[`renders green CompletedProgress bar when 1 or more jobs is completed 1`
       [
         {
           "flexDirection": "row",
-          "height": 20,
           "marginBottom": 8,
           "marginTop": 8,
           "position": "relative",
         },
-        false,
+        {
+          "height": 16,
+        },
       ]
     }
   >

package/src/ProgressBar/types.ts

@@ -43,5 +43,5 @@ export interface ProgressBarProps {
    * Set the size of the progress bar
    * @default base
    */
-  readonly size?: "base" | "small";
+  readonly size?: "smaller" | "small" | "base";
 }

package/src/Typography/Typography.tsx

@@ -4,7 +4,6 @@ import {
   I18nManager,
   StyleProp,
   StyleSheet,
-  // eslint-disable-next-line no-restricted-imports
   Text,
   TextProps,
   TextStyle,