@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.
Files changed (32) hide show
  1. package/dist/components/SelectField.js +11 -10
  2. package/dist/components/SelectField.js.map +1 -1
  3. package/dist/components/TextFieldPassword.d.ts +138 -44
  4. package/dist/components/TextFieldPassword.js +157 -106
  5. package/dist/components/TextFieldPassword.js.map +1 -1
  6. package/dist/components/TextFieldValidate.d.ts +81 -29
  7. package/dist/components/TextFieldValidate.js +99 -95
  8. package/dist/components/TextFieldValidate.js.map +1 -1
  9. package/dist/components/login/FormLogin.js +2 -2
  10. package/dist/components/login/FormLogin.js.map +1 -1
  11. package/dist/components/login/FormPasswordRecovery.js +1 -1
  12. package/dist/components/login/FormPasswordRecovery.js.map +1 -1
  13. package/dist/components/login/FormSignUp.js +2 -2
  14. package/dist/components/login/FormSignUp.js.map +1 -1
  15. package/dist/constant.d.ts +9 -0
  16. package/dist/constant.js +10 -0
  17. package/dist/constant.js.map +1 -0
  18. package/dist/{components/style → style}/ButtonFormStyled.d.ts +1 -1
  19. package/dist/{components/style → style}/ButtonFormStyled.js +1 -1
  20. package/dist/style/ButtonFormStyled.js.map +1 -0
  21. package/dist/style/LinkFormStyled.js.map +1 -0
  22. package/dist/style/TextFieldStyle.d.ts +16 -0
  23. package/dist/style/TextFieldStyle.js +57 -0
  24. package/dist/style/TextFieldStyle.js.map +1 -0
  25. package/dist/theme.js +46 -45
  26. package/dist/theme.js.map +1 -1
  27. package/dist/tsconfig.tsbuildinfo +1 -1
  28. package/package.json +2 -2
  29. package/dist/components/style/ButtonFormStyled.js.map +0 -1
  30. package/dist/components/style/LinkFormStyled.js.map +0 -1
  31. /package/dist/{components/style → style}/LinkFormStyled.d.ts +0 -0
  32. /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,iCAAiC;AACjC,MAAM,KAAK,GAA+B;IACtC,YAAY,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,yCAAyC;QACrD,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;SACjB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,MAAM;YAClB,kBAAkB,EAAE,SAAS;YAC7B,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,MAAM;YACpB,aAAa,EAAE,SAAS;YACxB,YAAY,EAAE,MAAM;YACpB,SAAS,EAAE,MAAM;YACjB,WAAW,EAAE,MAAM;YACnB,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,UAAU,EAAE,SAAS;YACrB,eAAe,EAAE,SAAS;YAC1B,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,MAAM;YAClB,YAAY,EAAE,QAAQ;YACtB,OAAO,EAAE,UAAU;SACpB;KACF;IACD,KAAK,EAAE;QACH,UAAU,EAAE,MAAM;QAClB,kBAAkB,EAAE,SAAS;QAC7B,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,SAAS;QACxB,YAAY,EAAE,GAAG;QACjB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,gBAAgB,EAAE;QAChB,KAAK;KACN;CACF,CAAC"}
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"}