reactaform 1.8.8 → 1.8.91

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.
Files changed (28) hide show
  1. package/README.full.md +29 -21
  2. package/dist/components/ReactaForm.d.ts +1 -0
  3. package/dist/components/ReactaFormProvider.d.ts +2 -1
  4. package/dist/components/ReactaFormRenderer.d.ts +3 -1
  5. package/dist/core/reactaFormTypes.d.ts +6 -1
  6. package/dist/core/submitForm.d.ts +2 -2
  7. package/dist/reactaform.cjs.js +45 -13
  8. package/dist/reactaform.css +1 -1
  9. package/dist/reactaform.es.js +1570 -1493
  10. package/dist/themes/ant-design-dark.css +3 -3
  11. package/dist/themes/ant-design.css +3 -3
  12. package/dist/themes/blueprint-dark.css +3 -3
  13. package/dist/themes/blueprint.css +4 -4
  14. package/dist/themes/fluent.css +3 -3
  15. package/dist/themes/glass-morphism.css +7 -7
  16. package/dist/themes/high-contrast-accessible.css +1 -1
  17. package/dist/themes/ios-mobile.css +3 -3
  18. package/dist/themes/macos-native.css +5 -5
  19. package/dist/themes/material-dark.css +3 -3
  20. package/dist/themes/material.css +5 -5
  21. package/dist/themes/midnight-dark.css +3 -3
  22. package/dist/themes/modern-light.css +3 -3
  23. package/dist/themes/neon-cyber-dark.css +3 -3
  24. package/dist/themes/shadcn.css +3 -3
  25. package/dist/themes/soft-pastel.css +3 -3
  26. package/dist/themes/tailwind-dark.css +3 -3
  27. package/dist/themes/tailwind.css +5 -5
  28. package/package.json +5 -3
package/dist/themes/ant-design-dark.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --reactaform-border-hover: #434343;
11
11
  --reactaform-border-focus: #1677ff;
12
12
 
13
- --reactaform-hover-bg: #1a1a1a;
13
+ --reactaform-option-menu-hover-bg: #1a1a1a;
14
14
 
15
15
  --reactaform-error-color: #ff4d4f;
16
16
  --reactaform-success-color: #52c41a;
@@ -18,7 +18,7 @@
18
18
  --reactaform-border-radius: 6px;
19
19
 
20
20
  --reactaform-shadow:
21
- 0 6px 20px rgba(0,0,0,.55);
21
+ 0 6px 20px #000000;
22
22
 
23
23
  --reactaform-button-bg: #1677ff;
24
24
  --reactaform-button-text: white;
@@ -26,6 +26,6 @@
26
26
  --reactaform-input-padding: 10px 12px;
27
27
 
28
28
  /* Tooltip */
29
- --reactaform-tooltip-color-bg: rgba(40, 40, 40, 0.95);
29
+ --reactaform-tooltip-color-bg: #282828;
30
30
  --reactaform-tooltip-color: #F5F5F5;
31
31
  }
package/dist/themes/ant-design.css CHANGED
@@ -18,14 +18,14 @@
18
18
  --reactaform-success-color: #52c41a;
19
19
 
20
20
  /* Interaction */
21
- --reactaform-hover-bg: #fafafa;
21
+ --reactaform-option-menu-hover-bg: #fafafa;
22
22
 
23
23
  /* Shape — AntD slightly rounded */
24
24
  --reactaform-border-radius: 6px;
25
25
 
26
26
  /* Elevation */
27
27
  --reactaform-shadow:
28
- 0 2px 8px rgba(0,0,0,.08);
28
+ 0 2px 8px #000000;
29
29
 
30
30
  /* Buttons */
31
31
  --reactaform-button-bg: #1677ff;
@@ -37,6 +37,6 @@
37
37
  --reactaform-font-size: 14px;
38
38
 
39
39
  /* Tooltip */
40
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
40
+ --reactaform-tooltip-color-bg: #3c3c3c;
41
41
  --reactaform-tooltip-color: #ffffff;
42
42
  }
package/dist/themes/blueprint-dark.css CHANGED
@@ -10,7 +10,7 @@
10
10
  --reactaform-border-hover: #738694;
11
11
  --reactaform-border-focus: #2b95d6;
12
12
 
13
- --reactaform-hover-bg: rgba(255,255,255,0.07);
13
+ --reactaform-option-menu-hover-bg: #ffffff;
14
14
 
15
15
  --reactaform-error-color: #ff7373;
16
16
  --reactaform-success-color: #3dcc91;
@@ -18,7 +18,7 @@
18
18
  --reactaform-border-radius: 4px;
19
19
 
20
20
  --reactaform-shadow:
21
- 0 4px 20px rgba(16,22,26,.45);
21
+ 0 4px 20px #10161a;
22
22
 
23
23
  --reactaform-button-bg: #2b95d6;
24
24
  --reactaform-button-text: white;
@@ -26,6 +26,6 @@
26
26
  --reactaform-input-padding: 8px 10px;
27
27
 
28
28
  /* Tooltip */
29
- --reactaform-tooltip-color-bg: rgba(40, 40, 40, 0.95);
29
+ --reactaform-tooltip-color-bg: #282828;
30
30
  --reactaform-tooltip-color: #F5F5F5;
31
31
  }
package/dist/themes/blueprint.css CHANGED
@@ -18,15 +18,15 @@
18
18
  --reactaform-success-color: #0f9960;
19
19
 
20
20
  /* Interaction */
21
- --reactaform-hover-bg: #ebf1f5;
21
+ --reactaform-option-menu-hover-bg: #ebf1f5;
22
22
 
23
23
  /* Shape */
24
24
  --reactaform-border-radius: 4px;
25
25
 
26
26
  /* Elevation */
27
27
  --reactaform-shadow:
28
- 0 1px 3px rgba(16,22,26,.1),
29
- 0 0 0 1px rgba(16,22,26,.1);
28
+ 0 1px 3px #10161a,
29
+ 0 0 0 1px #10161a;
30
30
 
31
31
  /* Buttons */
32
32
  --reactaform-button-bg: #137cbd;
@@ -38,6 +38,6 @@
38
38
  --reactaform-font-size: 13px;
39
39
 
40
40
  /* Tooltip */
41
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
41
+ --reactaform-tooltip-color-bg: #3c3c3c;
42
42
  --reactaform-tooltip-color: #ffffff;
43
43
  }
package/dist/themes/fluent.css CHANGED
@@ -18,14 +18,14 @@
18
18
  --reactaform-error-color: #d13438;
19
19
 
20
20
  /* Interaction */
21
- --reactaform-hover-bg: rgba(0,0,0,0.04);
21
+ --reactaform-option-menu-hover-bg: #000000;
22
22
 
23
23
  /* Shape */
24
24
  --reactaform-border-radius: 6px;
25
25
 
26
26
  /* Shadow */
27
27
  --reactaform-shadow:
28
- 0 4px 12px rgba(0,0,0,.08);
28
+ 0 4px 12px #000000;
29
29
 
30
30
  /* Buttons */
31
31
  --reactaform-button-bg: #0078d4;
@@ -35,6 +35,6 @@
35
35
  --reactaform-input-padding: 10px 12px;
36
36
 
37
37
  /* Tooltip */
38
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
38
+ --reactaform-tooltip-color-bg: #3c3c3c;
39
39
  --reactaform-tooltip-color: #ffffff;
40
40
  }
package/dist/themes/glass-morphism.css CHANGED
@@ -1,7 +1,7 @@
1
1
  [data-reactaform-theme="glass"] {
2
- --reactaform-primary-bg: rgba(255,255,255,0.25);
3
- --reactaform-secondary-bg: rgba(255,255,255,0.35);
4
- --reactaform-input-bg: rgba(255,255,255,0.35);
2
+ --reactaform-primary-bg: #ffffff40;
3
+ --reactaform-secondary-bg: #ffffff59;
4
+ --reactaform-input-bg: #ffffff59;
5
5
 
6
6
  backdrop-filter: blur(14px);
7
7
  -webkit-backdrop-filter: blur(14px);
@@ -9,17 +9,17 @@
9
9
  --reactaform-text-color: #111827;
10
10
  --reactaform-text-muted: #4b5563;
11
11
 
12
- --reactaform-border-color: rgba(255,255,255,0.4);
13
- --reactaform-border-hover: rgba(255,255,255,0.7);
12
+ --reactaform-border-color: #ffffff66;
13
+ --reactaform-border-hover: #ffffffb3;
14
14
  --reactaform-border-focus: #38bdf8;
15
15
 
16
16
  --reactaform-error-color: #e11d48;
17
17
  --reactaform-success-color: #059669;
18
18
 
19
19
  --reactaform-border-radius: 12px;
20
- --reactaform-shadow: 0 12px 40px rgba(0,0,0,0.2);
20
+ --reactaform-shadow: 0 12px 40px #000000;
21
21
 
22
22
  /* Tooltip */
23
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
23
+ --reactaform-tooltip-color-bg: #3c3c3c;
24
24
  --reactaform-tooltip-color: #ffffff;
25
25
  }
package/dist/themes/high-contrast-accessible.css CHANGED
@@ -17,6 +17,6 @@
17
17
  --reactaform-shadow: none;
18
18
 
19
19
  /* Tooltip */
20
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
20
+ --reactaform-tooltip-color-bg: #3c3c3c;
21
21
  --reactaform-tooltip-color: #ffffff;
22
22
  }
package/dist/themes/ios-mobile.css CHANGED
@@ -13,12 +13,12 @@
13
13
  --reactaform-error-color: #ff3b30;
14
14
  --reactaform-success-color: #34c759;
15
15
 
16
- --reactaform-hover-bg: rgba(0,0,0,0.03);
16
+ --reactaform-option-menu-hover-bg: #000000;
17
17
 
18
18
  --reactaform-border-radius: 14px;
19
19
 
20
20
  --reactaform-shadow:
21
- 0 10px 30px rgba(0,0,0,.10);
21
+ 0 10px 30px #000000;
22
22
 
23
23
  --reactaform-button-bg: #0a84ff;
24
24
  --reactaform-button-text: white;
@@ -27,6 +27,6 @@
27
27
  --reactaform-input-padding: 14px 16px;
28
28
 
29
29
  /* Tooltip */
30
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
30
+ --reactaform-tooltip-color-bg: #3c3c3c;
31
31
  --reactaform-tooltip-color: #ffffff;
32
32
  }
package/dist/themes/macos-native.css CHANGED
@@ -13,20 +13,20 @@
13
13
  --reactaform-success-color: #34c759;
14
14
  --reactaform-error-color: #ff3b30;
15
15
 
16
- --reactaform-hover-bg: rgba(0,0,0,0.03);
16
+ --reactaform-option-menu-hover-bg: #000000;
17
17
 
18
- --reactaform-border-radius: 10px;
18
+ --reactaform-border-radius: 999px;
19
19
 
20
20
  --reactaform-shadow:
21
- 0 8px 30px rgba(0,0,0,.08);
21
+ 0 8px 30px #000000;
22
22
 
23
23
  --reactaform-button-bg: #0a84ff;
24
24
  --reactaform-button-text: white;
25
25
  --reactaform-button-border-radius: 999px;
26
26
 
27
- --reactaform-input-padding: 12px 14px;
27
+ --reactaform-input-padding: 10px 14px;
28
28
 
29
29
  /* Tooltip */
30
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
30
+ --reactaform-tooltip-color-bg: #3c3c3c;
31
31
  --reactaform-tooltip-color: #ffffff;
32
32
  }
package/dist/themes/material-dark.css CHANGED
@@ -10,18 +10,18 @@
10
10
  --reactaform-border-hover: #524364;
11
11
  --reactaform-border-focus: #D0BCFF;
12
12
 
13
- --reactaform-hover-bg: rgba(255,255,255,0.06);
13
+ --reactaform-option-menu-hover-bg: #ffffff;
14
14
 
15
15
  --reactaform-error-color: #F2B8B5;
16
16
  --reactaform-success-color: #81C995;
17
17
 
18
18
  --reactaform-border-radius: 12px;
19
- --reactaform-shadow: 0 8px 30px rgba(0,0,0,0.4);
19
+ --reactaform-shadow: 0 8px 30px #000000;
20
20
 
21
21
  --reactaform-button-bg: #D0BCFF;
22
22
  --reactaform-button-text: #381E72;
23
23
 
24
24
  /* Tooltip */
25
- --reactaform-tooltip-color-bg: rgba(40, 40, 40, 0.95);
25
+ --reactaform-tooltip-color-bg: #282828;
26
26
  --reactaform-tooltip-color: #F5F5F5;
27
27
  }
package/dist/themes/material.css CHANGED
@@ -20,27 +20,27 @@
20
20
  --reactaform-success-color: #1E8E3E;
21
21
 
22
22
  /* Interaction */
23
- --reactaform-hover-bg: rgba(0,0,0,0.03);
23
+ --reactaform-option-menu-hover-bg: #000000;
24
24
 
25
25
  /* Shape */
26
26
  --reactaform-border-radius: 12px;
27
27
 
28
28
  /* Elevation */
29
29
  --reactaform-shadow:
30
- 0 1px 2px rgba(0,0,0,.08),
31
- 0 2px 6px rgba(0,0,0,.08);
30
+ 0 1px 2px #000000,
31
+ 0 2px 6px #000000;
32
32
 
33
33
  /* Buttons */
34
34
  --reactaform-button-bg: #6750A4;
35
35
  --reactaform-button-text: #ffffff;
36
36
  --reactaform-button-border-radius: 999px; /* pill */
37
37
  --reactaform-button-shadow:
38
- 0 2px 6px rgba(0,0,0,0.18);
38
+ 0 2px 6px #000000;
39
39
 
40
40
  /* Inputs */
41
41
  --reactaform-input-padding: 12px 14px;
42
42
 
43
43
  /* Tooltip */
44
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
44
+ --reactaform-tooltip-color-bg: #3c3c3c;
45
45
  --reactaform-tooltip-color: #ffffff;
46
46
  }
package/dist/themes/midnight-dark.css CHANGED
@@ -13,12 +13,12 @@
13
13
  --reactaform-error-color: #fb7185;
14
14
  --reactaform-success-color: #4ade80;
15
15
 
16
- --reactaform-hover-bg: rgba(255,255,255,0.06);
16
+ --reactaform-option-menu-hover-bg: #ffffff;
17
17
  --reactaform-border-radius: 6px;
18
18
 
19
- --reactaform-shadow: 0 12px 28px rgba(0,0,0,0.55);
19
+ --reactaform-shadow: 0 12px 28px #000000;
20
20
 
21
21
  /* Tooltip */
22
- --reactaform-tooltip-color-bg: rgba(40, 40, 40, 0.95);
22
+ --reactaform-tooltip-color-bg: #282828;
23
23
  --reactaform-tooltip-color: #F5F5F5;
24
24
  }
package/dist/themes/modern-light.css CHANGED
@@ -13,11 +13,11 @@
13
13
  --reactaform-error-color: #dc2626;
14
14
  --reactaform-success-color: #16a34a;
15
15
 
16
- --reactaform-hover-bg: #f3f4f6;
16
+ --reactaform-option-menu-hover-bg: #f3f4f6;
17
17
  --reactaform-border-radius: 6px;
18
- --reactaform-shadow: 0 8px 24px rgba(0,0,0,0.06);
18
+ --reactaform-shadow: 0 8px 24px #000000;
19
19
 
20
20
  /* Tooltip */
21
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
21
+ --reactaform-tooltip-color-bg: #3c3c3c;
22
22
  --reactaform-tooltip-color: #ffffff;
23
23
  }
package/dist/themes/neon-cyber-dark.css CHANGED
@@ -13,12 +13,12 @@
13
13
  --reactaform-error-color: #fb7185;
14
14
  --reactaform-success-color: #34d399;
15
15
 
16
- --reactaform-hover-bg: rgba(99,102,241,0.08);
16
+ --reactaform-option-menu-hover-bg: #636cf1;
17
17
  --reactaform-border-radius: 10px;
18
18
 
19
- --reactaform-shadow: 0 0 20px rgba(99,102,241,.3);
19
+ --reactaform-shadow: 0 0 20px #636cf1;
20
20
 
21
21
  /* Tooltip */
22
- --reactaform-tooltip-color-bg: rgba(40, 40, 40, 0.95);
22
+ --reactaform-tooltip-color-bg: #282828;
23
23
  --reactaform-tooltip-color: #F5F5F5;
24
24
  }
package/dist/themes/shadcn.css CHANGED
@@ -18,14 +18,14 @@
18
18
  --reactaform-error-color: #d13438;
19
19
 
20
20
  /* Interaction */
21
- --reactaform-hover-bg: rgba(0,0,0,0.04);
21
+ --reactaform-option-menu-hover-bg: #000000;
22
22
 
23
23
  /* Shape */
24
24
  --reactaform-border-radius: 6px;
25
25
 
26
26
  /* Shadow */
27
27
  --reactaform-shadow:
28
- 0 4px 12px rgba(0,0,0,.08);
28
+ 0 4px 12px #000000;
29
29
 
30
30
  /* Buttons */
31
31
  --reactaform-button-bg: #0078d4;
@@ -35,6 +35,6 @@
35
35
  --reactaform-input-padding: 10px 12px;
36
36
 
37
37
  /* Tooltip */
38
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
38
+ --reactaform-tooltip-color-bg: #3c3c3c;
39
39
  --reactaform-tooltip-color: #ffffff;
40
40
  }
package/dist/themes/soft-pastel.css CHANGED
@@ -13,12 +13,12 @@
13
13
  --reactaform-error-color: #fb7185;
14
14
  --reactaform-success-color: #4ade80;
15
15
 
16
- --reactaform-hover-bg: #f4f4ff;
16
+ --reactaform-option-menu-hover-bg: #f4f4ff;
17
17
 
18
18
  --reactaform-border-radius: 10px;
19
- --reactaform-shadow: 0 10px 28px rgba(99,102,241,0.08);
19
+ --reactaform-shadow: 0 10px 28px #636cf1;
20
20
 
21
21
  /* Tooltip */
22
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
22
+ --reactaform-tooltip-color-bg: #3c3c3c;
23
23
  --reactaform-tooltip-color: #ffffff;
24
24
  }
package/dist/themes/tailwind-dark.css CHANGED
@@ -14,17 +14,17 @@
14
14
  --reactaform-error-color: #fb7185; /* rose-400 */
15
15
  --reactaform-success-color: #34d399; /* emerald-400 */
16
16
 
17
- --reactaform-hover-bg: rgba(255,255,255,0.05);
17
+ --reactaform-option-menu-hover-bg: #ffffff;
18
18
 
19
19
  --reactaform-border-radius: 0.5rem;
20
20
 
21
21
  --reactaform-shadow:
22
- 0 2px 8px rgba(0,0,0,.6);
22
+ 0 2px 8px #000000;
23
23
 
24
24
  --reactaform-button-bg: #4f46e5; /* indigo-600 */
25
25
  --reactaform-button-text: #ffffff;
26
26
 
27
27
  /* Tooltip */
28
- --reactaform-tooltip-color-bg: rgba(40, 40, 40, 0.95);
28
+ --reactaform-tooltip-color-bg: #282828;
29
29
  --reactaform-tooltip-color: #F5F5F5;
30
30
  }
package/dist/themes/tailwind.css CHANGED
@@ -19,15 +19,15 @@
19
19
  --reactaform-success-color: #10b981; /* emerald-500 */
20
20
 
21
21
  /* Hover */
22
- --reactaform-hover-bg: #f3f4f6; /* gray-100 */
22
+ --reactaform-option-menu-hover-bg: #f3f4f6; /* gray-100 */
23
23
 
24
24
  /* Radii */
25
25
  --reactaform-border-radius: 0.5rem; /* rounded-lg */
26
26
 
27
27
  /* Shadows (Tailwind style) */
28
28
  --reactaform-shadow:
29
- 0 1px 2px rgba(0,0,0,.05),
30
- 0 1px 3px rgba(0,0,0,.1);
29
+ 0 1px 2px #000000,
30
+ 0 1px 3px #000000;
31
31
 
32
32
  /* Typography */
33
33
  --reactaform-font-size: 14px;
@@ -42,9 +42,9 @@
42
42
  --reactaform-button-text: #ffffff;
43
43
  --reactaform-button-border-radius: 0.5rem;
44
44
  --reactaform-button-shadow:
45
- 0 2px 4px rgba(79,70,229,.3);
45
+ 0 2px 4px #4f46e5;
46
46
 
47
47
  /* Tooltip */
48
- --reactaform-tooltip-color-bg: rgba(60,60,60,0.92);
48
+ --reactaform-tooltip-color-bg: #3c3c3c;
49
49
  --reactaform-tooltip-color: #ffffff;
50
50
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactaform",
3
- "version": "1.8.8",
3
+ "version": "1.8.91",
4
4
  "description": "A powerful, type-safe React form builder library with dynamic field rendering, conditional visibility, multi-language support, and extensible validation",
5
5
  "keywords": [
6
6
  "react",
@@ -67,9 +67,9 @@
67
67
  "@testing-library/jest-dom": "^6.9.1",
68
68
  "@testing-library/react": "^16.3.0",
69
69
  "@testing-library/user-event": "^14.6.1",
70
+ "@types/node": "^20.8.4",
70
71
  "@types/react": "^18.3.18",
71
72
  "@types/react-dom": "^18.3.5",
72
- "@types/node": "^20.8.4",
73
73
  "@typescript-eslint/eslint-plugin": "^8.49.0",
74
74
  "@typescript-eslint/parser": "^8.49.0",
75
75
  "@vitejs/plugin-react": "^5.1.2",
@@ -84,8 +84,10 @@
84
84
  "vite": "^7.2.7",
85
85
  "vitest": "^4.0.15"
86
86
  },
87
- "optionalDependencies": {},
88
87
  "engines": {
89
88
  "node": ">=18"
89
+ },
90
+ "dependencies": {
91
+ "reactaform": "^1.8.9"
90
92
  }
91
93
  }