@webstudio-is/react-sdk 0.78.0 → 0.79.0

package/lib/cjs/css/normalize.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 normalize_exports = {};
 __export(normalize_exports, {
@@ -33,7 +23,6 @@ __export(normalize_exports, {
   article: () => article,
   aside: () => aside,
   b: () => b,
-  blockquote: () => blockquote,
   body: () => body,
   button: () => button,
   code: () => code,
@@ -78,25 +67,17 @@ __export(normalize_exports, {
   ul: () => ul
 });
 module.exports = __toCommonJS(normalize_exports);
-var presets = __toESM(require("./presets"), 1);
+var import_presets = require("./presets");
 const boxSizing = {
   property: "boxSizing",
   value: { type: "keyword", value: "border-box" }
 };
-const baseStyle = [
-  boxSizing,
-  ...presets.borders,
-  ...presets.outline
-];
+const baseStyle = [boxSizing, ...import_presets.borders, ...import_presets.outline];
 const div = baseStyle;
 const address = baseStyle;
 const article = baseStyle;
 const aside = baseStyle;
-const blockquote = [
-  ...baseStyle,
-  ...presets.blockquote
-];
-const figure = [...baseStyle, ...presets.margins];
+const figure = baseStyle;
 const footer = baseStyle;
 const header = baseStyle;
 const main = baseStyle;
@@ -104,19 +85,19 @@ const nav = baseStyle;
 const section = baseStyle;
 const form = baseStyle;
 const label = baseStyle;
-const h1 = [...baseStyle, ...presets.h1];
-const h2 = [...baseStyle, ...presets.h2];
-const h3 = [...baseStyle, ...presets.h3];
-const h4 = [...baseStyle, ...presets.h4];
-const h5 = [...baseStyle, ...presets.h5];
-const h6 = [...baseStyle, ...presets.h6];
+const h1 = baseStyle;
+const h2 = baseStyle;
+const h3 = baseStyle;
+const h4 = baseStyle;
+const h5 = baseStyle;
+const h6 = baseStyle;
 const i = baseStyle;
 const img = baseStyle;
 const a = baseStyle;
 const li = baseStyle;
 const ul = baseStyle;
 const ol = baseStyle;
-const p = [...baseStyle, ...presets.verticalMargins];
+const p = baseStyle;
 const span = baseStyle;
 const html = [
   /* 1 */
@@ -135,7 +116,7 @@ const html = [
     value: { type: "unit", value: 4, unit: "number" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const body = [
   /* 1 */
@@ -172,7 +153,7 @@ const body = [
     value: { type: "unit", unit: "number", value: 1.2 }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const hr = [
   /* 1 */
@@ -186,8 +167,7 @@ const hr = [
     value: { type: "keyword", value: "inherit" }
   },
   boxSizing,
-  ...presets.borders,
-  ...presets.margins
+  ...import_presets.borders
 ];
 const b = [
   {
@@ -195,7 +175,7 @@ const b = [
     value: { type: "keyword", value: "700" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const strong = b;
 const code = [
@@ -213,7 +193,7 @@ const code = [
     value: { type: "unit", value: 1, unit: "em" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const kbd = code;
 const samp = code;
@@ -224,7 +204,7 @@ const small = [
     value: { type: "unit", value: 80, unit: "%" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const subSupBase = [
   {
@@ -244,7 +224,7 @@ const subSupBase = [
     value: { type: "keyword", value: "baseline" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const sub = [
   ...subSupBase,
@@ -266,7 +246,7 @@ const table = [
     property: "textIndent",
     value: { type: "unit", value: 0, unit: "number" }
   },
-  ...presets.borders,
+  ...import_presets.borders,
   /* 2 */
   {
     property: "borderTopColor",
@@ -318,7 +298,7 @@ const buttonBase = [
     value: { type: "unit", value: 0, unit: "number" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const input = buttonBase;
 const optgroup = buttonBase;
@@ -349,7 +329,7 @@ const legend = [
     value: { type: "unit", value: 0, unit: "number" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const progress = [
   {
@@ -357,7 +337,7 @@ const progress = [
     value: { type: "keyword", value: "baseline" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];
 const summary = [
   {
@@ -365,5 +345,5 @@ const summary = [
     value: { type: "keyword", value: "list-item" }
   },
   boxSizing,
-  ...presets.borders
+  ...import_presets.borders
 ];

package/lib/cjs/css/presets.js

@@ -18,17 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var presets_exports = {};
 __export(presets_exports, {
-  blockquote: () => blockquote,
   borders: () => borders,
-  h1: () => h1,
-  h2: () => h2,
-  h3: () => h3,
-  h4: () => h4,
-  h5: () => h5,
-  h6: () => h6,
-  margins: () => margins,
-  outline: () => outline,
-  verticalMargins: () => verticalMargins
+  outline: () => outline
 });
 module.exports = __toCommonJS(presets_exports);
 const borders = [
@@ -55,104 +46,3 @@ const outline = [
     value: { type: "unit", value: 1, unit: "px" }
   }
 ];
-const margins = [
-  {
-    property: "marginTop",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginRight",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginBottom",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginLeft",
-    value: { type: "unit", value: 0, unit: "px" }
-  }
-];
-const verticalMargins = [
-  {
-    property: "marginTop",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginBottom",
-    value: { type: "unit", value: 0, unit: "px" }
-  }
-];
-const blockquote = [
-  ...margins,
-  {
-    property: "paddingTop",
-    value: { type: "unit", value: 10, unit: "px" }
-  },
-  {
-    property: "paddingBottom",
-    value: { type: "unit", value: 10, unit: "px" }
-  },
-  {
-    property: "paddingLeft",
-    value: { type: "unit", value: 20, unit: "px" }
-  },
-  {
-    property: "paddingRight",
-    value: { type: "unit", value: 20, unit: "px" }
-  },
-  {
-    property: "borderLeftWidth",
-    value: { type: "unit", value: 5, unit: "px" }
-  },
-  {
-    property: "borderLeftStyle",
-    value: { type: "keyword", value: "solid" }
-  },
-  {
-    property: "borderLeftColor",
-    value: { type: "rgb", r: 226, g: 226, b: 226, alpha: 1 }
-  }
-];
-const h1 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 38, unit: "px" }
-  }
-];
-const h2 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 32, unit: "px" }
-  }
-];
-const h3 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 24, unit: "px" }
-  }
-];
-const h4 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 18, unit: "px" }
-  }
-];
-const h5 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 14, unit: "px" }
-  }
-];
-const h6 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 12, unit: "px" }
-  }
-];

package/lib/css/normalize.js

@@ -1,22 +1,14 @@
-import * as presets from "./presets";
+import { borders, outline } from "./presets";
 const boxSizing = {
   property: "boxSizing",
   value: { type: "keyword", value: "border-box" }
 };
-const baseStyle = [
-  boxSizing,
-  ...presets.borders,
-  ...presets.outline
-];
+const baseStyle = [boxSizing, ...borders, ...outline];
 const div = baseStyle;
 const address = baseStyle;
 const article = baseStyle;
 const aside = baseStyle;
-const blockquote = [
-  ...baseStyle,
-  ...presets.blockquote
-];
-const figure = [...baseStyle, ...presets.margins];
+const figure = baseStyle;
 const footer = baseStyle;
 const header = baseStyle;
 const main = baseStyle;
@@ -24,19 +16,19 @@ const nav = baseStyle;
 const section = baseStyle;
 const form = baseStyle;
 const label = baseStyle;
-const h1 = [...baseStyle, ...presets.h1];
-const h2 = [...baseStyle, ...presets.h2];
-const h3 = [...baseStyle, ...presets.h3];
-const h4 = [...baseStyle, ...presets.h4];
-const h5 = [...baseStyle, ...presets.h5];
-const h6 = [...baseStyle, ...presets.h6];
+const h1 = baseStyle;
+const h2 = baseStyle;
+const h3 = baseStyle;
+const h4 = baseStyle;
+const h5 = baseStyle;
+const h6 = baseStyle;
 const i = baseStyle;
 const img = baseStyle;
 const a = baseStyle;
 const li = baseStyle;
 const ul = baseStyle;
 const ol = baseStyle;
-const p = [...baseStyle, ...presets.verticalMargins];
+const p = baseStyle;
 const span = baseStyle;
 const html = [
   /* 1 */
@@ -55,7 +47,7 @@ const html = [
     value: { type: "unit", value: 4, unit: "number" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const body = [
   /* 1 */
@@ -92,7 +84,7 @@ const body = [
     value: { type: "unit", unit: "number", value: 1.2 }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const hr = [
   /* 1 */
@@ -106,8 +98,7 @@ const hr = [
     value: { type: "keyword", value: "inherit" }
   },
   boxSizing,
-  ...presets.borders,
-  ...presets.margins
+  ...borders
 ];
 const b = [
   {
@@ -115,7 +106,7 @@ const b = [
     value: { type: "keyword", value: "700" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const strong = b;
 const code = [
@@ -133,7 +124,7 @@ const code = [
     value: { type: "unit", value: 1, unit: "em" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const kbd = code;
 const samp = code;
@@ -144,7 +135,7 @@ const small = [
     value: { type: "unit", value: 80, unit: "%" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const subSupBase = [
   {
@@ -164,7 +155,7 @@ const subSupBase = [
     value: { type: "keyword", value: "baseline" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const sub = [
   ...subSupBase,
@@ -186,7 +177,7 @@ const table = [
     property: "textIndent",
     value: { type: "unit", value: 0, unit: "number" }
   },
-  ...presets.borders,
+  ...borders,
   /* 2 */
   {
     property: "borderTopColor",
@@ -238,7 +229,7 @@ const buttonBase = [
     value: { type: "unit", value: 0, unit: "number" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const input = buttonBase;
 const optgroup = buttonBase;
@@ -269,7 +260,7 @@ const legend = [
     value: { type: "unit", value: 0, unit: "number" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const progress = [
   {
@@ -277,7 +268,7 @@ const progress = [
     value: { type: "keyword", value: "baseline" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 const summary = [
   {
@@ -285,7 +276,7 @@ const summary = [
     value: { type: "keyword", value: "list-item" }
   },
   boxSizing,
-  ...presets.borders
+  ...borders
 ];
 export {
   a,
@@ -293,7 +284,6 @@ export {
   article,
   aside,
   b,
-  blockquote,
   body,
   button,
   code,

package/lib/css/presets.js

@@ -22,117 +22,7 @@ const outline = [
     value: { type: "unit", value: 1, unit: "px" }
   }
 ];
-const margins = [
-  {
-    property: "marginTop",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginRight",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginBottom",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginLeft",
-    value: { type: "unit", value: 0, unit: "px" }
-  }
-];
-const verticalMargins = [
-  {
-    property: "marginTop",
-    value: { type: "unit", value: 0, unit: "px" }
-  },
-  {
-    property: "marginBottom",
-    value: { type: "unit", value: 0, unit: "px" }
-  }
-];
-const blockquote = [
-  ...margins,
-  {
-    property: "paddingTop",
-    value: { type: "unit", value: 10, unit: "px" }
-  },
-  {
-    property: "paddingBottom",
-    value: { type: "unit", value: 10, unit: "px" }
-  },
-  {
-    property: "paddingLeft",
-    value: { type: "unit", value: 20, unit: "px" }
-  },
-  {
-    property: "paddingRight",
-    value: { type: "unit", value: 20, unit: "px" }
-  },
-  {
-    property: "borderLeftWidth",
-    value: { type: "unit", value: 5, unit: "px" }
-  },
-  {
-    property: "borderLeftStyle",
-    value: { type: "keyword", value: "solid" }
-  },
-  {
-    property: "borderLeftColor",
-    value: { type: "rgb", r: 226, g: 226, b: 226, alpha: 1 }
-  }
-];
-const h1 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 38, unit: "px" }
-  }
-];
-const h2 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 32, unit: "px" }
-  }
-];
-const h3 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 24, unit: "px" }
-  }
-];
-const h4 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 18, unit: "px" }
-  }
-];
-const h5 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 14, unit: "px" }
-  }
-];
-const h6 = [
-  ...verticalMargins,
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 12, unit: "px" }
-  }
-];
 export {
-  blockquote,
   borders,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  margins,
-  outline,
-  verticalMargins
+  outline
 };