pipesol-button 1.0.2 → 1.0.11
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/README.md +38 -31
- package/dist/components/FormButtonGroup.d.ts +10 -0
- package/dist/components/FormButtonGroup.js +16 -6
- package/dist/components/FormButtonGroup.js.map +1 -1
- package/dist/components/NavigationButton.js +5 -1
- package/dist/components/NavigationButton.js.map +1 -1
- package/dist/components/StyledButton.d.ts +1 -1
- package/dist/components/StyledButton.js +6 -2
- package/dist/components/StyledButton.js.map +1 -1
- package/dist/theme.d.ts +3 -0
- package/dist/theme.js +10 -0
- package/dist/theme.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/ButtonKind.d.ts +1 -1
- package/package.json +58 -50
- package/dist/components/ButtonStyled.d.ts +0 -18
- package/dist/components/ButtonStyled.js +0 -56
- package/dist/components/ButtonStyled.js.map +0 -1
- package/dist/components/NavigationButtonMotion.d.ts +0 -19
- package/dist/components/NavigationButtonMotion.js +0 -64
- package/dist/components/NavigationButtonMotion.js.map +0 -1
- package/dist/components/NavigationHamburguerButton.d.ts +0 -17
- package/dist/components/NavigationHamburguerButton.js +0 -33
- package/dist/components/NavigationHamburguerButton.js.map +0 -1
- package/dist/components/PrimaryButton.d.ts +0 -37
- package/dist/components/PrimaryButton.js +0 -48
- package/dist/components/PrimaryButton.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,50 +1,58 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "pipesol-button",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"@emotion/react": "^11.14.0",
|
|
35
|
-
"@emotion/
|
|
36
|
-
"@
|
|
37
|
-
"@
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"@
|
|
43
|
-
"@
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "pipesol-button",
|
|
3
|
+
"version": "1.0.11",
|
|
4
|
+
"repository": {
|
|
5
|
+
"type": "git",
|
|
6
|
+
"url": "https://github.com/pipeline-solucoes/cmp-button"
|
|
7
|
+
},
|
|
8
|
+
"homepage": "https://github.com/pipeline-solucoes/cmp-button#readme",
|
|
9
|
+
"bugs": {
|
|
10
|
+
"url": "https://github.com/pipeline-solucoes/cmp-button/issues"
|
|
11
|
+
},
|
|
12
|
+
"publishConfig": {
|
|
13
|
+
"access": "public"
|
|
14
|
+
},
|
|
15
|
+
"main": "dist/index.js",
|
|
16
|
+
"module": "dist/index.js",
|
|
17
|
+
"types": "dist/index.d.ts",
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
21
|
+
"exports": {
|
|
22
|
+
".": {
|
|
23
|
+
"import": "./dist/index.js",
|
|
24
|
+
"require": "./dist/index.js"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"scripts": {
|
|
28
|
+
"build": "tsc",
|
|
29
|
+
"prepare": "npm run build",
|
|
30
|
+
"start": "next start",
|
|
31
|
+
"lint": "next lint"
|
|
32
|
+
},
|
|
33
|
+
"peerDependencies": {
|
|
34
|
+
"@emotion/react": "^11.14.0",
|
|
35
|
+
"@emotion/styled": "^11.14.1",
|
|
36
|
+
"@mui/icons-material": "^6.4.4 || ^7.3.0",
|
|
37
|
+
"@mui/material": "^6.4.4 || ^7.3.0",
|
|
38
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
39
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
40
|
+
},
|
|
41
|
+
"devDependencies": {
|
|
42
|
+
"@emotion/css": "^11.13.5",
|
|
43
|
+
"@emotion/react": "^11.14.0",
|
|
44
|
+
"@emotion/server": "^11.11.0",
|
|
45
|
+
"@emotion/styled": "^11.14.1",
|
|
46
|
+
"@eslint/eslintrc": "^3",
|
|
47
|
+
"@mui/icons-material": "^7.3.0",
|
|
48
|
+
"@mui/material": "^7.3.0",
|
|
49
|
+
"@types/node": "^20",
|
|
50
|
+
"@types/react": "^19.0.8",
|
|
51
|
+
"@types/react-dom": "^19",
|
|
52
|
+
"@types/react-input-mask": "^3.0.6",
|
|
53
|
+
"eslint": "^9",
|
|
54
|
+
"eslint-config-next": "15.1.6",
|
|
55
|
+
"next": "^15.2.3",
|
|
56
|
+
"typescript": "^5"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare const ButtonHoverBorderBottomStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
2
|
-
background_color?: string;
|
|
3
|
-
color: string;
|
|
4
|
-
color_hover?: string;
|
|
5
|
-
type_padding: "none" | "default";
|
|
6
|
-
border_radius?: string;
|
|
7
|
-
border_color?: string;
|
|
8
|
-
width: string;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
10
|
-
export declare const ButtonHoverColorStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
11
|
-
background_color?: string;
|
|
12
|
-
color: string;
|
|
13
|
-
color_hover?: string;
|
|
14
|
-
type_padding: "none" | "default";
|
|
15
|
-
border_radius?: string;
|
|
16
|
-
border_color?: string;
|
|
17
|
-
width: string;
|
|
18
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { styled } from '@mui/material/styles';
|
|
2
|
-
export const ButtonHoverBorderBottomStyled = styled('button', {
|
|
3
|
-
shouldForwardProp: (prop) => ![
|
|
4
|
-
'background_color',
|
|
5
|
-
'color',
|
|
6
|
-
'color_hover',
|
|
7
|
-
'type_padding',
|
|
8
|
-
'border_radius',
|
|
9
|
-
'border_color',
|
|
10
|
-
'width',
|
|
11
|
-
].includes(prop),
|
|
12
|
-
})(({ background_color, color, color_hover, type_padding, border_radius, border_color, width }) => ({
|
|
13
|
-
width: width,
|
|
14
|
-
cursor: 'pointer',
|
|
15
|
-
textDecoration: 'none',
|
|
16
|
-
textTransform: 'none',
|
|
17
|
-
borderBottom: '2px solid transparent',
|
|
18
|
-
margin: '0px',
|
|
19
|
-
boxShadow: 'none',
|
|
20
|
-
backgroundColor: background_color || 'transparent',
|
|
21
|
-
color: color,
|
|
22
|
-
borderRadius: border_radius || '0px',
|
|
23
|
-
border: border_color ? `1px solid ${border_color}` : 'none',
|
|
24
|
-
padding: type_padding === 'default' ? '8px 24px' : '0px',
|
|
25
|
-
'&:hover': {
|
|
26
|
-
borderBottom: `2px solid ${color_hover || color}`,
|
|
27
|
-
color: color_hover || color,
|
|
28
|
-
},
|
|
29
|
-
}));
|
|
30
|
-
export const ButtonHoverColorStyled = styled('button', {
|
|
31
|
-
shouldForwardProp: (prop) => ![
|
|
32
|
-
'background_color',
|
|
33
|
-
'color',
|
|
34
|
-
'color_hover',
|
|
35
|
-
'type_padding',
|
|
36
|
-
'border_radius',
|
|
37
|
-
'border_color',
|
|
38
|
-
'width',
|
|
39
|
-
].includes(prop),
|
|
40
|
-
})(({ background_color, color, color_hover, type_padding, border_radius, border_color, width }) => ({
|
|
41
|
-
width: width,
|
|
42
|
-
cursor: 'pointer',
|
|
43
|
-
textDecoration: 'none',
|
|
44
|
-
textTransform: 'none',
|
|
45
|
-
margin: '0px',
|
|
46
|
-
boxShadow: 'none',
|
|
47
|
-
backgroundColor: background_color || 'transparent',
|
|
48
|
-
color: color,
|
|
49
|
-
borderRadius: border_radius || '0px',
|
|
50
|
-
border: border_color ? `1px solid ${border_color}` : 'none',
|
|
51
|
-
padding: type_padding === 'default' ? '8px 24px' : '0px',
|
|
52
|
-
'&:hover': {
|
|
53
|
-
color: color_hover || color,
|
|
54
|
-
},
|
|
55
|
-
}));
|
|
56
|
-
//# sourceMappingURL=ButtonStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyled.js","sourceRoot":"","sources":["../../src/components/ButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,QAAQ,EAAE;IAC5D,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,OAAO;QACP,aAAa;QACb,cAAc;QACd,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,YAAY,EAAE,uBAAuB;IACrC,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB,IAAI,aAAa;IAClD,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa,IAAI,KAAK;IACpC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM;IAC3D,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;IAExD,SAAS,EAAE;QACT,YAAY,EAAE,aAAa,WAAW,IAAI,KAAK,EAAE;QACjD,KAAK,EAAE,WAAW,IAAI,KAAK;KAC5B;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,QAAQ,EAAE;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,OAAO;QACP,aAAa;QACb,cAAc;QACd,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB,IAAI,aAAa;IAClD,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa,IAAI,KAAK;IACpC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM;IAC3D,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;IAExD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW,IAAI,KAAK;KAC5B;CACF,CAAC,CAAC,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface NavigationButtonProps {
|
|
3
|
-
url: string;
|
|
4
|
-
aria_label: string;
|
|
5
|
-
background_color?: string;
|
|
6
|
-
background_color_hover?: string;
|
|
7
|
-
color: string;
|
|
8
|
-
color_hover?: string;
|
|
9
|
-
border_color?: string;
|
|
10
|
-
border_radius?: string;
|
|
11
|
-
text_decoration: 'none' | 'underline';
|
|
12
|
-
layout: 'button' | 'link';
|
|
13
|
-
width: string;
|
|
14
|
-
height?: string;
|
|
15
|
-
margin?: string;
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
declare const NavigationButtonMotion: React.FC<NavigationButtonProps>;
|
|
19
|
-
export default NavigationButtonMotion;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
import { motion } from 'framer-motion';
|
|
5
|
-
const MotionButtonStyled = motion.create(styled('a', {
|
|
6
|
-
shouldForwardProp: (prop) => ![
|
|
7
|
-
'background_color',
|
|
8
|
-
'background_color_hover',
|
|
9
|
-
'color',
|
|
10
|
-
'color_hover',
|
|
11
|
-
'padding',
|
|
12
|
-
'border_radius',
|
|
13
|
-
'border_color',
|
|
14
|
-
'border_color_underline',
|
|
15
|
-
'width',
|
|
16
|
-
'height',
|
|
17
|
-
'margin',
|
|
18
|
-
].includes(prop),
|
|
19
|
-
})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, border_color_underline, width, height, margin, }) => ({
|
|
20
|
-
width: width,
|
|
21
|
-
height: height,
|
|
22
|
-
cursor: 'pointer',
|
|
23
|
-
textDecoration: 'none',
|
|
24
|
-
textTransform: 'none',
|
|
25
|
-
textAlign: 'center',
|
|
26
|
-
boxShadow: 'none',
|
|
27
|
-
backgroundColor: background_color,
|
|
28
|
-
color: color,
|
|
29
|
-
border: `1px solid ${border_color}`,
|
|
30
|
-
borderRadius: border_radius,
|
|
31
|
-
padding: padding,
|
|
32
|
-
margin: margin,
|
|
33
|
-
display: 'flex',
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
justifyContent: 'center',
|
|
36
|
-
transition: 'all 0.2s ease-in-out',
|
|
37
|
-
'&:hover': {
|
|
38
|
-
backgroundColor: background_color_hover,
|
|
39
|
-
borderBottom: `1px solid ${border_color_underline}`,
|
|
40
|
-
color: color_hover,
|
|
41
|
-
},
|
|
42
|
-
})));
|
|
43
|
-
const NavigationButtonMotion = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius, border_color, text_decoration = 'none', layout, width, height = 'auto', margin, children, }) => {
|
|
44
|
-
const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
|
|
45
|
-
const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
|
|
46
|
-
const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
|
|
47
|
-
const borderRadius = border_radius !== null && border_radius !== void 0 ? border_radius : '0px';
|
|
48
|
-
const padding = layout === 'button' ? '8px 24px' : '0px';
|
|
49
|
-
const borderColor = text_decoration === 'underline' ? 'transparent' : border_color !== null && border_color !== void 0 ? border_color : 'transparent';
|
|
50
|
-
const borderColorUnderline = text_decoration === 'underline' ? color : border_color !== null && border_color !== void 0 ? border_color : 'transparent';
|
|
51
|
-
const marginButton = margin !== null && margin !== void 0 ? margin : '0px';
|
|
52
|
-
const motionProps = {
|
|
53
|
-
whileFocus: {
|
|
54
|
-
scale: 1.1,
|
|
55
|
-
transition: { type: 'spring', stiffness: 300 },
|
|
56
|
-
},
|
|
57
|
-
whileHover: {
|
|
58
|
-
scale: 1.05,
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
return (_jsx(MotionButtonStyled, Object.assign({ href: url, width: width, height: height, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, target: url.startsWith('http') ? '_blank' : undefined, rel: url.startsWith('http') ? 'noopener noreferrer' : undefined }, motionProps, { children: children })));
|
|
62
|
-
};
|
|
63
|
-
export default NavigationButtonMotion;
|
|
64
|
-
//# sourceMappingURL=NavigationButtonMotion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationButtonMotion.js","sourceRoot":"","sources":["../../src/components/NavigationButtonMotion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface NavigationHamburguerButtonProps {
|
|
3
|
-
url: string;
|
|
4
|
-
aria_label: string;
|
|
5
|
-
background_color?: string;
|
|
6
|
-
color: string;
|
|
7
|
-
color_hover?: string;
|
|
8
|
-
border_color?: string;
|
|
9
|
-
border_radius?: string;
|
|
10
|
-
text_decoration: 'none' | 'underline';
|
|
11
|
-
layout: 'button' | 'link';
|
|
12
|
-
width: string;
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
afterNavigation: () => void;
|
|
15
|
-
}
|
|
16
|
-
declare const NavigationHamburguerButton: React.FC<NavigationHamburguerButtonProps>;
|
|
17
|
-
export default NavigationHamburguerButton;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ButtonHoverBorderBottomStyled, ButtonHoverColorStyled } from './ButtonStyled';
|
|
4
|
-
const NavigationHamburguerButton = ({ url, aria_label, background_color, color, color_hover, border_radius, border_color, text_decoration, layout, width, children, afterNavigation }) => {
|
|
5
|
-
const handleClick = (e) => {
|
|
6
|
-
e.preventDefault();
|
|
7
|
-
if (url.indexOf('#') !== -1) {
|
|
8
|
-
if (window.location.pathname === '/' || window.location.pathname === '/index.html') {
|
|
9
|
-
const targetElement = document.querySelector(url);
|
|
10
|
-
if (targetElement) {
|
|
11
|
-
targetElement.scrollIntoView({ behavior: 'smooth' });
|
|
12
|
-
window.history.pushState(null, '', url);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
else {
|
|
16
|
-
window.location.href = url;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
else if (url.indexOf('http') == -1)
|
|
20
|
-
window.open(url, '_blank', 'noopener noreferrer');
|
|
21
|
-
else
|
|
22
|
-
window.location.href = url;
|
|
23
|
-
afterNavigation(); // Chama a função após a navegação
|
|
24
|
-
};
|
|
25
|
-
if (text_decoration === 'underline') {
|
|
26
|
-
return (_jsx(ButtonHoverBorderBottomStyled, { width: width, background_color: background_color, color: color, color_hover: color_hover, border_radius: border_radius, border_color: border_color, type_padding: layout === 'button' ? 'default' : 'none', "aria-label": aria_label, onClick: handleClick, children: children }));
|
|
27
|
-
}
|
|
28
|
-
else if (text_decoration === 'none') {
|
|
29
|
-
return (_jsx(ButtonHoverColorStyled, { width: width, background_color: background_color, color: color, color_hover: color_hover, border_radius: border_radius, border_color: border_color, type_padding: layout === 'button' ? 'default' : 'none', "aria-label": aria_label, onClick: handleClick, children: children }));
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
export default NavigationHamburguerButton;
|
|
33
|
-
//# sourceMappingURL=NavigationHamburguerButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationHamburguerButton.js","sourceRoot":"","sources":["../../src/components/NavigationHamburguerButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,6BAA6B,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAiBvF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,GAAG,EAAE,UAAU,EAAE,gBAAgB,EACjC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE;IAE9C,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAE3D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,GAAG,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;gBACnF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBAClD,IAAI,aAAa,EAAE,CAAC;oBAClB,aAAa,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACrD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;YAC7B,CAAC;QACH,CAAC;aACI,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;;YAElD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAG7B,eAAe,EAAE,CAAC,CAAC,wCAAwC;IAC/D,CAAC,CAAC;IAEF,IAAI,eAAe,KAAK,WAAW,EAAC,CAAC;QACnC,OAAO,CACL,KAAC,6BAA6B,IAAC,KAAK,EAAE,KAAK,EACzC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,gBACzC,UAAU,EACvB,OAAO,EAAE,WAAW,YACjB,QAAQ,GACmB,CACjC,CAAC;IACJ,CAAC;SACI,IAAI,eAAe,KAAK,MAAM,EAAC,CAAC;QACnC,OAAO,CACL,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,gBACzC,UAAU,EACvB,OAAO,EAAE,WAAW,YACjB,QAAQ,GACY,CAC1B,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Interface das props do PrimaryButton
|
|
4
|
-
*/
|
|
5
|
-
export interface PrimaryButtonProps {
|
|
6
|
-
/** Largura do botão */
|
|
7
|
-
width?: string;
|
|
8
|
-
/** Altura do botão */
|
|
9
|
-
height?: string;
|
|
10
|
-
/** Padding interno */
|
|
11
|
-
padding?: string;
|
|
12
|
-
/** Margin externa */
|
|
13
|
-
margin?: string;
|
|
14
|
-
/** Desabilita o botão */
|
|
15
|
-
disabled?: boolean;
|
|
16
|
-
/** Ícone opcional à esquerda */
|
|
17
|
-
icon?: React.ReactNode;
|
|
18
|
-
/** Texto do botão */
|
|
19
|
-
text: string;
|
|
20
|
-
/** Função chamada no clique */
|
|
21
|
-
onClick?: () => void;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Botão estilizado baseado no tema customizado
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
* ```tsx
|
|
28
|
-
* <PrimaryButton
|
|
29
|
-
* text="Clique Aqui"
|
|
30
|
-
* onClick={() => alert("Clicado!")}
|
|
31
|
-
* width="200px"
|
|
32
|
-
* icon={<SomeIcon />}
|
|
33
|
-
* />
|
|
34
|
-
* ```
|
|
35
|
-
*/
|
|
36
|
-
declare const PrimaryButton: React.FC<PrimaryButtonProps>;
|
|
37
|
-
export default PrimaryButton;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from "@mui/material/styles";
|
|
3
|
-
import Button from "@mui/material/Button";
|
|
4
|
-
import { useTheme } from "@mui/material/styles";
|
|
5
|
-
import { Typography } from "@mui/material";
|
|
6
|
-
const StyledButton = styled(Button, {
|
|
7
|
-
shouldForwardProp: (prop) => !["width", "height", "padding", "margin"].includes(prop),
|
|
8
|
-
})(({ theme, width, height, padding, margin }) => ({
|
|
9
|
-
background: theme.palette.custom.primaryButton.background,
|
|
10
|
-
color: theme.palette.custom.primaryButton.color,
|
|
11
|
-
borderRadius: theme.palette.custom.primaryButton.borderRadius,
|
|
12
|
-
boxShadow: theme.palette.custom.primaryButton.boxShadow || "none",
|
|
13
|
-
width: width || "auto",
|
|
14
|
-
height: height || "auto",
|
|
15
|
-
padding: padding || "8px 16px",
|
|
16
|
-
margin: margin || "0",
|
|
17
|
-
textTransform: "none",
|
|
18
|
-
fontWeight: 600,
|
|
19
|
-
"&:hover": {
|
|
20
|
-
background: theme.palette.custom.primaryButton.backgroundHover,
|
|
21
|
-
color: theme.palette.custom.primaryButton.colorHover,
|
|
22
|
-
},
|
|
23
|
-
"&.Mui-disabled": {
|
|
24
|
-
background: theme.palette.grey[300],
|
|
25
|
-
color: theme.palette.text.disabled,
|
|
26
|
-
boxShadow: "none",
|
|
27
|
-
},
|
|
28
|
-
}));
|
|
29
|
-
/**
|
|
30
|
-
* Botão estilizado baseado no tema customizado
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```tsx
|
|
34
|
-
* <PrimaryButton
|
|
35
|
-
* text="Clique Aqui"
|
|
36
|
-
* onClick={() => alert("Clicado!")}
|
|
37
|
-
* width="200px"
|
|
38
|
-
* icon={<SomeIcon />}
|
|
39
|
-
* />
|
|
40
|
-
* ```
|
|
41
|
-
*/
|
|
42
|
-
const PrimaryButton = ({ width, height, padding, margin, disabled, icon, text, onClick, }) => {
|
|
43
|
-
const theme = useTheme();
|
|
44
|
-
return (_jsx(StyledButton, { width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, children: _jsx(Typography, { variant: "subtitle1", component: "span", children: text }) }));
|
|
45
|
-
};
|
|
46
|
-
PrimaryButton.displayName = "PrimaryButton";
|
|
47
|
-
export default PrimaryButton;
|
|
48
|
-
//# sourceMappingURL=PrimaryButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PrimaryButton.js","sourceRoot":"","sources":["../../src/components/PrimaryButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAyB3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACrE,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU;IACzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK;IAC/C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,YAAY;IAC7D,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,IAAI,MAAM;IACjE,KAAK,EAAE,KAAK,IAAI,MAAM;IACtB,MAAM,EAAE,MAAM,IAAI,MAAM;IACxB,OAAO,EAAE,OAAO,IAAI,UAAU;IAC9B,MAAM,EAAE,MAAM,IAAI,GAAG;IACrB,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,GAAG;IACf,SAAS,EAAE;QACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,eAAe;QAC9D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU;KACrD;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;QAClC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,aAAa,GAAiC,CAAC,EACnD,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IAEH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,OAAO,YAEhB,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,MAAM,YAAE,IAAI,GAAc,GACvD,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,eAAe,aAAa,CAAC"}
|