@twintag/twintag-form 0.5.0 → 0.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.
Files changed (26) hide show
  1. package/.eslintrc.cjs +1 -1
  2. package/.turbo/turbo-build.log +7 -7
  3. package/CHANGELOG.md +11 -0
  4. package/dist/components/Category/__styles.d.ts +11 -1
  5. package/dist/components/Form/index.d.ts +1 -1
  6. package/dist/components/Input/__styles.d.ts +236 -21
  7. package/dist/index.d.ts +1 -1
  8. package/dist/styles.d.ts +247 -22
  9. package/dist/twintag-form.react.js +3757 -3689
  10. package/dist/twintag-form.webcomponent.js +119 -119
  11. package/lib/__stories__/Form.stories.tsx +3 -3
  12. package/lib/components/Form/index.tsx +1 -1
  13. package/lib/components/Input/__styles.ts +16 -16
  14. package/lib/components/Input/checkbox.tsx +1 -1
  15. package/lib/components/Input/file.tsx +1 -1
  16. package/lib/components/Input/simple.tsx +1 -1
  17. package/lib/components/Input/textarea.tsx +1 -1
  18. package/lib/components/Input/toggle.tsx +1 -1
  19. package/lib/components/Label/index.tsx +1 -1
  20. package/lib/index.tsx +4 -4
  21. package/lib/styles.ts +18 -18
  22. package/lib/webcomponent.ts +3 -3
  23. package/package.json +7 -7
  24. package/tsconfig.json +12 -4
  25. package/twind.config.ts +7 -7
  26. package/vite.config.ts +1 -1
package/.eslintrc.cjs CHANGED
@@ -1,4 +1,4 @@
1
1
  module.exports = {
2
2
  root: true,
3
- extends: ["custom"],
3
+ extends: ['custom'],
4
4
  };
package/.turbo/turbo-build.log CHANGED
@@ -1,16 +1,16 @@
1
1
 
2
- > @twintag/twintag-form@0.5.0 build /home/runner/work/twintag-templates/twintag-templates/packages/twintag-form
2
+ > @twintag/twintag-form@0.6.0 build /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form
3
3
  > tsc && vite build
4
4
 
5
- vite v4.3.9 building for production...
5
+ vite v4.4.9 building for production...
6
6
  transforming...
7
- ✓ 671 modules transformed.
7
+ ✓ 371 modules transformed.
8
8
  rendering chunks...
9
9
  
10
10
  [vite:dts] Start generate declaration files...
11
11
  computing gzip size...
12
- dist/twintag-form.webcomponent.js 117.30 kB │ gzip: 33.19 kB
13
- dist/twintag-form.react.js 249.06 kB │ gzip: 56.76 kB
14
- [vite:dts] Declaration files built in 7200ms.
12
+ dist/twintag-form.webcomponent.js 117.37 kB │ gzip: 33.23 kB
13
+ dist/twintag-form.react.js 252.53 kB │ gzip: 57.84 kB
14
+ [vite:dts] Declaration files built in 4472ms.
15
15
  
16
- ✓ built in 10.74s
16
+ ✓ built in 6.78s
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @twintag/twintag-form
2
2
 
3
+ ## 0.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 04036a0: fix: styles update and code clean-up
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [04036a0]
12
+ - @twintag/twintag-json-renderer@0.2.0
13
+
3
14
  ## 0.5.0
4
15
 
5
16
  ### Minor Changes
package/dist/components/Category/__styles.d.ts CHANGED
@@ -16,4 +16,14 @@ export declare const categoryStyle: TVReturnType<{
16
16
  container: string;
17
17
  span: string;
18
18
  items: string;
19
- }>;
19
+ }, TVReturnType<{
20
+ variant: {};
21
+ }, {
22
+ container: string;
23
+ span: string;
24
+ items: string;
25
+ }, undefined, TVConfig<{
26
+ variant: {};
27
+ }, {
28
+ variant: {};
29
+ }>, unknown, unknown, undefined>>;
package/dist/components/Form/index.d.ts CHANGED
@@ -7,6 +7,6 @@ declare const Form: ForwardRefExoticComponent<{
7
7
  } & {
8
8
  children?: ReactNode;
9
9
  } & RefAttributes<{
10
- validate: () => void;
10
+ validate?: (() => void) | undefined;
11
11
  }>>;
12
12
  export default Form;
package/dist/components/Input/__styles.d.ts CHANGED
@@ -1,15 +1,67 @@
1
1
  import { TVConfig } from 'tailwind-variants/dist/config.js';
2
- import { TVReturnType, TVVariantsDefault, ClassValue, SlotsClassValue } from 'tailwind-variants';
3
- export declare const labelStyle: TVReturnType<TVVariantsDefault<undefined, "text-label"> | {
2
+ import { TVReturnType, ClassValue } from 'tailwind-variants';
3
+ export declare const labelStyle: TVReturnType<{
4
+ [key: string]: {
5
+ [key: string]: ClassValue | {
6
+ base?: ClassValue;
7
+ };
8
+ };
9
+ } | {
4
10
  [x: string]: {
5
- [x: string]: ClassValue | SlotsClassValue<undefined, "text-label">;
11
+ [x: string]: ClassValue | {
12
+ base?: ClassValue;
13
+ };
6
14
  } | undefined;
7
- } | {}, undefined, "text-label", TVConfig<unknown, TVVariantsDefault<undefined, "text-label"> | {}>, TVVariantsDefault<undefined, "text-label"> | {}, undefined>;
8
- export declare const containerStyle: TVReturnType<TVVariantsDefault<undefined, ""> | {
15
+ } | {}, undefined, "text-label", TVConfig<unknown, {
16
+ [key: string]: {
17
+ [key: string]: ClassValue | {
18
+ base?: ClassValue;
19
+ };
20
+ };
21
+ } | {}>, {
22
+ [key: string]: {
23
+ [key: string]: ClassValue | {
24
+ base?: ClassValue;
25
+ };
26
+ };
27
+ } | {}, undefined, TVReturnType<unknown, undefined, "text-label", TVConfig<unknown, {
28
+ [key: string]: {
29
+ [key: string]: ClassValue | {
30
+ base?: ClassValue;
31
+ };
32
+ };
33
+ } | {}>, unknown, unknown, undefined>>;
34
+ export declare const containerStyle: TVReturnType<{
35
+ [key: string]: {
36
+ [key: string]: ClassValue | {
37
+ base?: ClassValue;
38
+ };
39
+ };
40
+ } | {
9
41
  [x: string]: {
10
- [x: string]: ClassValue | SlotsClassValue<undefined, "">;
42
+ [x: string]: ClassValue | {
43
+ base?: ClassValue;
44
+ };
11
45
  } | undefined;
12
- } | {}, undefined, "", TVConfig<unknown, TVVariantsDefault<undefined, ""> | {}>, TVVariantsDefault<undefined, ""> | {}, undefined>;
46
+ } | {}, undefined, "", TVConfig<unknown, {
47
+ [key: string]: {
48
+ [key: string]: ClassValue | {
49
+ base?: ClassValue;
50
+ };
51
+ };
52
+ } | {}>, {
53
+ [key: string]: {
54
+ [key: string]: ClassValue | {
55
+ base?: ClassValue;
56
+ };
57
+ };
58
+ } | {}, undefined, TVReturnType<unknown, undefined, "", TVConfig<unknown, {
59
+ [key: string]: {
60
+ [key: string]: ClassValue | {
61
+ base?: ClassValue;
62
+ };
63
+ };
64
+ } | {}>, unknown, unknown, undefined>>;
13
65
  export declare const checkboxStyle: TVReturnType<{
14
66
  variant: {
15
67
  alpha: {
@@ -52,7 +104,37 @@ export declare const checkboxStyle: TVReturnType<{
52
104
  }, {
53
105
  container: string;
54
106
  checkbox: string;
55
- }>;
107
+ }, TVReturnType<{
108
+ variant: {
109
+ alpha: {
110
+ checkbox: string;
111
+ };
112
+ beta: {
113
+ checkbox: string;
114
+ };
115
+ };
116
+ }, {
117
+ container: string;
118
+ checkbox: string;
119
+ }, undefined, TVConfig<{
120
+ variant: {
121
+ alpha: {
122
+ checkbox: string;
123
+ };
124
+ beta: {
125
+ checkbox: string;
126
+ };
127
+ };
128
+ }, {
129
+ variant: {
130
+ alpha: {
131
+ checkbox: string;
132
+ };
133
+ beta: {
134
+ checkbox: string;
135
+ };
136
+ };
137
+ }>, unknown, unknown, undefined>>;
56
138
  export declare const fileStyle: TVReturnType<{
57
139
  variant: {
58
140
  alpha: {
@@ -105,7 +187,44 @@ export declare const fileStyle: TVReturnType<{
105
187
  container: string;
106
188
  span: string;
107
189
  input: string;
108
- }>;
190
+ }, TVReturnType<{
191
+ variant: {
192
+ alpha: {
193
+ container: string;
194
+ input: string;
195
+ };
196
+ beta: {
197
+ container: string;
198
+ input: string;
199
+ };
200
+ };
201
+ }, {
202
+ container: string;
203
+ span: string;
204
+ input: string;
205
+ }, undefined, TVConfig<{
206
+ variant: {
207
+ alpha: {
208
+ container: string;
209
+ input: string;
210
+ };
211
+ beta: {
212
+ container: string;
213
+ input: string;
214
+ };
215
+ };
216
+ }, {
217
+ variant: {
218
+ alpha: {
219
+ container: string;
220
+ input: string;
221
+ };
222
+ beta: {
223
+ container: string;
224
+ input: string;
225
+ };
226
+ };
227
+ }>, unknown, unknown, undefined>>;
109
228
  export declare const simpleStyle: TVReturnType<{
110
229
  variant: {
111
230
  alpha: {
@@ -158,7 +277,44 @@ export declare const simpleStyle: TVReturnType<{
158
277
  container: string;
159
278
  span: string;
160
279
  input: string;
161
- }>;
280
+ }, TVReturnType<{
281
+ variant: {
282
+ alpha: {
283
+ container: string;
284
+ input: string;
285
+ };
286
+ beta: {
287
+ container: string;
288
+ input: string;
289
+ };
290
+ };
291
+ }, {
292
+ container: string;
293
+ span: string;
294
+ input: string;
295
+ }, undefined, TVConfig<{
296
+ variant: {
297
+ alpha: {
298
+ container: string;
299
+ input: string;
300
+ };
301
+ beta: {
302
+ container: string;
303
+ input: string;
304
+ };
305
+ };
306
+ }, {
307
+ variant: {
308
+ alpha: {
309
+ container: string;
310
+ input: string;
311
+ };
312
+ beta: {
313
+ container: string;
314
+ input: string;
315
+ };
316
+ };
317
+ }>, unknown, unknown, undefined>>;
162
318
  export declare const toggleStyle: TVReturnType<{
163
319
  variant: {
164
320
  alpha: {
@@ -221,25 +377,84 @@ export declare const toggleStyle: TVReturnType<{
221
377
  span: string;
222
378
  input: string;
223
379
  thumb: string;
224
- }>;
380
+ }, TVReturnType<{
381
+ variant: {
382
+ alpha: {
383
+ container: string;
384
+ input: string;
385
+ thumb: string;
386
+ };
387
+ beta: {
388
+ container: string;
389
+ input: string;
390
+ thumb: string;
391
+ };
392
+ };
393
+ }, {
394
+ container: string;
395
+ span: string;
396
+ input: string;
397
+ thumb: string;
398
+ }, undefined, TVConfig<{
399
+ variant: {
400
+ alpha: {
401
+ container: string;
402
+ input: string;
403
+ thumb: string;
404
+ };
405
+ beta: {
406
+ container: string;
407
+ input: string;
408
+ thumb: string;
409
+ };
410
+ };
411
+ }, {
412
+ variant: {
413
+ alpha: {
414
+ container: string;
415
+ input: string;
416
+ thumb: string;
417
+ };
418
+ beta: {
419
+ container: string;
420
+ input: string;
421
+ thumb: string;
422
+ };
423
+ };
424
+ }>, unknown, unknown, undefined>>;
225
425
  export declare const submitStyle: TVReturnType<{
226
426
  variant: {
227
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
228
- beta: "bg-primary text-white px-4 py-2";
427
+ alpha: string;
428
+ beta: string;
229
429
  };
230
- }, undefined, "w-max max-w-full mt-2", TVConfig<{
430
+ }, undefined, "mt-2 w-max max-w-full", TVConfig<{
231
431
  variant: {
232
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
233
- beta: "bg-primary text-white px-4 py-2";
432
+ alpha: string;
433
+ beta: string;
234
434
  };
235
435
  }, {
236
436
  variant: {
237
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
238
- beta: "bg-primary text-white px-4 py-2";
437
+ alpha: string;
438
+ beta: string;
239
439
  };
240
440
  }>, {
241
441
  variant: {
242
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
243
- beta: "bg-primary text-white px-4 py-2";
442
+ alpha: string;
443
+ beta: string;
444
+ };
445
+ }, undefined, TVReturnType<{
446
+ variant: {
447
+ alpha: string;
448
+ beta: string;
449
+ };
450
+ }, undefined, "mt-2 w-max max-w-full", TVConfig<{
451
+ variant: {
452
+ alpha: string;
453
+ beta: string;
454
+ };
455
+ }, {
456
+ variant: {
457
+ alpha: string;
458
+ beta: string;
244
459
  };
245
- }, undefined>;
460
+ }>, unknown, unknown, undefined>>;
package/dist/index.d.ts CHANGED
@@ -9,6 +9,6 @@ type Props = {
9
9
  };
10
10
  };
11
11
  export declare const TwintagForm: ForwardRefExoticComponent<Props & RefAttributes<{
12
- validate: () => void;
12
+ validate?: (() => void) | undefined;
13
13
  }>>;
14
14
  export {};
package/dist/styles.d.ts CHANGED
@@ -1,15 +1,67 @@
1
1
  import { TVConfig } from 'tailwind-variants/dist/config.js';
2
- import { TVReturnType, TVVariantsDefault, ClassValue, SlotsClassValue } from 'tailwind-variants';
3
- export declare const labelStyle: TVReturnType<TVVariantsDefault<undefined, "text-label"> | {
2
+ import { TVReturnType, ClassValue } from 'tailwind-variants';
3
+ export declare const labelStyle: TVReturnType<{
4
+ [key: string]: {
5
+ [key: string]: ClassValue | {
6
+ base?: ClassValue;
7
+ };
8
+ };
9
+ } | {
4
10
  [x: string]: {
5
- [x: string]: ClassValue | SlotsClassValue<undefined, "text-label">;
11
+ [x: string]: ClassValue | {
12
+ base?: ClassValue;
13
+ };
6
14
  } | undefined;
7
- } | {}, undefined, "text-label", TVConfig<unknown, TVVariantsDefault<undefined, "text-label"> | {}>, TVVariantsDefault<undefined, "text-label"> | {}, undefined>;
8
- export declare const containerStyle: TVReturnType<TVVariantsDefault<undefined, "my-2"> | {
15
+ } | {}, undefined, "text-label", TVConfig<unknown, {
16
+ [key: string]: {
17
+ [key: string]: ClassValue | {
18
+ base?: ClassValue;
19
+ };
20
+ };
21
+ } | {}>, {
22
+ [key: string]: {
23
+ [key: string]: ClassValue | {
24
+ base?: ClassValue;
25
+ };
26
+ };
27
+ } | {}, undefined, TVReturnType<unknown, undefined, "text-label", TVConfig<unknown, {
28
+ [key: string]: {
29
+ [key: string]: ClassValue | {
30
+ base?: ClassValue;
31
+ };
32
+ };
33
+ } | {}>, unknown, unknown, undefined>>;
34
+ export declare const containerStyle: TVReturnType<{
35
+ [key: string]: {
36
+ [key: string]: ClassValue | {
37
+ base?: ClassValue;
38
+ };
39
+ };
40
+ } | {
9
41
  [x: string]: {
10
- [x: string]: ClassValue | SlotsClassValue<undefined, "my-2">;
42
+ [x: string]: ClassValue | {
43
+ base?: ClassValue;
44
+ };
11
45
  } | undefined;
12
- } | {}, undefined, "my-2", TVConfig<unknown, TVVariantsDefault<undefined, "my-2"> | {}>, TVVariantsDefault<undefined, "my-2"> | {}, undefined>;
46
+ } | {}, undefined, "my-2", TVConfig<unknown, {
47
+ [key: string]: {
48
+ [key: string]: ClassValue | {
49
+ base?: ClassValue;
50
+ };
51
+ };
52
+ } | {}>, {
53
+ [key: string]: {
54
+ [key: string]: ClassValue | {
55
+ base?: ClassValue;
56
+ };
57
+ };
58
+ } | {}, undefined, TVReturnType<unknown, undefined, "my-2", TVConfig<unknown, {
59
+ [key: string]: {
60
+ [key: string]: ClassValue | {
61
+ base?: ClassValue;
62
+ };
63
+ };
64
+ } | {}>, unknown, unknown, undefined>>;
13
65
  export declare const categoryStyle: TVReturnType<{
14
66
  variant: {};
15
67
  }, {
@@ -26,7 +78,17 @@ export declare const categoryStyle: TVReturnType<{
26
78
  container: string;
27
79
  span: string;
28
80
  items: string;
29
- }>;
81
+ }, TVReturnType<{
82
+ variant: {};
83
+ }, {
84
+ container: string;
85
+ span: string;
86
+ items: string;
87
+ }, undefined, TVConfig<{
88
+ variant: {};
89
+ }, {
90
+ variant: {};
91
+ }>, unknown, unknown, undefined>>;
30
92
  export declare const checkboxStyle: TVReturnType<{
31
93
  variant: {
32
94
  alpha: {
@@ -69,7 +131,37 @@ export declare const checkboxStyle: TVReturnType<{
69
131
  }, {
70
132
  container: string;
71
133
  checkbox: string;
72
- }>;
134
+ }, TVReturnType<{
135
+ variant: {
136
+ alpha: {
137
+ checkbox: string;
138
+ };
139
+ beta: {
140
+ checkbox: string;
141
+ };
142
+ };
143
+ }, {
144
+ container: string;
145
+ checkbox: string;
146
+ }, undefined, TVConfig<{
147
+ variant: {
148
+ alpha: {
149
+ checkbox: string;
150
+ };
151
+ beta: {
152
+ checkbox: string;
153
+ };
154
+ };
155
+ }, {
156
+ variant: {
157
+ alpha: {
158
+ checkbox: string;
159
+ };
160
+ beta: {
161
+ checkbox: string;
162
+ };
163
+ };
164
+ }>, unknown, unknown, undefined>>;
73
165
  export declare const fileStyle: TVReturnType<{
74
166
  variant: {
75
167
  alpha: {
@@ -122,7 +214,44 @@ export declare const fileStyle: TVReturnType<{
122
214
  container: string;
123
215
  span: string;
124
216
  input: string;
125
- }>;
217
+ }, TVReturnType<{
218
+ variant: {
219
+ alpha: {
220
+ container: string;
221
+ input: string;
222
+ };
223
+ beta: {
224
+ container: string;
225
+ input: string;
226
+ };
227
+ };
228
+ }, {
229
+ container: string;
230
+ span: string;
231
+ input: string;
232
+ }, undefined, TVConfig<{
233
+ variant: {
234
+ alpha: {
235
+ container: string;
236
+ input: string;
237
+ };
238
+ beta: {
239
+ container: string;
240
+ input: string;
241
+ };
242
+ };
243
+ }, {
244
+ variant: {
245
+ alpha: {
246
+ container: string;
247
+ input: string;
248
+ };
249
+ beta: {
250
+ container: string;
251
+ input: string;
252
+ };
253
+ };
254
+ }>, unknown, unknown, undefined>>;
126
255
  export declare const simpleStyle: TVReturnType<{
127
256
  variant: {
128
257
  alpha: {
@@ -175,7 +304,44 @@ export declare const simpleStyle: TVReturnType<{
175
304
  container: string;
176
305
  span: string;
177
306
  input: string;
178
- }>;
307
+ }, TVReturnType<{
308
+ variant: {
309
+ alpha: {
310
+ container: string;
311
+ input: string;
312
+ };
313
+ beta: {
314
+ container: string;
315
+ input: string;
316
+ };
317
+ };
318
+ }, {
319
+ container: string;
320
+ span: string;
321
+ input: string;
322
+ }, undefined, TVConfig<{
323
+ variant: {
324
+ alpha: {
325
+ container: string;
326
+ input: string;
327
+ };
328
+ beta: {
329
+ container: string;
330
+ input: string;
331
+ };
332
+ };
333
+ }, {
334
+ variant: {
335
+ alpha: {
336
+ container: string;
337
+ input: string;
338
+ };
339
+ beta: {
340
+ container: string;
341
+ input: string;
342
+ };
343
+ };
344
+ }>, unknown, unknown, undefined>>;
179
345
  export declare const toggleStyle: TVReturnType<{
180
346
  variant: {
181
347
  alpha: {
@@ -238,25 +404,84 @@ export declare const toggleStyle: TVReturnType<{
238
404
  span: string;
239
405
  input: string;
240
406
  thumb: string;
241
- }>;
407
+ }, TVReturnType<{
408
+ variant: {
409
+ alpha: {
410
+ container: string;
411
+ input: string;
412
+ thumb: string;
413
+ };
414
+ beta: {
415
+ container: string;
416
+ input: string;
417
+ thumb: string;
418
+ };
419
+ };
420
+ }, {
421
+ container: string;
422
+ span: string;
423
+ input: string;
424
+ thumb: string;
425
+ }, undefined, TVConfig<{
426
+ variant: {
427
+ alpha: {
428
+ container: string;
429
+ input: string;
430
+ thumb: string;
431
+ };
432
+ beta: {
433
+ container: string;
434
+ input: string;
435
+ thumb: string;
436
+ };
437
+ };
438
+ }, {
439
+ variant: {
440
+ alpha: {
441
+ container: string;
442
+ input: string;
443
+ thumb: string;
444
+ };
445
+ beta: {
446
+ container: string;
447
+ input: string;
448
+ thumb: string;
449
+ };
450
+ };
451
+ }>, unknown, unknown, undefined>>;
242
452
  export declare const submitStyle: TVReturnType<{
243
453
  variant: {
244
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
245
- beta: "bg-primary text-white px-4 py-2";
454
+ alpha: string;
455
+ beta: string;
246
456
  };
247
- }, undefined, "w-max max-w-full mt-2", TVConfig<{
457
+ }, undefined, "mt-2 w-max max-w-full", TVConfig<{
248
458
  variant: {
249
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
250
- beta: "bg-primary text-white px-4 py-2";
459
+ alpha: string;
460
+ beta: string;
251
461
  };
252
462
  }, {
253
463
  variant: {
254
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
255
- beta: "bg-primary text-white px-4 py-2";
464
+ alpha: string;
465
+ beta: string;
256
466
  };
257
467
  }>, {
258
468
  variant: {
259
- alpha: "bg-primary text-white px-4 py-2 rounded-md";
260
- beta: "bg-primary text-white px-4 py-2";
469
+ alpha: string;
470
+ beta: string;
471
+ };
472
+ }, undefined, TVReturnType<{
473
+ variant: {
474
+ alpha: string;
475
+ beta: string;
476
+ };
477
+ }, undefined, "mt-2 w-max max-w-full", TVConfig<{
478
+ variant: {
479
+ alpha: string;
480
+ beta: string;
481
+ };
482
+ }, {
483
+ variant: {
484
+ alpha: string;
485
+ beta: string;
261
486
  };
262
- }, undefined>;
487
+ }>, unknown, unknown, undefined>>;