@tamagui/helpers 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/validStyleProps.cjs

@@ -3,334 +3,55 @@ 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: true
-  });
+	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;
-};
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+	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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var validStyleProps_exports = {};
 __export(validStyleProps_exports, {
-  cssShorthandLonghands: () => cssShorthandLonghands,
-  nonAnimatableStyleProps: () => nonAnimatableStyleProps,
-  stylePropsAll: () => stylePropsAll,
-  stylePropsText: () => stylePropsText,
-  stylePropsTextOnly: () => stylePropsTextOnly,
-  stylePropsTransform: () => stylePropsTransform,
-  stylePropsUnitless: () => stylePropsUnitless,
-  stylePropsView: () => stylePropsView,
-  tokenCategories: () => tokenCategories,
-  validPseudoKeys: () => validPseudoKeys,
-  validStyles: () => validStyles
+	cssShorthandLonghands: () => cssShorthandLonghands,
+	nonAnimatableStyleProps: () => nonAnimatableStyleProps,
+	stylePropsAll: () => stylePropsAll,
+	stylePropsInput: () => stylePropsInput,
+	stylePropsText: () => stylePropsText,
+	stylePropsTextOnly: () => stylePropsTextOnly,
+	stylePropsTransform: () => stylePropsTransform,
+	stylePropsUnitless: () => stylePropsUnitless,
+	stylePropsView: () => stylePropsView,
+	tokenCategories: () => import_tokenCategories.tokenCategories,
+	validStyles: () => validStyles
 });
 module.exports = __toCommonJS(validStyleProps_exports);
 var import_constants = require("@tamagui/constants");
 var import_webOnlyStyleProps = require("./webOnlyStyleProps.cjs");
-const cssShorthandLonghands = {
-  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
-  },
-  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
-  },
-  zIndex: {
-    zIndex: true
-  },
-  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,
-    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;
+var import_toStylePropsObject = require("./toStylePropsObject.cjs");
+var import_tokenCategories = require("./tokenCategories.cjs");
+const cssShorthandLonghands = (0, import_toStylePropsObject.toStylePropsObject)("borderWidth borderStyle borderColor borderTopWidth borderTopStyle borderTopColor borderRightWidth borderRightStyle borderRightColor borderBottomWidth borderBottomStyle borderBottomColor borderLeftWidth borderLeftStyle borderLeftColor outlineWidth outlineStyle outlineColor outlineOffset");
+const textColors = (0, import_toStylePropsObject.toStylePropsObject)("color textDecorationColor textShadowColor");
+const inputColors = (0, import_toStylePropsObject.toStylePropsObject)("placeholderTextColor selectionColor cursorColor selectionHandleColor");
+const nonAnimatableViewProps = (0, import_toStylePropsObject.toStylePropsObject)("alignContent alignItems alignSelf backfaceVisibility borderCurve borderStyle borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle boxSizing cursor direction display flexDirection flexWrap isolation justifyContent mixBlendMode outlineStyle overflow pointerEvents position visibility");
+const nonAnimatableFontProps = (0, import_toStylePropsObject.toStylePropsObject)("fontFamily fontStyle fontVariant textTransform");
+const nonAnimatableTextOnlyProps = (0, import_toStylePropsObject.toStylePropsObject)("textAlign textDecorationLine textDecorationStyle userSelect writingDirection");
+const nonAnimatableUnitlessProps = (0, import_toStylePropsObject.toStylePropsObject)("WebkitLineClamp lineClamp");
+const cssGridProps = (0, import_toStylePropsObject.toStylePropsObject)("gridTemplateColumns gridTemplateAreas gridRow gridRowEnd gridRowGap gridRowStart gridColumn gridColumnEnd gridColumnGap gridColumnStart");
+const nonAnimatableStyleProps = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, cssGridProps, import_webOnlyStyleProps.nonAnimatableWebViewProps, import_webOnlyStyleProps.nonAnimatableWebTextProps);
+const stylePropsUnitless = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableUnitlessProps, cssGridProps, "animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth columnCount flex flexGrow flexOrder flexPositive flexShrink flexNegative fontWeight opacity order orphans tabSize widows zIndex zoom scale scaleX scaleY scaleZ shadowOpacity");
+const stylePropsTransform = (0, import_toStylePropsObject.toStylePropsObject)("x y scale perspective scaleX scaleY skewX skewY matrix rotate rotateY rotateX rotateZ");
+const stylePropsView = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableViewProps, "borderBottomWidth borderLeftWidth borderRightWidth borderBlockWidth borderBlockEndWidth borderBlockStartWidth borderInlineWidth borderInlineEndWidth borderInlineStartWidth borderTopWidth borderWidth transform transformOrigin borderEndWidth borderStartWidth bottom end flexBasis gap columnGap rowGap left margin marginBlock marginBlockEnd marginBlockStart marginInline marginInlineStart marginInlineEnd marginBottom marginEnd marginHorizontal marginLeft marginRight marginStart marginTop marginVertical padding paddingBottom paddingInline paddingBlock paddingBlockEnd paddingBlockStart paddingInlineEnd paddingInlineStart paddingEnd paddingHorizontal paddingLeft paddingRight paddingStart paddingTop paddingVertical right start top inset insetBlock insetBlockEnd insetBlockStart insetInline insetInlineEnd insetInlineStart shadowOffset backgroundColor borderColor borderBlockStartColor borderBlockEndColor borderBlockColor borderBottomColor borderInlineColor borderInlineStartColor borderInlineEndColor borderTopColor borderLeftColor borderRightColor borderEndColor borderStartColor shadowColor outlineColor", "caretColor", "borderRadius borderTopLeftRadius borderTopRightRadius borderBottomLeftRadius borderBottomRightRadius borderTopStartRadius borderTopEndRadius borderBottomStartRadius borderBottomEndRadius borderStartStartRadius borderStartEndRadius borderEndStartRadius borderEndEndRadius width height minWidth minHeight maxWidth maxHeight blockSize minBlockSize maxBlockSize inlineSize minInlineSize maxInlineSize shadowRadius", stylePropsTransform, stylePropsUnitless, import_constants.isAndroid ? { elevationAndroid: true } : void 0, "boxShadow border borderBlock borderInline filter background backgroundImage experimental_backgroundImage outline outlineOffset outlineWidth", import_webOnlyStyleProps.webOnlyStylePropsView);
+const stylePropsFont = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableFontProps, "fontSize fontWeight letterSpacing lineHeight");
+const stylePropsTextOnly = (0, import_toStylePropsObject.toStylePropsObject)(stylePropsFont, nonAnimatableTextOnlyProps, textColors, "textShadow textShadowOffset textShadowRadius textDecoration font verticalAlign", import_webOnlyStyleProps.webOnlyStylePropsText);
+const stylePropsText = (0, import_toStylePropsObject.toStylePropsObject)(stylePropsView, stylePropsTextOnly);
+const stylePropsInput = (0, import_toStylePropsObject.toStylePropsObject)(stylePropsText, inputColors);
+const stylePropsAll = stylePropsInput;
+const validStyles = stylePropsView;

package/dist/cjs/validStyleProps.native.cjs

@@ -0,0 +1,60 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+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: 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;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var validStyleProps_exports = {};
+__export(validStyleProps_exports, {
+	cssShorthandLonghands: () => cssShorthandLonghands,
+	nonAnimatableStyleProps: () => nonAnimatableStyleProps,
+	stylePropsAll: () => stylePropsAll,
+	stylePropsInput: () => stylePropsInput,
+	stylePropsText: () => stylePropsText,
+	stylePropsTextOnly: () => stylePropsTextOnly,
+	stylePropsTransform: () => stylePropsTransform,
+	stylePropsUnitless: () => stylePropsUnitless,
+	stylePropsView: () => stylePropsView,
+	tokenCategories: () => import_tokenCategories.tokenCategories,
+	validStyles: () => validStyles
+});
+module.exports = __toCommonJS(validStyleProps_exports);
+var import_constants = require("@tamagui/constants");
+require("./webOnlyStyleProps.native.js");
+var import_toStylePropsObject = require("./toStylePropsObject.native.js");
+var import_tokenCategories = require("./tokenCategories.native.js");
+var cssShorthandLonghands = (0, import_toStylePropsObject.toStylePropsObject)("borderWidth borderStyle borderColor borderTopWidth borderTopStyle borderTopColor borderRightWidth borderRightStyle borderRightColor borderBottomWidth borderBottomStyle borderBottomColor borderLeftWidth borderLeftStyle borderLeftColor outlineWidth outlineStyle outlineColor outlineOffset");
+var textColors = (0, import_toStylePropsObject.toStylePropsObject)("color textDecorationColor textShadowColor");
+var inputColors = (0, import_toStylePropsObject.toStylePropsObject)("placeholderTextColor selectionColor cursorColor selectionHandleColor");
+var nonAnimatableViewProps = (0, import_toStylePropsObject.toStylePropsObject)("alignContent alignItems alignSelf backfaceVisibility borderCurve borderStyle borderBlockStyle borderBlockEndStyle borderBlockStartStyle borderInlineStyle borderInlineEndStyle borderInlineStartStyle boxSizing cursor direction display flexDirection flexWrap isolation justifyContent mixBlendMode outlineStyle overflow pointerEvents position visibility");
+var nonAnimatableFontProps = (0, import_toStylePropsObject.toStylePropsObject)("fontFamily fontStyle fontVariant textTransform");
+var nonAnimatableTextOnlyProps = (0, import_toStylePropsObject.toStylePropsObject)("textAlign textDecorationLine textDecorationStyle userSelect writingDirection");
+var nonAnimatableUnitlessProps = (0, import_toStylePropsObject.toStylePropsObject)("WebkitLineClamp lineClamp");
+var cssGridProps = (0, import_toStylePropsObject.toStylePropsObject)("gridTemplateColumns gridTemplateAreas gridRow gridRowEnd gridRowGap gridRowStart gridColumn gridColumnEnd gridColumnGap gridColumnStart");
+var enableCSSGrid = process.env.TAMAGUI_CSS_GRID === "1";
+var nonAnimatableStyleProps = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableViewProps, nonAnimatableFontProps, nonAnimatableTextOnlyProps, nonAnimatableUnitlessProps, enableCSSGrid ? cssGridProps : void 0, void 0, void 0);
+var stylePropsUnitless = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableUnitlessProps, enableCSSGrid ? cssGridProps : void 0, "animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth columnCount flex flexGrow flexOrder flexPositive flexShrink flexNegative fontWeight opacity order orphans tabSize widows zIndex zoom scale scaleX scaleY scaleZ shadowOpacity");
+var stylePropsTransform = (0, import_toStylePropsObject.toStylePropsObject)("x y scale perspective scaleX scaleY skewX skewY matrix rotate rotateY rotateX rotateZ");
+var stylePropsView = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableViewProps, "borderBottomWidth borderLeftWidth borderRightWidth borderBlockWidth borderBlockEndWidth borderBlockStartWidth borderInlineWidth borderInlineEndWidth borderInlineStartWidth borderTopWidth borderWidth transform transformOrigin borderEndWidth borderStartWidth bottom end flexBasis gap columnGap rowGap left margin marginBlock marginBlockEnd marginBlockStart marginInline marginInlineStart marginInlineEnd marginBottom marginEnd marginHorizontal marginLeft marginRight marginStart marginTop marginVertical padding paddingBottom paddingInline paddingBlock paddingBlockEnd paddingBlockStart paddingInlineEnd paddingInlineStart paddingEnd paddingHorizontal paddingLeft paddingRight paddingStart paddingTop paddingVertical right start top inset insetBlock insetBlockEnd insetBlockStart insetInline insetInlineEnd insetInlineStart shadowOffset backgroundColor borderColor borderBlockStartColor borderBlockEndColor borderBlockColor borderBottomColor borderInlineColor borderInlineStartColor borderInlineEndColor borderTopColor borderLeftColor borderRightColor borderEndColor borderStartColor shadowColor outlineColor", void 0, "borderRadius borderTopLeftRadius borderTopRightRadius borderBottomLeftRadius borderBottomRightRadius borderTopStartRadius borderTopEndRadius borderBottomStartRadius borderBottomEndRadius borderStartStartRadius borderStartEndRadius borderEndStartRadius borderEndEndRadius width height minWidth minHeight maxWidth maxHeight blockSize minBlockSize maxBlockSize inlineSize minInlineSize maxInlineSize shadowRadius", stylePropsTransform, stylePropsUnitless, import_constants.isAndroid ? { elevationAndroid: true } : void 0, "boxShadow border borderBlock borderInline filter background backgroundImage experimental_backgroundImage outline outlineOffset outlineWidth", void 0);
+var stylePropsFont = (0, import_toStylePropsObject.toStylePropsObject)(nonAnimatableFontProps, "fontSize fontWeight letterSpacing lineHeight");
+var stylePropsTextOnly = (0, import_toStylePropsObject.toStylePropsObject)(stylePropsFont, nonAnimatableTextOnlyProps, textColors, "textShadow textShadowOffset textShadowRadius textDecoration font verticalAlign", void 0);
+var stylePropsText = (0, import_toStylePropsObject.toStylePropsObject)(stylePropsView, stylePropsTextOnly);
+var stylePropsInput = (0, import_toStylePropsObject.toStylePropsObject)(stylePropsText, inputColors);
+var stylePropsAll = stylePropsInput;
+var validStyles = stylePropsView;