@maif/react-forms 1.0.22 → 1.0.26
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/.github/workflows/release.yml +1 -1
- package/README.md +5 -1
- package/dist/react-form.js +1 -1
- package/lib/form.js +251 -86
- package/lib/inputs/SelectInput.js +5 -2
- package/lib/style.d.ts +30 -23
- package/lib/style.js +10 -1
- package/lib/styleContext.d.ts +1 -1
- package/package.json +1 -1
package/lib/style.d.ts
CHANGED
|
@@ -12,22 +12,23 @@ export namespace style {
|
|
|
12
12
|
opacity: number;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
15
|
+
const btn: {
|
|
16
|
+
borderRadius: number;
|
|
17
|
+
padding: number;
|
|
18
|
+
fontSize: string;
|
|
19
|
+
cursor: string;
|
|
20
|
+
borderWidth: string;
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
'&:disabled': {
|
|
23
|
+
opacity: number;
|
|
24
|
+
cursor: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
23
27
|
namespace btn_sm {
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
export const lineHeight: string;
|
|
29
|
-
const borderRadius_1: string;
|
|
30
|
-
export { borderRadius_1 as borderRadius };
|
|
28
|
+
const fontSize: string;
|
|
29
|
+
const padding: string;
|
|
30
|
+
const lineHeight: string;
|
|
31
|
+
const borderRadius: string;
|
|
31
32
|
}
|
|
32
33
|
const btn_group: {
|
|
33
34
|
"& > button:not(:last-child)": {
|
|
@@ -127,8 +128,8 @@ export namespace style {
|
|
|
127
128
|
const marginBottom: number;
|
|
128
129
|
}
|
|
129
130
|
namespace p_15 {
|
|
130
|
-
const
|
|
131
|
-
export {
|
|
131
|
+
const padding_1: number;
|
|
132
|
+
export { padding_1 as padding };
|
|
132
133
|
}
|
|
133
134
|
namespace pr_15 {
|
|
134
135
|
const paddingRight: number;
|
|
@@ -160,16 +161,15 @@ export namespace style {
|
|
|
160
161
|
const alignItems: string;
|
|
161
162
|
}
|
|
162
163
|
namespace cursor_pointer {
|
|
163
|
-
const
|
|
164
|
-
export { cursor_1 as cursor };
|
|
164
|
+
const cursor: string;
|
|
165
165
|
}
|
|
166
166
|
namespace collapse {
|
|
167
167
|
const display_2: string;
|
|
168
168
|
export { display_2 as display };
|
|
169
169
|
const justifyContent_2: string;
|
|
170
170
|
export { justifyContent_2 as justifyContent };
|
|
171
|
-
const
|
|
172
|
-
export {
|
|
171
|
+
const cursor_1: string;
|
|
172
|
+
export { cursor_1 as cursor };
|
|
173
173
|
}
|
|
174
174
|
namespace collapse_label {
|
|
175
175
|
export const fontWeight: string;
|
|
@@ -202,8 +202,8 @@ export namespace style {
|
|
|
202
202
|
export { width_1 as width };
|
|
203
203
|
const marginTop_4: string;
|
|
204
204
|
export { marginTop_4 as marginTop };
|
|
205
|
-
const
|
|
206
|
-
export {
|
|
205
|
+
const fontSize_1: string;
|
|
206
|
+
export { fontSize_1 as fontSize };
|
|
207
207
|
const color_4: string;
|
|
208
208
|
export { color_4 as color };
|
|
209
209
|
}
|
|
@@ -216,4 +216,11 @@ export namespace style {
|
|
|
216
216
|
marginLeft: string;
|
|
217
217
|
};
|
|
218
218
|
};
|
|
219
|
+
namespace nestedform__border {
|
|
220
|
+
export const borderLeft: string;
|
|
221
|
+
export const paddingLeft: string;
|
|
222
|
+
const marginBottom_1: string;
|
|
223
|
+
export { marginBottom_1 as marginBottom };
|
|
224
|
+
export const position: string;
|
|
225
|
+
}
|
|
219
226
|
}
|
package/lib/style.js
CHANGED
|
@@ -46,7 +46,11 @@ var style = (_style = {
|
|
|
46
46
|
fontSize: "1rem",
|
|
47
47
|
cursor: "pointer",
|
|
48
48
|
borderWidth: '1px',
|
|
49
|
-
backgroundColor: '#fff'
|
|
49
|
+
backgroundColor: '#fff',
|
|
50
|
+
'&:disabled': {
|
|
51
|
+
opacity: .6,
|
|
52
|
+
cursor: 'not-allowed'
|
|
53
|
+
}
|
|
50
54
|
},
|
|
51
55
|
btn_sm: {
|
|
52
56
|
fontSize: "0.875rem",
|
|
@@ -163,5 +167,10 @@ var style = (_style = {
|
|
|
163
167
|
"& .form-group+.form-group": {
|
|
164
168
|
marginLeft: '20px'
|
|
165
169
|
}
|
|
170
|
+
}), _defineProperty(_style, "nestedform__border", {
|
|
171
|
+
borderLeft: '2px solid lightGray',
|
|
172
|
+
paddingLeft: '1rem',
|
|
173
|
+
marginBottom: '.5rem',
|
|
174
|
+
position: 'relative'
|
|
166
175
|
}), _style);
|
|
167
176
|
exports.style = style;
|
package/lib/styleContext.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mr_5" | "mr_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "full_width" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback" | "display__none" | "collapse__inline">;
|
|
1
|
+
export function useCustomStyle(overrideStyle?: {}): import("jss").Classes<"code" | "flex" | "input" | "btn" | "btn_sm" | "btn_group" | "btn_red" | "btn_green" | "btn_blue" | "btn_grey" | "txt_red" | "ml_5" | "ml_10" | "mr_5" | "mr_10" | "mt_5" | "mt_10" | "mt_20" | "mb_5" | "p_15" | "pr_15" | "full_width" | "d_none" | "flexColumn" | "justifyContentBetween" | "jc_end" | "ac_center" | "ai_center" | "cursor_pointer" | "collapse" | "collapse_label" | "collapse_error" | "datepicker" | "input__boolean__on" | "input__boolean__off" | "input__invalid" | "invalid_feedback" | "display__none" | "collapse__inline" | "nestedform__border">;
|