@tamagui/helpers 2.0.0-rc.8 → 2.0.0

package/dist/cjs/validStyleProps.cjs

@@ -3,24 +3,27 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var validStyleProps_exports = {};
 __export(validStyleProps_exports, {
   cssShorthandLonghands: () => cssShorthandLonghands,
+  nonAnimatableStyleProps: () => nonAnimatableStyleProps,
   stylePropsAll: () => stylePropsAll,
   stylePropsText: () => stylePropsText,
   stylePropsTextOnly: () => stylePropsTextOnly,
@@ -32,295 +35,302 @@ __export(validStyleProps_exports, {
   validStyles: () => validStyles
 });
 module.exports = __toCommonJS(validStyleProps_exports);
-var import_constants = require("@tamagui/constants"),
-  import_webOnlyStyleProps = require("./webOnlyStyleProps.cjs");
+var import_constants = require("@tamagui/constants");
+var import_webOnlyStyleProps = require("./webOnlyStyleProps.cjs");
 const cssShorthandLonghands = {
-    // border longhands
-    borderWidth: !0,
-    borderStyle: !0,
-    borderColor: !0,
-    borderTopWidth: !0,
-    borderTopStyle: !0,
-    borderTopColor: !0,
-    borderRightWidth: !0,
-    borderRightStyle: !0,
-    borderRightColor: !0,
-    borderBottomWidth: !0,
-    borderBottomStyle: !0,
-    borderBottomColor: !0,
-    borderLeftWidth: !0,
-    borderLeftStyle: !0,
-    borderLeftColor: !0,
-    // outline longhands
-    outlineWidth: !0,
-    outlineStyle: !0,
-    outlineColor: !0,
-    outlineOffset: !0
-  },
-  textColors = {
-    color: !0,
-    textDecorationColor: !0,
-    textShadowColor: !0
-  },
-  tokenCategories = {
-    radius: {
-      borderRadius: !0,
-      borderTopLeftRadius: !0,
-      borderTopRightRadius: !0,
-      borderBottomLeftRadius: !0,
-      borderBottomRightRadius: !0,
-      // logical
-      borderStartStartRadius: !0,
-      borderStartEndRadius: !0,
-      borderEndStartRadius: !0,
-      borderEndEndRadius: !0
-    },
-    size: {
-      width: !0,
-      height: !0,
-      minWidth: !0,
-      minHeight: !0,
-      maxWidth: !0,
-      maxHeight: !0,
-      blockSize: !0,
-      minBlockSize: !0,
-      maxBlockSize: !0,
-      inlineSize: !0,
-      minInlineSize: !0,
-      maxInlineSize: !0
-    },
-    zIndex: {
-      zIndex: !0
-    },
-    color: {
-      backgroundColor: !0,
-      borderColor: !0,
-      borderBlockStartColor: !0,
-      borderBlockEndColor: !0,
-      borderBlockColor: !0,
-      borderBottomColor: !0,
-      borderInlineColor: !0,
-      borderInlineStartColor: !0,
-      borderInlineEndColor: !0,
-      borderTopColor: !0,
-      borderLeftColor: !0,
-      borderRightColor: !0,
-      borderEndColor: !0,
-      borderStartColor: !0,
-      shadowColor: !0,
-      ...textColors,
-      // outlineColor is supported on RN 0.77+ (New Architecture)
-      outlineColor: !0,
-      caretColor: !0
-    }
-  },
-  stylePropsUnitless = {
-    WebkitLineClamp: !0,
-    animationIterationCount: !0,
-    aspectRatio: !0,
-    borderImageOutset: !0,
-    borderImageSlice: !0,
-    borderImageWidth: !0,
-    columnCount: !0,
-    flex: !0,
-    flexGrow: !0,
-    flexOrder: !0,
-    flexPositive: !0,
-    flexShrink: !0,
-    flexNegative: !0,
-    fontWeight: !0,
-    gridRow: !0,
-    gridRowEnd: !0,
-    gridRowGap: !0,
-    gridRowStart: !0,
-    gridColumn: !0,
-    gridColumnEnd: !0,
-    gridColumnGap: !0,
-    gridColumnStart: !0,
-    gridTemplateColumns: !0,
-    gridTemplateAreas: !0,
-    lineClamp: !0,
-    opacity: !0,
-    order: !0,
-    orphans: !0,
-    tabSize: !0,
-    widows: !0,
-    zIndex: !0,
-    zoom: !0,
-    scale: !0,
-    scaleX: !0,
-    scaleY: !0,
-    scaleZ: !0,
-    shadowOpacity: !0
+  borderWidth: true,
+  borderStyle: true,
+  borderColor: true,
+  borderTopWidth: true,
+  borderTopStyle: true,
+  borderTopColor: true,
+  borderRightWidth: true,
+  borderRightStyle: true,
+  borderRightColor: true,
+  borderBottomWidth: true,
+  borderBottomStyle: true,
+  borderBottomColor: true,
+  borderLeftWidth: true,
+  borderLeftStyle: true,
+  borderLeftColor: true,
+  outlineWidth: true,
+  outlineStyle: true,
+  outlineColor: true,
+  outlineOffset: true
+};
+const textColors = {
+  color: true,
+  textDecorationColor: true,
+  textShadowColor: true
+};
+const tokenCategories = {
+  radius: {
+    borderRadius: true,
+    borderTopLeftRadius: true,
+    borderTopRightRadius: true,
+    borderBottomLeftRadius: true,
+    borderBottomRightRadius: true,
+    borderStartStartRadius: true,
+    borderStartEndRadius: true,
+    borderEndStartRadius: true,
+    borderEndEndRadius: true
   },
-  stylePropsTransform = {
-    x: !0,
-    y: !0,
-    scale: !0,
-    perspective: !0,
-    scaleX: !0,
-    scaleY: !0,
-    skewX: !0,
-    skewY: !0,
-    matrix: !0,
-    rotate: !0,
-    rotateY: !0,
-    rotateX: !0,
-    rotateZ: !0
+  size: {
+    width: true,
+    height: true,
+    minWidth: true,
+    minHeight: true,
+    maxWidth: true,
+    maxHeight: true,
+    blockSize: true,
+    minBlockSize: true,
+    maxBlockSize: true,
+    inlineSize: true,
+    minInlineSize: true,
+    maxInlineSize: true
   },
-  stylePropsView = {
-    backfaceVisibility: !0,
-    borderCurve: !0,
-    cursor: !0,
-    borderBottomEndRadius: !0,
-    borderBottomStartRadius: !0,
-    borderBottomWidth: !0,
-    borderLeftWidth: !0,
-    borderRightWidth: !0,
-    borderBlockWidth: !0,
-    borderBlockEndWidth: !0,
-    borderBlockStartWidth: !0,
-    borderInlineWidth: !0,
-    borderInlineEndWidth: !0,
-    borderInlineStartWidth: !0,
-    borderStyle: !0,
-    borderBlockStyle: !0,
-    borderBlockEndStyle: !0,
-    borderBlockStartStyle: !0,
-    borderInlineStyle: !0,
-    borderInlineEndStyle: !0,
-    borderInlineStartStyle: !0,
-    borderTopEndRadius: !0,
-    borderTopStartRadius: !0,
-    borderTopWidth: !0,
-    borderWidth: !0,
-    transform: !0,
-    transformOrigin: !0,
-    alignContent: !0,
-    alignItems: !0,
-    alignSelf: !0,
-    borderEndWidth: !0,
-    borderStartWidth: !0,
-    bottom: !0,
-    display: !0,
-    end: !0,
-    flexBasis: !0,
-    flexDirection: !0,
-    flexWrap: !0,
-    gap: !0,
-    columnGap: !0,
-    rowGap: !0,
-    justifyContent: !0,
-    left: !0,
-    margin: !0,
-    marginBlock: !0,
-    marginBlockEnd: !0,
-    marginBlockStart: !0,
-    marginInline: !0,
-    marginInlineStart: !0,
-    marginInlineEnd: !0,
-    marginBottom: !0,
-    marginEnd: !0,
-    marginHorizontal: !0,
-    marginLeft: !0,
-    marginRight: !0,
-    marginStart: !0,
-    marginTop: !0,
-    marginVertical: !0,
-    overflow: !0,
-    padding: !0,
-    paddingBottom: !0,
-    paddingInline: !0,
-    paddingBlock: !0,
-    paddingBlockStart: !0,
-    paddingInlineEnd: !0,
-    paddingInlineStart: !0,
-    paddingEnd: !0,
-    paddingHorizontal: !0,
-    paddingLeft: !0,
-    paddingRight: !0,
-    paddingStart: !0,
-    paddingTop: !0,
-    paddingVertical: !0,
-    position: !0,
-    right: !0,
-    start: !0,
-    top: !0,
-    inset: !0,
-    insetBlock: !0,
-    insetBlockEnd: !0,
-    insetBlockStart: !0,
-    insetInline: !0,
-    insetInlineEnd: !0,
-    insetInlineStart: !0,
-    direction: !0,
-    shadowOffset: !0,
-    shadowRadius: !0,
-    ...tokenCategories.color,
-    ...tokenCategories.radius,
-    ...tokenCategories.size,
-    ...tokenCategories.radius,
-    ...stylePropsTransform,
-    ...stylePropsUnitless,
-    ...(import_constants.isAndroid ? {
-      elevationAndroid: !0
-    } : {}),
-    boxShadow: !0,
-    border: !0,
-    filter: !0,
-    // RN 0.76+ supports linear-gradient via backgroundImage
-    backgroundImage: !0,
-    // the actual RN 0.76+ prop name (backgroundImage expands to this on native)
-    experimental_backgroundImage: !0,
-    // RN 0.76/0.77+ style props (New Architecture)
-    boxSizing: !0,
-    mixBlendMode: !0,
-    isolation: !0,
-    outline: !0,
-    outlineColor: !0,
-    outlineOffset: !0,
-    outlineStyle: !0,
-    outlineWidth: !0,
-    // web-only for convenience - tree-shaken on native
-    ...import_webOnlyStyleProps.webOnlyStylePropsView
+  zIndex: {
+    zIndex: true
   },
-  stylePropsFont = {
-    fontFamily: !0,
-    fontSize: !0,
-    fontStyle: !0,
-    fontWeight: !0,
-    fontVariant: !0,
-    letterSpacing: !0,
-    lineHeight: !0,
-    textTransform: !0
-  },
-  stylePropsTextOnly = {
-    ...stylePropsFont,
-    textAlign: !0,
-    textDecorationLine: !0,
-    textDecorationStyle: !0,
+  color: {
+    backgroundColor: true,
+    borderColor: true,
+    borderBlockStartColor: true,
+    borderBlockEndColor: true,
+    borderBlockColor: true,
+    borderBottomColor: true,
+    borderInlineColor: true,
+    borderInlineStartColor: true,
+    borderInlineEndColor: true,
+    borderTopColor: true,
+    borderLeftColor: true,
+    borderRightColor: true,
+    borderEndColor: true,
+    borderStartColor: true,
+    shadowColor: true,
     ...textColors,
-    textShadow: !0,
-    textShadowOffset: !0,
-    textShadowRadius: !0,
-    userSelect: !0,
-    verticalAlign: !0,
-    // web-only text props - tree-shaken on native
-    ...import_webOnlyStyleProps.webOnlyStylePropsText
-  },
-  stylePropsText = {
-    ...stylePropsView,
-    ...stylePropsTextOnly
-  },
-  stylePropsAll = stylePropsText,
-  validPseudoKeys = {
-    enterStyle: !0,
-    exitStyle: !0,
-    hoverStyle: !0,
-    pressStyle: !0,
-    focusStyle: !0,
-    disabledStyle: !0,
-    focusWithinStyle: !0,
-    focusVisibleStyle: !0
-  },
-  validStyles = stylePropsView;
+    outlineColor: true,
+    caretColor: true
+  }
+};
+const nonAnimatableViewProps = {
+  alignContent: true,
+  alignItems: true,
+  alignSelf: true,
+  backfaceVisibility: true,
+  borderCurve: true,
+  borderStyle: true,
+  borderBlockStyle: true,
+  borderBlockEndStyle: true,
+  borderBlockStartStyle: true,
+  borderInlineStyle: true,
+  borderInlineEndStyle: true,
+  borderInlineStartStyle: true,
+  boxSizing: true,
+  cursor: true,
+  direction: true,
+  display: true,
+  flexDirection: true,
+  flexWrap: true,
+  isolation: true,
+  justifyContent: true,
+  mixBlendMode: true,
+  outlineStyle: true,
+  overflow: true,
+  position: true
+};
+const nonAnimatableFontProps = {
+  fontFamily: true,
+  fontStyle: true,
+  fontVariant: true,
+  textTransform: true
+};
+const nonAnimatableTextOnlyProps = {
+  textAlign: true,
+  textDecorationLine: true,
+  textDecorationStyle: true,
+  userSelect: true
+};
+const nonAnimatableUnitlessProps = {
+  WebkitLineClamp: true,
+  lineClamp: true,
+  gridTemplateColumns: true,
+  gridTemplateAreas: true
+};
+const nonAnimatableStyleProps = {
+  ...nonAnimatableViewProps,
+  ...nonAnimatableFontProps,
+  ...nonAnimatableTextOnlyProps,
+  ...nonAnimatableUnitlessProps,
+  ...import_webOnlyStyleProps.nonAnimatableWebViewProps,
+  ...import_webOnlyStyleProps.nonAnimatableWebTextProps
+};
+const stylePropsUnitless = {
+  ...nonAnimatableUnitlessProps,
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  columnCount: true,
+  flex: true,
+  flexGrow: true,
+  flexOrder: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  fontWeight: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowGap: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnGap: true,
+  gridColumnStart: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  scale: true,
+  scaleX: true,
+  scaleY: true,
+  scaleZ: true,
+  shadowOpacity: true
+};
+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
+};
+const stylePropsView = {
+  ...nonAnimatableViewProps,
+  borderBottomEndRadius: true,
+  borderBottomStartRadius: true,
+  borderBottomWidth: true,
+  borderLeftWidth: true,
+  borderRightWidth: true,
+  borderBlockWidth: true,
+  borderBlockEndWidth: true,
+  borderBlockStartWidth: true,
+  borderInlineWidth: true,
+  borderInlineEndWidth: true,
+  borderInlineStartWidth: true,
+  borderTopEndRadius: true,
+  borderTopStartRadius: true,
+  borderTopWidth: true,
+  borderWidth: true,
+  transform: true,
+  transformOrigin: true,
+  borderEndWidth: true,
+  borderStartWidth: true,
+  bottom: true,
+  end: true,
+  flexBasis: true,
+  gap: true,
+  columnGap: true,
+  rowGap: true,
+  left: true,
+  margin: true,
+  marginBlock: true,
+  marginBlockEnd: true,
+  marginBlockStart: true,
+  marginInline: true,
+  marginInlineStart: true,
+  marginInlineEnd: true,
+  marginBottom: true,
+  marginEnd: true,
+  marginHorizontal: true,
+  marginLeft: true,
+  marginRight: true,
+  marginStart: true,
+  marginTop: true,
+  marginVertical: true,
+  padding: true,
+  paddingBottom: true,
+  paddingInline: true,
+  paddingBlock: true,
+  paddingBlockStart: true,
+  paddingInlineEnd: true,
+  paddingInlineStart: true,
+  paddingEnd: true,
+  paddingHorizontal: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingStart: true,
+  paddingTop: true,
+  paddingVertical: true,
+  right: true,
+  start: true,
+  top: true,
+  inset: true,
+  insetBlock: true,
+  insetBlockEnd: true,
+  insetBlockStart: true,
+  insetInline: true,
+  insetInlineEnd: true,
+  insetInlineStart: true,
+  shadowOffset: true,
+  shadowRadius: true,
+  ...tokenCategories.color,
+  ...tokenCategories.radius,
+  ...tokenCategories.size,
+  ...stylePropsTransform,
+  ...stylePropsUnitless,
+  ...(import_constants.isAndroid ? {
+    elevationAndroid: true
+  } : {}),
+  boxShadow: true,
+  border: true,
+  filter: true,
+  backgroundImage: true,
+  experimental_backgroundImage: true,
+  outline: true,
+  outlineColor: true,
+  outlineOffset: true,
+  outlineWidth: true,
+  ...import_webOnlyStyleProps.webOnlyStylePropsView
+};
+const stylePropsTextOnly = {
+  ...nonAnimatableFontProps,
+  fontSize: true,
+  fontWeight: true,
+  letterSpacing: true,
+  lineHeight: true,
+  ...nonAnimatableTextOnlyProps,
+  ...textColors,
+  textShadow: true,
+  textShadowOffset: true,
+  textShadowRadius: true,
+  verticalAlign: true,
+  ...import_webOnlyStyleProps.webOnlyStylePropsText
+};
+const stylePropsText = {
+  ...stylePropsView,
+  ...stylePropsTextOnly
+};
+const stylePropsAll = stylePropsText;
+const validPseudoKeys = {
+  enterStyle: true,
+  exitStyle: true,
+  hoverStyle: true,
+  pressStyle: true,
+  focusStyle: true,
+  disabledStyle: true,
+  focusWithinStyle: true,
+  focusVisibleStyle: true
+};
+const validStyles = stylePropsView;