@tamagui/helpers 1.0.0-alpha.1 → 1.0.0-alpha.12

package/src/validStyleProps.js

@@ -0,0 +1,140 @@
+export const stylePropsTransform = {
+    x: true,
+    y: true,
+    scale: true,
+    perspective: true,
+    scaleX: true,
+    scaleY: true,
+    skewX: true,
+    skewY: true,
+    matrix: true,
+    rotate: true,
+    rotateY: true,
+    rotateX: true,
+    rotateZ: true,
+};
+export const stylePropsView = Object.freeze({
+    backfaceVisibility: true,
+    backgroundColor: true,
+    borderBottomColor: true,
+    borderBottomEndRadius: true,
+    borderBottomLeftRadius: true,
+    borderBottomRightRadius: true,
+    borderBottomStartRadius: true,
+    borderBottomWidth: true,
+    borderColor: true,
+    borderEndColor: true,
+    borderLeftColor: true,
+    borderLeftWidth: true,
+    borderRadius: true,
+    borderRightColor: true,
+    borderRightWidth: true,
+    borderStartColor: true,
+    borderStyle: true,
+    borderTopColor: true,
+    borderTopEndRadius: true,
+    borderTopLeftRadius: true,
+    borderTopRightRadius: true,
+    borderTopStartRadius: true,
+    borderTopWidth: true,
+    borderWidth: true,
+    opacity: true,
+    transform: true,
+    alignContent: true,
+    alignItems: true,
+    alignSelf: true,
+    aspectRatio: true,
+    borderEndWidth: true,
+    borderStartWidth: true,
+    bottom: true,
+    display: true,
+    end: true,
+    flex: true,
+    flexBasis: true,
+    flexDirection: true,
+    flexGrow: true,
+    flexShrink: true,
+    flexWrap: true,
+    height: true,
+    justifyContent: true,
+    left: true,
+    margin: true,
+    marginBottom: true,
+    marginEnd: true,
+    marginHorizontal: true,
+    marginLeft: true,
+    marginRight: true,
+    marginStart: true,
+    marginTop: true,
+    marginVertical: true,
+    maxHeight: true,
+    maxWidth: true,
+    minHeight: true,
+    minWidth: true,
+    overflow: true,
+    padding: true,
+    paddingBottom: true,
+    paddingEnd: true,
+    paddingHorizontal: true,
+    paddingLeft: true,
+    paddingRight: true,
+    paddingStart: true,
+    paddingTop: true,
+    paddingVertical: true,
+    position: true,
+    right: true,
+    start: true,
+    top: true,
+    width: true,
+    zIndex: true,
+    direction: true,
+    shadowColor: true,
+    shadowOffset: true,
+    shadowOpacity: true,
+    shadowRadius: true,
+    ...stylePropsTransform,
+    ...(process.env.TAMAGUI_TARGET === 'web' && {
+        userSelect: true,
+        cursor: true,
+        contain: true,
+        pointerEvents: true,
+        boxSizing: true,
+    }),
+});
+export const stylePropsTextOnly = Object.freeze({
+    color: true,
+    fontFamily: true,
+    fontSize: true,
+    fontStyle: true,
+    fontWeight: true,
+    letterSpacing: true,
+    lineHeight: true,
+    textAlign: true,
+    textDecorationLine: true,
+    textDecorationStyle: true,
+    textDecorationColor: true,
+    textShadowColor: true,
+    textShadowOffset: true,
+    textShadowRadius: true,
+    textTransform: true,
+    ...(process.env.TAMAGUI_TARGET === 'web' && {
+        whiteSpace: true,
+        wordWrap: true,
+        textOverflow: true,
+        textDecorationDistance: true,
+    }),
+});
+export const stylePropsText = Object.freeze({
+    ...stylePropsView,
+    ...stylePropsTextOnly,
+});
+export const stylePropsAll = stylePropsText;
+export const validStylesPseudo = {
+    hoverStyle: true,
+    pressStyle: true,
+    focusStyle: true,
+};
+export const validStyles = {
+    ...validStylesPseudo,
+    ...stylePropsView,
+};