@jobber/components-native 0.73.3 → 0.74.0

package/dist/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/dist/src/InputFieldWrapper/InputFieldWrapper.js

@@ -1,7 +1,5 @@
 import React from "react";
-import { 
-// eslint-disable-next-line no-restricted-imports
-Text as RNText, View, } from "react-native";
+import { Text as RNText, View, } from "react-native";
 import { styles } from "./InputFieldWrapper.style";
 import { PrefixIcon, PrefixLabel } from "./components/Prefix/Prefix";
 import { SuffixIcon, SuffixLabel } from "./components/Suffix/Suffix";

package/dist/src/InputFieldWrapper/components/Prefix/Prefix.js

@@ -1,7 +1,5 @@
 import React from "react";
-import { 
-// eslint-disable-next-line no-restricted-imports
-Text as RNText, View, } from "react-native";
+import { Text as RNText, View, } from "react-native";
 import { Icon } from "../../../Icon";
 import { Text } from "../../../Text";
 import { tokens } from "../../../utils/design";

package/dist/src/InputFieldWrapper/components/Suffix/Suffix.js

@@ -1,7 +1,5 @@
 import React from "react";
-import { Pressable, 
-// eslint-disable-next-line no-restricted-imports
-Text as RNText, View, } from "react-native";
+import { Pressable, Text as RNText, View, } from "react-native";
 import { tokens } from "../../../utils/design";
 import { Icon } from "../../../Icon";
 import { Text } from "../../../Text";

package/dist/src/InputText/context/InputAccessoriesProvider.js

@@ -1,7 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
-import { InputAccessoryView, Keyboard, Platform, 
-// eslint-disable-next-line no-restricted-imports
-Button as RNButton, View, useColorScheme, } from "react-native";
+import { InputAccessoryView, Keyboard, Platform, Button as RNButton, View, useColorScheme, } from "react-native";
 import { v4 } from "react-native-uuid";
 import { InputAccessoriesContext } from "./InputAccessoriesContext";
 import { styles } from "./InputAccessoriesProvider.style";

package/dist/src/ProgressBar/ProgressBar.js

@@ -3,13 +3,14 @@ import { View } from "react-native";
 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";
-export function ProgressBar({ loading, total, current, inProgress = 0, reverseTheme = false, header, variation = "progress", }) {
+export function ProgressBar({ loading, total, current, inProgress = 0, reverseTheme = false, header, variation = "progress", size = "base", }) {
     const { t } = useAtlantisI18n();
     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 },
+        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"] }),
             !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)),

package/dist/src/ProgressBar/ProgressBar.size.style.js

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

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

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

package/dist/src/Typography/Typography.js

@@ -1,7 +1,5 @@
 import React from "react";
-import { I18nManager, StyleSheet, 
-// eslint-disable-next-line no-restricted-imports
-Text, } from "react-native";
+import { I18nManager, StyleSheet, Text, } from "react-native";
 import { TypographyGestureDetector } from "./TypographyGestureDetector";
 import { typographyStyles as styles } from "./Typography.style";
 import { tokens } from "../utils/design";