@pipelinesolucoes/button 1.2.0-beta.2 → 1.2.0-beta.4
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.js +2 -2
- package/dist/components/ActionButton.js.map +1 -1
- package/dist/components/NavigationButton.js +4 -40
- package/dist/components/NavigationButton.js.map +1 -1
- package/dist/components/NavigationLink.d.ts +1 -5
- package/dist/components/NavigationLink.js +5 -32
- package/dist/components/NavigationLink.js.map +1 -1
- package/dist/components/StyledButton.d.ts +9 -2
- package/dist/components/StyledButton.js +61 -17
- package/dist/components/StyledButton.js.map +1 -1
- package/dist/index.d.ts +0 -4
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/dist/theme.js +28 -28
- package/dist/theme.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/CommonForwardProps.d.ts +1 -1
- package/dist/types/CommonForwardProps.js +1 -0
- package/dist/types/CommonForwardProps.js.map +1 -1
- package/dist/types/style/CommonStyleProps.d.ts +4 -3
- package/package.json +6 -3
- package/dist/components/FormButtonGroup.d.ts +0 -55
- package/dist/components/FormButtonGroup.js +0 -78
- package/dist/components/FormButtonGroup.js.map +0 -1
- package/dist/types/style/BorderProps.d.ts +0 -5
- package/dist/types/style/BorderProps.js +0 -2
- package/dist/types/style/BorderProps.js.map +0 -1
- package/dist/types/style/ColorProps.d.ts +0 -6
- package/dist/types/style/ColorProps.js +0 -2
- package/dist/types/style/ColorProps.js.map +0 -1
- package/dist/types/style/LayoutProps.d.ts +0 -6
- package/dist/types/style/LayoutProps.js +0 -2
- package/dist/types/style/LayoutProps.js.map +0 -1
|
@@ -40,8 +40,8 @@ import { StyledButtonKind } from "./StyledButton";
|
|
|
40
40
|
* />
|
|
41
41
|
* ```
|
|
42
42
|
*/
|
|
43
|
-
const ActionButton = ({ kind = "none", width = "auto", height = "auto", padding = "12px 20px", margin = "0", text, icon, disabled = false, onClick, background = "transparent", backgroundHover,
|
|
44
|
-
return (_jsx(StyledButtonKind, { kind: kind, width: width, height: height, padding: padding, margin: margin, disabled: disabled, startIcon: icon, onClick: onClick, background: background, backgroundHover: backgroundHover, colorText:
|
|
43
|
+
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", variant = "body1", aria_label }) => {
|
|
44
|
+
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, "aria-label": aria_label, children: _jsx(Typography, { variant: variant, children: text }) }));
|
|
45
45
|
};
|
|
46
46
|
ActionButton.displayName = "ActionButton";
|
|
47
47
|
export default ActionButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAelD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;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,EACJ,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GAAG,aAAa,EAC1B,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAelD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;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,EACJ,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GAAG,aAAa,EAC1B,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,GAAG,GAAG,EAClB,SAAS,GAAG,MAAM,EAClB,OAAO,GAAG,OAAO,EACjB,UAAU,EACX,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,gBACR,UAAU,YAEtB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GAChC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,eAAe,YAAY,CAAC"}
|
|
@@ -1,42 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import { COMMON_STYLE_FORWARD_PROPS } from '../types/CommonForwardProps';
|
|
5
|
-
import { Typography } from '@mui/material';
|
|
6
|
-
const ButtonStyled = styled('a', {
|
|
7
|
-
shouldForwardProp: (prop) => !['kind', ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
|
|
8
|
-
})(({ theme, kind, background, backgroundHover, colorText, colorHover, padding, borderRadius, border, width, margin, boxShadow, }) => {
|
|
9
|
-
var _a, _b;
|
|
10
|
-
let tokens;
|
|
11
|
-
switch (kind) {
|
|
12
|
-
case "primary":
|
|
13
|
-
case "secondary":
|
|
14
|
-
case "tertiary":
|
|
15
|
-
case "delete":
|
|
16
|
-
tokens = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b[kind];
|
|
17
|
-
break;
|
|
18
|
-
}
|
|
19
|
-
return {
|
|
20
|
-
width: width !== null && width !== void 0 ? width : 'auto',
|
|
21
|
-
margin: margin !== null && margin !== void 0 ? margin : '0',
|
|
22
|
-
padding: tokens ? tokens.padding : padding,
|
|
23
|
-
borderRadius: tokens ? tokens.borderRadius : borderRadius,
|
|
24
|
-
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
25
|
-
border,
|
|
26
|
-
textDecoration: 'none',
|
|
27
|
-
textTransform: 'none',
|
|
28
|
-
cursor: 'pointer',
|
|
29
|
-
textAlign: 'center',
|
|
30
|
-
background: tokens ? tokens.background : background,
|
|
31
|
-
color: tokens ? tokens.color : colorText,
|
|
32
|
-
'&:hover': {
|
|
33
|
-
background: tokens
|
|
34
|
-
? tokens.backgroundHover
|
|
35
|
-
: backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background,
|
|
36
|
-
color: tokens ? tokens.colorHover : colorHover !== null && colorHover !== void 0 ? colorHover : colorText,
|
|
37
|
-
},
|
|
38
|
-
};
|
|
39
|
-
});
|
|
3
|
+
import { ButtonNavigationStyled } from './StyledButton';
|
|
40
4
|
/**
|
|
41
5
|
* Botão de navegação reutilizável baseado em um link (`<a>`), estilizado com Material UI.
|
|
42
6
|
*
|
|
@@ -81,11 +45,11 @@ const ButtonStyled = styled('a', {
|
|
|
81
45
|
* </NavigationButton>
|
|
82
46
|
* ```
|
|
83
47
|
*/
|
|
84
|
-
const NavigationButton = ({ url, text, kind = 'none', aria_label, background, backgroundHover,
|
|
48
|
+
const NavigationButton = ({ url, text, kind = 'none', aria_label, background, backgroundHover, color, colorHover, borderRadius = '0', border = 'none', boxShadow = 'none', width, margin = '0', padding = '8px 24px', variant, }) => {
|
|
85
49
|
if (url.includes('http')) {
|
|
86
|
-
return (_jsx(
|
|
50
|
+
return (_jsx(ButtonNavigationStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", boxShadow: boxShadow, variant: variant, children: text }));
|
|
87
51
|
}
|
|
88
|
-
return (_jsx(
|
|
52
|
+
return (_jsx(ButtonNavigationStyled, { kind: kind, href: url, width: width, background: background, backgroundHover: backgroundHover, color: color, colorHover: colorHover, borderRadius: borderRadius, border: border, padding: padding, margin: margin, "aria-label": aria_label, boxShadow: boxShadow, variant: variant, children: text }));
|
|
89
53
|
};
|
|
90
54
|
NavigationButton.displayName = 'NavigationButton';
|
|
91
55
|
export default NavigationButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../src/components/NavigationButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAMb,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAUxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,UAAU,EACV,UAAU,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACV,YAAY,GAAG,GAAG,EAClB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,MAAM,EAClB,KAAK,EACL,MAAM,GAAG,GAAG,EACZ,OAAO,GAAG,UAAU,EACpB,OAAO,GACR,EAAE,EAAE;IAEH,IAAI,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QACzB,OAAO,CACL,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACF,UAAU,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,YAEf,IAAI,GACkB,CAC1B,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACF,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,YAEf,IAAI,GACkB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TypographyVariant } from '@mui/material/styles';
|
|
3
|
-
import {
|
|
4
|
-
import { ColorProps } from '../types/style/ColorProps';
|
|
5
|
-
export interface LinkStyleProps extends LayoutProps, ColorProps {
|
|
6
|
-
textDecoration: 'none' | 'underline';
|
|
7
|
-
}
|
|
3
|
+
import { LinkStyleProps } from './StyledButton';
|
|
8
4
|
interface NavigationLinkProps extends LinkStyleProps {
|
|
9
5
|
url: string;
|
|
10
6
|
aria_label: string;
|
|
@@ -1,34 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
3
|
import { Typography } from '@mui/material';
|
|
5
|
-
|
|
6
|
-
shouldForwardProp: (prop) => ![
|
|
7
|
-
"width",
|
|
8
|
-
"height",
|
|
9
|
-
"padding",
|
|
10
|
-
"margin",
|
|
11
|
-
"background",
|
|
12
|
-
"backgroundHover",
|
|
13
|
-
"colorText",
|
|
14
|
-
"colorHover",
|
|
15
|
-
].includes(prop),
|
|
16
|
-
})(({ background, backgroundHover, colorText, colorHover, padding, width, margin, textDecoration }) => ({
|
|
17
|
-
width: width,
|
|
18
|
-
cursor: 'pointer',
|
|
19
|
-
textDecoration: textDecoration,
|
|
20
|
-
textTransform: 'none',
|
|
21
|
-
textAlign: 'center',
|
|
22
|
-
backgroundColor: background,
|
|
23
|
-
color: colorText,
|
|
24
|
-
padding: padding,
|
|
25
|
-
margin: margin,
|
|
26
|
-
'&:hover': {
|
|
27
|
-
backgroundColor: backgroundHover,
|
|
28
|
-
borderBottom: `1px solid ${colorHover}`,
|
|
29
|
-
color: colorHover,
|
|
30
|
-
},
|
|
31
|
-
}));
|
|
4
|
+
import { LinkStyled } from './StyledButton';
|
|
32
5
|
/**
|
|
33
6
|
* Componente que renderiza um link de navegação estilizado usando `styled` do Material UI.
|
|
34
7
|
* Ele aplica estilos customizáveis (layout e cores) e encapsula o texto com `Typography`.
|
|
@@ -86,15 +59,15 @@ const ButtonStyled = styled('a', {
|
|
|
86
59
|
* };
|
|
87
60
|
* ```
|
|
88
61
|
*/
|
|
89
|
-
const NavigationLink = ({ url, aria_label, background = 'transparent', backgroundHover,
|
|
62
|
+
const NavigationLink = ({ url, aria_label, background = 'transparent', backgroundHover, color, colorHover, textDecoration = 'none', width, margin = '0', padding = '0', text, variant = "body1", }) => {
|
|
90
63
|
const backgroundColor = background;
|
|
91
64
|
const backgroundColorHover = backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : backgroundColor;
|
|
92
|
-
const color_hover = colorHover ? colorHover : (
|
|
65
|
+
const color_hover = colorHover ? colorHover : (color !== null && color !== void 0 ? color : 'black');
|
|
93
66
|
if (url.indexOf('http') != -1) {
|
|
94
|
-
return (_jsx(
|
|
67
|
+
return (_jsx(LinkStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, color: color, colorHover: color_hover, padding: padding, margin: margin, textDecoration: textDecoration, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: _jsx(Typography, { variant: variant, children: text }) }));
|
|
95
68
|
}
|
|
96
69
|
else {
|
|
97
|
-
return (_jsx(
|
|
70
|
+
return (_jsx(LinkStyled, { href: url, width: width, background: backgroundColor, backgroundHover: backgroundColorHover, color: color, colorHover: color_hover, padding: padding, margin: margin, "aria-label": aria_label, textDecoration: textDecoration, children: _jsx(Typography, { variant: variant, children: text }) }));
|
|
98
71
|
}
|
|
99
72
|
};
|
|
100
73
|
export default NavigationLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationLink.js","sourceRoot":"","sources":["../../src/components/NavigationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"NavigationLink.js","sourceRoot":"","sources":["../../src/components/NavigationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAkB,MAAM,gBAAgB,CAAC;AAW5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,GAAG,EAAE,UAAU,EAAE,UAAU,GAAC,aAAa,EAAE,eAAe,EAC1D,KAAK,EAAE,UAAU,EAAE,cAAc,GAAG,MAAM,EAC1C,KAAK,EAAE,MAAM,GAAC,GAAG,EAAE,OAAO,GAAC,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,GAAK,EAAE,EAAE;IAE9D,MAAM,eAAe,GAAY,UAAU,CAAC;IAC5C,MAAM,oBAAoB,GAAY,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,eAAe,CAAC;IACzE,MAAM,WAAW,GAAY,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,CAAC,CAAC;IAE1E,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QAE9B,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,gBACjB,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACzB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACtC,CACd,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,gBACD,UAAU,EACvB,cAAc,EAAE,cAAc,YAE9B,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAc,GACtC,CACd,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
import { ButtonKind } from '@pipelinesolucoes/theme';
|
|
1
|
+
import { ButtonKind, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
|
|
2
2
|
import { CommonStyleProps } from "../types/style/CommonStyleProps";
|
|
3
|
+
import { TypographyVariant } from "@mui/material";
|
|
3
4
|
export interface ButtonStyleProps extends CommonStyleProps {
|
|
4
5
|
kind: ButtonKind;
|
|
5
6
|
}
|
|
6
|
-
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>, "color" | "style" | "children" | "sx" | "className" | "tabIndex" | "classes" | "href" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon"
|
|
7
|
+
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>, "color" | "style" | "children" | "sx" | "className" | "tabIndex" | "classes" | "href" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "variant" | "disableElevation" | "endIcon" | "fullWidth" | "loadingPosition" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonStyleProps, {}, {}>;
|
|
8
|
+
export declare const ButtonNavigationStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ButtonStyleProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
9
|
+
export interface LinkStyleProps extends LayoutProps, ColorProps {
|
|
10
|
+
textDecoration: 'none' | 'underline';
|
|
11
|
+
variant?: TypographyVariant;
|
|
12
|
+
}
|
|
13
|
+
export declare const LinkStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & LinkStyleProps, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
@@ -2,41 +2,85 @@ import { COMMON_STYLE_FORWARD_PROPS } from '../types/CommonForwardProps';
|
|
|
2
2
|
import { Button, styled } from "@mui/material";
|
|
3
3
|
export const StyledButtonKind = styled(Button, {
|
|
4
4
|
shouldForwardProp: (prop) => !["kind", ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
|
|
5
|
-
})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow }) => {
|
|
6
|
-
var _a, _b;
|
|
5
|
+
})(({ theme, kind = "primary", width, height, padding, margin, background, backgroundHover, colorText, colorHover, borderRadius, boxShadow, variant }) => {
|
|
6
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
7
7
|
let tokens;
|
|
8
8
|
switch (kind) {
|
|
9
9
|
case "primary":
|
|
10
10
|
case "secondary":
|
|
11
11
|
case "tertiary":
|
|
12
12
|
case "delete":
|
|
13
|
-
tokens = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b[kind];
|
|
13
|
+
tokens = (_c = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b.variants) === null || _c === void 0 ? void 0 : _c[kind];
|
|
14
14
|
break;
|
|
15
15
|
}
|
|
16
|
-
|
|
16
|
+
const typo = (_g = (_d = (variant && theme.typography[variant])) !== null && _d !== void 0 ? _d : (_f = (_e = theme.pipelinesolucoes) === null || _e === void 0 ? void 0 : _e.buttons) === null || _f === void 0 ? void 0 : _f.typography) !== null && _g !== void 0 ? _g : theme.typography.body1;
|
|
17
|
+
return Object.assign(Object.assign({
|
|
17
18
|
// Dimensões
|
|
18
|
-
width: width,
|
|
19
|
-
height: height,
|
|
20
|
-
margin: margin,
|
|
21
|
-
padding: tokens ? tokens.padding : padding,
|
|
19
|
+
width: width, height: height, margin: margin, padding: tokens ? tokens.padding : padding }, (typo !== null && typo !== void 0 ? typo : {})), {
|
|
22
20
|
// Visual
|
|
23
|
-
textTransform: "none",
|
|
24
|
-
borderRadius: tokens ? tokens.borderRadius : borderRadius,
|
|
25
|
-
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
21
|
+
textTransform: "none", borderRadius: tokens ? tokens.borderRadius : borderRadius, boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
26
22
|
// Cores
|
|
27
|
-
background: tokens ? tokens.background : background,
|
|
28
|
-
color: tokens ? tokens.color : colorText,
|
|
29
|
-
"&:hover": {
|
|
23
|
+
background: tokens ? tokens.background : background, color: tokens ? tokens.color : colorText, "&:hover": {
|
|
30
24
|
background: tokens ? tokens.backgroundHover : (backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background),
|
|
31
25
|
color: tokens ? tokens.colorHover : (colorHover !== null && colorHover !== void 0 ? colorHover : colorText),
|
|
32
26
|
boxShadow: tokens ? tokens.boxShadow : boxShadow,
|
|
33
|
-
},
|
|
27
|
+
},
|
|
34
28
|
// Estado disabled
|
|
35
29
|
"&.Mui-disabled": {
|
|
36
30
|
background: theme.palette.grey[300],
|
|
37
31
|
color: theme.palette.text.disabled,
|
|
38
32
|
boxShadow: "none",
|
|
39
|
-
}
|
|
40
|
-
|
|
33
|
+
} });
|
|
34
|
+
});
|
|
35
|
+
export const ButtonNavigationStyled = styled('a', {
|
|
36
|
+
shouldForwardProp: (prop) => !['kind', ...COMMON_STYLE_FORWARD_PROPS].includes(prop),
|
|
37
|
+
})(({ theme, kind, height, background, backgroundHover, color, colorHover, padding, borderRadius, border, width, margin, boxShadow, variant }) => {
|
|
38
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
39
|
+
let tokens;
|
|
40
|
+
switch (kind) {
|
|
41
|
+
case "primary":
|
|
42
|
+
case "secondary":
|
|
43
|
+
case "tertiary":
|
|
44
|
+
case "delete":
|
|
45
|
+
tokens = (_c = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.buttons) === null || _b === void 0 ? void 0 : _b.variants) === null || _c === void 0 ? void 0 : _c[kind];
|
|
46
|
+
break;
|
|
47
|
+
}
|
|
48
|
+
const typo = (_g = (_d = (variant && theme.typography[variant])) !== null && _d !== void 0 ? _d : (_f = (_e = theme.pipelinesolucoes) === null || _e === void 0 ? void 0 : _e.buttons) === null || _f === void 0 ? void 0 : _f.typography) !== null && _g !== void 0 ? _g : theme.typography.body1;
|
|
49
|
+
return Object.assign(Object.assign({
|
|
50
|
+
// Dimensões
|
|
51
|
+
width: width !== null && width !== void 0 ? width : 'auto', height: height, margin: margin !== null && margin !== void 0 ? margin : '0', padding: tokens ? tokens.padding : padding }, (typo !== null && typo !== void 0 ? typo : {})), {
|
|
52
|
+
// Visual
|
|
53
|
+
textTransform: "none", borderRadius: tokens ? tokens.borderRadius : borderRadius, boxShadow: tokens ? tokens.boxShadow : boxShadow, border, textDecoration: 'none', cursor: 'pointer', textAlign: 'center',
|
|
54
|
+
// Cores
|
|
55
|
+
background: tokens ? tokens.background : background, color: tokens ? tokens.color : color, '&:hover': {
|
|
56
|
+
background: tokens
|
|
57
|
+
? tokens.backgroundHover
|
|
58
|
+
: backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : background,
|
|
59
|
+
color: tokens ? tokens.colorHover : colorHover !== null && colorHover !== void 0 ? colorHover : color,
|
|
60
|
+
} });
|
|
61
|
+
});
|
|
62
|
+
;
|
|
63
|
+
export const LinkStyled = styled("a", {
|
|
64
|
+
shouldForwardProp: (prop) => ![
|
|
65
|
+
"width",
|
|
66
|
+
"height",
|
|
67
|
+
"padding",
|
|
68
|
+
"margin",
|
|
69
|
+
"background",
|
|
70
|
+
"backgroundHover",
|
|
71
|
+
"colorHover",
|
|
72
|
+
"variant",
|
|
73
|
+
"textDecoration",
|
|
74
|
+
].includes(prop),
|
|
75
|
+
})(({ theme, background, backgroundHover, color, colorHover, padding, width, margin, textDecoration = "none", variant, }) => {
|
|
76
|
+
var _a, _b, _c, _d, _e;
|
|
77
|
+
const typo = (_d = (_a = (variant && theme.typography[variant])) !== null && _a !== void 0 ? _a : (_c = (_b = theme.pipelinesolucoes) === null || _b === void 0 ? void 0 : _b.buttons) === null || _c === void 0 ? void 0 : _c.typography) !== null && _d !== void 0 ? _d : theme.typography.body1;
|
|
78
|
+
return Object.assign(Object.assign({}, typo), { display: "inline-block", width,
|
|
79
|
+
margin,
|
|
80
|
+
padding, cursor: "pointer", textDecoration, textTransform: "none", textAlign: "center", backgroundColor: background, color, "&:hover": {
|
|
81
|
+
backgroundColor: backgroundHover,
|
|
82
|
+
color: colorHover !== null && colorHover !== void 0 ? colorHover : color,
|
|
83
|
+
borderBottom: `1px solid ${(_e = colorHover !== null && colorHover !== void 0 ? colorHover : color) !== null && _e !== void 0 ? _e : "currentColor"}`,
|
|
84
|
+
} });
|
|
41
85
|
});
|
|
42
86
|
//# sourceMappingURL=StyledButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/components/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/components/StyledButton.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,10 +7,6 @@ export { default as ScrollToTopButton } from './components/ScrollToTopButton';
|
|
|
7
7
|
export { default as WhatsAppButton } from './components/WhatsAppButton';
|
|
8
8
|
export { default as WhatsAppIcon } from './components/WhatsAppIcon';
|
|
9
9
|
export { default as ActionButton } from "./components/ActionButton";
|
|
10
|
-
export { default as FormButtonGroup } from "./components/FormButtonGroup";
|
|
11
|
-
export type { BorderProps } from "./types/style/BorderProps";
|
|
12
|
-
export type { ColorProps } from "./types/style/ColorProps";
|
|
13
|
-
export type { LayoutProps } from "./types/style/LayoutProps";
|
|
14
10
|
export type { CommonStyleProps } from "./types/style/CommonStyleProps";
|
|
15
11
|
export { COMMON_STYLE_FORWARD_PROPS } from './types/CommonForwardProps';
|
|
16
12
|
export * from './components/StyledButton';
|
package/dist/index.js
CHANGED
|
@@ -7,7 +7,6 @@ export { default as ScrollToTopButton } from './components/ScrollToTopButton';
|
|
|
7
7
|
export { default as WhatsAppButton } from './components/WhatsAppButton';
|
|
8
8
|
export { default as WhatsAppIcon } from './components/WhatsAppIcon';
|
|
9
9
|
export { default as ActionButton } from "./components/ActionButton";
|
|
10
|
-
export { default as FormButtonGroup } from "./components/FormButtonGroup";
|
|
11
10
|
export { COMMON_STYLE_FORWARD_PROPS } from './types/CommonForwardProps';
|
|
12
11
|
export * from './components/StyledButton';
|
|
13
12
|
//# 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,cAAc,SAAS,CAAC;AAExB,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,cAAc,SAAS,CAAC;AAExB,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;AAIpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,cAAc,2BAA2B,CAAC"}
|
package/dist/theme.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
// (Opcional) tipar o objeto pra garantir que todos os tokens estão corretos
|
|
2
|
-
const buttons = {
|
|
3
|
-
primary: {
|
|
4
|
-
background: "#216fed",
|
|
5
|
-
backgroundHover: "#005ce3",
|
|
6
|
-
color: "#fff",
|
|
7
|
-
colorHover: "#fff",
|
|
8
|
-
borderRadius: "9999px",
|
|
9
|
-
padding: "8px 24px",
|
|
10
|
-
},
|
|
11
|
-
secondary: {
|
|
12
|
-
background: "#fff",
|
|
13
|
-
backgroundHover: "#fff",
|
|
14
|
-
color: "#216fed",
|
|
15
|
-
colorHover: "#005ce3",
|
|
16
|
-
borderRadius: "9999px",
|
|
17
|
-
padding: "8px 24px",
|
|
18
|
-
},
|
|
19
|
-
delete: {
|
|
20
|
-
background: "#F44336",
|
|
21
|
-
backgroundHover: "#D32F2F",
|
|
22
|
-
color: "#fff",
|
|
23
|
-
colorHover: "#fff",
|
|
24
|
-
borderRadius: "9999px",
|
|
25
|
-
padding: "8px 24px",
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
1
|
export const buttonsThemeOptions = {
|
|
29
2
|
pipelinesolucoes: {
|
|
30
|
-
buttons
|
|
3
|
+
buttons: {
|
|
4
|
+
variants: {
|
|
5
|
+
primary: {
|
|
6
|
+
background: "#216fed",
|
|
7
|
+
backgroundHover: "#005ce3",
|
|
8
|
+
color: "#fff",
|
|
9
|
+
colorHover: "#fff",
|
|
10
|
+
borderRadius: "9999px",
|
|
11
|
+
padding: "8px 24px",
|
|
12
|
+
},
|
|
13
|
+
secondary: {
|
|
14
|
+
background: "#fff",
|
|
15
|
+
backgroundHover: "#fff",
|
|
16
|
+
color: "#216fed",
|
|
17
|
+
colorHover: "#005ce3",
|
|
18
|
+
borderRadius: "9999px",
|
|
19
|
+
padding: "8px 24px",
|
|
20
|
+
},
|
|
21
|
+
delete: {
|
|
22
|
+
background: "#F44336",
|
|
23
|
+
backgroundHover: "#D32F2F",
|
|
24
|
+
color: "#fff",
|
|
25
|
+
colorHover: "#fff",
|
|
26
|
+
borderRadius: "9999px",
|
|
27
|
+
padding: "8px 24px",
|
|
28
|
+
},
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
31
|
},
|
|
32
32
|
};
|
|
33
33
|
//# 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":"
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,gBAAgB,EAAE;QAChB,OAAO,EAAC;YACN,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACL,UAAU,EAAE,SAAS;oBACrB,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,MAAM;oBACb,UAAU,EAAE,MAAM;oBAClB,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,UAAU;iBACpB;gBACD,SAAS,EAAE;oBACT,UAAU,EAAE,MAAM;oBAClB,eAAe,EAAE,MAAM;oBACvB,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,SAAS;oBACrB,YAAY,EAAE,QAAQ;oBACtB,OAAO,EAAE,UAAU;iBACpB;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;aACJ;SACF;KACF;CACF,CAAC"}
|