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

package/dist/types/MiaodaInspector/MiaodaInspector.d.ts

@@ -1,47 +1,48 @@
 import React from 'react';
-import { type InspectorUIConfig } from '../config/ui-config';
-import './MiaodaInspector.css';
+import { InspectorUIConfig } from '../config/ui-config.js';
+
 interface IThemeMeta {
-  themeColors: {
-    title: string;
-    options: {
-      value: string;
-      color: string;
-    }[];
-  };
-  themeRadius: {
-    title: string;
-    options: {
-      value: {
-        pixel: string;
-        rem: string;
-      };
-      iconUrl: string;
-      size: string;
-    }[];
-  };
-  themeSpaces: {
-    title: string;
-    options: {
-      value: {
-        pixel: string;
-        rem: string;
-      };
-      iconUrl: string;
-      size: string;
-    }[];
-  };
+    themeColors: {
+        title: string;
+        options: {
+            value: string;
+            color: string;
+        }[];
+    };
+    themeRadius: {
+        title: string;
+        options: {
+            value: {
+                pixel: string;
+                rem: string;
+            };
+            iconUrl: string;
+            size: string;
+        }[];
+    };
+    themeSpaces: {
+        title: string;
+        options: {
+            value: {
+                pixel: string;
+                rem: string;
+            };
+            iconUrl: string;
+            size: string;
+        }[];
+    };
 }
 interface MiaodaInspectorProps {
-  cwd: string;
-  theme: {
-    themeColorTokenMap: {
-      light: Record<string, string>;
-      dark: Record<string, string>;
+    cwd: string;
+    theme: {
+        themeColorTokenMap: {
+            light: Record<string, string>;
+            dark: Record<string, string>;
+        };
+        themeMetaOptions: Omit<IThemeMeta, 'colorPrimary' | 'borderRadius' | 'spacing'>;
+        themeToken: InspectorUIConfig;
     };
-    themeMetaOptions: Omit<IThemeMeta, 'colorPrimary' | 'borderRadius' | 'spacing'>;
-    themeToken: InspectorUIConfig;
-  };
 }
-export declare function MiaodaInspector(props: MiaodaInspectorProps): React.JSX.Element;
-export {};
+declare function MiaodaInspector(props: MiaodaInspectorProps): React.JSX.Element;
+
+export { MiaodaInspector };

package/dist/types/MiaodaInspector/index.d.ts

@@ -1 +1,3 @@
-export { MiaodaInspector } from './MiaodaInspector';
+export { MiaodaInspector } from './MiaodaInspector.js';
+import 'react';
+import '../config/ui-config.js';

package/dist/types/config/ui-config.d.ts

@@ -1,49 +1,50 @@
-export interface SelectOption {
-  label: string;
-  value: string;
-  rawValue: string;
+interface SelectOption {
+    label: string;
+    value: string;
+    rawValue: string;
 }
-export interface SelectUIConfig {
-  type: 'select';
-  options: SelectOption[];
+interface SelectUIConfig {
+    type: 'select';
+    options: SelectOption[];
 }
-export interface SpacingUIConfig {
-  type: 'spacing';
-  options: SelectOption[];
+interface SpacingUIConfig {
+    type: 'spacing';
+    options: SelectOption[];
 }
 interface Color {
-  label: string;
-  value: string;
-  type?: 'tailwind' | 'style';
-  rawValue?: string;
+    label: string;
+    value: string;
+    type?: 'tailwind' | 'style';
+    rawValue?: string;
 }
-export interface ColorPickerUIConfig {
-  type: 'color-picker';
-  recommendColors: {
-    title: string;
-    options: Color[];
-  }[];
+interface ColorPickerUIConfig {
+    type: 'color-picker';
+    recommendColors: {
+        title: string;
+        options: Color[];
+    }[];
 }
-export interface IconPickerUIConfig {
-  type: 'icon-picker';
+interface IconPickerUIConfig {
+    type: 'icon-picker';
 }
-export type UIComponentConfig = SelectUIConfig | ColorPickerUIConfig | IconPickerUIConfig | SpacingUIConfig;
-export interface InspectorUIConfig {
-  version: string;
-  common: {
-    fontSize: UIComponentConfig;
-    fontWeight: UIComponentConfig;
-    borderRadius: UIComponentConfig;
-    borderWidth: UIComponentConfig;
-    textAlign: UIComponentConfig;
-    padding: UIComponentConfig;
-    margin: UIComponentConfig;
-    color: UIComponentConfig;
-    borderColor: UIComponentConfig;
-    backgroundColor: UIComponentConfig;
-  };
-  components?: Record<string, Record<string, UIComponentConfig>>;
-  tokens: Record<string, string>;
+type UIComponentConfig = SelectUIConfig | ColorPickerUIConfig | IconPickerUIConfig | SpacingUIConfig;
+interface InspectorUIConfig {
+    version: string;
+    common: {
+        fontSize: UIComponentConfig;
+        fontWeight: UIComponentConfig;
+        borderRadius: UIComponentConfig;
+        borderWidth: UIComponentConfig;
+        textAlign: UIComponentConfig;
+        padding: UIComponentConfig;
+        margin: UIComponentConfig;
+        color: UIComponentConfig;
+        borderColor: UIComponentConfig;
+        backgroundColor: UIComponentConfig;
+    };
+    components?: Record<string, Record<string, UIComponentConfig>>;
+    tokens: Record<string, string>;
 }
-export declare const defaultUIConfig: InspectorUIConfig;
-export {};
+declare const defaultUIConfig: InspectorUIConfig;
+
+export { type ColorPickerUIConfig, type IconPickerUIConfig, type InspectorUIConfig, type SelectOption, type SelectUIConfig, type SpacingUIConfig, type UIComponentConfig, defaultUIConfig };

package/dist/types/global.d.d.ts

@@ -0,0 +1,17 @@
+declare module 'global' {
+  global {
+    interface Window {
+      /**
+       * @import { DevToolsHook } from 'https://github.com/facebook/react/blob/v16.13.1/packages/react-devtools-shared/src/backend/types.js'
+       * @type DevToolsHook
+       */
+      __REACT_DEVTOOLS_GLOBAL_HOOK__: any;
+
+      __REACT_DEVTOOLS_TARGET_WINDOW__: Window;
+
+      MIAODA_APP_ID?: string;
+      MIAODA_BUILTIN_TTT?: string;
+      token?: string;
+    }
+  }
+}

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
-export { MiaodaInspector } from './MiaodaInspector';
-export type { InitConfigMessage, ClearSelectedMessage, EditTextMessage, EditStyleMessage, EditClassNameMessage, PageMountedMessage, TextUpdateMessage, SelectInspectorElementMessage, InspectorInfo, IncomingMessage } from './types';
-export { isOutgoingMessage } from './utils';
-export type { InspectorUIConfig } from './config/ui-config';
+export { MiaodaInspector } from './MiaodaInspector/MiaodaInspector.js';
+export { ClearSelectedMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, IncomingMessage, InitConfigMessage, InspectorInfo, PageMountedMessage, SelectInspectorElementMessage, TextUpdateMessage } from './types/iframe-events.js';
+export { isOutgoingMessage } from './utils/origin.js';
+export { InspectorUIConfig } from './config/ui-config.js';
+import 'react';

package/dist/types/types/iframe-events.d.ts

@@ -1,155 +1,158 @@
-import { type InspectorUIConfig } from '../config/ui-config';
+import { InspectorUIConfig } from '../config/ui-config.js';
+
 /**
  * Iframe message event types for inspector communication
  */
-export interface IframeMessage<T = unknown> {
-  type: string;
-  data: T;
+interface IframeMessage<T = unknown> {
+    type: string;
+    data: T;
 }
-export interface EditClassNameMessage extends IframeMessage<{
-  elementId: string;
-  className: string;
+interface EditClassNameMessage extends IframeMessage<{
+    elementId: string;
+    className: string;
 }> {
-  type: 'EditClassName';
+    type: 'EditClassName';
 }
-export type IncomingMessage = InitConfigMessage | ClearSelectedMessage | EditTextMessage | EditStyleMessage | EditClassNameMessage;
-export interface InitConfigMessage extends IframeMessage<{
-  inspectorActive?: boolean;
-  userToken?: string;
-  appId?: string;
-  inspectorVersion?: string;
+type IncomingMessage = InitConfigMessage | ClearSelectedMessage | EditTextMessage | EditStyleMessage | EditClassNameMessage;
+interface InitConfigMessage extends IframeMessage<{
+    inspectorActive?: boolean;
+    userToken?: string;
+    appId?: string;
+    inspectorVersion?: string;
 }> {
-  type: 'InitConfig';
+    type: 'InitConfig';
 }
-export interface ClearSelectedMessage extends IframeMessage<{
-  keepModifications?: boolean;
+interface ClearSelectedMessage extends IframeMessage<{
+    keepModifications?: boolean;
 }> {
-  type: 'ClearSelected';
+    type: 'ClearSelected';
 }
-export interface EditTextMessage extends IframeMessage<{
-  elementId: string;
-  textContent: string;
+interface EditTextMessage extends IframeMessage<{
+    elementId: string;
+    textContent: string;
 }> {
-  type: 'EditText';
+    type: 'EditText';
 }
-export interface EditStyleMessage extends IframeMessage<{
-  elementId: string;
-  styles: Record<string, string>;
+interface EditStyleMessage extends IframeMessage<{
+    elementId: string;
+    styles: Record<string, string>;
 }> {
-  type: 'EditStyle';
+    type: 'EditStyle';
 }
-export interface PageMountedMessage extends IframeMessage<{
-  version?: string;
+interface PageMountedMessage extends IframeMessage<{
+    version?: string;
 }> {
-  type: 'PageMounted';
+    type: 'PageMounted';
 }
-export interface TextUpdateMessage extends IframeMessage<{
-  elementId: string;
-  textContent: string | null;
+interface TextUpdateMessage extends IframeMessage<{
+    elementId: string;
+    textContent: string | null;
 }> {
-  type: 'TextUpdate';
+    type: 'TextUpdate';
 }
-export interface PageScrollMessage extends IframeMessage<Record<string, never>> {
-  type: 'PageScroll';
+interface PageScrollMessage extends IframeMessage<Record<string, never>> {
+    type: 'PageScroll';
 }
-export interface ElementResizeMessage extends IframeMessage<{
-  elementId: string;
-  width: number;
-  height: number;
-  top: number;
-  left: number;
-  right: number;
-  bottom: number;
+interface ElementResizeMessage extends IframeMessage<{
+    elementId: string;
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
 }> {
-  type: 'ElementResize';
+    type: 'ElementResize';
 }
-export interface InspectorInfo {
-  columnNumber: string;
-  lineNumber: string;
-  relativePath: string;
-  tagName: string;
-  componentName: string;
-  className: string;
-  x?: number;
-  y?: number;
-  top?: number;
-  bottom?: number;
-  right?: number;
-  left?: number;
-  width?: number;
-  height?: number;
-  textContent?: string;
-  elementId: string;
-  fontSize?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  fontWeight?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  borderRadius?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  borderWidth?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  textAlign?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  padding?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  margin?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  color?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  backgroundColor?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  borderColor?: {
-    value: string;
-    inherited: boolean;
-    tailwindClassName: string;
-  };
-  /**
-   * metadata information from babel plugin
-   */
-  metadata?: {
-    elementStart: number;
-    elementEnd: number;
-    tagStart: number;
-    tagEnd: number;
-    classNameLiteral: boolean;
-  };
+interface InspectorInfo {
+    columnNumber: string;
+    lineNumber: string;
+    relativePath: string;
+    tagName: string;
+    componentName: string;
+    className: string;
+    x?: number;
+    y?: number;
+    top?: number;
+    bottom?: number;
+    right?: number;
+    left?: number;
+    width?: number;
+    height?: number;
+    textContent?: string;
+    elementId: string;
+    fontSize?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    fontWeight?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    borderRadius?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    borderWidth?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    textAlign?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    padding?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    margin?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    color?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    backgroundColor?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    borderColor?: {
+        value: string;
+        inherited: boolean;
+        tailwindClassName: string;
+    };
+    /**
+     * metadata information from babel plugin
+     */
+    metadata?: {
+        elementStart: number;
+        elementEnd: number;
+        tagStart: number;
+        tagEnd: number;
+        classNameLiteral: boolean;
+    };
 }
-export interface SelectInspectorElementMessage extends IframeMessage<InspectorInfo> {
-  type: 'SelectInspectorElement';
+interface SelectInspectorElementMessage extends IframeMessage<InspectorInfo> {
+    type: 'SelectInspectorElement';
 }
-export interface InspectorUIConfigMessage extends IframeMessage<InspectorUIConfig> {
-  type: 'InspectorUIConfig';
+interface InspectorUIConfigMessage extends IframeMessage<InspectorUIConfig> {
+    type: 'InspectorUIConfig';
 }
-export type OutgoingMessage = PageMountedMessage | TextUpdateMessage | PageScrollMessage | ElementResizeMessage | SelectInspectorElementMessage | InspectorUIConfigMessage;
+type OutgoingMessage = PageMountedMessage | TextUpdateMessage | PageScrollMessage | ElementResizeMessage | SelectInspectorElementMessage | InspectorUIConfigMessage;
 declare global {
-  interface WindowEventMap {
-    message: MessageEvent<IframeMessage>;
-  }
-}
+    interface WindowEventMap {
+        message: MessageEvent<IframeMessage>;
+    }
+}
+
+export type { ClearSelectedMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, ElementResizeMessage, IframeMessage, IncomingMessage, InitConfigMessage, InspectorInfo, InspectorUIConfigMessage, OutgoingMessage, PageMountedMessage, PageScrollMessage, SelectInspectorElementMessage, TextUpdateMessage };

package/dist/types/types/index.d.ts

@@ -1 +1,2 @@
-export { InitConfigMessage, ClearSelectedMessage, EditTextMessage, EditStyleMessage, EditClassNameMessage, OutgoingMessage, PageMountedMessage, TextUpdateMessage, SelectInspectorElementMessage, IncomingMessage, InspectorInfo } from './iframe-events';
+export { ClearSelectedMessage, EditClassNameMessage, EditStyleMessage, EditTextMessage, IncomingMessage, InitConfigMessage, InspectorInfo, OutgoingMessage, PageMountedMessage, SelectInspectorElementMessage, TextUpdateMessage } from './iframe-events.js';
+import '../config/ui-config.js';

package/dist/types/utils/config-mapper.d.ts

@@ -1,12 +1,15 @@
-import type { InspectorUIConfig } from '../config/ui-config';
-export interface StyleCalculationConfig {
-  cssProperty: string;
-  tailwindPrefix: string;
-  map: Record<string | number, string>;
-  defaultValue?: string;
-  transformValue?: (value: string) => string | number;
-  tolerance?: number;
-  skipTailwind?: boolean;
+import { InspectorUIConfig } from '../config/ui-config.js';
+
+interface StyleCalculationConfig {
+    cssProperty: string;
+    tailwindPrefix: string;
+    map: Record<string | number, string>;
+    defaultValue?: string;
+    transformValue?: (value: string) => string | number;
+    tolerance?: number;
+    skipTailwind?: boolean;
 }
-export declare function getStyleCalculationConfig(config: InspectorUIConfig, propertyName: keyof InspectorUIConfig['common']): StyleCalculationConfig;
-export declare function getAllStyleConfigs(config: InspectorUIConfig): Record<string, StyleCalculationConfig>;
+declare function getStyleCalculationConfig(config: InspectorUIConfig, propertyName: keyof InspectorUIConfig['common']): StyleCalculationConfig;
+declare function getAllStyleConfigs(config: InspectorUIConfig): Record<string, StyleCalculationConfig>;
+
+export { type StyleCalculationConfig, getAllStyleConfigs, getStyleCalculationConfig };

package/dist/types/utils/css.d.ts

@@ -1,2 +1,5 @@
-import { type ClassValue } from 'clsx';
-export declare function cx(...args: ClassValue[]): string;
+import { ClassValue } from 'clsx';
+
+declare function cx(...args: ClassValue[]): string;
+
+export { cx };

package/dist/types/utils/index.d.ts

@@ -1,3 +1,7 @@
-export { getPreviewParentOrigin, postMessage, isIncomingMessage, isOutgoingMessage } from './origin';
-export { cx } from './css';
-export { calculateFontSizeInfo, calculateFontWeightInfo, calculateBorderRadiusInfo, calculateBorderWidthInfo, calculateTextAlignInfo, calculatePaddingInfo, calculateMarginInfo, calculateColorInfo, calculateBackgroundColorInfo, calculateBorderColorInfo } from './style-calculator';
+export { getPreviewParentOrigin, isIncomingMessage, isOutgoingMessage, postMessage } from './origin.js';
+export { cx } from './css.js';
+export { calculateBackgroundColorInfo, calculateBorderColorInfo, calculateBorderRadiusInfo, calculateBorderWidthInfo, calculateColorInfo, calculateFontSizeInfo, calculateFontWeightInfo, calculateMarginInfo, calculatePaddingInfo, calculateTextAlignInfo } from './style-calculator.js';
+import '../types/iframe-events.js';
+import '../config/ui-config.js';
+import 'clsx';
+import './config-mapper.js';

package/dist/types/utils/origin.d.ts

@@ -1,9 +1,13 @@
-import { type OutgoingMessage, type IncomingMessage } from '../types';
-export declare function getPreviewParentOrigin(): string;
-export declare function postMessage<T extends OutgoingMessage>(message: T, targetOrigin?: string): void;
-export declare function isOutgoingMessage<T extends OutgoingMessage['type']>(msg: OutgoingMessage, type: T): msg is Extract<OutgoingMessage, {
-  type: T;
+import { OutgoingMessage, IncomingMessage } from '../types/iframe-events.js';
+import '../config/ui-config.js';
+
+declare function getPreviewParentOrigin(): string;
+declare function postMessage<T extends OutgoingMessage>(message: T, targetOrigin?: string): void;
+declare function isOutgoingMessage<T extends OutgoingMessage['type']>(msg: OutgoingMessage, type: T): msg is Extract<OutgoingMessage, {
+    type: T;
 }>;
-export declare function isIncomingMessage<T extends IncomingMessage['type']>(msg: IncomingMessage, type: T): msg is Extract<IncomingMessage, {
-  type: T;
-}>;
+declare function isIncomingMessage<T extends IncomingMessage['type']>(msg: IncomingMessage, type: T): msg is Extract<IncomingMessage, {
+    type: T;
+}>;
+
+export { getPreviewParentOrigin, isIncomingMessage, isOutgoingMessage, postMessage };

package/dist/types/utils/style-calculator.d.ts

@@ -1,19 +1,22 @@
-import type { StyleCalculationConfig } from './config-mapper';
+import { StyleCalculationConfig } from './config-mapper.js';
+import '../config/ui-config.js';
+
 interface StyleCalculationResult {
-  value: string;
-  inherited: boolean;
-  tailwindClassName: string;
+    value: string;
+    inherited: boolean;
+    tailwindClassName: string;
 }
-export declare function rgbaToHex(rgba: string): string;
-export declare function calculateStyle(styleName: string, element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>): StyleCalculationResult | null;
-export declare const calculateFontSizeInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateFontWeightInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateBorderRadiusInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateBorderWidthInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateTextAlignInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculatePaddingInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateMarginInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateColorInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateBackgroundColorInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export declare const calculateBorderColorInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
-export {};
+declare function rgbaToHex(rgba: string): string;
+declare function calculateStyle(styleName: string, element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>): StyleCalculationResult | null;
+declare const calculateFontSizeInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateFontWeightInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateBorderRadiusInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateBorderWidthInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateTextAlignInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculatePaddingInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateMarginInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateColorInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateBackgroundColorInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+declare const calculateBorderColorInfo: (element: HTMLElement, componentName: string, canUseNewInspector: boolean, styleConfigs: Record<string, StyleCalculationConfig>) => StyleCalculationResult | null;
+
+export { calculateBackgroundColorInfo, calculateBorderColorInfo, calculateBorderRadiusInfo, calculateBorderWidthInfo, calculateColorInfo, calculateFontSizeInfo, calculateFontWeightInfo, calculateMarginInfo, calculatePaddingInfo, calculateStyle, calculateTextAlignInfo, rgbaToHex };