@webstudio-is/css-data 0.4.0 → 0.16.0

package/lib/cjs/schema.cjs

@@ -21,16 +21,6 @@ __export(schema_exports, {
   Breakpoint: () => Breakpoint,
   Breakpoints: () => Breakpoints,
   CssRule: () => CssRule,
-  FontFamilyValue: () => FontFamilyValue,
-  InvalidValue: () => InvalidValue,
-  KeywordValue: () => KeywordValue,
-  Style: () => Style,
-  StyleValue: () => StyleValue,
-  Unit: () => Unit,
-  UnitValue: () => UnitValue,
-  UnsetValue: () => UnsetValue,
-  ValidStaticStyleValue: () => ValidStaticStyleValue,
-  VarValue: () => VarValue,
   validStaticValueTypes: () => validStaticValueTypes
 });
 module.exports = __toCommonJS(schema_exports);
@@ -50,6 +40,13 @@ const FontFamilyValue = import_zod.z.object({
   type: import_zod.z.literal("fontFamily"),
   value: import_zod.z.array(import_zod.z.string())
 });
+const RgbValue = import_zod.z.object({
+  type: import_zod.z.literal("rgb"),
+  r: import_zod.z.number(),
+  g: import_zod.z.number(),
+  b: import_zod.z.number(),
+  alpha: import_zod.z.number()
+});
 const InvalidValue = import_zod.z.object({
   type: import_zod.z.literal("invalid"),
   value: import_zod.z.string()
@@ -58,11 +55,17 @@ const UnsetValue = import_zod.z.object({
   type: import_zod.z.literal("unset"),
   value: import_zod.z.literal("")
 });
-const validStaticValueTypes = ["unit", "keyword", "fontFamily"];
+const validStaticValueTypes = [
+  "unit",
+  "keyword",
+  "fontFamily",
+  "rgb"
+];
 const ValidStaticStyleValue = import_zod.z.union([
   UnitValue,
   KeywordValue,
-  FontFamilyValue
+  FontFamilyValue,
+  RgbValue
 ]);
 const VarValue = import_zod.z.object({
   type: import_zod.z.literal("var"),
@@ -73,7 +76,8 @@ const StyleValue = import_zod.z.union([
   ValidStaticStyleValue,
   InvalidValue,
   UnsetValue,
-  VarValue
+  VarValue,
+  RgbValue
 ]);
 const Style = import_zod.z.record(import_zod.z.string(), StyleValue);
 const CssRule = import_zod.z.object({

package/lib/schema.js

@@ -14,6 +14,13 @@ const FontFamilyValue = z.object({
   type: z.literal("fontFamily"),
   value: z.array(z.string())
 });
+const RgbValue = z.object({
+  type: z.literal("rgb"),
+  r: z.number(),
+  g: z.number(),
+  b: z.number(),
+  alpha: z.number()
+});
 const InvalidValue = z.object({
   type: z.literal("invalid"),
   value: z.string()
@@ -22,11 +29,17 @@ const UnsetValue = z.object({
   type: z.literal("unset"),
   value: z.literal("")
 });
-const validStaticValueTypes = ["unit", "keyword", "fontFamily"];
+const validStaticValueTypes = [
+  "unit",
+  "keyword",
+  "fontFamily",
+  "rgb"
+];
 const ValidStaticStyleValue = z.union([
   UnitValue,
   KeywordValue,
-  FontFamilyValue
+  FontFamilyValue,
+  RgbValue
 ]);
 const VarValue = z.object({
   type: z.literal("var"),
@@ -37,7 +50,8 @@ const StyleValue = z.union([
   ValidStaticStyleValue,
   InvalidValue,
   UnsetValue,
-  VarValue
+  VarValue,
+  RgbValue
 ]);
 const Style = z.record(z.string(), StyleValue);
 const CssRule = z.object({
@@ -54,15 +68,5 @@ export {
   Breakpoint,
   Breakpoints,
   CssRule,
-  FontFamilyValue,
-  InvalidValue,
-  KeywordValue,
-  Style,
-  StyleValue,
-  Unit,
-  UnitValue,
-  UnsetValue,
-  ValidStaticStyleValue,
-  VarValue,
   validStaticValueTypes
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-data",
-  "version": "0.4.0",
+  "version": "0.16.0",
   "description": "CSS Data",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",

package/src/schema.ts

@@ -16,11 +16,11 @@ type CustomProperty = `--${string}`;
 
 export type AppliesTo = Properties[StyleProperty]["appliesTo"];
 
-export const Unit = z.union([z.enum(units), z.literal("number")]);
+const Unit = z.union([z.enum(units), z.literal("number")]);
 
 export type Unit = z.infer<typeof Unit>;
 
-export const UnitValue = z.object({
+const UnitValue = z.object({
   type: z.literal("unit"),
   unit: Unit,
   value: z.number(),
@@ -28,58 +28,74 @@ export const UnitValue = z.object({
 
 export type UnitValue = z.infer<typeof UnitValue>;
 
-export const KeywordValue = z.object({
+const KeywordValue = z.object({
   type: z.literal("keyword"),
   // @todo use exact type
   value: z.string(),
 });
 export type KeywordValue = z.infer<typeof KeywordValue>;
 
-export const FontFamilyValue = z.object({
+const FontFamilyValue = z.object({
   type: z.literal("fontFamily"),
   value: z.array(z.string()),
 });
 export type FontFamilyValue = z.infer<typeof FontFamilyValue>;
 
+const RgbValue = z.object({
+  type: z.literal("rgb"),
+  r: z.number(),
+  g: z.number(),
+  b: z.number(),
+  alpha: z.number(),
+});
+export type RgbValue = z.infer<typeof RgbValue>;
+
 // We want to be able to render the invalid value
 // and show it is invalid visually, without saving it to the db
-export const InvalidValue = z.object({
+const InvalidValue = z.object({
   type: z.literal("invalid"),
   value: z.string(),
 });
 export type InvalidValue = z.infer<typeof InvalidValue>;
 
-export const UnsetValue = z.object({
+const UnsetValue = z.object({
   type: z.literal("unset"),
   value: z.literal(""),
 });
 export type UnsetValue = z.infer<typeof UnsetValue>;
 
-export const validStaticValueTypes = ["unit", "keyword", "fontFamily"] as const;
+export const validStaticValueTypes = [
+  "unit",
+  "keyword",
+  "fontFamily",
+  "rgb",
+] as const;
 
-export const ValidStaticStyleValue = z.union([
+const ValidStaticStyleValue = z.union([
   UnitValue,
   KeywordValue,
   FontFamilyValue,
+  RgbValue,
 ]);
 export type ValidStaticStyleValue = z.infer<typeof ValidStaticStyleValue>;
 
-export const VarValue = z.object({
+const VarValue = z.object({
   type: z.literal("var"),
   value: z.string(),
   fallbacks: z.array(ValidStaticStyleValue),
 });
 export type VarValue = z.infer<typeof VarValue>;
 
-export const StyleValue = z.union([
+const StyleValue = z.union([
   ValidStaticStyleValue,
   InvalidValue,
   UnsetValue,
   VarValue,
+  RgbValue,
 ]);
 export type StyleValue = z.infer<typeof StyleValue>;
 
-export const Style = z.record(z.string(), StyleValue);
+const Style = z.record(z.string(), StyleValue);
 
 export type Style = {
   [property in StyleProperty]?: StyleValue;