@pipelinesolucoes/form 1.2.0-beta.10 → 1.2.0-beta.12
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/components/SelectField.js +11 -10
- package/dist/components/SelectField.js.map +1 -1
- package/dist/components/TextFieldPassword.d.ts +138 -44
- package/dist/components/TextFieldPassword.js +157 -106
- package/dist/components/TextFieldPassword.js.map +1 -1
- package/dist/components/TextFieldValidate.d.ts +81 -29
- package/dist/components/TextFieldValidate.js +99 -95
- package/dist/components/TextFieldValidate.js.map +1 -1
- package/dist/components/login/FormLogin.js +2 -2
- package/dist/components/login/FormLogin.js.map +1 -1
- package/dist/components/login/FormPasswordRecovery.js +1 -1
- package/dist/components/login/FormPasswordRecovery.js.map +1 -1
- package/dist/components/login/FormSignUp.js +2 -2
- package/dist/components/login/FormSignUp.js.map +1 -1
- package/dist/constant.d.ts +9 -0
- package/dist/constant.js +10 -0
- package/dist/constant.js.map +1 -0
- package/dist/{components/style → style}/ButtonFormStyled.d.ts +1 -1
- package/dist/{components/style → style}/ButtonFormStyled.js +1 -1
- package/dist/style/ButtonFormStyled.js.map +1 -0
- package/dist/style/LinkFormStyled.js.map +1 -0
- package/dist/style/TextFieldStyle.d.ts +16 -0
- package/dist/style/TextFieldStyle.js +57 -0
- package/dist/style/TextFieldStyle.js.map +1 -0
- package/dist/theme.js +46 -45
- package/dist/theme.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/dist/components/style/ButtonFormStyled.js.map +0 -1
- package/dist/components/style/LinkFormStyled.js.map +0 -1
- /package/dist/{components/style → style}/LinkFormStyled.d.ts +0 -0
- /package/dist/{components/style → style}/LinkFormStyled.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkFormStyled.js","sourceRoot":"","sources":["../../src/style/LinkFormStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE;IAC3C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACrF,CAAC,CACD,CAAC,EAAE,KAAK,GAAC,MAAM,EAAE,MAAM,GAAC,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAE7D,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,MAAM;IAC3B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type CSSObject } from "@mui/material/styles";
|
|
2
|
+
import { PipelineSolucoesTypographyTokens } from "@pipelinesolucoes/theme";
|
|
3
|
+
export declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
variant?: import("@mui/material").TextFieldVariants | undefined;
|
|
5
|
+
} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
6
|
+
background?: string;
|
|
7
|
+
backgroundDisabled?: string;
|
|
8
|
+
colorText?: string;
|
|
9
|
+
colorFocused?: string;
|
|
10
|
+
colorDisabled?: string;
|
|
11
|
+
borderRadius?: string;
|
|
12
|
+
boxShadow?: string;
|
|
13
|
+
borderColor?: string;
|
|
14
|
+
padding?: string;
|
|
15
|
+
typo?: CSSObject | PipelineSolucoesTypographyTokens;
|
|
16
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { TextField } from "@mui/material";
|
|
2
|
+
import { styled } from "@mui/material/styles";
|
|
3
|
+
export const TextFieldStyled = styled(TextField, {
|
|
4
|
+
shouldForwardProp: (prop) => ![
|
|
5
|
+
"background",
|
|
6
|
+
"backgroundDisabled",
|
|
7
|
+
"colorText",
|
|
8
|
+
"colorFocused",
|
|
9
|
+
"colorDisabled",
|
|
10
|
+
"borderRadius",
|
|
11
|
+
"boxShadow",
|
|
12
|
+
"borderColor",
|
|
13
|
+
"padding",
|
|
14
|
+
"typo",
|
|
15
|
+
].includes(prop),
|
|
16
|
+
})(({ background, backgroundDisabled, colorText, colorFocused, colorDisabled, borderRadius, boxShadow, borderColor, padding, typo, }) => ({
|
|
17
|
+
borderRadius,
|
|
18
|
+
boxShadow,
|
|
19
|
+
"& .MuiInputBase-root": {
|
|
20
|
+
color: colorText,
|
|
21
|
+
},
|
|
22
|
+
"& .MuiOutlinedInput-root": {
|
|
23
|
+
background,
|
|
24
|
+
borderRadius,
|
|
25
|
+
boxShadow,
|
|
26
|
+
"& .MuiInputBase-input": Object.assign(Object.assign({}, (padding ? { padding } : {})), (typo !== null && typo !== void 0 ? typo : {})),
|
|
27
|
+
"& textarea.MuiInputBase-input": Object.assign(Object.assign({}, (padding ? { padding } : {})), (typo !== null && typo !== void 0 ? typo : {})),
|
|
28
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
29
|
+
borderColor,
|
|
30
|
+
},
|
|
31
|
+
"&:hover .MuiOutlinedInput-notchedOutline": {
|
|
32
|
+
borderColor,
|
|
33
|
+
},
|
|
34
|
+
"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
|
|
35
|
+
borderColor: colorFocused,
|
|
36
|
+
},
|
|
37
|
+
"&.Mui-disabled": {
|
|
38
|
+
background: backgroundDisabled,
|
|
39
|
+
color: colorDisabled,
|
|
40
|
+
},
|
|
41
|
+
"& input.Mui-disabled": {
|
|
42
|
+
WebkitTextFillColor: colorDisabled,
|
|
43
|
+
},
|
|
44
|
+
"& input::placeholder": Object.assign(Object.assign({}, (typo !== null && typo !== void 0 ? typo : {})), { opacity: 0.7 }),
|
|
45
|
+
"& textarea::placeholder": Object.assign(Object.assign({}, (typo !== null && typo !== void 0 ? typo : {})), { opacity: 0.7 }),
|
|
46
|
+
},
|
|
47
|
+
"& .MuiInputLabel-root": {
|
|
48
|
+
color: colorText,
|
|
49
|
+
},
|
|
50
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
51
|
+
color: colorFocused,
|
|
52
|
+
},
|
|
53
|
+
"& .MuiInputLabel-root.Mui-disabled": {
|
|
54
|
+
color: colorDisabled,
|
|
55
|
+
},
|
|
56
|
+
}));
|
|
57
|
+
//# sourceMappingURL=TextFieldStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldStyle.js","sourceRoot":"","sources":["../../src/style/TextFieldStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAkB,MAAM,sBAAsB,CAAC;AAG9D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,YAAY;QACZ,oBAAoB;QACpB,WAAW;QACX,cAAc;QACd,eAAe;QACf,cAAc;QACd,WAAW;QACX,aAAa;QACb,SAAS;QACT,MAAM;KACP,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAYA,CAAC,EACC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,OAAO,EACP,IAAI,GACL,EAAE,EAAE,CAAC,CAAC;IACL,YAAY;IACZ,SAAS;IAET,sBAAsB,EAAE;QACtB,KAAK,EAAE,SAAS;KACjB;IAED,0BAA0B,EAAE;QAC1B,UAAU;QACV,YAAY;QACZ,SAAS;QAET,uBAAuB,kCAClB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC5B,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAChB;QAED,+BAA+B,kCAC1B,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC5B,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAChB;QAED,oCAAoC,EAAE;YACpC,WAAW;SACZ;QAED,0CAA0C,EAAE;YAC1C,WAAW;SACZ;QAED,gDAAgD,EAAE;YAChD,WAAW,EAAE,YAAY;SAC1B;QAED,gBAAgB,EAAE;YAChB,UAAU,EAAE,kBAAkB;YAC9B,KAAK,EAAE,aAAa;SACrB;QAED,sBAAsB,EAAE;YACtB,mBAAmB,EAAE,aAAa;SACnC;QAED,sBAAsB,kCACjB,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,KACf,OAAO,EAAE,GAAG,GACb;QAED,yBAAyB,kCACpB,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,KACf,OAAO,EAAE,GAAG,GACb;KACF;IAED,uBAAuB,EAAE;QACvB,KAAK,EAAE,SAAS;KACjB;IAED,mCAAmC,EAAE;QACnC,KAAK,EAAE,YAAY;KACpB;IAED,oCAAoC,EAAE;QACpC,KAAK,EAAE,aAAa;KACrB;CACF,CAAC,CACH,CAAC"}
|
package/dist/theme.js
CHANGED
|
@@ -1,50 +1,51 @@
|
|
|
1
|
-
// Definindo o tema personalizado
|
|
2
|
-
const forms = {
|
|
3
|
-
notification: {
|
|
4
|
-
background: '#fff',
|
|
5
|
-
},
|
|
6
|
-
login: {
|
|
7
|
-
background: 'linear-gradient(180deg, white, #d1e6ff)',
|
|
8
|
-
borderRadius: "24px",
|
|
9
|
-
divider: '#8c8c8c',
|
|
10
|
-
link: {
|
|
11
|
-
color: '#216fed',
|
|
12
|
-
},
|
|
13
|
-
field: {
|
|
14
|
-
background: '#fff',
|
|
15
|
-
backgroundDisabled: "#9CA3AF",
|
|
16
|
-
color: "#000",
|
|
17
|
-
colorFocused: "#000",
|
|
18
|
-
colorDisabled: "#9CA3AF",
|
|
19
|
-
borderRadius: "10px",
|
|
20
|
-
boxShadow: "none",
|
|
21
|
-
borderColor: "#ccc",
|
|
22
|
-
padding: "4px 8px",
|
|
23
|
-
},
|
|
24
|
-
button: {
|
|
25
|
-
background: "#216fed",
|
|
26
|
-
backgroundHover: "#005ce3",
|
|
27
|
-
color: "#fff",
|
|
28
|
-
colorHover: "#fff",
|
|
29
|
-
borderRadius: "9999px",
|
|
30
|
-
padding: "8px 24px",
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
field: {
|
|
34
|
-
background: '#fff',
|
|
35
|
-
backgroundDisabled: "#9CA3AF",
|
|
36
|
-
color: "#000",
|
|
37
|
-
colorFocused: "#000",
|
|
38
|
-
colorDisabled: "#9CA3AF",
|
|
39
|
-
borderRadius: "0",
|
|
40
|
-
boxShadow: "none",
|
|
41
|
-
borderColor: "#ccc",
|
|
42
|
-
padding: "4px 8px",
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
1
|
export const formThemeOptions = {
|
|
46
2
|
pipelinesolucoes: {
|
|
47
|
-
forms
|
|
3
|
+
forms: {
|
|
4
|
+
notification: {
|
|
5
|
+
background: '#fff',
|
|
6
|
+
},
|
|
7
|
+
field: {
|
|
8
|
+
background: '#fff',
|
|
9
|
+
backgroundDisabled: "#9CA3AF",
|
|
10
|
+
color: "#000",
|
|
11
|
+
colorFocused: "#000",
|
|
12
|
+
colorDisabled: "#9CA3AF",
|
|
13
|
+
borderRadius: "0",
|
|
14
|
+
boxShadow: "none",
|
|
15
|
+
borderColor: "#ccc",
|
|
16
|
+
padding: "4px 8px",
|
|
17
|
+
},
|
|
18
|
+
login: {
|
|
19
|
+
background: 'linear-gradient(180deg, white, #d1e6ff)',
|
|
20
|
+
borderRadius: "24px",
|
|
21
|
+
divider: '#8c8c8c',
|
|
22
|
+
link: {
|
|
23
|
+
color: '#216fed',
|
|
24
|
+
},
|
|
25
|
+
field: {
|
|
26
|
+
background: '#fff',
|
|
27
|
+
backgroundDisabled: "#9CA3AF",
|
|
28
|
+
color: "#000",
|
|
29
|
+
colorFocused: "#000",
|
|
30
|
+
colorDisabled: "#9CA3AF",
|
|
31
|
+
borderRadius: "10px",
|
|
32
|
+
boxShadow: "none",
|
|
33
|
+
borderColor: "#ccc",
|
|
34
|
+
padding: "4px 8px",
|
|
35
|
+
typography: {
|
|
36
|
+
fontSize: '16px',
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
button: {
|
|
40
|
+
background: "#216fed",
|
|
41
|
+
backgroundHover: "#005ce3",
|
|
42
|
+
color: "#fff",
|
|
43
|
+
colorHover: "#fff",
|
|
44
|
+
borderRadius: "9999px",
|
|
45
|
+
padding: "8px 24px",
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
}
|
|
48
49
|
},
|
|
49
50
|
};
|
|
50
51
|
//# sourceMappingURL=theme.js.map
|
package/dist/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAGA,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,gBAAgB,EAAE;QAChB,KAAK,EAAE;YACL,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM;aACnB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,MAAM;gBAClB,kBAAkB,EAAE,SAAS;gBAC7B,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,SAAS;gBACxB,YAAY,EAAE,GAAG;gBACjB,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,OAAO,EAAE,SAAS;aACnB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,yCAAyC;gBACrD,YAAY,EAAE,MAAM;gBACpB,OAAO,EAAE,SAAS;gBAClB,IAAI,EAAE;oBACJ,KAAK,EAAE,SAAS;iBACjB;gBACD,KAAK,EAAE;oBACL,UAAU,EAAE,MAAM;oBAClB,kBAAkB,EAAE,SAAS;oBAC7B,KAAK,EAAE,MAAM;oBACb,YAAY,EAAE,MAAM;oBACpB,aAAa,EAAE,SAAS;oBACxB,YAAY,EAAE,MAAM;oBACpB,SAAS,EAAE,MAAM;oBACjB,WAAW,EAAE,MAAM;oBACnB,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE;wBACV,QAAQ,EAAE,MAAM;qBACjB;iBACF;gBACD,MAAM,EAAE;oBACN,UAAU,EAAE,SAAS;oBACrB,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,MAAM;oBACb,UAAU,EAAE,MAAM;oBAClB,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,UAAU;iBACpB;aACF;SACF;KACF;CACF,CAAC"}
|