@tamagui/react-native-web-internals 1.112.2

package/dist/cjs/types.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/types.native.js

@@ -0,0 +1,15 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/core/react-native-web-internals/src/types.ts"],
+  "mappings": ";;;;;;;;;;;;AAAA;;",
+  "names": []
+}

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

@@ -0,0 +1,173 @@
+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

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

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

@@ -0,0 +1,219 @@
+import createReactDOMStyle from "../compiler/createReactDOMStyle.mjs";
+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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createReactDOMStyle","reactNativeStyle","boxShadow","borderWidthLeft","borderWidth","borderWidthRight","display","marginVertical","opacity","shadowColor","shadowOffset","width","height","resizeMode","describe","test","firstStyle","secondStyle","expect","toEqual","style","borderStyle","boxSizing","borderBottomColor","borderBottomWidth","marginTop","margin","overflow","overscrollBehavior","paddingLeft","paddingHorizontal","padding","toMatchInlineSnapshot","aspectRatio","flex","flexGrow","flexShrink","flexBasis","fontFamily","font","fontVariant","textAlignVertical","verticalAlign","transform","resolved","perspective","scaleX","translateX","rotate","matrix","matrix3d"],"sources":["../../../../src/StyleSheet/__tests__/compiler-createReactDOMStyle-test.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,221 @@
+import createReactDOMStyle from "../compiler/createReactDOMStyle.native.js";
+var 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", function () {
+  test("noop on DOM styles", function () {
+    var firstStyle = createReactDOMStyle(reactNativeStyle),
+      secondStyle = createReactDOMStyle(firstStyle);
+    expect(firstStyle).toEqual(secondStyle);
+  }), test("shortform -> longform for inline styles", function () {
+    var 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", function () {
+    expect(createReactDOMStyle({
+      aspectRatio: 9 / 16
+    })).toEqual({
+      aspectRatio: "0.5625"
+    });
+  }), describe("flexbox styles", function () {
+    test("flex: -1", function () {
+      expect(createReactDOMStyle({
+        flex: -1
+      })).toEqual({
+        flexGrow: 0,
+        flexShrink: 1,
+        flexBasis: "auto"
+      });
+    }), test("flex: 0", function () {
+      expect(createReactDOMStyle({
+        flex: 0
+      })).toEqual({
+        flex: 0
+      });
+    }), test("flex: 1", function () {
+      expect(createReactDOMStyle({
+        flex: 1
+      })).toEqual({
+        flex: 1
+      });
+    }), test("flex: 10", function () {
+      expect(createReactDOMStyle({
+        flex: 10
+      })).toEqual({
+        flex: 10
+      });
+    }), test("flexBasis overrides", function () {
+      expect(createReactDOMStyle({
+        flexBasis: "25%"
+      })).toEqual({
+        flexBasis: "25%"
+      }), expect(createReactDOMStyle({
+        flex: 1,
+        flexBasis: "25%"
+      })).toEqual({
+        flex: 1,
+        flexBasis: "25%"
+      });
+    }), test("flexShrink overrides", function () {
+      expect(createReactDOMStyle({
+        flexShrink: 1
+      })).toEqual({
+        flexShrink: 1
+      }), expect(createReactDOMStyle({
+        flex: 1,
+        flexShrink: 2
+      })).toEqual({
+        flex: 1,
+        flexShrink: 2
+      });
+    });
+  }), describe("fontFamily", function () {
+    test("general case", function () {
+      expect(createReactDOMStyle({
+        fontFamily: "Georgia, Times, serif"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "Georgia, Times, serif",
+        }
+      `);
+    }), test('"monospace"', function () {
+      expect(createReactDOMStyle({
+        fontFamily: "monospace"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "monospace,monospace",
+        }
+      `);
+    }), test('"System"', function () {
+      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"', function () {
+      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"', function () {
+      expect(createReactDOMStyle({
+        fontFamily: "Noto, BlinkMacSystemFont"
+      })).toMatchInlineSnapshot(`
+        {
+          "fontFamily": "Noto,BlinkMacSystemFont",
+        }
+      `);
+    });
+  }), test("fontVariant", function () {
+    expect(createReactDOMStyle({
+      fontVariant: ["common-ligatures", "small-caps"]
+    })).toEqual({
+      fontVariant: "common-ligatures small-caps"
+    });
+  }), test("textAlignVertical", function () {
+    expect(createReactDOMStyle({
+      textAlignVertical: "center"
+    })).toEqual({
+      verticalAlign: "middle"
+    });
+  }), describe("transform", function () {
+    test("string", function () {
+      var transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)",
+        style = {
+          transform
+        },
+        resolved = createReactDOMStyle(style);
+      expect(resolved).toEqual({
+        transform
+      });
+    }), test("array", function () {
+      var style = {
+          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]
+          }]
+        },
+        resolved = createReactDOMStyle(style);
+      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.native.js.map