@hexure/ui 1.13.62 → 1.13.63

package/dist/cjs/index.js

@@ -1896,7 +1896,7 @@ const StyledWrapper = styled.div `
   border-radius: ${props => (props.$suggestions ? '4px 4px 0px 0px' : '4px')};
 
   &:focus-within {
-    border-color: ${props => (props.$readOnly ? '#cccccc' : props.theme.PRIMARY_COLOR.Hex)};
+    border-color: ${props => props.$readOnly ? getBorderColor$1(props) : props.theme.PRIMARY_COLOR.Hex};
   }
 `;
 StyledWrapper.defaultProps = { theme: EditableTheme };
@@ -2059,7 +2059,10 @@ const Input$1 = (_a) => {
             internalValue.length,
             maxLength ? ` / ${maxLength}` : null)) : null)) : (React.createElement(StyledWrapper, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "$readOnly": readOnly, "$style": style, "$suggestions": show_options && !!internalSuggestedValues.length, "data-itemid": `${baseId}-wrapper`, style: style },
         React.createElement(StyledInput, Object.assign({ "$height": height, "$invalid": invalid, "$readOnly": readOnly, "$showErrorTextColor": showErrorTextColor, autoComplete: autoComplete, max: max, maxLength: maxLength, min: min, onBlur: readOnly
-                ? e => e.preventDefault()
+                ? e => {
+                    if (onBlur)
+                        onBlur(e);
+                }
                 : e => {
                     if (onBlur)
                         onBlur(e);
@@ -2068,7 +2071,10 @@ const Input$1 = (_a) => {
                         setShowOptions(false);
                     }, 500);
                 }, onChange: readOnly ? e => e.preventDefault() : handleInputChange, onFocus: readOnly
-                ? e => e.preventDefault()
+                ? e => {
+                    if (onFocus)
+                        onFocus(e);
+                }
                 : e => {
                     setShowOptions(true);
                     setIsFocused(true);