@webstudio-is/react-sdk 0.7.0 → 0.7.2

package/lib/stitches/to-css.test.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const css_1 = require("../css");
-const to_css_1 = require("./to-css");
-const breakpoints = css_1.initialBreakpoints.map((breakpoint, index) => ({
-    ...breakpoint,
-    id: String(index),
-    projectId: "projectId",
-}));
-describe("Convert WS CSS rules to stitches", () => {
-    test("keyword", () => {
-        const cssRules = [
-            {
-                style: {
-                    color: {
-                        type: "keyword",
-                        value: "red",
-                    },
-                },
-                breakpoint: "0",
-            },
-        ];
-        const stitchesCss = (0, to_css_1.toCss)(cssRules, breakpoints);
-        expect(stitchesCss).toEqual({
-            "@0": {
-                color: "red",
-            },
-        });
-    });
-    test("fontFamily", () => {
-        const cssRules = [
-            {
-                style: {
-                    fontFamily: {
-                        type: "fontFamily",
-                        value: ["Courier New"],
-                    },
-                },
-                breakpoint: "0",
-            },
-        ];
-        const stitchesCss = (0, to_css_1.toCss)(cssRules, breakpoints);
-        expect(stitchesCss).toEqual({
-            "@0": {
-                fontFamily: "Courier New, monospace",
-            },
-        });
-    });
-    test("sort order based on maxWidth in breakpoints", () => {
-        const cssRules = [
-            {
-                style: {
-                    color: {
-                        type: "keyword",
-                        value: "green",
-                    },
-                },
-                breakpoint: "2",
-            },
-            {
-                style: {
-                    color: {
-                        type: "keyword",
-                        value: "blue",
-                    },
-                },
-                breakpoint: "0",
-            },
-            {
-                style: {
-                    color: {
-                        type: "keyword",
-                        value: "red",
-                    },
-                },
-                breakpoint: "1",
-            },
-        ];
-        const stitchesCss = (0, to_css_1.toCss)(cssRules, breakpoints);
-        expect(Object.keys(stitchesCss)).toStrictEqual(["@0", "@1", "@2"]);
-    });
-});