componenteshospitais 3.1.6 → 3.1.7
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.
- package/dist/cjs/index.js +3 -3
- package/dist/esm/index.js +3 -3
- package/package.json +1 -1
- package/src/components/Button.tsx +1 -1
- package/src/styles/input.module.css +23 -0
package/dist/cjs/index.js
CHANGED
|
@@ -116,15 +116,15 @@ 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_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_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_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)}";
|
|
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"};
|
|
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_iconButton__o-C4y{bottom:9.5rem;color:#fff;padding-left:10px;position:absolute}.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)}";
|
|
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","iconButton":"input-module_iconButton__o-C4y","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH","empresa5":"input-module_empresa5__rJ8DJ"};
|
|
121
121
|
styleInject(css_248z$5);
|
|
122
122
|
|
|
123
123
|
var Button = function (_a) {
|
|
124
124
|
var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto, largura = _a.largura, borderRadius = _a.borderRadius, disabled = _a.disabled, icon = _a.icon;
|
|
125
125
|
var empresaClass = styles$5["empresa".concat(empresa)];
|
|
126
126
|
return (React.createElement("div", { className: "".concat(empresaClass) },
|
|
127
|
-
icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.
|
|
127
|
+
icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconButton) })),
|
|
128
128
|
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 }))));
|
|
129
129
|
};
|
|
130
130
|
|
package/dist/esm/index.js
CHANGED
|
@@ -114,15 +114,15 @@ 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_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_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_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)}";
|
|
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"};
|
|
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_iconButton__o-C4y{bottom:9.5rem;color:#fff;padding-left:10px;position:absolute}.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)}";
|
|
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","iconButton":"input-module_iconButton__o-C4y","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A","empresa4":"input-module_empresa4__rWmWH","empresa5":"input-module_empresa5__rJ8DJ"};
|
|
119
119
|
styleInject(css_248z$5);
|
|
120
120
|
|
|
121
121
|
var Button = function (_a) {
|
|
122
122
|
var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick, texto = _a.texto, largura = _a.largura, borderRadius = _a.borderRadius, disabled = _a.disabled, icon = _a.icon;
|
|
123
123
|
var empresaClass = styles$5["empresa".concat(empresa)];
|
|
124
124
|
return (React.createElement("div", { className: "".concat(empresaClass) },
|
|
125
|
-
icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.
|
|
125
|
+
icon && (React.createElement("div", { className: "".concat(icon, " ").concat(styles$5.iconButton) })),
|
|
126
126
|
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 }))));
|
|
127
127
|
};
|
|
128
128
|
|
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick, text
|
|
|
17
17
|
|
|
18
18
|
return (
|
|
19
19
|
<div className={`${empresaClass}`}>
|
|
20
|
-
{icon && (<div className={`${icon} ${styles.
|
|
20
|
+
{icon && (<div className={`${icon} ${styles.iconButton}`}></div>)}
|
|
21
21
|
{type === 'submit' ? (
|
|
22
22
|
<input type="submit" className={styles.inputSubmit} style={{width: largura ? `${largura}` : '', borderRadius: borderRadius ? `${borderRadius}px` : '' }} value={texto} disabled={disabled}/>
|
|
23
23
|
) : (
|
|
@@ -49,6 +49,13 @@
|
|
|
49
49
|
padding-left: 10px;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
+
.iconButton{
|
|
53
|
+
position: absolute;
|
|
54
|
+
bottom: 9.5rem;
|
|
55
|
+
padding-left: 10px;
|
|
56
|
+
color: white;
|
|
57
|
+
}
|
|
58
|
+
|
|
52
59
|
/* Definicao de cores */
|
|
53
60
|
|
|
54
61
|
/* Empresa 1 - MPHU */
|
|
@@ -60,6 +67,10 @@
|
|
|
60
67
|
background-color: var(--red);
|
|
61
68
|
}
|
|
62
69
|
|
|
70
|
+
.empresa1 .iconInput{
|
|
71
|
+
color: var(--blue);
|
|
72
|
+
}
|
|
73
|
+
|
|
63
74
|
/* Empresa 2 - Reginal */
|
|
64
75
|
|
|
65
76
|
/* Empresa 3 - Upas */
|
|
@@ -71,6 +82,10 @@
|
|
|
71
82
|
background-color: var(--lightblue);
|
|
72
83
|
}
|
|
73
84
|
|
|
85
|
+
.empresa3 .iconInput{
|
|
86
|
+
color: var(--green);
|
|
87
|
+
}
|
|
88
|
+
|
|
74
89
|
/* Empresa 4 - Farmácia */
|
|
75
90
|
.empresa4 .inputSubmit{
|
|
76
91
|
background-color: var(--red);
|
|
@@ -80,6 +95,10 @@
|
|
|
80
95
|
background-color: var(--blue);
|
|
81
96
|
}
|
|
82
97
|
|
|
98
|
+
.empresa4 .iconInput{
|
|
99
|
+
color: var(--red);
|
|
100
|
+
}
|
|
101
|
+
|
|
83
102
|
/* Empresa 5 - Cartão mais MPHU */
|
|
84
103
|
.empresa5 .inputSubmit{
|
|
85
104
|
background-color: var(--cartaoGreen);
|
|
@@ -87,4 +106,8 @@
|
|
|
87
106
|
|
|
88
107
|
.empresa5 .inputSubmit:hover{
|
|
89
108
|
background-color: var(--cartaoBlue);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.empresa5 .iconInput{
|
|
112
|
+
color: var(--cartaoGreen);
|
|
90
113
|
}
|