pipesol-button 1.0.1-beta.17 → 1.0.1-beta.19
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 +32 -1
- package/dist/components/ActionButton.js +3 -50
- package/dist/components/ActionButton.js.map +1 -1
- package/dist/components/FormButtonGroup.d.ts +42 -0
- package/dist/components/FormButtonGroup.js +53 -0
- package/dist/components/FormButtonGroup.js.map +1 -0
- package/dist/components/StyledButton.d.ts +14 -0
- package/dist/components/StyledButton.js +48 -0
- package/dist/components/StyledButton.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ import { ButtonKind } from "@/types/ButtonKind";
|
|
|
11
11
|
export interface ActionButtonProps {
|
|
12
12
|
/**
|
|
13
13
|
* Seleciona o conjunto de tokens do tema.
|
|
14
|
-
* @default "
|
|
14
|
+
* @default "none"
|
|
15
15
|
*/
|
|
16
16
|
kind?: ButtonKind;
|
|
17
17
|
/**
|
|
@@ -82,5 +82,36 @@ export interface ActionButtonProps {
|
|
|
82
82
|
*/
|
|
83
83
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
84
84
|
}
|
|
85
|
+
/**
|
|
86
|
+
* Botão estilizado baseado no tema custom com API controlada pela lib.
|
|
87
|
+
*
|
|
88
|
+
* @example
|
|
89
|
+
* ```tsx
|
|
90
|
+
* // Uso básico
|
|
91
|
+
* <ActionButton text="Enviar" onClick={() => console.log("Clicou")} />
|
|
92
|
+
*
|
|
93
|
+
* // Secondary via tokens do tema
|
|
94
|
+
* <ActionButton kind="secondary" text="Saiba mais" />
|
|
95
|
+
*
|
|
96
|
+
* // Com ícone e dimensões
|
|
97
|
+
* <ActionButton
|
|
98
|
+
* text="Continuar"
|
|
99
|
+
* icon={<SomeIcon />}
|
|
100
|
+
* width="220px"
|
|
101
|
+
* height="44px"
|
|
102
|
+
* />
|
|
103
|
+
*
|
|
104
|
+
* // Overrides visuais
|
|
105
|
+
* <ActionButton
|
|
106
|
+
* text="Custom"
|
|
107
|
+
* background="#1e88e5"
|
|
108
|
+
* backgroundHover="#1565c0"
|
|
109
|
+
* color="#fff"
|
|
110
|
+
* colorHover="#fff"
|
|
111
|
+
* borderRadius="9999px"
|
|
112
|
+
* boxShadow="0 4px 14px rgba(0,0,0,0.12)"
|
|
113
|
+
* />
|
|
114
|
+
* ```
|
|
115
|
+
*/
|
|
85
116
|
declare const ActionButton: React.FC<ActionButtonProps>;
|
|
86
117
|
export default ActionButton;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { styled } from "@mui/material/styles";
|
|
2
|
+
import { StyledButtonKind } from "./StyledButton";
|
|
4
3
|
/**
|
|
5
4
|
* Botão estilizado baseado no tema custom com API controlada pela lib.
|
|
6
5
|
*
|
|
@@ -32,54 +31,8 @@ import { styled } from "@mui/material/styles";
|
|
|
32
31
|
* />
|
|
33
32
|
* ```
|
|
34
33
|
*/
|
|
35
|
-
const
|
|
36
|
-
|
|
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
|
-
const tokens = kind === "primary"
|
|
53
|
-
? theme.palette.custom.primaryButton
|
|
54
|
-
: (kind === "secondary" ? theme.palette.custom.secondaryButton : undefined);
|
|
55
|
-
return {
|
|
56
|
-
// Dimensões
|
|
57
|
-
width: width,
|
|
58
|
-
height: height,
|
|
59
|
-
padding: padding,
|
|
60
|
-
margin: margin,
|
|
61
|
-
// Visual
|
|
62
|
-
textTransform: "none",
|
|
63
|
-
borderRadius: tokens ? tokens.borderRadius : borderRadius,
|
|
64
|
-
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
65
|
-
// Cores
|
|
66
|
-
background: tokens ? tokens.background : background,
|
|
67
|
-
color: tokens ? tokens.color : colorText,
|
|
68
|
-
"&:hover": {
|
|
69
|
-
background: tokens ? tokens.backgroundHover : (backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background),
|
|
70
|
-
color: tokens ? tokens.colorHover : (colorHover !== null && colorHover !== void 0 ? colorHover : colorText),
|
|
71
|
-
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
72
|
-
},
|
|
73
|
-
// Estado disabled
|
|
74
|
-
"&.Mui-disabled": {
|
|
75
|
-
background: theme.palette.grey[300],
|
|
76
|
-
color: theme.palette.text.disabled,
|
|
77
|
-
boxShadow: "none",
|
|
78
|
-
},
|
|
79
|
-
};
|
|
80
|
-
});
|
|
81
|
-
const ActionButton = ({ kind = "primary", width = "auto", height = "auto", padding = "12px 20px", margin = "0", text = "", icon, disabled = false, onClick, background = 'transparent', backgroundHover, color, colorHover, borderRadius = '0', boxShadow = 'none', }) => {
|
|
82
|
-
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 }));
|
|
34
|
+
const ActionButton = ({ kind = "none", width = "auto", height = "auto", padding = "12px 20px", margin = "0", text = "", icon, disabled = false, onClick, background = 'transparent', backgroundHover, color, colorHover, borderRadius = '0', boxShadow = 'none', }) => {
|
|
35
|
+
return (_jsx(StyledButtonKind, { 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 }));
|
|
83
36
|
};
|
|
84
37
|
ActionButton.displayName = "ActionButton";
|
|
85
38
|
export default ActionButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAoGlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,GAAG,MAAM,EACb,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,WAAW,EACrB,MAAM,GAAG,GAAG,EACZ,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GAAG,aAAa,EAC1B,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,GAAE,GAAG,EACjB,SAAS,GAAG,MAAM,GACnB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,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,EAChB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,YAEnB,IAAI,GACY,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface FormButtonGroupProps {
|
|
3
|
+
onCancel?: () => void;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Agrupador de botões "Cancelar" e "Salvar" para uso **dentro** de formulários.
|
|
7
|
+
*
|
|
8
|
+
* O botão **"Salvar"** possui `type="submit"` e dispara o `onSubmit` do `<form>`.
|
|
9
|
+
*
|
|
10
|
+
* @param {() => void} [onCancel]
|
|
11
|
+
* Função disparada ao clicar em **"Cancelar"**.
|
|
12
|
+
* Ideal para fechar modal, navegar de volta, limpar estado ou desfazer alterações.
|
|
13
|
+
*
|
|
14
|
+
* @default onCancel = () => {}
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* import React from 'react';
|
|
19
|
+
* import Box from '@mui/material/Box';
|
|
20
|
+
* import TextField from '@mui/material/TextField';
|
|
21
|
+
* import { FormButtonGroup } from './FormButtonGroup';
|
|
22
|
+
*
|
|
23
|
+
* const MyForm: React.FC = () => {
|
|
24
|
+
* const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
|
|
25
|
+
* event.preventDefault();
|
|
26
|
+
* // sua lógica de envio...
|
|
27
|
+
* console.log('Form submetido');
|
|
28
|
+
* };
|
|
29
|
+
*
|
|
30
|
+
* return (
|
|
31
|
+
* <Box component="form" onSubmit={handleSubmit} noValidate>
|
|
32
|
+
* <TextField label="Nome" fullWidth margin="normal" />
|
|
33
|
+
* <FormButtonGroup
|
|
34
|
+
* onCancel={() => console.log('cancelado')}
|
|
35
|
+
* />
|
|
36
|
+
* </Box>
|
|
37
|
+
* );
|
|
38
|
+
* };
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
declare const FormButtonGroup: React.FC<FormButtonGroupProps>;
|
|
42
|
+
export default FormButtonGroup;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { styled } from '@mui/material/styles';
|
|
3
|
+
import { StyledButtonKind } from './StyledButton';
|
|
4
|
+
const ActionsContainer = styled('div', {
|
|
5
|
+
shouldForwardProp: (prop) => !['onCancel'].includes(prop),
|
|
6
|
+
})(() => ({
|
|
7
|
+
display: 'flex',
|
|
8
|
+
gap: '8px',
|
|
9
|
+
justifyContent: 'flex-end',
|
|
10
|
+
width: '100%',
|
|
11
|
+
}));
|
|
12
|
+
/**
|
|
13
|
+
* Agrupador de botões "Cancelar" e "Salvar" para uso **dentro** de formulários.
|
|
14
|
+
*
|
|
15
|
+
* O botão **"Salvar"** possui `type="submit"` e dispara o `onSubmit` do `<form>`.
|
|
16
|
+
*
|
|
17
|
+
* @param {() => void} [onCancel]
|
|
18
|
+
* Função disparada ao clicar em **"Cancelar"**.
|
|
19
|
+
* Ideal para fechar modal, navegar de volta, limpar estado ou desfazer alterações.
|
|
20
|
+
*
|
|
21
|
+
* @default onCancel = () => {}
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* import React from 'react';
|
|
26
|
+
* import Box from '@mui/material/Box';
|
|
27
|
+
* import TextField from '@mui/material/TextField';
|
|
28
|
+
* import { FormButtonGroup } from './FormButtonGroup';
|
|
29
|
+
*
|
|
30
|
+
* const MyForm: React.FC = () => {
|
|
31
|
+
* const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
|
|
32
|
+
* event.preventDefault();
|
|
33
|
+
* // sua lógica de envio...
|
|
34
|
+
* console.log('Form submetido');
|
|
35
|
+
* };
|
|
36
|
+
*
|
|
37
|
+
* return (
|
|
38
|
+
* <Box component="form" onSubmit={handleSubmit} noValidate>
|
|
39
|
+
* <TextField label="Nome" fullWidth margin="normal" />
|
|
40
|
+
* <FormButtonGroup
|
|
41
|
+
* onCancel={() => console.log('cancelado')}
|
|
42
|
+
* />
|
|
43
|
+
* </Box>
|
|
44
|
+
* );
|
|
45
|
+
* };
|
|
46
|
+
* ```
|
|
47
|
+
*/
|
|
48
|
+
const FormButtonGroup = ({ onCancel = () => { }, }) => {
|
|
49
|
+
return (_jsxs(ActionsContainer, { onCancel: onCancel, children: [_jsx(StyledButtonKind, { kind: "secondary", type: "button", onClick: onCancel, sx: { width: 'auto' }, children: "Cancelar" }), _jsx(StyledButtonKind, { kind: "primary", type: "submit", sx: { width: 'auto' }, children: "Salvar" })] }));
|
|
50
|
+
};
|
|
51
|
+
FormButtonGroup.displayName = 'FormButtonGroup';
|
|
52
|
+
export default FormButtonGroup;
|
|
53
|
+
//# sourceMappingURL=FormButtonGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormButtonGroup.js","sourceRoot":"","sources":["../../src/components/FormButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAMlD,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAE,CAAC,UAAU,CAAc,CAAC,QAAQ,CAAC,IAAc,CAAC;CAClF,CAAC,CAAyC,GAAG,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,cAAc,EAAE,UAAU;IAC1B,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,eAAe,GAAmC,CAAC,EACvD,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACpB,EAAE,EAAE;IACH,OAAO,CACL,MAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,aAClC,KAAC,gBAAgB,IACf,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,yBAGJ,EAEnB,KAAC,gBAAgB,IACf,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,uBAGJ,IACF,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAChD,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ButtonKind } from "@/types/ButtonKind";
|
|
2
|
+
export declare const StyledButtonKind: 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> & {
|
|
3
|
+
kind: ButtonKind;
|
|
4
|
+
width?: string;
|
|
5
|
+
height?: string;
|
|
6
|
+
padding?: string;
|
|
7
|
+
margin?: string;
|
|
8
|
+
boxShadow?: string;
|
|
9
|
+
background?: string;
|
|
10
|
+
backgroundHover?: string;
|
|
11
|
+
colorText?: string;
|
|
12
|
+
colorHover?: string;
|
|
13
|
+
borderRadius?: string;
|
|
14
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Button, styled } from "@mui/material";
|
|
2
|
+
export const StyledButtonKind = styled(Button, {
|
|
3
|
+
shouldForwardProp: (prop) => ![
|
|
4
|
+
"kind",
|
|
5
|
+
"width",
|
|
6
|
+
"height",
|
|
7
|
+
"padding",
|
|
8
|
+
"margin",
|
|
9
|
+
"background",
|
|
10
|
+
"backgroundHover",
|
|
11
|
+
"colorText",
|
|
12
|
+
"colorHover",
|
|
13
|
+
"borderRadius",
|
|
14
|
+
"boxShadow",
|
|
15
|
+
"text",
|
|
16
|
+
"icon",
|
|
17
|
+
].includes(prop),
|
|
18
|
+
})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow }) => {
|
|
19
|
+
const tokens = kind === "primary"
|
|
20
|
+
? theme.palette.custom.primaryButton
|
|
21
|
+
: (kind === "secondary" ? theme.palette.custom.secondaryButton : undefined);
|
|
22
|
+
return {
|
|
23
|
+
// Dimensões
|
|
24
|
+
width: width,
|
|
25
|
+
height: height,
|
|
26
|
+
padding: padding,
|
|
27
|
+
margin: margin,
|
|
28
|
+
// Visual
|
|
29
|
+
textTransform: "none",
|
|
30
|
+
borderRadius: tokens ? tokens.borderRadius : borderRadius,
|
|
31
|
+
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
32
|
+
// Cores
|
|
33
|
+
background: tokens ? tokens.background : background,
|
|
34
|
+
color: tokens ? tokens.color : colorText,
|
|
35
|
+
"&:hover": {
|
|
36
|
+
background: tokens ? tokens.backgroundHover : (backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background),
|
|
37
|
+
color: tokens ? tokens.colorHover : (colorHover !== null && colorHover !== void 0 ? colorHover : colorText),
|
|
38
|
+
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
39
|
+
},
|
|
40
|
+
// Estado disabled
|
|
41
|
+
"&.Mui-disabled": {
|
|
42
|
+
background: theme.palette.grey[300],
|
|
43
|
+
color: theme.palette.text.disabled,
|
|
44
|
+
boxShadow: "none",
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=StyledButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/components/StyledButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,MAAM;QACN,OAAO;QACP,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,YAAY;QACZ,iBAAiB;QACjB,WAAW;QACX,YAAY;QACZ,cAAc;QACd,WAAW;QACX,MAAM;QACN,MAAM;KACP,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5B,CAAC,CAcA,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5I,MAAM,MAAM,GACV,IAAI,KAAK,SAAS;QAChB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;QACpC,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEhF,OAAO;QACL,YAAY;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,MAAM;QAEd,SAAS;QACT,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;QACzD,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAEhD,QAAQ;QACR,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QACnD,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAExC,SAAS,EAAE;YACT,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,UAAU,CAAC;YAC9E,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS,CAAC;YAC7D,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACjD;QAED,kBAAkB;QAClB,gBAAgB,EAAE;YAChB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;YAClC,SAAS,EAAE,MAAM;SAClB;KACF,CAAC;AACN,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -6,4 +6,6 @@ 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
8
|
export { default as ActionButton } from "./components/ActionButton";
|
|
9
|
+
export { default as FormButtonGroup } from "./components/FormButtonGroup";
|
|
9
10
|
export type { ButtonKind } from "./types/ButtonKind";
|
|
11
|
+
export * from './components/StyledButton';
|
package/dist/index.js
CHANGED
|
@@ -6,4 +6,6 @@ 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
8
|
export { default as ActionButton } from "./components/ActionButton";
|
|
9
|
+
export { default as FormButtonGroup } from "./components/FormButtonGroup";
|
|
10
|
+
export * from './components/StyledButton';
|
|
9
11
|
//# 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,YAAY,EAAE,MAAM,2BAA2B,CAAC"}
|
|
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;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG1E,cAAc,2BAA2B,CAAC"}
|