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

package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js

@@ -1,173 +0,0 @@
-import createReactDOMStyle from "../compiler/createReactDOMStyle";
-const reactNativeStyle = {
-  boxShadow: "1px 1px 1px 1px #000",
-  borderWidthLeft: 2,
-  borderWidth: 1,
-  borderWidthRight: 3,
-  display: "flex",
-  marginVertical: 0,
-  opacity: 0,
-  shadowColor: "red",
-  shadowOffset: { width: 1, height: 2 },
-  resizeMode: "contain"
-};
-describe("compiler/createReactDOMStyle", () => {
-  test("noop on DOM styles", () => {
-    const firstStyle = createReactDOMStyle(reactNativeStyle), secondStyle = createReactDOMStyle(firstStyle);
-    expect(firstStyle).toEqual(secondStyle);
-  }), test("shortform -> longform for inline styles", () => {
-    const style = {
-      borderStyle: "solid",
-      boxSizing: "border-box",
-      borderBottomColor: "white",
-      borderBottomWidth: 1,
-      borderWidth: 0,
-      marginTop: 50,
-      marginVertical: 25,
-      margin: 10,
-      overflow: "hidden",
-      overscrollBehavior: "contain",
-      paddingLeft: 50,
-      paddingHorizontal: 25,
-      padding: 10
-    };
-    expect(createReactDOMStyle(style, !0)).toMatchInlineSnapshot(`
-      {
-        "borderBottomColor": "rgba(255,255,255,1.00)",
-        "borderBottomStyle": "solid",
-        "borderBottomWidth": "1px",
-        "borderLeftStyle": "solid",
-        "borderLeftWidth": "0px",
-        "borderRightStyle": "solid",
-        "borderRightWidth": "0px",
-        "borderTopStyle": "solid",
-        "borderTopWidth": "0px",
-        "boxSizing": "border-box",
-        "marginBottom": "25px",
-        "marginLeft": "10px",
-        "marginRight": "10px",
-        "marginTop": "50px",
-        "overflowX": "hidden",
-        "overflowY": "hidden",
-        "overscrollBehaviorX": "contain",
-        "overscrollBehaviorY": "contain",
-        "paddingBottom": "10px",
-        "paddingLeft": "50px",
-        "paddingRight": "25px",
-        "paddingTop": "10px",
-      }
-    `);
-  }), test("aspectRatio", () => {
-    expect(createReactDOMStyle({ aspectRatio: 9 / 16 })).toEqual({
-      aspectRatio: "0.5625"
-    });
-  }), describe("flexbox styles", () => {
-    test("flex: -1", () => {
-      expect(createReactDOMStyle({ flex: -1 })).toEqual({
-        flexGrow: 0,
-        flexShrink: 1,
-        flexBasis: "auto"
-      });
-    }), test("flex: 0", () => {
-      expect(createReactDOMStyle({ flex: 0 })).toEqual({
-        flex: 0
-      });
-    }), test("flex: 1", () => {
-      expect(createReactDOMStyle({ flex: 1 })).toEqual({
-        flex: 1
-      });
-    }), test("flex: 10", () => {
-      expect(createReactDOMStyle({ flex: 10 })).toEqual({
-        flex: 10
-      });
-    }), test("flexBasis overrides", () => {
-      expect(createReactDOMStyle({ flexBasis: "25%" })).toEqual({
-        flexBasis: "25%"
-      }), expect(createReactDOMStyle({ flex: 1, flexBasis: "25%" })).toEqual({
-        flex: 1,
-        flexBasis: "25%"
-      });
-    }), test("flexShrink overrides", () => {
-      expect(createReactDOMStyle({ flexShrink: 1 })).toEqual({
-        flexShrink: 1
-      }), expect(createReactDOMStyle({ flex: 1, flexShrink: 2 })).toEqual({
-        flex: 1,
-        flexShrink: 2
-      });
-    });
-  }), describe("fontFamily", () => {
-    test("general case", () => {
-      expect(createReactDOMStyle({ fontFamily: "Georgia, Times, serif" })).toMatchInlineSnapshot(`
-        {
-          "fontFamily": "Georgia, Times, serif",
-        }
-      `);
-    }), test('"monospace"', () => {
-      expect(createReactDOMStyle({ fontFamily: "monospace" })).toMatchInlineSnapshot(`
-        {
-          "fontFamily": "monospace,monospace",
-        }
-      `);
-    }), test('"System"', () => {
-      expect(createReactDOMStyle({ fontFamily: "System" })).toMatchInlineSnapshot(`
-        {
-          "fontFamily": "-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
-        }
-      `), expect(createReactDOMStyle({ font: "14px System" })).toMatchInlineSnapshot(`
-        {
-          "font": "14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
-        }
-      `);
-    }), test('"Noto, System"', () => {
-      expect(createReactDOMStyle({ fontFamily: "Noto, System" })).toMatchInlineSnapshot(`
-        {
-          "fontFamily": "Noto,-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
-        }
-      `), expect(createReactDOMStyle({ font: "14px Noto, System" })).toMatchInlineSnapshot(`
-        {
-          "font": "14px Noto, -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
-        }
-      `);
-    }), test('"Noto, BlinkMacSystemFont"', () => {
-      expect(createReactDOMStyle({ fontFamily: "Noto, BlinkMacSystemFont" })).toMatchInlineSnapshot(`
-        {
-          "fontFamily": "Noto,BlinkMacSystemFont",
-        }
-      `);
-    });
-  }), test("fontVariant", () => {
-    expect(
-      createReactDOMStyle({ fontVariant: ["common-ligatures", "small-caps"] })
-    ).toEqual({
-      fontVariant: "common-ligatures small-caps"
-    });
-  }), test("textAlignVertical", () => {
-    expect(
-      createReactDOMStyle({
-        textAlignVertical: "center"
-      })
-    ).toEqual({
-      verticalAlign: "middle"
-    });
-  }), describe("transform", () => {
-    test("string", () => {
-      const transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)", resolved = createReactDOMStyle({ transform });
-      expect(resolved).toEqual({ transform });
-    }), test("array", () => {
-      const resolved = createReactDOMStyle({
-        transform: [
-          { perspective: 50 },
-          { scaleX: 20 },
-          { translateX: 20 },
-          { rotate: "20deg" },
-          { matrix: [1, 2, 3, 4, 5, 6] },
-          { matrix3d: [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4] }
-        ]
-      });
-      expect(resolved).toEqual({
-        transform: "perspective(50px) scaleX(20) translateX(20px) rotate(20deg) matrix(1,2,3,4,5,6) matrix3d(1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4)"
-      });
-    });
-  });
-});
-//# sourceMappingURL=compiler-createReactDOMStyle-test.js.map

package/dist/esm/StyleSheet/__tests__/compiler-createReactDOMStyle-test.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/StyleSheet/__tests__/compiler-createReactDOMStyle-test.tsx"],
-  "mappings": "AAOA,OAAO,yBAAyB;AAEhC,MAAM,mBAAmB;AAAA,EACvB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc,EAAE,OAAO,GAAG,QAAQ,EAAE;AAAA,EACpC,YAAY;AACd;AAEA,SAAS,gCAAgC,MAAM;AAC7C,OAAK,sBAAsB,MAAM;AAC/B,UAAM,aAAa,oBAAoB,gBAAgB,GACjD,cAAc,oBAAoB,UAAU;AAClD,WAAO,UAAU,EAAE,QAAQ,WAAW;AAAA,EACxC,CAAC,GAED,KAAK,2CAA2C,MAAM;AACpD,UAAM,QAAQ;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,aAAa;AAAA,MACb,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,SAAS;AAAA,IACX;AAEA,WAAO,oBAAoB,OAAO,EAAI,CAAC,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAyB9D;AAAA,EACH,CAAC,GAED,KAAK,eAAe,MAAM;AACxB,WAAO,oBAAoB,EAAE,aAAa,IAAI,GAAG,CAAC,CAAC,EAAE,QAAQ;AAAA,MAC3D,aAAa;AAAA,IACf,CAAC;AAAA,EACH,CAAC,GAED,SAAS,kBAAkB,MAAM;AAC/B,SAAK,YAAY,MAAM;AACrB,aAAO,oBAAoB,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,QAAQ;AAAA,QAChD,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,WAAW;AAAA,MACb,CAAC;AAAA,IACH,CAAC,GAED,KAAK,WAAW,MAAM;AACpB,aAAO,oBAAoB,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,QAAQ;AAAA,QAC/C,MAAM;AAAA,MACR,CAAC;AAAA,IACH,CAAC,GAED,KAAK,WAAW,MAAM;AACpB,aAAO,oBAAoB,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,QAAQ;AAAA,QAC/C,MAAM;AAAA,MACR,CAAC;AAAA,IACH,CAAC,GAED,KAAK,YAAY,MAAM;AACrB,aAAO,oBAAoB,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,QAAQ;AAAA,QAChD,MAAM;AAAA,MACR,CAAC;AAAA,IACH,CAAC,GAED,KAAK,uBAAuB,MAAM;AAEhC,aAAO,oBAAoB,EAAE,WAAW,MAAM,CAAC,CAAC,EAAE,QAAQ;AAAA,QACxD,WAAW;AAAA,MACb,CAAC,GAGD,OAAO,oBAAoB,EAAE,MAAM,GAAG,WAAW,MAAM,CAAC,CAAC,EAAE,QAAQ;AAAA,QACjE,MAAM;AAAA,QACN,WAAW;AAAA,MACb,CAAC;AAAA,IACH,CAAC,GAED,KAAK,wBAAwB,MAAM;AAEjC,aAAO,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ;AAAA,QACrD,YAAY;AAAA,MACd,CAAC,GAGD,OAAO,oBAAoB,EAAE,MAAM,GAAG,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ;AAAA,QAC9D,MAAM;AAAA,QACN,YAAY;AAAA,MACd,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC,GAED,SAAS,cAAc,MAAM;AAC3B,SAAK,gBAAgB,MAAM;AACzB,aAAO,oBAAoB,EAAE,YAAY,wBAAwB,CAAC,CAAC,EAChE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAIxB;AAAA,IACH,CAAC,GAED,KAAK,eAAe,MAAM;AACxB,aAAO,oBAAoB,EAAE,YAAY,YAAY,CAAC,CAAC,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAI9E;AAAA,IACH,CAAC,GAED,KAAK,YAAY,MAAM;AACrB,aAAO,oBAAoB,EAAE,YAAY,SAAS,CAAC,CAAC,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAI3E,GACD,OAAO,oBAAoB,EAAE,MAAM,cAAc,CAAC,CAAC,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAI1E;AAAA,IACH,CAAC,GAED,KAAK,kBAAkB,MAAM;AAC3B,aAAO,oBAAoB,EAAE,YAAY,eAAe,CAAC,CAAC,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAIjF,GACD,OAAO,oBAAoB,EAAE,MAAM,oBAAoB,CAAC,CAAC,EAAE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAIhF;AAAA,IACH,CAAC,GAED,KAAK,8BAA8B,MAAM;AACvC,aAAO,oBAAoB,EAAE,YAAY,2BAA2B,CAAC,CAAC,EACnE,sBAAsB;AAAA;AAAA;AAAA;AAAA,OAIxB;AAAA,IACH,CAAC;AAAA,EACH,CAAC,GAED,KAAK,eAAe,MAAM;AACxB;AAAA,MACE,oBAAoB,EAAE,aAAa,CAAC,oBAAoB,YAAY,EAAE,CAAC;AAAA,IACzE,EAAE,QAAQ;AAAA,MACR,aAAa;AAAA,IACf,CAAC;AAAA,EACH,CAAC,GAED,KAAK,qBAAqB,MAAM;AAC9B;AAAA,MACE,oBAAoB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,IACH,EAAE,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB,CAAC;AAAA,EACH,CAAC,GAED,SAAS,aAAa,MAAM;AAE1B,SAAK,UAAU,MAAM;AACnB,YAAM,YAAY,+DAEZ,WAAW,oBADH,EAAE,UAAU,CACgB;AAE1C,aAAO,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC;AAAA,IACxC,CAAC,GAED,KAAK,SAAS,MAAM;AAWlB,YAAM,WAAW,oBAVH;AAAA,QACZ,WAAW;AAAA,UACT,EAAE,aAAa,GAAG;AAAA,UAClB,EAAE,QAAQ,GAAG;AAAA,UACb,EAAE,YAAY,GAAG;AAAA,UACjB,EAAE,QAAQ,QAAQ;AAAA,UAClB,EAAE,QAAQ,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE;AAAA,UAC7B,EAAE,UAAU,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE;AAAA,QAC/D;AAAA,MACF,CAC0C;AAE1C,aAAO,QAAQ,EAAE,QAAQ;AAAA,QACvB,WACE;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/esm/StyleSheet/__tests__/compiler-test.js

@@ -1,378 +0,0 @@
-import { atomic, classic, inline } from "../compiler";
-describe("StyleSheet/compile", () => {
-  describe("atomic", () => {
-    test("converts style to atomic CSS", () => {
-      const result = atomic({
-        animationDirection: ["alternate", "alternate-reverse"],
-        animationKeyframes: [
-          { "0%": { top: 0 }, "50%": { top: 5 }, "100%": { top: 10 } },
-          { from: { left: 0 }, to: { left: 10 } }
-        ],
-        fontFamily: "System",
-        marginHorizontal: 10,
-        marginStart: 1,
-        marginEnd: 2,
-        placeholderTextColor: "gray",
-        scrollbarWidth: "none",
-        pointerEvents: "box-only",
-        start: "12.34%",
-        textAlign: "start",
-        transform: [
-          {
-            translateX: 50,
-            scale: -1
-          }
-        ]
-      });
-      expect(result).toMatchInlineSnapshot(`
-        [
-          {
-            "$$css": true,
-            "$$css$localize": true,
-            "animationDirection": "r-animationDirection-1kmv48j",
-            "animationKeyframes": "r-animationKeyframes-zacbmr",
-            "fontFamily": "r-fontFamily-1qd0xha",
-            "marginEnd": [
-              "r-marginRight-a5pmau",
-              "r-marginLeft-9cviqr",
-            ],
-            "marginHorizontal": "r-marginHorizontal-vlx1xi",
-            "marginStart": [
-              "r-marginLeft-13kc5u0",
-              "r-marginRight-1knfw1x",
-            ],
-            "placeholderTextColor": "r-placeholderTextColor-1418aci",
-            "pointerEvents": "r-pointerEvents-ah5dr5",
-            "scrollbarWidth": "r-scrollbarWidth-2eszeu",
-            "start": [
-              "r-left-2s0hu9",
-              "r-right-1bnbe1j",
-            ],
-            "textAlign": [
-              "r-textAlign-fdjqy7",
-              "r-textAlign-1ff274t",
-            ],
-            "transform": "r-transform-1ehiua4",
-          },
-          [
-            [
-              [
-                ".r-animationDirection-1kmv48j{animation-direction:alternate,alternate-reverse;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-animationKeyframes-zacbmr{animation-name:r-animation-8jhqzh,r-animation-5azpl5;}",
-                "@-webkit-keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
-                "@keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
-                "@-webkit-keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
-                "@keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-fontFamily-1qd0xha{font-family:-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-marginRight-a5pmau{margin-right:2px;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-marginLeft-9cviqr{margin-left:2px;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-marginHorizontal-vlx1xi{margin-left:10px;margin-right:10px;}",
-              ],
-              2.1,
-            ],
-            [
-              [
-                ".r-marginLeft-13kc5u0{margin-left:1px;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-marginRight-1knfw1x{margin-right:1px;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-placeholderTextColor-1418aci::-webkit-input-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
-                ".r-placeholderTextColor-1418aci::-moz-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
-                ".r-placeholderTextColor-1418aci:-ms-input-placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
-                ".r-placeholderTextColor-1418aci::placeholder{color:rgba(128,128,128,1.00);opacity:1;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-pointerEvents-ah5dr5>*{pointer-events:none;}",
-                ".r-pointerEvents-ah5dr5{pointer-events:auto!important;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-scrollbarWidth-2eszeu::-webkit-scrollbar{display:none}",
-                ".r-scrollbarWidth-2eszeu{scrollbar-width:none;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-left-2s0hu9{left:12.34%;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-right-1bnbe1j{right:12.34%;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-textAlign-fdjqy7{text-align:left;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-textAlign-1ff274t{text-align:right;}",
-              ],
-              2.2,
-            ],
-            [
-              [
-                ".r-transform-1ehiua4{transform:translateX(50px);}",
-              ],
-              2.2,
-            ],
-          ],
-        ]
-      `);
-    });
-  }), describe("classic", () => {
-    test("converts style to classic CSS", () => {
-      const result = classic(
-        {
-          animationDirection: ["alternate", "alternate-reverse"],
-          animationKeyframes: [
-            { "0%": { top: 0 }, "50%": { top: 5 }, "100%": { top: 10 } },
-            { from: { left: 0 }, to: { left: 10 } }
-          ],
-          marginHorizontal: 10,
-          font: "14px System",
-          transform: [
-            {
-              translateX: 50,
-              scale: -1
-            }
-          ]
-        },
-        "text"
-      );
-      expect(result).toMatchInlineSnapshot(`
-        [
-          {
-            "$$css": true,
-            "css-text-1jr0ypv": "css-text-1jr0ypv",
-          },
-          [
-            [
-              [
-                "@-webkit-keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
-                "@keyframes r-animation-8jhqzh{0%{top:0px;}50%{top:5px;}100%{top:10px;}}",
-                "@-webkit-keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
-                "@keyframes r-animation-5azpl5{from{left:0px;}to{left:10px;}}",
-                ".css-text-1jr0ypv{animation-direction:alternate,alternate-reverse;animation-name:r-animation-8jhqzh,r-animation-5azpl5;font:14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif;margin-left:10px;margin-right:10px;transform:translateX(50px);}",
-              ],
-              1,
-            ],
-          ],
-        ]
-      `);
-    });
-  }), describe("inline", () => {
-    test("converts style to inline styles", () => {
-      const result = inline({
-        marginHorizontal: 10,
-        display: "flex",
-        flexShrink: 1
-      });
-      expect(result).toMatchInlineSnapshot(`
-        {
-          "display": "flex",
-          "flexShrink": 1,
-          "marginLeft": "10px",
-          "marginRight": "10px",
-        }
-      `);
-    }), describe("logical style polyfill", () => {
-      [!1, !0].forEach((isRTL) => {
-        const dir = isRTL ? "rtl" : "ltr";
-        test(`ignores "left" properties for ${dir}`, () => {
-          const initial = {
-            borderLeftColor: "rgba(255,0,0,1.00)",
-            borderLeftStyle: "solid",
-            borderLeftWidth: "1px",
-            left: "1px",
-            marginLeft: "5px",
-            paddingLeft: "10px"
-          };
-          expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`ignores "right" properties for ${dir}`, () => {
-          const initial = {
-            borderRightColor: "rgba(255,0,0,1.00)",
-            borderRightStyle: "solid",
-            borderRightWidth: "1px",
-            right: "1px",
-            marginRight: "5px",
-            paddingRight: "10px"
-          };
-          expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`ignores "left" values for ${dir}`, () => {
-          const initial = {
-            clear: "left",
-            float: "left",
-            textAlign: "left",
-            transitionProperty: "left"
-          };
-          expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`ignores "right" values for ${dir}`, () => {
-          const initial = {
-            clear: "right",
-            float: "right",
-            textAlign: "right",
-            transitionProperty: "right"
-          };
-          expect(inline(initial, isRTL)).toEqual(initial);
-        }), test(`converts "start" properties for ${dir}`, () => {
-          const initial = {
-            borderStartColor: "red",
-            borderStartStyle: "solid",
-            borderStartWidth: 1,
-            start: 1,
-            marginStart: 5,
-            paddingStart: 10
-          }, expectedLTR = {
-            borderLeftColor: "rgba(255,0,0,1.00)",
-            borderLeftStyle: "solid",
-            borderLeftWidth: "1px",
-            left: "1px",
-            marginLeft: "5px",
-            paddingLeft: "10px"
-          }, expectedRTL = {
-            borderRightColor: "rgba(255,0,0,1.00)",
-            borderRightStyle: "solid",
-            borderRightWidth: "1px",
-            right: "1px",
-            marginRight: "5px",
-            paddingRight: "10px"
-          };
-          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test(`converts "end" properties for ${dir}`, () => {
-          const initial = {
-            borderEndColor: "red",
-            borderEndStyle: "solid",
-            borderEndWidth: 1,
-            end: 1,
-            marginEnd: 5,
-            paddingEnd: 10
-          }, expectedLTR = {
-            borderRightColor: "rgba(255,0,0,1.00)",
-            borderRightStyle: "solid",
-            borderRightWidth: "1px",
-            right: "1px",
-            marginRight: "5px",
-            paddingRight: "10px"
-          }, expectedRTL = {
-            borderLeftColor: "rgba(255,0,0,1.00)",
-            borderLeftStyle: "solid",
-            borderLeftWidth: "1px",
-            left: "1px",
-            marginLeft: "5px",
-            paddingLeft: "10px"
-          };
-          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test(`converts "start" values for ${dir}`, () => {
-          const initial = {
-            clear: "start",
-            float: "start",
-            textAlign: "start",
-            transitionProperty: "start"
-          }, expectedLTR = {
-            clear: "left",
-            float: "left",
-            textAlign: "left",
-            transitionProperty: "left"
-          }, expectedRTL = {
-            clear: "right",
-            float: "right",
-            textAlign: "right",
-            transitionProperty: "right"
-          };
-          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test(`converts "end" values for ${dir}`, () => {
-          const initial = {
-            clear: "end",
-            float: "end",
-            textAlign: "end",
-            transitionProperty: "end"
-          }, expectedLTR = {
-            clear: "right",
-            float: "right",
-            textAlign: "right",
-            transitionProperty: "right"
-          }, expectedRTL = {
-            clear: "left",
-            float: "left",
-            textAlign: "left",
-            transitionProperty: "left"
-          };
-          expect(inline(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
-        }), test("end/start properties take precedence over left/right", () => {
-          const initialLTR = {
-            borderStartWidth: 10,
-            borderLeftWidth: 0,
-            end: 10,
-            right: 0,
-            marginStart: 10,
-            marginLeft: 0
-          }, expectedLTR = {
-            borderLeftWidth: "10px",
-            marginLeft: "10px",
-            right: "10px"
-          }, initialRTL = {
-            borderStartWidth: 10,
-            borderRightWidth: 0,
-            end: 10,
-            left: 0,
-            marginStart: 10,
-            marginRight: 0
-          }, expectedRTL = {
-            borderRightWidth: "10px",
-            marginRight: "10px",
-            left: "10px"
-          };
-          expect(inline(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(
-            isRTL ? expectedRTL : expectedLTR
-          );
-        });
-      });
-    });
-  });
-});
-//# sourceMappingURL=compiler-test.js.map

package/dist/esm/StyleSheet/__tests__/compiler-test.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/StyleSheet/__tests__/compiler-test.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/StyleSheet/__tests__/dom-createOrderedCSSStyleSheet-test.js

@@ -1,98 +0,0 @@
-import createOrderedCSSStyleSheet from "../dom/createOrderedCSSStyleSheet";
-const insertStyleElement = () => {
-  const element = document.createElement("style"), head = document.head;
-  return head.insertBefore(element, head.firstChild), element;
-}, removeStyleElement = (element) => {
-  document.head.removeChild(element);
-};
-describe("createOrderedCSSStyleSheet", () => {
-  describe("#insert", () => {
-    test("insertion order for same group", () => {
-      const sheet = createOrderedCSSStyleSheet();
-      expect(sheet.getTextContent()).toMatchInlineSnapshot('""'), sheet.insert(".a {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
-        "[stylesheet-group=\\"0\\"]{}
-        .a {}"
-      `), sheet.insert(".b {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
-        "[stylesheet-group=\\"0\\"]{}
-        .a {}
-        .b {}"
-      `), sheet.insert(".c {}", 0), expect(sheet.getTextContent()).toMatchInlineSnapshot(`
-        "[stylesheet-group=\\"0\\"]{}
-        .a {}
-        .b {}
-        .c {}"
-      `);
-    }), test("deduplication for same group", () => {
-      const sheet = createOrderedCSSStyleSheet();
-      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", () => {
-      const sheet = createOrderedCSSStyleSheet();
-      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", () => {
-      const sheet = createOrderedCSSStyleSheet();
-      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\\"]{}
-        .two {}
-        [stylesheet-group=\\"3\\"]{}
-        .three {}
-        [stylesheet-group=\\"4\\"]{}
-        .four-1 {}
-        .four-2 {}
-        [stylesheet-group=\\"9.9\\"]{}
-        .nine-1 {}
-        .nine-2 {}
-        [stylesheet-group=\\"10\\"]{}
-        .ten {}
-        [stylesheet-group=\\"20\\"]{}
-        .twenty {}
-        [stylesheet-group=\\"20.2\\"]{}
-        .twenty-point2 {}"
-      `);
-    });
-  }), describe("client-side hydration", () => {
-    let element;
-    beforeEach(() => {
-      element != null && removeStyleElement(element), element = insertStyleElement();
-    }), test("from SSR CSS", () => {
-      const serverSheet = createOrderedCSSStyleSheet();
-      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 = createOrderedCSSStyleSheet(element.sheet);
-      expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
-        "[stylesheet-group=\\"1\\"] {}
-        .one {width: 10px;}
-        [stylesheet-group=\\"2\\"] {}
-        .two-1 {height: 20px;}
-        .two-2 {color: red;}
-        @keyframes anim { 
-          0% {opacity: 1;} 
-        }"
-      `);
-    }), test("works when the group marker is in single quotes", () => {
-      const serverSheet = createOrderedCSSStyleSheet();
-      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 = createOrderedCSSStyleSheet(element.sheet);
-      clientSheet.insert(".c { color: red }", 0), expect(clientSheet.getTextContent()).toMatchInlineSnapshot(`
-        "[stylesheet-group='0'] {}
-        .a {color: red;}
-        .c { color: red }
-        [stylesheet-group='1'] {}
-        .b {color: red;}"
-      `);
-    });
-  });
-});
-//# sourceMappingURL=dom-createOrderedCSSStyleSheet-test.js.map