@webstudio-is/css-engine 0.142.0 → 0.144.0

package/lib/index.js

@@ -80,6 +80,9 @@ var toValue = (styleValue, transformValue) => {
   if (value.type === "function") {
     return `${value.name}(${toValue(value.args, transformValue)})`;
   }
+  if (value.type === "guaranteedInvalid") {
+    return "";
+  }
   return captureError(new Error("Unknown value type"), value);
 };
 
@@ -538,6 +541,9 @@ var ImageValue = z.object({
   // For the builder we want to be able to hide images
   hidden: z.boolean().optional()
 });
+var GuaranteedInvalidValue = z.object({
+  type: z.literal("guaranteedInvalid")
+});
 var InvalidValue = z.object({
   type: z.literal("invalid"),
   value: z.string()
@@ -580,11 +586,12 @@ var ValidStaticStyleValue = z.union([
   RgbValue,
   UnparsedValue,
   TupleValue,
-  FunctionValue
+  FunctionValue,
+  GuaranteedInvalidValue
 ]);
 var isValidStaticStyleValue = (styleValue) => {
   const staticStyleValue = styleValue;
-  return staticStyleValue.type === "image" || staticStyleValue.type === "layers" || staticStyleValue.type === "unit" || staticStyleValue.type === "keyword" || staticStyleValue.type === "fontFamily" || staticStyleValue.type === "rgb" || staticStyleValue.type === "unparsed" || staticStyleValue.type === "tuple" || staticStyleValue.type === "function";
+  return staticStyleValue.type === "image" || staticStyleValue.type === "layers" || staticStyleValue.type === "unit" || staticStyleValue.type === "keyword" || staticStyleValue.type === "fontFamily" || staticStyleValue.type === "rgb" || staticStyleValue.type === "unparsed" || staticStyleValue.type === "tuple" || staticStyleValue.type === "function" || staticStyleValue.type === "guaranteedInvalid";
 };
 var VarValue = z.object({
   type: z.literal("var"),
@@ -600,6 +607,7 @@ var StyleValue = z.union([
 var Style = z.record(z.string(), StyleValue);
 export {
   FunctionValue,
+  GuaranteedInvalidValue,
   ImageValue,
   InvalidValue,
   KeywordValue,

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

@@ -130,6 +130,8 @@ export declare class StylePropertyMap {
                 type: "invalid";
                 value: string;
             })[];
+        } | {
+            type: "guaranteedInvalid";
         } | {
             type: "unset";
             value: "";
@@ -235,6 +237,8 @@ export declare class StylePropertyMap {
                     type: "invalid";
                     value: string;
                 })[];
+            } | {
+                type: "guaranteedInvalid";
             })[];
         };
     } | {
@@ -350,6 +354,8 @@ export declare class StylePropertyMap {
                     type: "invalid";
                     value: string;
                 })[];
+            } | {
+                type: "guaranteedInvalid";
             } | {
                 type: "unset";
                 value: "";
@@ -455,6 +461,8 @@ export declare class StylePropertyMap {
                         type: "invalid";
                         value: string;
                     })[];
+                } | {
+                    type: "guaranteedInvalid";
                 })[];
             };
         })[];
@@ -559,6 +567,8 @@ export declare class StylePropertyMap {
                     type: "invalid";
                     value: string;
                 })[];
+            } | {
+                type: "guaranteedInvalid";
             } | {
                 type: "unset";
                 value: "";
@@ -664,6 +674,8 @@ export declare class StylePropertyMap {
                         type: "invalid";
                         value: string;
                     })[];
+                } | {
+                    type: "guaranteedInvalid";
                 })[];
             };
         } | {
@@ -701,6 +713,8 @@ export declare class StylePropertyMap {
             type: "invalid";
             value: string;
         })[];
+    } | {
+        type: "guaranteedInvalid";
     } | {
         type: "unset";
         value: "";
@@ -811,6 +825,8 @@ export declare class StylePropertyMap {
                     type: "invalid";
                     value: string;
                 })[];
+            } | {
+                type: "guaranteedInvalid";
             } | {
                 type: "unset";
                 value: "";
@@ -916,6 +932,8 @@ export declare class StylePropertyMap {
                         type: "invalid";
                         value: string;
                     })[];
+                } | {
+                    type: "guaranteedInvalid";
                 })[];
             };
         } | {
@@ -997,6 +1015,8 @@ export declare class StylePropertyMap {
                 type: "invalid";
                 value: string;
             })[];
+        } | {
+            type: "guaranteedInvalid";
         })[];
     } | undefined;
     has(property: StyleProperty): boolean;

package/lib/types/schema.d.ts

@@ -127,6 +127,14 @@ export declare const ImageValue: z.ZodObject<{
     hidden?: boolean | undefined;
 }>;
 export type ImageValue = z.infer<typeof ImageValue>;
+export declare const GuaranteedInvalidValue: z.ZodObject<{
+    type: z.ZodLiteral<"guaranteedInvalid">;
+}, "strip", z.ZodTypeAny, {
+    type: "guaranteedInvalid";
+}, {
+    type: "guaranteedInvalid";
+}>;
+export type GuaranteedInvalidValue = z.infer<typeof GuaranteedInvalidValue>;
 export declare const InvalidValue: z.ZodObject<{
     type: z.ZodLiteral<"invalid">;
     value: z.ZodString;
@@ -1397,6 +1405,12 @@ declare const ValidStaticStyleValue: z.ZodUnion<[z.ZodObject<{
     type: "function";
     name: string;
     args: StyleValue;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"guaranteedInvalid">;
+}, "strip", z.ZodTypeAny, {
+    type: "guaranteedInvalid";
+}, {
+    type: "guaranteedInvalid";
 }>]>;
 export type ValidStaticStyleValue = z.infer<typeof ValidStaticStyleValue>;
 /**
@@ -1519,6 +1533,8 @@ export declare const isValidStaticStyleValue: (styleValue: StyleValue) => styleV
         type: "invalid";
         value: string;
     })[];
+} | {
+    type: "guaranteedInvalid";
 };
 declare const VarValue: z.ZodObject<{
     type: z.ZodLiteral<"var">;
@@ -2066,6 +2082,12 @@ declare const VarValue: z.ZodObject<{
         type: "function";
         name: string;
         args: StyleValue;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"guaranteedInvalid">;
+    }, "strip", z.ZodTypeAny, {
+        type: "guaranteedInvalid";
+    }, {
+        type: "guaranteedInvalid";
     }>]>, "many">;
 }, "strip", z.ZodTypeAny, {
     type: "var";
@@ -2185,6 +2207,8 @@ declare const VarValue: z.ZodObject<{
             type: "invalid";
             value: string;
         })[];
+    } | {
+        type: "guaranteedInvalid";
     })[];
 }, {
     type: "var";
@@ -2304,6 +2328,8 @@ declare const VarValue: z.ZodObject<{
             type: "invalid";
             value: string;
         })[];
+    } | {
+        type: "guaranteedInvalid";
     })[];
 }>;
 export type VarValue = z.infer<typeof VarValue>;
@@ -2850,6 +2876,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
     type: "function";
     name: string;
     args: StyleValue;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"guaranteedInvalid">;
+}, "strip", z.ZodTypeAny, {
+    type: "guaranteedInvalid";
+}, {
+    type: "guaranteedInvalid";
 }>]>, z.ZodObject<{
     type: z.ZodLiteral<"invalid">;
     value: z.ZodString;
@@ -3414,6 +3446,12 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
         type: "function";
         name: string;
         args: StyleValue;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"guaranteedInvalid">;
+    }, "strip", z.ZodTypeAny, {
+        type: "guaranteedInvalid";
+    }, {
+        type: "guaranteedInvalid";
     }>]>, "many">;
 }, "strip", z.ZodTypeAny, {
     type: "var";
@@ -3533,6 +3571,8 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
             type: "invalid";
             value: string;
         })[];
+    } | {
+        type: "guaranteedInvalid";
     })[];
 }, {
     type: "var";
@@ -3652,6 +3692,8 @@ export declare const StyleValue: z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
             type: "invalid";
             value: string;
         })[];
+    } | {
+        type: "guaranteedInvalid";
     })[];
 }>]>;
 export type StyleValue = z.infer<typeof StyleValue>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-engine",
-  "version": "0.142.0",
+  "version": "0.144.0",
   "description": "CSS Renderer for Webstudio",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -8,8 +8,8 @@
   "dependencies": {
     "@emotion/hash": "^0.9.1",
     "hyphenate-style-name": "^1.0.4",
-    "@webstudio-is/error-utils": "0.142.0",
-    "@webstudio-is/fonts": "0.142.0"
+    "@webstudio-is/error-utils": "0.144.0",
+    "@webstudio-is/fonts": "0.144.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",