@twintag/twintag-form 0.3.0 → 0.4.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/.turbo/turbo-build.log +39 -37
- package/CHANGELOG.md +20 -0
- package/README.md +20 -9
- package/dist/index.es.js +4708 -4685
- package/dist/index.umd.js +46 -46
- package/dist/lib/__stories__/Form.stories.d.ts.map +1 -1
- package/dist/lib/components/Category/index.d.ts +9 -0
- package/dist/lib/components/Category/index.d.ts.map +1 -0
- package/dist/lib/components/Form/index.d.ts +2 -2
- package/dist/lib/components/Form/index.d.ts.map +1 -1
- package/dist/lib/components/Form/register.d.ts +4 -5
- package/dist/lib/components/Form/register.d.ts.map +1 -1
- package/dist/lib/components/Input/checkbox.d.ts +2 -2
- package/dist/lib/components/Input/checkbox.d.ts.map +1 -1
- package/dist/lib/components/Input/file.d.ts +2 -2
- package/dist/lib/components/Input/file.d.ts.map +1 -1
- package/dist/lib/components/Input/index.d.ts +2 -3
- package/dist/lib/components/Input/index.d.ts.map +1 -1
- package/dist/lib/components/Input/simple.d.ts +2 -2
- package/dist/lib/components/Input/simple.d.ts.map +1 -1
- package/dist/lib/components/Input/submit.d.ts +2 -2
- package/dist/lib/components/Input/submit.d.ts.map +1 -1
- package/dist/lib/components/Input/textarea.d.ts +2 -2
- package/dist/lib/components/Input/textarea.d.ts.map +1 -1
- package/dist/lib/components/Input/toggle.d.ts +2 -2
- package/dist/lib/components/Input/toggle.d.ts.map +1 -1
- package/dist/lib/components/Label/index.d.ts +2 -2
- package/dist/lib/components/Label/index.d.ts.map +1 -1
- package/dist/lib/components/index.d.ts +2 -1
- package/dist/lib/components/index.d.ts.map +1 -1
- package/dist/lib/index.d.ts +2 -2
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/lib/styles.d.ts +21 -11
- package/dist/lib/styles.d.ts.map +1 -1
- package/dist/lib/types/index.d.ts +2 -3
- package/dist/lib/types/index.d.ts.map +1 -1
- package/dist/webcomponent.es.js +5129 -5116
- package/dist/webcomponent.umd.js +48 -48
- package/lib/__stories__/Form.stories.tsx +16 -5
- package/lib/components/Category/index.tsx +29 -0
- package/lib/components/Form/index.tsx +4 -3
- package/lib/components/Form/register.tsx +41 -42
- package/lib/components/Input/checkbox.tsx +6 -4
- package/lib/components/Input/file.tsx +6 -4
- package/lib/components/Input/index.tsx +4 -2
- package/lib/components/Input/simple.tsx +4 -3
- package/lib/components/Input/submit.tsx +4 -3
- package/lib/components/Input/textarea.tsx +4 -3
- package/lib/components/Input/toggle.tsx +7 -5
- package/lib/components/Label/index.tsx +3 -2
- package/lib/components/index.tsx +2 -1
- package/lib/index.tsx +28 -23
- package/lib/styles.ts +41 -18
- package/lib/types/index.ts +2 -3
- package/package.json +2 -1
- package/twind.config.ts +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,58 +1,60 @@
|
|
|
1
1
|
|
|
2
|
-
> @twintag/twintag-form@0.
|
|
2
|
+
> @twintag/twintag-form@0.4.0 build /home/runner/work/twintag-templates/twintag-templates/packages/twintag-form
|
|
3
3
|
> tsc && node ./scripts/build.js
|
|
4
4
|
|
|
5
5
|
[36mvite v4.3.9 [32mbuilding for production...[36m[39m
|
|
6
6
|
[36mvite v4.3.9 [32mbuilding for production...[36m[39m
|
|
7
7
|
transforming...
|
|
8
8
|
transforming...
|
|
9
|
-
[32m✓[39m
|
|
9
|
+
[32m✓[39m 682 modules transformed.
|
|
10
10
|
[1m[33m[plugin:typescript][39m[22m [33m@rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.[39m
|
|
11
|
-
[32m✓[39m
|
|
11
|
+
[32m✓[39m 663 modules transformed.
|
|
12
12
|
[1m[33m[plugin:typescript][39m[22m [33m@rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.[39m
|
|
13
13
|
rendering chunks...
|
|
14
14
|
computing gzip size...
|
|
15
15
|
[2mdist/[22m[32mlib/webcomponent.d.ts [39m[1m[2m 0.05 kB[22m[1m[22m
|
|
16
|
-
[2mdist/[22m[32mlib/components/index.d.ts [39m[1m[2m 0.
|
|
17
|
-
[2mdist/[22m[32mlib/components/Input/index.d.ts [39m[1m[2m 0.
|
|
16
|
+
[2mdist/[22m[32mlib/components/index.d.ts [39m[1m[2m 0.20 kB[22m[1m[22m
|
|
17
|
+
[2mdist/[22m[32mlib/components/Input/index.d.ts [39m[1m[2m 0.20 kB[22m[1m[22m
|
|
18
|
+
[2mdist/[22m[32mlib/components/Label/index.d.ts [39m[1m[2m 0.26 kB[22m[1m[22m
|
|
19
|
+
[2mdist/[22m[32mlib/components/Form/index.d.ts [39m[1m[2m 0.26 kB[22m[1m[22m
|
|
18
20
|
[2mdist/[22m[32mlib/__stories__/Form.stories.d.ts [39m[1m[2m 0.28 kB[22m[1m[22m
|
|
19
21
|
[2mdist/[22m[32mtwind.config.d.ts [39m[1m[2m 0.29 kB[22m[1m[22m
|
|
20
|
-
[2mdist/[22m[32mlib/components/
|
|
21
|
-
[2mdist/[22m[32mlib/components/
|
|
22
|
-
[2mdist/[22m[32mlib/components/Input/submit.d.ts [39m[1m[2m 0.
|
|
23
|
-
[2mdist/[22m[32mlib/components/Input/
|
|
24
|
-
[2mdist/[22m[32mlib/components/Input/
|
|
25
|
-
[2mdist/[22m[32mlib/components/Input/
|
|
26
|
-
[2mdist/[22m[32mlib/components/
|
|
27
|
-
[2mdist/[22m[32mlib/
|
|
28
|
-
[2mdist/[22m[32mlib/
|
|
29
|
-
[2mdist/[22m[32mlib/
|
|
30
|
-
[2mdist/[22m[32mlib/
|
|
31
|
-
[2mdist/[22m[
|
|
32
|
-
[2mdist/[22m[36mwebcomponent.es.js [39m[1m[33m1,009.45 kB[39m[22m[2m │ gzip: 240.03 kB[22m
|
|
22
|
+
[2mdist/[22m[32mlib/components/Input/file.d.ts [39m[1m[2m 0.35 kB[22m[1m[22m
|
|
23
|
+
[2mdist/[22m[32mlib/components/Input/simple.d.ts [39m[1m[2m 0.36 kB[22m[1m[22m
|
|
24
|
+
[2mdist/[22m[32mlib/components/Input/submit.d.ts [39m[1m[2m 0.36 kB[22m[1m[22m
|
|
25
|
+
[2mdist/[22m[32mlib/components/Input/toggle.d.ts [39m[1m[2m 0.36 kB[22m[1m[22m
|
|
26
|
+
[2mdist/[22m[32mlib/components/Input/textarea.d.ts [39m[1m[2m 0.37 kB[22m[1m[22m
|
|
27
|
+
[2mdist/[22m[32mlib/components/Input/checkbox.d.ts [39m[1m[2m 0.37 kB[22m[1m[22m
|
|
28
|
+
[2mdist/[22m[32mlib/components/Form/register.d.ts [39m[1m[2m 0.38 kB[22m[1m[22m
|
|
29
|
+
[2mdist/[22m[32mlib/types/index.d.ts [39m[1m[2m 0.40 kB[22m[1m[22m
|
|
30
|
+
[2mdist/[22m[32mlib/index.d.ts [39m[1m[2m 0.42 kB[22m[1m[22m
|
|
31
|
+
[2mdist/[22m[32mlib/components/Category/index.d.ts [39m[1m[2m 0.44 kB[22m[1m[22m
|
|
32
|
+
[2mdist/[22m[32mlib/styles.d.ts [39m[1m[2m 3.85 kB[22m[1m[22m
|
|
33
|
+
[2mdist/[22m[36mwebcomponent.es.js [39m[1m[33m1,010.21 kB[39m[22m[2m │ gzip: 240.14 kB[22m
|
|
33
34
|
[1m[33m[plugin:typescript][39m[22m [33m@rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.[39m
|
|
34
35
|
rendering chunks...
|
|
35
36
|
computing gzip size...
|
|
36
|
-
[2mdist/[22m[36mindex.es.js [39m[1m[
|
|
37
|
+
[2mdist/[22m[36mindex.es.js [39m[1m[33m894.05 kB[39m[22m[2m │ gzip: 208.28 kB[22m
|
|
37
38
|
[1m[33m[plugin:typescript][39m[22m [33m@rollup/plugin-typescript: Rollup 'sourcemap' option must be set to generate source maps.[39m
|
|
38
39
|
[2mdist/[22m[32mlib/webcomponent.d.ts [39m[1m[2m 0.05 kB[22m[1m[22m
|
|
39
|
-
[2mdist/[22m[32mlib/components/index.d.ts [39m[1m[2m 0.
|
|
40
|
-
[2mdist/[22m[32mlib/components/Input/index.d.ts [39m[1m[2m 0.
|
|
40
|
+
[2mdist/[22m[32mlib/components/index.d.ts [39m[1m[2m 0.20 kB[22m[1m[22m
|
|
41
|
+
[2mdist/[22m[32mlib/components/Input/index.d.ts [39m[1m[2m 0.20 kB[22m[1m[22m
|
|
42
|
+
[2mdist/[22m[32mlib/components/Label/index.d.ts [39m[1m[2m 0.26 kB[22m[1m[22m
|
|
43
|
+
[2mdist/[22m[32mlib/components/Form/index.d.ts [39m[1m[2m 0.26 kB[22m[1m[22m
|
|
41
44
|
[2mdist/[22m[32mlib/__stories__/Form.stories.d.ts [39m[1m[2m 0.28 kB[22m[1m[22m
|
|
42
45
|
[2mdist/[22m[32mtwind.config.d.ts [39m[1m[2m 0.29 kB[22m[1m[22m
|
|
43
|
-
[2mdist/[22m[32mlib/components/
|
|
44
|
-
[2mdist/[22m[32mlib/components/
|
|
45
|
-
[2mdist/[22m[32mlib/components/Input/submit.d.ts [39m[1m[2m 0.
|
|
46
|
-
[2mdist/[22m[32mlib/components/Input/
|
|
47
|
-
[2mdist/[22m[32mlib/components/Input/
|
|
48
|
-
[2mdist/[22m[32mlib/components/Input/
|
|
49
|
-
[2mdist/[22m[32mlib/components/
|
|
50
|
-
[2mdist/[22m[32mlib/
|
|
51
|
-
[2mdist/[22m[32mlib/
|
|
52
|
-
[2mdist/[22m[32mlib/
|
|
53
|
-
[2mdist/[22m[32mlib/
|
|
54
|
-
[2mdist/[22m[
|
|
55
|
-
[
|
|
56
|
-
[
|
|
57
|
-
[
|
|
58
|
-
[32m✓ built in 17.66s[39m
|
|
46
|
+
[2mdist/[22m[32mlib/components/Input/file.d.ts [39m[1m[2m 0.35 kB[22m[1m[22m
|
|
47
|
+
[2mdist/[22m[32mlib/components/Input/simple.d.ts [39m[1m[2m 0.36 kB[22m[1m[22m
|
|
48
|
+
[2mdist/[22m[32mlib/components/Input/submit.d.ts [39m[1m[2m 0.36 kB[22m[1m[22m
|
|
49
|
+
[2mdist/[22m[32mlib/components/Input/toggle.d.ts [39m[1m[2m 0.36 kB[22m[1m[22m
|
|
50
|
+
[2mdist/[22m[32mlib/components/Input/textarea.d.ts [39m[1m[2m 0.37 kB[22m[1m[22m
|
|
51
|
+
[2mdist/[22m[32mlib/components/Input/checkbox.d.ts [39m[1m[2m 0.37 kB[22m[1m[22m
|
|
52
|
+
[2mdist/[22m[32mlib/components/Form/register.d.ts [39m[1m[2m 0.38 kB[22m[1m[22m
|
|
53
|
+
[2mdist/[22m[32mlib/types/index.d.ts [39m[1m[2m 0.40 kB[22m[1m[22m
|
|
54
|
+
[2mdist/[22m[32mlib/index.d.ts [39m[1m[2m 0.42 kB[22m[1m[22m
|
|
55
|
+
[2mdist/[22m[32mlib/components/Category/index.d.ts [39m[1m[2m 0.44 kB[22m[1m[22m
|
|
56
|
+
[2mdist/[22m[32mlib/styles.d.ts [39m[1m[2m 3.85 kB[22m[1m[22m
|
|
57
|
+
[2mdist/[22m[36mwebcomponent.umd.js [39m[1m[33m622.90 kB[39m[22m[2m │ gzip: 194.66 kB[22m
|
|
58
|
+
[32m✓ built in 18.09s[39m
|
|
59
|
+
[2mdist/[22m[36mindex.umd.js [39m[1m[33m556.83 kB[39m[22m[2m │ gzip: 172.39 kB[22m
|
|
60
|
+
[32m✓ built in 18.22s[39m
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @twintag/twintag-form
|
|
2
2
|
|
|
3
|
+
## 0.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 133bddb: Categories
|
|
8
|
+
|
|
9
|
+
- feat: category component.
|
|
10
|
+
- fix: add `FC` as components' type.
|
|
11
|
+
- fix: update stories.
|
|
12
|
+
- fix: remove `createElement`.
|
|
13
|
+
- feat: enable actions for Form story.
|
|
14
|
+
- fix: add field `ref` to custom `controlled` inputs.
|
|
15
|
+
- fix: update layout styling.
|
|
16
|
+
|
|
17
|
+
## 0.3.1
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- Update documentation.
|
|
22
|
+
|
|
3
23
|
## 0.3.0
|
|
4
24
|
|
|
5
25
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
- [Toggle](#toggle)
|
|
17
17
|
- [Submit](#submit)
|
|
18
18
|
- [Event Handling](#event-handling)
|
|
19
|
+
- [CSS](#css)
|
|
19
20
|
|
|
20
21
|
## **Introduction**
|
|
21
22
|
|
|
@@ -71,10 +72,10 @@ The `config` object contains the form structure. It is organized by the index of
|
|
|
71
72
|
|
|
72
73
|
Twintag Form provides some options to customize the form:
|
|
73
74
|
|
|
74
|
-
| Option | Type
|
|
75
|
-
| --------------- |
|
|
76
|
-
| `variant` | `alpha
|
|
77
|
-
| `resetOnSubmit` | `boolean`
|
|
75
|
+
| Option | Type | Description |
|
|
76
|
+
| --------------- | ------------ | ------------------------------------------------------------------------- |
|
|
77
|
+
| `variant` | `alpha/beta` | Variant of the form. |
|
|
78
|
+
| `resetOnSubmit` | `boolean` | If `true`, the form will be reset after submitting. (`false` per default) |
|
|
78
79
|
|
|
79
80
|
### **Inputs**
|
|
80
81
|
|
|
@@ -82,11 +83,11 @@ Twintag Form provides some options to customize the form:
|
|
|
82
83
|
|
|
83
84
|
Each input can be customized with the following options:
|
|
84
85
|
|
|
85
|
-
| Option | Type
|
|
86
|
-
| --------------- |
|
|
87
|
-
| `variant` | `alpha
|
|
88
|
-
| `placeholder` | `string`
|
|
89
|
-
| `optionalField` | `boolean`
|
|
86
|
+
| Option | Type | Description |
|
|
87
|
+
| --------------- | ------------ | ------------------------------------------------------------ |
|
|
88
|
+
| `variant` | `alpha/beta` | Variant of the input. |
|
|
89
|
+
| `placeholder` | `string` | Placeholder of the input. |
|
|
90
|
+
| `optionalField` | `boolean` | If `true`, the field will be optional. (`false` per default) |
|
|
90
91
|
|
|
91
92
|
```json
|
|
92
93
|
{
|
|
@@ -204,3 +205,13 @@ The `submit` input is a submit input.
|
|
|
204
205
|
});
|
|
205
206
|
</script>
|
|
206
207
|
```
|
|
208
|
+
|
|
209
|
+
## **CSS**
|
|
210
|
+
|
|
211
|
+
The form component exposes the following CSS variables:
|
|
212
|
+
|
|
213
|
+
| Variable | Description |
|
|
214
|
+
| ------------- | ------------------------ |
|
|
215
|
+
| `--clr-label` | Color of the labels. |
|
|
216
|
+
| `--clr-input` | Color of the inputs. |
|
|
217
|
+
| `--ff-text` | Font family of the text. |
|