@squaredr/fieldcraft-pro 1.4.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-BK4SMEW4.mjs → chunk-5LKGCZAW.mjs} +1 -0
- package/dist/{chunk-BYT2P3I6.mjs → chunk-ANBMT5AW.mjs} +46 -58
- package/dist/{chunk-22T5PY6L.mjs → chunk-IKGS2ZXV.mjs} +382 -87
- package/dist/form-builder/index.d.mts +1 -1
- package/dist/form-builder/index.d.ts +1 -1
- package/dist/form-builder/index.js +45 -59
- package/dist/form-builder/index.mjs +1 -1
- package/dist/{index-nvIvXlmc.d.ts → index-D19524df.d.mts} +3 -14
- package/dist/{index-nvIvXlmc.d.mts → index-D19524df.d.ts} +3 -14
- package/dist/index.d.mts +30 -4
- package/dist/index.d.ts +30 -4
- package/dist/index.js +739 -105
- package/dist/index.mjs +276 -4
- package/dist/response-viewer/index.js +1 -0
- package/dist/response-viewer/index.mjs +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme-editor/index.d.mts +78 -13
- package/dist/theme-editor/index.d.ts +78 -13
- package/dist/theme-editor/index.js +381 -86
- package/dist/theme-editor/index.mjs +1 -1
- package/package.json +15 -5
- package/theme-editor/styles.css +20 -5
- package/dist/preview-schema-DFvV4y6J.d.mts +0 -66
- package/dist/preview-schema-DFvV4y6J.d.ts +0 -66
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { FormEngineTheme, FormEngineSchema } from '@squaredr/fieldcraft-core';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* ThemeEditor chrome theme configuration.
|
|
8
|
-
* Controls the appearance of the editor UI (toolbar, controls, panels)
|
|
9
|
-
* — NOT the form preview, which uses the FormEngineTheme being edited.
|
|
10
|
-
*
|
|
11
|
-
* All values are CSS color strings (hex, oklch, hsl, etc.).
|
|
12
|
-
*/
|
|
13
|
-
type ThemeEditorTheme = {
|
|
14
|
-
/** Main background of the entire editor */
|
|
15
|
-
background?: string;
|
|
16
|
-
/** Surface background (toolbar, panels, editor column) */
|
|
17
|
-
surface?: string;
|
|
18
|
-
/** Surface hover state */
|
|
19
|
-
surfaceHover?: string;
|
|
20
|
-
/** Primary text color */
|
|
21
|
-
text?: string;
|
|
22
|
-
/** Muted text color (labels, secondary info) */
|
|
23
|
-
textMuted?: string;
|
|
24
|
-
/** Dim text color (suffixes, tertiary info) */
|
|
25
|
-
textDim?: string;
|
|
26
|
-
/** Default border color */
|
|
27
|
-
border?: string;
|
|
28
|
-
/** Strong border color (inputs, emphasis) */
|
|
29
|
-
borderStrong?: string;
|
|
30
|
-
/** Input background color */
|
|
31
|
-
inputBackground?: string;
|
|
32
|
-
/** Primary accent color (buttons, focus) */
|
|
33
|
-
accent?: string;
|
|
34
|
-
/** Text color on accent backgrounds */
|
|
35
|
-
accentForeground?: string;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
type ThemeEditorProps = {
|
|
39
|
-
/** Initial theme to load. Defaults to draftingTealPreset. */
|
|
40
|
-
initialTheme?: FormEngineTheme;
|
|
41
|
-
/** Called on every theme change. */
|
|
42
|
-
onChange?: (theme: FormEngineTheme) => void;
|
|
43
|
-
/** Called when user clicks Save or presses Ctrl+S. */
|
|
44
|
-
onSave?: (theme: FormEngineTheme) => void;
|
|
45
|
-
/** Editor chrome theme. Controls toolbar, panel, and control appearance. */
|
|
46
|
-
theme?: ThemeEditorTheme;
|
|
47
|
-
/** Container height. */
|
|
48
|
-
height?: string | number;
|
|
49
|
-
/** Container width. */
|
|
50
|
-
width?: string | number;
|
|
51
|
-
/** Additional CSS class on root element. */
|
|
52
|
-
className?: string;
|
|
53
|
-
/** Extra content in the toolbar. */
|
|
54
|
-
toolbarExtra?: ReactNode;
|
|
55
|
-
/** Show live preview panel. Default: true. */
|
|
56
|
-
showPreview?: boolean;
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
declare const ThemeEditor: react.ComponentType<ThemeEditorProps>;
|
|
60
|
-
|
|
61
|
-
declare function ThemeEditorInner({ initialTheme, onChange, onSave, theme: chromeTheme, height, width, className, toolbarExtra, showPreview, }: ThemeEditorProps): react_jsx_runtime.JSX.Element;
|
|
62
|
-
|
|
63
|
-
/** Compact schema used in the ThemeEditor live preview panel. */
|
|
64
|
-
declare const PREVIEW_SCHEMA: FormEngineSchema;
|
|
65
|
-
|
|
66
|
-
export { PREVIEW_SCHEMA as P, ThemeEditor as T, ThemeEditorInner as a, type ThemeEditorProps as b, type ThemeEditorTheme as c };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { FormEngineTheme, FormEngineSchema } from '@squaredr/fieldcraft-core';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* ThemeEditor chrome theme configuration.
|
|
8
|
-
* Controls the appearance of the editor UI (toolbar, controls, panels)
|
|
9
|
-
* — NOT the form preview, which uses the FormEngineTheme being edited.
|
|
10
|
-
*
|
|
11
|
-
* All values are CSS color strings (hex, oklch, hsl, etc.).
|
|
12
|
-
*/
|
|
13
|
-
type ThemeEditorTheme = {
|
|
14
|
-
/** Main background of the entire editor */
|
|
15
|
-
background?: string;
|
|
16
|
-
/** Surface background (toolbar, panels, editor column) */
|
|
17
|
-
surface?: string;
|
|
18
|
-
/** Surface hover state */
|
|
19
|
-
surfaceHover?: string;
|
|
20
|
-
/** Primary text color */
|
|
21
|
-
text?: string;
|
|
22
|
-
/** Muted text color (labels, secondary info) */
|
|
23
|
-
textMuted?: string;
|
|
24
|
-
/** Dim text color (suffixes, tertiary info) */
|
|
25
|
-
textDim?: string;
|
|
26
|
-
/** Default border color */
|
|
27
|
-
border?: string;
|
|
28
|
-
/** Strong border color (inputs, emphasis) */
|
|
29
|
-
borderStrong?: string;
|
|
30
|
-
/** Input background color */
|
|
31
|
-
inputBackground?: string;
|
|
32
|
-
/** Primary accent color (buttons, focus) */
|
|
33
|
-
accent?: string;
|
|
34
|
-
/** Text color on accent backgrounds */
|
|
35
|
-
accentForeground?: string;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
type ThemeEditorProps = {
|
|
39
|
-
/** Initial theme to load. Defaults to draftingTealPreset. */
|
|
40
|
-
initialTheme?: FormEngineTheme;
|
|
41
|
-
/** Called on every theme change. */
|
|
42
|
-
onChange?: (theme: FormEngineTheme) => void;
|
|
43
|
-
/** Called when user clicks Save or presses Ctrl+S. */
|
|
44
|
-
onSave?: (theme: FormEngineTheme) => void;
|
|
45
|
-
/** Editor chrome theme. Controls toolbar, panel, and control appearance. */
|
|
46
|
-
theme?: ThemeEditorTheme;
|
|
47
|
-
/** Container height. */
|
|
48
|
-
height?: string | number;
|
|
49
|
-
/** Container width. */
|
|
50
|
-
width?: string | number;
|
|
51
|
-
/** Additional CSS class on root element. */
|
|
52
|
-
className?: string;
|
|
53
|
-
/** Extra content in the toolbar. */
|
|
54
|
-
toolbarExtra?: ReactNode;
|
|
55
|
-
/** Show live preview panel. Default: true. */
|
|
56
|
-
showPreview?: boolean;
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
declare const ThemeEditor: react.ComponentType<ThemeEditorProps>;
|
|
60
|
-
|
|
61
|
-
declare function ThemeEditorInner({ initialTheme, onChange, onSave, theme: chromeTheme, height, width, className, toolbarExtra, showPreview, }: ThemeEditorProps): react_jsx_runtime.JSX.Element;
|
|
62
|
-
|
|
63
|
-
/** Compact schema used in the ThemeEditor live preview panel. */
|
|
64
|
-
declare const PREVIEW_SCHEMA: FormEngineSchema;
|
|
65
|
-
|
|
66
|
-
export { PREVIEW_SCHEMA as P, ThemeEditor as T, ThemeEditorInner as a, type ThemeEditorProps as b, type ThemeEditorTheme as c };
|