@clay-design-system/email 0.0.0-stage → 0.2.0

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 (268) hide show
  1. package/README.md +48 -2
  2. package/dist/build/asset-scoring.d.ts +48 -0
  3. package/dist/build/asset-scoring.d.ts.map +1 -0
  4. package/dist/build/asset-scoring.js +57 -0
  5. package/dist/build/asset-scoring.js.map +1 -0
  6. package/dist/build/braze-transform.d.ts +20 -0
  7. package/dist/build/braze-transform.d.ts.map +1 -0
  8. package/dist/build/braze-transform.js +26 -0
  9. package/dist/build/braze-transform.js.map +1 -0
  10. package/dist/build/catalog.d.ts +25 -0
  11. package/dist/build/catalog.d.ts.map +1 -0
  12. package/dist/build/catalog.js +3 -0
  13. package/dist/build/catalog.js.map +1 -0
  14. package/dist/build/cloudinary-env.d.ts +15 -0
  15. package/dist/build/cloudinary-env.d.ts.map +1 -0
  16. package/dist/build/cloudinary-env.js +36 -0
  17. package/dist/build/cloudinary-env.js.map +1 -0
  18. package/dist/build/cloudinary-manifest.d.ts +33 -0
  19. package/dist/build/cloudinary-manifest.d.ts.map +1 -0
  20. package/dist/build/cloudinary-manifest.js +36 -0
  21. package/dist/build/cloudinary-manifest.js.map +1 -0
  22. package/dist/build/compile.d.ts +11 -0
  23. package/dist/build/compile.d.ts.map +1 -0
  24. package/dist/build/compile.js +234 -0
  25. package/dist/build/compile.js.map +1 -0
  26. package/dist/build/email-config.d.ts +26 -0
  27. package/dist/build/email-config.d.ts.map +1 -0
  28. package/dist/build/email-config.js +17 -0
  29. package/dist/build/email-config.js.map +1 -0
  30. package/dist/build/email-list.d.ts +6 -0
  31. package/dist/build/email-list.d.ts.map +1 -0
  32. package/dist/build/email-list.js +17 -0
  33. package/dist/build/email-list.js.map +1 -0
  34. package/dist/build/email-tree.d.ts +23 -0
  35. package/dist/build/email-tree.d.ts.map +1 -0
  36. package/dist/build/email-tree.js +46 -0
  37. package/dist/build/email-tree.js.map +1 -0
  38. package/dist/build/export-braze.d.ts +22 -0
  39. package/dist/build/export-braze.d.ts.map +1 -0
  40. package/dist/build/export-braze.js +92 -0
  41. package/dist/build/export-braze.js.map +1 -0
  42. package/dist/build/generate-stock-library-map.d.ts +13 -0
  43. package/dist/build/generate-stock-library-map.d.ts.map +1 -0
  44. package/dist/build/generate-stock-library-map.js +202 -0
  45. package/dist/build/generate-stock-library-map.js.map +1 -0
  46. package/dist/build/icon-registry-map.d.ts +34 -0
  47. package/dist/build/icon-registry-map.d.ts.map +1 -0
  48. package/dist/build/icon-registry-map.js +44 -0
  49. package/dist/build/icon-registry-map.js.map +1 -0
  50. package/dist/build/import-examples.d.ts +14 -0
  51. package/dist/build/import-examples.d.ts.map +1 -0
  52. package/dist/build/import-examples.js +65 -0
  53. package/dist/build/import-examples.js.map +1 -0
  54. package/dist/build/persona-character-map.d.ts +32 -0
  55. package/dist/build/persona-character-map.d.ts.map +1 -0
  56. package/dist/build/persona-character-map.js +90 -0
  57. package/dist/build/persona-character-map.js.map +1 -0
  58. package/dist/build/stock-library-map.d.ts +57 -0
  59. package/dist/build/stock-library-map.d.ts.map +1 -0
  60. package/dist/build/stock-library-map.js +1261 -0
  61. package/dist/build/stock-library-map.js.map +1 -0
  62. package/dist/build/upload-assets.d.ts +20 -0
  63. package/dist/build/upload-assets.d.ts.map +1 -0
  64. package/dist/build/upload-assets.js +153 -0
  65. package/dist/build/upload-assets.js.map +1 -0
  66. package/dist/build/upload-library-assets.d.ts +21 -0
  67. package/dist/build/upload-library-assets.d.ts.map +1 -0
  68. package/dist/build/upload-library-assets.js +182 -0
  69. package/dist/build/upload-library-assets.js.map +1 -0
  70. package/dist/build/visual-resolver.d.ts +70 -0
  71. package/dist/build/visual-resolver.d.ts.map +1 -0
  72. package/dist/build/visual-resolver.js +375 -0
  73. package/dist/build/visual-resolver.js.map +1 -0
  74. package/dist/catalog.json +467 -0
  75. package/dist/emails/component-buttons-icons.html +435 -0
  76. package/dist/emails/component-buttons-integration.html +256 -0
  77. package/dist/emails/component-buttons-primary.html +269 -0
  78. package/dist/emails/component-buttons-secondary.html +255 -0
  79. package/dist/emails/component-buttons-two-integrations.html +310 -0
  80. package/dist/emails/component-images-card-280h.html +281 -0
  81. package/dist/emails/component-images-card-320h.html +281 -0
  82. package/dist/emails/component-images-card.html +281 -0
  83. package/dist/emails/component-images-full-bleed-280h.html +279 -0
  84. package/dist/emails/component-images-full-bleed-400h.html +279 -0
  85. package/dist/emails/component-images-full-bleed.html +279 -0
  86. package/dist/emails/component-text-h1.html +254 -0
  87. package/dist/emails/component-text-h2.html +230 -0
  88. package/dist/emails/component-text-h3.html +255 -0
  89. package/dist/emails/component-text-h4.html +255 -0
  90. package/dist/emails/component-text-h5.html +254 -0
  91. package/dist/emails/component-text-p2.html +253 -0
  92. package/dist/emails/component-text-p3.html +254 -0
  93. package/dist/emails/component-text-p4.html +254 -0
  94. package/dist/emails/container.html +250 -0
  95. package/dist/emails/section-changelog-icon-list.html +1201 -0
  96. package/dist/emails/section-divider-line.html +340 -0
  97. package/dist/emails/section-feature-highlight-reversed.html +377 -0
  98. package/dist/emails/section-feature-highlight.html +384 -0
  99. package/dist/emails/section-feature-rows.html +328 -0
  100. package/dist/emails/section-feature-story-row-reversed.html +381 -0
  101. package/dist/emails/section-feature-story-row.html +382 -0
  102. package/dist/emails/section-footer-lifecycle.html +650 -0
  103. package/dist/emails/section-footer-two-column-minimal.html +318 -0
  104. package/dist/emails/section-footer.html +413 -0
  105. package/dist/emails/section-header.html +290 -0
  106. package/dist/emails/section-hero.html +276 -0
  107. package/dist/emails/section-icon-feature-list.html +554 -0
  108. package/dist/emails/section-image-caption-block.html +313 -0
  109. package/dist/emails/section-image-hero.html +341 -0
  110. package/dist/emails/section-lesson-card.html +628 -0
  111. package/dist/emails/section-list-action-items.html +590 -0
  112. package/dist/emails/section-list-feature-items.html +713 -0
  113. package/dist/emails/section-list-icon-items.html +701 -0
  114. package/dist/emails/section-list-numbered-items.html +733 -0
  115. package/dist/emails/section-logo-header.html +288 -0
  116. package/dist/emails/section-newsletter-hero.html +393 -0
  117. package/dist/emails/section-product-ui-hero.html +496 -0
  118. package/dist/emails/section-promo-banner.html +308 -0
  119. package/dist/emails/section-qa-block.html +440 -0
  120. package/dist/emails/section-resource-link-list.html +481 -0
  121. package/dist/emails/section-signoff.html +279 -0
  122. package/dist/emails/section-single-column-author.html +453 -0
  123. package/dist/emails/section-single-column-feature-card.html +312 -0
  124. package/dist/emails/section-single-column-product-card.html +393 -0
  125. package/dist/emails/section-single-column-promo-card.html +306 -0
  126. package/dist/emails/section-spacer-fill.html +281 -0
  127. package/dist/emails/section-testimonial-dark-card.html +363 -0
  128. package/dist/emails/section-text-h1-regular.html +254 -0
  129. package/dist/emails/section-text-h2-regular.html +254 -0
  130. package/dist/emails/section-text-h3-regular.html +254 -0
  131. package/dist/emails/section-text-h4-regular.html +254 -0
  132. package/dist/emails/section-text-h5-regular.html +254 -0
  133. package/dist/emails/section-text-mixed-heading.html +269 -0
  134. package/dist/emails/section-text-overline-heading.html +281 -0
  135. package/dist/emails/section-text-p1-bold.html +254 -0
  136. package/dist/emails/section-text-p1-regular.html +255 -0
  137. package/dist/emails/section-text-paragraph.html +358 -0
  138. package/dist/emails/section-text-quote-card.html +269 -0
  139. package/dist/emails/section-text-quote.html +313 -0
  140. package/dist/emails/section-text-small-headline.html +279 -0
  141. package/dist/emails/section-three-column-content-cards.html +499 -0
  142. package/dist/emails/section-three-column-icon-cards.html +510 -0
  143. package/dist/emails/section-three-column-image-grid.html +466 -0
  144. package/dist/emails/section-three-up-icon-benefits.html +464 -0
  145. package/dist/emails/section-two-column-feature-cards.html +708 -0
  146. package/dist/emails/section-two-column-grid.html +1131 -0
  147. package/dist/emails/section-two-column-img-text.html +331 -0
  148. package/dist/emails/section-two-column-live-tags.html +367 -0
  149. package/dist/emails/section-two-column-stacked.html +629 -0
  150. package/dist/emails/section-upsell-cta.html +597 -0
  151. package/dist/emails/section-value-bullet-list.html +313 -0
  152. package/dist/examples/manifest.d.ts +21 -0
  153. package/dist/examples/manifest.d.ts.map +1 -0
  154. package/dist/examples/manifest.js +84 -0
  155. package/dist/examples/manifest.js.map +1 -0
  156. package/dist/exports/contact-sales/Images/Contact_sales_Image_16f4175c-d08c-43f6-9d4c-a0606383271d.png +0 -0
  157. package/dist/exports/contact-sales/Images/Contact_sales_Image_659b3091-1da9-40c2-86b0-04250982e529.png +0 -0
  158. package/dist/exports/contact-sales/Images/Contact_sales_Image_79c651f4-5f0f-4a7f-8354-1f6f95ae86d9.png +0 -0
  159. package/dist/exports/contact-sales/index.braze.html +837 -0
  160. package/dist/exports/contact-sales/index.html +837 -0
  161. package/dist/exports/event-confirmation/Images/Confirmation_Image_11938de2-4161-4ae8-8969-90ea0d8b45cb.png +0 -0
  162. package/dist/exports/event-confirmation/Images/Confirmation_Image_3c52e81f-5d4f-452c-bad1-0471a27598f1.png +0 -0
  163. package/dist/exports/event-confirmation/Images/Confirmation_Image_3ec1fec8-bf46-4068-8835-633567a715f9.png +0 -0
  164. package/dist/exports/event-confirmation/Images/Confirmation_Image_c4980c01-c270-4384-a56c-0bae74814cf9.png +0 -0
  165. package/dist/exports/event-confirmation/Images/Confirmation_Image_cde93e8c-0f96-434d-acaf-1b86503c66f0.png +0 -0
  166. package/dist/exports/event-confirmation/index.braze.html +1055 -0
  167. package/dist/exports/event-confirmation/index.html +1055 -0
  168. package/dist/exports/legal-update/Images/v2_Image_07bbcc13-0ab8-46e4-ab94-98f215f85f69.png +0 -0
  169. package/dist/exports/legal-update/Images/v2_Image_34394d50-acdf-4375-b254-eef1f84aaacb.png +0 -0
  170. package/dist/exports/legal-update/Images/v2_Image_4a25f2bd-6270-439b-86c5-4a968a1b104f.png +0 -0
  171. package/dist/exports/legal-update/Images/v2_Image_7e8e814f-3112-4d8c-af5b-4f4616d84d9c.png +0 -0
  172. package/dist/exports/legal-update/Images/v2_Image_b24a04c8-4af0-42a1-be0f-cd3f66595e47.png +0 -0
  173. package/dist/exports/legal-update/Images/v2_Image_b709b9fb-836e-4c20-82e5-a9cb9d702392.png +0 -0
  174. package/dist/exports/legal-update/Images/v2_Image_ed7b924b-35e6-4536-be0c-92ddc8a34fc2.png +0 -0
  175. package/dist/exports/legal-update/index.braze.html +1731 -0
  176. package/dist/exports/legal-update/index.html +1731 -0
  177. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_09be22f6-1f30-4c58-bf33-1df0494b8fc2.png +0 -0
  178. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_2dfb595e-6fe2-4e6e-a73a-942a085b38ab.png +0 -0
  179. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_544c971b-b4b5-4c89-a25a-8f0d92644009.png +0 -0
  180. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_5b6a9576-1c33-40c5-81e3-637514fb6c78.png +0 -0
  181. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_680c6193-793a-4a24-8288-4bb4046f4f5e.png +0 -0
  182. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_75818ba9-026a-45d7-91e4-f992d4ee7690.png +0 -0
  183. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_785f18e6-816d-44d1-8efb-ecc82510b540.png +0 -0
  184. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_8bf9141d-9d63-4601-9e81-5c9d726e17f8.png +0 -0
  185. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_9097d6e0-65d0-4237-9661-963751812786.png +0 -0
  186. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_a4ef2f53-2eaf-438a-bfef-61455ac0915e.png +0 -0
  187. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_b7748f87-a7b7-4a91-981a-16567683e4b4.png +0 -0
  188. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_bc9830a4-2911-4768-808a-32cbbc39215e.png +0 -0
  189. package/dist/exports/newsletter/Images/Status_update_-_July_26_Image_ef0e8e92-9075-43a9-991f-09a77ef6d6d4.png +0 -0
  190. package/dist/exports/newsletter/index.braze.html +125 -0
  191. package/dist/exports/newsletter/index.html +125 -0
  192. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-blocks.png +0 -0
  193. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-hero-mcp.png +0 -0
  194. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-magic.png +0 -0
  195. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-mcp.png +0 -0
  196. package/dist/exports/newsletter-ai-june-july/Images/newsletter-ai-portfolio.png +0 -0
  197. package/dist/exports/newsletter-ai-june-july/index.braze.html +1640 -0
  198. package/dist/exports/newsletter-ai-june-july/index.html +1640 -0
  199. package/dist/exports/survey/Images/EmailLove_Image_3b6f4a6f-7f5f-418b-be71-9371b25c20ce.png +0 -0
  200. package/dist/exports/survey/Images/EmailLove_Image_f659c728-2401-485d-8d90-98c962d28c0c.png +0 -0
  201. package/dist/exports/survey/index.braze.html +515 -0
  202. package/dist/exports/survey/index.html +515 -0
  203. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_115ccc58-a47f-4eca-a1f2-c0d86e1e1cf4.png +0 -0
  204. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_aec4d0d3-6057-4b8a-8d8f-46fbd024f182.png +0 -0
  205. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Before_d139966a-6051-4383-bf8f-1e5138e1b030.png +0 -0
  206. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_080fa361-a3f2-4593-9ac0-03cf3a7972ff.png +0 -0
  207. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_5ebade34-8f1d-4c2c-9d27-5f9e843ce502.png +0 -0
  208. package/dist/exports/trial-01-welcome/Images/tp1_-_welcome_Image_aa5e4144-9ec8-4525-b01e-077d72f0bab6.png +0 -0
  209. package/dist/exports/trial-01-welcome/index.braze.html +941 -0
  210. package/dist/exports/trial-01-welcome/index.html +941 -0
  211. package/dist/exports/trial-02/Images/tp2_Image_5b0d9bc4-2e38-4252-8f20-d9f27d471c21.png +0 -0
  212. package/dist/exports/trial-02/Images/tp2_Image_b3f77c7c-cc8e-4db8-a5d9-072f4f621e72.png +0 -0
  213. package/dist/exports/trial-02/Images/tp2_Image_cafd1a17-1915-47cd-80f2-1c2d0b133cfe.png +0 -0
  214. package/dist/exports/trial-02/index.braze.html +923 -0
  215. package/dist/exports/trial-02/index.html +923 -0
  216. package/dist/exports/trial-03/Images/tp3_Image_1b96630c-fc4d-4aec-91fb-3c1d4d8544b3.png +0 -0
  217. package/dist/exports/trial-03/Images/tp3_Image_58f3a342-2193-4b5c-b30a-96f7f3338dd8.png +0 -0
  218. package/dist/exports/trial-03/Images/tp3_Image_6c4f307a-bac2-40e7-b4f1-9aa623c9eb8e.png +0 -0
  219. package/dist/exports/trial-03/Images/tp3_Image_848917ce-3f89-4538-a826-558b21f5fea7.png +0 -0
  220. package/dist/exports/trial-03/Images/tp3_Image_aae8410f-556f-4fb9-88f9-f276d75bafd2.png +0 -0
  221. package/dist/exports/trial-03/Images/tp3_Image_b4d5be39-509e-4f22-9601-dd070e4c6561.png +0 -0
  222. package/dist/exports/trial-03/index.braze.html +1129 -0
  223. package/dist/exports/trial-03/index.html +1129 -0
  224. package/dist/exports/trial-04/Images/tp4_Image_03bd5a56-25e3-4dcc-bef5-143bf12312d5.png +0 -0
  225. package/dist/exports/trial-04/Images/tp4_Image_0facbfca-b735-4199-a0d9-05a59341a1e3.gif +0 -0
  226. package/dist/exports/trial-04/Images/tp4_Image_171cee5f-cd3d-42f0-a180-995893d3742a.png +0 -0
  227. package/dist/exports/trial-04/Images/tp4_Image_3509d89d-1825-4817-8c1e-130fa294d0e1.png +0 -0
  228. package/dist/exports/trial-04/Images/tp4_Image_763a0f40-2985-4140-859b-ddd34f20a520.png +0 -0
  229. package/dist/exports/trial-04/Images/tp4_Image_cc2db4f5-b41d-45d7-a798-7a79e7b8d4d8.png +0 -0
  230. package/dist/exports/trial-04/index.braze.html +885 -0
  231. package/dist/exports/trial-04/index.html +885 -0
  232. package/dist/exports/trial-05/Images/tp5_Image_0248a517-5c60-4e84-ad1c-449dcf4f6a64.png +0 -0
  233. package/dist/exports/trial-05/Images/tp5_Image_4c1a2d5a-47d3-4801-bb3a-01c22decc108.png +0 -0
  234. package/dist/exports/trial-05/Images/tp5_Image_63ae77e7-cec7-4b4a-91e0-603b5a80929f.png +0 -0
  235. package/dist/exports/trial-05/Images/tp5_Image_7aa43530-6707-4308-ab0e-e4c38fc1b77d.png +0 -0
  236. package/dist/exports/trial-05/Images/tp5_Image_7efe5b6d-b360-4179-bee1-72908ba569bc.png +0 -0
  237. package/dist/exports/trial-05/Images/tp5_Image_b142bd84-c40a-4a29-b9d5-715b52fdd937.png +0 -0
  238. package/dist/exports/trial-05/Images/tp5_Image_c0c896ea-5b68-4f58-9e27-cdb4a1f1b438.png +0 -0
  239. package/dist/exports/trial-05/index.braze.html +1023 -0
  240. package/dist/exports/trial-05/index.html +1023 -0
  241. package/dist/exports/trial-06/Images/tp6_Image_2267a268-8a80-4e0d-8813-d4c75dbab6f2.png +0 -0
  242. package/dist/exports/trial-06/Images/tp6_Image_637a97b7-837e-478d-8ed1-6e8c2739fdc7.png +0 -0
  243. package/dist/exports/trial-06/Images/tp6_Image_a78df270-ad6f-41e6-8822-ba8ec38313a3.png +0 -0
  244. package/dist/exports/trial-06/index.braze.html +773 -0
  245. package/dist/exports/trial-06/index.html +773 -0
  246. package/dist/exports/winback/Images/_managers_Image_4587ac22-460c-487a-bc37-9dbc487e95a4.png +0 -0
  247. package/dist/exports/winback/Images/_managers_Image_8a77ec2c-ed49-480d-a1a1-7a38abad232a.png +0 -0
  248. package/dist/exports/winback/Images/_managers_Image_bb643775-8a2f-4e28-9dfb-6d1838c3561f.png +0 -0
  249. package/dist/exports/winback/Images/_managers_Image_f7d1bca5-0fcb-4d4c-abcd-40ce2d453b07.png +0 -0
  250. package/dist/exports/winback/index.braze.html +605 -0
  251. package/dist/exports/winback/index.html +605 -0
  252. package/dist/generated/email-tokens.d.ts +101 -0
  253. package/dist/generated/email-tokens.d.ts.map +1 -0
  254. package/dist/generated/email-tokens.js +104 -0
  255. package/dist/generated/email-tokens.js.map +1 -0
  256. package/dist/index.d.ts +9 -0
  257. package/dist/index.d.ts.map +1 -0
  258. package/dist/index.js +8 -0
  259. package/dist/index.js.map +1 -0
  260. package/dist/tokens/build-email-assets.d.ts +19 -0
  261. package/dist/tokens/build-email-assets.d.ts.map +1 -0
  262. package/dist/tokens/build-email-assets.js +186 -0
  263. package/dist/tokens/build-email-assets.js.map +1 -0
  264. package/dist/tokens/build-email-tokens.d.ts +17 -0
  265. package/dist/tokens/build-email-tokens.d.ts.map +1 -0
  266. package/dist/tokens/build-email-tokens.js +229 -0
  267. package/dist/tokens/build-email-tokens.js.map +1 -0
  268. package/package.json +41 -3
package/dist/emails/component-images-card-280h.html ADDED
@@ -0,0 +1,281 @@
1
+ <!doctype html>
2
+ <html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3
+ <head>
4
+ <title>Images — Card 280h</title>
5
+ <!--[if !mso]><!-->
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <!--<![endif]-->
8
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <style type="text/css">
11
+ #outlook a { padding:0; }
12
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
13
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
14
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
15
+ p { display:block;margin:13px 0; }
16
+ </style>
17
+ <!--[if mso]>
18
+ <noscript>
19
+ <xml>
20
+ <o:OfficeDocumentSettings>
21
+ <o:AllowPNG/>
22
+ <o:PixelsPerInch>96</o:PixelsPerInch>
23
+ </o:OfficeDocumentSettings>
24
+ </xml>
25
+ </noscript>
26
+ <![endif]-->
27
+ <!--[if lte mso 11]>
28
+ <style type="text/css">
29
+ .mj-outlook-group-fix { width:100% !important; }
30
+ </style>
31
+ <![endif]-->
32
+
33
+
34
+ <style type="text/css">
35
+ @media only screen and (min-width:480px) {
36
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
37
+ }
38
+ </style>
39
+ <style media="screen and (min-width:480px)">
40
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
41
+ </style>
42
+
43
+
44
+
45
+
46
+ <style type="text/css">
47
+
48
+ @media only screen and (max-width:479px) {
49
+ table.mj-full-width-mobile { width: 100% !important; }
50
+ td.mj-full-width-mobile { width: auto !important; }
51
+ }
52
+
53
+ </style>
54
+
55
+ <style type="text/css">
56
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
57
+ img { display: block; }
58
+ .ExternalClass { width: 100%; }
59
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
60
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
61
+ .dl { display: none; }
62
+
63
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
64
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
65
+ css-class on the mj-text <td>; targets the inner <div> where MJML places font-size. Desktop
66
+ size is the inline fallback if <style> is dropped. Per production emails, only the primary/
67
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
68
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
69
+ @media only screen and (max-width: 479px) {
70
+ .clay-h1 > div { font-size: 48px !important; }
71
+ .clay-h2 > div { font-size: 40px !important; }
72
+ .clay-h3 > div { font-size: 32px !important; }
73
+ .clay-h4 > div { font-size: 24px !important; }
74
+
75
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
76
+ the 40px horizontal padding to the source breakpoint value when columns stack (< 480px).
77
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
78
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
79
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
80
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
81
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
82
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
83
+
84
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
85
+ center-aligned on mobile (< 480px). Matches the source emaillove .s0>div{text-align:center}.
86
+ Targets the inner <div> MJML wraps text content in. */
87
+ .email-mobile-center > div { text-align: center !important; }
88
+
89
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
90
+ text-align on the td does not reposition its block-level child table (CSS text-align
91
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
92
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
93
+ .email-mobile-center-img { text-align: center !important; }
94
+ .email-mobile-center-img > table { margin: 0 auto !important; }
95
+
96
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
97
+ Makes the button's inner <table> fill the column width and centers it.
98
+ Matches emaillove .mj-b-full pattern. */
99
+ .email-btn-full > table { width: 100% !important; }
100
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
101
+ }
102
+
103
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
104
+ Overrides MJML's default text-align:center on the inner td and anchor so
105
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
106
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
107
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
108
+
109
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
110
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
111
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
112
+ image unrotated — safe graceful degradation, never a broken layout. */
113
+ .email-tilt-1 { transform: rotate(-6deg); }
114
+ .email-tilt-2 { transform: rotate(4deg); }
115
+ .email-tilt-3 { transform: rotate(-4deg); }
116
+ .email-tilt-4 { transform: rotate(6deg); }
117
+
118
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
119
+ @media (prefers-color-scheme: dark) {
120
+ body, .email-page { background-color: #000000 !important; }
121
+ /*
122
+ * email-card: flip a section or column's background to dark.
123
+ *
124
+ * Three selectors cover every compiled MJML structure:
125
+ * 1. .email-card — the outer <div> (mj-section or mj-column)
126
+ * 2. .email-card > table — the direct child <table> (mj-section has inline bg here)
127
+ * 3. .email-card > table > tbody > tr > td
128
+ * — the content <td> inside mj-column (carries inline bg-color
129
+ * + border-radius when background-color is set on mj-column)
130
+ *
131
+ * Apply css-class="email-card" to any mj-section or mj-column that should
132
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
133
+ */
134
+ .email-card,
135
+ .email-card > table,
136
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
137
+ .email-text, .email-text * { color: #ffffff !important; }
138
+ .ll { display: none !important; }
139
+ .dl { display: block !important; }
140
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
141
+ mj-button to white background + black text in dark mode. Matches emaillove global
142
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
143
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
144
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
145
+ }
146
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
147
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
148
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
149
+ [data-ogsb] .email-card,
150
+ [data-ogsb] .email-card > table,
151
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
152
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
153
+ </style>
154
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
155
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
156
+ <meta name="x-apple-disable-message-reformatting" />
157
+ <meta name="color-scheme" content="light dark" />
158
+ <meta name="supported-color-schemes" content="light dark" />
159
+ </head>
160
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
161
+
162
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — Images card 280h</div>
163
+
164
+
165
+ <div
166
+ aria-label="Images — Card 280h" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
167
+ >
168
+
169
+
170
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-card-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
171
+
172
+
173
+ <div class="email-card" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
174
+
175
+ <table
176
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
177
+ >
178
+ <tbody>
179
+ <tr>
180
+ <td
181
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
182
+ >
183
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
184
+
185
+ <!-- images-card-280h — content image in a rounded card container, 560px wide. 280px tall (1120×560 @2x).
186
+ Source: emaillove "Images" export / Figma Clay-LCM (node 1:681) — "Image/With padding | 280h".
187
+ Outer section: 16px V / 40px H padding. Image has 16px border-radius.
188
+ Content width = 640 − 80px H-padding = 560px.
189
+ Mobile: H-padding reduces 40px → 24px via email-mobile-px-24.
190
+ Image scales fluidly via fluid-on-mobile="true". -->
191
+ <!--[if mso | IE]><tr><td class="email-mobile-px-24-outlook" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-mobile-px-24-outlook" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
192
+
193
+
194
+ <div class="email-mobile-px-24" style="margin:0px auto;max-width:640px;">
195
+
196
+ <table
197
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
198
+ >
199
+ <tbody>
200
+ <tr>
201
+ <td
202
+ style="direction:ltr;font-size:0px;padding:16px 40px;text-align:center;"
203
+ >
204
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
205
+
206
+ <div
207
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
208
+ >
209
+
210
+ <table
211
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
212
+ >
213
+ <tbody>
214
+ <tr>
215
+ <td style="vertical-align:top;padding:0;">
216
+
217
+ <table
218
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
219
+ >
220
+ <tbody>
221
+
222
+ <tr>
223
+ <td
224
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
225
+ >
226
+
227
+ <table
228
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
229
+ >
230
+ <tbody>
231
+ <tr>
232
+ <td style="width:560px;" class="mj-full-width-mobile">
233
+
234
+ <img
235
+ alt="" src="data:image/png;base64,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" style="border:0;border-radius:16px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560" height="auto"
236
+ />
237
+
238
+ </td>
239
+ </tr>
240
+ </tbody>
241
+ </table>
242
+
243
+ </td>
244
+ </tr>
245
+
246
+ </tbody>
247
+ </table>
248
+
249
+ </td>
250
+ </tr>
251
+ </tbody>
252
+ </table>
253
+
254
+ </div>
255
+
256
+ <!--[if mso | IE]></td></tr></table><![endif]-->
257
+ </td>
258
+ </tr>
259
+ </tbody>
260
+ </table>
261
+
262
+ </div>
263
+
264
+
265
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
266
+ </td>
267
+ </tr>
268
+ </tbody>
269
+ </table>
270
+
271
+ </div>
272
+
273
+
274
+ <!--[if mso | IE]></td></tr></table><![endif]-->
275
+
276
+
277
+ </div>
278
+
279
+ </body>
280
+ </html>
281
+
package/dist/emails/component-images-card-320h.html ADDED
@@ -0,0 +1,281 @@
1
+ <!doctype html>
2
+ <html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3
+ <head>
4
+ <title>Images — Card 320h</title>
5
+ <!--[if !mso]><!-->
6
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
+ <!--<![endif]-->
8
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
10
+ <style type="text/css">
11
+ #outlook a { padding:0; }
12
+ body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
13
+ table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
14
+ img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
15
+ p { display:block;margin:13px 0; }
16
+ </style>
17
+ <!--[if mso]>
18
+ <noscript>
19
+ <xml>
20
+ <o:OfficeDocumentSettings>
21
+ <o:AllowPNG/>
22
+ <o:PixelsPerInch>96</o:PixelsPerInch>
23
+ </o:OfficeDocumentSettings>
24
+ </xml>
25
+ </noscript>
26
+ <![endif]-->
27
+ <!--[if lte mso 11]>
28
+ <style type="text/css">
29
+ .mj-outlook-group-fix { width:100% !important; }
30
+ </style>
31
+ <![endif]-->
32
+
33
+
34
+ <style type="text/css">
35
+ @media only screen and (min-width:480px) {
36
+ .mj-column-per-100 { width:100% !important; max-width: 100%; }
37
+ }
38
+ </style>
39
+ <style media="screen and (min-width:480px)">
40
+ .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
41
+ </style>
42
+
43
+
44
+
45
+
46
+ <style type="text/css">
47
+
48
+ @media only screen and (max-width:479px) {
49
+ table.mj-full-width-mobile { width: 100% !important; }
50
+ td.mj-full-width-mobile { width: auto !important; }
51
+ }
52
+
53
+ </style>
54
+
55
+ <style type="text/css">
56
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
57
+ img { display: block; }
58
+ .ExternalClass { width: 100%; }
59
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
60
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
61
+ .dl { display: none; }
62
+
63
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
64
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
65
+ css-class on the mj-text <td>; targets the inner <div> where MJML places font-size. Desktop
66
+ size is the inline fallback if <style> is dropped. Per production emails, only the primary/
67
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
68
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
69
+ @media only screen and (max-width: 479px) {
70
+ .clay-h1 > div { font-size: 48px !important; }
71
+ .clay-h2 > div { font-size: 40px !important; }
72
+ .clay-h3 > div { font-size: 32px !important; }
73
+ .clay-h4 > div { font-size: 24px !important; }
74
+
75
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
76
+ the 40px horizontal padding to the source breakpoint value when columns stack (< 480px).
77
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
78
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
79
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
80
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
81
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
82
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
83
+
84
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
85
+ center-aligned on mobile (< 480px). Matches the source emaillove .s0>div{text-align:center}.
86
+ Targets the inner <div> MJML wraps text content in. */
87
+ .email-mobile-center > div { text-align: center !important; }
88
+
89
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
90
+ text-align on the td does not reposition its block-level child table (CSS text-align
91
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
92
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
93
+ .email-mobile-center-img { text-align: center !important; }
94
+ .email-mobile-center-img > table { margin: 0 auto !important; }
95
+
96
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
97
+ Makes the button's inner <table> fill the column width and centers it.
98
+ Matches emaillove .mj-b-full pattern. */
99
+ .email-btn-full > table { width: 100% !important; }
100
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
101
+ }
102
+
103
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
104
+ Overrides MJML's default text-align:center on the inner td and anchor so
105
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
106
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
107
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
108
+
109
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
110
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
111
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
112
+ image unrotated — safe graceful degradation, never a broken layout. */
113
+ .email-tilt-1 { transform: rotate(-6deg); }
114
+ .email-tilt-2 { transform: rotate(4deg); }
115
+ .email-tilt-3 { transform: rotate(-4deg); }
116
+ .email-tilt-4 { transform: rotate(6deg); }
117
+
118
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
119
+ @media (prefers-color-scheme: dark) {
120
+ body, .email-page { background-color: #000000 !important; }
121
+ /*
122
+ * email-card: flip a section or column's background to dark.
123
+ *
124
+ * Three selectors cover every compiled MJML structure:
125
+ * 1. .email-card — the outer <div> (mj-section or mj-column)
126
+ * 2. .email-card > table — the direct child <table> (mj-section has inline bg here)
127
+ * 3. .email-card > table > tbody > tr > td
128
+ * — the content <td> inside mj-column (carries inline bg-color
129
+ * + border-radius when background-color is set on mj-column)
130
+ *
131
+ * Apply css-class="email-card" to any mj-section or mj-column that should
132
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
133
+ */
134
+ .email-card,
135
+ .email-card > table,
136
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
137
+ .email-text, .email-text * { color: #ffffff !important; }
138
+ .ll { display: none !important; }
139
+ .dl { display: block !important; }
140
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
141
+ mj-button to white background + black text in dark mode. Matches emaillove global
142
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
143
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
144
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
145
+ }
146
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
147
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
148
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
149
+ [data-ogsb] .email-card,
150
+ [data-ogsb] .email-card > table,
151
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
152
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
153
+ </style>
154
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
155
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
156
+ <meta name="x-apple-disable-message-reformatting" />
157
+ <meta name="color-scheme" content="light dark" />
158
+ <meta name="supported-color-schemes" content="light dark" />
159
+ </head>
160
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
161
+
162
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — Images card 320h</div>
163
+
164
+
165
+ <div
166
+ aria-label="Images — Card 320h" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
167
+ >
168
+
169
+
170
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-card-outlook" role="presentation" style="width:640px;" width="640" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
171
+
172
+
173
+ <div class="email-card" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
174
+
175
+ <table
176
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
177
+ >
178
+ <tbody>
179
+ <tr>
180
+ <td
181
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
182
+ >
183
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
184
+
185
+ <!-- images-card-320h — content image in a rounded card container, 560px wide. 320px tall (1120×640 @2x).
186
+ Source: emaillove "Images" export / Figma Clay-LCM (node 1:681) — "Image/With padding | 320h".
187
+ Outer section: 16px V / 40px H padding. Image has 16px border-radius.
188
+ Content width = 640 − 80px H-padding = 560px.
189
+ Mobile: H-padding reduces 40px → 24px via email-mobile-px-24.
190
+ Image scales fluidly via fluid-on-mobile="true". -->
191
+ <!--[if mso | IE]><tr><td class="email-mobile-px-24-outlook" width="640px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="email-mobile-px-24-outlook" role="presentation" style="width:640px;" width="640" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
192
+
193
+
194
+ <div class="email-mobile-px-24" style="margin:0px auto;max-width:640px;">
195
+
196
+ <table
197
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
198
+ >
199
+ <tbody>
200
+ <tr>
201
+ <td
202
+ style="direction:ltr;font-size:0px;padding:16px 40px;text-align:center;"
203
+ >
204
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
205
+
206
+ <div
207
+ class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
208
+ >
209
+
210
+ <table
211
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
212
+ >
213
+ <tbody>
214
+ <tr>
215
+ <td style="vertical-align:top;padding:0;">
216
+
217
+ <table
218
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
219
+ >
220
+ <tbody>
221
+
222
+ <tr>
223
+ <td
224
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
225
+ >
226
+
227
+ <table
228
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;" class="mj-full-width-mobile"
229
+ >
230
+ <tbody>
231
+ <tr>
232
+ <td style="width:560px;" class="mj-full-width-mobile">
233
+
234
+ <img
235
+ alt="" src="data:image/png;base64,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" style="border:0;border-radius:16px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560" height="auto"
236
+ />
237
+
238
+ </td>
239
+ </tr>
240
+ </tbody>
241
+ </table>
242
+
243
+ </td>
244
+ </tr>
245
+
246
+ </tbody>
247
+ </table>
248
+
249
+ </td>
250
+ </tr>
251
+ </tbody>
252
+ </table>
253
+
254
+ </div>
255
+
256
+ <!--[if mso | IE]></td></tr></table><![endif]-->
257
+ </td>
258
+ </tr>
259
+ </tbody>
260
+ </table>
261
+
262
+ </div>
263
+
264
+
265
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
266
+ </td>
267
+ </tr>
268
+ </tbody>
269
+ </table>
270
+
271
+ </div>
272
+
273
+
274
+ <!--[if mso | IE]></td></tr></table><![endif]-->
275
+
276
+
277
+ </div>
278
+
279
+ </body>
280
+ </html>
281
+