@jobber/components-native 0.65.5 → 0.66.1-JOB-101940.4

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.65.5",
+    "version": "0.66.1-JOB-101940.4+9be6e610",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -36,7 +36,7 @@
         "build:clean": "rm -rf ./dist"
     },
     "dependencies": {
-        "@jobber/design": "^0.58.0",
+        "@jobber/design": "^0.59.0",
         "@jobber/hooks": "^2.9.5",
         "@react-native-clipboard/clipboard": "^1.11.2",
         "@react-native-picker/picker": "^2.4.10",
@@ -84,5 +84,5 @@
         "react-native-safe-area-context": "^4.5.2",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "916a407845cf16c43e157df052605f4744c7f207"
+    "gitHead": "9be6e610f02772de62d13a01a945a74f89b0c184"
 }

package/dist/src/Typography/Typography.js

@@ -18,7 +18,7 @@ export const Typography = React.memo(InternalTypography);
 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, selectable = true, }) {
     const sizeAndHeight = getSizeAndHeightStyle(size, lineHeight);
     const style = [
-        getFontStyle(fontFamily, fontStyle, fontWeight),
+        getFontStyle(fontFamily, fontWeight),
         getColorStyle(color, reverseTheme),
         getAlignStyle(align),
         sizeAndHeight,
@@ -27,6 +27,9 @@ function InternalTypography({ fontFamily, fontStyle, fontWeight, transform, colo
     if (strikeThrough) {
         style.push(styles.strikeThrough);
     }
+    if (fontStyle === "italic") {
+        style.push(styles.italic);
+    }
     const numberOfLinesForNativeText = maxNumberOfLines[maxLines];
     const text = getTransformedText(children, transform);
     const accessibilityProps = hideFromScreenReader
@@ -49,10 +52,10 @@ function getScaleMultiplier(maxFontScaleSize = 0, size = 1) {
         return undefined;
     return maxFontScaleSize / size;
 }
-function getFontStyle(fontFamily = "base", fontStyle = "regular", fontWeight = "regular") {
+function getFontStyle(fontFamily = "base", fontWeight = "regular") {
     const defaultBaseFontStyling = styles.baseRegularRegular;
     const defaultDisplayFontStyling = styles.displayRegularBold;
-    const styleKey = `${fontFamily}${capitalize(fontStyle)}${capitalize(fontWeight)}`;
+    const styleKey = `${fontFamily}Regular${capitalize(fontWeight)}`;
     const fontStyling = styles[styleKey];
     if (fontStyling) {
         return fontStyling;

package/dist/src/Typography/Typography.style.js

@@ -48,7 +48,9 @@ const fonts = Platform.select({
 /**
  * Reusable typography tokens to ensure consistency for any client facing texts.
  */
-export const typographyTokens = Object.assign(Object.assign({}, fonts), { startAlign: {
+export const typographyTokens = Object.assign(Object.assign({}, fonts), { italic: {
+        fontStyle: "italic",
+    }, startAlign: {
         textAlign: "left",
     }, endAlign: {
         textAlign: "right",