@tamagui/react-native-web-internals 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/StyleSheet/compiler/normalizeColor.cjs

@@ -3,34 +3,30 @@ 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 normalizeColor_exports = {};
-__export(normalizeColor_exports, {
-  normalizeColor: () => normalizeColor
-});
+__export(normalizeColor_exports, { normalizeColor: () => normalizeColor });
 module.exports = __toCommonJS(normalizeColor_exports);
 var import_isWebColor = require("../../modules/isWebColor/index.cjs");
 var import_processColor = require("../../modules/processColor/index.cjs");
 const normalizeColor = (color, opacity = 1) => {
-  if (color == null) return;
-  if (typeof color === "string" && (0, import_isWebColor.isWebColor)(color)) return color;
-  const colorInt = (0, import_processColor.processColor)(color);
-  if (colorInt != null) return `rgba(${colorInt >> 16 & 255},${colorInt >> 8 & 255},${colorInt & 255},${((colorInt >> 24 & 255) / 255 * opacity).toFixed(2)})`;
-  if (typeof color === "string") return color;
-};
+	if (color == null) return;
+	if (typeof color === "string" && (0, import_isWebColor.isWebColor)(color)) return color;
+	const colorInt = (0, import_processColor.processColor)(color);
+	if (colorInt != null) return `rgba(${colorInt >> 16 & 255},${colorInt >> 8 & 255},${colorInt & 255},${((colorInt >> 24 & 255) / 255 * opacity).toFixed(2)})`;
+	if (typeof color === "string") return color;
+};

package/dist/cjs/StyleSheet/compiler/normalizeValueWithProperty.cjs

@@ -3,48 +3,44 @@ 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 normalizeValueWithProperty_exports = {};
-__export(normalizeValueWithProperty_exports, {
-  normalizeValueWithProperty: () => normalizeValueWithProperty
-});
+__export(normalizeValueWithProperty_exports, { normalizeValueWithProperty: () => normalizeValueWithProperty });
 module.exports = __toCommonJS(normalizeValueWithProperty_exports);
 var import_unitlessNumbers = require("../../modules/unitlessNumbers/index.cjs");
 var import_normalizeColor = require("./normalizeColor.cjs");
 const colorProps = {
-  backgroundColor: true,
-  borderColor: true,
-  borderTopColor: true,
-  borderRightColor: true,
-  borderBottomColor: true,
-  borderLeftColor: true,
-  color: true,
-  shadowColor: true,
-  textDecorationColor: true,
-  textShadowColor: true
+	backgroundColor: true,
+	borderColor: true,
+	borderTopColor: true,
+	borderRightColor: true,
+	borderBottomColor: true,
+	borderLeftColor: true,
+	color: true,
+	shadowColor: true,
+	textDecorationColor: true,
+	textShadowColor: true
 };
 function normalizeValueWithProperty(value, property) {
-  let returnValue = value;
-  if ((property == null || !import_unitlessNumbers.unitlessNumbers[property]) && typeof value === "number") {
-    returnValue = `${value}px`;
-  } else if (property != null && colorProps[property]) {
-    returnValue = (0, import_normalizeColor.normalizeColor)(value);
-  }
-  return returnValue;
-}
+	let returnValue = value;
+	if ((property == null || !import_unitlessNumbers.unitlessNumbers[property]) && typeof value === "number") {
+		returnValue = `${value}px`;
+	} else if (property != null && colorProps[property]) {
+		returnValue = (0, import_normalizeColor.normalizeColor)(value);
+	}
+	return returnValue;
+}

package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs

@@ -3,50 +3,38 @@ 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 resolveShadowValue_exports = {};
-__export(resolveShadowValue_exports, {
-  resolveShadowValue: () => resolveShadowValue
-});
+__export(resolveShadowValue_exports, { resolveShadowValue: () => resolveShadowValue });
 module.exports = __toCommonJS(resolveShadowValue_exports);
 var import_normalizeColor = require("./normalizeColor.cjs");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
 const defaultOffset = {
-  height: 0,
-  width: 0
+	height: 0,
+	width: 0
+};
+const resolveShadowValue = (style) => {
+	const { shadowColor, shadowOffset, shadowOpacity, shadowRadius } = style;
+	const { height, width } = shadowOffset || defaultOffset;
+	const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
+	const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
+	const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius || 0);
+	const color = (0, import_normalizeColor.normalizeColor)(shadowColor || "black", shadowOpacity);
+	if (color != null && offsetX != null && offsetY != null && blurRadius != null) {
+		return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+	}
 };
-const resolveShadowValue = style => {
-  const {
-    shadowColor,
-    shadowOffset,
-    shadowOpacity,
-    shadowRadius
-  } = style;
-  const {
-    height,
-    width
-  } = shadowOffset || defaultOffset;
-  const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
-  const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
-  const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius || 0);
-  const color = (0, import_normalizeColor.normalizeColor)(shadowColor || "black", shadowOpacity);
-  if (color != null && offsetX != null && offsetY != null && blurRadius != null) {
-    return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
-  }
-};

package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.cjs

@@ -3,50 +3,46 @@ 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 createCSSStyleSheet_exports = {};
-__export(createCSSStyleSheet_exports, {
-  createCSSStyleSheet: () => createCSSStyleSheet
-});
+__export(createCSSStyleSheet_exports, { createCSSStyleSheet: () => createCSSStyleSheet });
 module.exports = __toCommonJS(createCSSStyleSheet_exports);
 var import_canUseDOM = require("../../modules/canUseDOM.cjs");
 function createCSSStyleSheet(id, rootNode, textContent) {
-  if (import_canUseDOM.canUseDOM) {
-    const root = rootNode != null ? rootNode : document;
-    let element = root.getElementById(id);
-    if (element == null) {
-      element = document.createElement("style");
-      element.setAttribute("id", id);
-      if (typeof textContent === "string") {
-        element.appendChild(document.createTextNode(textContent));
-      }
-      if (root instanceof ShadowRoot) {
-        root.insertBefore(element, root.firstChild);
-      } else {
-        const head = root.head;
-        if (head) {
-          head.appendChild(element);
-        }
-      }
-    }
-    return element.sheet;
-  } else {
-    return null;
-  }
-}
+	if (import_canUseDOM.canUseDOM) {
+		const root = rootNode != null ? rootNode : document;
+		let element = root.getElementById(id);
+		if (element == null) {
+			element = document.createElement("style");
+			element.setAttribute("id", id);
+			if (typeof textContent === "string") {
+				element.appendChild(document.createTextNode(textContent));
+			}
+			if (root instanceof ShadowRoot) {
+				root.insertBefore(element, root.firstChild);
+			} else {
+				const head = root.head;
+				if (head) {
+					head.appendChild(element);
+				}
+			}
+		}
+		return element.sheet;
+	} else {
+		return null;
+	}
+}

package/dist/cjs/StyleSheet/dom/createOrderedCSSStyleSheet.cjs

@@ -3,133 +3,129 @@ 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 createOrderedCSSStyleSheet_exports = {};
-__export(createOrderedCSSStyleSheet_exports, {
-  createOrderedCSSStyleSheet: () => createOrderedCSSStyleSheet
-});
+__export(createOrderedCSSStyleSheet_exports, { createOrderedCSSStyleSheet: () => createOrderedCSSStyleSheet });
 module.exports = __toCommonJS(createOrderedCSSStyleSheet_exports);
 const slice = Array.prototype.slice;
 function createOrderedCSSStyleSheet(sheet) {
-  const groups = {};
-  const selectors = {};
-  if (sheet != null) {
-    let group;
-    slice.call(sheet.cssRules).forEach((cssRule, i) => {
-      const cssText = cssRule.cssText;
-      if (cssText.indexOf("stylesheet-group") > -1) {
-        group = decodeGroupRule(cssRule);
-        groups[group] = {
-          start: i,
-          rules: [cssText]
-        };
-      } else {
-        const selectorText = getSelectorText(cssText);
-        if (selectorText != null) {
-          selectors[selectorText] = true;
-          groups[group].rules.push(cssText);
-        }
-      }
-    });
-  }
-  function sheetInsert(sheet2, group, text) {
-    const orderedGroups = getOrderedGroups(groups);
-    const groupIndex = orderedGroups.indexOf(group);
-    const nextGroupIndex = groupIndex + 1;
-    const nextGroup = orderedGroups[nextGroupIndex];
-    const position = nextGroup != null && groups[nextGroup].start != null ? groups[nextGroup].start : sheet2.cssRules.length;
-    const isInserted = insertRuleAt(sheet2, text, position);
-    if (isInserted) {
-      if (groups[group].start == null) {
-        groups[group].start = position;
-      }
-      for (let i = nextGroupIndex; i < orderedGroups.length; i += 1) {
-        const groupNumber = orderedGroups[i];
-        const previousStart = groups[groupNumber].start || 0;
-        groups[groupNumber].start = previousStart + 1;
-      }
-    }
-    return isInserted;
-  }
-  const OrderedCSSStyleSheet = {
-    /**
-     * The textContent of the style sheet.
-     */
-    getTextContent() {
-      return getOrderedGroups(groups).map(group => {
-        const rules = groups[group].rules;
-        const marker = rules.shift();
-        rules.sort();
-        rules.unshift(marker);
-        return rules.join("\n");
-      }).join("\n");
-    },
-    /**
-     * Insert a rule into the style sheet
-     */
-    insert(cssText, groupValue) {
-      const group = Number(groupValue);
-      if (groups[group] == null) {
-        const markerRule = encodeGroupRule(group);
-        groups[group] = {
-          start: null,
-          rules: [markerRule]
-        };
-        if (sheet != null) {
-          sheetInsert(sheet, group, markerRule);
-        }
-      }
-      const selectorText = getSelectorText(cssText);
-      if (selectorText != null && selectors[selectorText] == null) {
-        selectors[selectorText] = true;
-        groups[group].rules.push(cssText);
-        if (sheet != null) {
-          const isInserted = sheetInsert(sheet, group, cssText);
-          if (!isInserted) {
-            groups[group].rules.pop();
-          }
-        }
-      }
-    }
-  };
-  return OrderedCSSStyleSheet;
+	const groups = {};
+	const selectors = {};
+	if (sheet != null) {
+		let group;
+		slice.call(sheet.cssRules).forEach((cssRule, i) => {
+			const cssText = cssRule.cssText;
+			if (cssText.indexOf("stylesheet-group") > -1) {
+				group = decodeGroupRule(cssRule);
+				groups[group] = {
+					start: i,
+					rules: [cssText]
+				};
+			} else {
+				const selectorText = getSelectorText(cssText);
+				if (selectorText != null) {
+					selectors[selectorText] = true;
+					groups[group].rules.push(cssText);
+				}
+			}
+		});
+	}
+	function sheetInsert(sheet2, group, text) {
+		const orderedGroups = getOrderedGroups(groups);
+		const groupIndex = orderedGroups.indexOf(group);
+		const nextGroupIndex = groupIndex + 1;
+		const nextGroup = orderedGroups[nextGroupIndex];
+		const position = nextGroup != null && groups[nextGroup].start != null ? groups[nextGroup].start : sheet2.cssRules.length;
+		const isInserted = insertRuleAt(sheet2, text, position);
+		if (isInserted) {
+			if (groups[group].start == null) {
+				groups[group].start = position;
+			}
+			for (let i = nextGroupIndex; i < orderedGroups.length; i += 1) {
+				const groupNumber = orderedGroups[i];
+				const previousStart = groups[groupNumber].start || 0;
+				groups[groupNumber].start = previousStart + 1;
+			}
+		}
+		return isInserted;
+	}
+	const OrderedCSSStyleSheet = {
+		/**
+		* The textContent of the style sheet.
+		*/
+		getTextContent() {
+			return getOrderedGroups(groups).map((group) => {
+				const rules = groups[group].rules;
+				const marker = rules.shift();
+				rules.sort();
+				rules.unshift(marker);
+				return rules.join("\n");
+			}).join("\n");
+		},
+		/**
+		* Insert a rule into the style sheet
+		*/
+		insert(cssText, groupValue) {
+			const group = Number(groupValue);
+			if (groups[group] == null) {
+				const markerRule = encodeGroupRule(group);
+				groups[group] = {
+					start: null,
+					rules: [markerRule]
+				};
+				if (sheet != null) {
+					sheetInsert(sheet, group, markerRule);
+				}
+			}
+			const selectorText = getSelectorText(cssText);
+			if (selectorText != null && selectors[selectorText] == null) {
+				selectors[selectorText] = true;
+				groups[group].rules.push(cssText);
+				if (sheet != null) {
+					const isInserted = sheetInsert(sheet, group, cssText);
+					if (!isInserted) {
+						groups[group].rules.pop();
+					}
+				}
+			}
+		}
+	};
+	return OrderedCSSStyleSheet;
 }
 function encodeGroupRule(group) {
-  return `[stylesheet-group="${group}"]{}`;
+	return `[stylesheet-group="${group}"]{}`;
 }
 const groupPattern = /["']/g;
 function decodeGroupRule(cssRule) {
-  return Number(cssRule.selectorText.split(groupPattern)[1]);
+	return Number(cssRule.selectorText.split(groupPattern)[1]);
 }
 function getOrderedGroups(obj) {
-  return Object.keys(obj).map(Number).sort((a, b) => a > b ? 1 : -1);
+	return Object.keys(obj).map(Number).sort((a, b) => a > b ? 1 : -1);
 }
 const selectorPattern = /\s*([,])\s*/g;
 function getSelectorText(cssText) {
-  const selector = cssText.split("{")[0].trim();
-  return selector !== "" ? selector.replace(selectorPattern, "$1") : null;
+	const selector = cssText.split("{")[0].trim();
+	return selector !== "" ? selector.replace(selectorPattern, "$1") : null;
 }
 function insertRuleAt(root, cssText, position) {
-  try {
-    root.insertRule(cssText, position);
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
+	try {
+		root.insertRule(cssText, position);
+		return true;
+	} catch (e) {
+		return false;
+	}
+}