@manamerge/mana-atomic-ui 1.0.35 → 1.0.36

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 (45) hide show
  1. package/dist/index.d.ts +1 -3312
  2. package/dist/index.js +5 -4442
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/DavidWebTheme.js +611 -0
  5. package/dist/themes/ManamergeTheme.js +588 -0
  6. package/dist/themes/davidWeb/atoms/button.js +107 -0
  7. package/dist/themes/davidWeb/atoms/checkbox.js +72 -0
  8. package/dist/themes/davidWeb/atoms/divider.js +24 -0
  9. package/dist/themes/davidWeb/atoms/gradient.js +18 -0
  10. package/dist/themes/davidWeb/atoms/heading.js +141 -0
  11. package/dist/themes/davidWeb/atoms/icon.js +30 -0
  12. package/dist/themes/davidWeb/atoms/link.js +78 -0
  13. package/dist/themes/davidWeb/atoms/text.js +38 -0
  14. package/dist/themes/davidWeb/layouts/pint3.js +13 -0
  15. package/dist/themes/davidWeb/miscellaneous/breakpoints.js +14 -0
  16. package/dist/themes/davidWeb/molecules/accordion.js +29 -0
  17. package/dist/themes/davidWeb/molecules/breakerTape.js +30 -0
  18. package/dist/themes/davidWeb/molecules/cardBanner.js +26 -0
  19. package/dist/themes/davidWeb/molecules/cardSimpleRender.js +34 -0
  20. package/dist/themes/davidWeb/molecules/cardTeaser.js +69 -0
  21. package/dist/themes/davidWeb/molecules/footer.js +26 -0
  22. package/dist/themes/davidWeb/molecules/header.js +94 -0
  23. package/dist/themes/davidWeb/molecules/navigation.js +53 -0
  24. package/dist/themes/manamerge/atoms/button.js +108 -0
  25. package/dist/themes/manamerge/atoms/checkbox.js +72 -0
  26. package/dist/themes/manamerge/atoms/divider.js +25 -0
  27. package/dist/themes/manamerge/atoms/gradient.js +19 -0
  28. package/dist/themes/manamerge/atoms/heading.js +280 -0
  29. package/dist/themes/manamerge/atoms/icon.js +30 -0
  30. package/dist/themes/manamerge/atoms/link.js +124 -0
  31. package/dist/themes/manamerge/atoms/text.js +62 -0
  32. package/dist/themes/manamerge/layouts/pint3.js +13 -0
  33. package/dist/themes/manamerge/miscellaneous/breakpoints.js +14 -0
  34. package/dist/themes/manamerge/miscellaneous/colorpalette.js +31 -0
  35. package/dist/themes/manamerge/miscellaneous/fontsizes.js +11 -0
  36. package/dist/themes/manamerge/molecules/accordion.js +29 -0
  37. package/dist/themes/manamerge/molecules/breakerTape.js +30 -0
  38. package/dist/themes/manamerge/molecules/cardBanner.js +26 -0
  39. package/dist/themes/manamerge/molecules/cardSimpleRender.js +35 -0
  40. package/dist/themes/manamerge/molecules/cardTeaser.js +69 -0
  41. package/dist/themes/manamerge/molecules/footer.js +26 -0
  42. package/dist/themes/manamerge/molecules/header.js +86 -0
  43. package/dist/themes/manamerge/molecules/navigation.js +53 -0
  44. package/dist/types/index.d.ts +0 -1
  45. package/package.json +4 -2
package/dist/index.d.ts CHANGED
@@ -211,3315 +211,4 @@ interface Pint3Types {
211
211
  }
212
212
  declare const Pint3: React.FC<Pint3Types>;
213
213
 
214
- declare const DavidWebTheme: {
215
- name: string;
216
- link: {
217
- "Link-light": {
218
- fontSize: string;
219
- lineHeight: string;
220
- fontWeight: number;
221
- color: string;
222
- hover: {
223
- color: string;
224
- };
225
- focus: {
226
- outline: string;
227
- };
228
- disabled: {
229
- color: string;
230
- };
231
- };
232
- "Link-regular": {
233
- fontSize: string;
234
- lineHeight: string;
235
- fontWeight: number;
236
- color: string;
237
- hover: {
238
- color: string;
239
- };
240
- focus: {
241
- outline: string;
242
- };
243
- disabled: {
244
- color: string;
245
- };
246
- };
247
- "Link-medium": {
248
- fontSize: string;
249
- lineHeight: string;
250
- fontWeight: number;
251
- color: string;
252
- hover: {
253
- color: string;
254
- };
255
- focus: {
256
- outline: string;
257
- };
258
- disabled: {
259
- color: string;
260
- };
261
- };
262
- "Link-bold": {
263
- fontSize: string;
264
- lineHeight: string;
265
- fontWeight: number;
266
- color: string;
267
- hover: {
268
- color: string;
269
- };
270
- focus: {
271
- outline: string;
272
- };
273
- disabled: {
274
- color: string;
275
- };
276
- };
277
- "Link-heavy": {
278
- fontSize: string;
279
- lineHeight: string;
280
- fontWeight: number;
281
- color: string;
282
- hover: {
283
- color: string;
284
- };
285
- focus: {
286
- outline: string;
287
- };
288
- disabled: {
289
- color: string;
290
- };
291
- };
292
- };
293
- heading: {
294
- "Heading-h1": {
295
- mobile: {
296
- fontSize: string;
297
- lineHeight: string;
298
- fontWeight: number;
299
- color: string;
300
- margin: string;
301
- };
302
- tablet: {
303
- fontSize: string;
304
- lineHeight: string;
305
- fontWeight: number;
306
- color: string;
307
- margin: string;
308
- };
309
- desktop: {
310
- fontSize: string;
311
- lineHeight: string;
312
- fontWeight: number;
313
- color: string;
314
- margin: string;
315
- };
316
- };
317
- "Heading-h2": {
318
- mobile: {
319
- fontSize: string;
320
- lineHeight: string;
321
- fontWeight: number;
322
- color: string;
323
- margin: string;
324
- };
325
- tablet: {
326
- fontSize: string;
327
- lineHeight: string;
328
- fontWeight: number;
329
- color: string;
330
- margin: string;
331
- };
332
- desktop: {
333
- fontSize: string;
334
- lineHeight: string;
335
- fontWeight: number;
336
- color: string;
337
- margin: string;
338
- };
339
- };
340
- "Heading-h3": {
341
- mobile: {
342
- fontSize: string;
343
- lineHeight: string;
344
- fontWeight: number;
345
- color: string;
346
- margin: string;
347
- };
348
- tablet: {
349
- fontSize: string;
350
- lineHeight: string;
351
- fontWeight: number;
352
- color: string;
353
- margin: string;
354
- };
355
- desktop: {
356
- fontSize: string;
357
- lineHeight: string;
358
- fontWeight: number;
359
- color: string;
360
- margin: string;
361
- };
362
- };
363
- "Heading-h4": {
364
- mobile: {
365
- fontSize: string;
366
- lineHeight: string;
367
- fontWeight: number;
368
- color: string;
369
- margin: string;
370
- };
371
- tablet: {
372
- fontSize: string;
373
- lineHeight: string;
374
- fontWeight: number;
375
- color: string;
376
- margin: string;
377
- };
378
- desktop: {
379
- fontSize: string;
380
- lineHeight: string;
381
- fontWeight: number;
382
- color: string;
383
- margin: string;
384
- };
385
- };
386
- "Heading-h5": {
387
- mobile: {
388
- fontSize: string;
389
- lineHeight: string;
390
- fontWeight: number;
391
- color: string;
392
- margin: string;
393
- };
394
- tablet: {
395
- fontSize: string;
396
- lineHeight: string;
397
- fontWeight: number;
398
- color: string;
399
- margin: string;
400
- };
401
- desktop: {
402
- fontSize: string;
403
- lineHeight: string;
404
- fontWeight: number;
405
- color: string;
406
- margin: string;
407
- };
408
- };
409
- "Heading-h6": {
410
- mobile: {
411
- fontSize: string;
412
- lineHeight: string;
413
- fontWeight: number;
414
- color: string;
415
- margin: string;
416
- };
417
- tablet: {
418
- fontSize: string;
419
- lineHeight: string;
420
- fontWeight: number;
421
- color: string;
422
- margin: string;
423
- };
424
- desktop: {
425
- fontSize: string;
426
- lineHeight: string;
427
- fontWeight: number;
428
- color: string;
429
- margin: string;
430
- };
431
- };
432
- };
433
- button: {
434
- "Button-primary": {
435
- textTransform: string;
436
- height: string;
437
- width: string;
438
- maxWidth: string;
439
- maxHeight: string;
440
- borderRadius: string;
441
- lineHeight: string;
442
- fontFamily: string;
443
- fontWeight: number;
444
- letterSpacing: string;
445
- padding: string;
446
- fontSize: string;
447
- color: string;
448
- textAlign: string;
449
- display: string;
450
- justifyContent: string;
451
- alignItems: string;
452
- cursor: string;
453
- shadow: string;
454
- transition: string;
455
- border: string;
456
- overflow: string;
457
- position: string;
458
- default: {
459
- text: string;
460
- border: string;
461
- background: string;
462
- opacity: number;
463
- };
464
- hover: {
465
- text: string;
466
- border: string;
467
- background: string;
468
- opacity: number;
469
- };
470
- active: {
471
- text: string;
472
- border: string;
473
- background: string;
474
- opacity: number;
475
- };
476
- disabled: {
477
- text: string;
478
- border: string;
479
- background: string;
480
- opacity: number;
481
- };
482
- };
483
- "Button-secondary": {
484
- textTransform: string;
485
- height: string;
486
- width: string;
487
- maxWidth: string;
488
- maxHeight: string;
489
- borderRadius: string;
490
- lineHeight: string;
491
- fontFamily: string;
492
- fontWeight: number;
493
- letterSpacing: string;
494
- padding: string;
495
- fontSize: string;
496
- color: string;
497
- textAlign: string;
498
- display: string;
499
- justifyContent: string;
500
- alignItems: string;
501
- cursor: string;
502
- shadow: string;
503
- transition: string;
504
- border: string;
505
- overflow: string;
506
- position: string;
507
- default: {
508
- text: string;
509
- border: string;
510
- background: string;
511
- opacity: number;
512
- };
513
- hover: {
514
- text: string;
515
- border: string;
516
- background: string;
517
- opacity: number;
518
- };
519
- active: {
520
- text: string;
521
- border: string;
522
- background: string;
523
- opacity: number;
524
- };
525
- disabled: {
526
- text: string;
527
- border: string;
528
- background: string;
529
- opacity: number;
530
- };
531
- };
532
- "Button-icon": {
533
- default: {};
534
- hover: {};
535
- active: {};
536
- disabled: {};
537
- };
538
- };
539
- text: {
540
- "Text-light": {
541
- fontSize: string;
542
- lineHeight: string;
543
- fontWeight: number;
544
- color: string;
545
- margin: string;
546
- };
547
- "Text-regular": {
548
- fontSize: string;
549
- lineHeight: string;
550
- fontWeight: number;
551
- color: string;
552
- margin: string;
553
- };
554
- "Text-medium": {
555
- fontSize: string;
556
- lineHeight: string;
557
- fontWeight: number;
558
- color: string;
559
- margin: string;
560
- };
561
- "Text-bold": {
562
- fontSize: string;
563
- lineHeight: string;
564
- fontWeight: number;
565
- color: string;
566
- margin: string;
567
- };
568
- "Text-heavy": {
569
- fontSize: string;
570
- lineHeight: string;
571
- fontWeight: number;
572
- color: string;
573
- margin: string;
574
- };
575
- };
576
- breakpoints: {
577
- tinyMobileUp: number;
578
- smallMobileUp: number;
579
- mobileUp: number;
580
- mobileLandscapeUp: number;
581
- largeMobileUp: number;
582
- tabletPortraitUp: number;
583
- tabletLandscapeUp: number;
584
- desktopUp: number;
585
- largeDesktopUp: number;
586
- superLargeDesktopUp: number;
587
- };
588
- icon: {
589
- "Icon-small": {
590
- size: string;
591
- color: string;
592
- stroke: string;
593
- hover: {
594
- stroke: string;
595
- fill: string;
596
- };
597
- };
598
- "Icon-medium": {
599
- size: string;
600
- color: string;
601
- stroke: string;
602
- hover: {
603
- stroke: string;
604
- color: string;
605
- };
606
- };
607
- "Icon-large": {
608
- size: string;
609
- color: string;
610
- stroke: string;
611
- hover: {
612
- stroke: string;
613
- fill: string;
614
- };
615
- };
616
- };
617
- headingStyles: {
618
- "Heading-h1": {
619
- mobile: {
620
- fontSize: string;
621
- lineHeight: string;
622
- fontWeight: number;
623
- color: string;
624
- margin: string;
625
- };
626
- tablet: {
627
- fontSize: string;
628
- lineHeight: string;
629
- fontWeight: number;
630
- color: string;
631
- margin: string;
632
- };
633
- desktop: {
634
- fontSize: string;
635
- lineHeight: string;
636
- fontWeight: number;
637
- color: string;
638
- margin: string;
639
- };
640
- };
641
- "Heading-h2": {
642
- mobile: {
643
- fontSize: string;
644
- lineHeight: string;
645
- fontWeight: number;
646
- color: string;
647
- margin: string;
648
- };
649
- tablet: {
650
- fontSize: string;
651
- lineHeight: string;
652
- fontWeight: number;
653
- color: string;
654
- margin: string;
655
- };
656
- desktop: {
657
- fontSize: string;
658
- lineHeight: string;
659
- fontWeight: number;
660
- color: string;
661
- margin: string;
662
- };
663
- };
664
- "Heading-h3": {
665
- mobile: {
666
- fontSize: string;
667
- lineHeight: string;
668
- fontWeight: number;
669
- color: string;
670
- margin: string;
671
- };
672
- tablet: {
673
- fontSize: string;
674
- lineHeight: string;
675
- fontWeight: number;
676
- color: string;
677
- margin: string;
678
- };
679
- desktop: {
680
- fontSize: string;
681
- lineHeight: string;
682
- fontWeight: number;
683
- color: string;
684
- margin: string;
685
- };
686
- };
687
- "Heading-h4": {
688
- mobile: {
689
- fontSize: string;
690
- lineHeight: string;
691
- fontWeight: number;
692
- color: string;
693
- margin: string;
694
- };
695
- tablet: {
696
- fontSize: string;
697
- lineHeight: string;
698
- fontWeight: number;
699
- color: string;
700
- margin: string;
701
- };
702
- desktop: {
703
- fontSize: string;
704
- lineHeight: string;
705
- fontWeight: number;
706
- color: string;
707
- margin: string;
708
- };
709
- };
710
- "Heading-h5": {
711
- mobile: {
712
- fontSize: string;
713
- lineHeight: string;
714
- fontWeight: number;
715
- color: string;
716
- margin: string;
717
- };
718
- tablet: {
719
- fontSize: string;
720
- lineHeight: string;
721
- fontWeight: number;
722
- color: string;
723
- margin: string;
724
- };
725
- desktop: {
726
- fontSize: string;
727
- lineHeight: string;
728
- fontWeight: number;
729
- color: string;
730
- margin: string;
731
- };
732
- };
733
- "Heading-h6": {
734
- mobile: {
735
- fontSize: string;
736
- lineHeight: string;
737
- fontWeight: number;
738
- color: string;
739
- margin: string;
740
- };
741
- tablet: {
742
- fontSize: string;
743
- lineHeight: string;
744
- fontWeight: number;
745
- color: string;
746
- margin: string;
747
- };
748
- desktop: {
749
- fontSize: string;
750
- lineHeight: string;
751
- fontWeight: number;
752
- color: string;
753
- margin: string;
754
- };
755
- };
756
- };
757
- gradient: {
758
- "Gradient-primary": {
759
- orientation: string;
760
- primaryColor: string;
761
- secondaryColor: string;
762
- };
763
- "Gradient-secondary": {
764
- orientation: string;
765
- primaryColor: string;
766
- secondaryColor: string;
767
- };
768
- "Gradient-tertiary": {
769
- orientation: string;
770
- primaryColor: string;
771
- secondaryColor: string;
772
- };
773
- };
774
- divider: {
775
- "Divider-primary": {
776
- color: string;
777
- height: string;
778
- width: string;
779
- borderRadius: string;
780
- margin: string;
781
- };
782
- "Divider-secondary": {
783
- color: string;
784
- height: string;
785
- width: string;
786
- borderRadius: string;
787
- margin: string;
788
- };
789
- "Divider-tertiary": {
790
- color: string;
791
- height: string;
792
- width: string;
793
- borderRadius: string;
794
- margin: string;
795
- };
796
- };
797
- header: {
798
- "Header-primary": {
799
- height: string;
800
- backgroundColor: string;
801
- justifyContent: string;
802
- bannerColor: string;
803
- wrapperHeader: {
804
- alignItems: string;
805
- };
806
- atomIconTop: {
807
- variant: string;
808
- stroke: string;
809
- fill: string;
810
- hover: {
811
- stroke: string;
812
- fill: string;
813
- };
814
- };
815
- atomIconDot: {
816
- variant: string;
817
- size: string;
818
- fill: string;
819
- stroke: string;
820
- hover: {
821
- stroke: string;
822
- };
823
- };
824
- atomHeading: {
825
- variant: string;
826
- };
827
- atomTextTitle: {
828
- variant: string;
829
- };
830
- atomButtonLeft: {
831
- variant: string;
832
- flexDirection: string;
833
- gap: string;
834
- };
835
- atomButtonRight: {
836
- variant: string;
837
- flexDirection: string;
838
- gap: string;
839
- };
840
- atomTextLeft: {
841
- variant: string;
842
- };
843
- atomTextRight: {
844
- variant: string;
845
- };
846
- atomIconLeft: {
847
- variant: string;
848
- };
849
- atomIconRight: {
850
- variant: string;
851
- };
852
- wrapperTextTitle: {
853
- alignItems: string;
854
- };
855
- };
856
- "Header-secondary": {
857
- height: string;
858
- backgroundColor: string;
859
- justifyContent: string;
860
- bannerColor: string;
861
- wrapperHeader: {
862
- alignItems: string;
863
- };
864
- atomIconDot: {
865
- variant: string;
866
- size: string;
867
- fill: string;
868
- stroke: string;
869
- hover: {
870
- stroke: string;
871
- };
872
- };
873
- atomHeading: {
874
- variant: string;
875
- };
876
- atomTextTitle: {
877
- variant: string;
878
- };
879
- wrapperTextTitle: {
880
- alignItems: string;
881
- };
882
- gradientStyles: {
883
- orientation: string;
884
- primaryColor: string;
885
- secondaryColor: string;
886
- tertiaryColor: string;
887
- };
888
- };
889
- };
890
- navigation: {
891
- "Navigation-primary": {
892
- gap: string;
893
- background: string;
894
- atomIcon: {
895
- variant: string;
896
- color: string;
897
- focus: {
898
- outline: string;
899
- outlineOffset: string;
900
- boxShadow: string;
901
- color: string;
902
- };
903
- hover: {
904
- color: string;
905
- transition: string;
906
- };
907
- };
908
- atomLink: {
909
- variant: string;
910
- color: string;
911
- fontWeight: string;
912
- currentPath: {
913
- color: string;
914
- fontWeight: string;
915
- };
916
- focus: {
917
- color: string;
918
- boxShadow: string;
919
- transform: string;
920
- };
921
- hover: {
922
- color: string;
923
- transition: string;
924
- };
925
- };
926
- navLinks: {
927
- responsive: {
928
- largeMobileUp: {
929
- gap: string;
930
- justifyContent: string;
931
- margin: string;
932
- };
933
- };
934
- };
935
- };
936
- };
937
- footer: {
938
- "Footer-primary": {
939
- background: string;
940
- padding: string;
941
- gap: string;
942
- text: {
943
- variant: string;
944
- color: string;
945
- hover: {
946
- color: string;
947
- };
948
- };
949
- links: {
950
- variant: string;
951
- };
952
- icons: {
953
- variant: string;
954
- };
955
- };
956
- };
957
- cardTeaser: {
958
- "CardTeaser-primary": {
959
- background: string;
960
- gradientBackground: string;
961
- borderRadius: string;
962
- maxWidth: string;
963
- text: {
964
- variant: string;
965
- color: string;
966
- margin: string;
967
- };
968
- icon: {
969
- variant: string;
970
- };
971
- button: {
972
- variant: string;
973
- };
974
- image: {
975
- borderRadius: string;
976
- };
977
- list: {
978
- padding: string;
979
- margin: string;
980
- };
981
- leftCardContainer: {
982
- responsive: {
983
- tinyMobileUp: {
984
- padding: string;
985
- maxWidth: string;
986
- };
987
- };
988
- };
989
- listItem: {
990
- responsive: {
991
- tinyMobileUp: {
992
- gap: string;
993
- };
994
- mobileUp: {
995
- gap: string;
996
- };
997
- };
998
- };
999
- separator: {
1000
- padding: string;
1001
- border: string;
1002
- };
1003
- headingTitle: {
1004
- variant: string;
1005
- color: string;
1006
- };
1007
- headingCompanyDate: {
1008
- variant: string;
1009
- color: string;
1010
- textTransform: string;
1011
- };
1012
- };
1013
- };
1014
- breakerTape: {
1015
- "BreakerTape-primary": {
1016
- icon: {
1017
- variant: string;
1018
- fill: string;
1019
- stroke: string;
1020
- hover: {
1021
- stroke: string;
1022
- fill: string;
1023
- };
1024
- };
1025
- text: {
1026
- variant: string;
1027
- color: string;
1028
- };
1029
- tapeContent: {
1030
- alignItems: string;
1031
- gap: string;
1032
- slowness: string;
1033
- };
1034
- tapeContainer: {
1035
- width: string;
1036
- transform: string;
1037
- background: string;
1038
- padding: string;
1039
- margin: string;
1040
- };
1041
- };
1042
- };
1043
- cardSimpleRender: {
1044
- "CardSimpleRender-primary": {
1045
- flexDirection: string;
1046
- justifyContent: string;
1047
- gap: string;
1048
- background: string;
1049
- gradientBackground: string;
1050
- border: string;
1051
- borderRadius: string;
1052
- padding: string;
1053
- height: string;
1054
- maxWidth: string;
1055
- focus: {
1056
- border: string;
1057
- boxShadow: string;
1058
- transition: string;
1059
- };
1060
- hover: {
1061
- border: string;
1062
- boxShadow: string;
1063
- transition: string;
1064
- };
1065
- atomIcon: {
1066
- variant: string;
1067
- };
1068
- atomHeading: {
1069
- variant: string;
1070
- };
1071
- atomText: {
1072
- variant: string;
1073
- };
1074
- };
1075
- };
1076
- cardBanner: {
1077
- "CardBanner-primary": {
1078
- flexDirection: string;
1079
- justifyContent: string;
1080
- background: string;
1081
- border: string;
1082
- borderRadius: string;
1083
- padding: string;
1084
- atomHeading: {
1085
- variant: string;
1086
- };
1087
- atomText: {
1088
- variant: string;
1089
- };
1090
- atomButton: {
1091
- variant: string;
1092
- };
1093
- atomTextButton: {
1094
- variant: string;
1095
- };
1096
- atomIcon: {
1097
- variant: string;
1098
- };
1099
- };
1100
- };
1101
- accordion: {
1102
- "Accordion-primary": {
1103
- width: string;
1104
- borderRadius: string;
1105
- backgroundTitle: string;
1106
- paddingTitle: string;
1107
- hover: {
1108
- background: string;
1109
- };
1110
- focusVisible: {
1111
- outline: string;
1112
- outlineOffset: string;
1113
- };
1114
- gap: string;
1115
- backgroundDescription: string;
1116
- atomIcon: {
1117
- variant: string;
1118
- };
1119
- atomHeading: {
1120
- variant: string;
1121
- color: string;
1122
- };
1123
- atomText: {
1124
- variant: string;
1125
- padding: string;
1126
- };
1127
- };
1128
- };
1129
- media: {
1130
- tinyMobileUp: string;
1131
- smallMobileUp: string;
1132
- mobileUp: string;
1133
- mobileLandscapeUp: string;
1134
- largeMobileUp: string;
1135
- tabletPortraitUp: string;
1136
- tabletLandscapeUp: string;
1137
- desktopUp: string;
1138
- largeDesktopUp: string;
1139
- superLargeDesktopUp: string;
1140
- };
1141
- colors: {
1142
- light: string;
1143
- white: string;
1144
- grey: string;
1145
- accent: string;
1146
- active: string;
1147
- affirmative: string;
1148
- affirmativeDark: string;
1149
- affirmativeAlternate: string;
1150
- cta: string;
1151
- dark: string;
1152
- separator: string;
1153
- disabledBg: string;
1154
- disabledText: string;
1155
- divider: string;
1156
- error: string;
1157
- errorHoverBack: string;
1158
- hover: string;
1159
- lightBack: string;
1160
- navigateText: string;
1161
- notice: string;
1162
- outline: string;
1163
- primary: string;
1164
- primaryDark: string;
1165
- primaryDarker: string;
1166
- readMore: string;
1167
- secondary: string;
1168
- secondaryLighter: string;
1169
- socialIcon: string;
1170
- socialIconSecondary: string;
1171
- text: string;
1172
- textAccent: string;
1173
- textLight: string;
1174
- border: string;
1175
- signedUp: string;
1176
- borderError: string;
1177
- borderHover: string;
1178
- };
1179
- pages: {
1180
- vod: {
1181
- top: {
1182
- text: string;
1183
- desktop: string;
1184
- tablet: string;
1185
- mobile: string;
1186
- };
1187
- main: {
1188
- background: string;
1189
- text: string;
1190
- columns: number;
1191
- gap: {
1192
- mobile: string;
1193
- tablet: string;
1194
- desktop: string;
1195
- };
1196
- };
1197
- };
1198
- meetups: {};
1199
- };
1200
- components: {
1201
- meetupCard: {
1202
- backgroundColor: string;
1203
- typeColor: string;
1204
- dateColor: string;
1205
- titleColor: string;
1206
- descriptionColor: string;
1207
- buttonVariant: string;
1208
- reversedButtons: boolean;
1209
- fullTextColor: string;
1210
- fullBackground: string;
1211
- };
1212
- textArea: {
1213
- default: string;
1214
- active: string;
1215
- hover: string;
1216
- disabledText: string;
1217
- };
1218
- qnAList: {
1219
- buttonVariant: string;
1220
- titleColor: string;
1221
- textColor: string;
1222
- disabledBackground: string;
1223
- };
1224
- qnACard: {
1225
- voteButtonIcon: boolean;
1226
- background: string;
1227
- textColor: string;
1228
- footerFlexDirection: string;
1229
- buttonVariant: string;
1230
- scrollbar: {
1231
- width: string;
1232
- };
1233
- scrollbarThumb: {
1234
- background: string;
1235
- };
1236
- scrollbarTrack: {
1237
- boxShadow: string;
1238
- borderRadius: string;
1239
- };
1240
- };
1241
- toolTip: {
1242
- textColor: string;
1243
- toolTipTextColor: string;
1244
- toolTipBackgroundColor: string;
1245
- textTransform: string;
1246
- };
1247
- formLabel: {
1248
- labelColor: string;
1249
- requiredStarColor: string;
1250
- };
1251
- selectBox: {
1252
- textColor: string;
1253
- selectedTextColor: string;
1254
- disabledText: string;
1255
- backgroundColor: string;
1256
- hover: string;
1257
- width: string;
1258
- height: string;
1259
- topOpen: string;
1260
- topClosed: string;
1261
- right: string;
1262
- selectBoxIconArrow: string;
1263
- selectBoxIconArrowLight: string;
1264
- borderColor: string;
1265
- errorBorderColor: string;
1266
- };
1267
- modal: {
1268
- top: {
1269
- text: string;
1270
- background: string;
1271
- titleColor: string;
1272
- mobileAlignCenter: boolean;
1273
- };
1274
- bottom: {
1275
- text: string;
1276
- background: string;
1277
- };
1278
- greyText: string;
1279
- selectedItem: string;
1280
- topBarColor: string;
1281
- closeButtonMargin: string;
1282
- closeButtonColor: {
1283
- desktop: string;
1284
- mobile: string;
1285
- };
1286
- categoryVariant: string;
1287
- };
1288
- notificationToast: {
1289
- background: string;
1290
- footerLinkColor: string;
1291
- closeButtonColor: {
1292
- desktop: string;
1293
- mobile: string;
1294
- };
1295
- };
1296
- modalPlayer: {
1297
- closeButtonColor: {
1298
- desktop: string;
1299
- mobile: string;
1300
- };
1301
- };
1302
- modalSpeaker: {
1303
- nameHeadingVariant: string;
1304
- isJobTitleHeading: boolean;
1305
- aboutMeHeadingVariant: string;
1306
- textVariant: string;
1307
- avatarSize: string;
1308
- socialIconSpacing: string;
1309
- hasMoreSpace: boolean;
1310
- socialIconColor: string;
1311
- jobCompanySeperateLines: boolean;
1312
- };
1313
- modalQuestion: {
1314
- padding: string;
1315
- margin: string;
1316
- buttonFullWidth: boolean;
1317
- questionLength: number;
1318
- };
1319
- modalQuestionSent: {
1320
- padding: string;
1321
- margin: string;
1322
- buttonFullWidth: boolean;
1323
- };
1324
- modalShareHug: {
1325
- padding: string;
1326
- margin: string;
1327
- headingMargin: string;
1328
- paddingModal: string;
1329
- };
1330
- modalVodDetail: {
1331
- topTitle: boolean;
1332
- title: {
1333
- textColor: string;
1334
- background: string;
1335
- categoryColor: string;
1336
- centered: boolean;
1337
- hasMoreSpace: boolean;
1338
- };
1339
- description: {
1340
- headingVariant: string;
1341
- textVariant: string;
1342
- };
1343
- speakers: {
1344
- headingVariant: string;
1345
- textColor: string;
1346
- background: string;
1347
- jobTitleColor: string;
1348
- jobTitleSpacing: boolean;
1349
- socialIconColor: string;
1350
- horizontalRulerColor: string;
1351
- isJobTitleHeading: boolean;
1352
- avatarSize: string;
1353
- direction: string;
1354
- mobileAlignCenter: boolean;
1355
- mobileAvatarFullWidth: boolean;
1356
- };
1357
- };
1358
- vodTop: {
1359
- titleHeadingVariant: string;
1360
- isLight: boolean;
1361
- showCategories: boolean;
1362
- showViewAllVideos: boolean;
1363
- hasMoreSpace: boolean;
1364
- };
1365
- vodOverview: {
1366
- categoryVariant: string;
1367
- useCheckboxes: boolean;
1368
- titleHeadingVariant: string;
1369
- showCategories: boolean;
1370
- showFilter: boolean;
1371
- marginLeftWhenMobile: string;
1372
- };
1373
- vodDetail: {
1374
- topTitleColor: string;
1375
- dateTimeColor: string;
1376
- };
1377
- partnerOverview: {
1378
- showFilter: boolean;
1379
- showPromoOverview: boolean;
1380
- promoOverviewColor: string;
1381
- };
1382
- videoThumb: {
1383
- hoverEffect: string;
1384
- titleColor: string;
1385
- };
1386
- LiveThumb: {
1387
- textColor: string;
1388
- };
1389
- schedule: {
1390
- background: string;
1391
- textColor: string;
1392
- trackTitleColor: string;
1393
- timeLineTextColor: string;
1394
- rowDividerColor: string;
1395
- dayColor: string;
1396
- dayActiveColor: string;
1397
- dayBorderColor: string;
1398
- trackColor: string;
1399
- trackActiveColor: string;
1400
- };
1401
- sessionCard: {
1402
- background: string;
1403
- backgroundHover: string;
1404
- categoryVariant: string;
1405
- categoryTextColor: string;
1406
- dateColor: string;
1407
- titleColor: string;
1408
- speakerColor: string;
1409
- progressBarBackground: string;
1410
- progressBar: string;
1411
- heading: {
1412
- fontSize: string;
1413
- lineHeight: string;
1414
- };
1415
- processingTextColor: string;
1416
- };
1417
- navigation: {
1418
- textColor: string;
1419
- backgroundColor: string;
1420
- navLink: string;
1421
- profileDropdown: {
1422
- textColor: string;
1423
- backgroundColor: string;
1424
- backgroundColorHover: string;
1425
- };
1426
- };
1427
- faqToggle: {
1428
- textColor: string;
1429
- };
1430
- filter: {
1431
- textColor: string;
1432
- background: string;
1433
- };
1434
- subMenu: {
1435
- textColor: string;
1436
- backgroundColor: string;
1437
- navLink: string;
1438
- };
1439
- trackFilter: {
1440
- textColor: string;
1441
- navLink: string;
1442
- };
1443
- scheduleSubMenu: {
1444
- backgroundColor: string;
1445
- };
1446
- sidePanel: {
1447
- textColor: string;
1448
- background: string;
1449
- width: string;
1450
- backdropFilter: string;
1451
- };
1452
- dateTime: {
1453
- useSuffixedDay: boolean;
1454
- };
1455
- meetupSignups: {
1456
- textColor: string;
1457
- textColorLastPic: string;
1458
- pictureBackground: string;
1459
- backgroundColor: string;
1460
- };
1461
- sessionQnA: {
1462
- textColor: string;
1463
- background: string;
1464
- };
1465
- };
1466
- socialIcons: {
1467
- lightgrey: {
1468
- linkedin: string;
1469
- facebook: string;
1470
- github: string;
1471
- instagram: string;
1472
- twitter: string;
1473
- website: string;
1474
- youtube: string;
1475
- };
1476
- white: {
1477
- linkedin: string;
1478
- facebook: string;
1479
- github: string;
1480
- instagram: string;
1481
- twitter: string;
1482
- website: string;
1483
- };
1484
- };
1485
- fonts: {
1486
- default: string;
1487
- };
1488
- borderRadius: {
1489
- button: string;
1490
- input: string;
1491
- countdown: string;
1492
- };
1493
- checkbox: {
1494
- dark: {
1495
- width: string;
1496
- height: string;
1497
- top: string;
1498
- left: string;
1499
- borderRadius: string;
1500
- text: string;
1501
- default: {
1502
- check: string;
1503
- border: string;
1504
- background: string;
1505
- };
1506
- hover: {
1507
- check: string;
1508
- border: string;
1509
- };
1510
- checked: {
1511
- text: string;
1512
- check: string;
1513
- border: string;
1514
- background: string;
1515
- };
1516
- checkedhover: {
1517
- check: string;
1518
- border: string;
1519
- background: string;
1520
- opacity: number;
1521
- };
1522
- disabled: {
1523
- check: string;
1524
- border: string;
1525
- background: string;
1526
- opacity: number;
1527
- };
1528
- };
1529
- light: {
1530
- width: string;
1531
- height: string;
1532
- top: string;
1533
- left: string;
1534
- borderRadius: string;
1535
- text: string;
1536
- default: {
1537
- check: string;
1538
- border: string;
1539
- background: string;
1540
- };
1541
- hover: {
1542
- check: string;
1543
- border: string;
1544
- };
1545
- checked: {
1546
- check: string;
1547
- border: string;
1548
- background: string;
1549
- };
1550
- checkedhover: {
1551
- check: string;
1552
- border: string;
1553
- background: string;
1554
- };
1555
- disabled: {
1556
- check: string;
1557
- border: string;
1558
- background: string;
1559
- opacity: number;
1560
- };
1561
- };
1562
- };
1563
- combination: {
1564
- light: {};
1565
- dark: {};
1566
- pulldown: {};
1567
- selected: {
1568
- background: string;
1569
- text: string;
1570
- };
1571
- error: {
1572
- text: string;
1573
- background: string;
1574
- };
1575
- success: {};
1576
- header: {
1577
- text: string;
1578
- background: string;
1579
- orientation: string;
1580
- };
1581
- shade: {};
1582
- hover: {};
1583
- recommended: {};
1584
- };
1585
- sponsorMeeting: {
1586
- descriptionBackground: string;
1587
- descriptionText: string;
1588
- };
1589
- menu: {
1590
- light: {
1591
- background: string;
1592
- text: string;
1593
- };
1594
- dark: {
1595
- background: string;
1596
- text: string;
1597
- };
1598
- mobile: {
1599
- background: string;
1600
- text: string;
1601
- textActive: string;
1602
- };
1603
- };
1604
- background: {
1605
- default: string;
1606
- };
1607
- category: {
1608
- textLight: string;
1609
- textDark: string;
1610
- light: string;
1611
- dark: string;
1612
- hover: string;
1613
- active: string;
1614
- gap: string;
1615
- };
1616
- rowBackground: {
1617
- default: {
1618
- text: string;
1619
- desktop: string;
1620
- tablet: string;
1621
- mobile: string;
1622
- };
1623
- light: {
1624
- text: string;
1625
- desktop: string;
1626
- tablet: string;
1627
- mobile: string;
1628
- };
1629
- image1: {
1630
- text: string;
1631
- desktop: string;
1632
- tablet: string;
1633
- mobile: string;
1634
- };
1635
- };
1636
- images: {
1637
- navBarLogoDark: string;
1638
- footerLogo: {};
1639
- };
1640
- ratingPopup: {
1641
- lowRating: string;
1642
- mediumRating: string;
1643
- highRating: string;
1644
- backgroundHover: string;
1645
- ratingText: string;
1646
- };
1647
- icons: {
1648
- arrowDown: string;
1649
- navigationBack: string;
1650
- navigationForward: string;
1651
- close: string;
1652
- delete: string;
1653
- calendar: string;
1654
- addToCalendar: string;
1655
- remove: string;
1656
- plus: string;
1657
- added: string;
1658
- info: string;
1659
- sectionLogoIcon: string;
1660
- defaultAvatar: string;
1661
- notificationArrow: string;
1662
- };
1663
- iconColors: {
1664
- dark: string;
1665
- noColor: string;
1666
- };
1667
- hero: {};
1668
- pagination: {
1669
- buttonVariant: string;
1670
- iconRight: string;
1671
- iconLeft: string;
1672
- };
1673
- meetup: {
1674
- buttonVariant: string;
1675
- };
1676
- player_cta: {};
1677
- profile: {
1678
- card: {};
1679
- };
1680
- notifications: {
1681
- toast: {
1682
- buttonVariant: string;
1683
- };
1684
- textColor: string;
1685
- descriptionFontSize: string;
1686
- background: string;
1687
- };
1688
- chat: {
1689
- pickerInline: boolean;
1690
- inputChat: {
1691
- background: string;
1692
- border: string;
1693
- };
1694
- chatList: {
1695
- scrollbar: {
1696
- width: string;
1697
- };
1698
- scrollbarThumb: {
1699
- background: string;
1700
- };
1701
- scrollbarTrack: {
1702
- boxShadow: string;
1703
- borderRadius: string;
1704
- };
1705
- };
1706
- };
1707
- partners: {};
1708
- maxWidth: string;
1709
- navigationFontSize: string;
1710
- vodRowMaxHight: string;
1711
- inputField: {
1712
- height: string;
1713
- };
1714
- };
1715
-
1716
- declare const ManamergeTheme: {
1717
- name: string;
1718
- link: {
1719
- "Link-primary-light": {
1720
- fontSize: string;
1721
- lineHeight: string;
1722
- fontWeight: number;
1723
- color: "#0041FF";
1724
- hover: {
1725
- color: "#e0e0e0";
1726
- };
1727
- disabled: {
1728
- color: "#808080";
1729
- };
1730
- };
1731
- "Link-primary-regular": {
1732
- fontSize: string;
1733
- lineHeight: string;
1734
- fontWeight: number;
1735
- color: "#0041FF";
1736
- hover: {
1737
- color: "#e0e0e0";
1738
- };
1739
- disabled: {
1740
- color: "#808080";
1741
- };
1742
- };
1743
- "Link-primary-medium": {
1744
- fontSize: string;
1745
- lineHeight: string;
1746
- fontWeight: number;
1747
- color: "#0041FF";
1748
- hover: {
1749
- color: "#e0e0e0";
1750
- };
1751
- disabled: {
1752
- color: "#808080";
1753
- };
1754
- };
1755
- "Link-primary-bold": {
1756
- fontSize: string;
1757
- lineHeight: string;
1758
- fontWeight: number;
1759
- color: "#0041FF";
1760
- hover: {
1761
- color: "#e0e0e0";
1762
- };
1763
- disabled: {
1764
- color: "#808080";
1765
- };
1766
- };
1767
- "Link-primary-heavy": {
1768
- fontSize: string;
1769
- lineHeight: string;
1770
- fontWeight: number;
1771
- color: "#0041FF";
1772
- hover: {
1773
- color: "#e0e0e0";
1774
- };
1775
- disabled: {
1776
- color: "#808080";
1777
- };
1778
- };
1779
- "Link-secondary-light": {
1780
- fontSize: string;
1781
- lineHeight: string;
1782
- fontWeight: number;
1783
- color: "#e0e0e0";
1784
- hover: {
1785
- color: "#0041FF";
1786
- };
1787
- disabled: {
1788
- color: "#808080";
1789
- };
1790
- };
1791
- "Link-secondary-regular": {
1792
- fontSize: string;
1793
- lineHeight: string;
1794
- fontWeight: number;
1795
- color: "#e0e0e0";
1796
- hover: {
1797
- color: "#0041FF";
1798
- };
1799
- disabled: {
1800
- color: "#808080";
1801
- };
1802
- };
1803
- "Link-secondary-medium": {
1804
- fontSize: string;
1805
- lineHeight: string;
1806
- fontWeight: number;
1807
- color: "#e0e0e0";
1808
- hover: {
1809
- color: "#0041FF";
1810
- };
1811
- disabled: {
1812
- color: "#808080";
1813
- };
1814
- };
1815
- "Link-secondary-bold": {
1816
- fontSize: string;
1817
- lineHeight: string;
1818
- fontWeight: number;
1819
- color: "#e0e0e0";
1820
- hover: {
1821
- color: "#0041FF";
1822
- };
1823
- disabled: {
1824
- color: "#808080";
1825
- };
1826
- };
1827
- "Link-secondary-heavy": {
1828
- fontSize: string;
1829
- lineHeight: string;
1830
- fontWeight: number;
1831
- color: "#e0e0e0";
1832
- hover: {
1833
- color: "#0041FF";
1834
- };
1835
- disabled: {
1836
- color: "#808080";
1837
- };
1838
- };
1839
- };
1840
- heading: {
1841
- "Heading-primary-h1": {
1842
- mobile: {
1843
- fontSize: string;
1844
- lineHeight: string;
1845
- fontWeight: number;
1846
- color: "#e0e0e0";
1847
- margin: string;
1848
- };
1849
- tablet: {
1850
- fontSize: string;
1851
- lineHeight: string;
1852
- fontWeight: number;
1853
- color: "#e0e0e0";
1854
- margin: string;
1855
- };
1856
- desktop: {
1857
- fontSize: string;
1858
- lineHeight: string;
1859
- fontWeight: number;
1860
- color: "#e0e0e0";
1861
- margin: string;
1862
- };
1863
- };
1864
- "Heading-primary-h2": {
1865
- mobile: {
1866
- fontSize: string;
1867
- lineHeight: string;
1868
- fontWeight: number;
1869
- color: "#e0e0e0";
1870
- margin: string;
1871
- };
1872
- tablet: {
1873
- fontSize: string;
1874
- lineHeight: string;
1875
- fontWeight: number;
1876
- color: "#e0e0e0";
1877
- margin: string;
1878
- };
1879
- desktop: {
1880
- fontSize: string;
1881
- lineHeight: string;
1882
- fontWeight: number;
1883
- color: "#e0e0e0";
1884
- margin: string;
1885
- };
1886
- };
1887
- "Heading-primary-h3": {
1888
- mobile: {
1889
- fontSize: string;
1890
- lineHeight: string;
1891
- fontWeight: number;
1892
- color: "#e0e0e0";
1893
- margin: string;
1894
- };
1895
- tablet: {
1896
- fontSize: string;
1897
- lineHeight: string;
1898
- fontWeight: number;
1899
- color: "#e0e0e0";
1900
- margin: string;
1901
- };
1902
- desktop: {
1903
- fontSize: string;
1904
- lineHeight: string;
1905
- fontWeight: number;
1906
- color: "#e0e0e0";
1907
- margin: string;
1908
- };
1909
- };
1910
- "Heading-primary-h4": {
1911
- mobile: {
1912
- fontSize: string;
1913
- lineHeight: string;
1914
- fontWeight: number;
1915
- color: "#e0e0e0";
1916
- margin: string;
1917
- };
1918
- tablet: {
1919
- fontSize: string;
1920
- lineHeight: string;
1921
- fontWeight: number;
1922
- color: "#e0e0e0";
1923
- margin: string;
1924
- };
1925
- desktop: {
1926
- fontSize: string;
1927
- lineHeight: string;
1928
- fontWeight: number;
1929
- color: "#e0e0e0";
1930
- margin: string;
1931
- };
1932
- };
1933
- "Heading-primary-h5": {
1934
- mobile: {
1935
- fontSize: string;
1936
- lineHeight: string;
1937
- fontWeight: number;
1938
- color: "#e0e0e0";
1939
- margin: string;
1940
- };
1941
- tablet: {
1942
- fontSize: string;
1943
- lineHeight: string;
1944
- fontWeight: number;
1945
- color: "#e0e0e0";
1946
- margin: string;
1947
- };
1948
- desktop: {
1949
- fontSize: string;
1950
- lineHeight: string;
1951
- fontWeight: number;
1952
- color: "#e0e0e0";
1953
- margin: string;
1954
- };
1955
- };
1956
- "Heading-primary-h6": {
1957
- mobile: {
1958
- fontSize: string;
1959
- lineHeight: string;
1960
- fontWeight: number;
1961
- color: "#e0e0e0";
1962
- margin: string;
1963
- };
1964
- tablet: {
1965
- fontSize: string;
1966
- lineHeight: string;
1967
- fontWeight: number;
1968
- color: "#e0e0e0";
1969
- margin: string;
1970
- };
1971
- desktop: {
1972
- fontSize: string;
1973
- lineHeight: string;
1974
- fontWeight: number;
1975
- color: "#e0e0e0";
1976
- margin: string;
1977
- };
1978
- };
1979
- "Heading-secondary-h1": {
1980
- mobile: {
1981
- fontSize: string;
1982
- lineHeight: string;
1983
- fontWeight: number;
1984
- color: "#FF1A1A";
1985
- margin: string;
1986
- };
1987
- tablet: {
1988
- fontSize: string;
1989
- lineHeight: string;
1990
- fontWeight: number;
1991
- color: "#FF1A1A";
1992
- margin: string;
1993
- };
1994
- desktop: {
1995
- fontSize: string;
1996
- lineHeight: string;
1997
- fontWeight: number;
1998
- color: "#FF1A1A";
1999
- margin: string;
2000
- };
2001
- };
2002
- "Heading-secondary-h2": {
2003
- mobile: {
2004
- fontSize: string;
2005
- lineHeight: string;
2006
- fontWeight: number;
2007
- color: "#FF1A1A";
2008
- margin: string;
2009
- };
2010
- tablet: {
2011
- fontSize: string;
2012
- lineHeight: string;
2013
- fontWeight: number;
2014
- color: "#FF1A1A";
2015
- margin: string;
2016
- };
2017
- desktop: {
2018
- fontSize: string;
2019
- lineHeight: string;
2020
- fontWeight: number;
2021
- color: "#FF1A1A";
2022
- margin: string;
2023
- };
2024
- };
2025
- "Heading-secondary-h3": {
2026
- mobile: {
2027
- fontSize: string;
2028
- lineHeight: string;
2029
- fontWeight: number;
2030
- color: "#FF1A1A";
2031
- margin: string;
2032
- };
2033
- tablet: {
2034
- fontSize: string;
2035
- lineHeight: string;
2036
- fontWeight: number;
2037
- color: "#FF1A1A";
2038
- margin: string;
2039
- };
2040
- desktop: {
2041
- fontSize: string;
2042
- lineHeight: string;
2043
- fontWeight: number;
2044
- color: "#FF1A1A";
2045
- margin: string;
2046
- };
2047
- };
2048
- "Heading-secondary-h4": {
2049
- mobile: {
2050
- fontSize: string;
2051
- lineHeight: string;
2052
- fontWeight: number;
2053
- color: "#FF1A1A";
2054
- margin: string;
2055
- };
2056
- tablet: {
2057
- fontSize: string;
2058
- lineHeight: string;
2059
- fontWeight: number;
2060
- color: "#FF1A1A";
2061
- margin: string;
2062
- };
2063
- desktop: {
2064
- fontSize: string;
2065
- lineHeight: string;
2066
- fontWeight: number;
2067
- color: "#FF1A1A";
2068
- margin: string;
2069
- };
2070
- };
2071
- "Heading-secondary-h5": {
2072
- mobile: {
2073
- fontSize: string;
2074
- lineHeight: string;
2075
- fontWeight: number;
2076
- color: "#FF1A1A";
2077
- margin: string;
2078
- };
2079
- tablet: {
2080
- fontSize: string;
2081
- lineHeight: string;
2082
- fontWeight: number;
2083
- color: "#FF1A1A";
2084
- margin: string;
2085
- };
2086
- desktop: {
2087
- fontSize: string;
2088
- lineHeight: string;
2089
- fontWeight: number;
2090
- color: "#FF1A1A";
2091
- margin: string;
2092
- };
2093
- };
2094
- "Heading-secondary-h6": {
2095
- mobile: {
2096
- fontSize: string;
2097
- lineHeight: string;
2098
- fontWeight: number;
2099
- color: "#FF1A1A";
2100
- margin: string;
2101
- };
2102
- tablet: {
2103
- fontSize: string;
2104
- lineHeight: string;
2105
- fontWeight: number;
2106
- color: "#FF1A1A";
2107
- margin: string;
2108
- };
2109
- desktop: {
2110
- fontSize: string;
2111
- lineHeight: string;
2112
- fontWeight: number;
2113
- color: "#FF1A1A";
2114
- margin: string;
2115
- };
2116
- };
2117
- };
2118
- button: {
2119
- "Button-primary": {
2120
- textTransform: string;
2121
- height: string;
2122
- width: string;
2123
- maxWidth: string;
2124
- maxHeight: string;
2125
- borderRadius: string;
2126
- lineHeight: string;
2127
- fontFamily: string;
2128
- fontWeight: number;
2129
- letterSpacing: string;
2130
- padding: string;
2131
- fontSize: string;
2132
- color: "#fff";
2133
- textAlign: string;
2134
- display: string;
2135
- justifyContent: string;
2136
- alignItems: string;
2137
- cursor: string;
2138
- transition: string;
2139
- border: string;
2140
- overflow: string;
2141
- position: string;
2142
- default: {
2143
- text: "#202020";
2144
- border: string;
2145
- background: "#c0c0c0";
2146
- opacity: number;
2147
- };
2148
- hover: {
2149
- text: "#000000";
2150
- border: string;
2151
- background: "#fff";
2152
- opacity: number;
2153
- };
2154
- active: {
2155
- text: "#e0e0e0";
2156
- border: string;
2157
- background: "#04198C";
2158
- opacity: number;
2159
- };
2160
- disabled: {
2161
- text: "#fff";
2162
- border: string;
2163
- background: "#606060";
2164
- opacity: number;
2165
- };
2166
- };
2167
- "Button-secondary": {
2168
- textTransform: string;
2169
- height: string;
2170
- width: string;
2171
- maxWidth: string;
2172
- maxHeight: string;
2173
- borderRadius: string;
2174
- lineHeight: string;
2175
- fontFamily: string;
2176
- fontWeight: number;
2177
- letterSpacing: string;
2178
- padding: string;
2179
- fontSize: string;
2180
- color: "#fff";
2181
- textAlign: string;
2182
- display: string;
2183
- justifyContent: string;
2184
- alignItems: string;
2185
- cursor: string;
2186
- transition: string;
2187
- overflow: string;
2188
- position: string;
2189
- border: string;
2190
- default: {
2191
- text: "#fff";
2192
- border: string;
2193
- background: "#050A59";
2194
- opacity: number;
2195
- };
2196
- hover: {
2197
- text: "#fff";
2198
- border: string;
2199
- background: "#04198C";
2200
- opacity: number;
2201
- };
2202
- active: {
2203
- text: "#fff";
2204
- border: string;
2205
- background: "#04198C";
2206
- opacity: number;
2207
- };
2208
- disabled: {
2209
- text: "#fff";
2210
- border: string;
2211
- background: "#606060";
2212
- opacity: number;
2213
- };
2214
- };
2215
- "Button-icon": {
2216
- default: {};
2217
- hover: {};
2218
- active: {};
2219
- disabled: {};
2220
- };
2221
- };
2222
- text: {
2223
- "Text-primary-light": {
2224
- vFontSize: string;
2225
- lineHeight: string;
2226
- fontWeight: number;
2227
- vColor: "#e0e0e0";
2228
- margin: string;
2229
- fontFamily: string;
2230
- };
2231
- "Text-primary-regular": {
2232
- vFontSize: string;
2233
- lineHeight: string;
2234
- fontWeight: number;
2235
- vColor: "#e0e0e0";
2236
- margin: string;
2237
- fontFamily: string;
2238
- };
2239
- "Text-primary-medium": {
2240
- vFontSize: string;
2241
- lineHeight: string;
2242
- fontWeight: number;
2243
- vColor: "#e0e0e0";
2244
- margin: string;
2245
- fontFamily: string;
2246
- };
2247
- "Text-primary-bold": {
2248
- vFontSize: string;
2249
- lineHeight: string;
2250
- fontWeight: number;
2251
- vColor: "#e0e0e0";
2252
- margin: string;
2253
- fontFamily: string;
2254
- };
2255
- "Text-primary-heavy": {
2256
- vFontSize: string;
2257
- lineHeight: string;
2258
- fontWeight: number;
2259
- vColor: "#e0e0e0";
2260
- margin: string;
2261
- fontFamily: string;
2262
- };
2263
- "Text-secondary-regular": {
2264
- vFontSize: string;
2265
- lineHeight: string;
2266
- fontWeight: number;
2267
- vColor: "#202020";
2268
- margin: string;
2269
- fontFamily: string;
2270
- };
2271
- "Text-secondary-italic": {
2272
- vFontSize: string;
2273
- lineHeight: string;
2274
- fontWeight: number;
2275
- fontStyle: string;
2276
- vColor: "#202020";
2277
- margin: string;
2278
- fontFamily: string;
2279
- };
2280
- };
2281
- breakpoints: {
2282
- tinyMobileUp: number;
2283
- smallMobileUp: number;
2284
- mobileUp: number;
2285
- mobileLandscapeUp: number;
2286
- largeMobileUp: number;
2287
- tabletPortraitUp: number;
2288
- tabletLandscapeUp: number;
2289
- desktopUp: number;
2290
- largeDesktopUp: number;
2291
- superLargeDesktopUp: number;
2292
- };
2293
- icon: {
2294
- "Icon-small": {
2295
- size: string;
2296
- color: string;
2297
- stroke: string;
2298
- hover: {
2299
- stroke: string;
2300
- fill: string;
2301
- };
2302
- };
2303
- "Icon-medium": {
2304
- size: string;
2305
- color: string;
2306
- stroke: string;
2307
- hover: {
2308
- stroke: string;
2309
- color: string;
2310
- };
2311
- };
2312
- "Icon-large": {
2313
- size: string;
2314
- color: string;
2315
- stroke: string;
2316
- hover: {
2317
- stroke: string;
2318
- fill: string;
2319
- };
2320
- };
2321
- };
2322
- headingStyles: {
2323
- "Heading-primary-h1": {
2324
- mobile: {
2325
- fontSize: string;
2326
- lineHeight: string;
2327
- fontWeight: number;
2328
- color: "#e0e0e0";
2329
- margin: string;
2330
- };
2331
- tablet: {
2332
- fontSize: string;
2333
- lineHeight: string;
2334
- fontWeight: number;
2335
- color: "#e0e0e0";
2336
- margin: string;
2337
- };
2338
- desktop: {
2339
- fontSize: string;
2340
- lineHeight: string;
2341
- fontWeight: number;
2342
- color: "#e0e0e0";
2343
- margin: string;
2344
- };
2345
- };
2346
- "Heading-primary-h2": {
2347
- mobile: {
2348
- fontSize: string;
2349
- lineHeight: string;
2350
- fontWeight: number;
2351
- color: "#e0e0e0";
2352
- margin: string;
2353
- };
2354
- tablet: {
2355
- fontSize: string;
2356
- lineHeight: string;
2357
- fontWeight: number;
2358
- color: "#e0e0e0";
2359
- margin: string;
2360
- };
2361
- desktop: {
2362
- fontSize: string;
2363
- lineHeight: string;
2364
- fontWeight: number;
2365
- color: "#e0e0e0";
2366
- margin: string;
2367
- };
2368
- };
2369
- "Heading-primary-h3": {
2370
- mobile: {
2371
- fontSize: string;
2372
- lineHeight: string;
2373
- fontWeight: number;
2374
- color: "#e0e0e0";
2375
- margin: string;
2376
- };
2377
- tablet: {
2378
- fontSize: string;
2379
- lineHeight: string;
2380
- fontWeight: number;
2381
- color: "#e0e0e0";
2382
- margin: string;
2383
- };
2384
- desktop: {
2385
- fontSize: string;
2386
- lineHeight: string;
2387
- fontWeight: number;
2388
- color: "#e0e0e0";
2389
- margin: string;
2390
- };
2391
- };
2392
- "Heading-primary-h4": {
2393
- mobile: {
2394
- fontSize: string;
2395
- lineHeight: string;
2396
- fontWeight: number;
2397
- color: "#e0e0e0";
2398
- margin: string;
2399
- };
2400
- tablet: {
2401
- fontSize: string;
2402
- lineHeight: string;
2403
- fontWeight: number;
2404
- color: "#e0e0e0";
2405
- margin: string;
2406
- };
2407
- desktop: {
2408
- fontSize: string;
2409
- lineHeight: string;
2410
- fontWeight: number;
2411
- color: "#e0e0e0";
2412
- margin: string;
2413
- };
2414
- };
2415
- "Heading-primary-h5": {
2416
- mobile: {
2417
- fontSize: string;
2418
- lineHeight: string;
2419
- fontWeight: number;
2420
- color: "#e0e0e0";
2421
- margin: string;
2422
- };
2423
- tablet: {
2424
- fontSize: string;
2425
- lineHeight: string;
2426
- fontWeight: number;
2427
- color: "#e0e0e0";
2428
- margin: string;
2429
- };
2430
- desktop: {
2431
- fontSize: string;
2432
- lineHeight: string;
2433
- fontWeight: number;
2434
- color: "#e0e0e0";
2435
- margin: string;
2436
- };
2437
- };
2438
- "Heading-primary-h6": {
2439
- mobile: {
2440
- fontSize: string;
2441
- lineHeight: string;
2442
- fontWeight: number;
2443
- color: "#e0e0e0";
2444
- margin: string;
2445
- };
2446
- tablet: {
2447
- fontSize: string;
2448
- lineHeight: string;
2449
- fontWeight: number;
2450
- color: "#e0e0e0";
2451
- margin: string;
2452
- };
2453
- desktop: {
2454
- fontSize: string;
2455
- lineHeight: string;
2456
- fontWeight: number;
2457
- color: "#e0e0e0";
2458
- margin: string;
2459
- };
2460
- };
2461
- "Heading-secondary-h1": {
2462
- mobile: {
2463
- fontSize: string;
2464
- lineHeight: string;
2465
- fontWeight: number;
2466
- color: "#FF1A1A";
2467
- margin: string;
2468
- };
2469
- tablet: {
2470
- fontSize: string;
2471
- lineHeight: string;
2472
- fontWeight: number;
2473
- color: "#FF1A1A";
2474
- margin: string;
2475
- };
2476
- desktop: {
2477
- fontSize: string;
2478
- lineHeight: string;
2479
- fontWeight: number;
2480
- color: "#FF1A1A";
2481
- margin: string;
2482
- };
2483
- };
2484
- "Heading-secondary-h2": {
2485
- mobile: {
2486
- fontSize: string;
2487
- lineHeight: string;
2488
- fontWeight: number;
2489
- color: "#FF1A1A";
2490
- margin: string;
2491
- };
2492
- tablet: {
2493
- fontSize: string;
2494
- lineHeight: string;
2495
- fontWeight: number;
2496
- color: "#FF1A1A";
2497
- margin: string;
2498
- };
2499
- desktop: {
2500
- fontSize: string;
2501
- lineHeight: string;
2502
- fontWeight: number;
2503
- color: "#FF1A1A";
2504
- margin: string;
2505
- };
2506
- };
2507
- "Heading-secondary-h3": {
2508
- mobile: {
2509
- fontSize: string;
2510
- lineHeight: string;
2511
- fontWeight: number;
2512
- color: "#FF1A1A";
2513
- margin: string;
2514
- };
2515
- tablet: {
2516
- fontSize: string;
2517
- lineHeight: string;
2518
- fontWeight: number;
2519
- color: "#FF1A1A";
2520
- margin: string;
2521
- };
2522
- desktop: {
2523
- fontSize: string;
2524
- lineHeight: string;
2525
- fontWeight: number;
2526
- color: "#FF1A1A";
2527
- margin: string;
2528
- };
2529
- };
2530
- "Heading-secondary-h4": {
2531
- mobile: {
2532
- fontSize: string;
2533
- lineHeight: string;
2534
- fontWeight: number;
2535
- color: "#FF1A1A";
2536
- margin: string;
2537
- };
2538
- tablet: {
2539
- fontSize: string;
2540
- lineHeight: string;
2541
- fontWeight: number;
2542
- color: "#FF1A1A";
2543
- margin: string;
2544
- };
2545
- desktop: {
2546
- fontSize: string;
2547
- lineHeight: string;
2548
- fontWeight: number;
2549
- color: "#FF1A1A";
2550
- margin: string;
2551
- };
2552
- };
2553
- "Heading-secondary-h5": {
2554
- mobile: {
2555
- fontSize: string;
2556
- lineHeight: string;
2557
- fontWeight: number;
2558
- color: "#FF1A1A";
2559
- margin: string;
2560
- };
2561
- tablet: {
2562
- fontSize: string;
2563
- lineHeight: string;
2564
- fontWeight: number;
2565
- color: "#FF1A1A";
2566
- margin: string;
2567
- };
2568
- desktop: {
2569
- fontSize: string;
2570
- lineHeight: string;
2571
- fontWeight: number;
2572
- color: "#FF1A1A";
2573
- margin: string;
2574
- };
2575
- };
2576
- "Heading-secondary-h6": {
2577
- mobile: {
2578
- fontSize: string;
2579
- lineHeight: string;
2580
- fontWeight: number;
2581
- color: "#FF1A1A";
2582
- margin: string;
2583
- };
2584
- tablet: {
2585
- fontSize: string;
2586
- lineHeight: string;
2587
- fontWeight: number;
2588
- color: "#FF1A1A";
2589
- margin: string;
2590
- };
2591
- desktop: {
2592
- fontSize: string;
2593
- lineHeight: string;
2594
- fontWeight: number;
2595
- color: "#FF1A1A";
2596
- margin: string;
2597
- };
2598
- };
2599
- };
2600
- gradient: {
2601
- "Gradient-primary": {
2602
- orientation: string;
2603
- primaryColor: "#BF9B30";
2604
- secondaryColor: "#FFD166";
2605
- };
2606
- "Gradient-secondary": {
2607
- orientation: string;
2608
- primaryColor: "#0041FF";
2609
- secondaryColor: "#0031CC";
2610
- };
2611
- "Gradient-tertiary": {
2612
- orientation: string;
2613
- primaryColor: "#FFD166";
2614
- secondaryColor: "#FF1A1A";
2615
- };
2616
- };
2617
- divider: {
2618
- "Divider-primary": {
2619
- color: "#e0e0e0";
2620
- height: string;
2621
- width: string;
2622
- borderRadius: string;
2623
- margin: string;
2624
- };
2625
- "Divider-secondary": {
2626
- color: "#202020";
2627
- height: string;
2628
- width: string;
2629
- borderRadius: string;
2630
- margin: string;
2631
- };
2632
- "Divider-tertiary": {
2633
- color: "#FFD166";
2634
- height: string;
2635
- width: string;
2636
- borderRadius: string;
2637
- margin: string;
2638
- };
2639
- };
2640
- header: {
2641
- "Header-primary": {
2642
- height: string;
2643
- backgroundColor: string;
2644
- justifyContent: string;
2645
- bannerColor: string;
2646
- wrapperHeader: {
2647
- alignItems: string;
2648
- };
2649
- atomIconTop: {
2650
- variant: string;
2651
- stroke: string;
2652
- fill: string;
2653
- hover: {
2654
- stroke: string;
2655
- fill: string;
2656
- };
2657
- };
2658
- atomIconDot: {
2659
- variant: string;
2660
- size: string;
2661
- fill: string;
2662
- stroke: string;
2663
- hover: {
2664
- stroke: string;
2665
- };
2666
- };
2667
- atomHeading: {
2668
- variant: string;
2669
- };
2670
- atomTextTitle: {
2671
- variant: string;
2672
- };
2673
- atomButtonLeft: {
2674
- variant: string;
2675
- flexDirection: string;
2676
- };
2677
- atomButtonRight: {
2678
- variant: string;
2679
- flexDirection: string;
2680
- };
2681
- atomIconLeft: {
2682
- variant: string;
2683
- };
2684
- atomIconRight: {
2685
- variant: string;
2686
- };
2687
- wrapperTextTitle: {
2688
- alignItems: string;
2689
- };
2690
- };
2691
- "Header-secondary": {
2692
- height: string;
2693
- backgroundColor: string;
2694
- justifyContent: string;
2695
- bannerColor: string;
2696
- wrapperHeader: {
2697
- alignItems: string;
2698
- };
2699
- atomIconDot: {
2700
- variant: string;
2701
- size: string;
2702
- fill: string;
2703
- stroke: string;
2704
- hover: {
2705
- stroke: string;
2706
- };
2707
- };
2708
- atomHeading: {
2709
- variant: string;
2710
- };
2711
- atomTextTitle: {
2712
- variant: string;
2713
- };
2714
- wrapperTextTitle: {
2715
- alignItems: string;
2716
- };
2717
- gradientStyles: {
2718
- orientation: string;
2719
- primaryColor: string;
2720
- secondaryColor: string;
2721
- tertiaryColor: string;
2722
- };
2723
- };
2724
- };
2725
- navigation: {
2726
- "Navigation-primary": {
2727
- gap: string;
2728
- background: string;
2729
- atomIcon: {
2730
- variant: string;
2731
- color: string;
2732
- focus: {
2733
- outline: string;
2734
- outlineOffset: string;
2735
- boxShadow: string;
2736
- color: string;
2737
- };
2738
- hover: {
2739
- color: string;
2740
- transition: string;
2741
- };
2742
- };
2743
- atomLink: {
2744
- variant: string;
2745
- color: string;
2746
- fontWeight: string;
2747
- currentPath: {
2748
- color: string;
2749
- fontWeight: string;
2750
- };
2751
- focus: {
2752
- color: string;
2753
- boxShadow: string;
2754
- transform: string;
2755
- };
2756
- hover: {
2757
- color: string;
2758
- transition: string;
2759
- };
2760
- };
2761
- navLinks: {
2762
- responsive: {
2763
- largeMobileUp: {
2764
- gap: string;
2765
- justifyContent: string;
2766
- margin: string;
2767
- };
2768
- };
2769
- };
2770
- };
2771
- };
2772
- footer: {
2773
- "Footer-primary": {
2774
- background: string;
2775
- padding: string;
2776
- gap: string;
2777
- text: {
2778
- variant: string;
2779
- color: string;
2780
- hover: {
2781
- color: string;
2782
- };
2783
- };
2784
- links: {
2785
- variant: string;
2786
- };
2787
- icons: {
2788
- variant: string;
2789
- };
2790
- };
2791
- };
2792
- cardTeaser: {
2793
- "CardTeaser-primary": {
2794
- background: string;
2795
- gradientBackground: string;
2796
- borderRadius: string;
2797
- maxWidth: string;
2798
- text: {
2799
- variant: string;
2800
- color: string;
2801
- margin: string;
2802
- };
2803
- icon: {
2804
- variant: string;
2805
- };
2806
- button: {
2807
- variant: string;
2808
- };
2809
- image: {
2810
- borderRadius: string;
2811
- };
2812
- list: {
2813
- padding: string;
2814
- margin: string;
2815
- };
2816
- leftCardContainer: {
2817
- responsive: {
2818
- tinyMobileUp: {
2819
- padding: string;
2820
- maxWidth: string;
2821
- };
2822
- };
2823
- };
2824
- listItem: {
2825
- responsive: {
2826
- tinyMobileUp: {
2827
- gap: string;
2828
- };
2829
- mobileUp: {
2830
- gap: string;
2831
- };
2832
- };
2833
- };
2834
- separator: {
2835
- padding: string;
2836
- border: string;
2837
- };
2838
- headingTitle: {
2839
- variant: string;
2840
- color: string;
2841
- };
2842
- headingCompanyDate: {
2843
- variant: string;
2844
- color: string;
2845
- textTransform: string;
2846
- };
2847
- };
2848
- };
2849
- breakerTape: {
2850
- "BreakerTape-primary": {
2851
- icon: {
2852
- variant: string;
2853
- fill: string;
2854
- stroke: string;
2855
- hover: {
2856
- stroke: string;
2857
- fill: string;
2858
- };
2859
- };
2860
- text: {
2861
- variant: string;
2862
- color: string;
2863
- };
2864
- tapeContent: {
2865
- alignItems: string;
2866
- gap: string;
2867
- slowness: string;
2868
- };
2869
- tapeContainer: {
2870
- width: string;
2871
- transform: string;
2872
- background: string;
2873
- padding: string;
2874
- margin: string;
2875
- };
2876
- };
2877
- };
2878
- cardSimpleRender: {
2879
- "CardSimpleRender-primary": {
2880
- flexDirection: string;
2881
- justifyContent: string;
2882
- gap: string;
2883
- background: string;
2884
- gradientBackground: string;
2885
- border: string;
2886
- borderRadius: string;
2887
- padding: string;
2888
- height: string;
2889
- maxWidth: string;
2890
- minWidth: string;
2891
- focus: {
2892
- border: string;
2893
- boxShadow: string;
2894
- transition: string;
2895
- };
2896
- hover: {
2897
- border: string;
2898
- boxShadow: string;
2899
- transition: string;
2900
- };
2901
- atomIcon: {
2902
- variant: string;
2903
- };
2904
- atomHeading: {
2905
- variant: string;
2906
- };
2907
- atomText: {
2908
- variant: string;
2909
- };
2910
- };
2911
- };
2912
- cardBanner: {
2913
- "CardBanner-primary": {
2914
- flexDirection: string;
2915
- justifyContent: string;
2916
- background: string;
2917
- border: string;
2918
- borderRadius: string;
2919
- padding: string;
2920
- atomHeading: {
2921
- variant: string;
2922
- };
2923
- atomText: {
2924
- variant: string;
2925
- };
2926
- atomButton: {
2927
- variant: string;
2928
- };
2929
- atomIcon: {
2930
- variant: string;
2931
- stroke: "#000000";
2932
- color: "#000000";
2933
- };
2934
- };
2935
- };
2936
- accordion: {
2937
- "Accordion-primary": {
2938
- width: string;
2939
- borderRadius: string;
2940
- backgroundTitle: string;
2941
- paddingTitle: string;
2942
- hover: {
2943
- background: string;
2944
- };
2945
- focusVisible: {
2946
- outline: string;
2947
- outlineOffset: string;
2948
- };
2949
- gap: string;
2950
- backgroundDescription: string;
2951
- atomIcon: {
2952
- variant: string;
2953
- };
2954
- atomHeading: {
2955
- variant: string;
2956
- color: string;
2957
- };
2958
- atomText: {
2959
- variant: string;
2960
- padding: string;
2961
- };
2962
- };
2963
- };
2964
- pint3: {
2965
- "Pint3-primary": {
2966
- gap: string;
2967
- height: string;
2968
- maxWidth: string;
2969
- column: {
2970
- gap: string;
2971
- minWidth: string;
2972
- maxWidth: string;
2973
- };
2974
- };
2975
- };
2976
- media: {
2977
- tinyMobileUp: string;
2978
- smallMobileUp: string;
2979
- mobileUp: string;
2980
- mobileLandscapeUp: string;
2981
- largeMobileUp: string;
2982
- tabletPortraitUp: string;
2983
- tabletLandscapeUp: string;
2984
- desktopUp: string;
2985
- largeDesktopUp: string;
2986
- superLargeDesktopUp: string;
2987
- };
2988
- pages: {
2989
- vod: {
2990
- top: {
2991
- text: string;
2992
- desktop: string;
2993
- tablet: string;
2994
- mobile: string;
2995
- };
2996
- main: {
2997
- background: string;
2998
- text: string;
2999
- columns: number;
3000
- gap: {
3001
- mobile: string;
3002
- tablet: string;
3003
- desktop: string;
3004
- };
3005
- };
3006
- };
3007
- meetups: {};
3008
- };
3009
- components: {
3010
- meetupCard: {
3011
- backgroundColor: string;
3012
- typeColor: string;
3013
- dateColor: string;
3014
- titleColor: string;
3015
- descriptionColor: string;
3016
- buttonVariant: string;
3017
- reversedButtons: boolean;
3018
- fullTextColor: string;
3019
- fullBackground: string;
3020
- };
3021
- textArea: {
3022
- default: string;
3023
- active: string;
3024
- hover: string;
3025
- disabledText: string;
3026
- };
3027
- qnAList: {
3028
- buttonVariant: string;
3029
- titleColor: string;
3030
- textColor: string;
3031
- disabledBackground: string;
3032
- };
3033
- qnACard: {
3034
- voteButtonIcon: boolean;
3035
- background: string;
3036
- textColor: string;
3037
- footerFlexDirection: string;
3038
- buttonVariant: string;
3039
- scrollbar: {
3040
- width: string;
3041
- };
3042
- scrollbarThumb: {
3043
- background: string;
3044
- };
3045
- scrollbarTrack: {
3046
- boxShadow: string;
3047
- borderRadius: string;
3048
- };
3049
- };
3050
- toolTip: {
3051
- textColor: string;
3052
- toolTipTextColor: string;
3053
- toolTipBackgroundColor: string;
3054
- textTransform: string;
3055
- };
3056
- formLabel: {
3057
- labelColor: string;
3058
- requiredStarColor: string;
3059
- };
3060
- selectBox: {
3061
- textColor: string;
3062
- selectedTextColor: string;
3063
- disabledText: string;
3064
- backgroundColor: string;
3065
- hover: string;
3066
- width: string;
3067
- height: string;
3068
- topOpen: string;
3069
- topClosed: string;
3070
- right: string;
3071
- selectBoxIconArrow: string;
3072
- selectBoxIconArrowLight: string;
3073
- borderColor: string;
3074
- errorBorderColor: string;
3075
- };
3076
- modal: {
3077
- top: {
3078
- text: string;
3079
- background: string;
3080
- titleColor: string;
3081
- mobileAlignCenter: boolean;
3082
- };
3083
- bottom: {
3084
- text: string;
3085
- background: string;
3086
- };
3087
- greyText: string;
3088
- selectedItem: string;
3089
- topBarColor: string;
3090
- closeButtonMargin: string;
3091
- closeButtonColor: {
3092
- desktop: string;
3093
- mobile: string;
3094
- };
3095
- categoryVariant: string;
3096
- };
3097
- notificationToast: {
3098
- background: string;
3099
- footerLinkColor: string;
3100
- closeButtonColor: {
3101
- desktop: string;
3102
- mobile: string;
3103
- };
3104
- };
3105
- modalPlayer: {
3106
- closeButtonColor: {
3107
- desktop: string;
3108
- mobile: string;
3109
- };
3110
- };
3111
- modalSpeaker: {
3112
- nameHeadingVariant: string;
3113
- isJobTitleHeading: boolean;
3114
- aboutMeHeadingVariant: string;
3115
- textVariant: string;
3116
- avatarSize: string;
3117
- socialIconSpacing: string;
3118
- hasMoreSpace: boolean;
3119
- socialIconColor: string;
3120
- jobCompanySeperateLines: boolean;
3121
- };
3122
- modalQuestion: {
3123
- padding: string;
3124
- margin: string;
3125
- buttonFullWidth: boolean;
3126
- questionLength: number;
3127
- };
3128
- modalQuestionSent: {
3129
- padding: string;
3130
- margin: string;
3131
- buttonFullWidth: boolean;
3132
- };
3133
- modalShareHug: {
3134
- padding: string;
3135
- margin: string;
3136
- headingMargin: string;
3137
- paddingModal: string;
3138
- };
3139
- modalVodDetail: {
3140
- topTitle: boolean;
3141
- title: {
3142
- textColor: string;
3143
- background: string;
3144
- categoryColor: string;
3145
- centered: boolean;
3146
- hasMoreSpace: boolean;
3147
- };
3148
- description: {
3149
- headingVariant: string;
3150
- textVariant: string;
3151
- };
3152
- speakers: {
3153
- headingVariant: string;
3154
- textColor: string;
3155
- background: string;
3156
- jobTitleColor: string;
3157
- jobTitleSpacing: boolean;
3158
- socialIconColor: string;
3159
- horizontalRulerColor: string;
3160
- isJobTitleHeading: boolean;
3161
- avatarSize: string;
3162
- direction: string;
3163
- mobileAlignCenter: boolean;
3164
- mobileAvatarFullWidth: boolean;
3165
- };
3166
- };
3167
- vodTop: {
3168
- titleHeadingVariant: string;
3169
- isLight: boolean;
3170
- showCategories: boolean;
3171
- showViewAllVideos: boolean;
3172
- hasMoreSpace: boolean;
3173
- };
3174
- vodOverview: {
3175
- categoryVariant: string;
3176
- useCheckboxes: boolean;
3177
- titleHeadingVariant: string;
3178
- showCategories: boolean;
3179
- showFilter: boolean;
3180
- marginLeftWhenMobile: string;
3181
- };
3182
- vodDetail: {
3183
- topTitleColor: string;
3184
- dateTimeColor: string;
3185
- };
3186
- partnerOverview: {
3187
- showFilter: boolean;
3188
- showPromoOverview: boolean;
3189
- promoOverviewColor: string;
3190
- };
3191
- videoThumb: {
3192
- hoverEffect: string;
3193
- titleColor: string;
3194
- };
3195
- LiveThumb: {
3196
- textColor: string;
3197
- };
3198
- schedule: {
3199
- background: string;
3200
- textColor: string;
3201
- trackTitleColor: string;
3202
- timeLineTextColor: string;
3203
- rowDividerColor: string;
3204
- dayColor: string;
3205
- dayActiveColor: string;
3206
- dayBorderColor: string;
3207
- trackColor: string;
3208
- trackActiveColor: string;
3209
- };
3210
- sessionCard: {
3211
- background: string;
3212
- backgroundHover: string;
3213
- categoryVariant: string;
3214
- categoryTextColor: string;
3215
- dateColor: string;
3216
- titleColor: string;
3217
- speakerColor: string;
3218
- progressBarBackground: string;
3219
- progressBar: string;
3220
- heading: {
3221
- fontSize: string;
3222
- lineHeight: string;
3223
- };
3224
- processingTextColor: string;
3225
- };
3226
- navigation: {
3227
- textColor: string;
3228
- backgroundColor: string;
3229
- navLink: string;
3230
- profileDropdown: {
3231
- textColor: string;
3232
- backgroundColor: string;
3233
- backgroundColorHover: string;
3234
- };
3235
- };
3236
- faqToggle: {
3237
- textColor: string;
3238
- };
3239
- filter: {
3240
- textColor: string;
3241
- background: string;
3242
- };
3243
- subMenu: {
3244
- textColor: string;
3245
- backgroundColor: string;
3246
- navLink: string;
3247
- };
3248
- trackFilter: {
3249
- textColor: string;
3250
- navLink: string;
3251
- };
3252
- scheduleSubMenu: {
3253
- backgroundColor: string;
3254
- };
3255
- sidePanel: {
3256
- textColor: string;
3257
- background: string;
3258
- width: string;
3259
- backdropFilter: string;
3260
- };
3261
- dateTime: {
3262
- useSuffixedDay: boolean;
3263
- };
3264
- meetupSignups: {
3265
- textColor: string;
3266
- textColorLastPic: string;
3267
- pictureBackground: string;
3268
- backgroundColor: string;
3269
- };
3270
- sessionQnA: {
3271
- textColor: string;
3272
- background: string;
3273
- };
3274
- };
3275
- socialIcons: {
3276
- lightgrey: {
3277
- linkedin: string;
3278
- facebook: string;
3279
- github: string;
3280
- instagram: string;
3281
- twitter: string;
3282
- website: string;
3283
- youtube: string;
3284
- };
3285
- white: {
3286
- linkedin: string;
3287
- facebook: string;
3288
- github: string;
3289
- instagram: string;
3290
- twitter: string;
3291
- website: string;
3292
- };
3293
- };
3294
- fonts: {
3295
- default: string;
3296
- };
3297
- borderRadius: {
3298
- button: string;
3299
- input: string;
3300
- countdown: string;
3301
- };
3302
- checkbox: {
3303
- dark: {
3304
- width: string;
3305
- height: string;
3306
- top: string;
3307
- left: string;
3308
- borderRadius: string;
3309
- text: string;
3310
- default: {
3311
- check: string;
3312
- border: string;
3313
- background: string;
3314
- };
3315
- hover: {
3316
- check: string;
3317
- border: string;
3318
- };
3319
- checked: {
3320
- text: string;
3321
- check: string;
3322
- border: string;
3323
- background: string;
3324
- };
3325
- checkedhover: {
3326
- check: string;
3327
- border: string;
3328
- background: string;
3329
- opacity: number;
3330
- };
3331
- disabled: {
3332
- check: string;
3333
- border: string;
3334
- background: string;
3335
- opacity: number;
3336
- };
3337
- };
3338
- light: {
3339
- width: string;
3340
- height: string;
3341
- top: string;
3342
- left: string;
3343
- borderRadius: string;
3344
- text: string;
3345
- default: {
3346
- check: string;
3347
- border: string;
3348
- background: string;
3349
- };
3350
- hover: {
3351
- check: string;
3352
- border: string;
3353
- };
3354
- checked: {
3355
- check: string;
3356
- border: string;
3357
- background: string;
3358
- };
3359
- checkedhover: {
3360
- check: string;
3361
- border: string;
3362
- background: string;
3363
- };
3364
- disabled: {
3365
- check: string;
3366
- border: string;
3367
- background: string;
3368
- opacity: number;
3369
- };
3370
- };
3371
- };
3372
- combination: {
3373
- light: {};
3374
- dark: {};
3375
- pulldown: {};
3376
- selected: {
3377
- background: string;
3378
- text: string;
3379
- };
3380
- error: {
3381
- text: string;
3382
- background: string;
3383
- };
3384
- success: {};
3385
- header: {
3386
- text: string;
3387
- background: string;
3388
- orientation: string;
3389
- };
3390
- shade: {};
3391
- hover: {};
3392
- recommended: {};
3393
- };
3394
- sponsorMeeting: {
3395
- descriptionBackground: string;
3396
- descriptionText: string;
3397
- };
3398
- menu: {
3399
- light: {
3400
- background: string;
3401
- text: string;
3402
- };
3403
- dark: {
3404
- background: string;
3405
- text: string;
3406
- };
3407
- mobile: {
3408
- background: string;
3409
- text: string;
3410
- textActive: string;
3411
- };
3412
- };
3413
- background: {
3414
- default: string;
3415
- };
3416
- category: {
3417
- textLight: string;
3418
- textDark: string;
3419
- light: string;
3420
- dark: string;
3421
- hover: string;
3422
- active: string;
3423
- gap: string;
3424
- };
3425
- rowBackground: {
3426
- default: {
3427
- text: string;
3428
- desktop: string;
3429
- tablet: string;
3430
- mobile: string;
3431
- };
3432
- light: {
3433
- text: string;
3434
- desktop: string;
3435
- tablet: string;
3436
- mobile: string;
3437
- };
3438
- image1: {
3439
- text: string;
3440
- desktop: string;
3441
- tablet: string;
3442
- mobile: string;
3443
- };
3444
- };
3445
- images: {
3446
- navBarLogoDark: string;
3447
- footerLogo: {};
3448
- };
3449
- ratingPopup: {
3450
- lowRating: string;
3451
- mediumRating: string;
3452
- highRating: string;
3453
- backgroundHover: string;
3454
- ratingText: string;
3455
- };
3456
- icons: {
3457
- arrowDown: string;
3458
- navigationBack: string;
3459
- navigationForward: string;
3460
- close: string;
3461
- delete: string;
3462
- calendar: string;
3463
- addToCalendar: string;
3464
- remove: string;
3465
- plus: string;
3466
- added: string;
3467
- info: string;
3468
- sectionLogoIcon: string;
3469
- defaultAvatar: string;
3470
- notificationArrow: string;
3471
- };
3472
- iconColors: {
3473
- dark: string;
3474
- noColor: string;
3475
- };
3476
- hero: {};
3477
- pagination: {
3478
- buttonVariant: string;
3479
- iconRight: string;
3480
- iconLeft: string;
3481
- };
3482
- meetup: {
3483
- buttonVariant: string;
3484
- };
3485
- player_cta: {};
3486
- profile: {
3487
- card: {};
3488
- };
3489
- notifications: {
3490
- toast: {
3491
- buttonVariant: string;
3492
- };
3493
- textColor: string;
3494
- descriptionFontSize: string;
3495
- background: string;
3496
- };
3497
- chat: {
3498
- pickerInline: boolean;
3499
- inputChat: {
3500
- background: string;
3501
- border: string;
3502
- };
3503
- chatList: {
3504
- scrollbar: {
3505
- width: string;
3506
- };
3507
- scrollbarThumb: {
3508
- background: string;
3509
- };
3510
- scrollbarTrack: {
3511
- boxShadow: string;
3512
- borderRadius: string;
3513
- };
3514
- };
3515
- };
3516
- partners: {};
3517
- maxWidth: string;
3518
- navigationFontSize: string;
3519
- vodRowMaxHight: string;
3520
- inputField: {
3521
- height: string;
3522
- };
3523
- };
3524
-
3525
- export { Accordion, BreakerTape, Button, CDNImage, CardBanner, CardSimpleRender, CardTeaser, DavidWebTheme, Divider, Footer, Gradient, Header, Heading, Icon, Link, ManamergeTheme, Navigation, Pint3, Text };
214
+ export { Accordion, BreakerTape, Button, CDNImage, CardBanner, CardSimpleRender, CardTeaser, Divider, Footer, Gradient, Header, Heading, Icon, Link, Navigation, Pint3, Text };