componenteshospitais 2.0.7 → 2.0.8

package/dist/types/components/InputField.d.ts

@@ -17,6 +17,8 @@ interface InputFieldProps {
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     corFundo?: string;
     corLabel?: string;
+    borderRadius?: number;
+    colorIcon?: string;
 }
 declare const InputField: React.FC<InputFieldProps>;
 export default InputField;

package/dist/types/components/SelectField.d.ts

@@ -18,6 +18,7 @@ interface SelectComponentProps {
     corFundo?: string;
     corLabel?: string;
     empresa?: '1' | '2' | '3' | '4' | '5';
+    borderRadius?: number;
 }
 declare const SelectField: React.FC<SelectComponentProps>;
 export default SelectField;

package/dist/types/components/TextArea.d.ts

@@ -14,6 +14,7 @@ interface TextAreaFieldProps {
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     corFundo?: string;
     corLabel?: string;
+    borderRadius?: number;
 }
 declare const TextAreaField: React.FC<TextAreaFieldProps>;
 export default TextAreaField;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteshospitais",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/Button.tsx

@@ -14,8 +14,7 @@ const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, text
   const empresaClass = styles[`empresa${empresa}`];
 
   return (
-    <div className={`${empresaClass}`}
-    style={{ borderRadius: borderRadius ? `${borderRadius}px` : '' }}>
+    <div className={`${empresaClass}`}>
       {type === 'submit' ? (
         <input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} value={texto}/>
       ) : (

package/src/components/InputField.tsx

@@ -21,6 +21,8 @@ interface InputFieldProps {
   onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void; // Adicionando onBlur como opcional
   corFundo?: string;
   corLabel?: string;
+  borderRadius?: number;
+  colorIcon?: string;
 }
 
 const InputField: React.FC<InputFieldProps> = ({
@@ -40,7 +42,9 @@ const InputField: React.FC<InputFieldProps> = ({
   onKeyPress,
   onBlur, // Usando onBlur nas props
   corFundo,
-  corLabel
+  corLabel,
+  borderRadius,
+  colorIcon
 }) => {
   const [isPasswordVisible, setIsPasswordVisible] = useState(false);
 
@@ -85,7 +89,7 @@ const InputField: React.FC<InputFieldProps> = ({
                 name={id}
                 placeholder={placeholder}
                 className={styles.inputPadrao}
-                style={{ width: largura ? `${largura}` : '', backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')) }}
+                style={{ width: largura ? `${largura}` : '', backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')), borderRadius: (borderRadius ? `${borderRadius}px` : '') }}
                 readOnly={readonly}
                 required={required}
                 checked={checked}
@@ -115,7 +119,7 @@ const InputField: React.FC<InputFieldProps> = ({
         )}
         {type === 'password' && (
           <div className={styles.passwordToggleIcon} onClick={togglePasswordVisibility}>
-            {isPasswordVisible ? <FaEyeSlash /> : <FaEye />}
+            {isPasswordVisible ? <FaEyeSlash style={{color: colorIcon ? colorIcon : ''}} /> : <FaEye style={{color: colorIcon ? colorIcon : ''}}/>}
           </div>
         )}
       </div>

package/src/components/SelectField.tsx

@@ -21,6 +21,7 @@ interface SelectComponentProps {
   corFundo?: string;
   corLabel?: string;
   empresa?: '1' | '2' | '3' | '4' | '5';
+  borderRadius?: number;
 }
 
 // Função para mapear empresa com a cor da seta
@@ -35,7 +36,7 @@ const getArrowColorByEmpresa = (empresa?: string) => {
   }
 };
 
-const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value, onChange, label, optionDefault, largura, disabled, multiple, required, corFundo, corLabel, empresa }) => {
+const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value, onChange, label, optionDefault, largura, disabled, multiple, required, corFundo, corLabel, empresa, borderRadius }) => {
 
   const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
     if (multiple) {
@@ -70,6 +71,7 @@ const SelectField: React.FC<SelectComponentProps> = ({ id, name, options, value,
           backgroundPosition: 'right 0.75rem center',
           backgroundSize: '1rem',
           paddingRight: '2.5rem',
+          borderRadius: (borderRadius ? `${borderRadius}px` : '')
         }}
         disabled={disabled}
         multiple={multiple}

package/src/components/TextArea.tsx

@@ -16,6 +16,7 @@ interface TextAreaFieldProps {
   onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
   corFundo?: string;
   corLabel?: string;
+  borderRadius?: number;
 }
 
 const TextAreaField: React.FC<TextAreaFieldProps> = ({
@@ -32,7 +33,8 @@ const TextAreaField: React.FC<TextAreaFieldProps> = ({
   onKeyPress,
   onBlur,
   corFundo,
-  corLabel
+  corLabel,
+  borderRadius
 }) => {
   const appliedMaxLength = maxLength !== undefined ? maxLength : 524288;
 
@@ -51,7 +53,8 @@ const TextAreaField: React.FC<TextAreaFieldProps> = ({
             width: largura ? `${largura}` : '', 
             backgroundColor: disabled ? '#e5e5e5' : (corFundo ? corFundo : ''),
             resize: 'none',
-            height: '6rem' 
+            height: '6rem',
+            borderRadius: (borderRadius ? `${borderRadius}px` : '')
           }}
           readOnly={readonly}
           disabled={disabled}