@tamagui/react-native-web-internals 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.cjs

@@ -2,13 +2,15 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __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, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -18,51 +20,77 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet.cjs"), 1);
 const insertStyleElement = () => {
-    const element = document.createElement("style"),
-      head = document.head;
-    return head.insertBefore(element, head.firstChild), element;
-  },
-  removeStyleElement = element => {
-    document.head.removeChild(element);
-  };
+  const element = document.createElement("style");
+  const head = document.head;
+  head.insertBefore(element, head.firstChild);
+  return element;
+};
+const removeStyleElement = element => {
+  document.head.removeChild(element);
+};
 describe("createOrderedCSSStyleSheet", () => {
   describe("#insert", () => {
     test("insertion order for same group", () => {
       const sheet = (0, import_createOrderedCSSStyleSheet.default)();
-      expect(sheet.getTextContent()).toMatchInlineSnapshot('""'), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      expect(sheet.getTextContent()).toMatchInlineSnapshot('""');
+      sheet.insert(".a {}", 0);
+      expect(sheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group=\\"0\\"]{}
         .a {}"
-      `), sheet.insert(".b {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      `);
+      sheet.insert(".b {}", 0);
+      expect(sheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group=\\"0\\"]{}
         .a {}
         .b {}"
-      `), sheet.insert(".c {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      `);
+      sheet.insert(".c {}", 0);
+      expect(sheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group=\\"0\\"]{}
         .a {}
         .b {}
         .c {}"
       `);
-    }), test("deduplication for same group", () => {
+    });
+    test("deduplication for same group", () => {
       const sheet = (0, import_createOrderedCSSStyleSheet.default)();
-      sheet.insert(".a {}", 0), sheet.insert(".a {}", 0), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      sheet.insert(".a {}", 0);
+      sheet.insert(".a {}", 0);
+      sheet.insert(".a {}", 0);
+      expect(sheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group=\\"0\\"]{}
         .a {}"
       `);
-    }), test("order for same group", () => {
+    });
+    test("order for same group", () => {
       const sheet = (0, import_createOrderedCSSStyleSheet.default)();
-      sheet.insert(".c {}", 0), sheet.insert(".b {}", 0), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      sheet.insert(".c {}", 0);
+      sheet.insert(".b {}", 0);
+      sheet.insert(".a {}", 0);
+      expect(sheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group=\\"0\\"]{}
         .a {}
         .b {}
         .c {}"
       `);
-    }), test("insertion order for different groups", () => {
+    });
+    test("insertion order for different groups", () => {
       const sheet = (0, import_createOrderedCSSStyleSheet.default)();
-      sheet.insert(".nine-1 {}", 9.9), sheet.insert(".nine-2 {}", 9.9), sheet.insert(".three {}", 3), sheet.insert(".one {}", 1), sheet.insert(".two {}", 2.2), sheet.insert(".four-1 {}", 4), sheet.insert(".four-2 {}", 4), sheet.insert(".twenty {}", 20), sheet.insert(".ten {}", 10), sheet.insert(".twenty-point2 {}", 20.2), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
+      sheet.insert(".nine-1 {}", 9.9);
+      sheet.insert(".nine-2 {}", 9.9);
+      sheet.insert(".three {}", 3);
+      sheet.insert(".one {}", 1);
+      sheet.insert(".two {}", 2.2);
+      sheet.insert(".four-1 {}", 4);
+      sheet.insert(".four-2 {}", 4);
+      sheet.insert(".twenty {}", 20);
+      sheet.insert(".ten {}", 10);
+      sheet.insert(".twenty-point2 {}", 20.2);
+      expect(sheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group=\\"1\\"]{}
         .one {}
         [stylesheet-group=\\"2.2\\"]{}
@@ -83,13 +111,21 @@ describe("createOrderedCSSStyleSheet", () => {
         .twenty-point2 {}"
       `);
     });
-  }), describe("client-side hydration", () => {
+  });
+  describe("client-side hydration", () => {
     let element;
     beforeEach(() => {
-      element != null && removeStyleElement(element), element = insertStyleElement();
-    }), test("from SSR CSS", () => {
+      if (element != null) {
+        removeStyleElement(element);
+      }
+      element = insertStyleElement();
+    });
+    test("from SSR CSS", () => {
       const serverSheet = (0, import_createOrderedCSSStyleSheet.default)();
-      serverSheet.insert(".one { width: 10px; }", 1), serverSheet.insert(".two-1 { height: 20px; }", 2), serverSheet.insert(".two-2 { color: red; }", 2), serverSheet.insert("@keyframes anim { 0% { opacity: 1; } }", 2);
+      serverSheet.insert(".one { width: 10px; }", 1);
+      serverSheet.insert(".two-1 { height: 20px; }", 2);
+      serverSheet.insert(".two-2 { color: red; }", 2);
+      serverSheet.insert("@keyframes anim { 0% { opacity: 1; } }", 2);
       const textContent = serverSheet.getTextContent();
       element.appendChild(document.createTextNode(textContent));
       const clientSheet = (0, import_createOrderedCSSStyleSheet.default)(element.sheet);
@@ -103,13 +139,16 @@ describe("createOrderedCSSStyleSheet", () => {
           0% {opacity: 1;} 
         }"
       `);
-    }), test("works when the group marker is in single quotes", () => {
+    });
+    test("works when the group marker is in single quotes", () => {
       const serverSheet = (0, import_createOrderedCSSStyleSheet.default)();
-      serverSheet.insert(".a { color: red }", 0), serverSheet.insert(".b { color: red }", 1);
+      serverSheet.insert(".a { color: red }", 0);
+      serverSheet.insert(".b { color: red }", 1);
       const textContent = serverSheet.getTextContent().replace(/"/g, "'");
       element.appendChild(document.createTextNode(textContent));
       const clientSheet = (0, import_createOrderedCSSStyleSheet.default)(element.sheet);
-      clientSheet.insert(".c { color: red }", 0), expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
+      clientSheet.insert(".c { color: red }", 0);
+      expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
         "[stylesheet-group='0'] {}
         .a {color: red;}
         .c { color: red }

package/dist/cjs/StyleSheet/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __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, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -18,7 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
 var import__ = __toESM(require("../index.cjs"), 1);
 describe("StyleSheet", () => {
@@ -39,7 +41,8 @@ describe("StyleSheet", () => {
       .r-top-ipm5af{top:0px;}",
       }
     `);
-  }), test("absoluteFill", () => {
+  });
+  test("absoluteFill", () => {
     expect(import__.default.absoluteFill).toMatchInlineSnapshot(`
       {
         "bottom": 0,
@@ -49,7 +52,8 @@ describe("StyleSheet", () => {
         "top": 0,
       }
     `);
-  }), test("absoluteFillObject", () => {
+  });
+  test("absoluteFillObject", () => {
     expect(import__.default.absoluteFillObject).toMatchInlineSnapshot(`
       {
         "bottom": 0,
@@ -59,9 +63,13 @@ describe("StyleSheet", () => {
         "top": 0,
       }
     `);
-  }), test("compose", () => {
-    expect(import__.default.compose(1, 2)).toEqual([1, 2]), expect(import__.default.compose(1, null)).toBe(1), expect(import__.default.compose(null, 2)).toBe(2);
-  }), describe("create", () => {
+  });
+  test("compose", () => {
+    expect(import__.default.compose(1, 2)).toEqual([1, 2]);
+    expect(import__.default.compose(1, null)).toBe(1);
+    expect(import__.default.compose(null, 2)).toBe(2);
+  });
+  describe("create", () => {
     test("returns original style objects", () => {
       const style = import__.default.create({
         root: {
@@ -73,7 +81,8 @@ describe("StyleSheet", () => {
           "position": "absolute",
         }
       `);
-    }), test("e2e resolves to classname", () => {
+    });
+    test("e2e resolves to classname", () => {
       const style = import__.default.create({
         root: {
           position: "absolute"
@@ -85,7 +94,8 @@ describe("StyleSheet", () => {
           null,
         ]
       `);
-    }), test("e2e flattens shadow style properties", () => {
+    });
+    test("e2e flattens shadow style properties", () => {
       const style = import__.default.create({
         root: {
           shadowColor: "rgba(50,60,70,0.5)",
@@ -110,7 +120,8 @@ describe("StyleSheet", () => {
         ]
       `);
     });
-  }), describe("flatten", () => {
+  });
+  describe("flatten", () => {
     test("should merge style objects", () => {
       const style = import__.default.flatten([{
         opacity: 1
@@ -123,7 +134,8 @@ describe("StyleSheet", () => {
           "order": 2,
         }
       `);
-    }), test("should override style properties", () => {
+    });
+    test("should override style properties", () => {
       const style = import__.default.flatten([{
         backgroundColor: "#000",
         order: 1
@@ -137,7 +149,8 @@ describe("StyleSheet", () => {
           "order": null,
         }
       `);
-    }), test("should overwrite properties with `undefined`", () => {
+    });
+    test("should overwrite properties with `undefined`", () => {
       const style = import__.default.flatten([{
         backgroundColor: "#000"
       }, {
@@ -148,9 +161,11 @@ describe("StyleSheet", () => {
           "backgroundColor": undefined,
         }
       `);
-    }), test("should not fail on falsy values", () => {
-      expect(() => import__.default.flatten([null, !1, void 0])).not.toThrow();
-    }), test("should recursively flatten arrays", () => {
+    });
+    test("should not fail on falsy values", () => {
+      expect(() => import__.default.flatten([null, false, void 0])).not.toThrow();
+    });
+    test("should recursively flatten arrays", () => {
       const style = import__.default.flatten([null, [], [{
         order: 2
       }, {
@@ -165,29 +180,34 @@ describe("StyleSheet", () => {
         }
       `);
     });
-  }), test("hairlineWidth", () => {
-    expect(Number.isInteger(import__.default.hairlineWidth) === !0).toBeTruthy();
-  }), describe("resolve", () => {
+  });
+  test("hairlineWidth", () => {
+    expect(Number.isInteger(import__.default.hairlineWidth) === true).toBeTruthy();
+  });
+  describe("resolve", () => {
     test("empty", () => {
       expect((0, import__.default)()).toMatchInlineSnapshot(`
         [
           "",
           null,
         ]
-      `), expect((0, import__.default)({})).toMatchInlineSnapshot(`
+      `);
+      expect((0, import__.default)({})).toMatchInlineSnapshot(`
         [
           "",
           null,
         ]
-      `), expect((0, import__.default)([])).toMatchInlineSnapshot(`
+      `);
+      expect((0, import__.default)([])).toMatchInlineSnapshot(`
         [
           "",
           null,
         ]
       `);
-    }), test("transforms compiled object to className", () => {
+    });
+    test("transforms compiled object to className", () => {
       expect((0, import__.default)([{
-        $$css: !0,
+        $$css: true,
         position: "position-absolute",
         opacity: "opacity-05",
         width: "width-200"
@@ -197,19 +217,20 @@ describe("StyleSheet", () => {
           null,
         ]
       `);
-    }), test("transforms array of compiled objects to className", () => {
+    });
+    test("transforms array of compiled objects to className", () => {
       expect((0, import__.default)([{
-        $$css: !0,
+        $$css: true,
         borderWidth: "borderWidth-0",
         borderColor: "borderColor-red",
         display: "display-flex",
         width: "width-100"
       }, {
-        $$css: !0,
+        $$css: true,
         position: "position-absolute",
         opacity: "opacity-05"
       }, [{
-        $$css: !0,
+        $$css: true,
         width: "width-200"
       }]])).toMatchInlineSnapshot(`
         [
@@ -217,37 +238,41 @@ describe("StyleSheet", () => {
           null,
         ]
       `);
-    }), test("dedupes class names and inline styles", () => {
+    });
+    test("dedupes class names and inline styles", () => {
       const styleACompiled = {
-          $$css: !0,
-          backgroundColor: "backgroundColor-red",
-          display: "display-block"
-        },
-        styleBCompiled = {
-          $$css: !0,
-          backgroundColor: "backgroundColor-green",
-          color: "color-green"
-        },
-        styleBInline = {
-          backgroundColor: "rgba(0,0,255,1.00)",
-          color: null
-        },
-        [className1, inlineStyle1] = (0, import__.default)([styleACompiled, styleBCompiled, styleBInline]);
-      expect(className1).toBe("display-block"), expect(inlineStyle1).toEqual({
+        $$css: true,
+        backgroundColor: "backgroundColor-red",
+        display: "display-block"
+      };
+      const styleBCompiled = {
+        $$css: true,
+        backgroundColor: "backgroundColor-green",
+        color: "color-green"
+      };
+      const styleBInline = {
+        backgroundColor: "rgba(0,0,255,1.00)",
+        color: null
+      };
+      const [className1, inlineStyle1] = (0, import__.default)([styleACompiled, styleBCompiled, styleBInline]);
+      expect(className1).toBe("display-block");
+      expect(inlineStyle1).toEqual({
         backgroundColor: "rgba(0,0,255,1.00)"
       });
       const [className2, inlineStyle2] = (0, import__.default)([styleACompiled, styleBInline, styleBCompiled]);
-      expect(className2).toBe("display-block backgroundColor-green color-green"), expect(inlineStyle2).toEqual(null);
-    }), test("long form inline style properties take precedence over static shorthand properties", () => {
+      expect(className2).toBe("display-block backgroundColor-green color-green");
+      expect(inlineStyle2).toEqual(null);
+    });
+    test("long form inline style properties take precedence over static shorthand properties", () => {
       const styles1 = import__.default.create({
-          test: {
-            paddingHorizontal: "40px"
-          }
-        }),
-        inlineStyle1 = {
-          padding: "8px",
+        test: {
           paddingHorizontal: "40px"
-        };
+        }
+      });
+      const inlineStyle1 = {
+        padding: "8px",
+        paddingHorizontal: "40px"
+      };
       expect((0, import__.default)([styles1.test, inlineStyle1])).toMatchInlineSnapshot(`
         [
           "",
@@ -260,14 +285,14 @@ describe("StyleSheet", () => {
         ]
       `);
       const styles2 = import__.default.create({
-          test: {
-            marginVertical: "40px"
-          }
-        }),
-        inlineStyle2 = {
-          margin: "8px",
+        test: {
           marginVertical: "40px"
-        };
+        }
+      });
+      const inlineStyle2 = {
+        margin: "8px",
+        marginVertical: "40px"
+      };
       expect((0, import__.default)([styles2.test, inlineStyle2])).toMatchInlineSnapshot(`
         [
           "",
@@ -279,33 +304,34 @@ describe("StyleSheet", () => {
           },
         ]
       `);
-    }), test("polyfills logical styles", () => {
+    });
+    test("polyfills logical styles", () => {
       const inlineA = {
-          start: "12.34%"
-        },
-        inlineB = {
-          textAlign: "start"
-        },
-        inlineC = {
-          marginEnd: 10
-        },
-        a = import__.default.create({
-          x: {
-            ...inlineA
-          }
-        }).x,
-        b = import__.default.create({
-          x: {
-            ...inlineB
-          }
-        }).x,
-        c = import__.default.create({
-          x: {
-            ...inlineC
-          }
-        }).x,
-        writingDirection = "rtl",
-        inlineStyle = [inlineA, inlineB, inlineC];
+        start: "12.34%"
+      };
+      const inlineB = {
+        textAlign: "start"
+      };
+      const inlineC = {
+        marginEnd: 10
+      };
+      const a = import__.default.create({
+        x: {
+          ...inlineA
+        }
+      }).x;
+      const b = import__.default.create({
+        x: {
+          ...inlineB
+        }
+      }).x;
+      const c = import__.default.create({
+        x: {
+          ...inlineC
+        }
+      }).x;
+      const writingDirection = "rtl";
+      const inlineStyle = [inlineA, inlineB, inlineC];
       expect((0, import__.default)(inlineStyle)).toMatchInlineSnapshot(`
         [
           "",
@@ -315,7 +341,8 @@ describe("StyleSheet", () => {
             "textAlign": "left",
           },
         ]
-      `), expect((0, import__.default)(inlineStyle, {
+      `);
+      expect((0, import__.default)(inlineStyle, {
         writingDirection
       })).toMatchInlineSnapshot(`
         [
@@ -326,7 +353,8 @@ describe("StyleSheet", () => {
             "textAlign": "right",
           },
         ]
-      `), expect((0, import__.default)([inlineStyle, {
+      `);
+      expect((0, import__.default)([inlineStyle, {
         marginLeft: 1,
         marginEnd: 0,
         marginStart: 0,
@@ -343,7 +371,8 @@ describe("StyleSheet", () => {
             "textAlign": "right",
           },
         ]
-      `), expect((0, import__.default)([inlineStyle, {
+      `);
+      expect((0, import__.default)([inlineStyle, {
         marginEnd: null,
         marginLeft: 11
       }], {
@@ -364,14 +393,16 @@ describe("StyleSheet", () => {
           "r-left-2s0hu9 r-textAlign-fdjqy7 r-marginRight-zso239",
           null,
         ]
-      `), expect((0, import__.default)(staticStyle, {
+      `);
+      expect((0, import__.default)(staticStyle, {
         writingDirection
       })).toMatchInlineSnapshot(`
         [
           "r-right-1bnbe1j r-textAlign-1ff274t r-marginLeft-1n0xq6e",
           null,
         ]
-      `), expect((0, import__.default)([staticStyle, {
+      `);
+      expect((0, import__.default)([staticStyle, {
         marginLeft: 1,
         marginEnd: 0,
         marginStart: 0,
@@ -386,7 +417,8 @@ describe("StyleSheet", () => {
             "marginRight": "0px",
           },
         ]
-      `), expect((0, import__.default)([staticStyle, {
+      `);
+      expect((0, import__.default)([staticStyle, {
         marginEnd: null,
         marginLeft: 11
       }], {

package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs

@@ -7,14 +7,16 @@ describe("StyleSheet/preprocess", () => {
       })).toEqual({
         boxShadow: "0px 0px 0px rgba(255,0,0,1.00)"
       });
-    }), test("shadowColor and shadowOpacity only", () => {
+    });
+    test("shadowColor and shadowOpacity only", () => {
       expect((0, import_preprocess.preprocess)({
         shadowColor: "red",
         shadowOpacity: 0.5
       })).toEqual({
         boxShadow: "0px 0px 0px rgba(255,0,0,0.50)"
       });
-    }), test("shadowOffset only", () => {
+    });
+    test("shadowOffset only", () => {
       expect((0, import_preprocess.preprocess)({
         shadowOffset: {
           width: 1,
@@ -23,13 +25,15 @@ describe("StyleSheet/preprocess", () => {
       })).toEqual({
         boxShadow: "1px 2px 0px rgba(0,0,0,1.00)"
       });
-    }), test("shadowRadius only", () => {
+    });
+    test("shadowRadius only", () => {
       expect((0, import_preprocess.preprocess)({
         shadowRadius: 5
       })).toEqual({
         boxShadow: "0px 0px 5px rgba(0,0,0,1.00)"
       });
-    }), test("shadowOffset, shadowRadius, shadowColor", () => {
+    });
+    test("shadowOffset, shadowRadius, shadowColor", () => {
       expect((0, import_preprocess.preprocess)({
         shadowColor: "rgba(50,60,70,0.5)",
         shadowOffset: {
@@ -42,30 +46,35 @@ describe("StyleSheet/preprocess", () => {
         boxShadow: "1px 2px 3px rgba(50,60,70,0.25)"
       });
     });
-  }), describe("preprocesses multiple textShadow styles into a single declaration", () => {
+  });
+  describe("preprocesses multiple textShadow styles into a single declaration", () => {
     test("textShadowColor only", () => {
       expect((0, import_preprocess.preprocess)({
         textShadowColor: "red"
       })).toEqual({});
-    }), test("textShadowOffset only", () => {
+    });
+    test("textShadowOffset only", () => {
       expect((0, import_preprocess.preprocess)({
         textShadowOffset: {
           width: 1,
           height: 2
         }
       })).toEqual({});
-    }), test("textShadowRadius only", () => {
+    });
+    test("textShadowRadius only", () => {
       expect((0, import_preprocess.preprocess)({
         textShadowRadius: 5
       })).toEqual({});
-    }), test("textShadowColor and textShadowOffset only", () => {
+    });
+    test("textShadowColor and textShadowOffset only", () => {
       expect((0, import_preprocess.preprocess)({
         textShadowColor: "red",
         textShadowOffset: {
           width: 0,
           height: 0
         }
-      })).toEqual({}), expect((0, import_preprocess.preprocess)({
+      })).toEqual({});
+      expect((0, import_preprocess.preprocess)({
         textShadowColor: "red",
         textShadowOffset: {
           width: -1,
@@ -73,7 +82,8 @@ describe("StyleSheet/preprocess", () => {
         }
       })).toEqual({
         textShadow: "-1px 0px 0px rgba(255,0,0,1.00)"
-      }), expect((0, import_preprocess.preprocess)({
+      });
+      expect((0, import_preprocess.preprocess)({
         textShadowColor: "red",
         textShadowOffset: {
           width: 1,
@@ -82,17 +92,20 @@ describe("StyleSheet/preprocess", () => {
       })).toEqual({
         textShadow: "1px 2px 0px rgba(255,0,0,1.00)"
       });
-    }), test("textShadowColor and textShadowRadius only", () => {
+    });
+    test("textShadowColor and textShadowRadius only", () => {
       expect((0, import_preprocess.preprocess)({
         textShadowColor: "red",
         textShadowRadius: 0
-      })).toEqual({}), expect((0, import_preprocess.preprocess)({
+      })).toEqual({});
+      expect((0, import_preprocess.preprocess)({
         textShadowColor: "red",
         textShadowRadius: 5
       })).toEqual({
         textShadow: "0px 0px 5px rgba(255,0,0,1.00)"
       });
-    }), test("textShadowColor, textShadowOffset, textShadowRadius", () => {
+    });
+    test("textShadowColor, textShadowOffset, textShadowRadius", () => {
       expect((0, import_preprocess.preprocess)({
         textShadowColor: "rgba(50,60,70,0.50)",
         textShadowOffset: {