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

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/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?: "base" | "small";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.73.2",
+  "version": "0.73.4-add-progre-0e7ddb0.7+0e7ddb06",
   "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": "3f58a9109fa4ae2a15ebf8280390a35f7c706fe5"
+  "gitHead": "0e7ddb0673b03d9863a56f86c79d0cac6cdfaa61"
 }

package/src/ProgressBar/ProgressBar.tsx

@@ -15,6 +15,7 @@ export function ProgressBar({
   reverseTheme = false,
   header,
   variation = "progress",
+  size = "base",
 }: ProgressBarProps): JSX.Element {
   const { t } = useAtlantisI18n();
 
@@ -34,7 +35,12 @@ export function ProgressBar({
           inProgress={inProgress}
         />
       ) : (
-        <View style={styles.progressBarContainer}>
+        <View
+          style={[
+            styles.progressBarContainer,
+            size === "small" && { height: 10 },
+          ]}
+        >
           <ProgressBarInner
             width={100}
             animationDuration={0}

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

@@ -8,13 +8,16 @@ 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",
+          "height": 20,
+          "marginBottom": 8,
+          "marginTop": 8,
+          "position": "relative",
+        },
+        false,
+      ]
     }
   >
     <View
@@ -86,13 +89,16 @@ 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",
+          "height": 20,
+          "marginBottom": 8,
+          "marginTop": 8,
+          "position": "relative",
+        },
+        false,
+      ]
     }
   >
     <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?: "base" | "small";
 }

package/src/Select/Select.tsx

@@ -133,6 +133,7 @@ export function Select({
       styleOverride={{
         container: { paddingLeft: undefined },
       }}
+      assistiveText={assistiveText}
     >
       <View
         testID={getTestID(testID)}
@@ -174,16 +175,6 @@ export function Select({
             </View>
           </View>
         </SelectInternalPicker>
-
-        {assistiveText && (
-          <Text
-            level="textSupporting"
-            variation={textVariation}
-            hideFromScreenReader={true}
-          >
-            {assistiveText}
-          </Text>
-        )}
       </View>
     </InputFieldWrapper>
   );