@webstudio-is/css-engine 0.75.0 → 0.76.0

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-engine",
-  "version": "0.75.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.75.0",
-    "@webstudio-is/fonts": "^0.75.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",
@@ -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 --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/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") {