pipesol-button 1.0.1-beta.11 → 1.0.1-beta.14
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/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/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
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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"}
|