@webstudio-is/css-data 0.60.0 → 0.62.0

package/lib/html.js

@@ -0,0 +1,501 @@
+const displayBlock = {
+  property: "display",
+  value: { type: "keyword", value: "block" }
+};
+const mt1em = {
+  property: "marginTop",
+  value: { type: "unit", value: 1, unit: "em" }
+};
+const mb1em = {
+  property: "marginBottom",
+  value: { type: "unit", value: 1, unit: "em" }
+};
+const ml40px = {
+  property: "marginLeft",
+  value: { type: "unit", value: 40, unit: "px" }
+};
+const mr40px = {
+  property: "marginRight",
+  value: { type: "unit", value: 40, unit: "px" }
+};
+const pl40px = {
+  property: "paddingLeft",
+  value: { type: "unit", value: 40, unit: "px" }
+};
+const fontWeightBold = {
+  property: "fontWeight",
+  // in browsers defined as bold
+  // though builder accepts only numeric values
+  value: { type: "keyword", value: "700" }
+};
+const fontStyleItalic = {
+  property: "fontStyle",
+  value: { type: "keyword", value: "italic" }
+};
+const pt1px = {
+  property: "paddingTop",
+  value: { type: "unit", value: 1, unit: "px" }
+};
+const pr1px = {
+  property: "paddingRight",
+  value: { type: "unit", value: 1, unit: "px" }
+};
+const pb1px = {
+  property: "paddingBottom",
+  value: { type: "unit", value: 1, unit: "px" }
+};
+const pl1px = {
+  property: "paddingLeft",
+  value: { type: "unit", value: 1, unit: "px" }
+};
+const article = [displayBlock];
+const body = [
+  displayBlock,
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 8, unit: "px" }
+  },
+  {
+    property: "marginRight",
+    value: { type: "unit", value: 8, unit: "px" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 8, unit: "px" }
+  },
+  {
+    property: "marginLeft",
+    value: { type: "unit", value: 8, unit: "px" }
+  }
+];
+const p = [displayBlock, mt1em, mb1em];
+const dd = [displayBlock, ml40px];
+const blockquote = [displayBlock, mt1em, mb1em, ml40px, mr40px];
+const address = [displayBlock, fontStyleItalic];
+const h1 = [
+  displayBlock,
+  fontWeightBold,
+  {
+    property: "fontSize",
+    value: { type: "unit", value: 2, unit: "em" }
+  },
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 0.67, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 0.67, unit: "em" }
+  }
+];
+const h2 = [
+  displayBlock,
+  fontWeightBold,
+  {
+    property: "fontSize",
+    value: { type: "unit", value: 1.5, unit: "em" }
+  },
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 0.83, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 0.83, unit: "em" }
+  }
+];
+const h3 = [
+  displayBlock,
+  fontWeightBold,
+  {
+    property: "fontSize",
+    value: { type: "unit", value: 1.17, unit: "em" }
+  },
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 1, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 1, unit: "em" }
+  }
+];
+const h4 = [
+  displayBlock,
+  fontWeightBold,
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 1.33, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 1.33, unit: "em" }
+  }
+];
+const h5 = [
+  displayBlock,
+  fontWeightBold,
+  {
+    property: "fontSize",
+    value: { type: "unit", value: 0.83, unit: "em" }
+  },
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 1.67, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 1.67, unit: "em" }
+  }
+];
+const h6 = [
+  displayBlock,
+  fontWeightBold,
+  {
+    property: "fontSize",
+    value: { type: "unit", value: 0.67, unit: "em" }
+  },
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 2.33, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 2.33, unit: "em" }
+  }
+];
+const pre = [
+  displayBlock,
+  {
+    property: "whiteSpace",
+    value: { type: "keyword", value: "pre" }
+  },
+  mt1em,
+  mb1em
+];
+const table = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table" }
+  },
+  {
+    property: "borderSpacing",
+    value: { type: "unit", value: 2, unit: "px" }
+  },
+  {
+    property: "borderCollapse",
+    value: { type: "keyword", value: "separate" }
+  },
+  {
+    property: "boxSizing",
+    value: { type: "keyword", value: "border-box" }
+  },
+  {
+    property: "borderSpacing",
+    value: { type: "unit", value: 0, unit: "number" }
+  }
+];
+const caption = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table" }
+  },
+  {
+    property: "textAlign",
+    value: { type: "keyword", value: "center" }
+  }
+];
+const tr = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-row" }
+  },
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "inherit" }
+  }
+];
+const col = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-column" }
+  }
+];
+const colgroup = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-column-group" }
+  }
+];
+const tbody = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-row-group" }
+  },
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "middle" }
+  }
+];
+const thead = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-header-group" }
+  },
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "middle" }
+  }
+];
+const tfoot = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-footer-group" }
+  },
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "middle" }
+  }
+];
+const td = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-cell" }
+  },
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "inherit" }
+  },
+  {
+    property: "textAlign",
+    value: { type: "keyword", value: "unset" }
+  },
+  pt1px,
+  pr1px,
+  pb1px,
+  pl1px
+];
+const th = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "table-cell" }
+  },
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "inherit" }
+  },
+  fontWeightBold,
+  pt1px,
+  pr1px,
+  pb1px,
+  pl1px
+];
+const b = [
+  // in firefox defined as bolder
+  fontWeightBold
+];
+const i = [fontStyleItalic];
+const code = [
+  {
+    property: "fontFamily",
+    // in firefox defined as -moz-fixed
+    value: { type: "fontFamily", value: ["monospace"] }
+  }
+];
+const mark = [
+  {
+    property: "backgroundColor",
+    // in firefox defined as Mark
+    value: { type: "keyword", value: "yellow" }
+  },
+  {
+    property: "color",
+    // in firefox defined as MarkText
+    value: { type: "keyword", value: "black" }
+  }
+];
+const u = [
+  {
+    property: "textDecorationStyle",
+    value: { type: "keyword", value: "underline" }
+  }
+];
+const s = [
+  {
+    property: "textDecorationStyle",
+    value: { type: "keyword", value: "line-through" }
+  }
+];
+const sub = [
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "sub" }
+  },
+  {
+    property: "fontSize",
+    value: { type: "keyword", value: "smaller" }
+  }
+];
+const sup = [
+  {
+    property: "verticalAlign",
+    value: { type: "keyword", value: "super" }
+  },
+  {
+    property: "fontSize",
+    value: { type: "keyword", value: "smaller" }
+  }
+];
+const ul = [
+  displayBlock,
+  {
+    property: "listStyleType",
+    value: { type: "keyword", value: "disc" }
+  },
+  mt1em,
+  mb1em,
+  pl40px
+];
+const ol = [
+  displayBlock,
+  {
+    property: "listStyleType",
+    value: { type: "keyword", value: "decimal" }
+  },
+  mt1em,
+  mb1em,
+  pl40px
+];
+const li = [
+  {
+    property: "display",
+    value: { type: "keyword", value: "list-item" }
+  },
+  {
+    property: "textAlign",
+    value: { type: "keyword", value: "match-parent" }
+  }
+];
+const hr = [
+  {
+    property: "color",
+    value: { type: "keyword", value: "gray" }
+  },
+  {
+    property: "borderTopWidth",
+    value: { type: "unit", value: 1, unit: "px" }
+  },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", value: 1, unit: "px" }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", value: 1, unit: "px" }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", value: 1, unit: "px" }
+  },
+  {
+    property: "borderTopStyle",
+    value: { type: "keyword", value: "inset" }
+  },
+  {
+    property: "borderRightStyle",
+    value: { type: "keyword", value: "inset" }
+  },
+  {
+    property: "borderBottomStyle",
+    value: { type: "keyword", value: "inset" }
+  },
+  {
+    property: "borderLeftStyle",
+    value: { type: "keyword", value: "inset" }
+  },
+  {
+    property: "marginTop",
+    value: { type: "unit", value: 0.5, unit: "em" }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", value: 0.5, unit: "em" }
+  },
+  {
+    property: "marginLeft",
+    value: { type: "keyword", value: "auto" }
+  },
+  {
+    property: "marginRight",
+    value: { type: "keyword", value: "auto" }
+  },
+  // firefox only
+  {
+    property: "overflow",
+    value: { type: "keyword", value: "hidden" }
+  },
+  /* This is not really per spec but all browsers define it */
+  displayBlock
+];
+export {
+  address,
+  article,
+  article as aside,
+  b,
+  blockquote,
+  body,
+  caption,
+  i as cite,
+  code,
+  col,
+  colgroup,
+  dd,
+  s as del,
+  article as details,
+  i as dfn,
+  article as div,
+  p as dl,
+  article as dt,
+  i as em,
+  article as figcaption,
+  blockquote as figure,
+  article as footer,
+  article as form,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  article as header,
+  article as hgroup,
+  hr,
+  article as html,
+  i,
+  u as ins,
+  code as kbd,
+  li,
+  article as main,
+  mark,
+  article as nav,
+  ol,
+  p,
+  pre,
+  s,
+  code as samp,
+  article as section,
+  b as strong,
+  sub,
+  article as summary,
+  sup,
+  table,
+  tbody,
+  td,
+  tfoot,
+  th,
+  thead,
+  tr,
+  u,
+  ul,
+  i as var
+};

package/lib/index.js

@@ -1,4 +1,11 @@
+import * as exportedHtml from "./html";
+const html = exportedHtml;
 export * from "./__generated__/keyword-values";
-export * from "./__generated__/properties";
 export * from "./__generated__/units";
 export * from "./schema";
+import { properties as generatedProperties } from "./__generated__/properties";
+const properties = generatedProperties;
+export {
+  html,
+  properties
+};

package/lib/types/src/__generated__/keyword-values.d.ts

@@ -139,7 +139,7 @@ export declare const keywordValues: {
     readonly fontVariantLigatures: readonly ["normal", "none", "common-ligatures", "no-common-ligatures", "discretionary-ligatures", "no-discretionary-ligatures", "historical-ligatures", "no-historical-ligatures", "contextual", "no-contextual", "initial", "inherit", "unset"];
     readonly fontVariantNumeric: readonly ["normal", "lining-nums", "oldstyle-nums", "proportional-nums", "tabular-nums", "diagonal-fractions", "stacked-fractions", "ordinal", "slashed-zero", "initial", "inherit", "unset"];
     readonly fontVariantPosition: readonly ["normal", "sub", "super", "initial", "inherit", "unset"];
-    readonly fontWeight: readonly ["normal", "bold", "bolder", "lighter", "initial", "inherit", "unset"];
+    readonly fontWeight: readonly ["400", "700", "bolder", "lighter", "initial", "inherit", "unset"];
     readonly forcedColorAdjust: readonly ["auto", "none", "initial", "inherit", "unset"];
     readonly gridAutoColumns: readonly ["min-content", "max-content", "auto", "initial", "inherit", "unset"];
     readonly gridAutoFlow: readonly ["row", "column", "dense", "initial", "inherit", "unset"];