@webstudio-is/css-data 0.48.0 → 0.50.0

package/lib/cjs/schema.cjs

@@ -35,6 +35,8 @@ var import_units = require("./__generated__/units");
 var import_zod = require("zod");
 var import_asset_uploader = require("@webstudio-is/asset-uploader");
 const Unit = import_zod.z.union([
+  // expected tuple with at least single element
+  // so cast to tuple with single union element to get correct inference
   import_zod.z.enum(Object.values(import_units.units).flat()),
   import_zod.z.literal("number")
 ]);
@@ -45,11 +47,13 @@ const UnitValue = import_zod.z.object({
 });
 const KeywordValue = import_zod.z.object({
   type: import_zod.z.literal("keyword"),
+  // @todo use exact type
   value: import_zod.z.string()
 });
 const UnparsedValue = import_zod.z.object({
   type: import_zod.z.literal("unparsed"),
   value: import_zod.z.string(),
+  // For the builder we want to be able to hide background-image
   hidden: import_zod.z.boolean().optional()
 });
 const FontFamilyValue = import_zod.z.object({
@@ -66,6 +70,7 @@ const RgbValue = import_zod.z.object({
 const ImageValue = import_zod.z.object({
   type: import_zod.z.literal("image"),
   value: import_zod.z.object({ type: import_zod.z.literal("asset"), value: import_asset_uploader.ImageAsset }),
+  // For the builder we want to be able to hide images
   hidden: import_zod.z.boolean().optional()
 });
 const InvalidValue = import_zod.z.object({

package/lib/schema.js

@@ -2,6 +2,8 @@ import { units } from "./__generated__/units";
 import { z } from "zod";
 import { ImageAsset } from "@webstudio-is/asset-uploader";
 const Unit = z.union([
+  // expected tuple with at least single element
+  // so cast to tuple with single union element to get correct inference
   z.enum(Object.values(units).flat()),
   z.literal("number")
 ]);
@@ -12,11 +14,13 @@ const UnitValue = z.object({
 });
 const KeywordValue = z.object({
   type: z.literal("keyword"),
+  // @todo use exact type
   value: z.string()
 });
 const UnparsedValue = z.object({
   type: z.literal("unparsed"),
   value: z.string(),
+  // For the builder we want to be able to hide background-image
   hidden: z.boolean().optional()
 });
 const FontFamilyValue = z.object({
@@ -33,6 +37,7 @@ const RgbValue = z.object({
 const ImageValue = z.object({
   type: z.literal("image"),
   value: z.object({ type: z.literal("asset"), value: ImageAsset }),
+  // For the builder we want to be able to hide images
   hidden: z.boolean().optional()
 });
 const InvalidValue = z.object({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-data",
-  "version": "0.48.0",
+  "version": "0.50.0",
   "description": "CSS Data",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -10,9 +10,10 @@
     "camelcase": "^6.3.0",
     "css-tree": "^2.3.1",
     "mdn-data": "2.0.30",
+    "tsx": "^3.12.6",
     "typescript": "4.9.5",
     "zod": "^3.19.1",
-    "@webstudio-is/asset-uploader": "^0.48.0",
+    "@webstudio-is/asset-uploader": "^0.50.0",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.1"
   },

package/src/schema.ts

@@ -55,6 +55,8 @@ export const UnparsedValue = z.object({
   hidden: z.boolean().optional(),
 });
 
+export type UnparsedValue = z.infer<typeof UnparsedValue>;
+
 const FontFamilyValue = z.object({
   type: z.literal("fontFamily"),
   value: z.array(z.string()),