@tamagui/react-native-web-internals 2.7.6 → 3.0.0-beta.637.1

package/dist/esm/StyleSheet/compiler/createReactDOMStyle.mjs

@@ -1,134 +1,152 @@
 import { canUseDOM } from "../../modules/canUseDOM.mjs";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty.mjs";
+
 const emptyObject = {};
 const supportsCSS3TextDecoration = !canUseDOM || window.CSS != null && window.CSS.supports != null && (window.CSS.supports("text-decoration-line", "none") || window.CSS.supports("-webkit-text-decoration-line", "none"));
 const ignoredProps = {
-  elevation: true,
-  overlayColor: true,
-  resizeMode: true,
-  tintColor: true
+	elevation: true,
+	overlayColor: true,
+	resizeMode: true,
+	tintColor: true
 };
 const MONOSPACE_FONT_STACK = "monospace,monospace";
-const SYSTEM_FONT_STACK = '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif';
+const SYSTEM_FONT_STACK = "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif";
 const STYLE_SHORT_FORM_EXPANSIONS = {
-  borderColor: ["borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"],
-  borderRadius: ["borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"],
-  borderStyle: ["borderTopStyle", "borderRightStyle", "borderBottomStyle", "borderLeftStyle"],
-  borderWidth: ["borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth"],
-  marginHorizontal: ["marginRight", "marginLeft"],
-  marginVertical: ["marginTop", "marginBottom"],
-  overflow: ["overflowX", "overflowY"],
-  overscrollBehavior: ["overscrollBehaviorX", "overscrollBehaviorY"],
-  paddingHorizontal: ["paddingRight", "paddingLeft"],
-  paddingVertical: ["paddingTop", "paddingBottom"]
+	borderColor: [
+		"borderTopColor",
+		"borderRightColor",
+		"borderBottomColor",
+		"borderLeftColor"
+	],
+	borderRadius: [
+		"borderTopLeftRadius",
+		"borderTopRightRadius",
+		"borderBottomRightRadius",
+		"borderBottomLeftRadius"
+	],
+	borderStyle: [
+		"borderTopStyle",
+		"borderRightStyle",
+		"borderBottomStyle",
+		"borderLeftStyle"
+	],
+	borderWidth: [
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth"
+	],
+	marginHorizontal: ["marginRight", "marginLeft"],
+	marginVertical: ["marginTop", "marginBottom"],
+	overflow: ["overflowX", "overflowY"],
+	overscrollBehavior: ["overscrollBehaviorX", "overscrollBehaviorY"],
+	paddingHorizontal: ["paddingRight", "paddingLeft"],
+	paddingVertical: ["paddingTop", "paddingBottom"]
 };
-const mapTransform = transform => {
-  const type = Object.keys(transform)[0];
-  const value = transform[type];
-  if (type === "matrix" || type === "matrix3d") {
-    return `${type}(${value.join(",")})`;
-  } else {
-    const normalizedValue = normalizeValueWithProperty(value, type);
-    return `${type}(${normalizedValue})`;
-  }
+const mapTransform = (transform) => {
+	const type = Object.keys(transform)[0];
+	const value = transform[type];
+	if (type === "matrix" || type === "matrix3d") {
+		return `${type}(${value.join(",")})`;
+	} else {
+		const normalizedValue = normalizeValueWithProperty(value, type);
+		return `${type}(${normalizedValue})`;
+	}
 };
-const createTransformValue = style => {
-  let transform = style.transform;
-  if (Array.isArray(style.transform)) {
-    transform = style.transform.map(mapTransform).join(" ");
-  }
-  return transform;
+const createTransformValue = (style) => {
+	let transform = style.transform;
+	if (Array.isArray(style.transform)) {
+		transform = style.transform.map(mapTransform).join(" ");
+	}
+	return transform;
 };
 const createReactDOMStyle = (style, isInline) => {
-  if (!style) {
-    return emptyObject;
-  }
-  const resolvedStyle = {};
-  for (const prop in style) {
-    const value = style[prop];
-    if (
-    // Ignore everything with a null value
-    value == null ||
-    // Ignore some React Native styles
-    ignoredProps[prop]) {
-      continue;
-    }
-    if (prop === "aspectRatio") {
-      resolvedStyle[prop] = value.toString();
-    } else if (prop === "backgroundClip") {
-      if (value === "text") {
-        resolvedStyle.backgroundClip = value;
-        resolvedStyle.WebkitBackgroundClip = value;
-      }
-    } else if (prop === "flex") {
-      if (value === -1) {
-        resolvedStyle.flexGrow = 0;
-        resolvedStyle.flexShrink = 1;
-        resolvedStyle.flexBasis = "auto";
-      } else {
-        resolvedStyle.flex = value;
-      }
-    } else if (prop === "font") {
-      resolvedStyle[prop] = value.replace("System", SYSTEM_FONT_STACK);
-    } else if (prop === "fontFamily") {
-      if (value.indexOf("System") > -1) {
-        const stack = value.split(/,\s*/);
-        stack[stack.indexOf("System")] = SYSTEM_FONT_STACK;
-        resolvedStyle[prop] = stack.join(",");
-      } else if (value === "monospace") {
-        resolvedStyle[prop] = MONOSPACE_FONT_STACK;
-      } else {
-        resolvedStyle[prop] = value;
-      }
-    } else if (prop === "fontVariant") {
-      if (Array.isArray(value) && value.length > 0) {
-        resolvedStyle.fontVariant = value.join(" ");
-      }
-    } else if (prop === "textAlignVertical") {
-      resolvedStyle.verticalAlign = value === "center" ? "middle" : value;
-    } else if (prop === "textDecorationLine") {
-      if (!supportsCSS3TextDecoration) {
-        resolvedStyle.textDecoration = value;
-      } else {
-        resolvedStyle.textDecorationLine = value;
-      }
-    } else if (prop === "transform" || prop === "transformMatrix") {
-      resolvedStyle.transform = createTransformValue(style);
-    } else if (prop === "writingDirection") {
-      resolvedStyle.direction = value;
-    } else {
-      const value2 = normalizeValueWithProperty(style[prop], prop);
-      const longFormProperties = STYLE_SHORT_FORM_EXPANSIONS[prop];
-      if (isInline && prop === "margin") {
-        if (style.marginHorizontal == null) {
-          resolvedStyle.marginLeft = value2;
-          resolvedStyle.marginRight = value2;
-        }
-        if (style.marginVertical == null) {
-          resolvedStyle.marginTop = value2;
-          resolvedStyle.marginBottom = value2;
-        }
-      } else if (isInline && prop === "padding") {
-        if (style.paddingHorizontal == null) {
-          resolvedStyle.paddingLeft = value2;
-          resolvedStyle.paddingRight = value2;
-        }
-        if (style.paddingVertical == null) {
-          resolvedStyle.paddingTop = value2;
-          resolvedStyle.paddingBottom = value2;
-        }
-      } else if (longFormProperties) {
-        longFormProperties.forEach((longForm, i) => {
-          if (style[longForm] == null) {
-            resolvedStyle[longForm] = value2;
-          }
-        });
-      } else {
-        resolvedStyle[prop] = Array.isArray(value2) ? value2.join(",") : value2;
-      }
-    }
-  }
-  return resolvedStyle;
+	if (!style) {
+		return emptyObject;
+	}
+	const resolvedStyle = {};
+	for (const prop in style) {
+		const value = style[prop];
+		if (value == null || ignoredProps[prop]) {
+			continue;
+		}
+		if (prop === "aspectRatio") {
+			resolvedStyle[prop] = value.toString();
+		} else if (prop === "backgroundClip") {
+			if (value === "text") {
+				resolvedStyle.backgroundClip = value;
+				resolvedStyle.WebkitBackgroundClip = value;
+			}
+		} else if (prop === "flex") {
+			if (value === -1) {
+				resolvedStyle.flexGrow = 0;
+				resolvedStyle.flexShrink = 1;
+				resolvedStyle.flexBasis = "auto";
+			} else {
+				resolvedStyle.flex = value;
+			}
+		} else if (prop === "font") {
+			resolvedStyle[prop] = value.replace("System", SYSTEM_FONT_STACK);
+		} else if (prop === "fontFamily") {
+			if (value.indexOf("System") > -1) {
+				const stack = value.split(/,\s*/);
+				stack[stack.indexOf("System")] = SYSTEM_FONT_STACK;
+				resolvedStyle[prop] = stack.join(",");
+			} else if (value === "monospace") {
+				resolvedStyle[prop] = MONOSPACE_FONT_STACK;
+			} else {
+				resolvedStyle[prop] = value;
+			}
+		} else if (prop === "fontVariant") {
+			if (Array.isArray(value) && value.length > 0) {
+				resolvedStyle.fontVariant = value.join(" ");
+			}
+		} else if (prop === "textAlignVertical") {
+			resolvedStyle.verticalAlign = value === "center" ? "middle" : value;
+		} else if (prop === "textDecorationLine") {
+			if (!supportsCSS3TextDecoration) {
+				resolvedStyle.textDecoration = value;
+			} else {
+				resolvedStyle.textDecorationLine = value;
+			}
+		} else if (prop === "transform" || prop === "transformMatrix") {
+			resolvedStyle.transform = createTransformValue(style);
+		} else if (prop === "writingDirection") {
+			resolvedStyle.direction = value;
+		} else {
+			const value2 = normalizeValueWithProperty(style[prop], prop);
+			const longFormProperties = STYLE_SHORT_FORM_EXPANSIONS[prop];
+			if (isInline && prop === "margin") {
+				if (style.marginHorizontal == null) {
+					resolvedStyle.marginLeft = value2;
+					resolvedStyle.marginRight = value2;
+				}
+				if (style.marginVertical == null) {
+					resolvedStyle.marginTop = value2;
+					resolvedStyle.marginBottom = value2;
+				}
+			} else if (isInline && prop === "padding") {
+				if (style.paddingHorizontal == null) {
+					resolvedStyle.paddingLeft = value2;
+					resolvedStyle.paddingRight = value2;
+				}
+				if (style.paddingVertical == null) {
+					resolvedStyle.paddingTop = value2;
+					resolvedStyle.paddingBottom = value2;
+				}
+			} else if (longFormProperties) {
+				longFormProperties.forEach((longForm, i) => {
+					if (style[longForm] == null) {
+						resolvedStyle[longForm] = value2;
+					}
+				});
+			} else {
+				resolvedStyle[prop] = Array.isArray(value2) ? value2.join(",") : value2;
+			}
+		}
+	}
+	return resolvedStyle;
 };
+
 export { createReactDOMStyle, createTransformValue };
 //# sourceMappingURL=createReactDOMStyle.mjs.map

package/dist/esm/StyleSheet/compiler/createReactDOMStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["canUseDOM","normalizeValueWithProperty","emptyObject","supportsCSS3TextDecoration","window","CSS","supports","ignoredProps","elevation","overlayColor","resizeMode","tintColor","MONOSPACE_FONT_STACK","SYSTEM_FONT_STACK","STYLE_SHORT_FORM_EXPANSIONS","borderColor","borderRadius","borderStyle","borderWidth","marginHorizontal","marginVertical","overflow","overscrollBehavior","paddingHorizontal","paddingVertical","mapTransform","transform","type","Object","keys","value","join","normalizedValue","createTransformValue","style","Array","isArray","map","createReactDOMStyle","isInline","resolvedStyle","prop","toString","backgroundClip","WebkitBackgroundClip","flexGrow","flexShrink","flexBasis","flex","replace","indexOf","stack","split","length","fontVariant","verticalAlign","textDecoration","textDecorationLine","direction","longFormProperties","marginLeft","marginRight","marginTop","marginBottom","paddingLeft","paddingRight","paddingTop","paddingBottom","forEach","longForm","i","value2"],"sources":["../../../../src/StyleSheet/compiler/createReactDOMStyle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"createReactDOMStyle.js","names":[],"sources":["esm/StyleSheet/compiler/createReactDOMStyle.js"],"sourcesContent":["import { canUseDOM } from \"../../modules/canUseDOM\";\nimport { normalizeValueWithProperty } from \"./normalizeValueWithProperty\";\nconst emptyObject = {};\nconst supportsCSS3TextDecoration = !canUseDOM || window.CSS != null && window.CSS.supports != null && (window.CSS.supports(\"text-decoration-line\", \"none\") || window.CSS.supports(\"-webkit-text-decoration-line\", \"none\"));\nconst ignoredProps = {\n  elevation: true,\n  overlayColor: true,\n  resizeMode: true,\n  tintColor: true\n};\nconst MONOSPACE_FONT_STACK = \"monospace,monospace\";\nconst SYSTEM_FONT_STACK = '-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif';\nconst STYLE_SHORT_FORM_EXPANSIONS = {\n  borderColor: [\n    \"borderTopColor\",\n    \"borderRightColor\",\n    \"borderBottomColor\",\n    \"borderLeftColor\"\n  ],\n  borderRadius: [\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomRightRadius\",\n    \"borderBottomLeftRadius\"\n  ],\n  borderStyle: [\n    \"borderTopStyle\",\n    \"borderRightStyle\",\n    \"borderBottomStyle\",\n    \"borderLeftStyle\"\n  ],\n  borderWidth: [\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\"\n  ],\n  marginHorizontal: [\"marginRight\", \"marginLeft\"],\n  marginVertical: [\"marginTop\", \"marginBottom\"],\n  overflow: [\"overflowX\", \"overflowY\"],\n  overscrollBehavior: [\"overscrollBehaviorX\", \"overscrollBehaviorY\"],\n  paddingHorizontal: [\"paddingRight\", \"paddingLeft\"],\n  paddingVertical: [\"paddingTop\", \"paddingBottom\"]\n};\nconst mapTransform = (transform) => {\n  const type = Object.keys(transform)[0];\n  const value = transform[type];\n  if (type === \"matrix\" || type === \"matrix3d\") {\n    return `${type}(${value.join(\",\")})`;\n  } else {\n    const normalizedValue = normalizeValueWithProperty(value, type);\n    return `${type}(${normalizedValue})`;\n  }\n};\nconst createTransformValue = (style) => {\n  let transform = style.transform;\n  if (Array.isArray(style.transform)) {\n    transform = style.transform.map(mapTransform).join(\" \");\n  }\n  return transform;\n};\nconst createReactDOMStyle = (style, isInline) => {\n  if (!style) {\n    return emptyObject;\n  }\n  const resolvedStyle = {};\n  for (const prop in style) {\n    const value = style[prop];\n    if (\n      // Ignore everything with a null value\n      value == null || // Ignore some React Native styles\n      ignoredProps[prop]\n    ) {\n      continue;\n    }\n    if (prop === \"aspectRatio\") {\n      resolvedStyle[prop] = value.toString();\n    } else if (prop === \"backgroundClip\") {\n      if (value === \"text\") {\n        resolvedStyle.backgroundClip = value;\n        resolvedStyle.WebkitBackgroundClip = value;\n      }\n    } else if (prop === \"flex\") {\n      if (value === -1) {\n        resolvedStyle.flexGrow = 0;\n        resolvedStyle.flexShrink = 1;\n        resolvedStyle.flexBasis = \"auto\";\n      } else {\n        resolvedStyle.flex = value;\n      }\n    } else if (prop === \"font\") {\n      resolvedStyle[prop] = value.replace(\"System\", SYSTEM_FONT_STACK);\n    } else if (prop === \"fontFamily\") {\n      if (value.indexOf(\"System\") > -1) {\n        const stack = value.split(/,\\s*/);\n        stack[stack.indexOf(\"System\")] = SYSTEM_FONT_STACK;\n        resolvedStyle[prop] = stack.join(\",\");\n      } else if (value === \"monospace\") {\n        resolvedStyle[prop] = MONOSPACE_FONT_STACK;\n      } else {\n        resolvedStyle[prop] = value;\n      }\n    } else if (prop === \"fontVariant\") {\n      if (Array.isArray(value) && value.length > 0) {\n        resolvedStyle.fontVariant = value.join(\" \");\n      }\n    } else if (prop === \"textAlignVertical\") {\n      resolvedStyle.verticalAlign = value === \"center\" ? \"middle\" : value;\n    } else if (prop === \"textDecorationLine\") {\n      if (!supportsCSS3TextDecoration) {\n        resolvedStyle.textDecoration = value;\n      } else {\n        resolvedStyle.textDecorationLine = value;\n      }\n    } else if (prop === \"transform\" || prop === \"transformMatrix\") {\n      resolvedStyle.transform = createTransformValue(style);\n    } else if (prop === \"writingDirection\") {\n      resolvedStyle.direction = value;\n    } else {\n      const value2 = normalizeValueWithProperty(style[prop], prop);\n      const longFormProperties = STYLE_SHORT_FORM_EXPANSIONS[prop];\n      if (isInline && prop === \"margin\") {\n        if (style.marginHorizontal == null) {\n          resolvedStyle.marginLeft = value2;\n          resolvedStyle.marginRight = value2;\n        }\n        if (style.marginVertical == null) {\n          resolvedStyle.marginTop = value2;\n          resolvedStyle.marginBottom = value2;\n        }\n      } else if (isInline && prop === \"padding\") {\n        if (style.paddingHorizontal == null) {\n          resolvedStyle.paddingLeft = value2;\n          resolvedStyle.paddingRight = value2;\n        }\n        if (style.paddingVertical == null) {\n          resolvedStyle.paddingTop = value2;\n          resolvedStyle.paddingBottom = value2;\n        }\n      } else if (longFormProperties) {\n        longFormProperties.forEach((longForm, i) => {\n          if (style[longForm] == null) {\n            resolvedStyle[longForm] = value2;\n          }\n        });\n      } else {\n        resolvedStyle[prop] = Array.isArray(value2) ? value2.join(\",\") : value2;\n      }\n    }\n  }\n  return resolvedStyle;\n};\nexport {\n  createReactDOMStyle,\n  createTransformValue\n};\n//# sourceMappingURL=createReactDOMStyle.js.map\n"],"mappings":"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"}

package/dist/esm/StyleSheet/compiler/hash.mjs

@@ -1,3 +1,3 @@
 import { simpleHash } from "@tamagui/simple-hash";
-export { simpleHash as default };
-//# sourceMappingURL=hash.mjs.map
+
+export { simpleHash as default };

package/dist/esm/StyleSheet/compiler/hyphenateStyleName.mjs

@@ -2,14 +2,15 @@ const uppercasePattern = /[A-Z]/g;
 const msPattern = /^ms-/;
 const cache = {};
 function toHyphenLower(match) {
-  return "-" + match.toLowerCase();
+	return "-" + match.toLowerCase();
 }
 function hyphenateStyleName(name) {
-  if (name in cache) {
-    return cache[name];
-  }
-  const hName = name.replace(uppercasePattern, toHyphenLower);
-  return cache[name] = msPattern.test(hName) ? "-" + hName : hName;
+	if (name in cache) {
+		return cache[name];
+	}
+	const hName = name.replace(uppercasePattern, toHyphenLower);
+	return cache[name] = msPattern.test(hName) ? "-" + hName : hName;
 }
+
 export { hyphenateStyleName };
 //# sourceMappingURL=hyphenateStyleName.mjs.map

package/dist/esm/StyleSheet/compiler/hyphenateStyleName.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["uppercasePattern","msPattern","cache","toHyphenLower","match","toLowerCase","hyphenateStyleName","name","hName","replace","test"],"sources":["../../../../src/StyleSheet/compiler/hyphenateStyleName.tsx"],"sourcesContent":[null],"mappings":"AASA,MAAMA,gBAAA,GAAmB;AACzB,MAAMC,SAAA,GAAY;AAClB,MAAMC,KAAA,GAAQ,CAAC;AAEf,SAASC,cAAcC,KAAA,EAAO;EAC5B,OAAO,MAAMA,KAAA,CAAMC,WAAA,CAAY;AACjC;AAEO,SAASC,mBAAmBC,IAAA,EAAsB;EACvD,IAAIA,IAAA,IAAQL,KAAA,EAAO;IACjB,OAAOA,KAAA,CAAMK,IAAI;EACnB;EAEA,MAAMC,KAAA,GAAQD,IAAA,CAAKE,OAAA,CAAQT,gBAAA,EAAkBG,aAAa;EAC1D,OAAQD,KAAA,CAAMK,IAAI,IAAIN,SAAA,CAAUS,IAAA,CAAKF,KAAK,IAAI,MAAMA,KAAA,GAAQA,KAAA;AAC9D","ignoreList":[]}
+{"version":3,"file":"hyphenateStyleName.js","names":[],"sources":["esm/StyleSheet/compiler/hyphenateStyleName.js"],"sourcesContent":["const uppercasePattern = /[A-Z]/g;\nconst msPattern = /^ms-/;\nconst cache = {};\nfunction toHyphenLower(match) {\n  return \"-\" + match.toLowerCase();\n}\nfunction hyphenateStyleName(name) {\n  if (name in cache) {\n    return cache[name];\n  }\n  const hName = name.replace(uppercasePattern, toHyphenLower);\n  return cache[name] = msPattern.test(hName) ? \"-\" + hName : hName;\n}\nexport {\n  hyphenateStyleName\n};\n//# sourceMappingURL=hyphenateStyleName.js.map\n"],"mappings":";AAAA,MAAM,mBAAmB;AACzB,MAAM,YAAY;AAClB,MAAM,QAAQ,CAAC;AACf,SAAS,cAAc,OAAO;CAC5B,OAAO,MAAM,MAAM,YAAY;AACjC;AACA,SAAS,mBAAmB,MAAM;CAChC,IAAI,QAAQ,OAAO;EACjB,OAAO,MAAM;CACf;CACA,MAAM,QAAQ,KAAK,QAAQ,kBAAkB,aAAa;CAC1D,OAAO,MAAM,QAAQ,UAAU,KAAK,KAAK,IAAI,MAAM,QAAQ;AAC7D"}