@form-engine-ts/react 1.0.0 → 1.1.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/README.md +12 -0
- package/dist/index.cjs +723 -42
- package/dist/index.d.cts +8 -3
- package/dist/index.d.ts +8 -3
- package/dist/index.js +719 -32
- package/dist/styles.css +77 -1
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -11,6 +11,42 @@
|
|
|
11
11
|
color: #56606b;
|
|
12
12
|
margin: 0;
|
|
13
13
|
}
|
|
14
|
+
.fe-progress {
|
|
15
|
+
display: grid;
|
|
16
|
+
gap: 0.45rem;
|
|
17
|
+
margin-top: 1rem;
|
|
18
|
+
}
|
|
19
|
+
.form-progress-bar {
|
|
20
|
+
background: #e4e7ec;
|
|
21
|
+
border-radius: 999px;
|
|
22
|
+
height: 0.55rem;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
width: 100%;
|
|
25
|
+
}
|
|
26
|
+
.form-progress-fill {
|
|
27
|
+
background: #3056d3;
|
|
28
|
+
height: 100%;
|
|
29
|
+
transition: width 180ms ease;
|
|
30
|
+
}
|
|
31
|
+
.fe-progress > span,
|
|
32
|
+
.fe-page-description {
|
|
33
|
+
color: #667085;
|
|
34
|
+
font-size: 0.875rem;
|
|
35
|
+
}
|
|
36
|
+
.fe-page-title,
|
|
37
|
+
.fe-page-description {
|
|
38
|
+
margin: 0;
|
|
39
|
+
}
|
|
40
|
+
.form-draft-badge {
|
|
41
|
+
background: #ecfdf3;
|
|
42
|
+
border-radius: 999px;
|
|
43
|
+
color: #067647;
|
|
44
|
+
display: inline-flex;
|
|
45
|
+
font-size: 0.8rem;
|
|
46
|
+
font-weight: 700;
|
|
47
|
+
margin-top: 0.75rem;
|
|
48
|
+
padding: 0.3rem 0.65rem;
|
|
49
|
+
}
|
|
14
50
|
.fe-fields {
|
|
15
51
|
display: grid;
|
|
16
52
|
gap: 1.15rem;
|
|
@@ -99,7 +135,9 @@
|
|
|
99
135
|
outline: 2px solid #3056d3;
|
|
100
136
|
outline-offset: 2px;
|
|
101
137
|
}
|
|
102
|
-
.fe-submit
|
|
138
|
+
.fe-submit,
|
|
139
|
+
.btn-next,
|
|
140
|
+
.btn-prev {
|
|
103
141
|
background: #3056d3;
|
|
104
142
|
border: 0;
|
|
105
143
|
border-radius: 0.5rem;
|
|
@@ -110,6 +148,16 @@
|
|
|
110
148
|
justify-self: start;
|
|
111
149
|
padding: 0.72rem 1.2rem;
|
|
112
150
|
}
|
|
151
|
+
.btn-prev {
|
|
152
|
+
background: #f7f8fb;
|
|
153
|
+
border: 1px solid #aab2bd;
|
|
154
|
+
color: #17202a;
|
|
155
|
+
}
|
|
156
|
+
.form-step-navigation {
|
|
157
|
+
display: flex;
|
|
158
|
+
flex-wrap: wrap;
|
|
159
|
+
gap: 0.75rem;
|
|
160
|
+
}
|
|
113
161
|
.fe-submit:disabled {
|
|
114
162
|
cursor: wait;
|
|
115
163
|
opacity: 0.6;
|
|
@@ -131,6 +179,34 @@
|
|
|
131
179
|
display: grid;
|
|
132
180
|
gap: 1rem;
|
|
133
181
|
}
|
|
182
|
+
.form-engine-builder__pages,
|
|
183
|
+
.form-engine-builder__localization {
|
|
184
|
+
border: 1px solid #d8dee9;
|
|
185
|
+
border-radius: 0.75rem;
|
|
186
|
+
display: grid;
|
|
187
|
+
gap: 1rem;
|
|
188
|
+
padding: 1rem;
|
|
189
|
+
}
|
|
190
|
+
.form-engine-builder__pages h2,
|
|
191
|
+
.form-engine-builder__localization h2 {
|
|
192
|
+
font-size: 1.05rem;
|
|
193
|
+
margin: 0;
|
|
194
|
+
}
|
|
195
|
+
.form-engine-builder__page,
|
|
196
|
+
.form-engine-builder__translation-editor {
|
|
197
|
+
border: 1px solid #eaecf0;
|
|
198
|
+
border-radius: 0.6rem;
|
|
199
|
+
display: grid;
|
|
200
|
+
gap: 0.75rem;
|
|
201
|
+
margin: 0;
|
|
202
|
+
padding: 0.85rem;
|
|
203
|
+
}
|
|
204
|
+
.form-engine-builder__page-add {
|
|
205
|
+
align-items: end;
|
|
206
|
+
display: flex;
|
|
207
|
+
flex-wrap: wrap;
|
|
208
|
+
gap: 0.75rem;
|
|
209
|
+
}
|
|
134
210
|
.form-engine-builder__question {
|
|
135
211
|
border: 1px solid #d8dee9;
|
|
136
212
|
border-radius: 0.75rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@form-engine-ts/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"typescript"
|
|
43
43
|
],
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@form-engine-ts/core": "1.
|
|
45
|
+
"@form-engine-ts/core": "1.1.0"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": ">=18.2 <20",
|