componenteshospitais 3.2.1 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/esm/index.js +4 -4
  3. package/package.json +1 -1
  4. package/src/components/Button.tsx +1 -1
  5. package/src/components/InputField.tsx +2 -2
  6. package/src/styles/input.module.css +1 -1
package/dist/cjs/index.js CHANGED
@@ -116,7 +116,7 @@ var CardImage = function (_a) {
116
116
  React.createElement("span", { className: styles$6.cardText }, fileName ? fileName : 'Selecione um arquivo'))) : (href ? (React.createElement("a", { href: href, target: externo ? "_blank" : "_self", rel: externo ? "noopener noreferrer" : undefined, className: "".concat(styles$6.botaoCert), title: href, style: { width: '100%', height: '100%' } }, content)) : (React.createElement("div", { className: "".concat(styles$6.botaoCert), onClick: handleActionClick, style: { width: '100%', height: '100%' } }, content)))));
117
117
  };
118
118
 
119
- var css_248z$5 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_iconButton__o-C4y{color:#fff}";
119
+ var css_248z$5 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_empresa1__bxBov .input-module_iconButton__o-C4y,.input-module_empresa3__RU89A .input-module_iconButton__o-C4y,.input-module_empresa4__rWmWH .input-module_iconButton__o-C4y,.input-module_empresa5__rJ8DJ .input-module_iconButton__o-C4y{color:#fff}";
120
120
  var styles$5 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputWrapper":"input-module_inputWrapper__oqH8F","inputPadrao":"input-module_inputPadrao__jypjY","searchIcon":"input-module_searchIcon__miuBI","passwordToggleIcon":"input-module_passwordToggleIcon__D8cEc","iconInput":"input-module_iconInput__Vw-FI","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH","empresa5":"input-module_empresa5__rJ8DJ","iconButton":"input-module_iconButton__o-C4y"};
121
121
  styleInject(css_248z$5);
122
122
 
@@ -125,7 +125,7 @@ var Button = function (_a) {
125
125
  var empresaClass = styles$5["empresa".concat(empresa)];
126
126
  return (React.createElement("div", { className: "".concat(empresaClass) },
127
127
  React.createElement("div", { className: "".concat(styles$5.inputWrapper) },
128
- icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconButton, " ").concat(styles$5.iconInput) })),
128
+ icon && (React.createElement("span", { className: "".concat(icon, " ").concat(styles$5.iconButton, " ").concat(styles$5.iconInput) })),
129
129
  type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$5.inputSubmit, style: { width: largura ? "".concat(largura) : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' }, value: texto, disabled: disabled })) : (React.createElement("button", { type: "button", className: styles$5.inputSubmit, onClick: onClick, style: { width: largura ? "".concat(largura) : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' }, dangerouslySetInnerHTML: { __html: texto }, disabled: disabled })))));
130
130
  };
131
131
 
@@ -249,7 +249,7 @@ var InputField = function (_a) {
249
249
  label && React.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
250
250
  React.createElement("div", { className: "".concat(styles$5.inputWrapper, " ").concat(empresa ? empresaClass : '') },
251
251
  maskType ? (React.createElement(React.Fragment, null,
252
- icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
252
+ icon && (React.createElement("span", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
253
253
  React.createElement(MaskedInput, { mask: mask, value: value, onChange: handleChange, disabled: disabled, id: id, name: id, placeholder: placeholder, className: styles$5.inputPadrao, style: {
254
254
  width: largura ? "".concat(largura) : '',
255
255
  backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
@@ -257,7 +257,7 @@ var InputField = function (_a) {
257
257
  border: (border ? border : ''),
258
258
  paddingLeft: (icon ? '30px' : '')
259
259
  }, readOnly: readonly, required: required, checked: checked, onKeyPress: onKeyPress }))) : (React.createElement(React.Fragment, null,
260
- icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
260
+ icon && (React.createElement("span", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
261
261
  React.createElement("input", { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$5.inputPadrao, style: {
262
262
  width: largura ? "".concat(largura) : '',
263
263
  backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
package/dist/esm/index.js CHANGED
@@ -114,7 +114,7 @@ var CardImage = function (_a) {
114
114
  React.createElement("span", { className: styles$6.cardText }, fileName ? fileName : 'Selecione um arquivo'))) : (href ? (React.createElement("a", { href: href, target: externo ? "_blank" : "_self", rel: externo ? "noopener noreferrer" : undefined, className: "".concat(styles$6.botaoCert), title: href, style: { width: '100%', height: '100%' } }, content)) : (React.createElement("div", { className: "".concat(styles$6.botaoCert), onClick: handleActionClick, style: { width: '100%', height: '100%' } }, content)))));
115
115
  };
116
116
 
117
- var css_248z$5 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_iconButton__o-C4y{color:#fff}";
117
+ var css_248z$5 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputWrapper__oqH8F{position:relative;width:100%}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;box-sizing:border-box;font-style:italic;padding:.8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_searchIcon__miuBI{color:#888;font-size:1.2rem;left:8px;position:absolute}.input-module_passwordToggleIcon__D8cEc{cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:25px;transform:translateY(-50%)}.input-module_iconInput__Vw-FI{padding-left:10px;position:absolute;top:.7rem}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa1__bxBov .input-module_iconInput__Vw-FI{color:var(--blue)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}.input-module_empresa3__RU89A .input-module_iconInput__Vw-FI{color:var(--green)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj{background-color:var(--red)}.input-module_empresa4__rWmWH .input-module_inputSubmit__21-Pj:hover{background-color:var(--blue)}.input-module_empresa4__rWmWH .input-module_iconInput__Vw-FI{color:var(--red)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj{background-color:var(--cartaoGreen)}.input-module_empresa5__rJ8DJ .input-module_inputSubmit__21-Pj:hover{background-color:var(--cartaoBlue)}.input-module_empresa5__rJ8DJ .input-module_iconInput__Vw-FI{color:var(--cartaoGreen)}.input-module_empresa1__bxBov .input-module_iconButton__o-C4y,.input-module_empresa3__RU89A .input-module_iconButton__o-C4y,.input-module_empresa4__rWmWH .input-module_iconButton__o-C4y,.input-module_empresa5__rJ8DJ .input-module_iconButton__o-C4y{color:#fff}";
118
118
  var styles$5 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputWrapper":"input-module_inputWrapper__oqH8F","inputPadrao":"input-module_inputPadrao__jypjY","searchIcon":"input-module_searchIcon__miuBI","passwordToggleIcon":"input-module_passwordToggleIcon__D8cEc","iconInput":"input-module_iconInput__Vw-FI","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH","empresa5":"input-module_empresa5__rJ8DJ","iconButton":"input-module_iconButton__o-C4y"};
119
119
  styleInject(css_248z$5);
120
120
 
@@ -123,7 +123,7 @@ var Button = function (_a) {
123
123
  var empresaClass = styles$5["empresa".concat(empresa)];
124
124
  return (React.createElement("div", { className: "".concat(empresaClass) },
125
125
  React.createElement("div", { className: "".concat(styles$5.inputWrapper) },
126
- icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconButton, " ").concat(styles$5.iconInput) })),
126
+ icon && (React.createElement("span", { className: "".concat(icon, " ").concat(styles$5.iconButton, " ").concat(styles$5.iconInput) })),
127
127
  type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$5.inputSubmit, style: { width: largura ? "".concat(largura) : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' }, value: texto, disabled: disabled })) : (React.createElement("button", { type: "button", className: styles$5.inputSubmit, onClick: onClick, style: { width: largura ? "".concat(largura) : '', borderRadius: borderRadius ? "".concat(borderRadius, "px") : '' }, dangerouslySetInnerHTML: { __html: texto }, disabled: disabled })))));
128
128
  };
129
129
 
@@ -247,7 +247,7 @@ var InputField = function (_a) {
247
247
  label && React.createElement("label", { htmlFor: id, style: { color: corLabel ? corLabel : '' } }, label),
248
248
  React.createElement("div", { className: "".concat(styles$5.inputWrapper, " ").concat(empresa ? empresaClass : '') },
249
249
  maskType ? (React.createElement(React.Fragment, null,
250
- icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
250
+ icon && (React.createElement("span", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
251
251
  React.createElement(MaskedInput, { mask: mask, value: value, onChange: handleChange, disabled: disabled, id: id, name: id, placeholder: placeholder, className: styles$5.inputPadrao, style: {
252
252
  width: largura ? "".concat(largura) : '',
253
253
  backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
@@ -255,7 +255,7 @@ var InputField = function (_a) {
255
255
  border: (border ? border : ''),
256
256
  paddingLeft: (icon ? '30px' : '')
257
257
  }, readOnly: readonly, required: required, checked: checked, onKeyPress: onKeyPress }))) : (React.createElement(React.Fragment, null,
258
- icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
258
+ icon && (React.createElement("span", { className: "".concat(icon, " ").concat(styles$5.iconInput) })),
259
259
  React.createElement("input", { type: type === 'password' && isPasswordVisible ? 'text' : type, id: id, name: id, value: value, placeholder: placeholder, onChange: handleChange, className: styles$5.inputPadrao, style: {
260
260
  width: largura ? "".concat(largura) : '',
261
261
  backgroundColor: (disabled ? '#e5e5e5' : (corFundo ? corFundo : '')),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "componenteshospitais",
3
- "version": "3.2.1",
3
+ "version": "3.2.3",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
package/src/components/Button.tsx CHANGED
@@ -18,7 +18,7 @@ const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, text
18
18
  return (
19
19
  <div className={`${empresaClass}`}>
20
20
  <div className={`${styles.inputWrapper}`}>
21
- {icon && (<div className={`${icon} ${styles.iconButton} ${styles.iconInput}`}></div>)}
21
+ {icon && (<span className={`${icon} ${styles.iconButton} ${styles.iconInput}`}></span>)}
22
22
  {type === 'submit' ? (
23
23
  <input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} value={texto} disabled={disabled}/>
24
24
  ) : (
package/src/components/InputField.tsx CHANGED
@@ -90,7 +90,7 @@ const InputField: React.FC<InputFieldProps> = ({
90
90
  <div className={`${styles.inputWrapper} ${empresa ? empresaClass : ''}`}>
91
91
  {maskType ? (
92
92
  <>
93
- {icon && (<div className={`${icon} ${styles.iconInput}`}></div>)}
93
+ {icon && (<span className={`${icon} ${styles.iconInput}`}></span>)}
94
94
  <MaskedInput
95
95
  mask={mask}
96
96
  value={value}
@@ -115,7 +115,7 @@ const InputField: React.FC<InputFieldProps> = ({
115
115
  </>
116
116
  ) : (
117
117
  <>
118
- {icon && (<div className={`${icon} ${styles.iconInput}`}></div>)}
118
+ {icon && (<span className={`${icon} ${styles.iconInput}`}></span>)}
119
119
  <input
120
120
  type={type === 'password' && isPasswordVisible ? 'text' : type}
121
121
  id={id}
package/src/styles/input.module.css CHANGED
@@ -105,6 +105,6 @@
105
105
  color: var(--cartaoGreen);
106
106
  }
107
107
 
108
- .iconButton{
108
+ .empresa1 .iconButton, .empresa3 .iconButton, .empresa4 .iconButton, .empresa5 .iconButton{
109
109
  color: white;
110
110
  }