@ctlyst.id/internal-ui 3.1.18 → 3.1.20

package/dist/index.js

@@ -4011,9 +4011,11 @@ var selectStyle = {
 };
 function selectStyles(colorMode, _isError) {
   return {
-    control: (base, { isFocused }) => {
+    control: (base, { isFocused, isMulti }) => {
       const style = {
         ...base,
+        minHeight: 40,
+        height: isMulti ? "fit-content" : 40,
         flexWrap: "nowrap",
         borderColor: isFocused ? "var(--chakra-colors-primary-500)" : "var(--chakra-colors-neutral-400)",
         boxShadow: "none",
@@ -4045,16 +4047,18 @@ function selectStyles(colorMode, _isError) {
       };
     },
     singleValue: (base) => {
-      return { ...base, ...selectStyle };
+      return {
+        ...base,
+        ...selectStyle,
+        marginLeft: 0
+      };
     },
     input: (base) => {
       return {
         ...base,
         ...selectStyle,
-        paddingTop: 8,
-        paddingBottom: 8,
-        marginTop: 0,
-        marginBottom: 0
+        padding: 0,
+        margin: 0
       };
     },
     dropdownIndicator: (base) => {
@@ -4063,8 +4067,12 @@ function selectStyles(colorMode, _isError) {
     indicatorSeparator: (base) => {
       return { ...base, background: "var(--chakra-colors-neutral-400)", borderRadius: 10 };
     },
-    valueContainer: (base) => {
-      return { ...base, ...selectStyle, marginLeft: 0 };
+    valueContainer: (base, { isMulti }) => {
+      return {
+        ...base,
+        ...selectStyle,
+        marginLeft: 0
+      };
     },
     placeholder: (base) => {
       return { ...base, ...selectStyle, color: "var(--chakra-colors-black-low)", marginLeft: 0 };
@@ -4343,7 +4351,7 @@ var SelectWithCheckboxBase = ({
   );
 };
 var SelectCheckbox = (props) => {
-  const { isMulti, options, value, components, styles, ...rest } = props;
+  const { isMulti, options, value, components, ...rest } = props;
   const selectValue = value || [];
   const defaultComponents = {
     DropdownIndicator,