pipesol-button 1.0.1-beta.11 → 1.0.1-beta.12
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/PrimaryButton.d.ts +37 -0
- package/dist/components/PrimaryButton.js +48 -0
- package/dist/components/PrimaryButton.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -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/package.json +1 -1
|
@@ -0,0 +1,37 @@
|
|
|
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;
|
|
@@ -0,0 +1,48 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,3 +5,4 @@ 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 PrimaryButton } from "./components/PrimaryButton";
|
package/dist/index.js
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 PrimaryButton } from "./components/PrimaryButton";
|
|
8
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"}
|
|
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,aAAa,EAAE,MAAM,4BAA4B,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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"}
|