@manamerge/mana-atomic-ui 1.0.43 → 1.0.45
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/index.d.ts +4 -3
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/themes/{themes/DavidWebTheme.ts → DavidWebTheme.js} +1 -27
- package/dist/themes/{themes/ManamergeTheme.ts → ManamergeTheme.js} +5 -32
- package/dist/themes/davidWeb/atoms/button.js +107 -0
- package/dist/themes/davidWeb/atoms/checkbox.js +72 -0
- package/dist/themes/davidWeb/atoms/divider.js +24 -0
- package/dist/themes/davidWeb/atoms/gradient.js +18 -0
- package/dist/themes/davidWeb/atoms/heading.js +141 -0
- package/dist/themes/davidWeb/atoms/icon.js +30 -0
- package/dist/themes/davidWeb/atoms/link.js +78 -0
- package/dist/themes/davidWeb/atoms/text.js +38 -0
- package/dist/themes/davidWeb/layouts/pint3.js +13 -0
- package/dist/themes/davidWeb/miscellaneous/breakpoints.js +14 -0
- package/dist/themes/davidWeb/molecules/accordion.js +29 -0
- package/dist/themes/davidWeb/molecules/breakerTape.js +30 -0
- package/dist/themes/davidWeb/molecules/cardBanner.js +26 -0
- package/dist/themes/davidWeb/molecules/cardSimpleRender.js +34 -0
- package/dist/themes/davidWeb/molecules/cardTeaser.js +69 -0
- package/dist/themes/davidWeb/molecules/footer.js +26 -0
- package/dist/themes/davidWeb/molecules/header.js +94 -0
- package/dist/themes/davidWeb/molecules/navigation.js +53 -0
- package/dist/themes/manamerge/atoms/button.js +108 -0
- package/dist/themes/manamerge/atoms/checkbox.js +72 -0
- package/dist/themes/manamerge/atoms/divider.js +25 -0
- package/dist/themes/manamerge/atoms/gradient.js +19 -0
- package/dist/themes/manamerge/atoms/heading.js +280 -0
- package/dist/themes/manamerge/atoms/icon.js +30 -0
- package/dist/themes/manamerge/atoms/link.js +124 -0
- package/dist/themes/manamerge/atoms/text.js +62 -0
- package/dist/themes/manamerge/layouts/pint3.js +13 -0
- package/dist/themes/manamerge/miscellaneous/breakpoints.js +14 -0
- package/dist/themes/manamerge/miscellaneous/colorpalette.js +31 -0
- package/dist/themes/manamerge/miscellaneous/fontsizes.js +11 -0
- package/dist/themes/manamerge/molecules/accordion.js +29 -0
- package/dist/themes/manamerge/molecules/breakerTape.js +30 -0
- package/dist/themes/manamerge/molecules/cardBanner.js +26 -0
- package/dist/themes/manamerge/molecules/cardSimpleRender.js +35 -0
- package/dist/themes/manamerge/molecules/cardTeaser.js +69 -0
- package/dist/themes/manamerge/molecules/footer.js +26 -0
- package/dist/themes/manamerge/molecules/header.js +86 -0
- package/dist/themes/manamerge/molecules/navigation.js +53 -0
- package/dist/themes/themes/davidWeb/fonts/index.js +44 -15
- package/dist/themes/themes/davidWeb/images/icons/modal/closeicon.svg.js +37 -42
- package/dist/themes/themes/davidWeb/images/icons/navigation/notification.svg.js +48 -49
- package/dist/themes/themes/davidWeb/images/icons/navigation/profile.svg.js +27 -31
- package/dist/themes/themes/davidWeb/images/icons/navigation/user.svg.js +29 -33
- package/dist/themes/themes/davidWeb/styling/chat-theme.css.js +80 -14
- package/dist/themes/themes/davidWeb/styling/filter-list-theme.css.js +47 -12
- package/dist/themes/themes/davidWeb/styling/notification-theme.css.js +166 -22
- package/dist/themes/themes/manamerge/fonts/index.js +55 -17
- package/dist/themes/themes/manamerge/images/icons/modal/closeicon.svg.js +37 -42
- package/dist/themes/themes/manamerge/images/icons/navigation/notification.svg.js +48 -49
- package/dist/themes/themes/manamerge/images/icons/navigation/profile.svg.js +27 -31
- package/dist/themes/themes/manamerge/images/icons/navigation/user.svg.js +29 -33
- package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +6 -6
- package/dist/themes/themes/manamerge/miscellaneous/fontsizes.ts +2 -2
- package/dist/themes/themes/manamerge/styling/chat-theme.css.js +80 -14
- package/dist/themes/themes/manamerge/styling/filter-list-theme.css.js +47 -12
- package/dist/themes/themes/manamerge/styling/notification-theme.css.js +166 -22
- package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
- package/dist/types/components/Atoms/Text/Text.d.ts +3 -2
- package/dist/types/themes/ManamergeTheme.d.ts +155 -145
- package/dist/types/themes/manamerge/atoms/button.d.ts +18 -18
- package/dist/types/themes/manamerge/atoms/divider.d.ts +3 -3
- package/dist/types/themes/manamerge/atoms/gradient.d.ts +6 -6
- package/dist/types/themes/manamerge/atoms/heading.d.ts +36 -36
- package/dist/types/themes/manamerge/atoms/link.d.ts +30 -30
- package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
- package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +29 -24
- package/dist/types/themes/manamerge/miscellaneous/fontsizes.d.ts +9 -8
- package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +2 -2
- package/package.json +3 -2
|
@@ -1,124 +1,134 @@
|
|
|
1
1
|
export declare const ManamergeTheme: {
|
|
2
2
|
name: string;
|
|
3
|
+
fontsizes: {
|
|
4
|
+
readonly xs: "12px";
|
|
5
|
+
readonly sm: "14px";
|
|
6
|
+
readonly md: "16px";
|
|
7
|
+
readonly lg: "18px";
|
|
8
|
+
readonly xl: "20px";
|
|
9
|
+
readonly xxl: "24px";
|
|
10
|
+
readonly xxxl: "30px";
|
|
11
|
+
readonly xxxxl: "36px";
|
|
12
|
+
};
|
|
3
13
|
link: {
|
|
4
14
|
"Link-primary-light": {
|
|
5
15
|
fontSize: string;
|
|
6
16
|
lineHeight: string;
|
|
7
17
|
fontWeight: number;
|
|
8
|
-
color:
|
|
18
|
+
color: "#0041FF";
|
|
9
19
|
hover: {
|
|
10
|
-
color:
|
|
20
|
+
color: "#e0e0e0";
|
|
11
21
|
};
|
|
12
22
|
disabled: {
|
|
13
|
-
color:
|
|
23
|
+
color: "#808080";
|
|
14
24
|
};
|
|
15
25
|
};
|
|
16
26
|
"Link-primary-regular": {
|
|
17
27
|
fontSize: string;
|
|
18
28
|
lineHeight: string;
|
|
19
29
|
fontWeight: number;
|
|
20
|
-
color:
|
|
30
|
+
color: "#0041FF";
|
|
21
31
|
hover: {
|
|
22
|
-
color:
|
|
32
|
+
color: "#e0e0e0";
|
|
23
33
|
};
|
|
24
34
|
disabled: {
|
|
25
|
-
color:
|
|
35
|
+
color: "#808080";
|
|
26
36
|
};
|
|
27
37
|
};
|
|
28
38
|
"Link-primary-medium": {
|
|
29
39
|
fontSize: string;
|
|
30
40
|
lineHeight: string;
|
|
31
41
|
fontWeight: number;
|
|
32
|
-
color:
|
|
42
|
+
color: "#0041FF";
|
|
33
43
|
hover: {
|
|
34
|
-
color:
|
|
44
|
+
color: "#e0e0e0";
|
|
35
45
|
};
|
|
36
46
|
disabled: {
|
|
37
|
-
color:
|
|
47
|
+
color: "#808080";
|
|
38
48
|
};
|
|
39
49
|
};
|
|
40
50
|
"Link-primary-bold": {
|
|
41
51
|
fontSize: string;
|
|
42
52
|
lineHeight: string;
|
|
43
53
|
fontWeight: number;
|
|
44
|
-
color:
|
|
54
|
+
color: "#0041FF";
|
|
45
55
|
hover: {
|
|
46
|
-
color:
|
|
56
|
+
color: "#e0e0e0";
|
|
47
57
|
};
|
|
48
58
|
disabled: {
|
|
49
|
-
color:
|
|
59
|
+
color: "#808080";
|
|
50
60
|
};
|
|
51
61
|
};
|
|
52
62
|
"Link-primary-heavy": {
|
|
53
63
|
fontSize: string;
|
|
54
64
|
lineHeight: string;
|
|
55
65
|
fontWeight: number;
|
|
56
|
-
color:
|
|
66
|
+
color: "#0041FF";
|
|
57
67
|
hover: {
|
|
58
|
-
color:
|
|
68
|
+
color: "#e0e0e0";
|
|
59
69
|
};
|
|
60
70
|
disabled: {
|
|
61
|
-
color:
|
|
71
|
+
color: "#808080";
|
|
62
72
|
};
|
|
63
73
|
};
|
|
64
74
|
"Link-secondary-light": {
|
|
65
75
|
fontSize: string;
|
|
66
76
|
lineHeight: string;
|
|
67
77
|
fontWeight: number;
|
|
68
|
-
color:
|
|
78
|
+
color: "#e0e0e0";
|
|
69
79
|
hover: {
|
|
70
|
-
color:
|
|
80
|
+
color: "#0041FF";
|
|
71
81
|
};
|
|
72
82
|
disabled: {
|
|
73
|
-
color:
|
|
83
|
+
color: "#808080";
|
|
74
84
|
};
|
|
75
85
|
};
|
|
76
86
|
"Link-secondary-regular": {
|
|
77
87
|
fontSize: string;
|
|
78
88
|
lineHeight: string;
|
|
79
89
|
fontWeight: number;
|
|
80
|
-
color:
|
|
90
|
+
color: "#e0e0e0";
|
|
81
91
|
hover: {
|
|
82
|
-
color:
|
|
92
|
+
color: "#0041FF";
|
|
83
93
|
};
|
|
84
94
|
disabled: {
|
|
85
|
-
color:
|
|
95
|
+
color: "#808080";
|
|
86
96
|
};
|
|
87
97
|
};
|
|
88
98
|
"Link-secondary-medium": {
|
|
89
99
|
fontSize: string;
|
|
90
100
|
lineHeight: string;
|
|
91
101
|
fontWeight: number;
|
|
92
|
-
color:
|
|
102
|
+
color: "#e0e0e0";
|
|
93
103
|
hover: {
|
|
94
|
-
color:
|
|
104
|
+
color: "#0041FF";
|
|
95
105
|
};
|
|
96
106
|
disabled: {
|
|
97
|
-
color:
|
|
107
|
+
color: "#808080";
|
|
98
108
|
};
|
|
99
109
|
};
|
|
100
110
|
"Link-secondary-bold": {
|
|
101
111
|
fontSize: string;
|
|
102
112
|
lineHeight: string;
|
|
103
113
|
fontWeight: number;
|
|
104
|
-
color:
|
|
114
|
+
color: "#e0e0e0";
|
|
105
115
|
hover: {
|
|
106
|
-
color:
|
|
116
|
+
color: "#0041FF";
|
|
107
117
|
};
|
|
108
118
|
disabled: {
|
|
109
|
-
color:
|
|
119
|
+
color: "#808080";
|
|
110
120
|
};
|
|
111
121
|
};
|
|
112
122
|
"Link-secondary-heavy": {
|
|
113
123
|
fontSize: string;
|
|
114
124
|
lineHeight: string;
|
|
115
125
|
fontWeight: number;
|
|
116
|
-
color:
|
|
126
|
+
color: "#e0e0e0";
|
|
117
127
|
hover: {
|
|
118
|
-
color:
|
|
128
|
+
color: "#0041FF";
|
|
119
129
|
};
|
|
120
130
|
disabled: {
|
|
121
|
-
color:
|
|
131
|
+
color: "#808080";
|
|
122
132
|
};
|
|
123
133
|
};
|
|
124
134
|
};
|
|
@@ -128,21 +138,21 @@ export declare const ManamergeTheme: {
|
|
|
128
138
|
fontSize: string;
|
|
129
139
|
lineHeight: string;
|
|
130
140
|
fontWeight: number;
|
|
131
|
-
color:
|
|
141
|
+
color: "#e0e0e0";
|
|
132
142
|
margin: string;
|
|
133
143
|
};
|
|
134
144
|
tablet: {
|
|
135
145
|
fontSize: string;
|
|
136
146
|
lineHeight: string;
|
|
137
147
|
fontWeight: number;
|
|
138
|
-
color:
|
|
148
|
+
color: "#e0e0e0";
|
|
139
149
|
margin: string;
|
|
140
150
|
};
|
|
141
151
|
desktop: {
|
|
142
152
|
fontSize: string;
|
|
143
153
|
lineHeight: string;
|
|
144
154
|
fontWeight: number;
|
|
145
|
-
color:
|
|
155
|
+
color: "#e0e0e0";
|
|
146
156
|
margin: string;
|
|
147
157
|
};
|
|
148
158
|
};
|
|
@@ -151,21 +161,21 @@ export declare const ManamergeTheme: {
|
|
|
151
161
|
fontSize: string;
|
|
152
162
|
lineHeight: string;
|
|
153
163
|
fontWeight: number;
|
|
154
|
-
color:
|
|
164
|
+
color: "#e0e0e0";
|
|
155
165
|
margin: string;
|
|
156
166
|
};
|
|
157
167
|
tablet: {
|
|
158
168
|
fontSize: string;
|
|
159
169
|
lineHeight: string;
|
|
160
170
|
fontWeight: number;
|
|
161
|
-
color:
|
|
171
|
+
color: "#e0e0e0";
|
|
162
172
|
margin: string;
|
|
163
173
|
};
|
|
164
174
|
desktop: {
|
|
165
175
|
fontSize: string;
|
|
166
176
|
lineHeight: string;
|
|
167
177
|
fontWeight: number;
|
|
168
|
-
color:
|
|
178
|
+
color: "#e0e0e0";
|
|
169
179
|
margin: string;
|
|
170
180
|
};
|
|
171
181
|
};
|
|
@@ -174,21 +184,21 @@ export declare const ManamergeTheme: {
|
|
|
174
184
|
fontSize: string;
|
|
175
185
|
lineHeight: string;
|
|
176
186
|
fontWeight: number;
|
|
177
|
-
color:
|
|
187
|
+
color: "#e0e0e0";
|
|
178
188
|
margin: string;
|
|
179
189
|
};
|
|
180
190
|
tablet: {
|
|
181
191
|
fontSize: string;
|
|
182
192
|
lineHeight: string;
|
|
183
193
|
fontWeight: number;
|
|
184
|
-
color:
|
|
194
|
+
color: "#e0e0e0";
|
|
185
195
|
margin: string;
|
|
186
196
|
};
|
|
187
197
|
desktop: {
|
|
188
198
|
fontSize: string;
|
|
189
199
|
lineHeight: string;
|
|
190
200
|
fontWeight: number;
|
|
191
|
-
color:
|
|
201
|
+
color: "#e0e0e0";
|
|
192
202
|
margin: string;
|
|
193
203
|
};
|
|
194
204
|
};
|
|
@@ -197,21 +207,21 @@ export declare const ManamergeTheme: {
|
|
|
197
207
|
fontSize: string;
|
|
198
208
|
lineHeight: string;
|
|
199
209
|
fontWeight: number;
|
|
200
|
-
color:
|
|
210
|
+
color: "#e0e0e0";
|
|
201
211
|
margin: string;
|
|
202
212
|
};
|
|
203
213
|
tablet: {
|
|
204
214
|
fontSize: string;
|
|
205
215
|
lineHeight: string;
|
|
206
216
|
fontWeight: number;
|
|
207
|
-
color:
|
|
217
|
+
color: "#e0e0e0";
|
|
208
218
|
margin: string;
|
|
209
219
|
};
|
|
210
220
|
desktop: {
|
|
211
221
|
fontSize: string;
|
|
212
222
|
lineHeight: string;
|
|
213
223
|
fontWeight: number;
|
|
214
|
-
color:
|
|
224
|
+
color: "#e0e0e0";
|
|
215
225
|
margin: string;
|
|
216
226
|
};
|
|
217
227
|
};
|
|
@@ -220,21 +230,21 @@ export declare const ManamergeTheme: {
|
|
|
220
230
|
fontSize: string;
|
|
221
231
|
lineHeight: string;
|
|
222
232
|
fontWeight: number;
|
|
223
|
-
color:
|
|
233
|
+
color: "#e0e0e0";
|
|
224
234
|
margin: string;
|
|
225
235
|
};
|
|
226
236
|
tablet: {
|
|
227
237
|
fontSize: string;
|
|
228
238
|
lineHeight: string;
|
|
229
239
|
fontWeight: number;
|
|
230
|
-
color:
|
|
240
|
+
color: "#e0e0e0";
|
|
231
241
|
margin: string;
|
|
232
242
|
};
|
|
233
243
|
desktop: {
|
|
234
244
|
fontSize: string;
|
|
235
245
|
lineHeight: string;
|
|
236
246
|
fontWeight: number;
|
|
237
|
-
color:
|
|
247
|
+
color: "#e0e0e0";
|
|
238
248
|
margin: string;
|
|
239
249
|
};
|
|
240
250
|
};
|
|
@@ -243,21 +253,21 @@ export declare const ManamergeTheme: {
|
|
|
243
253
|
fontSize: string;
|
|
244
254
|
lineHeight: string;
|
|
245
255
|
fontWeight: number;
|
|
246
|
-
color:
|
|
256
|
+
color: "#e0e0e0";
|
|
247
257
|
margin: string;
|
|
248
258
|
};
|
|
249
259
|
tablet: {
|
|
250
260
|
fontSize: string;
|
|
251
261
|
lineHeight: string;
|
|
252
262
|
fontWeight: number;
|
|
253
|
-
color:
|
|
263
|
+
color: "#e0e0e0";
|
|
254
264
|
margin: string;
|
|
255
265
|
};
|
|
256
266
|
desktop: {
|
|
257
267
|
fontSize: string;
|
|
258
268
|
lineHeight: string;
|
|
259
269
|
fontWeight: number;
|
|
260
|
-
color:
|
|
270
|
+
color: "#e0e0e0";
|
|
261
271
|
margin: string;
|
|
262
272
|
};
|
|
263
273
|
};
|
|
@@ -266,21 +276,21 @@ export declare const ManamergeTheme: {
|
|
|
266
276
|
fontSize: string;
|
|
267
277
|
lineHeight: string;
|
|
268
278
|
fontWeight: number;
|
|
269
|
-
color:
|
|
279
|
+
color: "#FF1A1A";
|
|
270
280
|
margin: string;
|
|
271
281
|
};
|
|
272
282
|
tablet: {
|
|
273
283
|
fontSize: string;
|
|
274
284
|
lineHeight: string;
|
|
275
285
|
fontWeight: number;
|
|
276
|
-
color:
|
|
286
|
+
color: "#FF1A1A";
|
|
277
287
|
margin: string;
|
|
278
288
|
};
|
|
279
289
|
desktop: {
|
|
280
290
|
fontSize: string;
|
|
281
291
|
lineHeight: string;
|
|
282
292
|
fontWeight: number;
|
|
283
|
-
color:
|
|
293
|
+
color: "#FF1A1A";
|
|
284
294
|
margin: string;
|
|
285
295
|
};
|
|
286
296
|
};
|
|
@@ -289,21 +299,21 @@ export declare const ManamergeTheme: {
|
|
|
289
299
|
fontSize: string;
|
|
290
300
|
lineHeight: string;
|
|
291
301
|
fontWeight: number;
|
|
292
|
-
color:
|
|
302
|
+
color: "#FF1A1A";
|
|
293
303
|
margin: string;
|
|
294
304
|
};
|
|
295
305
|
tablet: {
|
|
296
306
|
fontSize: string;
|
|
297
307
|
lineHeight: string;
|
|
298
308
|
fontWeight: number;
|
|
299
|
-
color:
|
|
309
|
+
color: "#FF1A1A";
|
|
300
310
|
margin: string;
|
|
301
311
|
};
|
|
302
312
|
desktop: {
|
|
303
313
|
fontSize: string;
|
|
304
314
|
lineHeight: string;
|
|
305
315
|
fontWeight: number;
|
|
306
|
-
color:
|
|
316
|
+
color: "#FF1A1A";
|
|
307
317
|
margin: string;
|
|
308
318
|
};
|
|
309
319
|
};
|
|
@@ -312,21 +322,21 @@ export declare const ManamergeTheme: {
|
|
|
312
322
|
fontSize: string;
|
|
313
323
|
lineHeight: string;
|
|
314
324
|
fontWeight: number;
|
|
315
|
-
color:
|
|
325
|
+
color: "#FF1A1A";
|
|
316
326
|
margin: string;
|
|
317
327
|
};
|
|
318
328
|
tablet: {
|
|
319
329
|
fontSize: string;
|
|
320
330
|
lineHeight: string;
|
|
321
331
|
fontWeight: number;
|
|
322
|
-
color:
|
|
332
|
+
color: "#FF1A1A";
|
|
323
333
|
margin: string;
|
|
324
334
|
};
|
|
325
335
|
desktop: {
|
|
326
336
|
fontSize: string;
|
|
327
337
|
lineHeight: string;
|
|
328
338
|
fontWeight: number;
|
|
329
|
-
color:
|
|
339
|
+
color: "#FF1A1A";
|
|
330
340
|
margin: string;
|
|
331
341
|
};
|
|
332
342
|
};
|
|
@@ -335,21 +345,21 @@ export declare const ManamergeTheme: {
|
|
|
335
345
|
fontSize: string;
|
|
336
346
|
lineHeight: string;
|
|
337
347
|
fontWeight: number;
|
|
338
|
-
color:
|
|
348
|
+
color: "#FF1A1A";
|
|
339
349
|
margin: string;
|
|
340
350
|
};
|
|
341
351
|
tablet: {
|
|
342
352
|
fontSize: string;
|
|
343
353
|
lineHeight: string;
|
|
344
354
|
fontWeight: number;
|
|
345
|
-
color:
|
|
355
|
+
color: "#FF1A1A";
|
|
346
356
|
margin: string;
|
|
347
357
|
};
|
|
348
358
|
desktop: {
|
|
349
359
|
fontSize: string;
|
|
350
360
|
lineHeight: string;
|
|
351
361
|
fontWeight: number;
|
|
352
|
-
color:
|
|
362
|
+
color: "#FF1A1A";
|
|
353
363
|
margin: string;
|
|
354
364
|
};
|
|
355
365
|
};
|
|
@@ -358,21 +368,21 @@ export declare const ManamergeTheme: {
|
|
|
358
368
|
fontSize: string;
|
|
359
369
|
lineHeight: string;
|
|
360
370
|
fontWeight: number;
|
|
361
|
-
color:
|
|
371
|
+
color: "#FF1A1A";
|
|
362
372
|
margin: string;
|
|
363
373
|
};
|
|
364
374
|
tablet: {
|
|
365
375
|
fontSize: string;
|
|
366
376
|
lineHeight: string;
|
|
367
377
|
fontWeight: number;
|
|
368
|
-
color:
|
|
378
|
+
color: "#FF1A1A";
|
|
369
379
|
margin: string;
|
|
370
380
|
};
|
|
371
381
|
desktop: {
|
|
372
382
|
fontSize: string;
|
|
373
383
|
lineHeight: string;
|
|
374
384
|
fontWeight: number;
|
|
375
|
-
color:
|
|
385
|
+
color: "#FF1A1A";
|
|
376
386
|
margin: string;
|
|
377
387
|
};
|
|
378
388
|
};
|
|
@@ -381,21 +391,21 @@ export declare const ManamergeTheme: {
|
|
|
381
391
|
fontSize: string;
|
|
382
392
|
lineHeight: string;
|
|
383
393
|
fontWeight: number;
|
|
384
|
-
color:
|
|
394
|
+
color: "#FF1A1A";
|
|
385
395
|
margin: string;
|
|
386
396
|
};
|
|
387
397
|
tablet: {
|
|
388
398
|
fontSize: string;
|
|
389
399
|
lineHeight: string;
|
|
390
400
|
fontWeight: number;
|
|
391
|
-
color:
|
|
401
|
+
color: "#FF1A1A";
|
|
392
402
|
margin: string;
|
|
393
403
|
};
|
|
394
404
|
desktop: {
|
|
395
405
|
fontSize: string;
|
|
396
406
|
lineHeight: string;
|
|
397
407
|
fontWeight: number;
|
|
398
|
-
color:
|
|
408
|
+
color: "#FF1A1A";
|
|
399
409
|
margin: string;
|
|
400
410
|
};
|
|
401
411
|
};
|
|
@@ -414,7 +424,7 @@ export declare const ManamergeTheme: {
|
|
|
414
424
|
letterSpacing: string;
|
|
415
425
|
padding: string;
|
|
416
426
|
fontSize: string;
|
|
417
|
-
color:
|
|
427
|
+
color: "#fff";
|
|
418
428
|
textAlign: string;
|
|
419
429
|
display: string;
|
|
420
430
|
justifyContent: string;
|
|
@@ -425,27 +435,27 @@ export declare const ManamergeTheme: {
|
|
|
425
435
|
overflow: string;
|
|
426
436
|
position: string;
|
|
427
437
|
default: {
|
|
428
|
-
text:
|
|
438
|
+
text: "#202020";
|
|
429
439
|
border: string;
|
|
430
|
-
background:
|
|
440
|
+
background: "#c0c0c0";
|
|
431
441
|
opacity: number;
|
|
432
442
|
};
|
|
433
443
|
hover: {
|
|
434
|
-
text:
|
|
444
|
+
text: "#000000";
|
|
435
445
|
border: string;
|
|
436
|
-
background:
|
|
446
|
+
background: "#fff";
|
|
437
447
|
opacity: number;
|
|
438
448
|
};
|
|
439
449
|
active: {
|
|
440
|
-
text:
|
|
450
|
+
text: "#e0e0e0";
|
|
441
451
|
border: string;
|
|
442
|
-
background:
|
|
452
|
+
background: "#04198C";
|
|
443
453
|
opacity: number;
|
|
444
454
|
};
|
|
445
455
|
disabled: {
|
|
446
|
-
text:
|
|
456
|
+
text: "#fff";
|
|
447
457
|
border: string;
|
|
448
|
-
background:
|
|
458
|
+
background: "#606060";
|
|
449
459
|
opacity: number;
|
|
450
460
|
};
|
|
451
461
|
};
|
|
@@ -462,7 +472,7 @@ export declare const ManamergeTheme: {
|
|
|
462
472
|
letterSpacing: string;
|
|
463
473
|
padding: string;
|
|
464
474
|
fontSize: string;
|
|
465
|
-
color:
|
|
475
|
+
color: "#fff";
|
|
466
476
|
textAlign: string;
|
|
467
477
|
display: string;
|
|
468
478
|
justifyContent: string;
|
|
@@ -473,27 +483,27 @@ export declare const ManamergeTheme: {
|
|
|
473
483
|
position: string;
|
|
474
484
|
border: string;
|
|
475
485
|
default: {
|
|
476
|
-
text:
|
|
486
|
+
text: "#fff";
|
|
477
487
|
border: string;
|
|
478
|
-
background:
|
|
488
|
+
background: "#050A59";
|
|
479
489
|
opacity: number;
|
|
480
490
|
};
|
|
481
491
|
hover: {
|
|
482
|
-
text:
|
|
492
|
+
text: "#fff";
|
|
483
493
|
border: string;
|
|
484
|
-
background:
|
|
494
|
+
background: "#04198C";
|
|
485
495
|
opacity: number;
|
|
486
496
|
};
|
|
487
497
|
active: {
|
|
488
|
-
text:
|
|
498
|
+
text: "#fff";
|
|
489
499
|
border: string;
|
|
490
|
-
background:
|
|
500
|
+
background: "#04198C";
|
|
491
501
|
opacity: number;
|
|
492
502
|
};
|
|
493
503
|
disabled: {
|
|
494
|
-
text:
|
|
504
|
+
text: "#fff";
|
|
495
505
|
border: string;
|
|
496
|
-
background:
|
|
506
|
+
background: "#606060";
|
|
497
507
|
opacity: number;
|
|
498
508
|
};
|
|
499
509
|
};
|
|
@@ -506,59 +516,59 @@ export declare const ManamergeTheme: {
|
|
|
506
516
|
};
|
|
507
517
|
text: {
|
|
508
518
|
"Text-primary-light": {
|
|
509
|
-
vFontSize:
|
|
519
|
+
vFontSize: "12px";
|
|
510
520
|
lineHeight: string;
|
|
511
521
|
fontWeight: number;
|
|
512
|
-
vColor:
|
|
522
|
+
vColor: "#e0e0e0";
|
|
513
523
|
margin: string;
|
|
514
524
|
fontFamily: string;
|
|
515
525
|
};
|
|
516
526
|
"Text-primary-regular": {
|
|
517
|
-
vFontSize:
|
|
527
|
+
vFontSize: "14px";
|
|
518
528
|
lineHeight: string;
|
|
519
529
|
fontWeight: number;
|
|
520
|
-
vColor:
|
|
530
|
+
vColor: "#e0e0e0";
|
|
521
531
|
margin: string;
|
|
522
532
|
fontFamily: string;
|
|
523
533
|
};
|
|
524
534
|
"Text-primary-medium": {
|
|
525
|
-
vFontSize:
|
|
535
|
+
vFontSize: "16px";
|
|
526
536
|
lineHeight: string;
|
|
527
537
|
fontWeight: number;
|
|
528
|
-
vColor:
|
|
538
|
+
vColor: "#e0e0e0";
|
|
529
539
|
margin: string;
|
|
530
540
|
fontFamily: string;
|
|
531
541
|
};
|
|
532
542
|
"Text-primary-bold": {
|
|
533
|
-
vFontSize:
|
|
543
|
+
vFontSize: "18px";
|
|
534
544
|
lineHeight: string;
|
|
535
545
|
fontWeight: number;
|
|
536
|
-
vColor:
|
|
546
|
+
vColor: "#e0e0e0";
|
|
537
547
|
margin: string;
|
|
538
548
|
fontFamily: string;
|
|
539
549
|
};
|
|
540
550
|
"Text-primary-heavy": {
|
|
541
|
-
vFontSize:
|
|
551
|
+
vFontSize: "20px";
|
|
542
552
|
lineHeight: string;
|
|
543
553
|
fontWeight: number;
|
|
544
|
-
vColor:
|
|
554
|
+
vColor: "#e0e0e0";
|
|
545
555
|
margin: string;
|
|
546
556
|
fontFamily: string;
|
|
547
557
|
};
|
|
548
558
|
"Text-secondary-regular": {
|
|
549
|
-
vFontSize:
|
|
559
|
+
vFontSize: "14px";
|
|
550
560
|
lineHeight: string;
|
|
551
561
|
fontWeight: number;
|
|
552
|
-
vColor:
|
|
562
|
+
vColor: "#202020";
|
|
553
563
|
margin: string;
|
|
554
564
|
fontFamily: string;
|
|
555
565
|
};
|
|
556
566
|
"Text-secondary-italic": {
|
|
557
|
-
vFontSize:
|
|
567
|
+
vFontSize: "18px";
|
|
558
568
|
lineHeight: string;
|
|
559
569
|
fontWeight: number;
|
|
560
570
|
fontStyle: string;
|
|
561
|
-
vColor:
|
|
571
|
+
vColor: "#202020";
|
|
562
572
|
margin: string;
|
|
563
573
|
fontFamily: string;
|
|
564
574
|
};
|
|
@@ -610,21 +620,21 @@ export declare const ManamergeTheme: {
|
|
|
610
620
|
fontSize: string;
|
|
611
621
|
lineHeight: string;
|
|
612
622
|
fontWeight: number;
|
|
613
|
-
color:
|
|
623
|
+
color: "#e0e0e0";
|
|
614
624
|
margin: string;
|
|
615
625
|
};
|
|
616
626
|
tablet: {
|
|
617
627
|
fontSize: string;
|
|
618
628
|
lineHeight: string;
|
|
619
629
|
fontWeight: number;
|
|
620
|
-
color:
|
|
630
|
+
color: "#e0e0e0";
|
|
621
631
|
margin: string;
|
|
622
632
|
};
|
|
623
633
|
desktop: {
|
|
624
634
|
fontSize: string;
|
|
625
635
|
lineHeight: string;
|
|
626
636
|
fontWeight: number;
|
|
627
|
-
color:
|
|
637
|
+
color: "#e0e0e0";
|
|
628
638
|
margin: string;
|
|
629
639
|
};
|
|
630
640
|
};
|
|
@@ -633,21 +643,21 @@ export declare const ManamergeTheme: {
|
|
|
633
643
|
fontSize: string;
|
|
634
644
|
lineHeight: string;
|
|
635
645
|
fontWeight: number;
|
|
636
|
-
color:
|
|
646
|
+
color: "#e0e0e0";
|
|
637
647
|
margin: string;
|
|
638
648
|
};
|
|
639
649
|
tablet: {
|
|
640
650
|
fontSize: string;
|
|
641
651
|
lineHeight: string;
|
|
642
652
|
fontWeight: number;
|
|
643
|
-
color:
|
|
653
|
+
color: "#e0e0e0";
|
|
644
654
|
margin: string;
|
|
645
655
|
};
|
|
646
656
|
desktop: {
|
|
647
657
|
fontSize: string;
|
|
648
658
|
lineHeight: string;
|
|
649
659
|
fontWeight: number;
|
|
650
|
-
color:
|
|
660
|
+
color: "#e0e0e0";
|
|
651
661
|
margin: string;
|
|
652
662
|
};
|
|
653
663
|
};
|
|
@@ -656,21 +666,21 @@ export declare const ManamergeTheme: {
|
|
|
656
666
|
fontSize: string;
|
|
657
667
|
lineHeight: string;
|
|
658
668
|
fontWeight: number;
|
|
659
|
-
color:
|
|
669
|
+
color: "#e0e0e0";
|
|
660
670
|
margin: string;
|
|
661
671
|
};
|
|
662
672
|
tablet: {
|
|
663
673
|
fontSize: string;
|
|
664
674
|
lineHeight: string;
|
|
665
675
|
fontWeight: number;
|
|
666
|
-
color:
|
|
676
|
+
color: "#e0e0e0";
|
|
667
677
|
margin: string;
|
|
668
678
|
};
|
|
669
679
|
desktop: {
|
|
670
680
|
fontSize: string;
|
|
671
681
|
lineHeight: string;
|
|
672
682
|
fontWeight: number;
|
|
673
|
-
color:
|
|
683
|
+
color: "#e0e0e0";
|
|
674
684
|
margin: string;
|
|
675
685
|
};
|
|
676
686
|
};
|
|
@@ -679,21 +689,21 @@ export declare const ManamergeTheme: {
|
|
|
679
689
|
fontSize: string;
|
|
680
690
|
lineHeight: string;
|
|
681
691
|
fontWeight: number;
|
|
682
|
-
color:
|
|
692
|
+
color: "#e0e0e0";
|
|
683
693
|
margin: string;
|
|
684
694
|
};
|
|
685
695
|
tablet: {
|
|
686
696
|
fontSize: string;
|
|
687
697
|
lineHeight: string;
|
|
688
698
|
fontWeight: number;
|
|
689
|
-
color:
|
|
699
|
+
color: "#e0e0e0";
|
|
690
700
|
margin: string;
|
|
691
701
|
};
|
|
692
702
|
desktop: {
|
|
693
703
|
fontSize: string;
|
|
694
704
|
lineHeight: string;
|
|
695
705
|
fontWeight: number;
|
|
696
|
-
color:
|
|
706
|
+
color: "#e0e0e0";
|
|
697
707
|
margin: string;
|
|
698
708
|
};
|
|
699
709
|
};
|
|
@@ -702,21 +712,21 @@ export declare const ManamergeTheme: {
|
|
|
702
712
|
fontSize: string;
|
|
703
713
|
lineHeight: string;
|
|
704
714
|
fontWeight: number;
|
|
705
|
-
color:
|
|
715
|
+
color: "#e0e0e0";
|
|
706
716
|
margin: string;
|
|
707
717
|
};
|
|
708
718
|
tablet: {
|
|
709
719
|
fontSize: string;
|
|
710
720
|
lineHeight: string;
|
|
711
721
|
fontWeight: number;
|
|
712
|
-
color:
|
|
722
|
+
color: "#e0e0e0";
|
|
713
723
|
margin: string;
|
|
714
724
|
};
|
|
715
725
|
desktop: {
|
|
716
726
|
fontSize: string;
|
|
717
727
|
lineHeight: string;
|
|
718
728
|
fontWeight: number;
|
|
719
|
-
color:
|
|
729
|
+
color: "#e0e0e0";
|
|
720
730
|
margin: string;
|
|
721
731
|
};
|
|
722
732
|
};
|
|
@@ -725,21 +735,21 @@ export declare const ManamergeTheme: {
|
|
|
725
735
|
fontSize: string;
|
|
726
736
|
lineHeight: string;
|
|
727
737
|
fontWeight: number;
|
|
728
|
-
color:
|
|
738
|
+
color: "#e0e0e0";
|
|
729
739
|
margin: string;
|
|
730
740
|
};
|
|
731
741
|
tablet: {
|
|
732
742
|
fontSize: string;
|
|
733
743
|
lineHeight: string;
|
|
734
744
|
fontWeight: number;
|
|
735
|
-
color:
|
|
745
|
+
color: "#e0e0e0";
|
|
736
746
|
margin: string;
|
|
737
747
|
};
|
|
738
748
|
desktop: {
|
|
739
749
|
fontSize: string;
|
|
740
750
|
lineHeight: string;
|
|
741
751
|
fontWeight: number;
|
|
742
|
-
color:
|
|
752
|
+
color: "#e0e0e0";
|
|
743
753
|
margin: string;
|
|
744
754
|
};
|
|
745
755
|
};
|
|
@@ -748,21 +758,21 @@ export declare const ManamergeTheme: {
|
|
|
748
758
|
fontSize: string;
|
|
749
759
|
lineHeight: string;
|
|
750
760
|
fontWeight: number;
|
|
751
|
-
color:
|
|
761
|
+
color: "#FF1A1A";
|
|
752
762
|
margin: string;
|
|
753
763
|
};
|
|
754
764
|
tablet: {
|
|
755
765
|
fontSize: string;
|
|
756
766
|
lineHeight: string;
|
|
757
767
|
fontWeight: number;
|
|
758
|
-
color:
|
|
768
|
+
color: "#FF1A1A";
|
|
759
769
|
margin: string;
|
|
760
770
|
};
|
|
761
771
|
desktop: {
|
|
762
772
|
fontSize: string;
|
|
763
773
|
lineHeight: string;
|
|
764
774
|
fontWeight: number;
|
|
765
|
-
color:
|
|
775
|
+
color: "#FF1A1A";
|
|
766
776
|
margin: string;
|
|
767
777
|
};
|
|
768
778
|
};
|
|
@@ -771,21 +781,21 @@ export declare const ManamergeTheme: {
|
|
|
771
781
|
fontSize: string;
|
|
772
782
|
lineHeight: string;
|
|
773
783
|
fontWeight: number;
|
|
774
|
-
color:
|
|
784
|
+
color: "#FF1A1A";
|
|
775
785
|
margin: string;
|
|
776
786
|
};
|
|
777
787
|
tablet: {
|
|
778
788
|
fontSize: string;
|
|
779
789
|
lineHeight: string;
|
|
780
790
|
fontWeight: number;
|
|
781
|
-
color:
|
|
791
|
+
color: "#FF1A1A";
|
|
782
792
|
margin: string;
|
|
783
793
|
};
|
|
784
794
|
desktop: {
|
|
785
795
|
fontSize: string;
|
|
786
796
|
lineHeight: string;
|
|
787
797
|
fontWeight: number;
|
|
788
|
-
color:
|
|
798
|
+
color: "#FF1A1A";
|
|
789
799
|
margin: string;
|
|
790
800
|
};
|
|
791
801
|
};
|
|
@@ -794,21 +804,21 @@ export declare const ManamergeTheme: {
|
|
|
794
804
|
fontSize: string;
|
|
795
805
|
lineHeight: string;
|
|
796
806
|
fontWeight: number;
|
|
797
|
-
color:
|
|
807
|
+
color: "#FF1A1A";
|
|
798
808
|
margin: string;
|
|
799
809
|
};
|
|
800
810
|
tablet: {
|
|
801
811
|
fontSize: string;
|
|
802
812
|
lineHeight: string;
|
|
803
813
|
fontWeight: number;
|
|
804
|
-
color:
|
|
814
|
+
color: "#FF1A1A";
|
|
805
815
|
margin: string;
|
|
806
816
|
};
|
|
807
817
|
desktop: {
|
|
808
818
|
fontSize: string;
|
|
809
819
|
lineHeight: string;
|
|
810
820
|
fontWeight: number;
|
|
811
|
-
color:
|
|
821
|
+
color: "#FF1A1A";
|
|
812
822
|
margin: string;
|
|
813
823
|
};
|
|
814
824
|
};
|
|
@@ -817,21 +827,21 @@ export declare const ManamergeTheme: {
|
|
|
817
827
|
fontSize: string;
|
|
818
828
|
lineHeight: string;
|
|
819
829
|
fontWeight: number;
|
|
820
|
-
color:
|
|
830
|
+
color: "#FF1A1A";
|
|
821
831
|
margin: string;
|
|
822
832
|
};
|
|
823
833
|
tablet: {
|
|
824
834
|
fontSize: string;
|
|
825
835
|
lineHeight: string;
|
|
826
836
|
fontWeight: number;
|
|
827
|
-
color:
|
|
837
|
+
color: "#FF1A1A";
|
|
828
838
|
margin: string;
|
|
829
839
|
};
|
|
830
840
|
desktop: {
|
|
831
841
|
fontSize: string;
|
|
832
842
|
lineHeight: string;
|
|
833
843
|
fontWeight: number;
|
|
834
|
-
color:
|
|
844
|
+
color: "#FF1A1A";
|
|
835
845
|
margin: string;
|
|
836
846
|
};
|
|
837
847
|
};
|
|
@@ -840,21 +850,21 @@ export declare const ManamergeTheme: {
|
|
|
840
850
|
fontSize: string;
|
|
841
851
|
lineHeight: string;
|
|
842
852
|
fontWeight: number;
|
|
843
|
-
color:
|
|
853
|
+
color: "#FF1A1A";
|
|
844
854
|
margin: string;
|
|
845
855
|
};
|
|
846
856
|
tablet: {
|
|
847
857
|
fontSize: string;
|
|
848
858
|
lineHeight: string;
|
|
849
859
|
fontWeight: number;
|
|
850
|
-
color:
|
|
860
|
+
color: "#FF1A1A";
|
|
851
861
|
margin: string;
|
|
852
862
|
};
|
|
853
863
|
desktop: {
|
|
854
864
|
fontSize: string;
|
|
855
865
|
lineHeight: string;
|
|
856
866
|
fontWeight: number;
|
|
857
|
-
color:
|
|
867
|
+
color: "#FF1A1A";
|
|
858
868
|
margin: string;
|
|
859
869
|
};
|
|
860
870
|
};
|
|
@@ -863,21 +873,21 @@ export declare const ManamergeTheme: {
|
|
|
863
873
|
fontSize: string;
|
|
864
874
|
lineHeight: string;
|
|
865
875
|
fontWeight: number;
|
|
866
|
-
color:
|
|
876
|
+
color: "#FF1A1A";
|
|
867
877
|
margin: string;
|
|
868
878
|
};
|
|
869
879
|
tablet: {
|
|
870
880
|
fontSize: string;
|
|
871
881
|
lineHeight: string;
|
|
872
882
|
fontWeight: number;
|
|
873
|
-
color:
|
|
883
|
+
color: "#FF1A1A";
|
|
874
884
|
margin: string;
|
|
875
885
|
};
|
|
876
886
|
desktop: {
|
|
877
887
|
fontSize: string;
|
|
878
888
|
lineHeight: string;
|
|
879
889
|
fontWeight: number;
|
|
880
|
-
color:
|
|
890
|
+
color: "#FF1A1A";
|
|
881
891
|
margin: string;
|
|
882
892
|
};
|
|
883
893
|
};
|
|
@@ -885,37 +895,37 @@ export declare const ManamergeTheme: {
|
|
|
885
895
|
gradient: {
|
|
886
896
|
"Gradient-primary": {
|
|
887
897
|
orientation: string;
|
|
888
|
-
primaryColor:
|
|
889
|
-
secondaryColor:
|
|
898
|
+
primaryColor: "#BF9B30";
|
|
899
|
+
secondaryColor: "#FFD166";
|
|
890
900
|
};
|
|
891
901
|
"Gradient-secondary": {
|
|
892
902
|
orientation: string;
|
|
893
|
-
primaryColor:
|
|
894
|
-
secondaryColor:
|
|
903
|
+
primaryColor: "#0041FF";
|
|
904
|
+
secondaryColor: "#0031CC";
|
|
895
905
|
};
|
|
896
906
|
"Gradient-tertiary": {
|
|
897
907
|
orientation: string;
|
|
898
|
-
primaryColor:
|
|
899
|
-
secondaryColor:
|
|
908
|
+
primaryColor: "#FFD166";
|
|
909
|
+
secondaryColor: "#FF1A1A";
|
|
900
910
|
};
|
|
901
911
|
};
|
|
902
912
|
divider: {
|
|
903
913
|
"Divider-primary": {
|
|
904
|
-
color:
|
|
914
|
+
color: "#e0e0e0";
|
|
905
915
|
height: string;
|
|
906
916
|
width: string;
|
|
907
917
|
borderRadius: string;
|
|
908
918
|
margin: string;
|
|
909
919
|
};
|
|
910
920
|
"Divider-secondary": {
|
|
911
|
-
color:
|
|
921
|
+
color: "#202020";
|
|
912
922
|
height: string;
|
|
913
923
|
width: string;
|
|
914
924
|
borderRadius: string;
|
|
915
925
|
margin: string;
|
|
916
926
|
};
|
|
917
927
|
"Divider-tertiary": {
|
|
918
|
-
color:
|
|
928
|
+
color: "#FFD166";
|
|
919
929
|
height: string;
|
|
920
930
|
width: string;
|
|
921
931
|
borderRadius: string;
|
|
@@ -1213,8 +1223,8 @@ export declare const ManamergeTheme: {
|
|
|
1213
1223
|
};
|
|
1214
1224
|
atomIcon: {
|
|
1215
1225
|
variant: string;
|
|
1216
|
-
stroke:
|
|
1217
|
-
color:
|
|
1226
|
+
stroke: "#000000";
|
|
1227
|
+
color: "#000000";
|
|
1218
1228
|
};
|
|
1219
1229
|
};
|
|
1220
1230
|
};
|