@jobber/components-native 0.75.5 → 0.76.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.75.5",
+    "version": "0.76.0",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -80,5 +80,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "baec68accebefa70b2f1234d757473e67a713ced"
+    "gitHead": "3dbb361d102c6ae833d1dce373125b7bf68508c0"
 }

package/dist/src/Button/Button.js

@@ -5,7 +5,7 @@ import { InternalButtonLoading } from "./components/InternalButtonLoading";
 import { ActionLabel } from "../ActionLabel";
 import { Icon } from "../Icon";
 import { tokens } from "../utils/design";
-export function Button({ label, onPress, variation = "work", type = "primary", fullHeight = false, fullWidth = true, disabled = false, loading = false, size = "base", accessibilityLabel, accessibilityHint, icon, testID, }) {
+export function Button({ label, onPress, variation = "work", type = "primary", fullHeight = false, fullWidth = true, disabled = false, loading = false, size = "base", accessibilityLabel, accessibilityHint, icon, testID, UNSAFE_style, }) {
     const buttonStyle = [
         styles.button,
         styles[size],
@@ -25,12 +25,15 @@ export function Button({ label, onPress, variation = "work", type = "primary", f
             fullWidth && styles.fullWidth,
             fullHeight && styles.fullHeight,
         ] },
-        React.createElement(View, { style: buttonStyle },
+        React.createElement(View, { style: [buttonStyle, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container] },
             loading && React.createElement(InternalButtonLoading, { variation: variation, type: type }),
-            React.createElement(View, { style: getContentStyles(label, icon) },
-                icon && (React.createElement(View, { style: styles.iconStyle },
+            React.createElement(View, { style: [
+                    getContentStyles(label, icon),
+                    UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.contentContainer,
+                ], testID: "contentContainer" },
+                icon && (React.createElement(View, { style: [styles.iconStyle, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.iconContainer], testID: "iconContainer" },
                     React.createElement(Icon, { name: icon, color: getIconColorVariation(variation, type, disabled) }))),
-                label && (React.createElement(View, { style: styles.labelStyle },
+                label && (React.createElement(View, { style: [styles.labelStyle, UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.actionLabelContainer], testID: "actionLabelContainer" },
                     React.createElement(ActionLabel, { variation: getActionLabelVariation(variation, type), disabled: disabled, align: icon ? "start" : undefined }, label)))))));
 }
 function getActionLabelVariation(variation, type) {

package/dist/src/Text/Text.js

@@ -16,9 +16,9 @@ export const TEXT_MAX_SCALED_FONT_SIZES = {
     text: MAX_TEXT_FONT_SIZE_SCALE,
     textSupporting: tokens["typography--fontSize-base"],
 };
-export function Text({ level = "text", variation = "base", emphasis, allowFontScaling = true, adjustsFontSizeToFit = false, maxLines = "unlimited", align, children, reverseTheme = false, strikeThrough = false, italic = false, hideFromScreenReader = false, maxFontScaleSize, underline, selectable, }) {
+export function Text({ level = "text", variation = "base", emphasis, allowFontScaling = true, adjustsFontSizeToFit = false, maxLines = "unlimited", align, children, reverseTheme = false, strikeThrough = false, italic = false, hideFromScreenReader = false, maxFontScaleSize, UNSAFE_style, underline, selectable, }) {
     const accessibilityRole = "text";
-    return (React.createElement(Typography, Object.assign({ color: variation, fontFamily: "base", fontStyle: italic ? "italic" : "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || TEXT_MAX_SCALED_FONT_SIZES[level], selectable: selectable, underline: underline }, levelStyles[level], { allowFontScaling,
+    return (React.createElement(Typography, Object.assign({ color: variation, UNSAFE_style: UNSAFE_style, fontFamily: "base", fontStyle: italic ? "italic" : "regular", fontWeight: getFontWeight({ level, emphasis }), maxFontScaleSize: maxFontScaleSize || TEXT_MAX_SCALED_FONT_SIZES[level], selectable: selectable, underline: underline }, levelStyles[level], { allowFontScaling,
         align,
         adjustsFontSizeToFit,
         accessibilityRole,

package/dist/src/Typography/Typography.js

@@ -14,7 +14,7 @@ const maxNumberOfLines = {
 };
 export const Typography = React.memo(InternalTypography);
 // eslint-disable-next-line max-statements
-function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, color, align, size = "default", children, maxLines = "unlimited", allowFontScaling = true, maxFontScaleSize, adjustsFontSizeToFit = false, lineHeight, letterSpacing, reverseTheme = false, hideFromScreenReader = false, accessibilityRole = "text", strikeThrough = false, underline, selectable = true, }) {
+function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, color, align, size = "default", children, maxLines = "unlimited", allowFontScaling = true, maxFontScaleSize, adjustsFontSizeToFit = false, lineHeight, letterSpacing, reverseTheme = false, hideFromScreenReader = false, accessibilityRole = "text", strikeThrough = false, underline, UNSAFE_style, selectable = true, }) {
     const sizeAndHeight = getSizeAndHeightStyle(size, lineHeight);
     const style = [
         getFontStyle(fontFamily, fontStyle, fontWeight),
@@ -33,6 +33,9 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
         const underlineTextStyle = { textDecorationStyle: underline };
         style.push(underlineTextStyle, styles.underline);
     }
+    if (UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.textStyle) {
+        style.push(UNSAFE_style.textStyle);
+    }
     const numberOfLinesForNativeText = maxNumberOfLines[maxLines];
     const text = getTransformedText(children, transform);
     const accessibilityProps = hideFromScreenReader