@webstudio-is/css-data 0.60.0 → 0.61.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,9 @@
+import * as exportedHtml from "./html";
+const html = exportedHtml;
 export * from "./__generated__/keyword-values";
 export * from "./__generated__/properties";
 export * from "./__generated__/units";
 export * from "./schema";
+export {
+  html
+};

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"];

package/lib/types/src/__generated__/properties.d.ts

@@ -329,7 +329,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.00012849;
         readonly appliesTo: "allElements";
@@ -359,7 +359,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.00172099;
         readonly appliesTo: "allElements";
@@ -389,7 +389,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.00170188;
         readonly appliesTo: "allElements";
@@ -419,7 +419,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.42283564;
         readonly appliesTo: "allElements";
@@ -556,7 +556,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.00007844;
         readonly appliesTo: "allElements";
@@ -586,7 +586,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.00196849;
         readonly appliesTo: "allElements";
@@ -616,7 +616,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.00196928;
         readonly appliesTo: "allElements";
@@ -646,7 +646,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.30754028;
         readonly appliesTo: "allElements";
@@ -676,7 +676,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.29336595;
         readonly appliesTo: "allElements";
@@ -739,7 +739,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.43342948;
         readonly appliesTo: "allElements";
@@ -982,7 +982,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.01356616;
         readonly appliesTo: "multicolElements";
@@ -1424,7 +1424,7 @@ export declare const properties: {
         readonly inherited: true;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "normal";
+            readonly value: "400";
         };
         readonly popularity: 0.88598106;
         readonly appliesTo: "allElements";
@@ -3105,7 +3105,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0.05079903;
         readonly appliesTo: "allElements";
@@ -3165,7 +3165,7 @@ export declare const properties: {
         readonly inherited: false;
         readonly initial: {
             readonly type: "keyword";
-            readonly value: "currentcolor";
+            readonly value: "currentColor";
         };
         readonly popularity: 0;
         readonly appliesTo: "allElements";

package/lib/types/src/html-check.d.ts

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

package/lib/types/src/html.d.ts

@@ -0,0 +1,53 @@
+import type { htmlTags as HtmlTags } from "html-tags";
+import type { StyleProperty, StyleValue } from "./schema";
+type StyleDecl = {
+    property: StyleProperty;
+    value: StyleValue;
+};
+type Styles = StyleDecl[];
+export type Html = {
+    [tag in HtmlTags]?: Styles;
+};
+export declare const article: Styles;
+export { article as aside, article as details, article as div, article as dt, article as figcaption, article as footer, article as form, article as header, article as hgroup, article as html, article as main, article as nav, article as section, article as summary, };
+export declare const body: Styles;
+export declare const p: Styles;
+export { p as dl };
+export declare const dd: Styles;
+export declare const blockquote: Styles;
+export { blockquote as figure };
+export declare const address: Styles;
+export declare const h1: Styles;
+export declare const h2: Styles;
+export declare const h3: Styles;
+export declare const h4: Styles;
+export declare const h5: Styles;
+export declare const h6: Styles;
+export declare const pre: Styles;
+export declare const table: Styles;
+export declare const caption: Styles;
+export declare const tr: Styles;
+export declare const col: Styles;
+export declare const colgroup: Styles;
+export declare const tbody: Styles;
+export declare const thead: Styles;
+export declare const tfoot: Styles;
+export declare const td: Styles;
+export declare const th: Styles;
+export declare const b: Styles;
+export { b as strong };
+export declare const i: Styles;
+export { i as cite, i as em, i as var, i as dfn };
+export declare const code: Styles;
+export { code as kbd, code as samp };
+export declare const mark: Styles;
+export declare const u: Styles;
+export { u as ins };
+export declare const s: Styles;
+export { s as del };
+export declare const sub: Styles;
+export declare const sup: Styles;
+export declare const ul: Styles;
+export declare const ol: Styles;
+export declare const li: Styles;
+export declare const hr: Styles;

package/lib/types/src/index.d.ts

@@ -1,3 +1,5 @@
+import type { Html } from "./html";
+export declare const html: Html;
 export * from "./__generated__/keyword-values";
 export * from "./__generated__/properties";
 export * from "./__generated__/units";