@pipelinesolucoes/form 1.2.0-beta.20 → 1.2.0-beta.22
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/TextFieldPassword.d.ts +1 -0
- package/dist/components/TextFieldPassword.js +14 -13
- package/dist/components/TextFieldPassword.js.map +1 -1
- package/dist/components/TextFieldValidate.d.ts +1 -0
- package/dist/components/TextFieldValidate.js +14 -13
- package/dist/components/TextFieldValidate.js.map +1 -1
- package/dist/components/recaptcha/RecaptchaForm.d.ts +8 -14
- package/dist/components/recaptcha/RecaptchaForm.js +30 -25
- package/dist/components/recaptcha/RecaptchaForm.js.map +1 -1
- package/dist/style/TextFieldStyle.d.ts +1 -0
- package/dist/style/TextFieldStyle.js +2 -1
- package/dist/style/TextFieldStyle.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/components/recaptcha/FormStyled.d.ts +0 -30
- package/dist/components/recaptcha/FormStyled.js +0 -67
- package/dist/components/recaptcha/FormStyled.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
interface TextFieldStyledProps {
|
|
2
|
-
background_color: string;
|
|
3
|
-
text_color: string;
|
|
4
|
-
text_color_error: string;
|
|
5
|
-
border_radius: string;
|
|
6
|
-
width?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
|
|
9
|
-
variant?: import("@mui/material").TextFieldVariants | undefined;
|
|
10
|
-
} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldStyledProps, {}, {}>;
|
|
11
|
-
interface TextFieldFixedSizeStyledProps {
|
|
12
|
-
background_color: string;
|
|
13
|
-
text_color: string;
|
|
14
|
-
text_color_error: string;
|
|
15
|
-
border_radius: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const TextFieldFixedSizeStyled: import("@emotion/styled").StyledComponent<{
|
|
18
|
-
variant?: import("@mui/material").TextFieldVariants | undefined;
|
|
19
|
-
} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & TextFieldFixedSizeStyledProps, {}, {}>;
|
|
20
|
-
interface ButtonFormStyledProps {
|
|
21
|
-
width: string;
|
|
22
|
-
height: string;
|
|
23
|
-
background_color: string;
|
|
24
|
-
text_color: string;
|
|
25
|
-
border_radius: string;
|
|
26
|
-
border_color?: string;
|
|
27
|
-
margin?: string;
|
|
28
|
-
}
|
|
29
|
-
export declare const ButtonFormStyled: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonFormStyledProps, {}, {}>;
|
|
30
|
-
export {};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { Button } from '@mui/material';
|
|
2
|
-
import { styled } from '@mui/material/styles';
|
|
3
|
-
import TextField from '@mui/material/TextField';
|
|
4
|
-
export const TextFieldStyled = styled(TextField, {
|
|
5
|
-
shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius', 'width'].includes(prop),
|
|
6
|
-
})(({ theme, background_color, text_color, text_color_error, border_radius, error, width = '100%' }) => ({
|
|
7
|
-
'& .MuiInputLabel-root': {
|
|
8
|
-
color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
|
|
9
|
-
},
|
|
10
|
-
'& .MuiInputBase-input::placeholder': {
|
|
11
|
-
color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
|
|
12
|
-
},
|
|
13
|
-
'& .MuiInputBase-root': {
|
|
14
|
-
backgroundColor: background_color,
|
|
15
|
-
borderRadius: border_radius,
|
|
16
|
-
color: text_color,
|
|
17
|
-
},
|
|
18
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
19
|
-
borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
|
|
20
|
-
},
|
|
21
|
-
width: width,
|
|
22
|
-
}));
|
|
23
|
-
export const TextFieldFixedSizeStyled = styled(TextField, {
|
|
24
|
-
shouldForwardProp: (prop) => !['background_color', 'text_color', 'text_color_error', 'border_radius'].includes(prop),
|
|
25
|
-
})(({ theme, background_color, text_color, text_color_error, border_radius, error }) => ({
|
|
26
|
-
'& .MuiInputLabel-root': {
|
|
27
|
-
color: error ? text_color_error : text_color, // Label em vermelho em caso de erro
|
|
28
|
-
},
|
|
29
|
-
'& .MuiInputBase-input::placeholder': {
|
|
30
|
-
color: error ? text_color_error : text_color, // Placeholder também em vermelho, opcional
|
|
31
|
-
},
|
|
32
|
-
'& .MuiInputBase-root': {
|
|
33
|
-
transition: 'none !important',
|
|
34
|
-
alignItems: 'flex-start',
|
|
35
|
-
width: '100%',
|
|
36
|
-
overflowY: 'auto',
|
|
37
|
-
height: '150px',
|
|
38
|
-
backgroundColor: background_color,
|
|
39
|
-
borderRadius: border_radius,
|
|
40
|
-
color: text_color,
|
|
41
|
-
},
|
|
42
|
-
'& .MuiOutlinedInput-notchedOutline': {
|
|
43
|
-
borderColor: error ? text_color_error : 'transparent', // Borda em vermelho em caso de erro
|
|
44
|
-
},
|
|
45
|
-
}));
|
|
46
|
-
export const ButtonFormStyled = styled(Button, {
|
|
47
|
-
shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'text_color',
|
|
48
|
-
'border_radius', 'border_color', 'margin'].includes(prop),
|
|
49
|
-
})(({ theme, width, height, background_color, text_color, border_radius, border_color = 'transparent', margin = '0' }) => ({
|
|
50
|
-
color: text_color,
|
|
51
|
-
backgroundColor: background_color,
|
|
52
|
-
borderRadius: border_radius,
|
|
53
|
-
textTransform: 'none',
|
|
54
|
-
cursor: 'pointer',
|
|
55
|
-
padding: '8px 24px',
|
|
56
|
-
boxShadow: 'none',
|
|
57
|
-
width: width,
|
|
58
|
-
height: height,
|
|
59
|
-
border: (border_color == "transparent" ? "none" : `1px solid ${border_color}`),
|
|
60
|
-
margin: margin,
|
|
61
|
-
// Hover state (opcional)
|
|
62
|
-
'&:hover': {
|
|
63
|
-
backgroundColor: background_color,
|
|
64
|
-
opacity: 0.9,
|
|
65
|
-
},
|
|
66
|
-
}));
|
|
67
|
-
//# sourceMappingURL=FormStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormStyled.js","sourceRoot":"","sources":["../../../src/components/recaptcha/FormStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAUhD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7G,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,GAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAE3H,uBAAuB,EAAE;QACvB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,oCAAoC;KACnF;IACD,oCAAoC,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,2CAA2C;KAC1F;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,gBAAgB;QACjC,YAAY,EAAE,aAAa;QAC3B,KAAK,EAAE,UAAU;KAClB;IACD,oCAAoC,EAAE;QACpC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EAAE,oCAAoC;KAC5F;IAED,KAAK,EAAE,KAAK;CACb,CAAC,CAAC,CAAC;AAUJ,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,EAAE;IACxD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,YAAY,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpG,CAAC,CAAgC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAExH,uBAAuB,EAAE;QACrB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,oCAAoC;KACnF;IACD,oCAAoC,EAAE;QACpC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,2CAA2C;KAC1F;IACD,sBAAsB,EAAE;QACtB,UAAU,EAAE,iBAAiB;QAC7B,UAAU,EAAE,YAAY;QACxB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,MAAM,EAAE,OAAO;QACf,eAAe,EAAE,gBAAgB;QACjC,YAAY,EAAE,aAAa;QAC3B,KAAK,EAAE,UAAU;KAClB;IACD,oCAAoC,EAAE;QACpC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,aAAa,EAAE,oCAAoC;KAC5F;CACF,CAAC,CAAC,CAAC;AAaJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,YAAY;QACnD,eAAe,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACxE,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAClD,aAAa,EAAE,YAAY,GAAC,aAAa,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAElE,KAAK,EAAE,UAAU;IACjB,eAAe,EAAE,gBAAgB;IACjC,YAAY,EAAE,aAAa;IAC3B,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC,YAAY,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC;IAC9E,MAAM,EAAE,MAAM;IAEd,yBAAyB;IACzB,SAAS,EAAE;QACT,eAAe,EAAE,gBAAgB;QACjC,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAC,CAAC"}
|