@webstudio-is/css-data 0.91.0 → 0.266.0

package/lib/cjs/property-parsers/background.js

@@ -1,119 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var background_exports = {};
-__export(background_exports, {
-  backgroundToLonghand: () => backgroundToLonghand,
-  gradientNames: () => gradientNames,
-  parseBackground: () => parseBackground,
-  parseBackgroundImage: () => parseBackgroundImage
-});
-module.exports = __toCommonJS(background_exports);
-var csstree = __toESM(require("css-tree"), 1);
-var import_parse_css_value = require("../parse-css-value");
-const gradientNames = [
-  "conic-gradient",
-  "linear-gradient",
-  "radial-gradient",
-  "repeating-conic-gradient",
-  "repeating-linear-gradient",
-  "repeating-radial-gradient"
-];
-const parseBackground = (background) => {
-  const { backgroundImage, backgroundColor: backgroundColorRaw } = backgroundToLonghand(background);
-  const backgroundColor = backgroundColorRaw ? (0, import_parse_css_value.parseCssValue)("backgroundColor", backgroundColorRaw) : void 0;
-  return {
-    backgroundImage: parseBackgroundImage(backgroundImage),
-    backgroundColor: backgroundColor && backgroundColor.type === "rgb" ? backgroundColor : void 0
-  };
-};
-const cssTreeTryParseValue = (input) => {
-  try {
-    const ast = csstree.parse(input, { context: "value" });
-    return ast;
-  } catch {
-    return void 0;
-  }
-};
-const backgroundToLonghand = (background) => {
-  const layers = [];
-  let tokenStream = background.trim();
-  tokenStream = tokenStream.endsWith(";") ? tokenStream.slice(0, -1) : tokenStream;
-  const cleanupKeywords = ["background:", "background-image:"];
-  for (const cleanupKeyword of cleanupKeywords) {
-    tokenStream = tokenStream.startsWith(cleanupKeyword) ? tokenStream.slice(cleanupKeyword.length).trim() : tokenStream;
-  }
-  const cssAst = cssTreeTryParseValue(tokenStream);
-  if (cssAst === void 0) {
-    return {
-      backgroundImage: [],
-      backgroundColor: void 0
-    };
-  }
-  let backgroundColorRaw;
-  let nestingLevel = 0;
-  csstree.walk(cssAst, {
-    enter: (node, item, list) => {
-      if (node.type === "Function") {
-        if (gradientNames.includes(node.name)) {
-          layers.push(csstree.generate(node));
-        }
-        if (item.next === null && nestingLevel === 0) {
-          backgroundColorRaw = csstree.generate(node);
-        }
-        nestingLevel++;
-      }
-      if (node.type === "Hash" && item.next === null && nestingLevel === 0) {
-        backgroundColorRaw = csstree.generate(node);
-      }
-    },
-    leave: (node, item, list) => {
-      if (node.type === "Function") {
-        nestingLevel--;
-      }
-    }
-  });
-  return {
-    backgroundImage: layers,
-    backgroundColor: backgroundColorRaw
-  };
-};
-const parseBackgroundImage = (layers) => {
-  const backgroundImages = [];
-  for (const layer of layers) {
-    if (gradientNames.some((gradientName) => layer.startsWith(gradientName)) === false) {
-      break;
-    }
-    const layerStyle = (0, import_parse_css_value.parseCssValue)("backgroundImage", layer);
-    if (layerStyle.type !== "unparsed") {
-      break;
-    }
-    backgroundImages.push(layerStyle);
-  }
-  return backgroundImages.length > 0 ? { type: "layers", value: backgroundImages } : { type: "invalid", value: layers.join(",") };
-};

package/lib/cjs/property-parsers/box-shadow.js

@@ -1,129 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var box_shadow_exports = {};
-__export(box_shadow_exports, {
-  parseBoxShadow: () => parseBoxShadow
-});
-module.exports = __toCommonJS(box_shadow_exports);
-var csstree = __toESM(require("css-tree"), 1);
-var import_schema = require("../schema");
-var import_colord = require("colord");
-const cssTreeTryParseValue = (input) => {
-  try {
-    const ast = csstree.parse(input, { context: "value" });
-    return ast;
-  } catch {
-    return void 0;
-  }
-};
-const parseBoxShadow = (boxShadow) => {
-  let tokenStream = boxShadow.trim();
-  tokenStream = tokenStream.endsWith(";") ? tokenStream.slice(0, -1) : tokenStream;
-  const cleanupKeywords = ["box-shadow:"];
-  for (const cleanupKeyword of cleanupKeywords) {
-    tokenStream = tokenStream.startsWith(cleanupKeyword) ? tokenStream.slice(cleanupKeyword.length).trim() : tokenStream;
-  }
-  const cssAst = cssTreeTryParseValue(tokenStream);
-  if (cssAst === void 0) {
-    return {
-      type: "invalid",
-      value: boxShadow
-    };
-  }
-  const parsed = csstree.lexer.matchProperty("box-shadow", cssAst);
-  if (parsed.error) {
-    return {
-      type: "invalid",
-      value: boxShadow
-    };
-  }
-  const layers = [];
-  csstree.walk(cssAst, (node) => {
-    if (node.type === "Value") {
-      const children = node.children;
-      let layer = [];
-      for (const child of children) {
-        if (children.last === child) {
-          layer.push(child);
-        }
-        if (child.type === "Operator" || children.last === child) {
-          const shadow = [];
-          for (let index = 0; index < layer.length; index++) {
-            const item = layer[index];
-            if (item.type === "Identifier") {
-              shadow.push({
-                type: "keyword",
-                value: item.name
-              });
-            }
-            if (item.type === "Function" || item.type === "Hash") {
-              const colorValue = (0, import_colord.colord)(csstree.generate(item));
-              if (!colorValue.isValid()) {
-                return;
-              }
-              const rgb = colorValue.toRgb();
-              shadow.push({
-                type: "rgb",
-                alpha: rgb.a,
-                r: rgb.r,
-                g: rgb.g,
-                b: rgb.b
-              });
-            }
-            if (item.type === "Dimension") {
-              shadow.push({
-                type: "unit",
-                value: Number(item.value),
-                unit: item.unit
-              });
-            }
-            if (item.type === "Number") {
-              shadow.push({
-                type: "unit",
-                value: Number(item.value),
-                unit: "number"
-              });
-            }
-          }
-          layers.push({
-            type: "tuple",
-            value: shadow
-          });
-          layer = [];
-          continue;
-        }
-        layer.push(child);
-      }
-    }
-  });
-  return layers.length > 0 ? {
-    type: "layers",
-    value: layers
-  } : { type: "invalid", value: boxShadow };
-};

package/lib/cjs/property-parsers/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var property_parsers_exports = {};
-module.exports = __toCommonJS(property_parsers_exports);
-__reExport(property_parsers_exports, require("./background"), module.exports);
-__reExport(property_parsers_exports, require("./box-shadow"), module.exports);

package/lib/cjs/property-parsers/parsers.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var parsers_exports = {};
-__export(parsers_exports, {
-  backgroundImage: () => import_background.parseBackgroundImage,
-  boxShadow: () => import_box_shadow.parseBoxShadow
-});
-module.exports = __toCommonJS(parsers_exports);
-var import_background = require("./background");
-var import_box_shadow = require("./box-shadow");

package/lib/cjs/property-parsers/to-longhand.js

@@ -1,24 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var to_longhand_exports = {};
-__export(to_longhand_exports, {
-  background: () => import_background.backgroundToLonghand
-});
-module.exports = __toCommonJS(to_longhand_exports);
-var import_background = require("./background");

package/lib/cjs/schema.js

@@ -1,135 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var schema_exports = {};
-__export(schema_exports, {
-  ImageValue: () => ImageValue,
-  InvalidValue: () => InvalidValue,
-  KeywordValue: () => KeywordValue,
-  LayersValue: () => LayersValue,
-  StyleValue: () => StyleValue,
-  TupleValue: () => TupleValue,
-  TupleValueItem: () => TupleValueItem,
-  UnitValue: () => UnitValue,
-  UnparsedValue: () => UnparsedValue,
-  isValidStaticStyleValue: () => isValidStaticStyleValue
-});
-module.exports = __toCommonJS(schema_exports);
-var import_units = require("./__generated__/units");
-var import_zod = require("zod");
-const Unit = import_zod.z.union([
-  // expected tuple with at least single element
-  // so cast to tuple with single union element to get correct inference
-  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,
-  value: import_zod.z.number()
-});
-const KeywordValue = import_zod.z.object({
-  type: import_zod.z.literal("keyword"),
-  // @todo use exact type
-  value: import_zod.z.string()
-});
-const UnparsedValue = import_zod.z.object({
-  type: import_zod.z.literal("unparsed"),
-  value: import_zod.z.string(),
-  // For the builder we want to be able to hide background-image
-  hidden: import_zod.z.boolean().optional()
-});
-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 ImageValue = import_zod.z.object({
-  type: import_zod.z.literal("image"),
-  value: import_zod.z.union([
-    import_zod.z.object({ type: import_zod.z.literal("asset"), value: import_zod.z.string() }),
-    // url is not stored in db and only used by css-engine transformValue
-    // to prepare image value for rendering
-    import_zod.z.object({ type: import_zod.z.literal("url"), url: import_zod.z.string() })
-  ]),
-  // For the builder we want to be able to hide images
-  hidden: import_zod.z.boolean().optional()
-});
-const InvalidValue = import_zod.z.object({
-  type: import_zod.z.literal("invalid"),
-  value: import_zod.z.string()
-});
-const UnsetValue = import_zod.z.object({
-  type: import_zod.z.literal("unset"),
-  value: import_zod.z.literal("")
-});
-const TupleValueItem = import_zod.z.union([
-  UnitValue,
-  KeywordValue,
-  UnparsedValue,
-  RgbValue
-]);
-const TupleValue = import_zod.z.object({
-  type: import_zod.z.literal("tuple"),
-  value: import_zod.z.array(TupleValueItem),
-  hidden: import_zod.z.boolean().optional()
-});
-const LayerValueItem = import_zod.z.union([
-  UnitValue,
-  KeywordValue,
-  UnparsedValue,
-  ImageValue,
-  TupleValue,
-  InvalidValue
-]);
-const LayersValue = import_zod.z.object({
-  type: import_zod.z.literal("layers"),
-  value: import_zod.z.array(LayerValueItem)
-});
-const ValidStaticStyleValue = import_zod.z.union([
-  ImageValue,
-  LayersValue,
-  UnitValue,
-  KeywordValue,
-  FontFamilyValue,
-  RgbValue,
-  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(),
-  fallbacks: import_zod.z.array(ValidStaticStyleValue)
-});
-const StyleValue = import_zod.z.union([
-  ValidStaticStyleValue,
-  InvalidValue,
-  UnsetValue,
-  VarValue
-]);
-const Style = import_zod.z.record(import_zod.z.string(), StyleValue);

package/lib/custom-data.js

@@ -1,44 +0,0 @@
-import { popularityIndex } from "./popularity-index";
-const propertiesData = {};
-const keywordValues = {};
-const getPopularityIndex = (property) => popularityIndex.find((data) => data.property === property)?.dayPercentage ?? 0;
-propertiesData.WebkitFontSmoothing = {
-  unitGroups: [],
-  inherited: true,
-  initial: {
-    type: "keyword",
-    value: "auto"
-  },
-  popularity: getPopularityIndex("webkit-font-smoothing"),
-  appliesTo: "allElements"
-};
-keywordValues.WebkitFontSmoothing = [
-  "auto",
-  "none",
-  "antialiased",
-  "subpixel-antialiased"
-];
-propertiesData.MozOsxFontSmoothing = {
-  unitGroups: [],
-  inherited: true,
-  initial: {
-    type: "keyword",
-    value: "auto"
-  },
-  popularity: getPopularityIndex("moz-osx-font-smoothing"),
-  appliesTo: "allElements"
-};
-keywordValues.MozOsxFontSmoothing = ["auto", "grayscale"];
-keywordValues.listStyleType = [
-  "disc",
-  "circle",
-  "square",
-  "decimal",
-  "georgian",
-  "trad-chinese-informal",
-  "kannada"
-];
-export {
-  keywordValues,
-  propertiesData
-};

package/lib/html-check.js

@@ -1,2 +0,0 @@
-import * as html from "./html";
-exportedTags;