@webstudio-is/css-engine 0.74.0 → 0.76.0

package/lib/cjs/core/index.js

@@ -25,6 +25,7 @@ module.exports = __toCommonJS(core_exports);
 var import_css_engine = require("./css-engine");
 __reExport(core_exports, require("./create-css-engine"), module.exports);
 __reExport(core_exports, require("./to-value"), module.exports);
+__reExport(core_exports, require("./to-property"), module.exports);
 __reExport(core_exports, require("./match-media"), module.exports);
 __reExport(core_exports, require("./equal-media"), module.exports);
 __reExport(core_exports, require("./compare-media"), module.exports);

package/lib/cjs/core/to-value.js

@@ -86,7 +86,12 @@ const toValue = (styleValue, transformValue) => {
     return value.value;
   }
   if (value.type === "layers") {
-    return value.value.map((value2) => toValue(value2, transformValue)).join(", ");
+    const valueString = value.value.filter(
+      (layer) => "hidden" in layer === false || "hidden" in layer && layer.hidden === false
+    ).map((layer) => {
+      return toValue(layer, transformValue);
+    }).join(", ");
+    return valueString === "" ? "none" : valueString;
   }
   if (value.type === "tuple") {
     return value.value.map((value2) => toValue(value2, transformValue)).join(" ");

package/lib/core/index.js

@@ -1,6 +1,7 @@
 import { CssEngine } from "./css-engine";
 export * from "./create-css-engine";
 export * from "./to-value";
+export * from "./to-property";
 export * from "./match-media";
 export * from "./equal-media";
 export * from "./compare-media";

package/lib/core/to-value.js

@@ -63,7 +63,12 @@ const toValue = (styleValue, transformValue) => {
     return value.value;
   }
   if (value.type === "layers") {
-    return value.value.map((value2) => toValue(value2, transformValue)).join(", ");
+    const valueString = value.value.filter(
+      (layer) => "hidden" in layer === false || "hidden" in layer && layer.hidden === false
+    ).map((layer) => {
+      return toValue(layer, transformValue);
+    }).join(", ");
+    return valueString === "" ? "none" : valueString;
   }
   if (value.type === "tuple") {
     return value.value.map((value2) => toValue(value2, transformValue)).join(" ");

package/lib/types/core/index.d.ts

@@ -2,6 +2,7 @@ export { CssEngine } from "./css-engine";
 export type { AnyRule, StyleRule, MediaRule, PlaintextRule, FontFaceRule, } from "./rules";
 export * from "./create-css-engine";
 export * from "./to-value";
+export * from "./to-property";
 export * from "./match-media";
 export * from "./equal-media";
 export * from "./compare-media";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-engine",
-  "version": "0.74.0",
+  "version": "0.76.0",
   "description": "CSS Renderer for Webstudio",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -9,12 +9,11 @@
     "hyphenate-style-name": "^1.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@webstudio-is/css-data": "^0.74.0",
-    "@webstudio-is/fonts": "^0.74.0"
+    "@webstudio-is/css-data": "^0.76.0",
+    "@webstudio-is/fonts": "^0.76.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.3.1",
-    "@storybook/react": "^6.5.16",
     "@types/hyphenate-style-name": "^1.0.0",
     "@types/react": "^18.0.35",
     "@types/react-dom": "^18.0.11",
@@ -27,8 +26,8 @@
   },
   "exports": {
     "source": "./src/index.ts",
-    "import": "./lib/index.js",
-    "types": "./lib/types/index.d.ts"
+    "types": "./lib/types/index.d.ts",
+    "import": "./lib/index.js"
   },
   "files": [
     "lib/*",
@@ -40,13 +39,12 @@
   "sideEffects": false,
   "scripts": {
     "typecheck": "tsc --noEmit --emitDeclarationOnly false",
-    "checks": "pnpm typecheck && pnpm lint && pnpm test",
+    "checks": "pnpm typecheck && pnpm test",
     "dev": "build-package --watch",
     "build": "build-package",
-    "dts": "tsc --declarationDir lib/types",
+    "dts": "tsc --project tsconfig.dts.json",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
-    "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",
-    "storybook:run": "start-storybook -p 6006",
-    "storybook:build": "build-storybook"
+    "storybook:dev": "storybook dev -p 6006",
+    "storybook:build": "storybook build"
   }
 }

package/src/core/index.ts

@@ -8,6 +8,7 @@ export type {
 } from "./rules";
 export * from "./create-css-engine";
 export * from "./to-value";
+export * from "./to-property";
 export * from "./match-media";
 export * from "./equal-media";
 export * from "./compare-media";

package/src/core/to-value.ts

@@ -91,9 +91,17 @@ export const toValue = (
   }
 
   if (value.type === "layers") {
-    return value.value
-      .map((value) => toValue(value, transformValue))
+    const valueString = value.value
+      .filter(
+        (layer) =>
+          "hidden" in layer === false ||
+          ("hidden" in layer && layer.hidden === false)
+      )
+      .map((layer) => {
+        return toValue(layer, transformValue);
+      })
       .join(", ");
+    return valueString === "" ? "none" : valueString;
   }
 
   if (value.type === "tuple") {