@webstudio-is/css-data 0.47.0 → 0.48.0

package/lib/__generated__/keyword-values.js

@@ -485,6 +485,7 @@ const keywordValues = {
   ],
   backgroundImage: ["none"],
   backgroundOrigin: ["border-box", "padding-box", "content-box"],
+  backgroundPosition: ["left", "center", "right", "top", "bottom"],
   backgroundPositionX: ["center", "left", "right", "x-start", "x-end"],
   backgroundPositionY: ["center", "top", "bottom", "y-start", "y-end"],
   backgroundRepeat: [

package/lib/__generated__/properties.js

@@ -252,6 +252,16 @@ const properties = {
     popularity: 0.0847006,
     appliesTo: "allElements"
   },
+  backgroundPosition: {
+    unitGroups: ["length", "percentage"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "0% 0%"
+    },
+    popularity: 0.76724967,
+    appliesTo: "allElements"
+  },
   backgroundPositionX: {
     unitGroups: ["length", "percentage"],
     inherited: false,

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

@@ -508,6 +508,7 @@ const keywordValues = {
   ],
   backgroundImage: ["none"],
   backgroundOrigin: ["border-box", "padding-box", "content-box"],
+  backgroundPosition: ["left", "center", "right", "top", "bottom"],
   backgroundPositionX: ["center", "left", "right", "x-start", "x-end"],
   backgroundPositionY: ["center", "top", "bottom", "y-start", "y-end"],
   backgroundRepeat: [

package/lib/cjs/__generated__/properties.cjs

@@ -275,6 +275,16 @@ const properties = {
     popularity: 0.0847006,
     appliesTo: "allElements"
   },
+  backgroundPosition: {
+    unitGroups: ["length", "percentage"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "0% 0%"
+    },
+    popularity: 0.76724967,
+    appliesTo: "allElements"
+  },
   backgroundPositionX: {
     unitGroups: ["length", "percentage"],
     inherited: false,

package/lib/cjs/schema.cjs

@@ -49,7 +49,8 @@ const KeywordValue = import_zod.z.object({
 });
 const UnparsedValue = import_zod.z.object({
   type: import_zod.z.literal("unparsed"),
-  value: import_zod.z.string()
+  value: import_zod.z.string(),
+  hidden: import_zod.z.boolean().optional()
 });
 const FontFamilyValue = import_zod.z.object({
   type: import_zod.z.literal("fontFamily"),
@@ -64,7 +65,8 @@ 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 })
+  value: import_zod.z.object({ type: import_zod.z.literal("asset"), value: import_asset_uploader.ImageAsset }),
+  hidden: import_zod.z.boolean().optional()
 });
 const InvalidValue = import_zod.z.object({
   type: import_zod.z.literal("invalid"),
@@ -74,17 +76,24 @@ const UnsetValue = import_zod.z.object({
   type: import_zod.z.literal("unset"),
   value: import_zod.z.literal("")
 });
-const LayersValue = import_zod.z.object({
-  type: import_zod.z.literal("layers"),
-  value: import_zod.z.array(
-    import_zod.z.union([UnitValue, KeywordValue, UnparsedValue, ImageValue, InvalidValue])
-  )
-});
 const TupleValueItem = import_zod.z.union([UnitValue, KeywordValue, UnparsedValue]);
 const TupleValue = import_zod.z.object({
   type: import_zod.z.literal("tuple"),
   value: import_zod.z.array(TupleValueItem)
 });
+const LayersValue = import_zod.z.object({
+  type: import_zod.z.literal("layers"),
+  value: import_zod.z.array(
+    import_zod.z.union([
+      UnitValue,
+      KeywordValue,
+      UnparsedValue,
+      ImageValue,
+      TupleValue,
+      InvalidValue
+    ])
+  )
+});
 const validStaticValueTypes = [
   "unit",
   "keyword",

package/lib/schema.js

@@ -16,7 +16,8 @@ const KeywordValue = z.object({
 });
 const UnparsedValue = z.object({
   type: z.literal("unparsed"),
-  value: z.string()
+  value: z.string(),
+  hidden: z.boolean().optional()
 });
 const FontFamilyValue = z.object({
   type: z.literal("fontFamily"),
@@ -31,7 +32,8 @@ const RgbValue = z.object({
 });
 const ImageValue = z.object({
   type: z.literal("image"),
-  value: z.object({ type: z.literal("asset"), value: ImageAsset })
+  value: z.object({ type: z.literal("asset"), value: ImageAsset }),
+  hidden: z.boolean().optional()
 });
 const InvalidValue = z.object({
   type: z.literal("invalid"),
@@ -41,17 +43,24 @@ const UnsetValue = z.object({
   type: z.literal("unset"),
   value: z.literal("")
 });
-const LayersValue = z.object({
-  type: z.literal("layers"),
-  value: z.array(
-    z.union([UnitValue, KeywordValue, UnparsedValue, ImageValue, InvalidValue])
-  )
-});
 const TupleValueItem = z.union([UnitValue, KeywordValue, UnparsedValue]);
 const TupleValue = z.object({
   type: z.literal("tuple"),
   value: z.array(TupleValueItem)
 });
+const LayersValue = z.object({
+  type: z.literal("layers"),
+  value: z.array(
+    z.union([
+      UnitValue,
+      KeywordValue,
+      UnparsedValue,
+      ImageValue,
+      TupleValue,
+      InvalidValue
+    ])
+  )
+});
 const validStaticValueTypes = [
   "unit",
   "keyword",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-data",
-  "version": "0.47.0",
+  "version": "0.48.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.47.0",
+    "@webstudio-is/asset-uploader": "^0.48.0",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.1"
   },
@@ -20,6 +20,7 @@
     "zod": "^3.19.1"
   },
   "exports": {
+    "source": "./src/index.ts",
     "import": "./lib/index.js",
     "require": "./lib/cjs/index.cjs"
   },

package/src/__generated__/keyword-values.ts

@@ -486,6 +486,7 @@ export const keywordValues = {
   ],
   backgroundImage: ["none"],
   backgroundOrigin: ["border-box", "padding-box", "content-box"],
+  backgroundPosition: ["left", "center", "right", "top", "bottom"],
   backgroundPositionX: ["center", "left", "right", "x-start", "x-end"],
   backgroundPositionY: ["center", "top", "bottom", "y-start", "y-end"],
   backgroundRepeat: [

package/src/__generated__/properties.ts

@@ -253,6 +253,16 @@ export const properties = {
     popularity: 0.0847006,
     appliesTo: "allElements",
   },
+  backgroundPosition: {
+    unitGroups: ["length", "percentage"],
+    inherited: false,
+    initial: {
+      type: "keyword",
+      value: "0% 0%",
+    },
+    popularity: 0.76724967,
+    appliesTo: "allElements",
+  },
   backgroundPositionX: {
     unitGroups: ["length", "percentage"],
     inherited: false,

package/src/schema.ts

@@ -51,6 +51,8 @@ export type KeywordValue = z.infer<typeof KeywordValue>;
 export 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({
@@ -71,6 +73,8 @@ export type RgbValue = z.infer<typeof RgbValue>;
 export 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(),
 });
 
 export type ImageValue = z.infer<typeof ImageValue>;
@@ -89,28 +93,35 @@ const UnsetValue = z.object({
 });
 export type UnsetValue = z.infer<typeof UnsetValue>;
 
+export const TupleValueItem = z.union([UnitValue, KeywordValue, UnparsedValue]);
+export type TupleValueItem = z.infer<typeof TupleValueItem>;
+
+export const TupleValue = z.object({
+  type: z.literal("tuple"),
+  value: z.array(TupleValueItem),
+});
+
+export type TupleValue = z.infer<typeof TupleValue>;
+
 // To support background layers https://developer.mozilla.org/en-US/docs/Web/CSS/background
 // and similar comma separated css properties
 // InvalidValue used in case of asset not found
 export const LayersValue = z.object({
   type: z.literal("layers"),
   value: z.array(
-    z.union([UnitValue, KeywordValue, UnparsedValue, ImageValue, InvalidValue])
+    z.union([
+      UnitValue,
+      KeywordValue,
+      UnparsedValue,
+      ImageValue,
+      TupleValue,
+      InvalidValue,
+    ])
   ),
 });
 
 export type LayersValue = z.infer<typeof LayersValue>;
 
-export const TupleValueItem = z.union([UnitValue, KeywordValue, UnparsedValue]);
-export type TupleValueItem = z.infer<typeof TupleValueItem>;
-
-export const TupleValue = z.object({
-  type: z.literal("tuple"),
-  value: z.array(TupleValueItem),
-});
-
-export type TupleValue = z.infer<typeof TupleValue>;
-
 /**
  * All StyleValue types that going to need wrapping into a CSS variable when rendered
  * on canvas inside builder.