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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.66.0",
+  "version": "0.66.1-JOB-101940.4+9be6e610",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -84,5 +84,5 @@
     "react-native-safe-area-context": "^4.5.2",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "dc84fb83c993bf0e03e707a7958afbb57500b791"
+  "gitHead": "9be6e610f02772de62d13a01a945a74f89b0c184"
 }

package/src/Typography/Typography.style.ts

@@ -64,6 +64,10 @@ export const typographyTokens: { [index: string]: TextStyle } = {
   // { fontFamily }{ fontStyle }{ fontWeight }
   ...fonts,
 
+  italic: {
+    fontStyle: "italic",
+  },
+
   startAlign: {
     textAlign: "left",
   },

package/src/Typography/Typography.tsx

@@ -146,7 +146,7 @@ function InternalTypography<T extends FontFamily = "base">({
 }: TypographyProps<T>): JSX.Element {
   const sizeAndHeight = getSizeAndHeightStyle(size, lineHeight);
   const style: StyleProp<ViewStyle>[] = [
-    getFontStyle(fontFamily, fontStyle, fontWeight),
+    getFontStyle(fontFamily, fontWeight),
     getColorStyle(color, reverseTheme),
     getAlignStyle(align),
     sizeAndHeight,
@@ -156,6 +156,11 @@ function InternalTypography<T extends FontFamily = "base">({
   if (strikeThrough) {
     style.push(styles.strikeThrough);
   }
+
+  if (fontStyle === "italic") {
+    style.push(styles.italic);
+  }
+
   const numberOfLinesForNativeText = maxNumberOfLines[maxLines];
 
   const text = getTransformedText(children, transform);
@@ -198,14 +203,11 @@ function getScaleMultiplier(maxFontScaleSize = 0, size = 1) {
 
 function getFontStyle(
   fontFamily: FontFamily = "base",
-  fontStyle: FontStyle = "regular",
   fontWeight: 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) {

package/src/Typography/__snapshots__/Typography.test.tsx.snap

@@ -211,7 +211,7 @@ exports[`renders text with bold weight and italic style 1`] = `
   style={
     [
       {
-        "fontFamily": "inter-regular",
+        "fontFamily": "inter-bold",
       },
       {
         "color": "hsl(197, 15%, 45%)",
@@ -226,6 +226,9 @@ exports[`renders text with bold weight and italic style 1`] = `
       {
         "letterSpacing": 0,
       },
+      {
+        "fontStyle": "italic",
+      },
     ]
   }
 >
@@ -424,6 +427,9 @@ exports[`renders text with italic style 1`] = `
       {
         "letterSpacing": 0,
       },
+      {
+        "fontStyle": "italic",
+      },
     ]
   }
 >