@webstudio-is/css-data 0.56.0 → 0.57.0

package/lib/cjs/schema.js

@@ -18,7 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var schema_exports = {};
 __export(schema_exports, {
-  CssRule: () => CssRule,
   ImageValue: () => ImageValue,
   InvalidValue: () => InvalidValue,
   KeywordValue: () => KeywordValue,
@@ -28,7 +27,7 @@ __export(schema_exports, {
   TupleValueItem: () => TupleValueItem,
   UnitValue: () => UnitValue,
   UnparsedValue: () => UnparsedValue,
-  validStaticValueTypes: () => validStaticValueTypes
+  isValidStaticStyleValue: () => isValidStaticStyleValue
 });
 module.exports = __toCommonJS(schema_exports);
 var import_units = require("./__generated__/units");
@@ -103,16 +102,6 @@ const LayersValue = import_zod.z.object({
     ])
   )
 });
-const validStaticValueTypes = [
-  "unit",
-  "keyword",
-  "fontFamily",
-  "rgb",
-  "image",
-  "unparsed",
-  "layers",
-  "tuple"
-];
 const ValidStaticStyleValue = import_zod.z.union([
   ImageValue,
   LayersValue,
@@ -123,6 +112,10 @@ const ValidStaticStyleValue = import_zod.z.union([
   UnparsedValue,
   TupleValue
 ]);
+const isValidStaticStyleValue = (styleValue) => {
+  const staticStyleValue = styleValue;
+  return staticStyleValue.type === "image" || staticStyleValue.type === "layers" || staticStyleValue.type === "unit" || staticStyleValue.type === "keyword" || staticStyleValue.type === "fontFamily" || staticStyleValue.type === "rgb" || staticStyleValue.type === "unparsed" || staticStyleValue.type === "tuple";
+};
 const VarValue = import_zod.z.object({
   type: import_zod.z.literal("var"),
   value: import_zod.z.string(),
@@ -135,7 +128,3 @@ const StyleValue = import_zod.z.union([
   VarValue
 ]);
 const Style = import_zod.z.record(import_zod.z.string(), StyleValue);
-const CssRule = import_zod.z.object({
-  style: Style,
-  breakpoint: import_zod.z.optional(import_zod.z.string())
-});

package/lib/schema.js

@@ -70,16 +70,6 @@ const LayersValue = z.object({
     ])
   )
 });
-const validStaticValueTypes = [
-  "unit",
-  "keyword",
-  "fontFamily",
-  "rgb",
-  "image",
-  "unparsed",
-  "layers",
-  "tuple"
-];
 const ValidStaticStyleValue = z.union([
   ImageValue,
   LayersValue,
@@ -90,6 +80,10 @@ const ValidStaticStyleValue = z.union([
   UnparsedValue,
   TupleValue
 ]);
+const isValidStaticStyleValue = (styleValue) => {
+  const staticStyleValue = styleValue;
+  return staticStyleValue.type === "image" || staticStyleValue.type === "layers" || staticStyleValue.type === "unit" || staticStyleValue.type === "keyword" || staticStyleValue.type === "fontFamily" || staticStyleValue.type === "rgb" || staticStyleValue.type === "unparsed" || staticStyleValue.type === "tuple";
+};
 const VarValue = z.object({
   type: z.literal("var"),
   value: z.string(),
@@ -102,12 +96,7 @@ const StyleValue = z.union([
   VarValue
 ]);
 const Style = z.record(z.string(), StyleValue);
-const CssRule = z.object({
-  style: Style,
-  breakpoint: z.optional(z.string())
-});
 export {
-  CssRule,
   ImageValue,
   InvalidValue,
   KeywordValue,
@@ -117,5 +106,5 @@ export {
   TupleValueItem,
   UnitValue,
   UnparsedValue,
-  validStaticValueTypes
+  isValidStaticStyleValue
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/css-data",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "description": "CSS Data",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -14,7 +14,7 @@
     "typescript": "5.0.3",
     "zod": "^3.19.1",
     "@webstudio-is/scripts": "^0.0.0",
-    "@webstudio-is/tsconfig": "^1.0.3"
+    "@webstudio-is/tsconfig": "^1.0.4"
   },
   "peerDependencies": {
     "zod": "^3.19.1"
@@ -34,12 +34,12 @@
   "private": false,
   "sideEffects": false,
   "scripts": {
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit --emitDeclarationOnly false",
     "checks": "pnpm typecheck && pnpm lint",
     "dev": "build-package --watch",
     "build": "build-package",
     "build:mdn-data": "tsx ./bin/mdn-data.ts ./src/__generated__ &&  prettier --write \"./src/__generated__/**/*.ts\"",
-    "dts": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "dts": "tsc",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0"
   }
 }

package/src/schema.ts

@@ -128,22 +128,6 @@ export const LayersValue = z.object({
 
 export type LayersValue = z.infer<typeof LayersValue>;
 
-/**
- * All StyleValue types that going to need wrapping into a CSS variable when rendered
- * on canvas inside builder.
- * Values like InvalidValue, UnsetValue, VarValue don't need to be wrapped
- */
-export const validStaticValueTypes = [
-  "unit",
-  "keyword",
-  "fontFamily",
-  "rgb",
-  "image",
-  "unparsed",
-  "layers",
-  "tuple",
-] as const;
-
 const ValidStaticStyleValue = z.union([
   ImageValue,
   LayersValue,
@@ -157,6 +141,28 @@ const ValidStaticStyleValue = z.union([
 
 export type ValidStaticStyleValue = z.infer<typeof ValidStaticStyleValue>;
 
+/**
+ * All StyleValue types that going to need wrapping into a CSS variable when rendered
+ * on canvas inside builder.
+ * Values like InvalidValue, UnsetValue, VarValue don't need to be wrapped
+ */
+export const isValidStaticStyleValue = (
+  styleValue: StyleValue
+): styleValue is ValidStaticStyleValue => {
+  // guard against invalid checks
+  const staticStyleValue = styleValue as ValidStaticStyleValue;
+  return (
+    staticStyleValue.type === "image" ||
+    staticStyleValue.type === "layers" ||
+    staticStyleValue.type === "unit" ||
+    staticStyleValue.type === "keyword" ||
+    staticStyleValue.type === "fontFamily" ||
+    staticStyleValue.type === "rgb" ||
+    staticStyleValue.type === "unparsed" ||
+    staticStyleValue.type === "tuple"
+  );
+};
+
 const VarValue = z.object({
   type: z.literal("var"),
   value: z.string(),
@@ -178,10 +184,3 @@ const Style = z.record(z.string(), StyleValue);
 export type Style = {
   [property in StyleProperty]?: StyleValue;
 } & { [property: CustomProperty]: StyleValue };
-
-export const CssRule = z.object({
-  style: Style,
-  breakpoint: z.optional(z.string()),
-});
-
-export type CssRule = z.infer<typeof CssRule>;

package/lib/types/bin/mdn-data.d.ts

@@ -1 +0,0 @@
-export {};