@hexure/ui 1.13.61 → 1.13.63

package/dist/cjs/index.js

@@ -1331,8 +1331,8 @@ const ContentWrapper$1 = styled.div `
 const ButtonBar$1 = styled.div `
   padding: 20px;
   display: flex;
-  align-items: center;
-  justify-content: flex-end;
+  align-items: flex-end;
+  justify-content: center;
   box-sizing: border-box;
   gap: 10px;
   flex-shrink: 0;
@@ -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);
@@ -2213,7 +2219,7 @@ const ProgressBarFill = styled.div `
   position: relative;
   overflow: hidden;
 
-.progress-percentage  {
+  .progress-percentage {
     position: absolute;
     top: 55%;
     left: ${props => props.$percent >= 83 ? 'calc(100% - 25px)' : `calc(${props.$percent}% + 10px)`};
@@ -2225,7 +2231,7 @@ const ProgressBarFill = styled.div `
     transition: left 0.5s ease-in-out;
   }
 
- .progress-bar-fill {
+  .progress-bar-fill {
     position: absolute;
     top: 0;
     left: 0;