@tamagui/helpers 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/validStyleProps.cjs

@@ -1,336 +1,279 @@
+
 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
-  });
+	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;
+	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 __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,
+	stylePropsText: () => stylePropsText,
+	stylePropsTextOnly: () => stylePropsTextOnly,
+	stylePropsTransform: () => stylePropsTransform,
+	stylePropsUnitless: () => stylePropsUnitless,
+	stylePropsView: () => stylePropsView,
+	tokenCategories: () => import_tokenCategories2.tokenCategories,
+	validStyles: () => validStyles
 });
 module.exports = __toCommonJS(validStyleProps_exports);
 var import_constants = require("@tamagui/constants");
 var import_webOnlyStyleProps = require("./webOnlyStyleProps.cjs");
+var import_tokenCategories = require("./tokenCategories.cjs");
+var import_tokenCategories2 = require("./tokenCategories.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
+	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
-  }
+	color: true,
+	textDecorationColor: true,
+	textShadowColor: true
 };
+const { color: _textOnlyColor, textDecorationColor: _textOnlyDecoration, textShadowColor: _textOnlyShadow, ...viewColorCategoryProps } = import_tokenCategories.tokenCategories.color;
 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
+	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,
+	pointerEvents: true,
+	position: true,
+	visibility: true
 };
 const nonAnimatableFontProps = {
-  fontFamily: true,
-  fontStyle: true,
-  fontVariant: true,
-  textTransform: true
+	fontFamily: true,
+	fontStyle: true,
+	fontVariant: true,
+	textTransform: true
 };
 const nonAnimatableTextOnlyProps = {
-  textAlign: true,
-  textDecorationLine: true,
-  textDecorationStyle: true,
-  userSelect: true
+	textAlign: true,
+	textDecorationLine: true,
+	textDecorationStyle: true,
+	userSelect: true,
+	writingDirection: true
 };
 const nonAnimatableUnitlessProps = {
-  WebkitLineClamp: true,
-  lineClamp: true,
-  gridTemplateColumns: true,
-  gridTemplateAreas: true
+	WebkitLineClamp: true,
+	lineClamp: true,
+	gridTemplateColumns: true,
+	gridTemplateAreas: true
 };
 const nonAnimatableStyleProps = {
-  ...nonAnimatableViewProps,
-  ...nonAnimatableFontProps,
-  ...nonAnimatableTextOnlyProps,
-  ...nonAnimatableUnitlessProps,
-  ...import_webOnlyStyleProps.nonAnimatableWebViewProps,
-  ...import_webOnlyStyleProps.nonAnimatableWebTextProps
+	...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
+	...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
+	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
+	...nonAnimatableViewProps,
+	borderBottomWidth: true,
+	borderLeftWidth: true,
+	borderRightWidth: true,
+	borderBlockWidth: true,
+	borderBlockEndWidth: true,
+	borderBlockStartWidth: true,
+	borderInlineWidth: true,
+	borderInlineEndWidth: true,
+	borderInlineStartWidth: 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,
+	paddingBlockEnd: 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,
+	...viewColorCategoryProps,
+	...import_tokenCategories.tokenCategories.radius,
+	...import_tokenCategories.tokenCategories.size,
+	...stylePropsTransform,
+	...stylePropsUnitless,
+	...import_constants.isAndroid ? { elevationAndroid: true } : {},
+	boxShadow: true,
+	border: true,
+	borderBlock: true,
+	borderInline: true,
+	filter: true,
+	background: 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
+	...nonAnimatableFontProps,
+	fontSize: true,
+	fontWeight: true,
+	letterSpacing: true,
+	lineHeight: true,
+	...nonAnimatableTextOnlyProps,
+	...textColors,
+	textShadow: true,
+	textShadowOffset: true,
+	textShadowRadius: true,
+	textDecoration: true,
+	font: true,
+	verticalAlign: true,
+	...import_webOnlyStyleProps.webOnlyStylePropsText
 };
 const stylePropsText = {
-  ...stylePropsView,
-  ...stylePropsTextOnly
+	...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;
+const validStyles = stylePropsView;