@webstudio-is/css-data 0.36.0 → 0.41.0

package/lib/__generated__/keyword-values.js

@@ -302,7 +302,7 @@ const keywordValues = {
     "color",
     "luminosity"
   ],
-  backgroundClip: ["border-box", "padding-box", "content-box"],
+  backgroundClip: ["border-box", "padding-box", "content-box", "text"],
   backgroundColor: [
     "transparent",
     "aliceblue",

package/lib/cjs/__generated__/keyword-values.cjs

@@ -325,7 +325,7 @@ const keywordValues = {
     "color",
     "luminosity"
   ],
-  backgroundClip: ["border-box", "padding-box", "content-box"],
+  backgroundClip: ["border-box", "padding-box", "content-box", "text"],
   backgroundColor: [
     "transparent",
     "aliceblue",

package/lib/cjs/schema.cjs

@@ -57,7 +57,7 @@ const RgbValue = import_zod.z.object({
 });
 const ImageValue = import_zod.z.object({
   type: import_zod.z.literal("image"),
-  value: import_zod.z.array(import_zod.z.object({ type: import_zod.z.literal("asset"), value: import_asset_uploader.ImageAsset }))
+  value: import_zod.z.object({ type: import_zod.z.literal("asset"), value: import_asset_uploader.ImageAsset })
 });
 const InvalidValue = import_zod.z.object({
   type: import_zod.z.literal("invalid"),
@@ -67,20 +67,26 @@ const UnsetValue = import_zod.z.object({
   type: import_zod.z.literal("unset"),
   value: import_zod.z.literal("")
 });
+const ArrayValue = import_zod.z.object({
+  type: import_zod.z.literal("layers"),
+  value: import_zod.z.array(import_zod.z.union([UnitValue, KeywordValue, UnparsedValue, ImageValue]))
+});
 const validStaticValueTypes = [
   "unit",
   "keyword",
   "fontFamily",
   "rgb",
   "image",
-  "unparsed"
+  "unparsed",
+  "array"
 ];
 const SharedStaticStyleValue = import_zod.z.union([
   UnitValue,
   KeywordValue,
   FontFamilyValue,
   RgbValue,
-  UnparsedValue
+  UnparsedValue,
+  ArrayValue
 ]);
 const ValidStaticStyleValue = import_zod.z.union([ImageValue, SharedStaticStyleValue]);
 const VarValue = import_zod.z.object({

package/lib/schema.js

@@ -31,7 +31,7 @@ const RgbValue = z.object({
 });
 const ImageValue = z.object({
   type: z.literal("image"),
-  value: z.array(z.object({ type: z.literal("asset"), value: ImageAsset }))
+  value: z.object({ type: z.literal("asset"), value: ImageAsset })
 });
 const InvalidValue = z.object({
   type: z.literal("invalid"),
@@ -41,20 +41,26 @@ const UnsetValue = z.object({
   type: z.literal("unset"),
   value: z.literal("")
 });
+const ArrayValue = z.object({
+  type: z.literal("layers"),
+  value: z.array(z.union([UnitValue, KeywordValue, UnparsedValue, ImageValue]))
+});
 const validStaticValueTypes = [
   "unit",
   "keyword",
   "fontFamily",
   "rgb",
   "image",
-  "unparsed"
+  "unparsed",
+  "array"
 ];
 const SharedStaticStyleValue = z.union([
   UnitValue,
   KeywordValue,
   FontFamilyValue,
   RgbValue,
-  UnparsedValue
+  UnparsedValue,
+  ArrayValue
 ]);
 const ValidStaticStyleValue = z.union([ImageValue, SharedStaticStyleValue]);
 const VarValue = z.object({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-data",
-  "version": "0.36.0",
+  "version": "0.41.0",
   "description": "CSS Data",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -12,7 +12,7 @@
     "mdn-data": "2.0.30",
     "typescript": "4.9.5",
     "zod": "^3.19.1",
-    "@webstudio-is/asset-uploader": "^0.36.0",
+    "@webstudio-is/asset-uploader": "^0.41.0",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.1"
   },

package/src/__generated__/keyword-values.ts

@@ -303,7 +303,7 @@ export const keywordValues = {
     "color",
     "luminosity",
   ],
-  backgroundClip: ["border-box", "padding-box", "content-box"],
+  backgroundClip: ["border-box", "padding-box", "content-box", "text"],
   backgroundColor: [
     "transparent",
     "aliceblue",

package/src/schema.ts

@@ -19,7 +19,7 @@ export type AppliesTo = Properties[StyleProperty]["appliesTo"];
 
 export type UnitGroup = keyof typeof units;
 
-type UnitEnum = typeof units[UnitGroup][number];
+type UnitEnum = (typeof units)[UnitGroup][number];
 
 const Unit = z.union([
   // expected tuple with at least single element
@@ -70,7 +70,7 @@ export type RgbValue = z.infer<typeof RgbValue>;
 
 export const ImageValue = z.object({
   type: z.literal("image"),
-  value: z.array(z.object({ type: z.literal("asset"), value: ImageAsset })),
+  value: z.object({ type: z.literal("asset"), value: ImageAsset }),
 });
 
 export type ImageValue = z.infer<typeof ImageValue>;
@@ -89,6 +89,14 @@ const UnsetValue = z.object({
 });
 export type UnsetValue = z.infer<typeof UnsetValue>;
 
+// To support background layers https://developer.mozilla.org/en-US/docs/Web/CSS/background
+// and similar comma separated css properties
+const ArrayValue = z.object({
+  type: z.literal("layers"),
+  value: z.array(z.union([UnitValue, KeywordValue, UnparsedValue, ImageValue])),
+});
+export type ArrayValue = z.infer<typeof ArrayValue>;
+
 export const validStaticValueTypes = [
   "unit",
   "keyword",
@@ -96,6 +104,7 @@ export const validStaticValueTypes = [
   "rgb",
   "image",
   "unparsed",
+  "array",
 ] as const;
 
 /**
@@ -108,6 +117,7 @@ const SharedStaticStyleValue = z.union([
   FontFamilyValue,
   RgbValue,
   UnparsedValue,
+  ArrayValue,
 ]);
 
 const ValidStaticStyleValue = z.union([ImageValue, SharedStaticStyleValue]);