@twintag/twintag-form 1.0.0 → 1.0.3
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 +13 -13
- package/CHANGELOG.md +18 -0
- package/README.md +4 -3
- package/dev/index.css +30 -30
- package/index.html +13 -13
- package/package.json +3 -3
- package/.turbo/turbo-lint.log +0 -4
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
|
|
2
|
-
> @twintag/twintag-form@1.0.
|
|
2
|
+
> @twintag/twintag-form@1.0.3 build /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form
|
|
3
3
|
> tsc && vite build
|
|
4
4
|
|
|
5
5
|
[36mvite v4.4.9 [32mbuilding for production...[36m[39m
|
|
6
6
|
transforming...
|
|
7
7
|
[32m✓[39m 1358 modules transformed.
|
|
8
8
|
rendering chunks...
|
|
9
|
-
|
|
10
|
-
[vite:dts] Start generate declaration files
|
|
9
|
+
[32m
|
|
10
|
+
[36m[vite:dts][32m Start generate declaration files...[39m
|
|
11
11
|
computing gzip size...
|
|
12
|
-
[
|
|
13
|
-
[
|
|
14
|
-
[vite:dts]
|
|
15
|
-
[vite:dts]
|
|
16
|
-
[vite:dts]
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
[vite:dts] Declaration files built in
|
|
20
|
-
|
|
21
|
-
[32m✓ built in
|
|
12
|
+
[2mdist/[22m[36mtwintag-form.webcomponent.js [39m[1m[2m119.25 kB[22m[1m[22m[2m │ gzip: 33.41 kB[22m
|
|
13
|
+
[2mdist/[22m[36mtwintag-form.react.js [39m[1m[2m247.12 kB[22m[1m[22m[2m │ gzip: 56.97 kB[22m
|
|
14
|
+
[36m[vite:dts][39m [33mOutside emitted:[39m /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form/tailwind.config.d.ts
|
|
15
|
+
[36m[vite:dts][39m [33mOutside emitted:[39m /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form/.eslintrc.d.cts
|
|
16
|
+
[36m[vite:dts][39m [33mOutside emitted:[39m /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form/prettier.config.d.mts
|
|
17
|
+
[36m[vite:dts][39m [33mOutside emitted:[39m /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form/dev/main.d.ts
|
|
18
|
+
[36m[vite:dts][39m [33mOutside emitted:[39m /home/runner/work/twintag-admin/twintag-admin/packages/twintag-form/vite.config.d.ts
|
|
19
|
+
[32m[36m[vite:dts][32m Declaration files built in 6505ms.
|
|
20
|
+
[39m
|
|
21
|
+
[32m✓ built in 11.13s[39m
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @twintag/twintag-form
|
|
2
2
|
|
|
3
|
+
## 1.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- refactor: remove `twintag-form` reference to `ui-stories`
|
|
8
|
+
|
|
9
|
+
## 1.0.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- docs: update list of available CSS properties
|
|
14
|
+
|
|
15
|
+
## 1.0.1
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- 842d936: fix: ui refinements
|
|
20
|
+
|
|
3
21
|
## 1.0.0
|
|
4
22
|
|
|
5
23
|
### Major Changes
|
package/README.md
CHANGED
|
@@ -228,8 +228,9 @@ The form component exposes the following CSS variables:
|
|
|
228
228
|
|
|
229
229
|
| Variable | Description |
|
|
230
230
|
| ----------------------- | ----------------------------------------------------------------------------------------- |
|
|
231
|
+
| --tf-label | Color used for the inputs `label`. |
|
|
232
|
+
| --tf-category | Color used for the `category` labels. |
|
|
231
233
|
| --tf-background | Background color for the input fields. |
|
|
232
|
-
| --tf-foreground | Color used for the `category` labels. |
|
|
233
234
|
| | |
|
|
234
235
|
| --tf-muted | Used for `switch` background when value is false. |
|
|
235
236
|
| --tf-muted-foreground | Color used for `placeholder` text (inputs) and description text. |
|
|
@@ -241,9 +242,9 @@ The form component exposes the following CSS variables:
|
|
|
241
242
|
| --tf-accent-foreground | This color complements `accent` to show contrast between elements: `checkbox` check icon. |
|
|
242
243
|
| | |
|
|
243
244
|
| --tf-destructive | This color is used for `error` messages and the asterisk to mark a required input. |
|
|
244
|
-
| --tf-input | This color is used by the borders
|
|
245
|
+
| --tf-input | This color is used by the input borders. |
|
|
245
246
|
| --tf-ring | This color highlights a focused input. |
|
|
246
247
|
| | |
|
|
247
|
-
| --tf-radius | This value is used for rounded corners
|
|
248
|
+
| --tf-radius | This value is used for input rounded corners. |
|
|
248
249
|
| | |
|
|
249
250
|
| --tf-font | Font family for all the form. |
|
package/dev/index.css
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
|
|
2
|
-
|
|
3
|
-
@tailwind base;
|
|
4
|
-
@tailwind components;
|
|
5
|
-
@tailwind utilities;
|
|
6
|
-
|
|
7
|
-
:root {
|
|
8
|
-
--tf-label: 222.2 47.4% 11.2%;
|
|
9
|
-
--tf-category: 222.2 47.4% 11.2%;
|
|
10
|
-
--tf-background: 0 0% 100%;
|
|
11
|
-
|
|
12
|
-
--tf-muted: 210 40% 96.1%;
|
|
13
|
-
--tf-muted-foreground: 215.4 16.3% 46.9%;
|
|
14
|
-
|
|
15
|
-
--tf-primary: 210 40% 98%;
|
|
16
|
-
--tf-primary-foreground: 222.2 47.4% 11.2%;
|
|
17
|
-
|
|
18
|
-
--tf-accent: 222.2 47.4% 11.2%;
|
|
19
|
-
--tf-accent-foreground: 210 40% 96.1%;
|
|
20
|
-
|
|
21
|
-
--tf-destructive: 0 100% 50%;
|
|
22
|
-
--tf-destructive-foreground: 210 40% 98%;
|
|
23
|
-
|
|
24
|
-
--tf-input: 214.3 31.8% 91.4%;
|
|
25
|
-
--tf-ring: 215 20.2% 65.1%;
|
|
26
|
-
|
|
27
|
-
--tf-radius: 0.5rem;
|
|
28
|
-
|
|
29
|
-
--tf-font: 'Roboto', sans-serif;
|
|
30
|
-
}
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
|
|
2
|
+
|
|
3
|
+
@tailwind base;
|
|
4
|
+
@tailwind components;
|
|
5
|
+
@tailwind utilities;
|
|
6
|
+
|
|
7
|
+
:root {
|
|
8
|
+
--tf-label: 222.2 47.4% 11.2%;
|
|
9
|
+
--tf-category: 222.2 47.4% 11.2%;
|
|
10
|
+
--tf-background: 0 0% 100%;
|
|
11
|
+
|
|
12
|
+
--tf-muted: 210 40% 96.1%;
|
|
13
|
+
--tf-muted-foreground: 215.4 16.3% 46.9%;
|
|
14
|
+
|
|
15
|
+
--tf-primary: 210 40% 98%;
|
|
16
|
+
--tf-primary-foreground: 222.2 47.4% 11.2%;
|
|
17
|
+
|
|
18
|
+
--tf-accent: 222.2 47.4% 11.2%;
|
|
19
|
+
--tf-accent-foreground: 210 40% 96.1%;
|
|
20
|
+
|
|
21
|
+
--tf-destructive: 0 100% 50%;
|
|
22
|
+
--tf-destructive-foreground: 210 40% 98%;
|
|
23
|
+
|
|
24
|
+
--tf-input: 214.3 31.8% 91.4%;
|
|
25
|
+
--tf-ring: 215 20.2% 65.1%;
|
|
26
|
+
|
|
27
|
+
--tf-radius: 0.5rem;
|
|
28
|
+
|
|
29
|
+
--tf-font: 'Roboto', sans-serif;
|
|
30
|
+
}
|
package/index.html
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Twintag Form</title>
|
|
7
|
-
</head>
|
|
8
|
-
<body>
|
|
9
|
-
<div id="root"></div>
|
|
10
|
-
<script type="module" src="./dev/main.tsx"></script>
|
|
11
|
-
</body>
|
|
12
|
-
</html>
|
|
13
|
-
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
+
<title>Twintag Form</title>
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<div id="root"></div>
|
|
10
|
+
<script type="module" src="./dev/main.tsx"></script>
|
|
11
|
+
</body>
|
|
12
|
+
</html>
|
|
13
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@twintag/twintag-form",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"author": "Twintag",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
"vite": "^4.4.9",
|
|
45
45
|
"vite-plugin-dts": "^3.0.3",
|
|
46
46
|
"eslint-config-custom": "1.0.0",
|
|
47
|
-
"
|
|
48
|
-
"
|
|
47
|
+
"tsconfig": "0.0.0",
|
|
48
|
+
"twintag-types": "0.2.0"
|
|
49
49
|
},
|
|
50
50
|
"publishConfig": {
|
|
51
51
|
"access": "public"
|
package/.turbo/turbo-lint.log
DELETED