pipesol-button 1.0.1-beta.9 → 1.0.9
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/ActionButton.d.ts +52 -0
- package/dist/components/ActionButton.js +38 -0
- package/dist/components/ActionButton.js.map +1 -0
- package/dist/components/DownloadButton.d.ts +95 -16
- package/dist/components/DownloadButton.js +44 -8
- package/dist/components/DownloadButton.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/NavigationButton.d.ts +15 -9
- package/dist/components/NavigationButton.js +37 -33
- package/dist/components/NavigationButton.js.map +1 -1
- 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 +4 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/theme.d.ts +14 -23
- package/dist/theme.js +115 -35
- package/dist/theme.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 +61 -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
|
@@ -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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"}
|
|
@@ -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>, "style" | "color" | "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> & {
|
|
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
|
@@ -5,3 +5,7 @@ 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 ActionButton } from "./components/ActionButton";
|
|
9
|
+
export { default as FormButtonGroup } from "./components/FormButtonGroup";
|
|
10
|
+
export type { ButtonKind } from "./types/ButtonKind";
|
|
11
|
+
export * from './components/StyledButton';
|
package/dist/index.js
CHANGED
|
@@ -5,4 +5,7 @@ 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 ActionButton } from "./components/ActionButton";
|
|
9
|
+
export { default as FormButtonGroup } from "./components/FormButtonGroup";
|
|
10
|
+
export * from './components/StyledButton';
|
|
8
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"}
|
|
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"}
|
package/dist/theme.d.ts
CHANGED
|
@@ -1,33 +1,24 @@
|
|
|
1
1
|
declare module '@mui/material/styles' {
|
|
2
|
+
interface ButtonOptions {
|
|
3
|
+
background: string;
|
|
4
|
+
backgroundHover: string;
|
|
5
|
+
color: string;
|
|
6
|
+
colorHover: string;
|
|
7
|
+
borderRadius: string;
|
|
8
|
+
boxShadow?: string;
|
|
9
|
+
}
|
|
2
10
|
interface Palette {
|
|
3
11
|
custom: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
backgroundSectionHighlight?: string;
|
|
8
|
-
colorSectionMain: string;
|
|
9
|
-
backgroundButtonCTA: string;
|
|
10
|
-
backgroundHoverButtonCTA: string;
|
|
11
|
-
colorButtonCTA: string;
|
|
12
|
-
colorHoverButtonCTA: string;
|
|
13
|
-
borderRadiusButtonCTA: string;
|
|
14
|
-
carouselColorIndicators: string;
|
|
15
|
-
carouselColorFocus: string;
|
|
12
|
+
primaryButton: ButtonOptions;
|
|
13
|
+
secondaryButton: ButtonOptions;
|
|
14
|
+
borderColor?: string;
|
|
16
15
|
};
|
|
17
16
|
}
|
|
18
17
|
interface PaletteOptions {
|
|
19
18
|
custom?: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
backgroundSectionHighlight?: string;
|
|
24
|
-
backgroundButtonCTA: string;
|
|
25
|
-
backgroundHoverButtonCTA: string;
|
|
26
|
-
colorButtonCTA: string;
|
|
27
|
-
colorHoverButtonCTA: string;
|
|
28
|
-
borderRadiusButtonCTA: string;
|
|
29
|
-
carouselColorIndicators: string;
|
|
30
|
-
carouselColorFocus: string;
|
|
19
|
+
primaryButton: ButtonOptions;
|
|
20
|
+
secondaryButton: ButtonOptions;
|
|
21
|
+
borderColor?: string;
|
|
31
22
|
};
|
|
32
23
|
}
|
|
33
24
|
}
|
package/dist/theme.js
CHANGED
|
@@ -11,70 +11,89 @@ const theme = createTheme({
|
|
|
11
11
|
},
|
|
12
12
|
},
|
|
13
13
|
shape: {
|
|
14
|
-
borderRadius:
|
|
14
|
+
borderRadius: 12
|
|
15
15
|
},
|
|
16
16
|
palette: {
|
|
17
|
+
background: {
|
|
18
|
+
default: '#FEFEFE',
|
|
19
|
+
paper: 'linear-gradient(180deg, #edf3fa, white 50%, #edf3fa)',
|
|
20
|
+
},
|
|
17
21
|
primary: {
|
|
18
|
-
main: "#
|
|
19
|
-
dark: "#
|
|
20
|
-
|
|
22
|
+
main: "#0a58c8",
|
|
23
|
+
dark: "#003d5c",
|
|
24
|
+
light: "#d1e6ff",
|
|
21
25
|
},
|
|
22
26
|
secondary: {
|
|
23
|
-
main: '#
|
|
24
|
-
light: '#
|
|
25
|
-
contrastText: "#ffffff"
|
|
27
|
+
main: '#F2F4F6',
|
|
28
|
+
light: '#FEFEFE',
|
|
26
29
|
},
|
|
27
30
|
text: {
|
|
28
|
-
primary: '#
|
|
29
|
-
secondary: '#
|
|
30
|
-
disabled: '#
|
|
31
|
+
primary: '#334866',
|
|
32
|
+
secondary: '#FEFEFE',
|
|
33
|
+
disabled: '#A9A9A9',
|
|
31
34
|
},
|
|
32
35
|
custom: {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
36
|
+
primaryButton: {
|
|
37
|
+
background: "#216fed",
|
|
38
|
+
backgroundHover: '#005ce3',
|
|
39
|
+
color: '#ffffff',
|
|
40
|
+
colorHover: '#ffffff',
|
|
41
|
+
borderRadius: "9999px",
|
|
42
|
+
},
|
|
43
|
+
secondaryButton: {
|
|
44
|
+
background: '#ffffff',
|
|
45
|
+
backgroundHover: '#ffffff',
|
|
46
|
+
color: "#216fed",
|
|
47
|
+
colorHover: '#005ce3',
|
|
48
|
+
borderRadius: "9999px",
|
|
49
|
+
},
|
|
50
|
+
borderColor: '#8c8c8c',
|
|
43
51
|
},
|
|
44
52
|
info: {
|
|
45
|
-
main: '#
|
|
53
|
+
main: '#555f56',
|
|
46
54
|
},
|
|
47
55
|
error: {
|
|
48
56
|
main: '#F44336',
|
|
49
|
-
}
|
|
57
|
+
},
|
|
58
|
+
success: {
|
|
59
|
+
main: '#4CAF50',
|
|
60
|
+
},
|
|
61
|
+
grey: {
|
|
62
|
+
"100": '#F2F4F6',
|
|
63
|
+
"200": '#edf3fa',
|
|
64
|
+
"300": '#e2e3e4',
|
|
65
|
+
"400": '#edf3fa',
|
|
66
|
+
'700': '#0000008a',
|
|
67
|
+
"900": '#334866',
|
|
68
|
+
},
|
|
50
69
|
},
|
|
51
70
|
typography: {
|
|
52
|
-
fontFamily: '
|
|
71
|
+
fontFamily: 'var(--font-plusjakarta), Arial, sans-serif',
|
|
53
72
|
h1: {
|
|
54
|
-
fontSize: '
|
|
55
|
-
lineHeight: '0
|
|
73
|
+
fontSize: '50px', // Desktop
|
|
74
|
+
lineHeight: '1.0',
|
|
56
75
|
letterSpacing: '0.01em',
|
|
57
76
|
fontWeight: 600,
|
|
58
77
|
margin: 0,
|
|
59
78
|
fontStyle: 'normal',
|
|
60
|
-
color: '#
|
|
79
|
+
color: '#2b2e33',
|
|
61
80
|
padding: '8px 0px',
|
|
62
|
-
'@media (min-width:601px) and (max-width:
|
|
63
|
-
fontSize: '
|
|
81
|
+
'@media (min-width:601px) and (max-width:1280px)': {
|
|
82
|
+
fontSize: '44px', // Tablet
|
|
64
83
|
},
|
|
65
84
|
'@media (max-width:600px)': {
|
|
66
85
|
fontSize: '36px', // Mobile
|
|
67
86
|
},
|
|
68
87
|
},
|
|
69
88
|
h2: {
|
|
70
|
-
fontSize: '
|
|
89
|
+
fontSize: '18px', // Desktop
|
|
71
90
|
lineHeight: '1.5',
|
|
72
91
|
letterSpacing: '0.01em',
|
|
73
92
|
fontWeight: 400,
|
|
74
93
|
margin: 0,
|
|
75
|
-
color: '#
|
|
94
|
+
color: '#292929',
|
|
76
95
|
'@media (min-width:601px) and (max-width:960px)': {
|
|
77
|
-
fontSize: '
|
|
96
|
+
fontSize: '18px', // Tablet
|
|
78
97
|
},
|
|
79
98
|
fontStyle: 'normal',
|
|
80
99
|
'@media (max-width:600px)': {
|
|
@@ -82,7 +101,7 @@ const theme = createTheme({
|
|
|
82
101
|
},
|
|
83
102
|
},
|
|
84
103
|
h3: {
|
|
85
|
-
fontSize: '
|
|
104
|
+
fontSize: '32px', // Desktop
|
|
86
105
|
lineHeight: '1.5',
|
|
87
106
|
letterSpacing: '0.01em',
|
|
88
107
|
fontWeight: 600,
|
|
@@ -92,23 +111,37 @@ const theme = createTheme({
|
|
|
92
111
|
fontSize: '28px', // Tablet
|
|
93
112
|
},
|
|
94
113
|
'@media (max-width:600px)': {
|
|
95
|
-
fontSize: '
|
|
114
|
+
fontSize: '24px', // Mobile
|
|
96
115
|
},
|
|
97
116
|
},
|
|
98
117
|
h4: {
|
|
99
|
-
fontSize: '
|
|
118
|
+
fontSize: '24px', // Desktop
|
|
100
119
|
lineHeight: '1.5',
|
|
101
120
|
letterSpacing: '0.01em',
|
|
102
121
|
fontWeight: 600,
|
|
103
122
|
margin: 0,
|
|
104
123
|
fontStyle: 'normal',
|
|
105
124
|
'@media (min-width:601px) and (max-width:960px)': {
|
|
106
|
-
fontSize: '
|
|
125
|
+
fontSize: '24px', // Tablet
|
|
107
126
|
},
|
|
108
127
|
'@media (max-width:600px)': {
|
|
109
128
|
fontSize: '20px', // Mobile
|
|
110
129
|
},
|
|
111
130
|
},
|
|
131
|
+
h5: {
|
|
132
|
+
fontSize: '18px', // Desktop
|
|
133
|
+
lineHeight: '1.5',
|
|
134
|
+
letterSpacing: '0.01em',
|
|
135
|
+
fontWeight: 400,
|
|
136
|
+
margin: 0,
|
|
137
|
+
fontStyle: 'normal',
|
|
138
|
+
'@media (min-width:601px) and (max-width:960px)': {
|
|
139
|
+
fontSize: '18px', // Tablet
|
|
140
|
+
},
|
|
141
|
+
'@media (max-width:600px)': {
|
|
142
|
+
fontSize: '18px', // Mobile
|
|
143
|
+
},
|
|
144
|
+
},
|
|
112
145
|
body1: {
|
|
113
146
|
fontSize: '16px', // Desktop
|
|
114
147
|
lineHeight: '1.5',
|
|
@@ -135,6 +168,53 @@ const theme = createTheme({
|
|
|
135
168
|
fontSize: '16px', // Mobile
|
|
136
169
|
},
|
|
137
170
|
},
|
|
171
|
+
caption: {
|
|
172
|
+
/* tipografia pensada para textos de apoio ou legendas pequenas, normalmente usados abaixo de imagens, gráficos, tabelas ou ícones */
|
|
173
|
+
fontSize: '14px', // Desktop
|
|
174
|
+
lineHeight: '1.5',
|
|
175
|
+
letterSpacing: '0.01em',
|
|
176
|
+
fontWeight: 600,
|
|
177
|
+
fontStyle: 'normal',
|
|
178
|
+
'@media (min-width:601px) and (max-width:960px)': {
|
|
179
|
+
fontSize: '14px', // Tablet
|
|
180
|
+
},
|
|
181
|
+
'@media (max-width:600px)': {
|
|
182
|
+
fontSize: '14px', // Mobile
|
|
183
|
+
},
|
|
184
|
+
},
|
|
185
|
+
subtitle1: {
|
|
186
|
+
/* tipografia pensada para textos secundários, geralmente usados em legendas, descrições curtas ou suporte visual para títulos.*/
|
|
187
|
+
fontSize: '18px', // Desktop
|
|
188
|
+
lineHeight: '1.5',
|
|
189
|
+
letterSpacing: '0.01em',
|
|
190
|
+
fontWeight: 500,
|
|
191
|
+
margin: 0,
|
|
192
|
+
fontStyle: 'normal',
|
|
193
|
+
'@media (min-width:601px) and (max-width:960px)': {
|
|
194
|
+
fontSize: '18px', // Tablet
|
|
195
|
+
},
|
|
196
|
+
'@media (max-width:600px)': {
|
|
197
|
+
fontSize: '18px', // Mobile
|
|
198
|
+
},
|
|
199
|
+
},
|
|
200
|
+
subtitle2: {
|
|
201
|
+
/* tipografia pensada para textos secundários, geralmente usados em legendas, descrições curtas ou suporte visual para títulos.*/
|
|
202
|
+
fontSize: '18px', // Desktop
|
|
203
|
+
lineHeight: '1.5',
|
|
204
|
+
letterSpacing: '0.01em',
|
|
205
|
+
fontWeight: 600,
|
|
206
|
+
margin: 0,
|
|
207
|
+
fontStyle: 'normal',
|
|
208
|
+
'@media (min-width:601px) and (max-width:960px)': {
|
|
209
|
+
fontSize: '18px', // Tablet
|
|
210
|
+
},
|
|
211
|
+
'@media (max-width:600px)': {
|
|
212
|
+
fontSize: '18px', // Mobile
|
|
213
|
+
},
|
|
214
|
+
},
|
|
215
|
+
overline: {
|
|
216
|
+
/* para rótulos, categorias, ou textos auxiliares curtos, nunca para parágrafos ou longos blocos de texto. */
|
|
217
|
+
}
|
|
138
218
|
},
|
|
139
219
|
spacing: 8,
|
|
140
220
|
});
|
package/dist/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"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"}
|