@jobber/components-native 0.73.3 → 0.74.0

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ProgressBarProps } from "./types";
-export declare function ProgressBar({ loading, total, current, inProgress, reverseTheme, header, variation, }: ProgressBarProps): JSX.Element;
+export declare function ProgressBar({ loading, total, current, inProgress, reverseTheme, header, variation, size, }: ProgressBarProps): JSX.Element;

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

@@ -31,4 +31,9 @@ export interface ProgressBarProps {
      * @default progress
      */
     readonly variation?: "progress" | "stepped";
+    /**
+     * Set the size of the progress bar
+     * @default base
+     */
+    readonly size?: "smaller" | "small" | "base";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.73.3",
+  "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": "c222024abdad555a2180c6732f55b1a42f6cda94"
+  "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";
 
@@ -15,6 +16,7 @@ export function ProgressBar({
   reverseTheme = false,
   header,
   variation = "progress",
+  size = "base",
 }: ProgressBarProps): JSX.Element {
   const { t } = useAtlantisI18n();
 
@@ -34,7 +36,7 @@ export function ProgressBar({
           inProgress={inProgress}
         />
       ) : (
-        <View style={styles.progressBarContainer}>
+        <View style={[styles.progressBarContainer, sizeStyles[size]]}>
           <ProgressBarInner
             width={100}
             animationDuration={0}

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

@@ -8,13 +8,17 @@ exports[`renders blue inProgress bar when 1 or more jobs is in progress 1`] = `
 >
   <View
     style={
-      {
-        "flexDirection": "row",
-        "height": 20,
-        "marginBottom": 8,
-        "marginTop": 8,
-        "position": "relative",
-      }
+      [
+        {
+          "flexDirection": "row",
+          "marginBottom": 8,
+          "marginTop": 8,
+          "position": "relative",
+        },
+        {
+          "height": 16,
+        },
+      ]
     }
   >
     <View
@@ -86,13 +90,17 @@ exports[`renders green CompletedProgress bar when 1 or more jobs is completed 1`
 >
   <View
     style={
-      {
-        "flexDirection": "row",
-        "height": 20,
-        "marginBottom": 8,
-        "marginTop": 8,
-        "position": "relative",
-      }
+      [
+        {
+          "flexDirection": "row",
+          "marginBottom": 8,
+          "marginTop": 8,
+          "position": "relative",
+        },
+        {
+          "height": 16,
+        },
+      ]
     }
   >
     <View

package/src/ProgressBar/types.ts

@@ -38,4 +38,10 @@ export interface ProgressBarProps {
    * @default progress
    */
   readonly variation?: "progress" | "stepped";
+
+  /**
+   * Set the size of the progress bar
+   * @default base
+   */
+  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,