@manamerge/mana-atomic-ui 1.0.21 → 1.0.23

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