@elcrm/form 0.0.88 → 0.1.1

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 (68) hide show
  1. package/README.md +87 -47
  2. package/dist/Form.js +1 -11
  3. package/dist/FormInitContext.js +1 -20
  4. package/dist/assets/styles/Field.module.css +1 -1
  5. package/dist/assets/styles/Form.module.css +1 -1
  6. package/dist/assets/styles/Select.module.css +1 -1
  7. package/dist/core/Field.d.ts +14 -2
  8. package/dist/core/Field.js +2 -35
  9. package/dist/dark.css +22 -3
  10. package/dist/events/onEvent.js +1 -67
  11. package/dist/fields/Check.js +1 -86
  12. package/dist/fields/Code.js +1 -94
  13. package/dist/fields/Color.js +1 -495
  14. package/dist/fields/Date.js +1 -450
  15. package/dist/fields/Display.d.ts +1 -1
  16. package/dist/fields/Display.js +1 -49
  17. package/dist/fields/DragDrop.js +1 -189
  18. package/dist/fields/Email.d.ts +4 -2
  19. package/dist/fields/Email.js +1 -80
  20. package/dist/fields/File.js +1 -115
  21. package/dist/fields/Hidden.js +1 -33
  22. package/dist/fields/Input.d.ts +3 -1
  23. package/dist/fields/Input.js +1 -149
  24. package/dist/fields/Mask.js +1 -119
  25. package/dist/fields/Modal.js +1 -68
  26. package/dist/fields/Money.js +1 -125
  27. package/dist/fields/NativeTextField.d.ts +15 -0
  28. package/dist/fields/NativeTextField.js +1 -0
  29. package/dist/fields/Numeric.d.ts +12 -1
  30. package/dist/fields/Numeric.js +1 -105
  31. package/dist/fields/Options.js +1 -69
  32. package/dist/fields/Password.d.ts +1 -1
  33. package/dist/fields/Password.js +1 -143
  34. package/dist/fields/Percent.d.ts +8 -1
  35. package/dist/fields/Percent.js +1 -100
  36. package/dist/fields/Phone.d.ts +2 -2
  37. package/dist/fields/Phone.js +1 -128
  38. package/dist/fields/Radio.js +1 -88
  39. package/dist/fields/Range.js +1 -109
  40. package/dist/fields/Rating.js +1 -82
  41. package/dist/fields/RichText.js +1 -134
  42. package/dist/fields/Select.d.ts +3 -1
  43. package/dist/fields/Select.js +1 -171
  44. package/dist/fields/Tags.js +1 -97
  45. package/dist/fields/Textarea.d.ts +1 -1
  46. package/dist/fields/Textarea.js +1 -68
  47. package/dist/fields/Time.js +1 -444
  48. package/dist/fields/Url.d.ts +4 -2
  49. package/dist/fields/Url.js +1 -80
  50. package/dist/fields/emit.d.ts +9 -0
  51. package/dist/fields/emit.js +1 -0
  52. package/dist/fields/type.d.ts +1 -1
  53. package/dist/fields/visibility.js +1 -6
  54. package/dist/hooks/use.js +1 -57
  55. package/dist/index.js +2 -42
  56. package/dist/index.umd.js +2 -2
  57. package/dist/light.css +23 -3
  58. package/dist/mask/MaskPhone.js +1 -1384
  59. package/dist/mask/phoneDefaults.d.ts +8 -0
  60. package/dist/mask/phoneDefaults.js +1 -0
  61. package/dist/overlayZ.js +1 -25
  62. package/dist/package.js +1 -130
  63. package/dist/style.css +3 -3
  64. package/dist/styles/Color.module.js +1 -27
  65. package/dist/styles/Field.module.js +1 -77
  66. package/dist/styles/Form.module.js +1 -12
  67. package/dist/styles/Select.module.js +1 -9
  68. package/package.json +2 -5
package/dist/light.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --field-border-hover: 0px solid #aeaeb2;
17
17
  --field-border-focus: 0px solid #8e8e93;
18
18
  --field-focus-ring: rgba(0, 0, 0, 0.12);
19
+ --field-focus-shadow: 0 0 0 3px var(--field-focus-ring);
19
20
  --field-radius: var(--control-radius);
20
21
  --field-background: #ffffff;
21
22
  --field-background-focus: rgba(0, 0, 0, 0.04);
@@ -26,13 +27,18 @@
26
27
  --field-placeholder: #8e8e93;
27
28
  --field-label-color: #636366;
28
29
  --field-label-size: 14px;
30
+ --field-label-gap: 10px;
29
31
  --field-error-border: #ff3b30;
30
32
  --field-error-background: rgba(255, 59, 48, 0.12);
31
33
  --field-error-color: #d70015;
34
+ --field-error-size: 12px;
35
+ --field-error-gap: 6px;
32
36
  --field-background-active: #636366;
33
37
  --field-check-box-border: 2px solid #636366;
38
+ --field-check-size: 22px;
34
39
  --field-icon-color: #8e8e93;
35
40
  --field-icon-gap: 10px;
41
+ --field-icon-size: 20px;
36
42
  --field-side-padding: var(--control-side-padding);
37
43
  --field-block-gap: 0;
38
44
  --field-note-height: 100px;
@@ -47,6 +53,15 @@
47
53
  --field-range-track: #e9e9eb;
48
54
  --field-range-bar-height: 14px;
49
55
 
56
+ --field-code-cell-size: 36px;
57
+ --field-rating-size: 22px;
58
+ --field-radio-size: 20px;
59
+
60
+ --field-drag-border: 2px dashed #c7c7cc;
61
+ --field-drag-border-hover: #8e8e93;
62
+ --field-drag-min-height: 88px;
63
+
64
+ /* Списки */
50
65
  --select-overlay: transparent;
51
66
  --select-background: #ffffff;
52
67
  --select-color: #000000;
@@ -54,9 +69,14 @@
54
69
  --select-li-hover-bg: #f2f2f7;
55
70
  --select-li-focus-bg: #e5e5ea;
56
71
  --select-li-selected-bg: #e5e5ea;
57
- --color-placeholder: #8e8e93;
58
- --bg-select-hover: #e5e5ea;
59
- --bg-select-active: rgba(0, 0, 0, 0.1);
72
+
73
+ /* Календарь (Date popup) */
74
+ --date-popup-radius: 10px;
75
+ --date-popup-shadow: 5px 7px 18px 0 #000000a8;
76
+ --date-popup-min-width: 259px;
77
+ --date-popup-row-height: 34px;
78
+ --date-popup-cell-radius: 5px;
79
+ --date-popup-padding: 10px 12px 12px;
60
80
 
61
81
  /* ColorField popup */
62
82
  --color-picker-width: 260px;