acsi-core 0.1.96 → 0.1.98

package/dist/components/CoreSelectCompact/index.d.ts

@@ -16,6 +16,7 @@ interface IProps {
     isShowDropdown?: boolean;
     error?: boolean;
     noOptionsMessage?: string;
+    border?: boolean;
 }
 declare const CoreSelectCompact: (props: IProps) => React.JSX.Element;
 export default CoreSelectCompact;

package/dist/index.js

@@ -774,7 +774,8 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     isShowDropdown = _props$isShowDropdown === void 0 ? false : _props$isShowDropdown,
     _props$error = props.error,
     error = _props$error === void 0 ? false : _props$error,
-    _noOptionsMessage = props.noOptionsMessage;
+    _noOptionsMessage = props.noOptionsMessage,
+    border = props.border;
   var handleChange = function handleChange(value) {
     var newValue = isMulti ? value === null || value === void 0 ? void 0 : value.map(function (item) {
       return item.value;
@@ -785,11 +786,12 @@ var CoreSelectCompact = function CoreSelectCompact(props) {
     var styles = _extends({}, base, {
       fontSize: "14px",
       fontWeight: "400",
-      padding: "0",
       backgroundColor: state.isDisabled ? "transparent" : error ? COLORS.lightYellow : COLORS.white,
-      border: "none",
+      border: border ? state.isFocused ? "2px solid " + (!error ? COLORS.brandBlue : COLORS.red) : "1px solid " + (!error ? COLORS.grayLines : COLORS.red) : "none",
+      borderRadius: border ? "8px" : undefined,
       height: isMulti ? undefined : "26px",
-      minHeight: "26px",
+      minHeight: "32px",
+      padding: border ? "4px 11px" : 0,
       boxShadow: "none",
       cursor: "pointer",
       "&:hover": {