@jobber/components-native 0.74.1-node22-3bf0edd.11 → 0.75.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.74.1-node22-3bf0edd.11+3bf0eddd",
+    "version": "0.75.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": "3bf0eddd96dc11bb9646a691deaa3992b689e982"
+    "gitHead": "7347ac364b98158eacf3e455e02ad3475aae83a9"
 }

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,18 +1,23 @@
 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"],
+        height: 1,
         margin: 0,
-        borderBottomWidth: tokens["border-base"],
+        width: "auto",
         borderBottomColor: tokens["color-border"],
+        borderBottomWidth: tokens["border-base"],
     },
     large: {
         borderBottomWidth: tokens["border-thick"],
         opacity: 0.875,
     },
+    larger: {
+        borderBottomWidth: tokens["border-thicker"],
+        opacity: 0.625,
+    },
     largest: {
-        borderBottomWidth: tokens["space-small"],
+        borderBottomWidth: tokens["border-thickest"],
         opacity: 0.375,
     },
 });

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

@@ -0,0 +1,26 @@
+import { StyleSheet } from "react-native";
+import { tokens } from "../utils/design";
+export const verticalStyles = StyleSheet.create({
+    base: {
+        margin: 0,
+        height: "100%",
+        width: 1,
+        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["border-thickest"],
+        opacity: 0.375,
+    },
+    vertical: {
+        borderRightColor: tokens["color-border"],
+    },
+});