venice-ui 2.0.13 → 2.0.15
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/dist/cjs/components/Dropdown/Dropdown.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.styles.js +1 -1
- package/dist/cjs/components/Form/Form.js +1 -1
- package/dist/cjs/components/common/commonComponents.js +1 -0
- package/dist/esm/components/Dropdown/Dropdown.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.styles.js +1 -1
- package/dist/esm/components/Form/Form.js +1 -1
- package/dist/esm/components/common/commonComponents.js +1 -0
- package/dist/types/components/Form/formTypes.d.ts +2 -0
- package/package.json +1 -1
|
@@ -51,7 +51,7 @@ const Dropdown = ({ size = 'medium', label, labelPosition = 'top', disabled = fa
|
|
|
51
51
|
positionStyle.left = buttonRect.left + window.scrollX;
|
|
52
52
|
}
|
|
53
53
|
else if (position === 'right') {
|
|
54
|
-
positionStyle.right = buttonRect.right
|
|
54
|
+
positionStyle.right = buttonRect.right;
|
|
55
55
|
}
|
|
56
56
|
setDropdownStyles(positionStyle);
|
|
57
57
|
}
|
|
@@ -50,7 +50,7 @@ const DropdownMenu = ({ size = 'medium', iconName = 'more_vert', header = false,
|
|
|
50
50
|
positionStyle.left = buttonRect.left + window.scrollX;
|
|
51
51
|
}
|
|
52
52
|
else if (position === 'right') {
|
|
53
|
-
positionStyle.right = buttonRect.right
|
|
53
|
+
positionStyle.right = buttonRect.right;
|
|
54
54
|
}
|
|
55
55
|
setDropdownStyles(positionStyle);
|
|
56
56
|
}
|
|
@@ -36,7 +36,7 @@ exports.DropdownMenuOption = styled_components_1.default.div `
|
|
|
36
36
|
cursor: pointer;
|
|
37
37
|
white-space: nowrap;
|
|
38
38
|
color: ${Theme_1.Theme.colors.text};
|
|
39
|
-
font-size:
|
|
39
|
+
font-size:16px;
|
|
40
40
|
:hover {
|
|
41
41
|
background-color: ${(0, polished_1.lighten)(0.4, Theme_1.Theme.colors.primary)};
|
|
42
42
|
}
|
|
@@ -45,7 +45,7 @@ const Form = ({ formData, size = 'medium', read }) => {
|
|
|
45
45
|
case 'increase':
|
|
46
46
|
return (react_1.default.createElement(Input_1.Input, { type: "increase", label: item.label, value: item.value, name: item.name, size: size, handleChange: onIntChangeHandler, min: item.min, max: item.max, step: item.step, readOnly: read, autoFocus: item.autofocus, handleSubmit: item.submit }));
|
|
47
47
|
case 'select':
|
|
48
|
-
return (react_1.default.createElement(Dropdown_1.Dropdown, { options: item.options, handleSelect: onChangeHandler, name: item.name, value: item.value, size: size, label: item.label }));
|
|
48
|
+
return (react_1.default.createElement(Dropdown_1.Dropdown, { options: item.options, handleSelect: onChangeHandler, name: item.name, value: item.value, size: size, label: item.label, position: item.position, zIndex: item.zIndex }));
|
|
49
49
|
case 'file':
|
|
50
50
|
return (react_1.default.createElement(File_1.File, { label: item.label, fileValue: item.value, name: item.name, size: size, handleChange: onFileHandler, readOnly: read }));
|
|
51
51
|
}
|
|
@@ -36,6 +36,7 @@ exports.PanelOption = styled_components_1.default.div `
|
|
|
36
36
|
padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.m};
|
|
37
37
|
cursor: pointer;
|
|
38
38
|
white-space: nowrap;
|
|
39
|
+
font-size:16px;
|
|
39
40
|
color: ${(p) => (p.active ? Theme_1.Theme.colors.primary : Theme_1.Theme.colors.text)};
|
|
40
41
|
:hover {
|
|
41
42
|
background-color: ${(0, polished_1.lighten)(0.4, Theme_1.Theme.colors.primary)};
|
|
@@ -25,7 +25,7 @@ export const Dropdown = ({ size = 'medium', label, labelPosition = 'top', disabl
|
|
|
25
25
|
positionStyle.left = buttonRect.left + window.scrollX;
|
|
26
26
|
}
|
|
27
27
|
else if (position === 'right') {
|
|
28
|
-
positionStyle.right = buttonRect.right
|
|
28
|
+
positionStyle.right = buttonRect.right;
|
|
29
29
|
}
|
|
30
30
|
setDropdownStyles(positionStyle);
|
|
31
31
|
}
|
|
@@ -24,7 +24,7 @@ export const DropdownMenu = ({ size = 'medium', iconName = 'more_vert', header =
|
|
|
24
24
|
positionStyle.left = buttonRect.left + window.scrollX;
|
|
25
25
|
}
|
|
26
26
|
else if (position === 'right') {
|
|
27
|
-
positionStyle.right = buttonRect.right
|
|
27
|
+
positionStyle.right = buttonRect.right;
|
|
28
28
|
}
|
|
29
29
|
setDropdownStyles(positionStyle);
|
|
30
30
|
}
|
|
@@ -39,7 +39,7 @@ export const Form = ({ formData, size = 'medium', read }) => {
|
|
|
39
39
|
case 'increase':
|
|
40
40
|
return (React.createElement(Input, { type: "increase", label: item.label, value: item.value, name: item.name, size: size, handleChange: onIntChangeHandler, min: item.min, max: item.max, step: item.step, readOnly: read, autoFocus: item.autofocus, handleSubmit: item.submit }));
|
|
41
41
|
case 'select':
|
|
42
|
-
return (React.createElement(Dropdown, { options: item.options, handleSelect: onChangeHandler, name: item.name, value: item.value, size: size, label: item.label }));
|
|
42
|
+
return (React.createElement(Dropdown, { options: item.options, handleSelect: onChangeHandler, name: item.name, value: item.value, size: size, label: item.label, position: item.position, zIndex: item.zIndex }));
|
|
43
43
|
case 'file':
|
|
44
44
|
return (React.createElement(File, { label: item.label, fileValue: item.value, name: item.name, size: size, handleChange: onFileHandler, readOnly: read }));
|
|
45
45
|
}
|
|
@@ -30,6 +30,7 @@ export const PanelOption = styled.div `
|
|
|
30
30
|
padding: ${Theme.padding.s} ${Theme.padding.m};
|
|
31
31
|
cursor: pointer;
|
|
32
32
|
white-space: nowrap;
|
|
33
|
+
font-size:16px;
|
|
33
34
|
color: ${(p) => (p.active ? Theme.colors.primary : Theme.colors.text)};
|
|
34
35
|
:hover {
|
|
35
36
|
background-color: ${lighten(0.4, Theme.colors.primary)};
|