pipesol-button 1.0.1-beta.12 → 1.0.1-beta.15
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/ActionButton.d.ts +89 -0
- package/dist/components/ActionButton.js +87 -0
- package/dist/components/ActionButton.js.map +1 -0
- package/dist/components/NavigationButton.d.ts +15 -9
- package/dist/components/NavigationButton.js +38 -33
- package/dist/components/NavigationButton.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/ButtonKind.d.ts +4 -0
- package/dist/types/ButtonKind.js +2 -0
- package/dist/types/ButtonKind.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonKind } from "@/types/ButtonKind";
|
|
3
|
+
/**
|
|
4
|
+
* Propriedades do ActionButton.
|
|
5
|
+
*
|
|
6
|
+
* @remarks
|
|
7
|
+
* - O estilo base é lido do `theme.palette.custom.{primaryButton|secondaryButton}` conforme `kind`.
|
|
8
|
+
* - As props `background`, `backgroundHover`, `color`, `colorHover`, `borderRadius` e `boxShadow`
|
|
9
|
+
* são opcionais e sobrescrevem o valor do tema quando fornecidas.
|
|
10
|
+
*/
|
|
11
|
+
export interface ActionButtonProps {
|
|
12
|
+
/**
|
|
13
|
+
* Seleciona o conjunto de tokens do tema.
|
|
14
|
+
* @default "primary"
|
|
15
|
+
*/
|
|
16
|
+
kind?: ButtonKind;
|
|
17
|
+
/**
|
|
18
|
+
* Largura CSS do botão (ex.: "200px" | "100%").
|
|
19
|
+
* @default "auto"
|
|
20
|
+
*/
|
|
21
|
+
width?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Altura CSS do botão (ex.: "44px").
|
|
24
|
+
* @default "auto"
|
|
25
|
+
*/
|
|
26
|
+
height?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Padding interno (ex.: "12px 20px").
|
|
29
|
+
* @default "12px 20px"
|
|
30
|
+
*/
|
|
31
|
+
padding?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Margin externa (ex.: "8px 0 0").
|
|
34
|
+
* @default "0"
|
|
35
|
+
*/
|
|
36
|
+
margin?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Texto exibido no botão.
|
|
39
|
+
* @default ""
|
|
40
|
+
*/
|
|
41
|
+
text?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Ícone opcional exibido à esquerda do texto.
|
|
44
|
+
* @default undefined
|
|
45
|
+
*/
|
|
46
|
+
icon?: React.ReactNode;
|
|
47
|
+
/**
|
|
48
|
+
* Define se o botão está desabilitado.
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
disabled?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Sombreamento do botão. Se ausente no tema, usa "none".
|
|
54
|
+
* @default (valor do tema) ou "none"
|
|
55
|
+
*/
|
|
56
|
+
boxShadow?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Sobrescreve o background.
|
|
59
|
+
* @default (valor do tema)
|
|
60
|
+
*/
|
|
61
|
+
background?: string;
|
|
62
|
+
/**
|
|
63
|
+
* Sobrescreve o background no hover.
|
|
64
|
+
* @default (valor do tema)
|
|
65
|
+
*/
|
|
66
|
+
backgroundHover?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Sobrescreve a cor do texto.
|
|
69
|
+
* @default (valor do tema)
|
|
70
|
+
*/
|
|
71
|
+
color?: string;
|
|
72
|
+
/**
|
|
73
|
+
* Sobrescreve a cor do texto no hover.
|
|
74
|
+
* @default (valor do tema)
|
|
75
|
+
*/
|
|
76
|
+
colorHover?: string;
|
|
77
|
+
/**
|
|
78
|
+
* Sobrescreve o border-radius.
|
|
79
|
+
* @default (valor do tema)
|
|
80
|
+
*/
|
|
81
|
+
borderRadius?: string;
|
|
82
|
+
/**
|
|
83
|
+
* Função chamada no clique.
|
|
84
|
+
* @default undefined
|
|
85
|
+
*/
|
|
86
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
87
|
+
}
|
|
88
|
+
declare const ActionButton: React.FC<ActionButtonProps>;
|
|
89
|
+
export default ActionButton;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Button from "@mui/material/Button";
|
|
3
|
+
import { styled } from "@mui/material/styles";
|
|
4
|
+
/**
|
|
5
|
+
* Botão estilizado baseado no tema custom com API controlada pela lib.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* // Uso básico
|
|
10
|
+
* <ActionButton text="Enviar" onClick={() => console.log("Clicou")} />
|
|
11
|
+
*
|
|
12
|
+
* // Secondary via tokens do tema
|
|
13
|
+
* <ActionButton kind="secondary" text="Saiba mais" />
|
|
14
|
+
*
|
|
15
|
+
* // Com ícone e dimensões
|
|
16
|
+
* <ActionButton
|
|
17
|
+
* text="Continuar"
|
|
18
|
+
* icon={<SomeIcon />}
|
|
19
|
+
* width="220px"
|
|
20
|
+
* height="44px"
|
|
21
|
+
* />
|
|
22
|
+
*
|
|
23
|
+
* // Overrides visuais
|
|
24
|
+
* <ActionButton
|
|
25
|
+
* text="Custom"
|
|
26
|
+
* background="#1e88e5"
|
|
27
|
+
* backgroundHover="#1565c0"
|
|
28
|
+
* color="#fff"
|
|
29
|
+
* colorHover="#fff"
|
|
30
|
+
* borderRadius="9999px"
|
|
31
|
+
* boxShadow="0 4px 14px rgba(0,0,0,0.12)"
|
|
32
|
+
* />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
const StyledButton = styled(Button, {
|
|
36
|
+
shouldForwardProp: (prop) => ![
|
|
37
|
+
"kind",
|
|
38
|
+
"width",
|
|
39
|
+
"height",
|
|
40
|
+
"padding",
|
|
41
|
+
"margin",
|
|
42
|
+
"background",
|
|
43
|
+
"backgroundHover",
|
|
44
|
+
"colorText",
|
|
45
|
+
"colorHover",
|
|
46
|
+
"borderRadius",
|
|
47
|
+
"boxShadow",
|
|
48
|
+
"text",
|
|
49
|
+
"icon",
|
|
50
|
+
].includes(prop),
|
|
51
|
+
})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow }) => {
|
|
52
|
+
var _a, _b, _c;
|
|
53
|
+
const tokens = kind === "primary"
|
|
54
|
+
? theme.palette.custom.primaryButton
|
|
55
|
+
: theme.palette.custom.secondaryButton;
|
|
56
|
+
return {
|
|
57
|
+
// Dimensões
|
|
58
|
+
width: width !== null && width !== void 0 ? width : "auto",
|
|
59
|
+
height: height !== null && height !== void 0 ? height : "auto",
|
|
60
|
+
padding: padding !== null && padding !== void 0 ? padding : "12px 20px",
|
|
61
|
+
margin: margin !== null && margin !== void 0 ? margin : "0",
|
|
62
|
+
// Visual
|
|
63
|
+
textTransform: "none",
|
|
64
|
+
borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : tokens.borderRadius,
|
|
65
|
+
boxShadow: (_a = boxShadow !== null && boxShadow !== void 0 ? boxShadow : tokens.boxShadow) !== null && _a !== void 0 ? _a : "none",
|
|
66
|
+
// Cores
|
|
67
|
+
background: background !== null && background !== void 0 ? background : tokens.background,
|
|
68
|
+
color: colorText !== null && colorText !== void 0 ? colorText : tokens.color,
|
|
69
|
+
"&:hover": {
|
|
70
|
+
background: backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : tokens.backgroundHover,
|
|
71
|
+
color: (_b = colorHover !== null && colorHover !== void 0 ? colorHover : tokens.colorHover) !== null && _b !== void 0 ? _b : (colorText !== null && colorText !== void 0 ? colorText : tokens.color),
|
|
72
|
+
boxShadow: (_c = boxShadow !== null && boxShadow !== void 0 ? boxShadow : tokens.boxShadow) !== null && _c !== void 0 ? _c : "none",
|
|
73
|
+
},
|
|
74
|
+
// Estado disabled
|
|
75
|
+
"&.Mui-disabled": {
|
|
76
|
+
background: theme.palette.grey[300],
|
|
77
|
+
color: theme.palette.text.disabled,
|
|
78
|
+
boxShadow: "none",
|
|
79
|
+
},
|
|
80
|
+
};
|
|
81
|
+
});
|
|
82
|
+
const ActionButton = ({ kind = "primary", width, height, padding, margin, text = "", icon, disabled = false, onClick, background, backgroundHover, color, colorHover, borderRadius, boxShadow, }) => {
|
|
83
|
+
return (_jsx(StyledButton, { kind: kind, width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, background: background, backgroundHover: backgroundHover, colorText: color, colorHover: colorHover, borderRadius: borderRadius, boxShadow: boxShadow, children: text }));
|
|
84
|
+
};
|
|
85
|
+
ActionButton.displayName = "ActionButton";
|
|
86
|
+
export default ActionButton;
|
|
87
|
+
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ButtonKind } from '@/types/ButtonKind';
|
|
2
3
|
/**
|
|
3
4
|
* Propriedades do componente `NavigationButton`.
|
|
4
5
|
*/
|
|
5
6
|
interface NavigationButtonProps {
|
|
7
|
+
/**
|
|
8
|
+
* Seleciona o conjunto de tokens do tema.
|
|
9
|
+
* @default "primary"
|
|
10
|
+
*/
|
|
11
|
+
kind?: ButtonKind;
|
|
6
12
|
/**
|
|
7
13
|
* URL ou âncora para onde o botão deve navegar.
|
|
8
14
|
* - Se começar com `http`, abre em nova aba.
|
|
@@ -12,28 +18,28 @@ interface NavigationButtonProps {
|
|
|
12
18
|
/** Texto para acessibilidade (atributo `aria-label`). */
|
|
13
19
|
aria_label: string;
|
|
14
20
|
/** Cor de fundo padrão do botão (ex: `#1976d2` ou `transparent`). */
|
|
15
|
-
|
|
21
|
+
backgroundColor?: string;
|
|
16
22
|
/** Cor de fundo quando o botão é focado/hover. Se não informado, usa a cor padrão. */
|
|
17
|
-
|
|
23
|
+
backgroundColorHover?: string;
|
|
18
24
|
/** Cor do texto padrão (ex: `#fff`). */
|
|
19
|
-
color
|
|
25
|
+
color?: string;
|
|
20
26
|
/** Cor do texto no hover. Se não informado, usa a mesma cor padrão. */
|
|
21
|
-
|
|
27
|
+
colorHover?: string;
|
|
22
28
|
/**
|
|
23
|
-
*
|
|
24
|
-
* @default "
|
|
29
|
+
* Borda do Botao (1px solid #fff)
|
|
30
|
+
* @default "none"
|
|
25
31
|
*/
|
|
26
|
-
|
|
32
|
+
border?: string;
|
|
27
33
|
/**
|
|
28
34
|
* Raio de borda (ex: `8px`, `50%`).
|
|
29
35
|
* @default "0"
|
|
30
36
|
*/
|
|
31
|
-
|
|
37
|
+
borderRadius?: string;
|
|
32
38
|
/**
|
|
33
39
|
* Sombra CSS (ex: `0 2px 4px rgba(0,0,0,0.2)`).
|
|
34
40
|
* @default "none"
|
|
35
41
|
*/
|
|
36
|
-
|
|
42
|
+
boxShadow?: string;
|
|
37
43
|
/** Largura do botão (ex: `200px`, `100%`). */
|
|
38
44
|
width: string;
|
|
39
45
|
/**
|
|
@@ -3,54 +3,59 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { styled } from '@mui/material/styles';
|
|
4
4
|
const ButtonStyled = styled('a', {
|
|
5
5
|
shouldForwardProp: (prop) => ![
|
|
6
|
-
'
|
|
7
|
-
'
|
|
8
|
-
'
|
|
9
|
-
'
|
|
6
|
+
'kind',
|
|
7
|
+
'backgroundColor',
|
|
8
|
+
'backgroundColorHover',
|
|
9
|
+
'colorText',
|
|
10
|
+
'colorHover',
|
|
10
11
|
'padding',
|
|
11
|
-
'
|
|
12
|
-
'
|
|
13
|
-
'color_hover',
|
|
12
|
+
'borderRadius',
|
|
13
|
+
'border',
|
|
14
14
|
'width',
|
|
15
15
|
'margin',
|
|
16
|
-
'
|
|
16
|
+
'boxShadow',
|
|
17
17
|
].includes(prop),
|
|
18
|
-
})(({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
18
|
+
})(({ theme, kind = "primary", backgroundColor, backgroundColorHover, colorText, colorHover, padding, borderRadius, border, width, margin, boxShadow, }) => {
|
|
19
|
+
var _a, _b;
|
|
20
|
+
const tokens = kind === "primary"
|
|
21
|
+
? theme.palette.custom.primaryButton
|
|
22
|
+
: theme.palette.custom.secondaryButton;
|
|
23
|
+
return {
|
|
24
|
+
// Dimensões
|
|
25
|
+
width: width !== null && width !== void 0 ? width : "auto",
|
|
26
|
+
padding: padding !== null && padding !== void 0 ? padding : "12px 20px",
|
|
27
|
+
margin: margin !== null && margin !== void 0 ? margin : "0",
|
|
28
|
+
// Visual
|
|
29
|
+
borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : tokens.borderRadius,
|
|
30
|
+
border: border,
|
|
31
|
+
textDecoration: 'none',
|
|
32
|
+
textTransform: 'none',
|
|
33
|
+
cursor: 'pointer',
|
|
34
|
+
textAlign: 'center',
|
|
35
|
+
// Cores
|
|
36
|
+
background: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : tokens.background,
|
|
37
|
+
color: colorText !== null && colorText !== void 0 ? colorText : tokens.color,
|
|
38
|
+
boxShadow: (_a = boxShadow !== null && boxShadow !== void 0 ? boxShadow : tokens.boxShadow) !== null && _a !== void 0 ? _a : "none",
|
|
39
|
+
"&:hover": {
|
|
40
|
+
background: backgroundColorHover !== null && backgroundColorHover !== void 0 ? backgroundColorHover : tokens.backgroundHover,
|
|
41
|
+
color: (_b = colorHover !== null && colorHover !== void 0 ? colorHover : tokens.colorHover) !== null && _b !== void 0 ? _b : (colorText !== null && colorText !== void 0 ? colorText : tokens.color),
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
});
|
|
36
45
|
/**
|
|
37
46
|
* Botão de navegação reutilizável.
|
|
38
47
|
* Cria um link estilizado que pode ser usado para redirecionar
|
|
39
48
|
* para páginas externas ou seções internas.
|
|
40
49
|
*/
|
|
41
|
-
const NavigationButton = ({ url, aria_label,
|
|
42
|
-
const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
|
|
43
|
-
const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
|
|
44
|
-
const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
|
|
45
|
-
const borderRadius = border_radius;
|
|
50
|
+
const NavigationButton = ({ url, aria_label, backgroundColor, backgroundColorHover, color, colorHover, borderRadius = '0', border = 'none', boxShadow = 'none', width, margin = '0', padding = '8px 24px', children, }) => {
|
|
46
51
|
const marginButton = margin;
|
|
47
52
|
if (url.indexOf('http') !== -1) {
|
|
48
53
|
// Link externo: abre em nova aba
|
|
49
|
-
return (_jsx(ButtonStyled, { href: url, width: width,
|
|
54
|
+
return (_jsx(ButtonStyled, { href: url, width: width, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", boxShadow: boxShadow, rel: "noopener noreferrer", children: children }));
|
|
50
55
|
}
|
|
51
56
|
else {
|
|
52
57
|
// Link interno ou âncora
|
|
53
|
-
return (_jsx(ButtonStyled, { href: url, width: width,
|
|
58
|
+
return (_jsx(ButtonStyled, { href: url, width: width, backgroundColor: backgroundColor, backgroundColorHover: backgroundColorHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: marginButton, "aria-label": aria_label, boxShadow: boxShadow, children: children }));
|
|
54
59
|
}
|
|
55
60
|
};
|
|
56
61
|
export default NavigationButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,4 +5,5 @@ export { default as NavigationLink } from './components/NavigationLink';
|
|
|
5
5
|
export { default as ScrollToTopButton } from './components/ScrollToTopButton';
|
|
6
6
|
export { default as WhatsAppButton } from './components/WhatsAppButton';
|
|
7
7
|
export { default as WhatsAppIcon } from './components/WhatsAppIcon';
|
|
8
|
-
export { default as
|
|
8
|
+
export { default as ActionButton } from "./components/ActionButton";
|
|
9
|
+
export type { ButtonKind } from "./types/ButtonKind";
|
package/dist/index.js
CHANGED
|
@@ -5,5 +5,5 @@ export { default as NavigationLink } from './components/NavigationLink';
|
|
|
5
5
|
export { default as ScrollToTopButton } from './components/ScrollToTopButton';
|
|
6
6
|
export { default as WhatsAppButton } from './components/WhatsAppButton';
|
|
7
7
|
export { default as WhatsAppIcon } from './components/WhatsAppIcon';
|
|
8
|
-
export { default as
|
|
8
|
+
export { default as ActionButton } from "./components/ActionButton";
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC"}
|