Merge pull request #480 from gluestack/feat/add-utility-props

feat: add utility props from rn 0.71
gluestack · Oct 16, 2023 · 097dd6e · 097dd6e
2 parents fa3021a + 8853ed3
commit 097dd6e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/packages/react/src/core/styled-system.ts b/packages/react/src/core/styled-system.ts
@@ -9,6 +9,10 @@ export const CSSPropertiesMap = {
   borderTopWidth: '0',
   borderEndWidth: '0',
   borderStartWidth: '0',
+  borderEndEndRadius: '0',
+  borderStartStartRadius: '0',
+  borderStartEndRadius: '0',
+  borderEndStartRadius: '0',
   borderWidth: '0',
   bottom: 'auto',
   direction: 'ltr',
@@ -65,6 +69,9 @@ export const CSSPropertiesMap = {
   borderBottomLeftRadius: '0',
   borderBottomRightRadius: '0',
   borderColor: 'initial',
+  borderBlockColor: 'initial',
+  borderBlockEndColor: 'initial',
+  borderBlockStartColor: 'initial',
   borderRadius: '0',
   borderTopLeftRadius: '0',
   borderTopRightRadius: '0',
@@ -92,6 +99,7 @@ export const CSSPropertiesMap = {
   textShadowOffset: '0px 0px',
   textShadowRadius: '0',
   textAlignVertical: 'auto',
+  verticalAlign: 'auto',
   letterSpacing: 'normal',
   textDecorationColor: 'initial',
   textDecorationStyle: 'solid',
@@ -101,6 +109,7 @@ export const CSSPropertiesMap = {
   borderStartColor: 'initial',
   borderTopEndRadius: '0',
   borderTopStartRadius: '0',
+  userSelect: 'auto',
 };
 
 export const reservedKeys = {

diff --git a/packages/react/src/propertyTokenMap.ts b/packages/react/src/propertyTokenMap.ts
@@ -127,6 +127,15 @@ export const propertyTokenMap = {
   textDecorationColor: colors,
   shadowColor: colors,
 
+  borderBlockColor: colors,
+  borderBlockEndColor: colors,
+  borderBlockStartColor: colors,
+
+  borderEndEndRadius: radii,
+  borderStartStartRadius: radii,
+  borderStartEndRadius: radii,
+  borderEndStartRadius: radii,
+
   shadowOpacity: opacity,
   opacity: opacity,