feat: add textTransform prop (typography)

mleralec · Nov 22, 2022 · 46273cd · 46273cd
1 parent a170596
commit 46273cd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git 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
@@ -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)