@uxf/form 1.0.0-beta.72 → 1.0.0-beta.73
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.
|
@@ -51,14 +51,14 @@ const options = [
|
|
|
51
51
|
},
|
|
52
52
|
];
|
|
53
53
|
function Default() {
|
|
54
|
-
const
|
|
54
|
+
const storyFormColorRadioGroup = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
|
|
55
55
|
react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", label: "Color radio group form", name: "color-radio-group", options: options }),
|
|
56
56
|
react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", isDisabled: true, label: "Color radio group form disabled", name: "color-radio-group-disabled", options: options }),
|
|
57
57
|
react_1.default.createElement(index_1.ColorRadioGroup, { control: control, helperText: "Choose one option", id: "color-radio-group", label: "Color radio group form with helper text", name: "color-radio-group-helper-text", options: options }),
|
|
58
58
|
react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", label: "Color radio group form with variant button", name: "color-radio-group-button", options: options }),
|
|
59
59
|
react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
|
|
60
60
|
return (react_1.default.createElement(form_1.Form, null, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
|
|
61
|
-
react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" },
|
|
62
|
-
react_1.default.createElement("div", { className: "dark space-y-2 bg-gray-900 p-20 lg:w-1/2" },
|
|
61
|
+
react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" }, storyFormColorRadioGroup(control)),
|
|
62
|
+
react_1.default.createElement("div", { className: "dark space-y-2 bg-gray-900 p-20 lg:w-1/2" }, storyFormColorRadioGroup(control))))));
|
|
63
63
|
}
|
|
64
64
|
exports.Default = Default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/form",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.73",
|
|
4
4
|
"description": "",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"author": "UX Fans s.r.o",
|
|
14
14
|
"license": "MIT",
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@uxf/ui": "^1.0.0-beta.
|
|
16
|
+
"@uxf/ui": "^1.0.0-beta.73",
|
|
17
17
|
"react-hook-form": "latest"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
@@ -27,14 +27,14 @@ const options = [
|
|
|
27
27
|
},
|
|
28
28
|
];
|
|
29
29
|
function Default() {
|
|
30
|
-
const
|
|
30
|
+
const storyFormRadioGroup = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
|
|
31
31
|
react_1.default.createElement(index_1.RadioGroup, { control: control, id: "radio-group", label: "Radio group form", name: "radio-group", options: options }),
|
|
32
32
|
react_1.default.createElement(index_1.RadioGroup, { control: control, id: "radio-group", isDisabled: true, label: "Radio group form disabled", name: "radio-group-disabled", options: options }),
|
|
33
33
|
react_1.default.createElement(index_1.RadioGroup, { control: control, helperText: "Choose one option", id: "radio-group", label: "Radio group form with helper text", name: "radio-group-helper-text", options: options }),
|
|
34
34
|
react_1.default.createElement(index_1.RadioGroup, { control: control, id: "radio-group", label: "Radio group form with variant button", name: "radio-group-button", options: options, variant: "radioButton" }),
|
|
35
35
|
react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
|
|
36
36
|
return (react_1.default.createElement(form_1.Form, null, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
|
|
37
|
-
react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" },
|
|
38
|
-
react_1.default.createElement("div", { className: "dark space-y-2 bg-gray-900 p-20 lg:w-1/2" },
|
|
37
|
+
react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" }, storyFormRadioGroup(control)),
|
|
38
|
+
react_1.default.createElement("div", { className: "dark space-y-2 bg-gray-900 p-20 lg:w-1/2" }, storyFormRadioGroup(control))))));
|
|
39
39
|
}
|
|
40
40
|
exports.Default = Default;
|