From 46273cdaa6d20f76498dec7401925f412fcfeba3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micka=C3=ABl=20Le=20Ralec?= <mickael.leralec@gmail.com>
Date: Tue, 22 Nov 2022 15:20:09 +0100
Subject: [PATCH] feat: add textTransform prop (typography)

---
 README.md                | 1 +
 src/config/typography.ts | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 64ea670..2ea1be3 100644
--- a/README.md
+++ b/README.md
@@ -286,6 +286,7 @@ return <Box $color={{ _: 'primary', hover: 'secondary' }}>Hello World!</Box>
 | $textAlign      | text-align      |                |
 | $fontStyle      | font-style      |                |
 | $textDecoration | text-decoration |                |
+| $textTransform  | text-transform  |                |
 
 ### Other
 
diff --git a/src/config/typography.ts b/src/config/typography.ts
index 3d38871..542dc2a 100644
--- a/src/config/typography.ts
+++ b/src/config/typography.ts
@@ -12,6 +12,7 @@ export type TypographyProps = Props<{
   $textAlign: ObjectProps<CSS.Property.TextAlign>
   $fontStyle: ObjectProps<CSS.Property.FontStyle>
   $textDecoration: ObjectProps<CSS.Property.TextDecoration>
+  $textTransform: ObjectProps<CSS.Property.TextTransform>
 }>
 
 export const typographyConfig: Config[] = [
@@ -23,6 +24,7 @@ export const typographyConfig: Config[] = [
   { jsxProperty: '$textAlign' },
   { jsxProperty: '$fontStyle' },
   { jsxProperty: '$textDecoration' },
+  { jsxProperty: '$textTransform' },
 ]
 
 export const typography = compose(typographyConfig)