@levo-so/blocks 0.1.75 → 0.1.76

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 (58) hide show
  1. package/package.json +4 -4
  2. package/src/blocks/about-us/about-us-1.schema.ts +0 -3
  3. package/src/blocks/blogs/ClientOnly.tsx +24 -0
  4. package/src/blocks/blogs/blog-listing-1.schema.ts +750 -111
  5. package/src/blocks/blogs/blog-listing-1.tsx +123 -41
  6. package/src/blocks/blogs/blog-listing-2.schema.ts +1127 -2640
  7. package/src/blocks/blogs/blog-listing-2.tsx +110 -23
  8. package/src/blocks/blogs/blog-listing-3.schema.ts +713 -2010
  9. package/src/blocks/blogs/blog-listing-3.tsx +118 -20
  10. package/src/blocks/blogs/blog-post-1.schema.ts +262 -32
  11. package/src/blocks/blogs/blog-post-1.tsx +217 -28
  12. package/src/blocks/cards/cards-16.schema.ts +947 -0
  13. package/src/blocks/cards/cards-16.tsx +106 -0
  14. package/src/blocks/cards/cards-17.schema.ts +1945 -0
  15. package/src/blocks/cards/cards-17.tsx +112 -0
  16. package/src/blocks/cards/cards-18.schema.ts +1040 -0
  17. package/src/blocks/cards/cards-18.tsx +102 -0
  18. package/src/blocks/cards/cards-2.schema.ts +2 -2
  19. package/src/blocks/cards/cards-3.schema.ts +3 -16
  20. package/src/blocks/cards/cards-4.schema.ts +3 -28
  21. package/src/blocks/cards/cards-7.schema.ts +4 -7
  22. package/src/blocks/cards/cards-8.schema.ts +1 -10
  23. package/src/blocks/carousel/carousel-2.schema.ts +1 -2
  24. package/src/blocks/content/content-10.schema.ts +450 -0
  25. package/src/blocks/content/content-10.tsx +43 -0
  26. package/src/blocks/content/content-3.schema.ts +22 -28
  27. package/src/blocks/content/content-5.schema.ts +0 -4
  28. package/src/blocks/cta/cta-1.schema.ts +0 -3
  29. package/src/blocks/event/event-details.schema.ts +41 -175
  30. package/src/blocks/event/event-details.tsx +45 -50
  31. package/src/blocks/event/event-listing-2.schema.ts +437 -202
  32. package/src/blocks/event/event-listing-2.tsx +86 -22
  33. package/src/blocks/event/event-listing-3.schema.ts +232 -196
  34. package/src/blocks/event/event-listing-3.tsx +62 -29
  35. package/src/blocks/event/event-listing-4.schema.ts +314 -2824
  36. package/src/blocks/event/event-listing-4.tsx +68 -32
  37. package/src/blocks/event/event-listing.schema.ts +176 -1032
  38. package/src/blocks/event/event-listing.tsx +59 -25
  39. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +0 -1
  40. package/src/blocks/features/features-4.schema.ts +4 -14
  41. package/src/blocks/features/features-5.schema.ts +30 -51
  42. package/src/blocks/features/features-6.schema.ts +0 -1
  43. package/src/blocks/filter-listing/filter-listing-1.schema.ts +1 -3
  44. package/src/blocks/footer/footer-3.schema.ts +6 -14
  45. package/src/blocks/hero/hero-11.schema.ts +25 -54
  46. package/src/blocks/hero/hero-5.schema.ts +2 -6
  47. package/src/blocks/hero/hero-6.schema.ts +1 -10
  48. package/src/blocks/index.ts +4 -0
  49. package/src/blocks/logos/logos-1.schema.ts +0 -30
  50. package/src/blocks/pricing/pricing-1.schema.ts +0 -3
  51. package/src/blocks/stats/variants/default.ts +4 -5
  52. package/src/blocks/team/team-2.schema.ts +57 -154
  53. package/src/blocks/team/team-3.schema.ts +14 -31
  54. package/src/blocks/testimonial/testimonial-4.schema.ts +67 -152
  55. package/src/blocks/testimonial/testimonial-5/variants/default.ts +0 -1
  56. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +0 -1
  57. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +0 -1
  58. package/src/schemas/blocks.ts +8 -0
@@ -5,7 +5,8 @@ const DEFAULT_CONTENT = {
5
5
  container: null,
6
6
  "header-container": null,
7
7
  title: "Upcoming Events",
8
- "cta-button": "View All Events",
8
+ description: "Upcoming Events Upcoming Events Upcoming Events Upcoming Events",
9
+ "cta-buttons": [{ "cta-button": "Learn More" }, { "cta-button": "View All" }],
9
10
 
10
11
  events: [
11
12
  {
@@ -287,6 +288,11 @@ export const EventListing4: IBlock = {
287
288
  label: "Container",
288
289
  field_interface: "ContainerWidget",
289
290
  },
291
+ {
292
+ key: "header",
293
+ label: "Header",
294
+ field_interface: "BoxWidget",
295
+ },
290
296
  {
291
297
  key: "header-container",
292
298
  label: "Header Container",
@@ -304,21 +310,39 @@ export const EventListing4: IBlock = {
304
310
  },
305
311
  },
306
312
  {
307
- key: "cta-button",
308
- label: "Header CTA Button",
309
- field_interface: "ButtonWidget",
310
- hint: {
311
- prompt_description:
312
- "Call-to-action button displayed next to the main heading. Should encourage exploration, such as 'View all' or 'See more events'.",
313
- min_characters: 6,
314
- max_characters: 15,
315
- },
313
+ key: "description",
314
+ label: "Description",
315
+ field_interface: "TypographyWidget",
316
+ },
317
+ {
318
+ key: "cta-buttons",
319
+ label: "CTA Buttons",
320
+ field_interface: "BoxWidget",
321
+ kind: "group",
322
+ fields: [
323
+ {
324
+ key: "cta-button",
325
+ label: "CTA Button",
326
+ field_interface: "ButtonWidget",
327
+ hint: {
328
+ prompt_description:
329
+ "Call-to-action button that encourages users to explore more events. Should be action-oriented.",
330
+ min_characters: 6,
331
+ max_characters: 15,
332
+ },
333
+ },
334
+ ],
316
335
  },
317
336
  {
318
337
  key: "events",
319
338
  label: "Events",
320
339
  kind: "group",
321
340
  field_interface: "BoxWidget",
341
+ options: {
342
+ module_field: {
343
+ module: "event",
344
+ },
345
+ },
322
346
  hint: {
323
347
  prompt_description:
324
348
  "A group representing a grid of event cards. Each card highlights an upcoming or featured event with enhanced metadata. Intended for listing multiple events at a glance.",
@@ -342,6 +366,12 @@ export const EventListing4: IBlock = {
342
366
  size: "medium",
343
367
  usecase: "hero",
344
368
  },
369
+ options: {
370
+ module_field: {
371
+ module: "event",
372
+ key: "cover_image",
373
+ },
374
+ },
345
375
  },
346
376
  {
347
377
  key: "caption-text",
@@ -389,6 +419,12 @@ export const EventListing4: IBlock = {
389
419
  min_characters: 16,
390
420
  max_characters: 28,
391
421
  },
422
+ options: {
423
+ module_field: {
424
+ module: "event",
425
+ key: "starts_at",
426
+ },
427
+ },
392
428
  },
393
429
  {
394
430
  key: "role-text",
@@ -428,6 +464,12 @@ export const EventListing4: IBlock = {
428
464
  min_characters: 5,
429
465
  max_characters: 30,
430
466
  },
467
+ options: {
468
+ module_field: {
469
+ module: "event",
470
+ key: "ends_at",
471
+ },
472
+ },
431
473
  },
432
474
  {
433
475
  key: "company-text",
@@ -452,13 +494,19 @@ export const EventListing4: IBlock = {
452
494
  {
453
495
  key: "title",
454
496
  label: "Event Title",
455
- field_interface: "TypographyWidget",
497
+ field_interface: "HeadingWidget",
456
498
  hint: {
457
499
  prompt_description:
458
500
  "Event card headline. Should be the name or title of the event, immediately catching the user's attention. Aim for clarity and engagement.",
459
501
  min_characters: 8,
460
502
  max_characters: 32,
461
503
  },
504
+ options: {
505
+ module_field: {
506
+ module: "event",
507
+ key: "title",
508
+ },
509
+ },
462
510
  },
463
511
  {
464
512
  key: "description",
@@ -470,6 +518,12 @@ export const EventListing4: IBlock = {
470
518
  min_characters: 40,
471
519
  max_characters: 120,
472
520
  },
521
+ options: {
522
+ module_field: {
523
+ module: "event",
524
+ key: "description",
525
+ },
526
+ },
473
527
  },
474
528
  {
475
529
  key: "social_media_icon_wrapper",
@@ -583,73 +637,49 @@ export const EventListing4: IBlock = {
583
637
  },
584
638
  },
585
639
  ],
640
+ source: [{ required: true, module: "event", type: "block", field_key: "events" }],
586
641
  layouts: [
587
642
  {
588
643
  key: "default",
589
644
  title: "Default",
590
645
  styles: {
591
- layout: {
592
- "padding-left": "10xl",
593
- "padding-right": "10xl",
594
- "padding-top": "5xl",
595
- "padding-bottom": "5xl",
596
- tablet: {
597
- "padding-left": "8xl",
598
- "padding-right": "8xl",
599
- "padding-top": "4xl",
600
- "padding-bottom": "4xl",
601
- },
602
- mobile: {
603
- "padding-left": "6xl",
604
- "padding-right": "6xl",
605
- "padding-top": "3xl",
606
- "padding-bottom": "3xl",
607
- },
608
- filter: "none",
609
- },
646
+ layout: {},
610
647
  container: {
611
648
  display: "flex",
612
649
  "flex-direction": "column",
613
650
  "align-items": "center",
614
651
  "row-gap": "2xl",
615
- filter: "none",
616
- "max-width": "none",
617
- "padding-left": "none",
618
- "padding-right": "none",
619
652
  },
620
653
  "header-container": {
621
654
  display: "flex",
622
655
  width: "100%",
623
- "justify-content": "space-between",
624
- "align-items": "center",
625
- "margin-bottom": "3xl",
656
+ "justify-content": "start",
657
+ "align-items": "start",
626
658
  mobile: {
627
659
  "flex-direction": "column",
628
- "align-items": "flex-start",
629
- "row-gap": "lg",
630
- },
631
- },
632
- title: {
633
- "font-size": "5xl",
634
- "font-weight": 600,
635
- color: "var(--color-text-1)",
636
- margin: "0",
637
- mobile: {
638
- "font-size": "3xl",
660
+ "align-items": "center",
661
+ "row-gap": "4xs",
639
662
  },
663
+ "flex-direction": "column",
640
664
  },
641
- "cta-button": {
642
- "background-color": "transparent",
643
- color: "var(--color-brand)",
644
- "font-size": "lg",
645
- "font-weight": 500,
646
- "text-decoration": "none",
647
- border: "none",
648
- cursor: "pointer",
665
+ title: {},
666
+ "cta-buttons_levoGroup": {
649
667
  display: "flex",
668
+ "column-gap": "md",
650
669
  "align-items": "center",
651
- "column-gap": "xs",
652
670
  },
671
+ "cta-buttons": [
672
+ {
673
+ "cta-button": {
674
+ "white-space": "nowrap",
675
+ },
676
+ },
677
+ {
678
+ "cta-button": {
679
+ "white-space": "nowrap",
680
+ },
681
+ },
682
+ ],
653
683
  events_levoGroup: {
654
684
  display: "grid",
655
685
  width: "100%",
@@ -658,2831 +688,291 @@ export const EventListing4: IBlock = {
658
688
  "column-gap": "5xl",
659
689
  tablet: {
660
690
  "grid-template-columns": "repeat(1, minmax(0, 1fr))",
661
- filter: "none",
662
691
  "column-gap": "base",
663
692
  },
664
693
  mobile: {
665
694
  "grid-template-columns": "repeat(1, 1fr)",
666
695
  "row-gap": "lg",
667
- filter: "none",
668
696
  },
669
- filter: "none",
670
697
  },
671
- events: [
672
- {
673
- eventWrapper: {
674
- display: "flex",
675
- "flex-direction": "row",
676
- "row-gap": "xl",
677
- "media:max:768px": {
678
- "row-gap": "md",
679
- },
680
- "media:max:480px": {},
681
- "border-style": "solid",
682
- "border-width": "1px",
683
- "border-radius": "base",
684
- "padding-top": "none",
685
- "padding-left": "none",
686
- "padding-right": "none",
687
- "padding-bottom": "none",
688
- "column-gap": "base",
689
- "justify-content": "center",
690
- "align-items": "center",
691
- mobile: {
692
- "flex-direction": "column",
693
- "padding-left": "none",
694
- },
695
- },
696
- image: {
697
- "object-fit": "cover",
698
- height: "250px",
699
- mobile: {
700
- width: "100%",
701
- },
702
- },
703
- "text-wrapper": {
704
- "padding-left": "none",
705
- "padding-top": "none",
706
- "padding-right": "none",
707
- "padding-bottom": "2xl",
708
- display: "flex",
698
+ events: [],
699
+ paginationWrapper: {
700
+ width: "100%",
701
+ display: "flex",
702
+ "justify-content": "center",
703
+ "column-gap": "lg",
704
+ "align-items": "center",
705
+ },
706
+ events_levoGroupItem: {
707
+ eventWrapper: {
708
+ display: "flex",
709
+ "flex-direction": "row",
710
+ "row-gap": "xl",
711
+ tablet: {
712
+ "row-gap": "md",
713
+ },
714
+ "border-style": "solid",
715
+ "border-width": "1px",
716
+ "border-radius": "base",
717
+ "padding-top": "none",
718
+ "padding-left": "none",
719
+ "padding-right": "none",
720
+ "padding-bottom": "none",
721
+ "column-gap": "base",
722
+ "justify-content": "center",
723
+ "align-items": "center",
724
+ mobile: {
709
725
  "flex-direction": "column",
710
- "row-gap": "lg",
711
- filter: "none",
712
- mobile: {
713
- "padding-bottom": "none",
714
- },
715
- },
716
- "text-container": {
717
- display: "flex",
718
- "justify-content": "start",
719
- "align-items": "start",
720
- "column-gap": "lg",
721
- "margin-bottom": "none",
722
- filter: "none",
723
- "padding-top": "none",
724
- "padding-bottom": "none",
725
- "padding-left": "none",
726
- "padding-right": "none",
727
- "flex-direction": "row",
728
- },
729
- "caption-text": {
730
- color: "white",
731
- "font-size": "xs",
732
- "background-color": "var(--color-brand)",
733
- "font-weight": 500,
734
- "padding-left": "base",
735
- "padding-right": "base",
736
- "padding-top": "4xs",
737
- "padding-bottom": "4xs",
738
- "border-radius": "3xl",
739
- width: "fit-content",
740
- },
741
- "date-wrapper": {
742
- display: "flex",
743
- "align-items": "center",
744
- "column-gap": "xs",
745
- },
746
- "date-icon": {
747
- width: "22px",
748
- height: "22px",
749
- "font-size": "22px",
750
- },
751
- "publishedAt-header": {
752
- "font-size": "sm",
753
- color: "var(--color-text-2)",
754
- "font-weight": 500,
755
- },
756
- "author-wrapper": {
757
- display: "flex",
758
- "align-items": "center",
759
- "column-gap": "xs",
760
- },
761
- "author-image": {
762
- height: "22px",
763
- width: "22px",
764
- "border-radius": "100%",
765
- "object-fit": "cover",
766
- "font-size": "22px",
767
- },
768
- "author-name": {
769
- "font-size": "sm",
770
- "font-weight": 500,
771
- color: "var(--color-text-1)",
772
- },
773
- title: {
774
- "font-weight": 600,
775
- "font-size": "xl",
776
- "margin-bottom": "none",
777
- color: "var(--color-text-1)",
778
- filter: "none",
779
- "padding-top": "none",
780
- },
781
- description: {
782
- overflow: "hidden",
783
- display: "-webkit-box",
784
- "-webkit-box-orient": "vertical",
785
- "-webkit-line-clamp": 3,
786
- color: "var(--color-text-2)",
787
- "line-height": 1.5,
788
- "margin-bottom": "base",
789
- filter: "none",
790
- },
791
- publishedAt: {
792
- display: "none",
793
- },
794
- cta: {
795
- "background-color": "var(--color-brand)",
796
- color: "white",
797
- "padding-top": "xs",
798
- "padding-bottom": "xs",
799
- "padding-left": "base",
800
- "padding-right": "base",
801
- "border-radius": "md",
802
- "font-size": "sm",
803
- "font-weight": 500,
804
- border: "none",
805
- cursor: "pointer",
806
- "align-self": "flex-start",
807
- },
808
- "content-container": {
809
- filter: "none",
810
726
  "padding-left": "none",
811
- "padding-right": "none",
812
- display: "flex",
813
- "flex-direction": "column",
814
- "row-gap": "sm",
815
- "padding-top": "base",
816
- mobile: {
817
- "padding-left": "sm",
818
- "padding-right": "sm",
819
- "padding-bottom": "sm",
820
- },
821
- },
822
- "event-end-date-icon": {
823
- height: "22px",
824
- width: "22px",
825
- "font-size": "22px",
826
727
  },
827
- "event-end-date-wrapper": {
828
- display: "flex",
829
- "align-items": "center",
830
- "column-gap": "xs",
728
+ },
729
+ image: {
730
+ "object-fit": "cover",
731
+ height: "250px",
732
+ mobile: {
733
+ width: "100%",
831
734
  },
832
- "event-end-date": {
833
- "font-size": "sm",
834
- color: "var(--color-text-2)",
835
- "font-weight": 500,
735
+ width: "40%",
736
+ },
737
+ "text-wrapper": {
738
+ "padding-left": "none",
739
+ "padding-top": "none",
740
+ "padding-right": "none",
741
+ "padding-bottom": "2xl",
742
+ display: "flex",
743
+ "flex-direction": "column",
744
+ "row-gap": "lg",
745
+ mobile: {
746
+ "padding-bottom": "none",
747
+ },
748
+ },
749
+ "text-container": {
750
+ display: "flex",
751
+ "justify-content": "start",
752
+ "align-items": "start",
753
+ "column-gap": "lg",
754
+ "margin-bottom": "none",
755
+ "padding-top": "none",
756
+ "padding-bottom": "none",
757
+ "padding-left": "none",
758
+ "padding-right": "none",
759
+ "flex-direction": "row",
760
+ },
761
+ "caption-text": {
762
+ color: "white",
763
+ "font-size": "xs",
764
+ "background-color": "var(--color-brand)",
765
+ "font-weight": 500,
766
+ "padding-left": "base",
767
+ "padding-right": "base",
768
+ "padding-top": "4xs",
769
+ "padding-bottom": "4xs",
770
+ "border-radius": "3xl",
771
+ width: "fit-content",
772
+ },
773
+ "date-wrapper": {
774
+ display: "flex",
775
+ "align-items": "center",
776
+ "column-gap": "xs",
777
+ },
778
+ "date-icon": {
779
+ width: "22px",
780
+ height: "22px",
781
+ "font-size": "22px",
782
+ },
783
+ "publishedAt-header": {
784
+ "font-weight": 500,
785
+ },
786
+ "author-wrapper": {
787
+ display: "flex",
788
+ "align-items": "center",
789
+ "column-gap": "xs",
790
+ },
791
+ "author-image": {
792
+ height: "22px",
793
+ width: "22px",
794
+ "border-radius": "100%",
795
+ "object-fit": "cover",
796
+ "font-size": "22px",
797
+ },
798
+ "author-name": {
799
+ "font-size": "sm",
800
+ "font-weight": 500,
801
+ color: "var(--color-text-1)",
802
+ },
803
+ title: {
804
+ "font-weight": 600,
805
+ "margin-bottom": "none",
806
+ "padding-top": "none",
807
+ },
808
+ description: {
809
+ overflow: "hidden",
810
+ display: "-webkit-box",
811
+ "-webkit-box-orient": "vertical",
812
+ "-webkit-line-clamp": 3,
813
+ "margin-bottom": "base",
814
+ },
815
+ publishedAt: {
816
+ display: "none",
817
+ },
818
+ cta: {
819
+ "background-color": "var(--color-brand)",
820
+ color: "white",
821
+ "padding-top": "xs",
822
+ "padding-bottom": "xs",
823
+ "padding-left": "base",
824
+ "padding-right": "base",
825
+ "border-radius": "md",
826
+ "font-size": "sm",
827
+ "font-weight": 500,
828
+ border: "none",
829
+ cursor: "pointer",
830
+ "align-self": "flex-start",
831
+ },
832
+ "content-container": {
833
+ "padding-left": "none",
834
+ "padding-right": "none",
835
+ display: "flex",
836
+ "flex-direction": "column",
837
+ "row-gap": "sm",
838
+ "padding-top": "base",
839
+ mobile: {
840
+ "padding-left": "sm",
841
+ "padding-right": "sm",
842
+ "padding-bottom": "sm",
836
843
  },
837
844
  },
845
+ "event-end-date-icon": {
846
+ height: "22px",
847
+ width: "22px",
848
+ "font-size": "22px",
849
+ },
850
+ "event-end-date-wrapper": {
851
+ display: "flex",
852
+ "align-items": "center",
853
+ "column-gap": "xs",
854
+ },
855
+ "event-end-date": {
856
+ "font-weight": 500,
857
+ },
858
+ },
859
+ description: {
860
+ "max-width": "600px",
861
+ mobile: {
862
+ "text-align": "center",
863
+ },
864
+ },
865
+ header: {
866
+ display: "flex",
867
+ "column-gap": "base",
868
+ width: "100%",
869
+ "margin-bottom": "3xl",
870
+ mobile: {
871
+ "flex-direction": "column",
872
+ "row-gap": "base",
873
+ "align-items": "center",
874
+ },
875
+ },
876
+ },
877
+ content: DEFAULT_CONTENT,
878
+ config: {
879
+ "cta-buttons": [
838
880
  {
839
- eventWrapper: {
840
- display: "flex",
841
- "flex-direction": "row",
842
- "row-gap": "xl",
843
- "media:max:768px": {
844
- "row-gap": "md",
845
- },
846
- "media:max:480px": {},
847
- "border-style": "solid",
848
- "border-width": "1px",
849
- "border-radius": "base",
850
- "padding-top": "none",
851
- "padding-left": "none",
852
- "padding-right": "none",
853
- "padding-bottom": "none",
854
- "column-gap": "base",
855
- "justify-content": "center",
856
- "align-items": "center",
857
- mobile: {
858
- "flex-direction": "column",
859
- "padding-left": "none",
860
- },
861
- },
862
- image: {
863
- "object-fit": "cover",
864
- height: "250px",
865
- mobile: {
866
- width: "100%",
867
- },
868
- },
869
- "text-wrapper": {
870
- "padding-left": "none",
871
- "padding-top": "none",
872
- "padding-right": "none",
873
- "padding-bottom": "2xl",
874
- display: "flex",
875
- "flex-direction": "column",
876
- "row-gap": "lg",
877
- filter: "none",
878
- mobile: {
879
- "padding-bottom": "none",
880
- },
881
- },
882
- "text-container": {
883
- display: "flex",
884
- "justify-content": "start",
885
- "align-items": "start",
886
- "column-gap": "lg",
887
- "margin-bottom": "none",
888
- filter: "none",
889
- "padding-top": "none",
890
- "padding-bottom": "none",
891
- "padding-left": "none",
892
- "padding-right": "none",
893
- "flex-direction": "row",
894
- },
895
- "caption-text": {
896
- color: "white",
897
- "font-size": "xs",
898
- "background-color": "var(--color-brand)",
899
- "font-weight": 500,
900
- "padding-left": "base",
901
- "padding-right": "base",
902
- "padding-top": "4xs",
903
- "padding-bottom": "4xs",
904
- "border-radius": "3xl",
905
- width: "fit-content",
906
- },
907
- "date-wrapper": {
908
- display: "flex",
909
- "align-items": "center",
910
- "column-gap": "xs",
911
- },
912
- "date-icon": {
913
- width: "22px",
914
- height: "22px",
915
- "font-size": "22px",
916
- },
917
- "publishedAt-header": {
918
- "font-size": "sm",
919
- color: "var(--color-text-2)",
920
- "font-weight": 500,
921
- },
922
- "author-wrapper": {
923
- display: "flex",
924
- "align-items": "center",
925
- "column-gap": "xs",
926
- },
927
- "author-image": {
928
- height: "22px",
929
- width: "22px",
930
- "border-radius": "100%",
931
- "object-fit": "cover",
932
- "font-size": "22px",
933
- },
934
- "author-name": {
935
- "font-size": "sm",
936
- "font-weight": 500,
937
- color: "var(--color-text-1)",
938
- },
939
- title: {
940
- "font-weight": 600,
941
- "font-size": "xl",
942
- "margin-bottom": "none",
943
- color: "var(--color-text-1)",
944
- filter: "none",
945
- "padding-top": "none",
946
- },
947
- description: {
948
- overflow: "hidden",
949
- display: "-webkit-box",
950
- "-webkit-box-orient": "vertical",
951
- "-webkit-line-clamp": 3,
952
- color: "var(--color-text-2)",
953
- "line-height": 1.5,
954
- "margin-bottom": "base",
955
- filter: "none",
956
- },
957
- publishedAt: {
958
- display: "none",
881
+ "cta-button": {
882
+ selectedVariants: {},
959
883
  },
960
- cta: {
961
- "background-color": "var(--color-brand)",
962
- color: "white",
963
- "padding-top": "xs",
964
- "padding-bottom": "xs",
965
- "padding-left": "base",
966
- "padding-right": "base",
967
- "border-radius": "md",
968
- "font-size": "sm",
969
- "font-weight": 500,
970
- border: "none",
971
- cursor: "pointer",
972
- "align-self": "flex-start",
973
- },
974
- "content-container": {
975
- filter: "none",
976
- "padding-left": "none",
977
- "padding-right": "none",
978
- display: "flex",
979
- "flex-direction": "column",
980
- "row-gap": "sm",
981
- "padding-top": "base",
982
- mobile: {
983
- "padding-left": "sm",
984
- "padding-right": "sm",
985
- "padding-bottom": "sm",
884
+ },
885
+ {
886
+ "cta-button": {
887
+ selectedVariants: {
888
+ Button_Variants: "Secondary",
986
889
  },
987
890
  },
988
- "event-end-date-icon": {
989
- height: "22px",
990
- width: "22px",
991
- "font-size": "22px",
992
- },
993
- "event-end-date-wrapper": {
994
- display: "flex",
995
- "align-items": "center",
996
- "column-gap": "xs",
997
- },
998
- "event-end-date": {
999
- "font-size": "sm",
1000
- color: "var(--color-text-2)",
1001
- "font-weight": 500,
1002
- },
1003
891
  },
892
+ ],
893
+ events: [
1004
894
  {
1005
- eventWrapper: {
1006
- display: "flex",
1007
- "flex-direction": "row",
1008
- "row-gap": "xl",
1009
- "media:max:768px": {
1010
- "row-gap": "md",
1011
- },
1012
- "media:max:480px": {},
1013
- "border-style": "solid",
1014
- "border-width": "1px",
1015
- "border-radius": "base",
1016
- "padding-top": "none",
1017
- "padding-left": "none",
1018
- "padding-right": "none",
1019
- "padding-bottom": "none",
1020
- "column-gap": "base",
1021
- "justify-content": "center",
1022
- "align-items": "center",
1023
- mobile: {
1024
- "flex-direction": "column",
1025
- "padding-left": "none",
895
+ title: {
896
+ heading: {
897
+ level: "4",
1026
898
  },
1027
- },
1028
- image: {
1029
- "object-fit": "cover",
1030
- height: "250px",
1031
- mobile: {
1032
- width: "100%",
899
+ selectedVariants: {
900
+ Heading_Level: "H5",
1033
901
  },
1034
902
  },
1035
- "text-wrapper": {
1036
- "padding-left": "none",
1037
- "padding-top": "none",
1038
- "padding-right": "none",
1039
- "padding-bottom": "2xl",
1040
- display: "flex",
1041
- "flex-direction": "column",
1042
- "row-gap": "lg",
1043
- filter: "none",
1044
- mobile: {
1045
- "padding-bottom": "none",
903
+ "role-text": {
904
+ selectedVariants: {
905
+ Typography_Variants: "Small",
1046
906
  },
1047
907
  },
1048
- "text-container": {
1049
- display: "flex",
1050
- "justify-content": "start",
1051
- "align-items": "start",
1052
- "column-gap": "lg",
1053
- "margin-bottom": "none",
1054
- filter: "none",
1055
- "padding-top": "none",
1056
- "padding-bottom": "none",
1057
- "padding-left": "none",
1058
- "padding-right": "none",
1059
- "flex-direction": "row",
1060
- },
1061
- "caption-text": {
1062
- color: "white",
1063
- "font-size": "xs",
1064
- "background-color": "var(--color-brand)",
1065
- "font-weight": 500,
1066
- "padding-left": "base",
1067
- "padding-right": "base",
1068
- "padding-top": "4xs",
1069
- "padding-bottom": "4xs",
1070
- "border-radius": "3xl",
1071
- width: "fit-content",
1072
- },
1073
- "date-wrapper": {
1074
- display: "flex",
1075
- "align-items": "center",
1076
- "column-gap": "xs",
1077
- },
1078
- "date-icon": {
1079
- width: "22px",
1080
- height: "22px",
1081
- "font-size": "22px",
1082
- },
1083
908
  "publishedAt-header": {
1084
- "font-size": "sm",
1085
- color: "var(--color-text-2)",
1086
- "font-weight": 500,
1087
- },
1088
- "author-wrapper": {
1089
- display: "flex",
1090
- "align-items": "center",
1091
- "column-gap": "xs",
1092
- },
1093
- "author-image": {
1094
- height: "22px",
1095
- width: "22px",
1096
- "border-radius": "100%",
1097
- "object-fit": "cover",
1098
- "font-size": "22px",
1099
- },
1100
- "author-name": {
1101
- "font-size": "sm",
1102
- "font-weight": 500,
1103
- color: "var(--color-text-1)",
1104
- },
1105
- title: {
1106
- "font-weight": 600,
1107
- "font-size": "xl",
1108
- "margin-bottom": "none",
1109
- color: "var(--color-text-1)",
1110
- filter: "none",
1111
- "padding-top": "none",
1112
- },
1113
- description: {
1114
- overflow: "hidden",
1115
- display: "-webkit-box",
1116
- "-webkit-box-orient": "vertical",
1117
- "-webkit-line-clamp": 3,
1118
- color: "var(--color-text-2)",
1119
- "line-height": 1.5,
1120
- "margin-bottom": "base",
1121
- filter: "none",
1122
- },
1123
- publishedAt: {
1124
- display: "none",
1125
- },
1126
- cta: {
1127
- "background-color": "var(--color-brand)",
1128
- color: "white",
1129
- "padding-top": "xs",
1130
- "padding-bottom": "xs",
1131
- "padding-left": "base",
1132
- "padding-right": "base",
1133
- "border-radius": "md",
1134
- "font-size": "sm",
1135
- "font-weight": 500,
1136
- border: "none",
1137
- cursor: "pointer",
1138
- "align-self": "flex-start",
1139
- },
1140
- "content-container": {
1141
- filter: "none",
1142
- "padding-left": "none",
1143
- "padding-right": "none",
1144
- display: "flex",
1145
- "flex-direction": "column",
1146
- "row-gap": "sm",
1147
- "padding-top": "base",
1148
- mobile: {
1149
- "padding-left": "sm",
1150
- "padding-right": "sm",
1151
- "padding-bottom": "sm",
909
+ selectedVariants: {
910
+ Typography_Variants: "Small",
1152
911
  },
1153
912
  },
1154
- "event-end-date-icon": {
1155
- height: "22px",
1156
- width: "22px",
1157
- "font-size": "22px",
1158
- },
1159
- "event-end-date-wrapper": {
1160
- display: "flex",
1161
- "align-items": "center",
1162
- "column-gap": "xs",
1163
- },
1164
913
  "event-end-date": {
1165
- "font-size": "sm",
1166
- color: "var(--color-text-2)",
1167
- "font-weight": 500,
914
+ selectedVariants: {
915
+ Typography_Variants: "Small",
916
+ },
1168
917
  },
1169
918
  },
1170
919
  {
1171
- eventWrapper: {
1172
- display: "flex",
1173
- "flex-direction": "row",
1174
- "row-gap": "xl",
1175
- "media:max:768px": {
1176
- "row-gap": "md",
1177
- },
1178
- "media:max:480px": {},
1179
- "border-style": "solid",
1180
- "border-width": "1px",
1181
- "border-radius": "base",
1182
- "padding-top": "none",
1183
- "padding-left": "none",
1184
- "padding-right": "none",
1185
- "padding-bottom": "none",
1186
- "column-gap": "base",
1187
- "justify-content": "center",
1188
- "align-items": "center",
1189
- mobile: {
1190
- "flex-direction": "column",
1191
- "padding-left": "none",
920
+ title: {
921
+ heading: {
922
+ level: "4",
1192
923
  },
1193
- },
1194
- image: {
1195
- "object-fit": "cover",
1196
- height: "250px",
1197
- mobile: {
1198
- width: "100%",
924
+ selectedVariants: {
925
+ Heading_Level: "H5",
1199
926
  },
1200
927
  },
1201
- "text-wrapper": {
1202
- "padding-left": "none",
1203
- "padding-top": "none",
1204
- "padding-right": "none",
1205
- "padding-bottom": "2xl",
1206
- display: "flex",
1207
- "flex-direction": "column",
1208
- "row-gap": "lg",
1209
- filter: "none",
1210
- mobile: {
1211
- "padding-bottom": "none",
928
+ "role-text": {
929
+ selectedVariants: {
930
+ Typography_Variants: "Small",
1212
931
  },
1213
932
  },
1214
- "text-container": {
1215
- display: "flex",
1216
- "justify-content": "start",
1217
- "align-items": "start",
1218
- "column-gap": "lg",
1219
- "margin-bottom": "none",
1220
- filter: "none",
1221
- "padding-top": "none",
1222
- "padding-bottom": "none",
1223
- "padding-left": "none",
1224
- "padding-right": "none",
1225
- "flex-direction": "row",
1226
- },
1227
- "caption-text": {
1228
- color: "white",
1229
- "font-size": "xs",
1230
- "background-color": "var(--color-brand)",
1231
- "font-weight": 500,
1232
- "padding-left": "base",
1233
- "padding-right": "base",
1234
- "padding-top": "4xs",
1235
- "padding-bottom": "4xs",
1236
- "border-radius": "3xl",
1237
- width: "fit-content",
1238
- },
1239
- "date-wrapper": {
1240
- display: "flex",
1241
- "align-items": "center",
1242
- "column-gap": "xs",
1243
- },
1244
- "date-icon": {
1245
- width: "22px",
1246
- height: "22px",
1247
- "font-size": "22px",
1248
- },
1249
933
  "publishedAt-header": {
1250
- "font-size": "sm",
1251
- color: "var(--color-text-2)",
1252
- "font-weight": 500,
1253
- },
1254
- "author-wrapper": {
1255
- display: "flex",
1256
- "align-items": "center",
1257
- "column-gap": "xs",
1258
- },
1259
- "author-image": {
1260
- height: "22px",
1261
- width: "22px",
1262
- "border-radius": "100%",
1263
- "object-fit": "cover",
1264
- "font-size": "22px",
1265
- },
1266
- "author-name": {
1267
- "font-size": "sm",
1268
- "font-weight": 500,
1269
- color: "var(--color-text-1)",
1270
- },
1271
- title: {
1272
- "font-weight": 600,
1273
- "font-size": "xl",
1274
- "margin-bottom": "none",
1275
- color: "var(--color-text-1)",
1276
- filter: "none",
1277
- "padding-top": "none",
1278
- },
1279
- description: {
1280
- overflow: "hidden",
1281
- display: "-webkit-box",
1282
- "-webkit-box-orient": "vertical",
1283
- "-webkit-line-clamp": 3,
1284
- color: "var(--color-text-2)",
1285
- "line-height": 1.5,
1286
- "margin-bottom": "base",
1287
- filter: "none",
1288
- },
1289
- publishedAt: {
1290
- display: "none",
1291
- },
1292
- cta: {
1293
- "background-color": "var(--color-brand)",
1294
- color: "white",
1295
- "padding-top": "xs",
1296
- "padding-bottom": "xs",
1297
- "padding-left": "base",
1298
- "padding-right": "base",
1299
- "border-radius": "md",
1300
- "font-size": "sm",
1301
- "font-weight": 500,
1302
- border: "none",
1303
- cursor: "pointer",
1304
- "align-self": "flex-start",
1305
- },
1306
- "content-container": {
1307
- filter: "none",
1308
- "padding-left": "none",
1309
- "padding-right": "none",
1310
- display: "flex",
1311
- "flex-direction": "column",
1312
- "row-gap": "sm",
1313
- "padding-top": "base",
1314
- mobile: {
1315
- "padding-left": "sm",
1316
- "padding-right": "sm",
1317
- "padding-bottom": "sm",
934
+ selectedVariants: {
935
+ Typography_Variants: "Small",
1318
936
  },
1319
937
  },
1320
- "event-end-date-icon": {
1321
- height: "22px",
1322
- width: "22px",
1323
- "font-size": "22px",
1324
- },
1325
- "event-end-date-wrapper": {
1326
- display: "flex",
1327
- "align-items": "center",
1328
- "column-gap": "xs",
1329
- },
1330
938
  "event-end-date": {
1331
- "font-size": "sm",
1332
- color: "var(--color-text-2)",
1333
- "font-weight": 500,
939
+ selectedVariants: {
940
+ Typography_Variants: "Small",
941
+ },
1334
942
  },
1335
943
  },
1336
944
  {
1337
- eventWrapper: {
1338
- display: "flex",
1339
- "flex-direction": "row",
1340
- "row-gap": "xl",
1341
- "media:max:768px": {
1342
- "row-gap": "md",
1343
- },
1344
- "media:max:480px": {},
1345
- "border-style": "solid",
1346
- "border-width": "1px",
1347
- "border-radius": "base",
1348
- "padding-top": "none",
1349
- "padding-left": "none",
1350
- "padding-right": "none",
1351
- "padding-bottom": "none",
1352
- "column-gap": "base",
1353
- "justify-content": "center",
1354
- "align-items": "center",
1355
- mobile: {
1356
- "flex-direction": "column",
1357
- "padding-left": "none",
945
+ title: {
946
+ heading: {
947
+ level: "4",
1358
948
  },
1359
- },
1360
- image: {
1361
- "object-fit": "cover",
1362
- height: "210px",
1363
- mobile: {
1364
- width: "100%",
949
+ selectedVariants: {
950
+ Heading_Level: "H5",
1365
951
  },
1366
952
  },
1367
- "text-wrapper": {
1368
- "padding-left": "none",
1369
- "padding-top": "none",
1370
- "padding-right": "none",
1371
- "padding-bottom": "2xl",
1372
- display: "flex",
1373
- "flex-direction": "column",
1374
- "row-gap": "lg",
1375
- filter: "none",
1376
- mobile: {
1377
- "padding-bottom": "none",
953
+ "role-text": {
954
+ selectedVariants: {
955
+ Typography_Variants: "Small",
1378
956
  },
1379
957
  },
1380
- "text-container": {
1381
- display: "flex",
1382
- "justify-content": "start",
1383
- "align-items": "center",
1384
- "column-gap": "lg",
1385
- "margin-bottom": "none",
1386
- filter: "none",
1387
- "padding-top": "none",
1388
- "padding-bottom": "none",
1389
- "padding-left": "none",
1390
- "padding-right": "none",
1391
- },
1392
- "caption-text": {
1393
- color: "white",
1394
- "font-size": "xs",
1395
- "background-color": "var(--color-brand)",
1396
- "font-weight": 500,
1397
- "padding-left": "sm",
1398
- "padding-right": "sm",
1399
- "padding-top": "2xs",
1400
- "padding-bottom": "2xs",
1401
- "border-radius": "3xl",
1402
- },
1403
- "date-wrapper": {
1404
- display: "flex",
1405
- "align-items": "center",
1406
- "column-gap": "xs",
1407
- },
1408
- "date-icon": {
1409
- width: "22px",
1410
- height: "22px",
1411
- "font-size": "22px",
1412
- },
1413
958
  "publishedAt-header": {
1414
- "font-size": "sm",
1415
- color: "var(--color-text-2)",
1416
- "font-weight": 500,
1417
- },
1418
- "author-wrapper": {
1419
- display: "flex",
1420
- "align-items": "center",
1421
- "column-gap": "xs",
1422
- },
1423
- "author-image": {
1424
- height: "22px",
1425
- width: "22px",
1426
- "border-radius": "100%",
1427
- "object-fit": "cover",
1428
- "font-size": "22px",
1429
- },
1430
- "author-name": {
1431
- "font-size": "sm",
1432
- "font-weight": 500,
1433
- color: "var(--color-text-1)",
1434
- },
1435
- title: {
1436
- "font-weight": 600,
1437
- "font-size": "xl",
1438
- "margin-bottom": "none",
1439
- color: "var(--color-text-1)",
1440
- filter: "none",
1441
- "padding-top": "base",
1442
- },
1443
- description: {
1444
- overflow: "hidden",
1445
- display: "-webkit-box",
1446
- "-webkit-box-orient": "vertical",
1447
- "-webkit-line-clamp": 3,
1448
- color: "var(--color-text-2)",
1449
- "line-height": 1.5,
1450
- "margin-bottom": "base",
1451
- filter: "none",
1452
- },
1453
- publishedAt: {
1454
- display: "none",
1455
- },
1456
- cta: {
1457
- "background-color": "var(--color-brand)",
1458
- color: "white",
1459
- "padding-top": "xs",
1460
- "padding-bottom": "xs",
1461
- "padding-left": "base",
1462
- "padding-right": "base",
1463
- "border-radius": "md",
1464
- "font-size": "sm",
1465
- "font-weight": 500,
1466
- border: "none",
1467
- cursor: "pointer",
1468
- "align-self": "flex-start",
1469
- },
1470
- "content-container": {
1471
- filter: "none",
1472
- "padding-left": "none",
1473
- "padding-right": "none",
1474
- display: "flex",
1475
- "flex-direction": "column",
1476
- "row-gap": "base",
1477
- "padding-top": "none",
1478
- mobile: {
1479
- "padding-left": "sm",
1480
- "padding-right": "sm",
1481
- "padding-bottom": "sm",
959
+ selectedVariants: {
960
+ Typography_Variants: "Small",
1482
961
  },
1483
962
  },
1484
- "event-end-date-icon": {
1485
- height: "22px",
1486
- width: "22px",
1487
- "font-size": "22px",
1488
- },
1489
- "event-end-date-wrapper": {
1490
- display: "flex",
1491
- "align-items": "center",
1492
- "column-gap": "xs",
1493
- },
1494
963
  "event-end-date": {
1495
- "font-size": "sm",
1496
- color: "var(--color-text-2)",
1497
- "font-weight": 500,
1498
- },
1499
- },
1500
- {
1501
- eventWrapper: {
1502
- display: "flex",
1503
- "flex-direction": "row",
1504
- "row-gap": "xl",
1505
- "media:max:768px": {
1506
- "row-gap": "md",
1507
- },
1508
- "media:max:480px": {},
1509
- "border-style": "solid",
1510
- "border-width": "1px",
1511
- "border-radius": "base",
1512
- "padding-top": "none",
1513
- "padding-left": "none",
1514
- "padding-right": "none",
1515
- "padding-bottom": "none",
1516
- "column-gap": "base",
1517
- "justify-content": "center",
1518
- "align-items": "center",
1519
- mobile: {
1520
- "flex-direction": "column",
1521
- "padding-left": "none",
1522
- },
1523
- },
1524
- image: {
1525
- "object-fit": "cover",
1526
- height: "210px",
1527
- mobile: {
1528
- width: "100%",
1529
- },
1530
- },
1531
- "text-wrapper": {
1532
- "padding-left": "none",
1533
- "padding-top": "none",
1534
- "padding-right": "none",
1535
- "padding-bottom": "2xl",
1536
- display: "flex",
1537
- "flex-direction": "column",
1538
- "row-gap": "lg",
1539
- filter: "none",
1540
- mobile: {
1541
- "padding-bottom": "none",
1542
- },
1543
- },
1544
- "text-container": {
1545
- display: "flex",
1546
- "justify-content": "start",
1547
- "align-items": "center",
1548
- "column-gap": "lg",
1549
- "margin-bottom": "none",
1550
- filter: "none",
1551
- "padding-top": "none",
1552
- "padding-bottom": "none",
1553
- "padding-left": "none",
1554
- "padding-right": "none",
1555
- },
1556
- "caption-text": {
1557
- color: "white",
1558
- "font-size": "xs",
1559
- "background-color": "var(--color-brand)",
1560
- "font-weight": 500,
1561
- "padding-left": "sm",
1562
- "padding-right": "sm",
1563
- "padding-top": "2xs",
1564
- "padding-bottom": "2xs",
1565
- "border-radius": "3xl",
1566
- },
1567
- "date-wrapper": {
1568
- display: "flex",
1569
- "align-items": "center",
1570
- "column-gap": "xs",
1571
- },
1572
- "date-icon": {
1573
- width: "22px",
1574
- height: "22px",
1575
- "font-size": "22px",
1576
- },
1577
- "publishedAt-header": {
1578
- "font-size": "sm",
1579
- color: "var(--color-text-2)",
1580
- "font-weight": 500,
1581
- },
1582
- "author-wrapper": {
1583
- display: "flex",
1584
- "align-items": "center",
1585
- "column-gap": "xs",
1586
- },
1587
- "author-image": {
1588
- height: "22px",
1589
- width: "22px",
1590
- "border-radius": "100%",
1591
- "object-fit": "cover",
1592
- "font-size": "22px",
1593
- },
1594
- "author-name": {
1595
- "font-size": "sm",
1596
- "font-weight": 500,
1597
- color: "var(--color-text-1)",
1598
- },
1599
- title: {
1600
- "font-weight": 600,
1601
- "font-size": "xl",
1602
- "margin-bottom": "none",
1603
- color: "var(--color-text-1)",
1604
- filter: "none",
1605
- "padding-top": "base",
1606
- },
1607
- description: {
1608
- overflow: "hidden",
1609
- display: "-webkit-box",
1610
- "-webkit-box-orient": "vertical",
1611
- "-webkit-line-clamp": 3,
1612
- color: "var(--color-text-2)",
1613
- "line-height": 1.5,
1614
- "margin-bottom": "base",
1615
- filter: "none",
1616
- },
1617
- publishedAt: {
1618
- display: "none",
1619
- },
1620
- cta: {
1621
- "background-color": "var(--color-brand)",
1622
- color: "white",
1623
- "padding-top": "xs",
1624
- "padding-bottom": "xs",
1625
- "padding-left": "base",
1626
- "padding-right": "base",
1627
- "border-radius": "md",
1628
- "font-size": "sm",
1629
- "font-weight": 500,
1630
- border: "none",
1631
- cursor: "pointer",
1632
- "align-self": "flex-start",
1633
- },
1634
- "content-container": {
1635
- filter: "none",
1636
- "padding-left": "none",
1637
- "padding-right": "none",
1638
- display: "flex",
1639
- "flex-direction": "column",
1640
- "row-gap": "base",
1641
- "padding-top": "none",
1642
- mobile: {
1643
- "padding-left": "sm",
1644
- "padding-right": "sm",
1645
- "padding-bottom": "sm",
1646
- },
1647
- },
1648
- "event-end-date-icon": {
1649
- height: "22px",
1650
- width: "22px",
1651
- "font-size": "22px",
1652
- },
1653
- "event-end-date-wrapper": {
1654
- display: "flex",
1655
- "align-items": "center",
1656
- "column-gap": "xs",
1657
- },
1658
- "event-end-date": {
1659
- "font-size": "sm",
1660
- color: "var(--color-text-2)",
1661
- "font-weight": 500,
1662
- },
1663
- },
1664
- {
1665
- eventWrapper: {
1666
- display: "flex",
1667
- "flex-direction": "row",
1668
- "row-gap": "xl",
1669
- "media:max:768px": {
1670
- "row-gap": "md",
1671
- },
1672
- "media:max:480px": {},
1673
- "border-style": "solid",
1674
- "border-width": "1px",
1675
- "border-radius": "base",
1676
- "padding-top": "none",
1677
- "padding-left": "none",
1678
- "padding-right": "none",
1679
- "padding-bottom": "none",
1680
- "column-gap": "base",
1681
- "justify-content": "center",
1682
- "align-items": "center",
1683
- mobile: {
1684
- "flex-direction": "column",
1685
- "padding-left": "none",
1686
- },
1687
- },
1688
- image: {
1689
- "object-fit": "cover",
1690
- height: "210px",
1691
- mobile: {
1692
- width: "100%",
1693
- },
1694
- },
1695
- "text-wrapper": {
1696
- "padding-left": "none",
1697
- "padding-top": "none",
1698
- "padding-right": "none",
1699
- "padding-bottom": "2xl",
1700
- display: "flex",
1701
- "flex-direction": "column",
1702
- "row-gap": "lg",
1703
- filter: "none",
1704
- mobile: {
1705
- "padding-bottom": "none",
1706
- },
1707
- },
1708
- "text-container": {
1709
- display: "flex",
1710
- "justify-content": "start",
1711
- "align-items": "center",
1712
- "column-gap": "lg",
1713
- "margin-bottom": "none",
1714
- filter: "none",
1715
- "padding-top": "none",
1716
- "padding-bottom": "none",
1717
- "padding-left": "none",
1718
- "padding-right": "none",
1719
- },
1720
- "caption-text": {
1721
- color: "white",
1722
- "font-size": "xs",
1723
- "background-color": "var(--color-brand)",
1724
- "font-weight": 500,
1725
- "padding-left": "sm",
1726
- "padding-right": "sm",
1727
- "padding-top": "2xs",
1728
- "padding-bottom": "2xs",
1729
- "border-radius": "3xl",
1730
- },
1731
- "date-wrapper": {
1732
- display: "flex",
1733
- "align-items": "center",
1734
- "column-gap": "xs",
1735
- },
1736
- "date-icon": {
1737
- width: "22px",
1738
- height: "22px",
1739
- "font-size": "22px",
1740
- },
1741
- "publishedAt-header": {
1742
- "font-size": "sm",
1743
- color: "var(--color-text-2)",
1744
- "font-weight": 500,
1745
- },
1746
- "author-wrapper": {
1747
- display: "flex",
1748
- "align-items": "center",
1749
- "column-gap": "xs",
1750
- },
1751
- "author-image": {
1752
- height: "22px",
1753
- width: "22px",
1754
- "border-radius": "100%",
1755
- "object-fit": "cover",
1756
- "font-size": "22px",
1757
- },
1758
- "author-name": {
1759
- "font-size": "sm",
1760
- "font-weight": 500,
1761
- color: "var(--color-text-1)",
1762
- },
1763
- title: {
1764
- "font-weight": 600,
1765
- "font-size": "xl",
1766
- "margin-bottom": "none",
1767
- color: "var(--color-text-1)",
1768
- filter: "none",
1769
- "padding-top": "base",
1770
- },
1771
- description: {
1772
- overflow: "hidden",
1773
- display: "-webkit-box",
1774
- "-webkit-box-orient": "vertical",
1775
- "-webkit-line-clamp": 3,
1776
- color: "var(--color-text-2)",
1777
- "line-height": 1.5,
1778
- "margin-bottom": "base",
1779
- filter: "none",
1780
- },
1781
- publishedAt: {
1782
- display: "none",
1783
- },
1784
- cta: {
1785
- "background-color": "var(--color-brand)",
1786
- color: "white",
1787
- "padding-top": "xs",
1788
- "padding-bottom": "xs",
1789
- "padding-left": "base",
1790
- "padding-right": "base",
1791
- "border-radius": "md",
1792
- "font-size": "sm",
1793
- "font-weight": 500,
1794
- border: "none",
1795
- cursor: "pointer",
1796
- "align-self": "flex-start",
1797
- },
1798
- "content-container": {
1799
- filter: "none",
1800
- "padding-left": "none",
1801
- "padding-right": "none",
1802
- display: "flex",
1803
- "flex-direction": "column",
1804
- "row-gap": "base",
1805
- "padding-top": "none",
1806
- mobile: {
1807
- "padding-left": "sm",
1808
- "padding-right": "sm",
1809
- "padding-bottom": "sm",
1810
- },
1811
- },
1812
- "event-end-date-icon": {
1813
- height: "22px",
1814
- width: "22px",
1815
- "font-size": "22px",
1816
- },
1817
- "event-end-date-wrapper": {
1818
- display: "flex",
1819
- "align-items": "center",
1820
- "column-gap": "xs",
1821
- },
1822
- "event-end-date": {
1823
- "font-size": "sm",
1824
- color: "var(--color-text-2)",
1825
- "font-weight": 500,
1826
- },
1827
- },
1828
- {
1829
- eventWrapper: {
1830
- display: "flex",
1831
- "flex-direction": "row",
1832
- "row-gap": "xl",
1833
- "media:max:768px": {
1834
- "row-gap": "md",
1835
- },
1836
- "media:max:480px": {},
1837
- "border-style": "solid",
1838
- "border-width": "1px",
1839
- "border-radius": "base",
1840
- "padding-top": "none",
1841
- "padding-left": "none",
1842
- "padding-right": "none",
1843
- "padding-bottom": "none",
1844
- "column-gap": "base",
1845
- "justify-content": "center",
1846
- "align-items": "center",
1847
- mobile: {
1848
- "flex-direction": "column",
1849
- "padding-left": "none",
1850
- },
1851
- },
1852
- image: {
1853
- "object-fit": "cover",
1854
- height: "210px",
1855
- mobile: {
1856
- width: "100%",
1857
- },
1858
- },
1859
- "text-wrapper": {
1860
- "padding-left": "none",
1861
- "padding-top": "none",
1862
- "padding-right": "none",
1863
- "padding-bottom": "2xl",
1864
- display: "flex",
1865
- "flex-direction": "column",
1866
- "row-gap": "lg",
1867
- filter: "none",
1868
- mobile: {
1869
- "padding-bottom": "none",
1870
- },
1871
- },
1872
- "text-container": {
1873
- display: "flex",
1874
- "justify-content": "start",
1875
- "align-items": "center",
1876
- "column-gap": "lg",
1877
- "margin-bottom": "none",
1878
- filter: "none",
1879
- "padding-top": "none",
1880
- "padding-bottom": "none",
1881
- "padding-left": "none",
1882
- "padding-right": "none",
1883
- },
1884
- "caption-text": {
1885
- color: "white",
1886
- "font-size": "xs",
1887
- "background-color": "var(--color-brand)",
1888
- "font-weight": 500,
1889
- "padding-left": "sm",
1890
- "padding-right": "sm",
1891
- "padding-top": "2xs",
1892
- "padding-bottom": "2xs",
1893
- "border-radius": "3xl",
1894
- },
1895
- "date-wrapper": {
1896
- display: "flex",
1897
- "align-items": "center",
1898
- "column-gap": "xs",
1899
- },
1900
- "date-icon": {
1901
- width: "22px",
1902
- height: "22px",
1903
- "font-size": "22px",
1904
- },
1905
- "publishedAt-header": {
1906
- "font-size": "sm",
1907
- color: "var(--color-text-2)",
1908
- "font-weight": 500,
1909
- },
1910
- "author-wrapper": {
1911
- display: "flex",
1912
- "align-items": "center",
1913
- "column-gap": "xs",
1914
- },
1915
- "author-image": {
1916
- height: "22px",
1917
- width: "22px",
1918
- "border-radius": "100%",
1919
- "object-fit": "cover",
1920
- "font-size": "22px",
1921
- },
1922
- "author-name": {
1923
- "font-size": "sm",
1924
- "font-weight": 500,
1925
- color: "var(--color-text-1)",
1926
- },
1927
- title: {
1928
- "font-weight": 600,
1929
- "font-size": "xl",
1930
- "margin-bottom": "none",
1931
- color: "var(--color-text-1)",
1932
- filter: "none",
1933
- "padding-top": "base",
1934
- },
1935
- description: {
1936
- overflow: "hidden",
1937
- display: "-webkit-box",
1938
- "-webkit-box-orient": "vertical",
1939
- "-webkit-line-clamp": 3,
1940
- color: "var(--color-text-2)",
1941
- "line-height": 1.5,
1942
- "margin-bottom": "base",
1943
- filter: "none",
1944
- },
1945
- publishedAt: {
1946
- display: "none",
1947
- },
1948
- cta: {
1949
- "background-color": "var(--color-brand)",
1950
- color: "white",
1951
- "padding-top": "xs",
1952
- "padding-bottom": "xs",
1953
- "padding-left": "base",
1954
- "padding-right": "base",
1955
- "border-radius": "md",
1956
- "font-size": "sm",
1957
- "font-weight": 500,
1958
- border: "none",
1959
- cursor: "pointer",
1960
- "align-self": "flex-start",
1961
- },
1962
- "content-container": {
1963
- filter: "none",
1964
- "padding-left": "none",
1965
- "padding-right": "none",
1966
- display: "flex",
1967
- "flex-direction": "column",
1968
- "row-gap": "base",
1969
- "padding-top": "none",
1970
- mobile: {
1971
- "padding-left": "sm",
1972
- "padding-right": "sm",
1973
- "padding-bottom": "sm",
1974
- },
1975
- },
1976
- },
1977
- {
1978
- eventWrapper: {
1979
- display: "flex",
1980
- "flex-direction": "row",
1981
- "row-gap": "xl",
1982
- "media:max:768px": {
1983
- "row-gap": "md",
1984
- },
1985
- "media:max:480px": {},
1986
- "border-style": "solid",
1987
- "border-width": "1px",
1988
- "border-radius": "base",
1989
- "padding-top": "none",
1990
- "padding-left": "none",
1991
- "padding-right": "none",
1992
- "padding-bottom": "none",
1993
- "column-gap": "base",
1994
- "justify-content": "center",
1995
- "align-items": "center",
1996
- mobile: {
1997
- "flex-direction": "column",
1998
- "padding-left": "none",
1999
- },
2000
- },
2001
- image: {
2002
- "object-fit": "cover",
2003
- height: "210px",
2004
- mobile: {
2005
- width: "100%",
2006
- },
2007
- },
2008
- "text-wrapper": {
2009
- "padding-left": "none",
2010
- "padding-top": "none",
2011
- "padding-right": "none",
2012
- "padding-bottom": "2xl",
2013
- display: "flex",
2014
- "flex-direction": "column",
2015
- "row-gap": "lg",
2016
- filter: "none",
2017
- mobile: {
2018
- "padding-bottom": "none",
2019
- },
2020
- },
2021
- "text-container": {
2022
- display: "flex",
2023
- "justify-content": "start",
2024
- "align-items": "center",
2025
- "column-gap": "lg",
2026
- "margin-bottom": "none",
2027
- filter: "none",
2028
- "padding-top": "none",
2029
- "padding-bottom": "none",
2030
- "padding-left": "none",
2031
- "padding-right": "none",
2032
- },
2033
- "caption-text": {
2034
- color: "white",
2035
- "font-size": "xs",
2036
- "background-color": "var(--color-brand)",
2037
- "font-weight": 500,
2038
- "padding-left": "sm",
2039
- "padding-right": "sm",
2040
- "padding-top": "2xs",
2041
- "padding-bottom": "2xs",
2042
- "border-radius": "3xl",
2043
- },
2044
- "date-wrapper": {
2045
- display: "flex",
2046
- "align-items": "center",
2047
- "column-gap": "xs",
2048
- },
2049
- "date-icon": {
2050
- width: "22px",
2051
- height: "22px",
2052
- "font-size": "22px",
2053
- },
2054
- "publishedAt-header": {
2055
- "font-size": "sm",
2056
- color: "var(--color-text-2)",
2057
- "font-weight": 500,
2058
- },
2059
- "author-wrapper": {
2060
- display: "flex",
2061
- "align-items": "center",
2062
- "column-gap": "xs",
2063
- },
2064
- "author-image": {
2065
- height: "22px",
2066
- width: "22px",
2067
- "border-radius": "100%",
2068
- "object-fit": "cover",
2069
- "font-size": "22px",
2070
- },
2071
- "author-name": {
2072
- "font-size": "sm",
2073
- "font-weight": 500,
2074
- color: "var(--color-text-1)",
2075
- },
2076
- title: {
2077
- "font-weight": 600,
2078
- "font-size": "xl",
2079
- "margin-bottom": "none",
2080
- color: "var(--color-text-1)",
2081
- filter: "none",
2082
- "padding-top": "base",
2083
- },
2084
- description: {
2085
- overflow: "hidden",
2086
- display: "-webkit-box",
2087
- "-webkit-box-orient": "vertical",
2088
- "-webkit-line-clamp": 3,
2089
- color: "var(--color-text-2)",
2090
- "line-height": 1.5,
2091
- "margin-bottom": "base",
2092
- filter: "none",
2093
- },
2094
- publishedAt: {
2095
- display: "none",
2096
- },
2097
- cta: {
2098
- "background-color": "var(--color-brand)",
2099
- color: "white",
2100
- "padding-top": "xs",
2101
- "padding-bottom": "xs",
2102
- "padding-left": "base",
2103
- "padding-right": "base",
2104
- "border-radius": "md",
2105
- "font-size": "sm",
2106
- "font-weight": 500,
2107
- border: "none",
2108
- cursor: "pointer",
2109
- "align-self": "flex-start",
2110
- },
2111
- "content-container": {
2112
- filter: "none",
2113
- "padding-left": "none",
2114
- "padding-right": "none",
2115
- display: "flex",
2116
- "flex-direction": "column",
2117
- "row-gap": "base",
2118
- "padding-top": "none",
2119
- mobile: {
2120
- "padding-left": "sm",
2121
- "padding-right": "sm",
2122
- "padding-bottom": "sm",
2123
- },
2124
- },
2125
- },
2126
- {
2127
- eventWrapper: {
2128
- display: "flex",
2129
- "flex-direction": "row",
2130
- "row-gap": "xl",
2131
- "media:max:768px": {
2132
- "row-gap": "md",
2133
- },
2134
- "media:max:480px": {},
2135
- "border-style": "solid",
2136
- "border-width": "1px",
2137
- "border-radius": "base",
2138
- "padding-top": "none",
2139
- "padding-left": "none",
2140
- "padding-right": "none",
2141
- "padding-bottom": "none",
2142
- "column-gap": "base",
2143
- "justify-content": "center",
2144
- "align-items": "center",
2145
- mobile: {
2146
- "flex-direction": "column",
2147
- "padding-left": "none",
2148
- },
2149
- },
2150
- image: {
2151
- "object-fit": "cover",
2152
- height: "210px",
2153
- mobile: {
2154
- width: "100%",
2155
- },
2156
- },
2157
- "text-wrapper": {
2158
- "padding-left": "none",
2159
- "padding-top": "none",
2160
- "padding-right": "none",
2161
- "padding-bottom": "2xl",
2162
- display: "flex",
2163
- "flex-direction": "column",
2164
- "row-gap": "lg",
2165
- filter: "none",
2166
- mobile: {
2167
- "padding-bottom": "none",
2168
- },
2169
- },
2170
- "text-container": {
2171
- display: "flex",
2172
- "justify-content": "start",
2173
- "align-items": "center",
2174
- "column-gap": "lg",
2175
- "margin-bottom": "none",
2176
- filter: "none",
2177
- "padding-top": "none",
2178
- "padding-bottom": "none",
2179
- "padding-left": "none",
2180
- "padding-right": "none",
2181
- },
2182
- "caption-text": {
2183
- color: "white",
2184
- "font-size": "xs",
2185
- "background-color": "var(--color-brand)",
2186
- "font-weight": 500,
2187
- "padding-left": "sm",
2188
- "padding-right": "sm",
2189
- "padding-top": "2xs",
2190
- "padding-bottom": "2xs",
2191
- "border-radius": "3xl",
2192
- },
2193
- "date-wrapper": {
2194
- display: "flex",
2195
- "align-items": "center",
2196
- "column-gap": "xs",
2197
- },
2198
- "date-icon": {
2199
- width: "22px",
2200
- height: "22px",
2201
- "font-size": "22px",
2202
- },
2203
- "publishedAt-header": {
2204
- "font-size": "sm",
2205
- color: "var(--color-text-2)",
2206
- "font-weight": 500,
2207
- },
2208
- "author-wrapper": {
2209
- display: "flex",
2210
- "align-items": "center",
2211
- "column-gap": "xs",
2212
- },
2213
- "author-image": {
2214
- height: "22px",
2215
- width: "22px",
2216
- "border-radius": "100%",
2217
- "object-fit": "cover",
2218
- "font-size": "22px",
2219
- },
2220
- "author-name": {
2221
- "font-size": "sm",
2222
- "font-weight": 500,
2223
- color: "var(--color-text-1)",
2224
- },
2225
- title: {
2226
- "font-weight": 600,
2227
- "font-size": "xl",
2228
- "margin-bottom": "none",
2229
- color: "var(--color-text-1)",
2230
- filter: "none",
2231
- "padding-top": "base",
2232
- },
2233
- description: {
2234
- overflow: "hidden",
2235
- display: "-webkit-box",
2236
- "-webkit-box-orient": "vertical",
2237
- "-webkit-line-clamp": 3,
2238
- color: "var(--color-text-2)",
2239
- "line-height": 1.5,
2240
- "margin-bottom": "base",
2241
- filter: "none",
2242
- },
2243
- publishedAt: {
2244
- display: "none",
2245
- },
2246
- cta: {
2247
- "background-color": "var(--color-brand)",
2248
- color: "white",
2249
- "padding-top": "xs",
2250
- "padding-bottom": "xs",
2251
- "padding-left": "base",
2252
- "padding-right": "base",
2253
- "border-radius": "md",
2254
- "font-size": "sm",
2255
- "font-weight": 500,
2256
- border: "none",
2257
- cursor: "pointer",
2258
- "align-self": "flex-start",
2259
- },
2260
- "content-container": {
2261
- filter: "none",
2262
- "padding-left": "none",
2263
- "padding-right": "none",
2264
- display: "flex",
2265
- "flex-direction": "column",
2266
- "row-gap": "base",
2267
- "padding-top": "none",
2268
- mobile: {
2269
- "padding-left": "sm",
2270
- "padding-right": "sm",
2271
- "padding-bottom": "sm",
2272
- },
2273
- },
2274
- },
2275
- {
2276
- eventWrapper: {
2277
- display: "flex",
2278
- "flex-direction": "row",
2279
- "row-gap": "xl",
2280
- "media:max:768px": {
2281
- "row-gap": "md",
2282
- },
2283
- "media:max:480px": {},
2284
- "border-style": "solid",
2285
- "border-width": "1px",
2286
- "border-radius": "base",
2287
- "padding-top": "none",
2288
- "padding-left": "none",
2289
- "padding-right": "none",
2290
- "padding-bottom": "none",
2291
- "column-gap": "base",
2292
- "justify-content": "center",
2293
- "align-items": "center",
2294
- mobile: {
2295
- "flex-direction": "column",
2296
- "padding-left": "none",
2297
- },
2298
- },
2299
- image: {
2300
- "object-fit": "cover",
2301
- height: "210px",
2302
- mobile: {
2303
- width: "100%",
2304
- },
2305
- },
2306
- "text-wrapper": {
2307
- "padding-left": "none",
2308
- "padding-top": "none",
2309
- "padding-right": "none",
2310
- "padding-bottom": "2xl",
2311
- display: "flex",
2312
- "flex-direction": "column",
2313
- "row-gap": "lg",
2314
- filter: "none",
2315
- mobile: {
2316
- "padding-bottom": "none",
2317
- },
2318
- },
2319
- "text-container": {
2320
- display: "flex",
2321
- "justify-content": "start",
2322
- "align-items": "center",
2323
- "column-gap": "lg",
2324
- "margin-bottom": "none",
2325
- filter: "none",
2326
- "padding-top": "none",
2327
- "padding-bottom": "none",
2328
- "padding-left": "none",
2329
- "padding-right": "none",
2330
- },
2331
- "caption-text": {
2332
- color: "white",
2333
- "font-size": "xs",
2334
- "background-color": "var(--color-brand)",
2335
- "font-weight": 500,
2336
- "padding-left": "sm",
2337
- "padding-right": "sm",
2338
- "padding-top": "2xs",
2339
- "padding-bottom": "2xs",
2340
- "border-radius": "3xl",
2341
- },
2342
- "date-wrapper": {
2343
- display: "flex",
2344
- "align-items": "center",
2345
- "column-gap": "xs",
2346
- },
2347
- "date-icon": {
2348
- width: "22px",
2349
- height: "22px",
2350
- "font-size": "22px",
2351
- },
2352
- "publishedAt-header": {
2353
- "font-size": "sm",
2354
- color: "var(--color-text-2)",
2355
- "font-weight": 500,
2356
- },
2357
- "author-wrapper": {
2358
- display: "flex",
2359
- "align-items": "center",
2360
- "column-gap": "xs",
2361
- },
2362
- "author-image": {
2363
- height: "22px",
2364
- width: "22px",
2365
- "border-radius": "100%",
2366
- "object-fit": "cover",
2367
- "font-size": "22px",
2368
- },
2369
- "author-name": {
2370
- "font-size": "sm",
2371
- "font-weight": 500,
2372
- color: "var(--color-text-1)",
2373
- },
2374
- title: {
2375
- "font-weight": 600,
2376
- "font-size": "xl",
2377
- "margin-bottom": "none",
2378
- color: "var(--color-text-1)",
2379
- filter: "none",
2380
- "padding-top": "base",
2381
- },
2382
- description: {
2383
- overflow: "hidden",
2384
- display: "-webkit-box",
2385
- "-webkit-box-orient": "vertical",
2386
- "-webkit-line-clamp": 3,
2387
- color: "var(--color-text-2)",
2388
- "line-height": 1.5,
2389
- "margin-bottom": "base",
2390
- filter: "none",
2391
- },
2392
- publishedAt: {
2393
- display: "none",
2394
- },
2395
- cta: {
2396
- "background-color": "var(--color-brand)",
2397
- color: "white",
2398
- "padding-top": "xs",
2399
- "padding-bottom": "xs",
2400
- "padding-left": "base",
2401
- "padding-right": "base",
2402
- "border-radius": "md",
2403
- "font-size": "sm",
2404
- "font-weight": 500,
2405
- border: "none",
2406
- cursor: "pointer",
2407
- "align-self": "flex-start",
2408
- },
2409
- "content-container": {
2410
- filter: "none",
2411
- "padding-left": "none",
2412
- "padding-right": "none",
2413
- display: "flex",
2414
- "flex-direction": "column",
2415
- "row-gap": "base",
2416
- "padding-top": "none",
2417
- mobile: {
2418
- "padding-left": "sm",
2419
- "padding-right": "sm",
2420
- "padding-bottom": "sm",
964
+ selectedVariants: {
965
+ Typography_Variants: "Small",
2421
966
  },
2422
967
  },
2423
968
  },
2424
- {
2425
- eventWrapper: {
2426
- display: "flex",
2427
- "flex-direction": "row",
2428
- "row-gap": "xl",
2429
- "media:max:768px": {
2430
- "row-gap": "md",
2431
- },
2432
- "media:max:480px": {},
2433
- "border-style": "solid",
2434
- "border-width": "1px",
2435
- "border-radius": "base",
2436
- "padding-top": "none",
2437
- "padding-left": "none",
2438
- "padding-right": "none",
2439
- "padding-bottom": "none",
2440
- "column-gap": "base",
2441
- "justify-content": "center",
2442
- "align-items": "center",
2443
- mobile: {
2444
- "flex-direction": "column",
2445
- "padding-left": "none",
2446
- },
2447
- },
2448
- image: {
2449
- "object-fit": "cover",
2450
- height: "210px",
2451
- mobile: {
2452
- width: "100%",
2453
- },
2454
- },
2455
- "text-wrapper": {
2456
- "padding-left": "none",
2457
- "padding-top": "none",
2458
- "padding-right": "none",
2459
- "padding-bottom": "2xl",
2460
- display: "flex",
2461
- "flex-direction": "column",
2462
- "row-gap": "lg",
2463
- filter: "none",
2464
- mobile: {
2465
- "padding-bottom": "none",
2466
- },
2467
- },
2468
- "text-container": {
2469
- display: "flex",
2470
- "justify-content": "start",
2471
- "align-items": "center",
2472
- "column-gap": "lg",
2473
- "margin-bottom": "none",
2474
- filter: "none",
2475
- "padding-top": "none",
2476
- "padding-bottom": "none",
2477
- "padding-left": "none",
2478
- "padding-right": "none",
2479
- },
2480
- "caption-text": {
2481
- color: "white",
2482
- "font-size": "xs",
2483
- "background-color": "var(--color-brand)",
2484
- "font-weight": 500,
2485
- "padding-left": "sm",
2486
- "padding-right": "sm",
2487
- "padding-top": "2xs",
2488
- "padding-bottom": "2xs",
2489
- "border-radius": "3xl",
2490
- },
2491
- "date-wrapper": {
2492
- display: "flex",
2493
- "align-items": "center",
2494
- "column-gap": "xs",
2495
- },
2496
- "date-icon": {
2497
- width: "22px",
2498
- height: "22px",
2499
- "font-size": "22px",
2500
- },
2501
- "publishedAt-header": {
2502
- "font-size": "sm",
2503
- color: "var(--color-text-2)",
2504
- "font-weight": 500,
2505
- },
2506
- "author-wrapper": {
2507
- display: "flex",
2508
- "align-items": "center",
2509
- "column-gap": "xs",
2510
- },
2511
- "author-image": {
2512
- height: "22px",
2513
- width: "22px",
2514
- "border-radius": "100%",
2515
- "object-fit": "cover",
2516
- "font-size": "22px",
2517
- },
2518
- "author-name": {
2519
- "font-size": "sm",
2520
- "font-weight": 500,
2521
- color: "var(--color-text-1)",
2522
- },
2523
- title: {
2524
- "font-weight": 600,
2525
- "font-size": "xl",
2526
- "margin-bottom": "none",
2527
- color: "var(--color-text-1)",
2528
- filter: "none",
2529
- "padding-top": "base",
2530
- },
2531
- description: {
2532
- overflow: "hidden",
2533
- display: "-webkit-box",
2534
- "-webkit-box-orient": "vertical",
2535
- "-webkit-line-clamp": 3,
2536
- color: "var(--color-text-2)",
2537
- "line-height": 1.5,
2538
- "margin-bottom": "base",
2539
- filter: "none",
2540
- },
2541
- publishedAt: {
2542
- display: "none",
2543
- },
2544
- cta: {
2545
- "background-color": "var(--color-brand)",
2546
- color: "white",
2547
- "padding-top": "xs",
2548
- "padding-bottom": "xs",
2549
- "padding-left": "base",
2550
- "padding-right": "base",
2551
- "border-radius": "md",
2552
- "font-size": "sm",
2553
- "font-weight": 500,
2554
- border: "none",
2555
- cursor: "pointer",
2556
- "align-self": "flex-start",
2557
- },
2558
- "content-container": {
2559
- filter: "none",
2560
- "padding-left": "none",
2561
- "padding-right": "none",
2562
- display: "flex",
2563
- "flex-direction": "column",
2564
- "row-gap": "base",
2565
- "padding-top": "none",
2566
- mobile: {
2567
- "padding-left": "sm",
2568
- "padding-right": "sm",
2569
- "padding-bottom": "sm",
2570
- },
2571
- },
2572
- },
2573
- {
2574
- eventWrapper: {
2575
- display: "flex",
2576
- "flex-direction": "row",
2577
- "row-gap": "xl",
2578
- "media:max:768px": {
2579
- "row-gap": "md",
2580
- },
2581
- "media:max:480px": {},
2582
- "border-style": "solid",
2583
- "border-width": "1px",
2584
- "border-radius": "base",
2585
- "padding-top": "none",
2586
- "padding-left": "none",
2587
- "padding-right": "none",
2588
- "padding-bottom": "none",
2589
- "column-gap": "base",
2590
- "justify-content": "center",
2591
- "align-items": "center",
2592
- },
2593
- image: {
2594
- "object-fit": "cover",
2595
- height: "210px",
2596
- },
2597
- "text-wrapper": {
2598
- "padding-left": "none",
2599
- "padding-top": "none",
2600
- "padding-right": "none",
2601
- "padding-bottom": "2xl",
2602
- display: "flex",
2603
- "flex-direction": "column",
2604
- "row-gap": "lg",
2605
- filter: "none",
2606
- },
2607
- "text-container": {
2608
- display: "flex",
2609
- "justify-content": "start",
2610
- "align-items": "center",
2611
- "column-gap": "lg",
2612
- "margin-bottom": "none",
2613
- filter: "none",
2614
- "padding-top": "none",
2615
- "padding-bottom": "none",
2616
- "padding-left": "none",
2617
- "padding-right": "none",
2618
- },
2619
- "caption-text": {
2620
- color: "white",
2621
- "font-size": "xs",
2622
- "background-color": "var(--color-brand)",
2623
- "font-weight": 500,
2624
- "padding-left": "sm",
2625
- "padding-right": "sm",
2626
- "padding-top": "2xs",
2627
- "padding-bottom": "2xs",
2628
- "border-radius": "3xl",
2629
- },
2630
- "date-wrapper": {
2631
- display: "flex",
2632
- "align-items": "center",
2633
- "column-gap": "xs",
2634
- },
2635
- "date-icon": {
2636
- width: "22px",
2637
- height: "22px",
2638
- "font-size": "22px",
2639
- },
2640
- "publishedAt-header": {
2641
- "font-size": "sm",
2642
- color: "var(--color-text-2)",
2643
- "font-weight": 500,
2644
- },
2645
- "author-wrapper": {
2646
- display: "flex",
2647
- "align-items": "center",
2648
- "column-gap": "xs",
2649
- },
2650
- "author-image": {
2651
- height: "22px",
2652
- width: "22px",
2653
- "border-radius": "100%",
2654
- "object-fit": "cover",
2655
- "font-size": "22px",
2656
- },
2657
- "author-name": {
2658
- "font-size": "sm",
2659
- "font-weight": 500,
2660
- color: "var(--color-text-1)",
2661
- },
2662
- title: {
2663
- "font-weight": 600,
2664
- "font-size": "xl",
2665
- "margin-bottom": "none",
2666
- color: "var(--color-text-1)",
2667
- filter: "none",
2668
- "padding-top": "base",
2669
- },
2670
- description: {
2671
- overflow: "hidden",
2672
- display: "-webkit-box",
2673
- "-webkit-box-orient": "vertical",
2674
- "-webkit-line-clamp": 3,
2675
- color: "var(--color-text-2)",
2676
- "line-height": 1.5,
2677
- "margin-bottom": "base",
2678
- filter: "none",
2679
- },
2680
- publishedAt: {
2681
- display: "none",
2682
- },
2683
- cta: {
2684
- "background-color": "var(--color-brand)",
2685
- color: "white",
2686
- "padding-top": "xs",
2687
- "padding-bottom": "xs",
2688
- "padding-left": "base",
2689
- "padding-right": "base",
2690
- "border-radius": "md",
2691
- "font-size": "sm",
2692
- "font-weight": 500,
2693
- border: "none",
2694
- cursor: "pointer",
2695
- "align-self": "flex-start",
2696
- },
2697
- "content-container": {
2698
- filter: "none",
2699
- "padding-left": "none",
2700
- "padding-right": "none",
2701
- display: "flex",
2702
- "flex-direction": "column",
2703
- "row-gap": "base",
2704
- "padding-top": "none",
2705
- },
2706
- },
2707
- {
2708
- eventWrapper: {
2709
- display: "flex",
2710
- "flex-direction": "row",
2711
- "row-gap": "xl",
2712
- "media:max:768px": {
2713
- "row-gap": "md",
2714
- },
2715
- "media:max:480px": {},
2716
- "border-style": "solid",
2717
- "border-width": "1px",
2718
- "border-radius": "base",
2719
- "padding-top": "none",
2720
- "padding-left": "none",
2721
- "padding-right": "none",
2722
- "padding-bottom": "none",
2723
- "column-gap": "base",
2724
- "justify-content": "center",
2725
- "align-items": "center",
2726
- },
2727
- image: {
2728
- "object-fit": "cover",
2729
- height: "210px",
2730
- },
2731
- "text-wrapper": {
2732
- "padding-left": "none",
2733
- "padding-top": "none",
2734
- "padding-right": "none",
2735
- "padding-bottom": "2xl",
2736
- display: "flex",
2737
- "flex-direction": "column",
2738
- "row-gap": "lg",
2739
- filter: "none",
2740
- },
2741
- "text-container": {
2742
- display: "flex",
2743
- "justify-content": "start",
2744
- "align-items": "center",
2745
- "column-gap": "lg",
2746
- "margin-bottom": "none",
2747
- filter: "none",
2748
- "padding-top": "none",
2749
- "padding-bottom": "none",
2750
- "padding-left": "none",
2751
- "padding-right": "none",
2752
- },
2753
- "caption-text": {
2754
- color: "white",
2755
- "font-size": "xs",
2756
- "background-color": "var(--color-brand)",
2757
- "font-weight": 500,
2758
- "padding-left": "sm",
2759
- "padding-right": "sm",
2760
- "padding-top": "2xs",
2761
- "padding-bottom": "2xs",
2762
- "border-radius": "3xl",
2763
- },
2764
- "date-wrapper": {
2765
- display: "flex",
2766
- "align-items": "center",
2767
- "column-gap": "xs",
2768
- },
2769
- "date-icon": {
2770
- width: "22px",
2771
- height: "22px",
2772
- "font-size": "22px",
2773
- },
2774
- "publishedAt-header": {
2775
- "font-size": "sm",
2776
- color: "var(--color-text-2)",
2777
- "font-weight": 500,
2778
- },
2779
- "author-wrapper": {
2780
- display: "flex",
2781
- "align-items": "center",
2782
- "column-gap": "xs",
2783
- },
2784
- "author-image": {
2785
- height: "22px",
2786
- width: "22px",
2787
- "border-radius": "100%",
2788
- "object-fit": "cover",
2789
- "font-size": "22px",
2790
- },
2791
- "author-name": {
2792
- "font-size": "sm",
2793
- "font-weight": 500,
2794
- color: "var(--color-text-1)",
2795
- },
2796
- title: {
2797
- "font-weight": 600,
2798
- "font-size": "xl",
2799
- "margin-bottom": "none",
2800
- color: "var(--color-text-1)",
2801
- filter: "none",
2802
- "padding-top": "base",
2803
- },
2804
- description: {
2805
- overflow: "hidden",
2806
- display: "-webkit-box",
2807
- "-webkit-box-orient": "vertical",
2808
- "-webkit-line-clamp": 3,
2809
- color: "var(--color-text-2)",
2810
- "line-height": 1.5,
2811
- "margin-bottom": "base",
2812
- filter: "none",
2813
- },
2814
- publishedAt: {
2815
- display: "none",
2816
- },
2817
- cta: {
2818
- "background-color": "var(--color-brand)",
2819
- color: "white",
2820
- "padding-top": "xs",
2821
- "padding-bottom": "xs",
2822
- "padding-left": "base",
2823
- "padding-right": "base",
2824
- "border-radius": "md",
2825
- "font-size": "sm",
2826
- "font-weight": 500,
2827
- border: "none",
2828
- cursor: "pointer",
2829
- "align-self": "flex-start",
2830
- },
2831
- "content-container": {
2832
- filter: "none",
2833
- "padding-left": "none",
2834
- "padding-right": "none",
2835
- display: "flex",
2836
- "flex-direction": "column",
2837
- "row-gap": "base",
2838
- "padding-top": "none",
2839
- },
2840
- },
2841
- {
2842
- eventWrapper: {
2843
- display: "flex",
2844
- "flex-direction": "row",
2845
- "row-gap": "xl",
2846
- "media:max:768px": {
2847
- "row-gap": "md",
2848
- },
2849
- "media:max:480px": {},
2850
- "border-style": "solid",
2851
- "border-width": "1px",
2852
- "border-radius": "base",
2853
- "padding-top": "none",
2854
- "padding-left": "none",
2855
- "padding-right": "none",
2856
- "padding-bottom": "none",
2857
- "column-gap": "base",
2858
- "justify-content": "center",
2859
- "align-items": "center",
2860
- },
2861
- image: {
2862
- "object-fit": "cover",
2863
- height: "210px",
2864
- },
2865
- "text-wrapper": {
2866
- "padding-left": "none",
2867
- "padding-top": "none",
2868
- "padding-right": "none",
2869
- "padding-bottom": "2xl",
2870
- display: "flex",
2871
- "flex-direction": "column",
2872
- "row-gap": "lg",
2873
- filter: "none",
2874
- },
2875
- "text-container": {
2876
- display: "flex",
2877
- "justify-content": "start",
2878
- "align-items": "center",
2879
- "column-gap": "lg",
2880
- "margin-bottom": "none",
2881
- filter: "none",
2882
- "padding-top": "none",
2883
- "padding-bottom": "none",
2884
- "padding-left": "none",
2885
- "padding-right": "none",
2886
- },
2887
- "caption-text": {
2888
- color: "white",
2889
- "font-size": "xs",
2890
- "background-color": "var(--color-brand)",
2891
- "font-weight": 500,
2892
- "padding-left": "sm",
2893
- "padding-right": "sm",
2894
- "padding-top": "2xs",
2895
- "padding-bottom": "2xs",
2896
- "border-radius": "3xl",
2897
- },
2898
- "date-wrapper": {
2899
- display: "flex",
2900
- "align-items": "center",
2901
- "column-gap": "xs",
2902
- },
2903
- "date-icon": {
2904
- width: "22px",
2905
- height: "22px",
2906
- "font-size": "22px",
2907
- },
2908
- "publishedAt-header": {
2909
- "font-size": "sm",
2910
- color: "var(--color-text-2)",
2911
- "font-weight": 500,
2912
- },
2913
- "author-wrapper": {
2914
- display: "flex",
2915
- "align-items": "center",
2916
- "column-gap": "xs",
2917
- },
2918
- "author-image": {
2919
- height: "22px",
2920
- width: "22px",
2921
- "border-radius": "100%",
2922
- "object-fit": "cover",
2923
- "font-size": "22px",
2924
- },
2925
- "author-name": {
2926
- "font-size": "sm",
2927
- "font-weight": 500,
2928
- color: "var(--color-text-1)",
2929
- },
2930
- title: {
2931
- "font-weight": 600,
2932
- "font-size": "xl",
2933
- "margin-bottom": "none",
2934
- color: "var(--color-text-1)",
2935
- filter: "none",
2936
- "padding-top": "base",
2937
- },
2938
- description: {
2939
- overflow: "hidden",
2940
- display: "-webkit-box",
2941
- "-webkit-box-orient": "vertical",
2942
- "-webkit-line-clamp": 3,
2943
- color: "var(--color-text-2)",
2944
- "line-height": 1.5,
2945
- "margin-bottom": "base",
2946
- filter: "none",
2947
- },
2948
- publishedAt: {
2949
- display: "none",
2950
- },
2951
- cta: {
2952
- "background-color": "var(--color-brand)",
2953
- color: "white",
2954
- "padding-top": "xs",
2955
- "padding-bottom": "xs",
2956
- "padding-left": "base",
2957
- "padding-right": "base",
2958
- "border-radius": "md",
2959
- "font-size": "sm",
2960
- "font-weight": 500,
2961
- border: "none",
2962
- cursor: "pointer",
2963
- "align-self": "flex-start",
2964
- },
2965
- "content-container": {
2966
- filter: "none",
2967
- "padding-left": "none",
2968
- "padding-right": "none",
2969
- display: "flex",
2970
- "flex-direction": "column",
2971
- "row-gap": "base",
2972
- "padding-top": "none",
2973
- },
2974
- },
2975
- {
2976
- eventWrapper: {
2977
- display: "flex",
2978
- "flex-direction": "row",
2979
- "row-gap": "xl",
2980
- "media:max:768px": {
2981
- "row-gap": "md",
2982
- },
2983
- "media:max:480px": {},
2984
- "border-style": "solid",
2985
- "border-width": "1px",
2986
- "border-radius": "base",
2987
- "padding-top": "none",
2988
- "padding-left": "none",
2989
- "padding-right": "none",
2990
- "padding-bottom": "none",
2991
- "column-gap": "base",
2992
- "justify-content": "center",
2993
- "align-items": "center",
2994
- },
2995
- image: {
2996
- "object-fit": "cover",
2997
- height: "210px",
2998
- },
2999
- "text-wrapper": {
3000
- "padding-left": "none",
3001
- "padding-top": "none",
3002
- "padding-right": "none",
3003
- "padding-bottom": "2xl",
3004
- display: "flex",
3005
- "flex-direction": "column",
3006
- "row-gap": "lg",
3007
- filter: "none",
3008
- },
3009
- "text-container": {
3010
- display: "flex",
3011
- "justify-content": "start",
3012
- "align-items": "center",
3013
- "column-gap": "lg",
3014
- "margin-bottom": "none",
3015
- filter: "none",
3016
- "padding-top": "none",
3017
- "padding-bottom": "none",
3018
- "padding-left": "none",
3019
- "padding-right": "none",
3020
- },
3021
- "caption-text": {
3022
- color: "white",
3023
- "font-size": "xs",
3024
- "background-color": "var(--color-brand)",
3025
- "font-weight": 500,
3026
- "padding-left": "sm",
3027
- "padding-right": "sm",
3028
- "padding-top": "2xs",
3029
- "padding-bottom": "2xs",
3030
- "border-radius": "3xl",
3031
- },
3032
- "date-wrapper": {
3033
- display: "flex",
3034
- "align-items": "center",
3035
- "column-gap": "xs",
3036
- },
3037
- "date-icon": {
3038
- width: "22px",
3039
- height: "22px",
3040
- "font-size": "22px",
3041
- },
3042
- "publishedAt-header": {
3043
- "font-size": "sm",
3044
- color: "var(--color-text-2)",
3045
- "font-weight": 500,
3046
- },
3047
- "author-wrapper": {
3048
- display: "flex",
3049
- "align-items": "center",
3050
- "column-gap": "xs",
3051
- },
3052
- "author-image": {
3053
- height: "22px",
3054
- width: "22px",
3055
- "border-radius": "100%",
3056
- "object-fit": "cover",
3057
- "font-size": "22px",
3058
- },
3059
- "author-name": {
3060
- "font-size": "sm",
3061
- "font-weight": 500,
3062
- color: "var(--color-text-1)",
3063
- },
3064
- title: {
3065
- "font-weight": 600,
3066
- "font-size": "xl",
3067
- "margin-bottom": "none",
3068
- color: "var(--color-text-1)",
3069
- filter: "none",
3070
- "padding-top": "base",
3071
- },
3072
- description: {
3073
- overflow: "hidden",
3074
- display: "-webkit-box",
3075
- "-webkit-box-orient": "vertical",
3076
- "-webkit-line-clamp": 3,
3077
- color: "var(--color-text-2)",
3078
- "line-height": 1.5,
3079
- "margin-bottom": "base",
3080
- filter: "none",
3081
- },
3082
- publishedAt: {
3083
- display: "none",
3084
- },
3085
- cta: {
3086
- "background-color": "var(--color-brand)",
3087
- color: "white",
3088
- "padding-top": "xs",
3089
- "padding-bottom": "xs",
3090
- "padding-left": "base",
3091
- "padding-right": "base",
3092
- "border-radius": "md",
3093
- "font-size": "sm",
3094
- "font-weight": 500,
3095
- border: "none",
3096
- cursor: "pointer",
3097
- "align-self": "flex-start",
3098
- },
3099
- "content-container": {
3100
- filter: "none",
3101
- "padding-left": "none",
3102
- "padding-right": "none",
3103
- display: "flex",
3104
- "flex-direction": "column",
3105
- "row-gap": "base",
3106
- "padding-top": "none",
3107
- },
3108
- },
3109
- {
3110
- eventWrapper: {
3111
- display: "flex",
3112
- "flex-direction": "row",
3113
- "row-gap": "xl",
3114
- "media:max:768px": {
3115
- "row-gap": "md",
3116
- },
3117
- "media:max:480px": {},
3118
- "border-style": "solid",
3119
- "border-width": "1px",
3120
- "border-radius": "base",
3121
- "padding-top": "none",
3122
- "padding-left": "none",
3123
- "padding-right": "none",
3124
- "padding-bottom": "none",
3125
- "column-gap": "base",
3126
- "justify-content": "center",
3127
- "align-items": "center",
3128
- },
3129
- image: {
3130
- "object-fit": "cover",
3131
- height: "210px",
3132
- },
3133
- "text-wrapper": {
3134
- "padding-left": "none",
3135
- "padding-top": "none",
3136
- "padding-right": "none",
3137
- "padding-bottom": "2xl",
3138
- display: "flex",
3139
- "flex-direction": "column",
3140
- "row-gap": "lg",
3141
- filter: "none",
3142
- },
3143
- "text-container": {
3144
- display: "flex",
3145
- "justify-content": "start",
3146
- "align-items": "center",
3147
- "column-gap": "lg",
3148
- "margin-bottom": "none",
3149
- filter: "none",
3150
- "padding-top": "none",
3151
- "padding-bottom": "none",
3152
- "padding-left": "none",
3153
- "padding-right": "none",
3154
- },
3155
- "caption-text": {
3156
- color: "white",
3157
- "font-size": "xs",
3158
- "background-color": "var(--color-brand)",
3159
- "font-weight": 500,
3160
- "padding-left": "sm",
3161
- "padding-right": "sm",
3162
- "padding-top": "2xs",
3163
- "padding-bottom": "2xs",
3164
- "border-radius": "3xl",
3165
- },
3166
- "date-wrapper": {
3167
- display: "flex",
3168
- "align-items": "center",
3169
- "column-gap": "xs",
3170
- },
3171
- "date-icon": {
3172
- width: "22px",
3173
- height: "22px",
3174
- "font-size": "22px",
3175
- },
3176
- "publishedAt-header": {
3177
- "font-size": "sm",
3178
- color: "var(--color-text-2)",
3179
- "font-weight": 500,
3180
- },
3181
- "author-wrapper": {
3182
- display: "flex",
3183
- "align-items": "center",
3184
- "column-gap": "xs",
3185
- },
3186
- "author-image": {
3187
- height: "22px",
3188
- width: "22px",
3189
- "border-radius": "100%",
3190
- "object-fit": "cover",
3191
- "font-size": "22px",
3192
- },
3193
- "author-name": {
3194
- "font-size": "sm",
3195
- "font-weight": 500,
3196
- color: "var(--color-text-1)",
3197
- },
3198
- title: {
3199
- "font-weight": 600,
3200
- "font-size": "xl",
3201
- "margin-bottom": "none",
3202
- color: "var(--color-text-1)",
3203
- filter: "none",
3204
- "padding-top": "base",
3205
- },
3206
- description: {
3207
- overflow: "hidden",
3208
- display: "-webkit-box",
3209
- "-webkit-box-orient": "vertical",
3210
- "-webkit-line-clamp": 3,
3211
- color: "var(--color-text-2)",
3212
- "line-height": 1.5,
3213
- "margin-bottom": "base",
3214
- filter: "none",
3215
- },
3216
- publishedAt: {
3217
- display: "none",
3218
- },
3219
- cta: {
3220
- "background-color": "var(--color-brand)",
3221
- color: "white",
3222
- "padding-top": "xs",
3223
- "padding-bottom": "xs",
3224
- "padding-left": "base",
3225
- "padding-right": "base",
3226
- "border-radius": "md",
3227
- "font-size": "sm",
3228
- "font-weight": 500,
3229
- border: "none",
3230
- cursor: "pointer",
3231
- "align-self": "flex-start",
3232
- },
3233
- "content-container": {
3234
- filter: "none",
3235
- "padding-left": "none",
3236
- "padding-right": "none",
3237
- display: "flex",
3238
- "flex-direction": "column",
3239
- "row-gap": "base",
3240
- "padding-top": "none",
3241
- },
3242
- },
3243
- {
3244
- eventWrapper: {
3245
- "border-radius": "xl",
3246
- overflow: "hidden",
3247
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
3248
- position: "relative",
3249
- },
3250
- image: {
3251
- width: "100%",
3252
- height: "200px",
3253
- "object-fit": "cover",
3254
- },
3255
- "text-wrapper": {
3256
- "padding-left": "none",
3257
- "padding-top": "none",
3258
- "padding-right": "none",
3259
- "padding-bottom": "2xl",
3260
- display: "flex",
3261
- "flex-direction": "column",
3262
- "row-gap": "lg",
3263
- filter: "none",
3264
- },
3265
- "text-container": {
3266
- display: "flex",
3267
- "justify-content": "start",
3268
- "align-items": "center",
3269
- "column-gap": "lg",
3270
- "margin-bottom": "base",
3271
- filter: "none",
3272
- "border-bottom": "1px solid",
3273
- "padding-top": "xs",
3274
- "padding-bottom": "xs",
3275
- "padding-left": "base",
3276
- "padding-right": "base",
3277
- },
3278
- "caption-text": {
3279
- color: "white",
3280
- "font-size": "xs",
3281
- "background-color": "var(--color-brand)",
3282
- "font-weight": 500,
3283
- "padding-left": "sm",
3284
- "padding-right": "sm",
3285
- "padding-top": "2xs",
3286
- "padding-bottom": "2xs",
3287
- "border-radius": "3xl",
3288
- },
3289
- "date-wrapper": {
3290
- display: "flex",
3291
- "align-items": "center",
3292
- "column-gap": "xs",
3293
- },
3294
- "date-icon": {
3295
- width: "16px",
3296
- height: "16px",
3297
- },
3298
- "publishedAt-header": {
3299
- "font-size": "sm",
3300
- color: "var(--color-text-2)",
3301
- "font-weight": 500,
3302
- },
3303
- "author-wrapper": {
3304
- display: "flex",
3305
- "align-items": "center",
3306
- "column-gap": "xs",
3307
- },
3308
- "author-image": {
3309
- height: "24px",
3310
- width: "24px",
3311
- "border-radius": "100%",
3312
- "object-fit": "cover",
3313
- },
3314
- "author-name": {
3315
- "font-size": "sm",
3316
- "font-weight": 500,
3317
- color: "var(--color-text-1)",
3318
- },
3319
- title: {
3320
- "font-weight": 600,
3321
- "font-size": "xl",
3322
- "margin-bottom": "xs",
3323
- color: "var(--color-text-1)",
3324
- filter: "none",
3325
- },
3326
- description: {
3327
- overflow: "hidden",
3328
- display: "-webkit-box",
3329
- "-webkit-box-orient": "vertical",
3330
- "-webkit-line-clamp": 3,
3331
- color: "var(--color-text-2)",
3332
- "line-height": 1.5,
3333
- "margin-bottom": "base",
3334
- filter: "none",
3335
- },
3336
- publishedAt: {
3337
- display: "none",
3338
- },
3339
- cta: {
3340
- "background-color": "var(--color-brand)",
3341
- color: "white",
3342
- "padding-top": "xs",
3343
- "padding-bottom": "xs",
3344
- "padding-left": "base",
3345
- "padding-right": "base",
3346
- "border-radius": "md",
3347
- "font-size": "sm",
3348
- "font-weight": 500,
3349
- border: "none",
3350
- cursor: "pointer",
3351
- "align-self": "flex-start",
3352
- },
3353
- "content-container": {
3354
- filter: "none",
3355
- "padding-left": "base",
3356
- "padding-right": "base",
3357
- },
3358
- },
3359
- {
3360
- eventWrapper: {
3361
- "border-radius": "xl",
3362
- overflow: "hidden",
3363
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
3364
- position: "relative",
3365
- },
3366
- image: {
3367
- width: "100%",
3368
- height: "200px",
3369
- "object-fit": "cover",
3370
- },
3371
- "text-wrapper": {
3372
- "padding-left": "none",
3373
- "padding-top": "none",
3374
- "padding-right": "none",
3375
- "padding-bottom": "2xl",
3376
- display: "flex",
3377
- "flex-direction": "column",
3378
- "row-gap": "lg",
3379
- filter: "none",
3380
- },
3381
- "text-container": {
3382
- display: "flex",
3383
- "justify-content": "start",
3384
- "align-items": "center",
3385
- "column-gap": "lg",
3386
- "margin-bottom": "base",
3387
- filter: "none",
3388
- "border-bottom": "1px solid",
3389
- "padding-top": "xs",
3390
- "padding-bottom": "xs",
3391
- "padding-left": "base",
3392
- "padding-right": "base",
3393
- },
3394
- "caption-text": {
3395
- color: "white",
3396
- "font-size": "xs",
3397
- "background-color": "var(--color-brand)",
3398
- "font-weight": 500,
3399
- "padding-left": "sm",
3400
- "padding-right": "sm",
3401
- "padding-top": "2xs",
3402
- "padding-bottom": "2xs",
3403
- "border-radius": "3xl",
3404
- },
3405
- "date-wrapper": {
3406
- display: "flex",
3407
- "align-items": "center",
3408
- "column-gap": "xs",
3409
- },
3410
- "date-icon": {
3411
- width: "16px",
3412
- height: "16px",
3413
- },
3414
- "publishedAt-header": {
3415
- "font-size": "sm",
3416
- color: "var(--color-text-2)",
3417
- "font-weight": 500,
3418
- },
3419
- "author-wrapper": {
3420
- display: "flex",
3421
- "align-items": "center",
3422
- "column-gap": "xs",
3423
- },
3424
- "author-image": {
3425
- height: "24px",
3426
- width: "24px",
3427
- "border-radius": "100%",
3428
- "object-fit": "cover",
3429
- },
3430
- "author-name": {
3431
- "font-size": "sm",
3432
- "font-weight": 500,
3433
- color: "var(--color-text-1)",
3434
- },
3435
- title: {
3436
- "font-weight": 600,
3437
- "font-size": "xl",
3438
- "margin-bottom": "xs",
3439
- color: "var(--color-text-1)",
3440
- filter: "none",
3441
- },
3442
- description: {
3443
- overflow: "hidden",
3444
- display: "-webkit-box",
3445
- "-webkit-box-orient": "vertical",
3446
- "-webkit-line-clamp": 3,
3447
- color: "var(--color-text-2)",
3448
- "line-height": 1.5,
3449
- "margin-bottom": "base",
3450
- filter: "none",
3451
- },
3452
- publishedAt: {
3453
- display: "none",
3454
- },
3455
- cta: {
3456
- "background-color": "var(--color-brand)",
3457
- color: "white",
3458
- "padding-top": "xs",
3459
- "padding-bottom": "xs",
3460
- "padding-left": "base",
3461
- "padding-right": "base",
3462
- "border-radius": "md",
3463
- "font-size": "sm",
3464
- "font-weight": 500,
3465
- border: "none",
3466
- cursor: "pointer",
3467
- "align-self": "flex-start",
3468
- },
3469
- "content-container": {
3470
- filter: "none",
3471
- "padding-left": "base",
3472
- "padding-right": "base",
3473
- },
3474
- },
3475
969
  ],
3476
- paginationWrapper: {
3477
- width: "100%",
3478
- display: "flex",
3479
- "justify-content": "center",
3480
- "column-gap": "lg",
3481
- "align-items": "center",
970
+ title: {
971
+ selectedVariants: {
972
+ Heading_Level: "H2",
973
+ },
3482
974
  },
3483
975
  },
3484
- content: DEFAULT_CONTENT,
3485
- config: {},
3486
976
  },
3487
977
  ],
3488
978
  };