@manamerge/mana-atomic-ui 1.0.21 → 1.0.22

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
@@ -0,0 +1,1442 @@
1
+ export declare const manamergeTheme: {
2
+ link: {
3
+ "Link-light": {
4
+ fontSize: string;
5
+ lineHeight: string;
6
+ fontWeight: number;
7
+ color: string;
8
+ hover: {
9
+ color: string;
10
+ };
11
+ focus: {
12
+ outline: string;
13
+ };
14
+ disabled: {
15
+ color: string;
16
+ };
17
+ };
18
+ "Link-regular": {
19
+ fontSize: string;
20
+ lineHeight: string;
21
+ fontWeight: number;
22
+ color: string;
23
+ hover: {
24
+ color: string;
25
+ };
26
+ focus: {
27
+ outline: string;
28
+ };
29
+ disabled: {
30
+ color: string;
31
+ };
32
+ };
33
+ "Link-medium": {
34
+ fontSize: string;
35
+ lineHeight: string;
36
+ fontWeight: number;
37
+ color: string;
38
+ hover: {
39
+ color: string;
40
+ };
41
+ focus: {
42
+ outline: string;
43
+ };
44
+ disabled: {
45
+ color: string;
46
+ };
47
+ };
48
+ "Link-bold": {
49
+ fontSize: string;
50
+ lineHeight: string;
51
+ fontWeight: number;
52
+ color: string;
53
+ hover: {
54
+ color: string;
55
+ };
56
+ focus: {
57
+ outline: string;
58
+ };
59
+ disabled: {
60
+ color: string;
61
+ };
62
+ };
63
+ "Link-heavy": {
64
+ fontSize: string;
65
+ lineHeight: string;
66
+ fontWeight: number;
67
+ color: string;
68
+ hover: {
69
+ color: string;
70
+ };
71
+ focus: {
72
+ outline: string;
73
+ };
74
+ disabled: {
75
+ color: string;
76
+ };
77
+ };
78
+ };
79
+ heading: {
80
+ "Heading-h1": {
81
+ mobile: {
82
+ fontSize: string;
83
+ lineHeight: string;
84
+ fontWeight: number;
85
+ color: string;
86
+ margin: string;
87
+ };
88
+ tablet: {
89
+ fontSize: string;
90
+ lineHeight: string;
91
+ fontWeight: number;
92
+ color: string;
93
+ margin: string;
94
+ };
95
+ desktop: {
96
+ fontSize: string;
97
+ lineHeight: string;
98
+ fontWeight: number;
99
+ color: string;
100
+ margin: string;
101
+ };
102
+ };
103
+ "Heading-h2": {
104
+ mobile: {
105
+ fontSize: string;
106
+ lineHeight: string;
107
+ fontWeight: number;
108
+ color: string;
109
+ margin: string;
110
+ };
111
+ tablet: {
112
+ fontSize: string;
113
+ lineHeight: string;
114
+ fontWeight: number;
115
+ color: string;
116
+ margin: string;
117
+ };
118
+ desktop: {
119
+ fontSize: string;
120
+ lineHeight: string;
121
+ fontWeight: number;
122
+ color: string;
123
+ margin: string;
124
+ };
125
+ };
126
+ "Heading-h3": {
127
+ mobile: {
128
+ fontSize: string;
129
+ lineHeight: string;
130
+ fontWeight: number;
131
+ color: string;
132
+ margin: string;
133
+ };
134
+ tablet: {
135
+ fontSize: string;
136
+ lineHeight: string;
137
+ fontWeight: number;
138
+ color: string;
139
+ margin: string;
140
+ };
141
+ desktop: {
142
+ fontSize: string;
143
+ lineHeight: string;
144
+ fontWeight: number;
145
+ color: string;
146
+ margin: string;
147
+ };
148
+ };
149
+ "Heading-h4": {
150
+ mobile: {
151
+ fontSize: string;
152
+ lineHeight: string;
153
+ fontWeight: number;
154
+ color: string;
155
+ margin: string;
156
+ };
157
+ tablet: {
158
+ fontSize: string;
159
+ lineHeight: string;
160
+ fontWeight: number;
161
+ color: string;
162
+ margin: string;
163
+ };
164
+ desktop: {
165
+ fontSize: string;
166
+ lineHeight: string;
167
+ fontWeight: number;
168
+ color: string;
169
+ margin: string;
170
+ };
171
+ };
172
+ "Heading-h5": {
173
+ mobile: {
174
+ fontSize: string;
175
+ lineHeight: string;
176
+ fontWeight: number;
177
+ color: string;
178
+ margin: string;
179
+ };
180
+ tablet: {
181
+ fontSize: string;
182
+ lineHeight: string;
183
+ fontWeight: number;
184
+ color: string;
185
+ margin: string;
186
+ };
187
+ desktop: {
188
+ fontSize: string;
189
+ lineHeight: string;
190
+ fontWeight: number;
191
+ color: string;
192
+ margin: string;
193
+ };
194
+ };
195
+ "Heading-h6": {
196
+ mobile: {
197
+ fontSize: string;
198
+ lineHeight: string;
199
+ fontWeight: number;
200
+ color: string;
201
+ margin: string;
202
+ };
203
+ tablet: {
204
+ fontSize: string;
205
+ lineHeight: string;
206
+ fontWeight: number;
207
+ color: string;
208
+ margin: string;
209
+ };
210
+ desktop: {
211
+ fontSize: string;
212
+ lineHeight: string;
213
+ fontWeight: number;
214
+ color: string;
215
+ margin: string;
216
+ };
217
+ };
218
+ };
219
+ button: {
220
+ "Button-primary": {
221
+ textTransform: string;
222
+ height: string;
223
+ width: string;
224
+ maxWidth: string;
225
+ maxHeight: string;
226
+ borderRadius: string;
227
+ lineHeight: string;
228
+ fontFamily: string;
229
+ fontWeight: number;
230
+ letterSpacing: string;
231
+ padding: string;
232
+ fontSize: string;
233
+ color: string;
234
+ textAlign: string;
235
+ display: string;
236
+ justifyContent: string;
237
+ alignItems: string;
238
+ cursor: string;
239
+ shadow: string;
240
+ transition: string;
241
+ border: string;
242
+ overflow: string;
243
+ position: string;
244
+ default: {
245
+ text: string;
246
+ border: string;
247
+ background: string;
248
+ opacity: number;
249
+ };
250
+ hover: {
251
+ text: string;
252
+ border: string;
253
+ background: string;
254
+ opacity: number;
255
+ };
256
+ active: {
257
+ text: string;
258
+ border: string;
259
+ background: string;
260
+ opacity: number;
261
+ };
262
+ disabled: {
263
+ text: string;
264
+ border: string;
265
+ background: string;
266
+ opacity: number;
267
+ };
268
+ };
269
+ "Button-secondary": {
270
+ textTransform: string;
271
+ height: string;
272
+ width: string;
273
+ maxWidth: string;
274
+ maxHeight: string;
275
+ borderRadius: string;
276
+ lineHeight: string;
277
+ fontFamily: string;
278
+ fontWeight: number;
279
+ letterSpacing: string;
280
+ padding: string;
281
+ fontSize: string;
282
+ color: string;
283
+ textAlign: string;
284
+ display: string;
285
+ justifyContent: string;
286
+ alignItems: string;
287
+ cursor: string;
288
+ shadow: string;
289
+ transition: string;
290
+ border: string;
291
+ overflow: string;
292
+ position: string;
293
+ default: {
294
+ text: string;
295
+ border: string;
296
+ background: string;
297
+ opacity: number;
298
+ };
299
+ hover: {
300
+ text: string;
301
+ border: string;
302
+ background: string;
303
+ opacity: number;
304
+ };
305
+ active: {
306
+ text: string;
307
+ border: string;
308
+ background: string;
309
+ opacity: number;
310
+ };
311
+ disabled: {
312
+ text: string;
313
+ border: string;
314
+ background: string;
315
+ opacity: number;
316
+ };
317
+ };
318
+ "Button-icon": {
319
+ default: {};
320
+ hover: {};
321
+ active: {};
322
+ disabled: {};
323
+ };
324
+ };
325
+ text: {
326
+ "Text-light": {
327
+ fontSize: string;
328
+ lineHeight: string;
329
+ fontWeight: number;
330
+ color: string;
331
+ margin: string;
332
+ };
333
+ "Text-regular": {
334
+ fontSize: string;
335
+ lineHeight: string;
336
+ fontWeight: number;
337
+ color: string;
338
+ margin: string;
339
+ };
340
+ "Text-medium": {
341
+ fontSize: string;
342
+ lineHeight: string;
343
+ fontWeight: number;
344
+ color: string;
345
+ margin: string;
346
+ };
347
+ "Text-bold": {
348
+ fontSize: string;
349
+ lineHeight: string;
350
+ fontWeight: number;
351
+ color: string;
352
+ margin: string;
353
+ };
354
+ "Text-heavy": {
355
+ fontSize: string;
356
+ lineHeight: string;
357
+ fontWeight: number;
358
+ color: string;
359
+ margin: string;
360
+ };
361
+ };
362
+ breakpoints: {
363
+ tinyMobileUp: number;
364
+ smallMobileUp: number;
365
+ mobileUp: number;
366
+ mobileLandscapeUp: number;
367
+ largeMobileUp: number;
368
+ tabletPortraitUp: number;
369
+ tabletLandscapeUp: number;
370
+ desktopUp: number;
371
+ largeDesktopUp: number;
372
+ superLargeDesktopUp: number;
373
+ };
374
+ icon: {
375
+ "Icon-small": {
376
+ size: string;
377
+ color: string;
378
+ stroke: string;
379
+ hover: {
380
+ stroke: string;
381
+ fill: string;
382
+ };
383
+ };
384
+ "Icon-medium": {
385
+ size: string;
386
+ color: string;
387
+ stroke: string;
388
+ hover: {
389
+ stroke: string;
390
+ color: string;
391
+ };
392
+ };
393
+ "Icon-large": {
394
+ size: string;
395
+ color: string;
396
+ stroke: string;
397
+ hover: {
398
+ stroke: string;
399
+ fill: string;
400
+ };
401
+ };
402
+ };
403
+ headingStyles: {
404
+ "Heading-h1": {
405
+ mobile: {
406
+ fontSize: string;
407
+ lineHeight: string;
408
+ fontWeight: number;
409
+ color: string;
410
+ margin: string;
411
+ };
412
+ tablet: {
413
+ fontSize: string;
414
+ lineHeight: string;
415
+ fontWeight: number;
416
+ color: string;
417
+ margin: string;
418
+ };
419
+ desktop: {
420
+ fontSize: string;
421
+ lineHeight: string;
422
+ fontWeight: number;
423
+ color: string;
424
+ margin: string;
425
+ };
426
+ };
427
+ "Heading-h2": {
428
+ mobile: {
429
+ fontSize: string;
430
+ lineHeight: string;
431
+ fontWeight: number;
432
+ color: string;
433
+ margin: string;
434
+ };
435
+ tablet: {
436
+ fontSize: string;
437
+ lineHeight: string;
438
+ fontWeight: number;
439
+ color: string;
440
+ margin: string;
441
+ };
442
+ desktop: {
443
+ fontSize: string;
444
+ lineHeight: string;
445
+ fontWeight: number;
446
+ color: string;
447
+ margin: string;
448
+ };
449
+ };
450
+ "Heading-h3": {
451
+ mobile: {
452
+ fontSize: string;
453
+ lineHeight: string;
454
+ fontWeight: number;
455
+ color: string;
456
+ margin: string;
457
+ };
458
+ tablet: {
459
+ fontSize: string;
460
+ lineHeight: string;
461
+ fontWeight: number;
462
+ color: string;
463
+ margin: string;
464
+ };
465
+ desktop: {
466
+ fontSize: string;
467
+ lineHeight: string;
468
+ fontWeight: number;
469
+ color: string;
470
+ margin: string;
471
+ };
472
+ };
473
+ "Heading-h4": {
474
+ mobile: {
475
+ fontSize: string;
476
+ lineHeight: string;
477
+ fontWeight: number;
478
+ color: string;
479
+ margin: string;
480
+ };
481
+ tablet: {
482
+ fontSize: string;
483
+ lineHeight: string;
484
+ fontWeight: number;
485
+ color: string;
486
+ margin: string;
487
+ };
488
+ desktop: {
489
+ fontSize: string;
490
+ lineHeight: string;
491
+ fontWeight: number;
492
+ color: string;
493
+ margin: string;
494
+ };
495
+ };
496
+ "Heading-h5": {
497
+ mobile: {
498
+ fontSize: string;
499
+ lineHeight: string;
500
+ fontWeight: number;
501
+ color: string;
502
+ margin: string;
503
+ };
504
+ tablet: {
505
+ fontSize: string;
506
+ lineHeight: string;
507
+ fontWeight: number;
508
+ color: string;
509
+ margin: string;
510
+ };
511
+ desktop: {
512
+ fontSize: string;
513
+ lineHeight: string;
514
+ fontWeight: number;
515
+ color: string;
516
+ margin: string;
517
+ };
518
+ };
519
+ "Heading-h6": {
520
+ mobile: {
521
+ fontSize: string;
522
+ lineHeight: string;
523
+ fontWeight: number;
524
+ color: string;
525
+ margin: string;
526
+ };
527
+ tablet: {
528
+ fontSize: string;
529
+ lineHeight: string;
530
+ fontWeight: number;
531
+ color: string;
532
+ margin: string;
533
+ };
534
+ desktop: {
535
+ fontSize: string;
536
+ lineHeight: string;
537
+ fontWeight: number;
538
+ color: string;
539
+ margin: string;
540
+ };
541
+ };
542
+ };
543
+ gradient: {
544
+ "Gradient-primary": {
545
+ orientation: string;
546
+ primaryColor: string;
547
+ secondaryColor: string;
548
+ };
549
+ "Gradient-secondary": {
550
+ orientation: string;
551
+ primaryColor: string;
552
+ secondaryColor: string;
553
+ };
554
+ "Gradient-tertiary": {
555
+ orientation: string;
556
+ primaryColor: string;
557
+ secondaryColor: string;
558
+ };
559
+ };
560
+ divider: {
561
+ "Divider-primary": {
562
+ color: string;
563
+ height: string;
564
+ width: string;
565
+ borderRadius: string;
566
+ margin: string;
567
+ };
568
+ "Divider-secondary": {
569
+ color: string;
570
+ height: string;
571
+ width: string;
572
+ borderRadius: string;
573
+ margin: string;
574
+ };
575
+ "Divider-tertiary": {
576
+ color: string;
577
+ height: string;
578
+ width: string;
579
+ borderRadius: string;
580
+ margin: string;
581
+ };
582
+ };
583
+ header: {
584
+ "Header-primary": {
585
+ backgroundColor1: string;
586
+ backgroundColor2: string;
587
+ bannerColor: string;
588
+ atomIconTop: {
589
+ variant: string;
590
+ stroke: string;
591
+ fill: string;
592
+ hover: {
593
+ stroke: string;
594
+ fill: string;
595
+ };
596
+ };
597
+ atomIconDot: {
598
+ variant: string;
599
+ size: string;
600
+ fill: string;
601
+ stroke: string;
602
+ hover: {
603
+ stroke: string;
604
+ };
605
+ };
606
+ atomHeading: {
607
+ variant: string;
608
+ };
609
+ atomTextTitle: {
610
+ variant: string;
611
+ };
612
+ atomButtonLeft: {
613
+ variant: string;
614
+ };
615
+ atomButtonRight: {
616
+ variant: string;
617
+ };
618
+ atomTextLeft: {
619
+ variant: string;
620
+ };
621
+ atomTextRight: {
622
+ variant: string;
623
+ };
624
+ atomIconLeft: {
625
+ variant: string;
626
+ };
627
+ atomIconRight: {
628
+ variant: string;
629
+ };
630
+ };
631
+ };
632
+ navigation: {
633
+ "Navigation-primary": {
634
+ background: string;
635
+ atomIcon: {
636
+ variant: string;
637
+ color: string;
638
+ focus: {
639
+ outline: string;
640
+ outlineOffset: string;
641
+ boxShadow: string;
642
+ color: string;
643
+ };
644
+ hover: {
645
+ color: string;
646
+ transition: string;
647
+ };
648
+ };
649
+ atomLink: {
650
+ variant: string;
651
+ color: string;
652
+ fontWeight: string;
653
+ currentPath: {
654
+ color: string;
655
+ fontWeight: string;
656
+ };
657
+ focus: {
658
+ color: string;
659
+ boxShadow: string;
660
+ transform: string;
661
+ };
662
+ hover: {
663
+ color: string;
664
+ transition: string;
665
+ };
666
+ };
667
+ atomButton: {
668
+ variant: string;
669
+ };
670
+ };
671
+ };
672
+ footer: {
673
+ "Footer-primary": {
674
+ background: string;
675
+ padding: string;
676
+ gap: string;
677
+ text: {
678
+ variant: string;
679
+ color: string;
680
+ hover: {
681
+ color: string;
682
+ };
683
+ };
684
+ links: {
685
+ variant: string;
686
+ };
687
+ icons: {
688
+ variant: string;
689
+ };
690
+ };
691
+ };
692
+ cardTeaser: {
693
+ "CardTeaser-primary": {
694
+ background: string;
695
+ gradientBackground: string;
696
+ borderRadius: string;
697
+ maxWidth: string;
698
+ text: {
699
+ variant: string;
700
+ color: string;
701
+ margin: string;
702
+ };
703
+ icon: {
704
+ variant: string;
705
+ };
706
+ button: {
707
+ variant: string;
708
+ };
709
+ imageContainer: {
710
+ responsive: {
711
+ tinyMobileUp: {
712
+ right: string;
713
+ top: string;
714
+ padding: string;
715
+ };
716
+ largeMobileUp: {
717
+ right: string;
718
+ top: string;
719
+ padding: string;
720
+ };
721
+ desktopUp: {
722
+ padding: string;
723
+ };
724
+ };
725
+ };
726
+ image: {
727
+ borderRadius: string;
728
+ };
729
+ list: {
730
+ padding: string;
731
+ margin: string;
732
+ };
733
+ leftCardContainer: {
734
+ responsive: {
735
+ tinyMobileUp: {
736
+ padding: string;
737
+ maxWidth: string;
738
+ };
739
+ desktopUp: {
740
+ padding: string;
741
+ };
742
+ };
743
+ };
744
+ listItem: {
745
+ responsive: {
746
+ tinyMobileUp: {
747
+ gap: string;
748
+ };
749
+ mobileUp: {
750
+ gap: string;
751
+ };
752
+ };
753
+ };
754
+ separator: {
755
+ padding: string;
756
+ border: string;
757
+ };
758
+ headingTitle: {
759
+ variant: string;
760
+ color: string;
761
+ };
762
+ headingCompanyDate: {
763
+ variant: string;
764
+ color: string;
765
+ textTransform: string;
766
+ };
767
+ };
768
+ };
769
+ breakerTape: {
770
+ "BreakerTape-primary": {
771
+ icon: {
772
+ variant: string;
773
+ fill: string;
774
+ stroke: string;
775
+ hover: {
776
+ stroke: string;
777
+ fill: string;
778
+ };
779
+ };
780
+ text: {
781
+ variant: string;
782
+ color: string;
783
+ };
784
+ tapeContent: {
785
+ alignItems: string;
786
+ gap: string;
787
+ slowness: string;
788
+ };
789
+ tapeContainer: {
790
+ width: string;
791
+ transform: string;
792
+ background: string;
793
+ padding: string;
794
+ margin: string;
795
+ };
796
+ };
797
+ };
798
+ cardSimpleRender: {
799
+ "CardSimpleRender-primary": {
800
+ flexDirection: string;
801
+ justifyContent: string;
802
+ gap: string;
803
+ background: string;
804
+ gradientBackground: string;
805
+ border: string;
806
+ borderRadius: string;
807
+ padding: string;
808
+ height: string;
809
+ maxWidth: string;
810
+ focus: {
811
+ border: string;
812
+ boxShadow: string;
813
+ transition: string;
814
+ };
815
+ hover: {
816
+ border: string;
817
+ boxShadow: string;
818
+ transition: string;
819
+ };
820
+ atomIcon: {
821
+ variant: string;
822
+ };
823
+ atomHeading: {
824
+ variant: string;
825
+ };
826
+ atomText: {
827
+ variant: string;
828
+ };
829
+ };
830
+ };
831
+ cardBanner: {
832
+ "CardBanner-primary": {
833
+ flexDirection: string;
834
+ justifyContent: string;
835
+ background: string;
836
+ border: string;
837
+ borderRadius: string;
838
+ padding: string;
839
+ atomHeading: {
840
+ variant: string;
841
+ };
842
+ atomText: {
843
+ variant: string;
844
+ };
845
+ atomButton: {
846
+ variant: string;
847
+ };
848
+ atomTextButton: {
849
+ variant: string;
850
+ };
851
+ atomIcon: {
852
+ variant: string;
853
+ };
854
+ };
855
+ };
856
+ media: {
857
+ tinyMobileUp: string;
858
+ smallMobileUp: string;
859
+ mobileUp: string;
860
+ mobileLandscapeUp: string;
861
+ largeMobileUp: string;
862
+ tabletPortraitUp: string;
863
+ tabletLandscapeUp: string;
864
+ desktopUp: string;
865
+ largeDesktopUp: string;
866
+ superLargeDesktopUp: string;
867
+ };
868
+ colors: {
869
+ light: string;
870
+ white: string;
871
+ grey: string;
872
+ accent: string;
873
+ active: string;
874
+ affirmative: string;
875
+ affirmativeDark: string;
876
+ affirmativeAlternate: string;
877
+ cta: string;
878
+ dark: string;
879
+ separator: string;
880
+ disabledBg: string;
881
+ disabledText: string;
882
+ divider: string;
883
+ error: string;
884
+ errorHoverBack: string;
885
+ hover: string;
886
+ lightBack: string;
887
+ navigateText: string;
888
+ notice: string;
889
+ outline: string;
890
+ primary: string;
891
+ primaryDark: string;
892
+ primaryDarker: string;
893
+ readMore: string;
894
+ secondary: string;
895
+ secondaryLighter: string;
896
+ socialIcon: string;
897
+ socialIconSecondary: string;
898
+ text: string;
899
+ textAccent: string;
900
+ textLight: string;
901
+ border: string;
902
+ signedUp: string;
903
+ borderError: string;
904
+ borderHover: string;
905
+ };
906
+ pages: {
907
+ vod: {
908
+ top: {
909
+ text: string;
910
+ desktop: string;
911
+ tablet: string;
912
+ mobile: string;
913
+ };
914
+ main: {
915
+ background: string;
916
+ text: string;
917
+ columns: number;
918
+ gap: {
919
+ mobile: string;
920
+ tablet: string;
921
+ desktop: string;
922
+ };
923
+ };
924
+ };
925
+ meetups: {};
926
+ };
927
+ components: {
928
+ meetupCard: {
929
+ backgroundColor: string;
930
+ typeColor: string;
931
+ dateColor: string;
932
+ titleColor: string;
933
+ descriptionColor: string;
934
+ buttonVariant: string;
935
+ reversedButtons: boolean;
936
+ fullTextColor: string;
937
+ fullBackground: string;
938
+ };
939
+ textArea: {
940
+ default: string;
941
+ active: string;
942
+ hover: string;
943
+ disabledText: string;
944
+ };
945
+ qnAList: {
946
+ buttonVariant: string;
947
+ titleColor: string;
948
+ textColor: string;
949
+ disabledBackground: string;
950
+ };
951
+ qnACard: {
952
+ voteButtonIcon: boolean;
953
+ background: string;
954
+ textColor: string;
955
+ footerFlexDirection: string;
956
+ buttonVariant: string;
957
+ scrollbar: {
958
+ width: string;
959
+ };
960
+ scrollbarThumb: {
961
+ background: string;
962
+ };
963
+ scrollbarTrack: {
964
+ boxShadow: string;
965
+ borderRadius: string;
966
+ };
967
+ };
968
+ toolTip: {
969
+ textColor: string;
970
+ toolTipTextColor: string;
971
+ toolTipBackgroundColor: string;
972
+ textTransform: string;
973
+ };
974
+ formLabel: {
975
+ labelColor: string;
976
+ requiredStarColor: string;
977
+ };
978
+ selectBox: {
979
+ textColor: string;
980
+ selectedTextColor: string;
981
+ disabledText: string;
982
+ backgroundColor: string;
983
+ hover: string;
984
+ width: string;
985
+ height: string;
986
+ topOpen: string;
987
+ topClosed: string;
988
+ right: string;
989
+ selectBoxIconArrow: string;
990
+ selectBoxIconArrowLight: string;
991
+ borderColor: string;
992
+ errorBorderColor: string;
993
+ };
994
+ modal: {
995
+ top: {
996
+ text: string;
997
+ background: string;
998
+ titleColor: string;
999
+ mobileAlignCenter: boolean;
1000
+ };
1001
+ bottom: {
1002
+ text: string;
1003
+ background: string;
1004
+ };
1005
+ greyText: string;
1006
+ selectedItem: string;
1007
+ topBarColor: string;
1008
+ closeButtonMargin: string;
1009
+ closeButtonColor: {
1010
+ desktop: string;
1011
+ mobile: string;
1012
+ };
1013
+ categoryVariant: string;
1014
+ };
1015
+ notificationToast: {
1016
+ background: string;
1017
+ footerLinkColor: string;
1018
+ closeButtonColor: {
1019
+ desktop: string;
1020
+ mobile: string;
1021
+ };
1022
+ };
1023
+ modalPlayer: {
1024
+ closeButtonColor: {
1025
+ desktop: string;
1026
+ mobile: string;
1027
+ };
1028
+ };
1029
+ modalSpeaker: {
1030
+ nameHeadingVariant: string;
1031
+ isJobTitleHeading: boolean;
1032
+ aboutMeHeadingVariant: string;
1033
+ textVariant: string;
1034
+ avatarSize: string;
1035
+ socialIconSpacing: string;
1036
+ hasMoreSpace: boolean;
1037
+ socialIconColor: string;
1038
+ jobCompanySeperateLines: boolean;
1039
+ };
1040
+ modalQuestion: {
1041
+ padding: string;
1042
+ margin: string;
1043
+ buttonFullWidth: boolean;
1044
+ questionLength: number;
1045
+ };
1046
+ modalQuestionSent: {
1047
+ padding: string;
1048
+ margin: string;
1049
+ buttonFullWidth: boolean;
1050
+ };
1051
+ modalShareHug: {
1052
+ padding: string;
1053
+ margin: string;
1054
+ headingMargin: string;
1055
+ paddingModal: string;
1056
+ };
1057
+ modalVodDetail: {
1058
+ topTitle: boolean;
1059
+ title: {
1060
+ textColor: string;
1061
+ background: string;
1062
+ categoryColor: string;
1063
+ centered: boolean;
1064
+ hasMoreSpace: boolean;
1065
+ };
1066
+ description: {
1067
+ headingVariant: string;
1068
+ textVariant: string;
1069
+ };
1070
+ speakers: {
1071
+ headingVariant: string;
1072
+ textColor: string;
1073
+ background: string;
1074
+ jobTitleColor: string;
1075
+ jobTitleSpacing: boolean;
1076
+ socialIconColor: string;
1077
+ horizontalRulerColor: string;
1078
+ isJobTitleHeading: boolean;
1079
+ avatarSize: string;
1080
+ direction: string;
1081
+ mobileAlignCenter: boolean;
1082
+ mobileAvatarFullWidth: boolean;
1083
+ };
1084
+ };
1085
+ vodTop: {
1086
+ titleHeadingVariant: string;
1087
+ isLight: boolean;
1088
+ showCategories: boolean;
1089
+ showViewAllVideos: boolean;
1090
+ hasMoreSpace: boolean;
1091
+ };
1092
+ vodOverview: {
1093
+ categoryVariant: string;
1094
+ useCheckboxes: boolean;
1095
+ titleHeadingVariant: string;
1096
+ showCategories: boolean;
1097
+ showFilter: boolean;
1098
+ marginLeftWhenMobile: string;
1099
+ };
1100
+ vodDetail: {
1101
+ topTitleColor: string;
1102
+ dateTimeColor: string;
1103
+ };
1104
+ partnerOverview: {
1105
+ showFilter: boolean;
1106
+ showPromoOverview: boolean;
1107
+ promoOverviewColor: string;
1108
+ };
1109
+ videoThumb: {
1110
+ hoverEffect: string;
1111
+ titleColor: string;
1112
+ };
1113
+ LiveThumb: {
1114
+ textColor: string;
1115
+ };
1116
+ schedule: {
1117
+ background: string;
1118
+ textColor: string;
1119
+ trackTitleColor: string;
1120
+ timeLineTextColor: string;
1121
+ rowDividerColor: string;
1122
+ dayColor: string;
1123
+ dayActiveColor: string;
1124
+ dayBorderColor: string;
1125
+ trackColor: string;
1126
+ trackActiveColor: string;
1127
+ };
1128
+ sessionCard: {
1129
+ background: string;
1130
+ backgroundHover: string;
1131
+ categoryVariant: string;
1132
+ categoryTextColor: string;
1133
+ dateColor: string;
1134
+ titleColor: string;
1135
+ speakerColor: string;
1136
+ progressBarBackground: string;
1137
+ progressBar: string;
1138
+ heading: {
1139
+ fontSize: string;
1140
+ lineHeight: string;
1141
+ };
1142
+ processingTextColor: string;
1143
+ };
1144
+ navigation: {
1145
+ textColor: string;
1146
+ backgroundColor: string;
1147
+ navLink: string;
1148
+ profileDropdown: {
1149
+ textColor: string;
1150
+ backgroundColor: string;
1151
+ backgroundColorHover: string;
1152
+ };
1153
+ };
1154
+ faqToggle: {
1155
+ textColor: string;
1156
+ };
1157
+ filter: {
1158
+ textColor: string;
1159
+ background: string;
1160
+ };
1161
+ subMenu: {
1162
+ textColor: string;
1163
+ backgroundColor: string;
1164
+ navLink: string;
1165
+ };
1166
+ trackFilter: {
1167
+ textColor: string;
1168
+ navLink: string;
1169
+ };
1170
+ scheduleSubMenu: {
1171
+ backgroundColor: string;
1172
+ };
1173
+ sidePanel: {
1174
+ textColor: string;
1175
+ background: string;
1176
+ width: string;
1177
+ backdropFilter: string;
1178
+ };
1179
+ dateTime: {
1180
+ useSuffixedDay: boolean;
1181
+ };
1182
+ meetupSignups: {
1183
+ textColor: string;
1184
+ textColorLastPic: string;
1185
+ pictureBackground: string;
1186
+ backgroundColor: string;
1187
+ };
1188
+ sessionQnA: {
1189
+ textColor: string;
1190
+ background: string;
1191
+ };
1192
+ };
1193
+ socialIcons: {
1194
+ lightgrey: {
1195
+ linkedin: string;
1196
+ facebook: string;
1197
+ github: string;
1198
+ instagram: string;
1199
+ twitter: string;
1200
+ website: string;
1201
+ youtube: string;
1202
+ };
1203
+ white: {
1204
+ linkedin: string;
1205
+ facebook: string;
1206
+ github: string;
1207
+ instagram: string;
1208
+ twitter: string;
1209
+ website: string;
1210
+ };
1211
+ };
1212
+ fonts: {
1213
+ default: string;
1214
+ };
1215
+ borderRadius: {
1216
+ button: string;
1217
+ input: string;
1218
+ countdown: string;
1219
+ };
1220
+ checkbox: {
1221
+ dark: {
1222
+ width: string;
1223
+ height: string;
1224
+ top: string;
1225
+ left: string;
1226
+ borderRadius: string;
1227
+ text: string;
1228
+ default: {
1229
+ check: string;
1230
+ border: string;
1231
+ background: string;
1232
+ };
1233
+ hover: {
1234
+ check: string;
1235
+ border: string;
1236
+ };
1237
+ checked: {
1238
+ text: string;
1239
+ check: string;
1240
+ border: string;
1241
+ background: string;
1242
+ };
1243
+ checkedhover: {
1244
+ check: string;
1245
+ border: string;
1246
+ background: string;
1247
+ opacity: number;
1248
+ };
1249
+ disabled: {
1250
+ check: string;
1251
+ border: string;
1252
+ background: string;
1253
+ opacity: number;
1254
+ };
1255
+ };
1256
+ light: {
1257
+ width: string;
1258
+ height: string;
1259
+ top: string;
1260
+ left: string;
1261
+ borderRadius: string;
1262
+ text: string;
1263
+ default: {
1264
+ check: string;
1265
+ border: string;
1266
+ background: string;
1267
+ };
1268
+ hover: {
1269
+ check: string;
1270
+ border: string;
1271
+ };
1272
+ checked: {
1273
+ check: string;
1274
+ border: string;
1275
+ background: string;
1276
+ };
1277
+ checkedhover: {
1278
+ check: string;
1279
+ border: string;
1280
+ background: string;
1281
+ };
1282
+ disabled: {
1283
+ check: string;
1284
+ border: string;
1285
+ background: string;
1286
+ opacity: number;
1287
+ };
1288
+ };
1289
+ };
1290
+ combination: {
1291
+ light: {};
1292
+ dark: {};
1293
+ pulldown: {};
1294
+ selected: {
1295
+ background: string;
1296
+ text: string;
1297
+ };
1298
+ error: {
1299
+ text: string;
1300
+ background: string;
1301
+ };
1302
+ success: {};
1303
+ header: {
1304
+ text: string;
1305
+ background: string;
1306
+ orientation: string;
1307
+ };
1308
+ shade: {};
1309
+ hover: {};
1310
+ recommended: {};
1311
+ };
1312
+ sponsorMeeting: {
1313
+ descriptionBackground: string;
1314
+ descriptionText: string;
1315
+ };
1316
+ menu: {
1317
+ light: {
1318
+ background: string;
1319
+ text: string;
1320
+ };
1321
+ dark: {
1322
+ background: string;
1323
+ text: string;
1324
+ };
1325
+ mobile: {
1326
+ background: string;
1327
+ text: string;
1328
+ textActive: string;
1329
+ };
1330
+ };
1331
+ background: {
1332
+ default: string;
1333
+ };
1334
+ category: {
1335
+ textLight: string;
1336
+ textDark: string;
1337
+ light: string;
1338
+ dark: string;
1339
+ hover: string;
1340
+ active: string;
1341
+ gap: string;
1342
+ };
1343
+ rowBackground: {
1344
+ default: {
1345
+ text: string;
1346
+ desktop: string;
1347
+ tablet: string;
1348
+ mobile: string;
1349
+ };
1350
+ light: {
1351
+ text: string;
1352
+ desktop: string;
1353
+ tablet: string;
1354
+ mobile: string;
1355
+ };
1356
+ image1: {
1357
+ text: string;
1358
+ desktop: string;
1359
+ tablet: string;
1360
+ mobile: string;
1361
+ };
1362
+ };
1363
+ images: {
1364
+ navBarLogoDark: string;
1365
+ footerLogo: {};
1366
+ };
1367
+ ratingPopup: {
1368
+ lowRating: string;
1369
+ mediumRating: string;
1370
+ highRating: string;
1371
+ backgroundHover: string;
1372
+ ratingText: string;
1373
+ };
1374
+ icons: {
1375
+ arrowDown: string;
1376
+ navigationBack: string;
1377
+ navigationForward: string;
1378
+ close: string;
1379
+ delete: string;
1380
+ calendar: string;
1381
+ addToCalendar: string;
1382
+ remove: string;
1383
+ plus: string;
1384
+ added: string;
1385
+ info: string;
1386
+ sectionLogoIcon: string;
1387
+ defaultAvatar: string;
1388
+ notificationArrow: string;
1389
+ };
1390
+ iconColors: {
1391
+ dark: string;
1392
+ noColor: string;
1393
+ };
1394
+ hero: {};
1395
+ pagination: {
1396
+ buttonVariant: string;
1397
+ iconRight: string;
1398
+ iconLeft: string;
1399
+ };
1400
+ meetup: {
1401
+ buttonVariant: string;
1402
+ };
1403
+ player_cta: {};
1404
+ profile: {
1405
+ card: {};
1406
+ };
1407
+ notifications: {
1408
+ toast: {
1409
+ buttonVariant: string;
1410
+ };
1411
+ textColor: string;
1412
+ descriptionFontSize: string;
1413
+ background: string;
1414
+ };
1415
+ chat: {
1416
+ pickerInline: boolean;
1417
+ inputChat: {
1418
+ background: string;
1419
+ border: string;
1420
+ };
1421
+ chatList: {
1422
+ scrollbar: {
1423
+ width: string;
1424
+ };
1425
+ scrollbarThumb: {
1426
+ background: string;
1427
+ };
1428
+ scrollbarTrack: {
1429
+ boxShadow: string;
1430
+ borderRadius: string;
1431
+ };
1432
+ };
1433
+ };
1434
+ partners: {};
1435
+ maxWidth: string;
1436
+ navigationFontSize: string;
1437
+ vodRowMaxHight: string;
1438
+ inputField: {
1439
+ height: string;
1440
+ };
1441
+ };
1442
+ export default manamergeTheme;