@webstudio-is/css-data 0.18.1 → 0.20.0

package/lib/cjs/__generated__/units.cjs

@@ -21,34 +21,65 @@ __export(units_exports, {
   units: () => units
 });
 module.exports = __toCommonJS(units_exports);
-const units = [
-  "ch",
-  "cm",
-  "deg",
-  "dpcm",
-  "dpi",
-  "dppx",
-  "em",
-  "ex",
-  "fr",
-  "grad",
-  "Hz",
-  "in",
-  "kHz",
-  "mm",
-  "ms",
-  "pc",
-  "pt",
-  "px",
-  "Q",
-  "rad",
-  "rem",
-  "s",
-  "turn",
-  "vh",
-  "vmax",
-  "vmin",
-  "vw",
-  "x",
-  "%"
-];
+const units = {
+  number: [],
+  percentage: ["%"],
+  angle: ["deg", "grad", "rad", "turn"],
+  decibel: ["db"],
+  flex: ["fr"],
+  frequency: ["hz", "khz"],
+  length: [
+    "cm",
+    "mm",
+    "q",
+    "in",
+    "pt",
+    "pc",
+    "px",
+    "em",
+    "rem",
+    "ex",
+    "rex",
+    "cap",
+    "rcap",
+    "ch",
+    "rch",
+    "ic",
+    "ric",
+    "lh",
+    "rlh",
+    "vw",
+    "svw",
+    "lvw",
+    "dvw",
+    "vh",
+    "svh",
+    "lvh",
+    "dvh",
+    "vi",
+    "svi",
+    "lvi",
+    "dvi",
+    "vb",
+    "svb",
+    "lvb",
+    "dvb",
+    "vmin",
+    "svmin",
+    "lvmin",
+    "dvmin",
+    "vmax",
+    "svmax",
+    "lvmax",
+    "dvmax",
+    "cqw",
+    "cqh",
+    "cqi",
+    "cqb",
+    "cqmin",
+    "cqmax"
+  ],
+  resolution: ["dpi", "dpcm", "dppx", "x"],
+  semitones: ["st"],
+  time: ["s", "ms"]
+};

package/lib/cjs/schema.cjs

@@ -21,12 +21,18 @@ __export(schema_exports, {
   Breakpoint: () => Breakpoint,
   Breakpoints: () => Breakpoints,
   CssRule: () => CssRule,
+  ImageValue: () => ImageValue,
+  SharedStyleValue: () => SharedStyleValue,
   validStaticValueTypes: () => validStaticValueTypes
 });
 module.exports = __toCommonJS(schema_exports);
 var import_units = require("./__generated__/units");
 var import_zod = require("zod");
-const Unit = import_zod.z.union([import_zod.z.enum(import_units.units), import_zod.z.literal("number")]);
+var import_asset_uploader = require("@webstudio-is/asset-uploader");
+const Unit = import_zod.z.union([
+  import_zod.z.enum(Object.values(import_units.units).flat()),
+  import_zod.z.literal("number")
+]);
 const UnitValue = import_zod.z.object({
   type: import_zod.z.literal("unit"),
   unit: Unit,
@@ -47,6 +53,10 @@ const RgbValue = import_zod.z.object({
   b: import_zod.z.number(),
   alpha: import_zod.z.number()
 });
+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 }))
+});
 const InvalidValue = import_zod.z.object({
   type: import_zod.z.literal("invalid"),
   value: import_zod.z.string()
@@ -59,14 +69,16 @@ const validStaticValueTypes = [
   "unit",
   "keyword",
   "fontFamily",
-  "rgb"
+  "rgb",
+  "image"
 ];
-const ValidStaticStyleValue = import_zod.z.union([
+const SharedStaticStyleValue = import_zod.z.union([
   UnitValue,
   KeywordValue,
   FontFamilyValue,
   RgbValue
 ]);
+const ValidStaticStyleValue = import_zod.z.union([ImageValue, SharedStaticStyleValue]);
 const VarValue = import_zod.z.object({
   type: import_zod.z.literal("var"),
   value: import_zod.z.string(),
@@ -76,8 +88,13 @@ const StyleValue = import_zod.z.union([
   ValidStaticStyleValue,
   InvalidValue,
   UnsetValue,
-  VarValue,
-  RgbValue
+  VarValue
+]);
+const SharedStyleValue = import_zod.z.union([
+  SharedStaticStyleValue,
+  InvalidValue,
+  UnsetValue,
+  VarValue
 ]);
 const Style = import_zod.z.record(import_zod.z.string(), StyleValue);
 const CssRule = import_zod.z.object({

package/lib/schema.js

@@ -1,6 +1,10 @@
 import { units } from "./__generated__/units";
 import { z } from "zod";
-const Unit = z.union([z.enum(units), z.literal("number")]);
+import { ImageAsset } from "@webstudio-is/asset-uploader";
+const Unit = z.union([
+  z.enum(Object.values(units).flat()),
+  z.literal("number")
+]);
 const UnitValue = z.object({
   type: z.literal("unit"),
   unit: Unit,
@@ -21,6 +25,10 @@ const RgbValue = z.object({
   b: z.number(),
   alpha: z.number()
 });
+const ImageValue = z.object({
+  type: z.literal("image"),
+  value: z.array(z.object({ type: z.literal("asset"), value: ImageAsset }))
+});
 const InvalidValue = z.object({
   type: z.literal("invalid"),
   value: z.string()
@@ -33,14 +41,16 @@ const validStaticValueTypes = [
   "unit",
   "keyword",
   "fontFamily",
-  "rgb"
+  "rgb",
+  "image"
 ];
-const ValidStaticStyleValue = z.union([
+const SharedStaticStyleValue = z.union([
   UnitValue,
   KeywordValue,
   FontFamilyValue,
   RgbValue
 ]);
+const ValidStaticStyleValue = z.union([ImageValue, SharedStaticStyleValue]);
 const VarValue = z.object({
   type: z.literal("var"),
   value: z.string(),
@@ -50,8 +60,13 @@ const StyleValue = z.union([
   ValidStaticStyleValue,
   InvalidValue,
   UnsetValue,
-  VarValue,
-  RgbValue
+  VarValue
+]);
+const SharedStyleValue = z.union([
+  SharedStaticStyleValue,
+  InvalidValue,
+  UnsetValue,
+  VarValue
 ]);
 const Style = z.record(z.string(), StyleValue);
 const CssRule = z.object({
@@ -68,5 +83,7 @@ export {
   Breakpoint,
   Breakpoints,
   CssRule,
+  ImageValue,
+  SharedStyleValue,
   validStaticValueTypes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-data",
-  "version": "0.18.1",
+  "version": "0.20.0",
   "description": "CSS Data",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -10,11 +10,12 @@
     "@types/css-tree": "^2.0.0",
     "camelcase": "^6.3.0",
     "css-tree": "^2.3.0",
-    "mdn-data": "2.0.23",
+    "mdn-data": "2.0.30",
     "typescript": "4.7.4",
     "zod": "^3.19.1",
     "@webstudio-is/scripts": "^0.0.0",
-    "@webstudio-is/tsconfig": "^1.0.1"
+    "@webstudio-is/tsconfig": "^1.0.1",
+    "@webstudio-is/asset-uploader": "^0.20.0"
   },
   "peerDependencies": {
     "zod": "^3.19.1"