@jobber/components-native 0.73.4-add-progre-0e7ddb0.7 → 0.74.1-JOB-97734-ac441a7.1

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.73.4-add-progre-0e7ddb0.7+0e7ddb06",
+    "version": "0.74.1-JOB-97734-ac441a7.1+ac441a7b",
     "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": "ac441a7b169aceadaad1e902affbcd547634b9d7"
 }

package/dist/src/Divider/Divider.js

@@ -1,11 +1,14 @@
 import React from "react";
 import { View } from "react-native";
-import { styles } from "./Divider.style";
-export function Divider({ size = "base" }) {
+import { horizontalStyles } from "./DividerHorizontal.style";
+import { verticalStyles } from "./DividerVertical.style";
+export function Divider({ size = "base", direction = "horizontal", testID = "Divider", }) {
+    const directionalStyles = direction === "horizontal" ? horizontalStyles : verticalStyles;
     const style = [
-        styles.base,
-        size === "large" && styles.large,
-        size === "largest" && styles.largest,
+        directionalStyles.base,
+        size === "large" && directionalStyles.large,
+        size === "larger" && directionalStyles.larger,
+        size === "largest" && directionalStyles.largest,
     ];
-    return React.createElement(View, { testID: "Divider", style: style });
+    return React.createElement(View, { testID: testID, style: style });
 }

package/dist/src/Divider/{Divider.style.js → DividerHorizontal.style.js}

@@ -1,16 +1,21 @@
 import { StyleSheet } from "react-native";
 import { tokens } from "../utils/design";
-export const styles = StyleSheet.create({
+export const horizontalStyles = StyleSheet.create({
     base: {
         height: tokens["space-minuscule"],
         margin: 0,
-        borderBottomWidth: tokens["border-base"],
+        width: "auto",
         borderBottomColor: tokens["color-border"],
+        borderBottomWidth: tokens["space-minuscule"],
     },
     large: {
         borderBottomWidth: tokens["border-thick"],
         opacity: 0.875,
     },
+    larger: {
+        borderBottomWidth: tokens["border-thicker"],
+        opacity: 0.625,
+    },
     largest: {
         borderBottomWidth: tokens["space-small"],
         opacity: 0.375,

package/dist/src/Divider/DividerVertical.style.js

@@ -0,0 +1,23 @@
+import { StyleSheet } from "react-native";
+import { tokens } from "../utils/design";
+export const verticalStyles = StyleSheet.create({
+    base: {
+        margin: 0,
+        height: "100%",
+        width: tokens["space-minuscule"],
+        borderRightWidth: tokens["border-base"],
+        borderRightColor: tokens["color-border"],
+    },
+    large: {
+        borderRightWidth: tokens["border-thick"],
+        opacity: 0.875,
+    },
+    larger: {
+        borderRightWidth: tokens["border-thicker"],
+        opacity: 0.625,
+    },
+    largest: {
+        borderRightWidth: tokens["space-small"],
+        opacity: 0.375,
+    },
+});

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,16 +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", 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,
-                size === "small" && { height: 10 },
-            ] },
+        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";