@webstudio-is/react-sdk 0.91.0 → 0.92.0

package/lib/cjs/css/normalize.js

@@ -1,349 +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 normalize_exports = {};
-__export(normalize_exports, {
-  a: () => a,
-  address: () => address,
-  article: () => article,
-  aside: () => aside,
-  b: () => b,
-  body: () => body,
-  button: () => button,
-  code: () => code,
-  div: () => div,
-  figure: () => figure,
-  footer: () => footer,
-  form: () => form,
-  h1: () => h1,
-  h2: () => h2,
-  h3: () => h3,
-  h4: () => h4,
-  h5: () => h5,
-  h6: () => h6,
-  header: () => header,
-  hr: () => hr,
-  html: () => html,
-  i: () => i,
-  img: () => img,
-  input: () => input,
-  kbd: () => kbd,
-  label: () => label,
-  legend: () => legend,
-  li: () => li,
-  main: () => main,
-  nav: () => nav,
-  ol: () => ol,
-  optgroup: () => optgroup,
-  p: () => p,
-  pre: () => pre,
-  progress: () => progress,
-  samp: () => samp,
-  section: () => section,
-  select: () => select,
-  small: () => small,
-  span: () => span,
-  strong: () => strong,
-  sub: () => sub,
-  summary: () => summary,
-  sup: () => sup,
-  table: () => table,
-  textarea: () => textarea,
-  ul: () => ul
-});
-module.exports = __toCommonJS(normalize_exports);
-var import_presets = require("./presets");
-const boxSizing = {
-  property: "boxSizing",
-  value: { type: "keyword", value: "border-box" }
-};
-const baseStyle = [boxSizing, ...import_presets.borders, ...import_presets.outline];
-const div = baseStyle;
-const address = baseStyle;
-const article = baseStyle;
-const aside = baseStyle;
-const figure = baseStyle;
-const footer = baseStyle;
-const header = baseStyle;
-const main = baseStyle;
-const nav = baseStyle;
-const section = baseStyle;
-const form = baseStyle;
-const label = baseStyle;
-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;
-const span = baseStyle;
-const html = [
-  /* 1 */
-  {
-    property: "lineHeight",
-    value: { type: "unit", value: 1.15, unit: "number" }
-  },
-  /* 2 */
-  {
-    property: "textSizeAdjust",
-    value: { type: "unit", value: 100, unit: "%" }
-  },
-  /* 3 */
-  {
-    property: "tabSize",
-    value: { type: "unit", value: 4, unit: "number" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const body = [
-  /* 1 */
-  {
-    property: "marginTop",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "marginRight",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "marginBottom",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "marginLeft",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  /* 2 */
-  {
-    property: "fontFamily",
-    value: {
-      type: "keyword",
-      value: "Arial, Roboto, sans-serif"
-    }
-  },
-  {
-    property: "fontSize",
-    value: { type: "unit", unit: "px", value: 16 }
-  },
-  {
-    property: "lineHeight",
-    value: { type: "unit", unit: "number", value: 1.2 }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const hr = [
-  /* 1 */
-  {
-    property: "height",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  /* 2 */
-  {
-    property: "color",
-    value: { type: "keyword", value: "inherit" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const b = [
-  {
-    property: "fontWeight",
-    value: { type: "keyword", value: "700" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const strong = b;
-const code = [
-  /* 1 */
-  {
-    property: "fontFamily",
-    value: {
-      type: "keyword",
-      value: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace`
-    }
-  },
-  /* 2 */
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 1, unit: "em" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const kbd = code;
-const samp = code;
-const pre = code;
-const small = [
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 80, unit: "%" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const subSupBase = [
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 75, unit: "%" }
-  },
-  {
-    property: "lineHeight",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "position",
-    value: { type: "keyword", value: "relative" }
-  },
-  {
-    property: "verticalAlign",
-    value: { type: "keyword", value: "baseline" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const sub = [
-  ...subSupBase,
-  {
-    property: "bottom",
-    value: { type: "unit", value: -0.25, unit: "em" }
-  }
-];
-const sup = [
-  ...subSupBase,
-  {
-    property: "top",
-    value: { type: "unit", value: -0.5, unit: "em" }
-  }
-];
-const table = [
-  /* 1 */
-  {
-    property: "textIndent",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  ...import_presets.borders,
-  /* 2 */
-  {
-    property: "borderTopColor",
-    value: { type: "keyword", value: "inherit" }
-  },
-  {
-    property: "borderRightColor",
-    value: { type: "keyword", value: "inherit" }
-  },
-  {
-    property: "borderBottomColor",
-    value: { type: "keyword", value: "inherit" }
-  },
-  {
-    property: "borderLeftColor",
-    value: { type: "keyword", value: "inherit" }
-  },
-  boxSizing
-];
-const buttonBase = [
-  /* 1 */
-  {
-    property: "fontFamily",
-    value: { type: "keyword", value: "inherit" }
-  },
-  {
-    property: "fontSize",
-    value: { type: "unit", value: 100, unit: "%" }
-  },
-  {
-    property: "lineHeight",
-    value: { type: "unit", value: 1.15, unit: "number" }
-  },
-  /* 2 */
-  {
-    property: "marginTop",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "marginRight",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "marginBottom",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "marginLeft",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const input = buttonBase;
-const optgroup = buttonBase;
-const textarea = buttonBase;
-const button = [
-  ...buttonBase,
-  {
-    property: "textTransform",
-    value: { type: "keyword", value: "none" }
-  }
-];
-const select = button;
-const legend = [
-  {
-    property: "paddingTop",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "paddingRight",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "paddingBottom",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  {
-    property: "paddingLeft",
-    value: { type: "unit", value: 0, unit: "number" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const progress = [
-  {
-    property: "verticalAlign",
-    value: { type: "keyword", value: "baseline" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];
-const summary = [
-  {
-    property: "display",
-    value: { type: "keyword", value: "list-item" }
-  },
-  boxSizing,
-  ...import_presets.borders
-];

package/lib/cjs/css/presets.js

@@ -1,48 +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 presets_exports = {};
-__export(presets_exports, {
-  borders: () => borders,
-  outline: () => outline
-});
-module.exports = __toCommonJS(presets_exports);
-const borders = [
-  {
-    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" }
-  }
-];
-const outline = [
-  {
-    property: "outlineWidth",
-    value: { type: "unit", value: 1, unit: "px" }
-  }
-];

package/lib/cjs/css/style-rules.js

@@ -1,86 +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 style_rules_exports = {};
-__export(style_rules_exports, {
-  getPresetStyleRules: () => getPresetStyleRules,
-  getStyleRules: () => getStyleRules
-});
-module.exports = __toCommonJS(style_rules_exports);
-var import_tree = require("../tree");
-const getStyleRules = (styles, styleSourceSelections) => {
-  if (styles === void 0 || styleSourceSelections === void 0) {
-    return [];
-  }
-  const stylesByStyleSourceId = /* @__PURE__ */ new Map();
-  for (const styleDecl of styles.values()) {
-    const { styleSourceId } = styleDecl;
-    let styleSourceStyles = stylesByStyleSourceId.get(styleSourceId);
-    if (styleSourceStyles === void 0) {
-      styleSourceStyles = [];
-      stylesByStyleSourceId.set(styleSourceId, styleSourceStyles);
-    }
-    styleSourceStyles.push(styleDecl);
-  }
-  const styleRules = [];
-  for (const { instanceId, values } of styleSourceSelections.values()) {
-    const styleRuleByBreakpointId = /* @__PURE__ */ new Map();
-    for (const styleSourceId of values) {
-      const styleSourceStyles = stylesByStyleSourceId.get(styleSourceId);
-      if (styleSourceStyles === void 0) {
-        continue;
-      }
-      for (const {
-        breakpointId,
-        state,
-        property,
-        value
-      } of styleSourceStyles) {
-        const key = `${breakpointId}:${state ?? ""}`;
-        let styleRule = styleRuleByBreakpointId.get(key);
-        if (styleRule === void 0) {
-          styleRule = {
-            instanceId,
-            breakpointId,
-            state,
-            style: {}
-          };
-          styleRuleByBreakpointId.set(key, styleRule);
-        }
-        styleRule.style[property] = value;
-      }
-    }
-    styleRules.push(...styleRuleByBreakpointId.values());
-  }
-  return styleRules;
-};
-const getPresetStyleRules = (component, presetStyle) => {
-  const presetStyleRules = /* @__PURE__ */ new Map();
-  for (const [tag, styles] of Object.entries(presetStyle)) {
-    for (const styleDecl of styles) {
-      const selector = `${tag}:where([${import_tree.componentAttribute}="${component}"])${styleDecl.state ?? ""}`;
-      let rule = presetStyleRules.get(selector);
-      if (rule === void 0) {
-        rule = {};
-        presetStyleRules.set(selector, rule);
-      }
-      rule[styleDecl.property] = styleDecl.value;
-    }
-  }
-  return presetStyleRules;
-};