@lark-apaas/miaoda-inspector 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/lib/utils/config-mapper.js

@@ -1,74 +1,44 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
   for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  getStyleCalculationConfig: function() {
-    return getStyleCalculationConfig;
-  },
-  getAllStyleConfigs: function() {
-    return getAllStyleConfigs;
+    __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 config_mapper_exports = {};
+__export(config_mapper_exports, {
+  getAllStyleConfigs: () => getAllStyleConfigs,
+  getStyleCalculationConfig: () => getStyleCalculationConfig
 });
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys2 = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  source = source != null ? source : {};
-  if (Object.getOwnPropertyDescriptors) {
-    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-  } else {
-    ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
+module.exports = __toCommonJS(config_mapper_exports);
 function getColorStyleCalculationConfig(config, propertyName) {
   const prefixMap = {
     color: "text",
@@ -118,7 +88,9 @@ function getStyleCalculationConfig(config, propertyName) {
     return getColorStyleCalculationConfig(config, propertyName);
   }
   if (uiComponent.type !== "select" && uiComponent.type !== "spacing") {
-    throw new Error(`Unsupported UI component type: ${uiComponent.type} for property: ${propertyName}`);
+    throw new Error(
+      `Unsupported UI component type: ${uiComponent.type} for property: ${propertyName}`
+    );
   }
   const map = {};
   for (const option of uiComponent.options) {
@@ -168,7 +140,7 @@ function getStyleCalculationConfig(config, propertyName) {
   if (!baseConfig) {
     throw new Error(`Unknown property: ${propertyName}`);
   }
-  return _object_spread_props(_object_spread({}, baseConfig), {
+  return __spreadProps(__spreadValues({}, baseConfig), {
     map
   });
 }

package/dist/lib/utils/css.js

@@ -1,20 +1,38 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "cx", {
-  enumerable: true,
-  get: function() {
-    return cx;
+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 css_exports = {};
+__export(css_exports, {
+  cx: () => cx
 });
-const _clsx = /* @__PURE__ */ _interop_require_default(require("clsx"));
-const _tailwindmerge = require("tailwind-merge");
-function _interop_require_default(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
+module.exports = __toCommonJS(css_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_tailwind_merge = require("tailwind-merge");
 function cx(...args) {
-  return (0, _tailwindmerge.twMerge)((0, _clsx.default)(...args));
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.default)(...args));
 }

package/dist/lib/utils/index.js

@@ -1,61 +1,40 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  getPreviewParentOrigin: function() {
-    return _origin.getPreviewParentOrigin;
-  },
-  postMessage: function() {
-    return _origin.postMessage;
-  },
-  isIncomingMessage: function() {
-    return _origin.isIncomingMessage;
-  },
-  isOutgoingMessage: function() {
-    return _origin.isOutgoingMessage;
-  },
-  cx: function() {
-    return _css.cx;
-  },
-  calculateFontSizeInfo: function() {
-    return _stylecalculator.calculateFontSizeInfo;
-  },
-  calculateFontWeightInfo: function() {
-    return _stylecalculator.calculateFontWeightInfo;
-  },
-  calculateBorderRadiusInfo: function() {
-    return _stylecalculator.calculateBorderRadiusInfo;
-  },
-  calculateBorderWidthInfo: function() {
-    return _stylecalculator.calculateBorderWidthInfo;
-  },
-  calculateTextAlignInfo: function() {
-    return _stylecalculator.calculateTextAlignInfo;
-  },
-  calculatePaddingInfo: function() {
-    return _stylecalculator.calculatePaddingInfo;
-  },
-  calculateMarginInfo: function() {
-    return _stylecalculator.calculateMarginInfo;
-  },
-  calculateColorInfo: function() {
-    return _stylecalculator.calculateColorInfo;
-  },
-  calculateBackgroundColorInfo: function() {
-    return _stylecalculator.calculateBackgroundColorInfo;
-  },
-  calculateBorderColorInfo: function() {
-    return _stylecalculator.calculateBorderColorInfo;
+    __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 utils_exports = {};
+__export(utils_exports, {
+  calculateBackgroundColorInfo: () => import_style_calculator.calculateBackgroundColorInfo,
+  calculateBorderColorInfo: () => import_style_calculator.calculateBorderColorInfo,
+  calculateBorderRadiusInfo: () => import_style_calculator.calculateBorderRadiusInfo,
+  calculateBorderWidthInfo: () => import_style_calculator.calculateBorderWidthInfo,
+  calculateColorInfo: () => import_style_calculator.calculateColorInfo,
+  calculateFontSizeInfo: () => import_style_calculator.calculateFontSizeInfo,
+  calculateFontWeightInfo: () => import_style_calculator.calculateFontWeightInfo,
+  calculateMarginInfo: () => import_style_calculator.calculateMarginInfo,
+  calculatePaddingInfo: () => import_style_calculator.calculatePaddingInfo,
+  calculateTextAlignInfo: () => import_style_calculator.calculateTextAlignInfo,
+  cx: () => import_css.cx,
+  getPreviewParentOrigin: () => import_origin.getPreviewParentOrigin,
+  isIncomingMessage: () => import_origin.isIncomingMessage,
+  isOutgoingMessage: () => import_origin.isOutgoingMessage,
+  postMessage: () => import_origin.postMessage
 });
-const _origin = require("./origin");
-const _css = require("./css");
-const _stylecalculator = require("./style-calculator");
+module.exports = __toCommonJS(utils_exports);
+var import_origin = require("./origin");
+var import_css = require("./css");
+var import_style_calculator = require("./style-calculator");

package/dist/lib/utils/origin.js

@@ -1,28 +1,29 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+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)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  getPreviewParentOrigin: function() {
-    return getPreviewParentOrigin;
-  },
-  postMessage: function() {
-    return postMessage;
-  },
-  isOutgoingMessage: function() {
-    return isOutgoingMessage;
-  },
-  isIncomingMessage: function() {
-    return isIncomingMessage;
+    __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 origin_exports = {};
+__export(origin_exports, {
+  getPreviewParentOrigin: () => getPreviewParentOrigin,
+  isIncomingMessage: () => isIncomingMessage,
+  isOutgoingMessage: () => isOutgoingMessage,
+  postMessage: () => postMessage
 });
+module.exports = __toCommonJS(origin_exports);
 function getPreviewParentOrigin() {
   const { origin } = window.location;
   if (origin.includes("feishuapp.cn")) {
@@ -34,7 +35,7 @@ function getPreviewParentOrigin() {
   return "https://miaoda.feishu-boe.cn";
 }
 function postMessage(message, targetOrigin) {
-  window.parent.postMessage(message, targetOrigin !== null && targetOrigin !== void 0 ? targetOrigin : getPreviewParentOrigin());
+  window.parent.postMessage(message, targetOrigin != null ? targetOrigin : getPreviewParentOrigin());
 }
 function isOutgoingMessage(msg, type) {
   return msg.type === type;

package/dist/lib/utils/style-calculator.js

@@ -1,108 +1,57 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-function _export(target, all) {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
   for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name]
-    });
-}
-_export(exports, {
-  rgbaToHex: function() {
-    return rgbaToHex;
-  },
-  calculateStyle: function() {
-    return calculateStyle;
-  },
-  calculateFontSizeInfo: function() {
-    return calculateFontSizeInfo;
-  },
-  calculateFontWeightInfo: function() {
-    return calculateFontWeightInfo;
-  },
-  calculateBorderRadiusInfo: function() {
-    return calculateBorderRadiusInfo;
-  },
-  calculateBorderWidthInfo: function() {
-    return calculateBorderWidthInfo;
-  },
-  calculateTextAlignInfo: function() {
-    return calculateTextAlignInfo;
-  },
-  calculatePaddingInfo: function() {
-    return calculatePaddingInfo;
-  },
-  calculateMarginInfo: function() {
-    return calculateMarginInfo;
-  },
-  calculateColorInfo: function() {
-    return calculateColorInfo;
-  },
-  calculateBackgroundColorInfo: function() {
-    return calculateBackgroundColorInfo;
-  },
-  calculateBorderColorInfo: function() {
-    return calculateBorderColorInfo;
+    __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_calculator_exports = {};
+__export(style_calculator_exports, {
+  calculateBackgroundColorInfo: () => calculateBackgroundColorInfo,
+  calculateBorderColorInfo: () => calculateBorderColorInfo,
+  calculateBorderRadiusInfo: () => calculateBorderRadiusInfo,
+  calculateBorderWidthInfo: () => calculateBorderWidthInfo,
+  calculateColorInfo: () => calculateColorInfo,
+  calculateFontSizeInfo: () => calculateFontSizeInfo,
+  calculateFontWeightInfo: () => calculateFontWeightInfo,
+  calculateMarginInfo: () => calculateMarginInfo,
+  calculatePaddingInfo: () => calculatePaddingInfo,
+  calculateStyle: () => calculateStyle,
+  calculateTextAlignInfo: () => calculateTextAlignInfo,
+  rgbaToHex: () => rgbaToHex
 });
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys2 = Object.keys(source);
-    if (typeof Object.getOwnPropertySymbols === "function") {
-      ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-    ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  source = source != null ? source : {};
-  if (Object.getOwnPropertyDescriptors) {
-    Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-  } else {
-    ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
+module.exports = __toCommonJS(style_calculator_exports);
 function rgbaToHex(rgba) {
   const match = rgba.match(/rgba?\(([^)]+)\)/);
-  if (!match)
-    return rgba;
+  if (!match) return rgba;
   const values = match[1].split(",").map((v) => v.trim());
   const r = parseInt(values[0], 10);
   const g = parseInt(values[1], 10);
@@ -162,7 +111,11 @@ function calculateStyleProperty(element, config) {
     tailwindClassName = config.map[colorValue] || `raw:${normalizedColor}`;
   } else {
     const numericValue = config.transformValue ? config.transformValue(currentValue) : parseFloat(currentValue);
-    const { className } = findClosestMatch(numericValue, config.map, config.tolerance);
+    const { className } = findClosestMatch(
+      numericValue,
+      config.map,
+      config.tolerance
+    );
     tailwindClassName = className;
   }
   const inherited = config.tailwindPattern ? shouldBeInherited(element, config.cssProperty, config.tailwindPattern) : false;
@@ -180,16 +133,48 @@ function calculateStyle(styleName, element, componentName, canUseNewInspector, s
     return null;
   }
   const config = styleConfigs[styleName];
-  const tailwindPattern = new RegExp(`\\b${config.tailwindPrefix}-(${Object.keys(config.map).join("|")})\\b`);
-  return calculateStyleProperty(element, _object_spread_props(_object_spread({}, config), {
+  const tailwindPattern = new RegExp(
+    `\\b${config.tailwindPrefix}-(${Object.keys(config.map).join("|")})\\b`
+  );
+  return calculateStyleProperty(element, __spreadProps(__spreadValues({}, config), {
     tailwindPattern
   }));
 }
-const calculateFontSizeInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("fontSize", element, componentName, canUseNewInspector, styleConfigs);
-const calculateFontWeightInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("fontWeight", element, componentName, canUseNewInspector, styleConfigs);
-const calculateBorderRadiusInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("borderRadius", element, componentName, canUseNewInspector, styleConfigs);
-const calculateBorderWidthInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("borderWidth", element, componentName, canUseNewInspector, styleConfigs);
-const calculateTextAlignInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("textAlign", element, componentName, canUseNewInspector, styleConfigs);
+const calculateFontSizeInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "fontSize",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
+const calculateFontWeightInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "fontWeight",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
+const calculateBorderRadiusInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "borderRadius",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
+const calculateBorderWidthInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "borderWidth",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
+const calculateTextAlignInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "textAlign",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
 const calculatePaddingInfo = (element, componentName, canUseNewInspector, styleConfigs) => {
   if (!isValidElementWithComponent(element, componentName, canUseNewInspector)) {
     return null;
@@ -202,6 +187,24 @@ const calculateMarginInfo = (element, componentName, canUseNewInspector, styleCo
   }
   return calculateStyleProperty(element, styleConfigs.margin);
 };
-const calculateColorInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("color", element, componentName, canUseNewInspector, styleConfigs);
-const calculateBackgroundColorInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("backgroundColor", element, componentName, canUseNewInspector, styleConfigs);
-const calculateBorderColorInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle("borderColor", element, componentName, canUseNewInspector, styleConfigs);
+const calculateColorInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "color",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
+const calculateBackgroundColorInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "backgroundColor",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);
+const calculateBorderColorInfo = (element, componentName, canUseNewInspector, styleConfigs) => calculateStyle(
+  "borderColor",
+  element,
+  componentName,
+  canUseNewInspector,
+  styleConfigs
+);