feat: add support for fontVariants

jpudysz · Mar 27, 2024 · f85af90 · f85af90
1 parent bfa4a41
commit f85af90
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/examples/expo/src/examples/TypeScriptValidatorTest.tsx b/examples/expo/src/examples/TypeScriptValidatorTest.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { PlatformColor, View } from 'react-native'
+import { PlatformColor, View, Text } from 'react-native'
 import { mq, createStyleSheet, useStyles } from 'react-native-unistyles'
 
 export const TypeScriptValidatorTest: React.FunctionComponent = () => {
@@ -14,6 +14,7 @@ export const TypeScriptValidatorTest: React.FunctionComponent = () => {
             <View style={styles.nestedProps} />
             <View style={styles.dynamicContainer(1)} />
             <View style={styles.text} />
+            <Text style={styles.fontVariantsText} />
         </View>
     )
 }
@@ -148,5 +149,8 @@ const stylesheet = createStyleSheet(theme => ({
             width: 3,
             height: 3
         }
+    },
+    fontVariantsText: {
+        fontVariant: ['tabular-nums', 'small-caps']
     }
 }))
diff --git a/src/utils/styles.ts b/src/utils/styles.ts
@@ -40,6 +40,12 @@ export const parseStyle = <T extends RNStyle>(
             return acc
         }
 
+        if (key === 'fontVariant' && Array.isArray(value)) {
+            acc[key] = value
+
+            return acc
+        }
+
         // values or platform colors
         if (typeof value !== 'object' || isPlatformColor(value)) {
             acc[key as keyof T] = value