@levo-so/blocks 0.1.101 → 0.1.102

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 (159) hide show
  1. package/package.json +6 -5
  2. package/src/blocks/about-us/about-us-1.schema.ts +302 -295
  3. package/src/blocks/about-us/about-us-2.schema.ts +225 -220
  4. package/src/blocks/blogs/blog-author-1.schema.ts +719 -0
  5. package/src/blocks/blogs/blog-author-1.tsx +121 -0
  6. package/src/blocks/blogs/blog-listing-1.tsx +111 -33
  7. package/src/blocks/blogs/blog-listing-2.schema.ts +15 -33
  8. package/src/blocks/blogs/blog-listing-2.tsx +118 -33
  9. package/src/blocks/blogs/blog-listing-3.schema.ts +10 -22
  10. package/src/blocks/blogs/blog-listing-3.tsx +118 -33
  11. package/src/blocks/blogs/blog-post-1.schema.ts +766 -16
  12. package/src/blocks/blogs/blog-post-1.tsx +256 -32
  13. package/src/blocks/calendar/calendar-1.schema.ts +641 -192
  14. package/src/blocks/calendar/calendar-1.tsx +1 -0
  15. package/src/blocks/cards/cards-10.schema.ts +557 -544
  16. package/src/blocks/cards/cards-11.schema.ts +525 -419
  17. package/src/blocks/cards/cards-12.schema.ts +538 -147
  18. package/src/blocks/cards/cards-13.schema.ts +482 -312
  19. package/src/blocks/cards/cards-14.schema.ts +423 -196
  20. package/src/blocks/cards/cards-15.schema.ts +309 -143
  21. package/src/blocks/cards/cards-16.schema.ts +1277 -175
  22. package/src/blocks/cards/cards-17.schema.ts +2908 -1303
  23. package/src/blocks/cards/cards-18.schema.ts +1404 -217
  24. package/src/blocks/cards/cards-19.schema.ts +1105 -1084
  25. package/src/blocks/cards/cards-19.tsx +4 -5
  26. package/src/blocks/cards/cards-2.schema.ts +513 -42
  27. package/src/blocks/cards/cards-20.schema.ts +790 -212
  28. package/src/blocks/cards/cards-21.schema.ts +1215 -229
  29. package/src/blocks/cards/cards-21.tsx +51 -6
  30. package/src/blocks/cards/cards-22.schema.ts +1252 -2809
  31. package/src/blocks/cards/cards-22.tsx +6 -7
  32. package/src/blocks/cards/cards-23.schema.ts +571 -109
  33. package/src/blocks/cards/cards-3.schema.ts +355 -116
  34. package/src/blocks/cards/cards-4.schema.ts +805 -321
  35. package/src/blocks/cards/cards-5.schema.ts +216 -64
  36. package/src/blocks/cards/cards-6.schema.ts +568 -1330
  37. package/src/blocks/cards/cards-7.schema.ts +1181 -1378
  38. package/src/blocks/cards/cards-8.schema.ts +585 -221
  39. package/src/blocks/cards/cards-9.schema.ts +763 -382
  40. package/src/blocks/carousel/carousel-1.schema.ts +257 -502
  41. package/src/blocks/carousel/carousel-2.schema.ts +771 -761
  42. package/src/blocks/community/community-1.schema.ts +8 -23
  43. package/src/blocks/community/community-1.tsx +3 -3
  44. package/src/blocks/community/community-post-1.tsx +4 -4
  45. package/src/blocks/contact-us/contact-us-1.schema.ts +360 -14
  46. package/src/blocks/contact-us/contact-us-2.schema.ts +441 -325
  47. package/src/blocks/content/content-1.schema.ts +800 -381
  48. package/src/blocks/content/content-10.schema.ts +763 -20
  49. package/src/blocks/content/content-2.schema.ts +426 -52
  50. package/src/blocks/content/content-3.schema.ts +631 -432
  51. package/src/blocks/content/content-4.schema.ts +378 -123
  52. package/src/blocks/content/content-5.schema.ts +1152 -682
  53. package/src/blocks/content/content-6.schema.ts +679 -707
  54. package/src/blocks/content/content-7.schema.ts +694 -291
  55. package/src/blocks/content/content-8.schema.ts +247 -7
  56. package/src/blocks/content/content-9.schema.ts +855 -116
  57. package/src/blocks/cta/cta-1.schema.ts +294 -62
  58. package/src/blocks/cta/cta-2.schema.ts +302 -66
  59. package/src/blocks/cta/cta-2.tsx +1 -2
  60. package/src/blocks/cta/cta-3.schema.ts +312 -62
  61. package/src/blocks/embed/embed-1.schema.ts +181 -0
  62. package/src/blocks/event/event-listing-2.schema.ts +5 -11
  63. package/src/blocks/event/event-listing-3.schema.ts +5 -11
  64. package/src/blocks/event/event-listing-4.schema.ts +5 -11
  65. package/src/blocks/event/event-listing.schema.ts +5 -11
  66. package/src/blocks/faq/faq-1.schema.ts +439 -260
  67. package/src/blocks/faq/faq-2.schema.ts +444 -266
  68. package/src/blocks/faq/faq-3.schema.ts +1420 -224
  69. package/src/blocks/features/features-1/features-1.schema.ts +21 -21
  70. package/src/blocks/features/features-1/variants/default.ts +120 -138
  71. package/src/blocks/features/features-1/variants/index.ts +2 -2
  72. package/src/blocks/features/features-1/variants/minimal-list.ts +139 -0
  73. package/src/blocks/features/features-1/variants/stylized-cards-v1.ts +69 -385
  74. package/src/blocks/features/features-1/variants/stylized-cards-v2.ts +74 -408
  75. package/src/blocks/features/features-2.schema.ts +368 -286
  76. package/src/blocks/features/features-3.schema.ts +557 -280
  77. package/src/blocks/features/features-4.schema.ts +940 -432
  78. package/src/blocks/features/features-5.schema.ts +566 -407
  79. package/src/blocks/features/features-6.schema.ts +557 -523
  80. package/src/blocks/filter-listing/filter-listing-1.schema.ts +922 -270
  81. package/src/blocks/floating-buttons/floating-button-1.schema.ts +123 -0
  82. package/src/blocks/footer/footer-1.schema.ts +383 -401
  83. package/src/blocks/footer/footer-2.schema.ts +337 -878
  84. package/src/blocks/footer/footer-3.schema.ts +445 -381
  85. package/src/blocks/footer/footer-4.schema.ts +610 -439
  86. package/src/blocks/footer/footer-5.schema.ts +367 -321
  87. package/src/blocks/footer/footer-6.schema.ts +610 -357
  88. package/src/blocks/form/form-1.schema.ts +237 -0
  89. package/src/blocks/hero/hero-1.schema.ts +251 -221
  90. package/src/blocks/hero/hero-10.schema.ts +23 -14
  91. package/src/blocks/hero/hero-11.schema.ts +728 -601
  92. package/src/blocks/hero/hero-12.schema.ts +524 -334
  93. package/src/blocks/hero/hero-13.schema.ts +83 -95
  94. package/src/blocks/hero/hero-2.schema.ts +277 -68
  95. package/src/blocks/hero/hero-3.schema.ts +371 -235
  96. package/src/blocks/hero/hero-3.tsx +1 -1
  97. package/src/blocks/hero/hero-4.schema.ts +605 -338
  98. package/src/blocks/hero/hero-5.schema.ts +545 -61
  99. package/src/blocks/hero/hero-6.schema.ts +446 -257
  100. package/src/blocks/hero/hero-6.tsx +1 -1
  101. package/src/blocks/hero/hero-7.schema.ts +1299 -131
  102. package/src/blocks/hero/hero-7.tsx +43 -23
  103. package/src/blocks/hero/hero-8.schema.ts +736 -236
  104. package/src/blocks/hero/hero-9.schema.ts +908 -58
  105. package/src/blocks/index.ts +2 -0
  106. package/src/blocks/jobs/jobs-1.schema.ts +741 -219
  107. package/src/blocks/logos/logos-1.schema.ts +317 -321
  108. package/src/blocks/logos/logos-1.tsx +32 -19
  109. package/src/blocks/navbar/navbar-1.schema.ts +319 -186
  110. package/src/blocks/navbar/navbar-2.schema.ts +311 -190
  111. package/src/blocks/navbar/navbar-3.schema.ts +612 -570
  112. package/src/blocks/navbar/navbar-4.schema.ts +741 -1250
  113. package/src/blocks/polling/polling-1.schema.ts +161 -0
  114. package/src/blocks/pricing/pricing-1.schema.ts +549 -626
  115. package/src/blocks/products/products-listing-1.schema.ts +363 -249
  116. package/src/blocks/products/products-listing-2.schema.ts +515 -257
  117. package/src/blocks/products/products-listing-3.schema.ts +789 -836
  118. package/src/blocks/profile/profile-1.schema.ts +168 -187
  119. package/src/blocks/profile/profile-2.schema.ts +150 -122
  120. package/src/blocks/profile/profile-3.schema.ts +307 -256
  121. package/src/blocks/profile/profile-4.schema.ts +372 -504
  122. package/src/blocks/profile/profile-5.schema.ts +186 -79
  123. package/src/blocks/services/service-1.schema.ts +700 -631
  124. package/src/blocks/services/service-2.schema.ts +559 -82
  125. package/src/blocks/services/service-2.tsx +5 -3
  126. package/src/blocks/services/service-3.schema.ts +587 -215
  127. package/src/blocks/services/service-3.tsx +4 -2
  128. package/src/blocks/stats/stats-1.schema.ts +347 -257
  129. package/src/blocks/stats/stats-2.schema.ts +14 -2
  130. package/src/blocks/stats/variants/default.ts +14 -37
  131. package/src/blocks/stats/variants/extra.ts +232 -0
  132. package/src/blocks/stats/variants/hero.ts +1 -30
  133. package/src/blocks/stats/variants/index.ts +13 -1
  134. package/src/blocks/tabs/tab-1.schema.ts +1361 -214
  135. package/src/blocks/tabs/tab-2.schema.ts +984 -390
  136. package/src/blocks/tabs/tab-3.schema.ts +961 -95
  137. package/src/blocks/team/team-1.schema.ts +681 -564
  138. package/src/blocks/team/team-2.schema.ts +589 -935
  139. package/src/blocks/team/team-3.schema.ts +375 -284
  140. package/src/blocks/team/team-4.schema.ts +569 -355
  141. package/src/blocks/team/team-5.schema.ts +307 -111
  142. package/src/blocks/testimonial/testimonial-1.schema.ts +605 -706
  143. package/src/blocks/testimonial/testimonial-2.schema.ts +825 -1099
  144. package/src/blocks/testimonial/testimonial-3.schema.ts +580 -235
  145. package/src/blocks/testimonial/testimonial-4.schema.ts +1326 -1779
  146. package/src/blocks/testimonial/testimonial-5/variants/default.ts +179 -328
  147. package/src/blocks/testimonial/testimonial-5/variants/index.ts +9 -1
  148. package/src/blocks/testimonial/testimonial-5/variants/testimonialCentered.ts +194 -0
  149. package/src/blocks/testimonial/testimonial-5/variants/testimonialCompact.ts +188 -0
  150. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts +275 -396
  151. package/src/blocks/testimonial/testimonial-5/variants/testimonialWithRatings.ts +254 -602
  152. package/src/blocks/testimonial/testimonial-5.schema.ts +6 -2
  153. package/src/blocks/testimonial/testimonial-6.schema.ts +962 -1234
  154. package/src/blocks/testimonial/testimonial-7.schema.ts +515 -233
  155. package/src/blocks/timeline/timeline-1.schema.ts +382 -140
  156. package/src/blocks/users/edit-profile.schema.ts +2 -8
  157. package/src/blocks/users/edit-profile.tsx +2 -3
  158. package/src/schemas/blocks.ts +2 -0
  159. package/src/blocks/features/features-1/variants/stylized-cards-v3.ts +0 -268
@@ -1,93 +1,182 @@
1
1
  import type { IBlock } from "@levo-so/studio";
2
2
 
3
- const DUMMY_IMAGE = {
4
- id: "7141014160938075687",
5
- location: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
6
- kind: "image",
7
- mimetype: "image/png",
8
- srcset: {
9
- "1080w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
10
- "1200w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
11
- "1920w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
12
- "320w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
13
- "640w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
14
- "750w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
15
- "828w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
16
- path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
17
- },
18
- };
19
- const DUMMY_ICON = {
20
- kind: "icon",
21
- data: {
22
- id: "archive-minus",
23
- label: "Archive Minus",
24
- tags: ["archive", "custom", "directional", "minus"],
25
- svgCode:
26
- '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
27
- },
28
- };
29
-
30
3
  const DEFAULT_CONTENT = {
31
4
  layout: null,
32
5
  container: null,
33
6
  "header-container": null,
34
- title: "Upcoming Events",
35
- "cta-button": "View All Events",
7
+ title: "Upcoming workshops & webinars",
8
+ "cta-button": "View all sessions",
36
9
  events: [
37
10
  {
38
11
  eventWrapper: null,
39
- image: DUMMY_IMAGE,
12
+ image: {
13
+ id: "7453000421609438029",
14
+ kind: "image",
15
+ location: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
16
+ mimetype: "image/jpeg",
17
+ srcset: {
18
+ "320w":
19
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
20
+ "640w":
21
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
22
+ "750w":
23
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
24
+ "828w":
25
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
26
+ "1080w":
27
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
28
+ "1200w":
29
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
30
+ "1920w":
31
+ "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
32
+ path: "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
33
+ },
34
+ },
40
35
  "text-wrapper": null,
41
36
  "text-container": null,
42
- "caption-text": "Sponsor Event",
37
+ "caption-text": "Product Workshop",
43
38
  "date-wrapper": null,
44
- "date-icon": DUMMY_ICON,
45
- "publishedAt-header": "25 July, 2025",
39
+ "date-icon": {
40
+ kind: "icon",
41
+ data: {
42
+ id: "calendar-1",
43
+ label: "Calendar 1",
44
+ svgCode:
45
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
46
+ },
47
+ },
48
+ "publishedAt-header": "2026-05-14",
46
49
  "author-wrapper": null,
47
- "author-image": DUMMY_ICON,
50
+ "author-image": {
51
+ kind: "icon",
52
+ data: {
53
+ id: "people",
54
+ label: "People",
55
+ svgCode:
56
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.0003 7.91002C17.9703 7.91002 17.9503 7.91002 17.9203 7.91002H17.8703C15.9803 7.85002 14.5703 6.39001 14.5703 4.59001C14.5703 2.75001 16.0703 1.26001 17.9003 1.26001C19.7303 1.26001 21.2303 2.76001 21.2303 4.59001C21.2203 6.40001 19.8103 7.86001 18.0103 7.92001C18.0103 7.91001 18.0103 7.91002 18.0003 7.91002ZM17.9003 2.75002C16.8903 2.75002 16.0703 3.57002 16.0703 4.58002C16.0703 5.57002 16.8403 6.37002 17.8303 6.41002C17.8403 6.40002 17.9203 6.40002 18.0103 6.41002C18.9803 6.36002 19.7303 5.56002 19.7403 4.58002C19.7403 3.57002 18.9203 2.75002 17.9003 2.75002Z" fill="var(--color-icon-primary)"/>\n<path d="M18.0105 15.28C17.6205 15.28 17.2305 15.25 16.8405 15.18C16.4305 15.11 16.1605 14.72 16.2305 14.31C16.3005 13.9 16.6905 13.63 17.1005 13.7C18.3305 13.91 19.6305 13.68 20.5005 13.1C20.9705 12.79 21.2205 12.4 21.2205 12.01C21.2205 11.62 20.9605 11.24 20.5005 10.93C19.6305 10.35 18.3105 10.12 17.0705 10.34C16.6605 10.42 16.2705 10.14 16.2005 9.73002C16.1305 9.32002 16.4005 8.93003 16.8105 8.86003C18.4405 8.57003 20.1305 8.88002 21.3305 9.68002C22.2105 10.27 22.7205 11.11 22.7205 12.01C22.7205 12.9 22.2205 13.75 21.3305 14.35C20.4205 14.95 19.2405 15.28 18.0105 15.28Z" fill="var(--color-icon-primary)"/>\n<path d="M5.97047 7.91C5.96047 7.91 5.95047 7.91 5.95047 7.91C4.15047 7.85 2.74047 6.39 2.73047 4.59C2.73047 2.75 4.23047 1.25 6.06047 1.25C7.89047 1.25 9.39047 2.75 9.39047 4.58C9.39047 6.39 7.98047 7.85 6.18047 7.91L5.97047 7.16L6.04047 7.91C6.02047 7.91 5.99047 7.91 5.97047 7.91ZM6.07047 6.41C6.13047 6.41 6.18047 6.41 6.24047 6.42C7.13047 6.38 7.91047 5.58 7.91047 4.59C7.91047 3.58 7.09047 2.75999 6.08047 2.75999C5.07047 2.75999 4.25047 3.58 4.25047 4.59C4.25047 5.57 5.01047 6.36 5.98047 6.42C5.99047 6.41 6.03047 6.41 6.07047 6.41Z" fill="var(--color-icon-primary)"/>\n<path d="M5.96 15.28C4.73 15.28 3.55 14.95 2.64 14.35C1.76 13.76 1.25 12.91 1.25 12.01C1.25 11.12 1.76 10.27 2.64 9.68002C3.84 8.88002 5.53 8.57003 7.16 8.86003C7.57 8.93003 7.84 9.32002 7.77 9.73002C7.7 10.14 7.31 10.42 6.9 10.34C5.66 10.12 4.35 10.35 3.47 10.93C3 11.24 2.75 11.62 2.75 12.01C2.75 12.4 3.01 12.79 3.47 13.1C4.34 13.68 5.64 13.91 6.87 13.7C7.28 13.63 7.67 13.91 7.74 14.31C7.81 14.72 7.54 15.11 7.13 15.18C6.74 15.25 6.35 15.28 5.96 15.28Z" fill="var(--color-icon-primary)"/>\n<path d="M12.0003 15.38C11.9703 15.38 11.9503 15.38 11.9203 15.38H11.8703C9.98031 15.32 8.57031 13.86 8.57031 12.06C8.57031 10.22 10.0703 8.72998 11.9003 8.72998C13.7303 8.72998 15.2303 10.23 15.2303 12.06C15.2203 13.87 13.8103 15.33 12.0103 15.39C12.0103 15.38 12.0103 15.38 12.0003 15.38ZM11.9003 10.22C10.8903 10.22 10.0703 11.04 10.0703 12.05C10.0703 13.04 10.8403 13.84 11.8303 13.88C11.8403 13.87 11.9203 13.87 12.0103 13.88C12.9803 13.83 13.7303 13.03 13.7403 12.05C13.7403 11.05 12.9203 10.22 11.9003 10.22Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9993 22.76C10.7993 22.76 9.5993 22.45 8.6693 21.82C7.7893 21.23 7.2793 20.39 7.2793 19.49C7.2793 18.6 7.7793 17.74 8.6693 17.15C10.5393 15.91 13.4693 15.91 15.3293 17.15C16.2093 17.74 16.7193 18.58 16.7193 19.48C16.7193 20.37 16.2193 21.23 15.3293 21.82C14.3993 22.44 13.1993 22.76 11.9993 22.76ZM9.4993 18.41C9.0293 18.72 8.7793 19.11 8.7793 19.5C8.7793 19.89 9.0393 20.27 9.4993 20.58C10.8493 21.49 13.1393 21.49 14.4893 20.58C14.9593 20.27 15.2093 19.88 15.2093 19.49C15.2093 19.1 14.9493 18.72 14.4893 18.41C13.1493 17.5 10.8593 17.51 9.4993 18.41Z" fill="var(--color-icon-primary)"/>\n</svg>',
57
+ },
58
+ },
48
59
  "author-info-wrapper": null,
49
- "author-name": "Sarah Johnson",
50
- title: "Books, Brighter Futures: A Day for Change",
51
- description: "Over 400 children will receive new educational supplies during this Event.",
52
- publishedAt: "25 July, 2025",
53
- cta: "Register Now",
60
+ "author-name": "Hosted by the Linear product team",
61
+ title: "Scaling async workflows across distributed squads",
62
+ description:
63
+ "Live teardown of three Linear deployments — how teams cut review cycle times 40% with triage rules and automations.",
64
+ publishedAt: "2026-05-14",
65
+ cta: "Reserve seat",
54
66
  },
55
67
  {
56
68
  eventWrapper: null,
57
- image: DUMMY_IMAGE,
69
+ image: {
70
+ id: "7453000422505969576",
71
+ kind: "image",
72
+ location: "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg",
73
+ mimetype: "image/jpeg",
74
+ srcset: {
75
+ "320w":
76
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
77
+ "640w":
78
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
79
+ "750w":
80
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
81
+ "828w":
82
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
83
+ "1080w":
84
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
85
+ "1200w":
86
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
87
+ "1920w":
88
+ "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
89
+ path: "https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/1181345/pexels-photo-1181345.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
90
+ },
91
+ },
58
92
  "text-wrapper": null,
59
93
  "text-container": null,
60
- "caption-text": "Community Event",
94
+ "caption-text": "Customer Webinar",
61
95
  "date-wrapper": null,
62
- "date-icon": DUMMY_ICON,
63
- "publishedAt-header": "15 August, 2025",
96
+ "date-icon": {
97
+ kind: "icon",
98
+ data: {
99
+ id: "calendar-1",
100
+ label: "Calendar 1",
101
+ svgCode:
102
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
103
+ },
104
+ },
105
+ "publishedAt-header": "2026-06-03",
64
106
  "author-wrapper": null,
65
- "author-image": DUMMY_ICON,
107
+ "author-image": {
108
+ kind: "icon",
109
+ data: {
110
+ id: "user",
111
+ label: "User",
112
+ svgCode:
113
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
114
+ },
115
+ },
66
116
  "author-info-wrapper": null,
67
- "author-name": "Michael Chen",
68
- title: "Stories of Impact: Volunteers Who Inspire",
117
+ "author-name": "With Priya Shah, Head of RevOps",
118
+ title: "Turning RFP chaos into a 72-hour pipeline",
69
119
  description:
70
- "Hear from passionate volunteers about their life-changing moments while working",
71
- publishedAt: "15 August, 2025",
72
- cta: "Learn More",
120
+ "A walkthrough of the automation stack Notion uses to route, approve, and ship enterprise proposals without a single status meeting.",
121
+ publishedAt: "2026-06-03",
122
+ cta: "Save my spot",
73
123
  },
74
124
  {
75
125
  eventWrapper: null,
76
- image: DUMMY_IMAGE,
126
+ image: {
127
+ id: "7453000423440255072",
128
+ kind: "image",
129
+ location: "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg",
130
+ mimetype: "image/jpeg",
131
+ srcset: {
132
+ "320w":
133
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
134
+ "640w":
135
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
136
+ "750w":
137
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
138
+ "828w":
139
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
140
+ "1080w":
141
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
142
+ "1200w":
143
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
144
+ "1920w":
145
+ "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
146
+ path: "https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/6476782/pexels-photo-6476782.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
147
+ },
148
+ },
77
149
  "text-wrapper": null,
78
150
  "text-container": null,
79
- "caption-text": "Fundraiser Event",
151
+ "caption-text": "Release Event",
80
152
  "date-wrapper": null,
81
- "date-icon": DUMMY_ICON,
82
- "publishedAt-header": "3 December, 2025",
153
+ "date-icon": {
154
+ kind: "icon",
155
+ data: {
156
+ id: "calendar-1",
157
+ label: "Calendar 1",
158
+ svgCode:
159
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 5.75C7.59 5.75 7.25 5.41 7.25 5V2C7.25 1.59 7.59 1.25 8 1.25C8.41 1.25 8.75 1.59 8.75 2V5C8.75 5.41 8.41 5.75 8 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M16 5.75C15.59 5.75 15.25 5.41 15.25 5V2C15.25 1.59 15.59 1.25 16 1.25C16.41 1.25 16.75 1.59 16.75 2V5C16.75 5.41 16.41 5.75 16 5.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7701 7.5 13.5001C7.5 13.3701 7.53 13.2401 7.58 13.1201C7.63 13.0001 7.7 12.8901 7.79 12.7901C7.89 12.7001 7.99 12.6301 8.12 12.5801C8.48 12.4301 8.93 12.5101 9.21 12.7901C9.39 12.9801 9.5 13.2401 9.5 13.5001C9.5 13.5601 9.49 13.6301 9.48 13.7001C9.47 13.7601 9.45 13.8201 9.42 13.8801C9.4 13.9401 9.37 14.0001 9.33 14.0601C9.3 14.1101 9.25 14.1601 9.21 14.2101C9.02 14.3901 8.76 14.5001 8.5 14.5001Z" fill="var(--color-icon-primary)"/>\n<path d="M12 14.5C11.87 14.5 11.74 14.47 11.62 14.42C11.49 14.37 11.39 14.3 11.29 14.21C11.11 14.02 11 13.77 11 13.5C11 13.37 11.03 13.24 11.08 13.12C11.13 13 11.2 12.89 11.29 12.79C11.39 12.7 11.49 12.63 11.62 12.58C11.98 12.42 12.43 12.51 12.71 12.79C12.89 12.98 13 13.24 13 13.5C13 13.56 12.99 13.63 12.98 13.7C12.97 13.76 12.95 13.82 12.92 13.88C12.9 13.94 12.87 14 12.83 14.06C12.8 14.11 12.75 14.16 12.71 14.21C12.52 14.39 12.26 14.5 12 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 14.5C15.37 14.5 15.24 14.47 15.12 14.42C14.99 14.37 14.89 14.3 14.79 14.21C14.75 14.16 14.71 14.11 14.67 14.06C14.63 14 14.6 13.94 14.58 13.88C14.55 13.82 14.53 13.76 14.52 13.7C14.51 13.63 14.5 13.56 14.5 13.5C14.5 13.24 14.61 12.98 14.79 12.79C14.89 12.7 14.99 12.63 15.12 12.58C15.49 12.42 15.93 12.51 16.21 12.79C16.39 12.98 16.5 13.24 16.5 13.5C16.5 13.56 16.49 13.63 16.48 13.7C16.47 13.76 16.45 13.82 16.42 13.88C16.4 13.94 16.37 14 16.33 14.06C16.3 14.11 16.25 14.16 16.21 14.21C16.02 14.39 15.76 14.5 15.5 14.5Z" fill="var(--color-icon-primary)"/>\n<path d="M8.5 17.9999C8.37 17.9999 8.24 17.97 8.12 17.92C8 17.87 7.89 17.7999 7.79 17.7099C7.61 17.5199 7.5 17.2599 7.5 16.9999C7.5 16.8699 7.53 16.7399 7.58 16.6199C7.63 16.4899 7.7 16.38 7.79 16.29C8.16 15.92 8.84 15.92 9.21 16.29C9.39 16.48 9.5 16.7399 9.5 16.9999C9.5 17.2599 9.39 17.5199 9.21 17.7099C9.02 17.8899 8.76 17.9999 8.5 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M12 17.9999C11.74 17.9999 11.48 17.8899 11.29 17.7099C11.11 17.5199 11 17.2599 11 16.9999C11 16.8699 11.03 16.7399 11.08 16.6199C11.13 16.4899 11.2 16.38 11.29 16.29C11.66 15.92 12.34 15.92 12.71 16.29C12.8 16.38 12.87 16.4899 12.92 16.6199C12.97 16.7399 13 16.8699 13 16.9999C13 17.2599 12.89 17.5199 12.71 17.7099C12.52 17.8899 12.26 17.9999 12 17.9999Z" fill="var(--color-icon-primary)"/>\n<path d="M15.5 18C15.24 18 14.98 17.89 14.79 17.71C14.7 17.62 14.63 17.51 14.58 17.38C14.53 17.26 14.5 17.13 14.5 17C14.5 16.87 14.53 16.74 14.58 16.62C14.63 16.49 14.7 16.38 14.79 16.29C15.02 16.06 15.37 15.95 15.69 16.02C15.76 16.03 15.82 16.05 15.88 16.08C15.94 16.1 16 16.13 16.06 16.17C16.11 16.2 16.16 16.25 16.21 16.29C16.39 16.48 16.5 16.74 16.5 17C16.5 17.26 16.39 17.52 16.21 17.71C16.02 17.89 15.76 18 15.5 18Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5 9.83997H3.5C3.09 9.83997 2.75 9.49997 2.75 9.08997C2.75 8.67997 3.09 8.33997 3.5 8.33997H20.5C20.91 8.33997 21.25 8.67997 21.25 9.08997C21.25 9.49997 20.91 9.83997 20.5 9.83997Z" fill="var(--color-icon-primary)"/>\n<path d="M16 22.75H8C4.35 22.75 2.25 20.65 2.25 17V8.5C2.25 4.85 4.35 2.75 8 2.75H16C19.65 2.75 21.75 4.85 21.75 8.5V17C21.75 20.65 19.65 22.75 16 22.75ZM8 4.25C5.14 4.25 3.75 5.64 3.75 8.5V17C3.75 19.86 5.14 21.25 8 21.25H16C18.86 21.25 20.25 19.86 20.25 17V8.5C20.25 5.64 18.86 4.25 16 4.25H8Z" fill="var(--color-icon-primary)"/>\n</svg>',
160
+ },
161
+ },
162
+ "publishedAt-header": "2026-06-27",
83
163
  "author-wrapper": null,
84
- "author-image": DUMMY_ICON,
164
+ "author-image": {
165
+ kind: "icon",
166
+ data: {
167
+ id: "presention-chart",
168
+ label: "Presention Chart",
169
+ svgCode:
170
+ '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.1 17.75H5.89999C3.57999 17.75 2.25 16.42 2.25 14.1V2C2.25 1.59 2.59 1.25 3 1.25H21C21.41 1.25 21.75 1.59 21.75 2V14.1C21.75 16.42 20.42 17.75 18.1 17.75ZM3.75 2.75V14.1C3.75 15.59 4.40999 16.25 5.89999 16.25H18.09C19.58 16.25 20.24 15.59 20.24 14.1V2.75H3.75Z" fill="var(--color-icon-primary)"/>\n<path d="M22 2.75H2C1.59 2.75 1.25 2.41 1.25 2C1.25 1.59 1.59 1.25 2 1.25H22C22.41 1.25 22.75 1.59 22.75 2C22.75 2.41 22.41 2.75 22 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M8.00027 22.75C7.72027 22.75 7.46025 22.6 7.33025 22.34C7.14025 21.97 7.29028 21.52 7.67028 21.33L11.2503 19.54V17C11.2503 16.59 11.5903 16.25 12.0003 16.25C12.4103 16.25 12.7503 16.59 12.7503 17V20C12.7503 20.28 12.5903 20.54 12.3303 20.67L8.33025 22.67C8.23025 22.72 8.11027 22.75 8.00027 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.9999 22.75C15.8899 22.75 15.77 22.72 15.67 22.67L11.67 20.67C11.3 20.48 11.1499 20.03 11.3299 19.66C11.5199 19.29 11.9699 19.14 12.3399 19.32L16.3399 21.32C16.7099 21.51 16.8599 21.96 16.6799 22.33C16.5399 22.6 16.2699 22.75 15.9999 22.75Z" fill="var(--color-icon-primary)"/>\n<path d="M7.49993 11.75C7.28993 11.75 7.06994 11.66 6.91994 11.48C6.64994 11.16 6.69992 10.69 7.01992 10.42L10.1699 7.79C10.4599 7.55 10.8299 7.45 11.1799 7.51C11.5399 7.57 11.8499 7.78997 12.0399 8.10997L13.0899 9.85997L16.0199 7.42C16.3399 7.16 16.8099 7.19998 17.0799 7.51998C17.3499 7.83998 17.2999 8.30998 16.9799 8.57998L13.8299 11.21C13.5399 11.45 13.1699 11.55 12.8199 11.49C12.4599 11.43 12.1499 11.21 11.9599 10.89L10.9099 9.14L7.97994 11.58C7.83994 11.69 7.66993 11.75 7.49993 11.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
171
+ },
172
+ },
85
173
  "author-info-wrapper": null,
86
- "author-name": "Emma Davis",
87
- title: "Voices for a Cause: Music & Giving",
88
- description: "Experience an evening of soulful and delightful performances and storytelling.",
89
- publishedAt: "3 December, 2025",
90
- cta: "Get Tickets",
174
+ "author-name": "Led by the Levo platform team",
175
+ title: "What shipped in Q2: workflows, webhooks, SOC 2",
176
+ description:
177
+ "90-minute live roadmap session covering reusable workflow templates, signed webhooks, and the new SOC 2 Type II controls this quarter.",
178
+ publishedAt: "2026-06-27",
179
+ cta: "Watch live",
91
180
  },
92
181
  ],
93
182
  paginationWrapper: null,
@@ -129,7 +218,7 @@ export const Cards21: IBlock = {
129
218
  prompt_description:
130
219
  "Block headline centered at the top of the Events section. Should clearly state the purpose of the section, such as 'Events' or a similarly concise title.",
131
220
  min_characters: 5,
132
- max_characters: 18,
221
+ max_characters: 36,
133
222
  },
134
223
  },
135
224
  {
@@ -140,9 +229,19 @@ export const Cards21: IBlock = {
140
229
  prompt_description:
141
230
  "Call-to-action button displayed next to the main heading. Should encourage exploration, such as 'View all' or 'See more events'.",
142
231
  min_characters: 6,
143
- max_characters: 15,
232
+ max_characters: 20,
144
233
  },
145
234
  },
235
+ {
236
+ key: "search-container",
237
+ label: "Search Container",
238
+ field_interface: "BoxWidget",
239
+ },
240
+ {
241
+ key: "search-input-box",
242
+ label: "Search Input Box",
243
+ field_interface: "BoxWidget",
244
+ },
146
245
  {
147
246
  key: "events",
148
247
  label: "Events",
@@ -206,7 +305,7 @@ export const Cards21: IBlock = {
206
305
  hint: {
207
306
  prompt_description:
208
307
  "Displays the date and time of the event. Format as 'Month DD, YYYY HH:MM AM/PM'. Keep it short, clear, and easily readable.",
209
- min_characters: 16,
308
+ min_characters: 8,
210
309
  max_characters: 28,
211
310
  },
212
311
  },
@@ -240,10 +339,9 @@ export const Cards21: IBlock = {
240
339
  prompt_description:
241
340
  "Name of the event organizer, host, or hosting organization. Should be credible and professional.",
242
341
  min_characters: 5,
243
- max_characters: 30,
342
+ max_characters: 48,
244
343
  },
245
344
  },
246
-
247
345
  {
248
346
  key: "content-container",
249
347
  label: "Content Container",
@@ -261,7 +359,7 @@ export const Cards21: IBlock = {
261
359
  prompt_description:
262
360
  "Event card headline. Should be the name or title of the event, immediately catching the user's attention. Aim for clarity and engagement.",
263
361
  min_characters: 8,
264
- max_characters: 32,
362
+ max_characters: 64,
265
363
  },
266
364
  },
267
365
  {
@@ -272,7 +370,7 @@ export const Cards21: IBlock = {
272
370
  prompt_description:
273
371
  "Short summary or description of the event, conveying value and enticing interest. Displayed in one or two lines under the event title. Keep concise yet informative.",
274
372
  min_characters: 40,
275
- max_characters: 120,
373
+ max_characters: 160,
276
374
  },
277
375
  },
278
376
  {
@@ -282,7 +380,7 @@ export const Cards21: IBlock = {
282
380
  hint: {
283
381
  prompt_description:
284
382
  "Displays the date and time of the event. Format as 'Month DD, YYYY HH:MM AM/PM'. Keep it short, clear, and easily readable.",
285
- min_characters: 16,
383
+ min_characters: 8,
286
384
  max_characters: 28,
287
385
  },
288
386
  },
@@ -294,7 +392,7 @@ export const Cards21: IBlock = {
294
392
  prompt_description:
295
393
  "Call-to-action button for the specific event (e.g., 'Register Now', 'Learn More', 'Get Tickets'). Should be action-oriented.",
296
394
  min_characters: 6,
297
- max_characters: 15,
395
+ max_characters: 18,
298
396
  },
299
397
  },
300
398
  ],
@@ -319,17 +417,6 @@ export const Cards21: IBlock = {
319
417
  max_characters: 12,
320
418
  },
321
419
  },
322
- {
323
- key: "paginationInfo",
324
- label: "Pagination Info",
325
- field_interface: "TypographyWidget",
326
- hint: {
327
- prompt_description:
328
- "Displays the current events page and total pages, e.g., '1/10'. Keep format concise and clear.",
329
- min_characters: 3,
330
- max_characters: 8,
331
- },
332
- },
333
420
  {
334
421
  key: "paginationText",
335
422
  label: "Pagination Text",
@@ -359,197 +446,193 @@ export const Cards21: IBlock = {
359
446
  title: "Default",
360
447
  styles: {
361
448
  layout: {
362
- "padding-left": "10xl",
363
- "padding-right": "10xl",
449
+ "padding-left": "5xl",
450
+ "padding-right": "5xl",
364
451
  "padding-top": "5xl",
365
452
  "padding-bottom": "5xl",
366
453
  tablet: {
367
- "padding-left": "8xl",
368
- "padding-right": "8xl",
454
+ "padding-left": "3xl",
455
+ "padding-right": "3xl",
369
456
  "padding-top": "4xl",
370
457
  "padding-bottom": "4xl",
371
458
  },
372
459
  mobile: {
373
- "padding-left": "6xl",
374
- "padding-right": "6xl",
460
+ "padding-left": "xl",
461
+ "padding-right": "xl",
375
462
  "padding-top": "3xl",
376
463
  "padding-bottom": "3xl",
377
464
  },
378
- filter: "none",
379
465
  },
380
466
  container: {
381
467
  display: "flex",
382
468
  "flex-direction": "column",
383
- "align-items": "center",
384
469
  "row-gap": "2xl",
385
- filter: "none",
386
470
  },
387
471
  "header-container": {
388
472
  display: "flex",
389
473
  width: "100%",
390
474
  "justify-content": "space-between",
391
475
  "align-items": "center",
392
- "margin-bottom": "3xl",
476
+ "margin-bottom": "xl",
477
+ "column-gap": "xl",
393
478
  mobile: {
394
479
  "flex-direction": "column",
395
480
  "align-items": "flex-start",
396
- "row-gap": "lg",
481
+ "row-gap": "md",
397
482
  },
398
483
  },
399
484
  title: {
400
- color: "text-1",
485
+ color: "var(--color-text-1)",
401
486
  margin: "0",
402
487
  },
403
488
  "cta-button": {
404
489
  "background-color": "transparent",
405
- color: "color-brand",
406
-
490
+ color: "var(--color-brand)",
407
491
  "text-decoration": "none",
408
492
  border: "none",
409
493
  cursor: "pointer",
410
494
  display: "flex",
411
495
  "align-items": "center",
412
496
  "column-gap": "xs",
497
+ "font-weight": 500,
498
+ },
499
+ "search-container": {
500
+ "max-width": "80%",
501
+ "margin-right": "auto",
502
+ "margin-left": "auto",
503
+ width: "100%",
504
+ tablet: {
505
+ "max-width": "none",
506
+ },
413
507
  },
414
508
  events_levoGroup: {
415
509
  display: "grid",
416
510
  width: "100%",
417
511
  "grid-template-columns": "repeat(3, 1fr)",
418
- "row-gap": "5xl",
419
- "column-gap": "5xl",
512
+ "row-gap": "xl",
513
+ "column-gap": "xl",
420
514
  tablet: {
421
- "grid-template-columns": "repeat(1, minmax(0, 1fr))",
422
- filter: "none",
423
- "column-gap": "base",
515
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
516
+ "column-gap": "lg",
424
517
  },
425
518
  mobile: {
426
519
  "grid-template-columns": "repeat(1, 1fr)",
427
520
  "row-gap": "lg",
428
- filter: "none",
429
521
  },
430
- filter: "none",
431
522
  },
432
-
433
- events: Array(3)
434
- .fill(0)
435
- ?.map((v) => {
436
- return {
437
- eventWrapper: {
438
- "border-radius": "xl",
439
- overflow: "hidden",
440
- "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
441
- position: "relative",
442
- },
443
- image: {
444
- width: "100%",
445
- height: "200px",
446
- "object-fit": "cover",
447
- },
448
- "text-wrapper": {
449
- "padding-left": "none",
450
- "padding-top": "none",
451
- "padding-right": "none",
452
- "padding-bottom": "2xl",
453
- display: "flex",
454
- "flex-direction": "column",
455
- "row-gap": "lg",
456
- filter: "none",
457
- },
458
- "text-container": {
459
- display: "flex",
460
- "justify-content": "start",
461
- "align-items": "center",
462
- "column-gap": "lg",
463
- "margin-bottom": "base",
464
- filter: "none",
465
- "border-bottom": "1px solid",
466
- "padding-top": "xs",
467
- "padding-bottom": "xs",
468
- "padding-left": "base",
469
- "padding-right": "base",
470
- },
471
- "caption-text": {
472
- color: "white",
473
- "font-size": "xs",
474
- "background-color": "var(--color-brand)",
475
- "font-weight": 500,
476
- "padding-left": "sm",
477
- "padding-right": "sm",
478
- "padding-top": "2xs",
479
- "padding-bottom": "2xs",
480
- "border-radius": "3xl",
481
- },
482
- "date-wrapper": {
483
- display: "flex",
484
- "align-items": "center",
485
- "column-gap": "xs",
486
- },
487
- "date-icon": {
488
- width: "16px",
489
- height: "16px",
490
- },
491
- "publishedAt-header": {
492
- "font-size": "sm",
493
- color: "var(--color-text-2)",
494
- "font-weight": 500,
495
- },
496
- "author-wrapper": {
497
- display: "flex",
498
- "align-items": "center",
499
- "column-gap": "xs",
500
- },
501
- "author-image": {
502
- height: "24px",
503
- width: "24px",
504
- "border-radius": "100%",
505
- "object-fit": "cover",
506
- },
507
- "author-name": {
508
- "font-size": "sm",
509
- "font-weight": 500,
510
- color: "var(--color-text-1)",
511
- },
512
- title: {
513
- "font-weight": 600,
514
- "font-size": "xl",
515
- "margin-bottom": "xs",
516
- color: "var(--color-text-1)",
517
- filter: "none",
518
- },
519
- description: {
520
- overflow: "hidden",
521
- display: "-webkit-box",
522
- "-webkit-box-orient": "vertical",
523
- "-webkit-line-clamp": 3,
524
- color: "var(--color-text-2)",
525
- "line-height": 1.5,
526
- "margin-bottom": "base",
527
- filter: "none",
528
- },
529
- publishedAt: {
530
- display: "none",
531
- },
532
- cta: {
533
- "background-color": "var(--color-brand)",
534
- color: "white",
535
- "padding-top": "xs",
536
- "padding-bottom": "xs",
537
- "padding-left": "base",
538
- "padding-right": "base",
539
- "border-radius": "md",
540
- "font-size": "sm",
541
- "font-weight": 500,
542
- border: "none",
543
- cursor: "pointer",
544
- "align-self": "flex-start",
545
- },
546
- "content-container": {
547
- filter: "none",
548
- "padding-left": "base",
549
- "padding-right": "base",
550
- },
551
- };
552
- }),
523
+ events_levoGroupItem: {
524
+ eventWrapper: {
525
+ "border-radius": "xl",
526
+ overflow: "hidden",
527
+ "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
528
+ position: "relative",
529
+ display: "flex",
530
+ "flex-direction": "column",
531
+ height: "100%",
532
+ "background-color": "var(--color-card, var(--color-background))",
533
+ },
534
+ image: {
535
+ width: "100%",
536
+ "aspect-ratio": "3 / 2",
537
+ "object-fit": "cover",
538
+ },
539
+ "text-wrapper": {
540
+ "padding-left": "none",
541
+ "padding-top": "none",
542
+ "padding-right": "none",
543
+ "padding-bottom": "xl",
544
+ display: "flex",
545
+ "flex-direction": "column",
546
+ "row-gap": "lg",
547
+ flex: "1",
548
+ },
549
+ "text-container": {
550
+ display: "flex",
551
+ "flex-direction": "column",
552
+ "justify-content": "space-between",
553
+ "column-gap": "md",
554
+ "padding-top": "md",
555
+ "padding-bottom": "md",
556
+ "padding-left": "xl",
557
+ "padding-right": "xl",
558
+ "border-bottom": "1px solid var(--color-border)",
559
+ gap: "base",
560
+ },
561
+ "caption-text": {
562
+ display: "none",
563
+ },
564
+ "date-wrapper": {
565
+ display: "flex",
566
+ "align-items": "center",
567
+ "column-gap": "xs",
568
+ },
569
+ "date-icon": {
570
+ width: "20px",
571
+ height: "20px",
572
+ "flex-shrink": "0",
573
+ },
574
+ "publishedAt-header": {
575
+ "font-size": "sm",
576
+ color: "var(--color-text-2)",
577
+ "font-weight": 500,
578
+ },
579
+ "author-wrapper": {
580
+ display: "flex",
581
+ "align-items": "center",
582
+ "column-gap": "xs",
583
+ },
584
+ "author-image": {
585
+ width: "20px",
586
+ height: "20px",
587
+ "flex-shrink": "0",
588
+ },
589
+ "author-name": {
590
+ "font-size": "sm",
591
+ "font-weight": 500,
592
+ color: "var(--color-text-1)",
593
+ },
594
+ title: {
595
+ "font-weight": 600,
596
+ "font-size": "lg",
597
+ color: "var(--color-text-1)",
598
+ "line-height": "1.35",
599
+ },
600
+ description: {
601
+ overflow: "hidden",
602
+ display: "-webkit-box",
603
+ "-webkit-box-orient": "vertical",
604
+ "-webkit-line-clamp": 3,
605
+ color: "var(--color-text-2)",
606
+ "line-height": 1.5,
607
+ },
608
+ publishedAt: {
609
+ display: "none",
610
+ },
611
+ cta: {
612
+ "background-color": "var(--color-brand)",
613
+ color: "white",
614
+ "padding-top": "sm",
615
+ "padding-bottom": "sm",
616
+ "padding-left": "lg",
617
+ "padding-right": "lg",
618
+ "border-radius": "md",
619
+ "font-size": "sm",
620
+ "font-weight": 500,
621
+ border: "none",
622
+ cursor: "pointer",
623
+ "align-self": "flex-start",
624
+ "margin-top": "auto",
625
+ },
626
+ "content-container": {
627
+ "padding-left": "xl",
628
+ "padding-right": "xl",
629
+ display: "flex",
630
+ "flex-direction": "column",
631
+ "row-gap": "md",
632
+ flex: "1",
633
+ },
634
+ },
635
+ events: [{}, {}, {}],
553
636
  paginationWrapper: {
554
637
  width: "100%",
555
638
  display: "flex",
@@ -568,7 +651,7 @@ export const Cards21: IBlock = {
568
651
  cursor: "pointer",
569
652
  },
570
653
  paginationText: {
571
- color: "text-1",
654
+ color: "var(--color-text-1)",
572
655
  },
573
656
  paginationRightButton: {
574
657
  "background-color": "transparent",
@@ -580,13 +663,917 @@ export const Cards21: IBlock = {
580
663
  "padding-right": "base",
581
664
  cursor: "pointer",
582
665
  },
583
- paginationLeftIcon: {
584
- height: "16px",
585
- width: "16px",
666
+ },
667
+ content: DEFAULT_CONTENT,
668
+ config: {
669
+ title: {
670
+ selectedVariants: {
671
+ Heading_Level: "H2",
672
+ },
673
+ heading: {
674
+ level: 2,
675
+ },
676
+ },
677
+ "cta-button": {
678
+ selectedVariants: {
679
+ Button_Variants: "Secondary",
680
+ },
681
+ },
682
+ },
683
+ },
684
+ {
685
+ key: "grid",
686
+ title: "Grid",
687
+ styles: {
688
+ layout: {
689
+ "padding-left": "5xl",
690
+ "padding-right": "5xl",
691
+ "padding-top": "5xl",
692
+ "padding-bottom": "5xl",
693
+ tablet: {
694
+ "padding-left": "3xl",
695
+ "padding-right": "3xl",
696
+ "padding-top": "4xl",
697
+ "padding-bottom": "4xl",
698
+ },
699
+ mobile: {
700
+ "padding-left": "xl",
701
+ "padding-right": "xl",
702
+ "padding-top": "3xl",
703
+ "padding-bottom": "3xl",
704
+ },
705
+ },
706
+ container: {
707
+ display: "flex",
708
+ "flex-direction": "column",
709
+ "row-gap": "2xl",
710
+ },
711
+ "header-container": {
712
+ display: "flex",
713
+ width: "100%",
714
+ "justify-content": "space-between",
715
+ "align-items": "center",
716
+ "margin-bottom": "xl",
717
+ "column-gap": "xl",
718
+ mobile: {
719
+ "flex-direction": "column",
720
+ "align-items": "flex-start",
721
+ "row-gap": "md",
722
+ },
723
+ },
724
+ title: {
725
+ color: "var(--color-text-1)",
726
+ margin: "0",
727
+ },
728
+ "cta-button": {
729
+ "background-color": "transparent",
730
+ color: "var(--color-brand)",
731
+ "text-decoration": "none",
732
+ border: "none",
733
+ cursor: "pointer",
734
+ display: "flex",
735
+ "align-items": "center",
736
+ "column-gap": "xs",
737
+ "font-weight": 500,
738
+ },
739
+ events_levoGroup: {
740
+ display: "grid",
741
+ width: "100%",
742
+ "grid-template-columns": "repeat(2, 1fr)",
743
+ "row-gap": "xl",
744
+ "column-gap": "xl",
745
+ tablet: {
746
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
747
+ "column-gap": "lg",
748
+ },
749
+ mobile: {
750
+ "grid-template-columns": "repeat(1, 1fr)",
751
+ "row-gap": "lg",
752
+ },
753
+ },
754
+ events_levoGroupItem: {
755
+ eventWrapper: {
756
+ "border-radius": "xl",
757
+ overflow: "hidden",
758
+ "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
759
+ position: "relative",
760
+ display: "flex",
761
+ "flex-direction": "column",
762
+ height: "100%",
763
+ "background-color": "var(--color-card, var(--color-background))",
764
+ },
765
+ image: {
766
+ width: "100%",
767
+ "aspect-ratio": "16 / 9",
768
+ "object-fit": "cover",
769
+ },
770
+ "text-wrapper": {
771
+ "padding-left": "none",
772
+ "padding-top": "none",
773
+ "padding-right": "none",
774
+ "padding-bottom": "xl",
775
+ display: "flex",
776
+ "flex-direction": "column",
777
+ "row-gap": "lg",
778
+ flex: "1",
779
+ },
780
+ "text-container": {
781
+ display: "flex",
782
+ "justify-content": "space-between",
783
+ "align-items": "center",
784
+ "column-gap": "md",
785
+ "padding-top": "md",
786
+ "padding-bottom": "md",
787
+ "padding-left": "xl",
788
+ "padding-right": "xl",
789
+ "border-bottom": "1px solid var(--color-border)",
790
+ },
791
+ "caption-text": {
792
+ display: "none",
793
+ },
794
+ "date-wrapper": {
795
+ display: "flex",
796
+ "align-items": "center",
797
+ "column-gap": "xs",
798
+ },
799
+ "date-icon": {
800
+ width: "16px",
801
+ height: "16px",
802
+ "flex-shrink": "0",
803
+ },
804
+ "publishedAt-header": {
805
+ "font-size": "sm",
806
+ color: "var(--color-text-2)",
807
+ "font-weight": 500,
808
+ },
809
+ "author-wrapper": {
810
+ display: "flex",
811
+ "align-items": "center",
812
+ "column-gap": "xs",
813
+ },
814
+ "author-image": {
815
+ width: "20px",
816
+ height: "20px",
817
+ "flex-shrink": "0",
818
+ },
819
+ "author-name": {
820
+ "font-size": "sm",
821
+ "font-weight": 500,
822
+ color: "var(--color-text-1)",
823
+ },
824
+ title: {
825
+ "font-weight": 600,
826
+ "font-size": "xl",
827
+ color: "var(--color-text-1)",
828
+ "line-height": "1.35",
829
+ },
830
+ description: {
831
+ overflow: "hidden",
832
+ display: "-webkit-box",
833
+ "-webkit-box-orient": "vertical",
834
+ "-webkit-line-clamp": 3,
835
+ color: "var(--color-text-2)",
836
+ "line-height": 1.5,
837
+ },
838
+ publishedAt: {
839
+ display: "none",
840
+ },
841
+ cta: {
842
+ "background-color": "var(--color-brand)",
843
+ color: "white",
844
+ "padding-top": "sm",
845
+ "padding-bottom": "sm",
846
+ "padding-left": "lg",
847
+ "padding-right": "lg",
848
+ "border-radius": "md",
849
+ "font-size": "sm",
850
+ "font-weight": 500,
851
+ border: "none",
852
+ cursor: "pointer",
853
+ "align-self": "flex-start",
854
+ "margin-top": "auto",
855
+ },
856
+ "content-container": {
857
+ "padding-left": "xl",
858
+ "padding-right": "xl",
859
+ display: "flex",
860
+ "flex-direction": "column",
861
+ "row-gap": "md",
862
+ flex: "1",
863
+ },
864
+ },
865
+ events: [{}, {}, {}],
866
+ paginationWrapper: {
867
+ width: "100%",
868
+ display: "flex",
869
+ "justify-content": "center",
870
+ "column-gap": "lg",
871
+ "align-items": "center",
872
+ },
873
+ paginationLeftButton: {
874
+ "background-color": "transparent",
875
+ border: "1px solid var(--color-border)",
876
+ "border-radius": "md",
877
+ "padding-top": "xs",
878
+ "padding-bottom": "xs",
879
+ "padding-left": "base",
880
+ "padding-right": "base",
881
+ cursor: "pointer",
882
+ },
883
+ paginationText: {
884
+ color: "var(--color-text-1)",
586
885
  },
587
- paginationRightIcon: {
588
- height: "16px",
589
- width: "16px",
886
+ paginationRightButton: {
887
+ "background-color": "transparent",
888
+ border: "1px solid var(--color-border)",
889
+ "border-radius": "md",
890
+ "padding-top": "xs",
891
+ "padding-bottom": "xs",
892
+ "padding-left": "base",
893
+ "padding-right": "base",
894
+ cursor: "pointer",
895
+ },
896
+ },
897
+ content: DEFAULT_CONTENT,
898
+ config: {
899
+ title: {
900
+ selectedVariants: {
901
+ Heading_Level: "H2",
902
+ },
903
+ heading: {
904
+ level: 2,
905
+ },
906
+ },
907
+ "cta-button": {
908
+ selectedVariants: {
909
+ Button_Variants: "Secondary",
910
+ },
911
+ },
912
+ },
913
+ },
914
+ {
915
+ key: "list",
916
+ title: "List",
917
+ styles: {
918
+ layout: {
919
+ "padding-left": "5xl",
920
+ "padding-right": "5xl",
921
+ "padding-top": "5xl",
922
+ "padding-bottom": "5xl",
923
+ tablet: {
924
+ "padding-left": "3xl",
925
+ "padding-right": "3xl",
926
+ "padding-top": "4xl",
927
+ "padding-bottom": "4xl",
928
+ },
929
+ mobile: {
930
+ "padding-left": "xl",
931
+ "padding-right": "xl",
932
+ "padding-top": "3xl",
933
+ "padding-bottom": "3xl",
934
+ },
935
+ },
936
+ container: {
937
+ display: "flex",
938
+ "flex-direction": "column",
939
+ "row-gap": "2xl",
940
+ },
941
+ "header-container": {
942
+ display: "flex",
943
+ width: "100%",
944
+ "justify-content": "space-between",
945
+ "align-items": "center",
946
+ "margin-bottom": "xl",
947
+ "column-gap": "xl",
948
+ mobile: {
949
+ "flex-direction": "column",
950
+ "align-items": "flex-start",
951
+ "row-gap": "md",
952
+ },
953
+ },
954
+ title: {
955
+ color: "var(--color-text-1)",
956
+ margin: "0",
957
+ },
958
+ "cta-button": {
959
+ "background-color": "transparent",
960
+ color: "var(--color-brand)",
961
+ "text-decoration": "none",
962
+ border: "none",
963
+ cursor: "pointer",
964
+ display: "flex",
965
+ "align-items": "center",
966
+ "column-gap": "xs",
967
+ "font-weight": 500,
968
+ },
969
+ events_levoGroup: {
970
+ display: "flex",
971
+ width: "100%",
972
+ "flex-direction": "column",
973
+ "row-gap": "xl",
974
+ },
975
+ events_levoGroupItem: {
976
+ eventWrapper: {
977
+ "border-radius": "lg",
978
+ overflow: "hidden",
979
+ "box-shadow": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
980
+ position: "relative",
981
+ display: "flex",
982
+ "flex-direction": "row",
983
+ height: "100%",
984
+ "background-color": "var(--color-card, var(--color-background))",
985
+ mobile: {
986
+ "flex-direction": "column",
987
+ },
988
+ },
989
+ image: {
990
+ width: "320px",
991
+ height: "220px",
992
+ "object-fit": "cover",
993
+ "flex-shrink": "0",
994
+ mobile: {
995
+ width: "100%",
996
+ "aspect-ratio": "16 / 9",
997
+ height: "auto",
998
+ },
999
+ },
1000
+ "text-wrapper": {
1001
+ "padding-left": "none",
1002
+ "padding-top": "none",
1003
+ "padding-right": "none",
1004
+ "padding-bottom": "none",
1005
+ display: "flex",
1006
+ "flex-direction": "column",
1007
+ "row-gap": "md",
1008
+ "justify-content": "center",
1009
+ flex: "1",
1010
+ },
1011
+ "text-container": {
1012
+ display: "flex",
1013
+ "justify-content": "start",
1014
+ "align-items": "center",
1015
+ "column-gap": "lg",
1016
+ "padding-top": "lg",
1017
+ "padding-bottom": "none",
1018
+ "padding-left": "xl",
1019
+ "padding-right": "xl",
1020
+ },
1021
+ "caption-text": {
1022
+ display: "none",
1023
+ },
1024
+ "date-wrapper": {
1025
+ display: "flex",
1026
+ "align-items": "center",
1027
+ "column-gap": "xs",
1028
+ },
1029
+ "date-icon": {
1030
+ width: "16px",
1031
+ height: "16px",
1032
+ "flex-shrink": "0",
1033
+ },
1034
+ "publishedAt-header": {
1035
+ "font-size": "sm",
1036
+ color: "var(--color-text-2)",
1037
+ "font-weight": 500,
1038
+ },
1039
+ "author-wrapper": {
1040
+ display: "flex",
1041
+ "align-items": "center",
1042
+ "column-gap": "xs",
1043
+ },
1044
+ "author-image": {
1045
+ width: "20px",
1046
+ height: "20px",
1047
+ "flex-shrink": "0",
1048
+ },
1049
+ "author-name": {
1050
+ "font-size": "sm",
1051
+ "font-weight": 500,
1052
+ color: "var(--color-text-1)",
1053
+ },
1054
+ title: {
1055
+ "font-weight": 600,
1056
+ "font-size": "xl",
1057
+ color: "var(--color-text-1)",
1058
+ "line-height": "1.3",
1059
+ },
1060
+ description: {
1061
+ overflow: "hidden",
1062
+ display: "-webkit-box",
1063
+ "-webkit-box-orient": "vertical",
1064
+ "-webkit-line-clamp": 2,
1065
+ color: "var(--color-text-2)",
1066
+ "line-height": 1.5,
1067
+ },
1068
+ publishedAt: {
1069
+ display: "none",
1070
+ },
1071
+ cta: {
1072
+ "background-color": "var(--color-brand)",
1073
+ color: "white",
1074
+ "padding-top": "sm",
1075
+ "padding-bottom": "sm",
1076
+ "padding-left": "lg",
1077
+ "padding-right": "lg",
1078
+ "border-radius": "md",
1079
+ "font-size": "sm",
1080
+ "font-weight": 500,
1081
+ border: "none",
1082
+ cursor: "pointer",
1083
+ "align-self": "flex-start",
1084
+ "margin-top": "auto",
1085
+ },
1086
+ "content-container": {
1087
+ "padding-left": "xl",
1088
+ "padding-right": "xl",
1089
+ "padding-bottom": "xl",
1090
+ display: "flex",
1091
+ "flex-direction": "column",
1092
+ "row-gap": "md",
1093
+ flex: "1",
1094
+ },
1095
+ },
1096
+ events: [{}, {}, {}],
1097
+ paginationWrapper: {
1098
+ width: "100%",
1099
+ display: "flex",
1100
+ "justify-content": "center",
1101
+ "column-gap": "lg",
1102
+ "align-items": "center",
1103
+ },
1104
+ paginationLeftButton: {
1105
+ "background-color": "transparent",
1106
+ border: "1px solid var(--color-border)",
1107
+ "border-radius": "md",
1108
+ "padding-top": "xs",
1109
+ "padding-bottom": "xs",
1110
+ "padding-left": "base",
1111
+ "padding-right": "base",
1112
+ cursor: "pointer",
1113
+ },
1114
+ paginationText: {
1115
+ color: "var(--color-text-1)",
1116
+ },
1117
+ paginationRightButton: {
1118
+ "background-color": "transparent",
1119
+ border: "1px solid var(--color-border)",
1120
+ "border-radius": "md",
1121
+ "padding-top": "xs",
1122
+ "padding-bottom": "xs",
1123
+ "padding-left": "base",
1124
+ "padding-right": "base",
1125
+ cursor: "pointer",
1126
+ },
1127
+ },
1128
+ content: DEFAULT_CONTENT,
1129
+ config: {
1130
+ title: {
1131
+ selectedVariants: {
1132
+ Heading_Level: "H2",
1133
+ },
1134
+ heading: {
1135
+ level: 2,
1136
+ },
1137
+ },
1138
+ "cta-button": {
1139
+ selectedVariants: {
1140
+ Button_Variants: "Secondary",
1141
+ },
1142
+ },
1143
+ },
1144
+ },
1145
+ {
1146
+ key: "minimal",
1147
+ title: "Minimal",
1148
+ styles: {
1149
+ layout: {
1150
+ "padding-left": "5xl",
1151
+ "padding-right": "5xl",
1152
+ "padding-top": "5xl",
1153
+ "padding-bottom": "5xl",
1154
+ tablet: {
1155
+ "padding-left": "3xl",
1156
+ "padding-right": "3xl",
1157
+ "padding-top": "4xl",
1158
+ "padding-bottom": "4xl",
1159
+ },
1160
+ mobile: {
1161
+ "padding-left": "xl",
1162
+ "padding-right": "xl",
1163
+ "padding-top": "3xl",
1164
+ "padding-bottom": "3xl",
1165
+ },
1166
+ },
1167
+ container: {
1168
+ display: "flex",
1169
+ "flex-direction": "column",
1170
+ "row-gap": "2xl",
1171
+ },
1172
+ "header-container": {
1173
+ display: "flex",
1174
+ width: "100%",
1175
+ "justify-content": "center",
1176
+ "align-items": "center",
1177
+ "margin-bottom": "2xl",
1178
+ "flex-direction": "column",
1179
+ "row-gap": "sm",
1180
+ "text-align": "center",
1181
+ },
1182
+ title: {
1183
+ color: "var(--color-text-1)",
1184
+ margin: "0",
1185
+ "text-align": "center",
1186
+ },
1187
+ "cta-button": {
1188
+ "background-color": "transparent",
1189
+ color: "var(--color-brand)",
1190
+ "text-decoration": "none",
1191
+ border: "none",
1192
+ cursor: "pointer",
1193
+ display: "flex",
1194
+ "align-items": "center",
1195
+ "column-gap": "xs",
1196
+ "font-weight": 500,
1197
+ },
1198
+ events_levoGroup: {
1199
+ display: "grid",
1200
+ width: "100%",
1201
+ "grid-template-columns": "repeat(3, 1fr)",
1202
+ "row-gap": "2xl",
1203
+ "column-gap": "2xl",
1204
+ tablet: {
1205
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1206
+ "column-gap": "lg",
1207
+ },
1208
+ mobile: {
1209
+ "grid-template-columns": "repeat(1, 1fr)",
1210
+ "row-gap": "lg",
1211
+ },
1212
+ },
1213
+ events_levoGroupItem: {
1214
+ eventWrapper: {
1215
+ position: "relative",
1216
+ display: "flex",
1217
+ "flex-direction": "column",
1218
+ "row-gap": "md",
1219
+ height: "100%",
1220
+ },
1221
+ image: {
1222
+ width: "100%",
1223
+ "aspect-ratio": "3 / 2",
1224
+ "object-fit": "cover",
1225
+ "border-radius": "lg",
1226
+ },
1227
+ "text-wrapper": {
1228
+ display: "flex",
1229
+ "flex-direction": "column",
1230
+ "row-gap": "sm",
1231
+ flex: "1",
1232
+ },
1233
+ "text-container": {
1234
+ display: "flex",
1235
+ "justify-content": "start",
1236
+ "align-items": "center",
1237
+ "column-gap": "md",
1238
+ },
1239
+ "caption-text": {
1240
+ display: "none",
1241
+ },
1242
+ "date-wrapper": {
1243
+ display: "flex",
1244
+ "align-items": "center",
1245
+ "column-gap": "xs",
1246
+ },
1247
+ "date-icon": {
1248
+ width: "14px",
1249
+ height: "14px",
1250
+ "flex-shrink": "0",
1251
+ },
1252
+ "publishedAt-header": {
1253
+ "font-size": "xs",
1254
+ color: "var(--color-brand)",
1255
+ "font-weight": 600,
1256
+ "text-transform": "uppercase",
1257
+ "letter-spacing": "0.08em",
1258
+ },
1259
+ "author-wrapper": {
1260
+ display: "flex",
1261
+ "align-items": "center",
1262
+ "column-gap": "xs",
1263
+ },
1264
+ "author-image": {
1265
+ width: "16px",
1266
+ height: "16px",
1267
+ "flex-shrink": "0",
1268
+ },
1269
+ "author-name": {
1270
+ "font-size": "xs",
1271
+ "font-weight": 500,
1272
+ color: "var(--color-text-2)",
1273
+ },
1274
+ title: {
1275
+ "font-weight": 600,
1276
+ "font-size": "lg",
1277
+ color: "var(--color-text-1)",
1278
+ "line-height": "1.35",
1279
+ },
1280
+ description: {
1281
+ overflow: "hidden",
1282
+ display: "-webkit-box",
1283
+ "-webkit-box-orient": "vertical",
1284
+ "-webkit-line-clamp": 2,
1285
+ color: "var(--color-text-2)",
1286
+ "line-height": 1.5,
1287
+ "font-size": "sm",
1288
+ },
1289
+ publishedAt: {
1290
+ display: "none",
1291
+ },
1292
+ cta: {
1293
+ "background-color": "transparent",
1294
+ color: "var(--color-brand)",
1295
+ "font-size": "sm",
1296
+ "font-weight": 600,
1297
+ border: "none",
1298
+ cursor: "pointer",
1299
+ "align-self": "flex-start",
1300
+ "padding-left": "none",
1301
+ "padding-right": "none",
1302
+ "padding-top": "xs",
1303
+ "padding-bottom": "none",
1304
+ "text-decoration": "underline",
1305
+ "margin-top": "auto",
1306
+ },
1307
+ "content-container": {
1308
+ display: "flex",
1309
+ "flex-direction": "column",
1310
+ "row-gap": "sm",
1311
+ flex: "1",
1312
+ },
1313
+ },
1314
+ events: [{}, {}, {}],
1315
+ paginationWrapper: {
1316
+ width: "100%",
1317
+ display: "flex",
1318
+ "justify-content": "center",
1319
+ "column-gap": "lg",
1320
+ "align-items": "center",
1321
+ },
1322
+ paginationLeftButton: {
1323
+ "background-color": "transparent",
1324
+ border: "1px solid var(--color-border)",
1325
+ "border-radius": "md",
1326
+ "padding-top": "xs",
1327
+ "padding-bottom": "xs",
1328
+ "padding-left": "base",
1329
+ "padding-right": "base",
1330
+ cursor: "pointer",
1331
+ },
1332
+ paginationText: {
1333
+ color: "var(--color-text-1)",
1334
+ },
1335
+ paginationRightButton: {
1336
+ "background-color": "transparent",
1337
+ border: "1px solid var(--color-border)",
1338
+ "border-radius": "md",
1339
+ "padding-top": "xs",
1340
+ "padding-bottom": "xs",
1341
+ "padding-left": "base",
1342
+ "padding-right": "base",
1343
+ cursor: "pointer",
1344
+ },
1345
+ },
1346
+ content: DEFAULT_CONTENT,
1347
+ config: {
1348
+ title: {
1349
+ selectedVariants: {
1350
+ Heading_Level: "H2",
1351
+ },
1352
+ heading: {
1353
+ level: 2,
1354
+ },
1355
+ },
1356
+ "cta-button": {
1357
+ selectedVariants: {
1358
+ Button_Variants: "Secondary",
1359
+ },
1360
+ },
1361
+ },
1362
+ },
1363
+ {
1364
+ key: "compact",
1365
+ title: "Compact",
1366
+ styles: {
1367
+ layout: {
1368
+ "padding-left": "5xl",
1369
+ "padding-right": "5xl",
1370
+ "padding-top": "5xl",
1371
+ "padding-bottom": "5xl",
1372
+ tablet: {
1373
+ "padding-left": "3xl",
1374
+ "padding-right": "3xl",
1375
+ "padding-top": "4xl",
1376
+ "padding-bottom": "4xl",
1377
+ },
1378
+ mobile: {
1379
+ "padding-left": "xl",
1380
+ "padding-right": "xl",
1381
+ "padding-top": "3xl",
1382
+ "padding-bottom": "3xl",
1383
+ },
1384
+ },
1385
+ container: {
1386
+ display: "flex",
1387
+ "flex-direction": "column",
1388
+ "row-gap": "2xl",
1389
+ },
1390
+ "header-container": {
1391
+ display: "flex",
1392
+ width: "100%",
1393
+ "justify-content": "space-between",
1394
+ "align-items": "center",
1395
+ "margin-bottom": "xl",
1396
+ "column-gap": "xl",
1397
+ mobile: {
1398
+ "flex-direction": "column",
1399
+ "align-items": "flex-start",
1400
+ "row-gap": "md",
1401
+ },
1402
+ },
1403
+ title: {
1404
+ color: "var(--color-text-1)",
1405
+ margin: "0",
1406
+ },
1407
+ "cta-button": {
1408
+ "background-color": "transparent",
1409
+ color: "var(--color-brand)",
1410
+ "text-decoration": "none",
1411
+ border: "none",
1412
+ cursor: "pointer",
1413
+ display: "flex",
1414
+ "align-items": "center",
1415
+ "column-gap": "xs",
1416
+ "font-weight": 500,
1417
+ },
1418
+ events_levoGroup: {
1419
+ display: "grid",
1420
+ width: "100%",
1421
+ "grid-template-columns": "repeat(3, 1fr)",
1422
+ "row-gap": "lg",
1423
+ "column-gap": "lg",
1424
+ tablet: {
1425
+ "grid-template-columns": "repeat(2, minmax(0, 1fr))",
1426
+ "column-gap": "lg",
1427
+ },
1428
+ mobile: {
1429
+ "grid-template-columns": "repeat(1, 1fr)",
1430
+ "row-gap": "lg",
1431
+ },
1432
+ },
1433
+ events_levoGroupItem: {
1434
+ eventWrapper: {
1435
+ "border-radius": "lg",
1436
+ overflow: "hidden",
1437
+ "border-style": "solid",
1438
+ "border-width": "1px",
1439
+ "border-color": "var(--color-border)",
1440
+ position: "relative",
1441
+ display: "flex",
1442
+ "flex-direction": "column",
1443
+ height: "100%",
1444
+ "background-color": "var(--color-card, var(--color-background))",
1445
+ },
1446
+ image: {
1447
+ width: "100%",
1448
+ "aspect-ratio": "16 / 9",
1449
+ "object-fit": "cover",
1450
+ },
1451
+ "text-wrapper": {
1452
+ "padding-left": "none",
1453
+ "padding-top": "none",
1454
+ "padding-right": "none",
1455
+ "padding-bottom": "base",
1456
+ display: "flex",
1457
+ "flex-direction": "column",
1458
+ "row-gap": "sm",
1459
+ flex: "1",
1460
+ },
1461
+ "text-container": {
1462
+ display: "flex",
1463
+ "justify-content": "start",
1464
+ "align-items": "center",
1465
+ "column-gap": "md",
1466
+ "padding-top": "sm",
1467
+ "padding-bottom": "sm",
1468
+ "padding-left": "base",
1469
+ "padding-right": "base",
1470
+ "border-bottom": "1px solid var(--color-border)",
1471
+ },
1472
+ "caption-text": {
1473
+ display: "none",
1474
+ },
1475
+ "date-wrapper": {
1476
+ display: "flex",
1477
+ "align-items": "center",
1478
+ "column-gap": "2xs",
1479
+ },
1480
+ "date-icon": {
1481
+ width: "12px",
1482
+ height: "12px",
1483
+ "flex-shrink": "0",
1484
+ },
1485
+ "publishedAt-header": {
1486
+ "font-size": "xs",
1487
+ color: "var(--color-text-2)",
1488
+ "font-weight": 500,
1489
+ },
1490
+ "author-wrapper": {
1491
+ display: "flex",
1492
+ "align-items": "center",
1493
+ "column-gap": "2xs",
1494
+ },
1495
+ "author-image": {
1496
+ width: "14px",
1497
+ height: "14px",
1498
+ "flex-shrink": "0",
1499
+ },
1500
+ "author-name": {
1501
+ "font-size": "xs",
1502
+ "font-weight": 500,
1503
+ color: "var(--color-text-1)",
1504
+ },
1505
+ title: {
1506
+ "font-weight": 600,
1507
+ "font-size": "base",
1508
+ color: "var(--color-text-1)",
1509
+ "line-height": "1.35",
1510
+ },
1511
+ description: {
1512
+ overflow: "hidden",
1513
+ display: "-webkit-box",
1514
+ "-webkit-box-orient": "vertical",
1515
+ "-webkit-line-clamp": 2,
1516
+ color: "var(--color-text-2)",
1517
+ "line-height": 1.4,
1518
+ "font-size": "sm",
1519
+ },
1520
+ publishedAt: {
1521
+ display: "none",
1522
+ },
1523
+ cta: {
1524
+ "background-color": "var(--color-brand)",
1525
+ color: "white",
1526
+ "padding-top": "xs",
1527
+ "padding-bottom": "xs",
1528
+ "padding-left": "base",
1529
+ "padding-right": "base",
1530
+ "border-radius": "sm",
1531
+ "font-size": "xs",
1532
+ "font-weight": 500,
1533
+ border: "none",
1534
+ cursor: "pointer",
1535
+ "align-self": "flex-start",
1536
+ "margin-top": "auto",
1537
+ },
1538
+ "content-container": {
1539
+ "padding-left": "base",
1540
+ "padding-right": "base",
1541
+ display: "flex",
1542
+ "flex-direction": "column",
1543
+ "row-gap": "sm",
1544
+ flex: "1",
1545
+ },
1546
+ },
1547
+ events: [{}, {}, {}],
1548
+ paginationWrapper: {
1549
+ width: "100%",
1550
+ display: "flex",
1551
+ "justify-content": "center",
1552
+ "column-gap": "lg",
1553
+ "align-items": "center",
1554
+ },
1555
+ paginationLeftButton: {
1556
+ "background-color": "transparent",
1557
+ border: "1px solid var(--color-border)",
1558
+ "border-radius": "md",
1559
+ "padding-top": "xs",
1560
+ "padding-bottom": "xs",
1561
+ "padding-left": "base",
1562
+ "padding-right": "base",
1563
+ cursor: "pointer",
1564
+ },
1565
+ paginationText: {
1566
+ color: "var(--color-text-1)",
1567
+ },
1568
+ paginationRightButton: {
1569
+ "background-color": "transparent",
1570
+ border: "1px solid var(--color-border)",
1571
+ "border-radius": "md",
1572
+ "padding-top": "xs",
1573
+ "padding-bottom": "xs",
1574
+ "padding-left": "base",
1575
+ "padding-right": "base",
1576
+ cursor: "pointer",
590
1577
  },
591
1578
  },
592
1579
  content: DEFAULT_CONTENT,
@@ -599,7 +1586,6 @@ export const Cards21: IBlock = {
599
1586
  level: 2,
600
1587
  },
601
1588
  },
602
-
603
1589
  "cta-button": {
604
1590
  selectedVariants: {
605
1591
  Button_Variants: "Secondary",