@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/section-three-column-icon-cards.html ADDED
@@ -0,0 +1,510 @@
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>Three Column — Icon Cards</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
+ <!--[if !mso]><!-->
34
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet" type="text/css">
35
+ <style type="text/css">
36
+ @import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);
37
+ </style>
38
+ <!--<![endif]-->
39
+
40
+
41
+
42
+ <style type="text/css">
43
+ @media only screen and (min-width:480px) {
44
+ .mj-column-per-32-32142857142858 { width:32.32142857142858% !important; max-width: 32.32142857142858%; }
45
+ .mj-column-per-1-4285714285714286 { width:1.4285714285714286% !important; max-width: 1.4285714285714286%; }
46
+ }
47
+ </style>
48
+ <style media="screen and (min-width:480px)">
49
+ .moz-text-html .mj-column-per-32-32142857142858 { width:32.32142857142858% !important; max-width: 32.32142857142858%; }
50
+ .moz-text-html .mj-column-per-1-4285714285714286 { width:1.4285714285714286% !important; max-width: 1.4285714285714286%; }
51
+ </style>
52
+
53
+
54
+
55
+
56
+ <style type="text/css">
57
+
58
+ @media only screen and (max-width:479px) {
59
+ table.mj-full-width-mobile { width: 100% !important; }
60
+ td.mj-full-width-mobile { width: auto !important; }
61
+ }
62
+
63
+ </style>
64
+
65
+ <style type="text/css">
66
+ /* Client resets emaillove ships that MJML omits (Outlook.com line-height, image gaps). */
67
+ img { display: block; }
68
+ .ExternalClass { width: 100%; }
69
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
70
+ /* Dark-only images hidden in light mode; swapped in the dark block below. */
71
+ .dl { display: none; }
72
+
73
+ /* Mobile heading step-down — one-notch scale at the DS phone-only breakpoint
74
+ @media(max-width:479px) (h1 56→48, h2 48→40, h3 40→32, h4 32→24). Keyed off the clay-h*
75
+ css-class on the mj-text <td>; targets the inner <div> where MJML places font-size. Desktop
76
+ size is the inline fallback if <style> is dropped. Per production emails, only the primary/
77
+ hero heading opts in — add css-class="clay-hN" (alongside mj-class) to the hero heading's
78
+ mj-text; secondary content headings keep mj-class alone and stay at desktop size. */
79
+ @media only screen and (max-width: 479px) {
80
+ .clay-h1 > div { font-size: 48px !important; }
81
+ .clay-h2 > div { font-size: 40px !important; }
82
+ .clay-h3 > div { font-size: 32px !important; }
83
+ .clay-h4 > div { font-size: 24px !important; }
84
+
85
+ /* Mobile H-padding utilities — apply as css-class on mj-wrapper or mj-section to reduce
86
+ the 40px horizontal padding to the source breakpoint value when columns stack (< 480px).
87
+ Source: emaillove export mobile CSS (.b98-68 → 24px, .d9b-0c → 16px, .fb5-e8 → 24px).
88
+ Targets the outer td MJML generates with inline padding-left/padding-right. */
89
+ .email-mobile-px-24 > table > tbody > tr > td { padding-right: 24px !important; padding-left: 24px !important; }
90
+ .email-mobile-px-16 > table > tbody > tr > td { padding-right: 16px !important; padding-left: 16px !important; }
91
+ .email-mobile-px-0 > table > tbody > tr > td { padding-right: 0 !important; padding-left: 0 !important; }
92
+ .email-mobile-pt-0 > table > tbody > tr > td { padding-top: 0 !important; }
93
+
94
+ /* Mobile text centering — apply as css-class on mj-text elements whose content should be
95
+ center-aligned on mobile (< 480px). Matches the source emaillove .s0>div{text-align:center}.
96
+ Targets the inner <div> MJML wraps text content in. */
97
+ .email-mobile-center > div { text-align: center !important; }
98
+
99
+ /* Mobile image centering — apply css-class="email-mobile-center-img" on mj-image.
100
+ text-align on the td does not reposition its block-level child table (CSS text-align
101
+ only affects inline content), so the nested image-wrapper table also needs margin:auto
102
+ to actually override the mj-image align="left"/"right" attribute on mobile. */
103
+ .email-mobile-center-img { text-align: center !important; }
104
+ .email-mobile-center-img > table { margin: 0 auto !important; }
105
+
106
+ /* Full-width button on mobile — apply css-class="email-btn-full" to mj-button.
107
+ Makes the button's inner <table> fill the column width and centers it.
108
+ Matches emaillove .mj-b-full pattern. */
109
+ .email-btn-full > table { width: 100% !important; }
110
+ .email-btn-full > table > tbody > tr > td { text-align: center !important; }
111
+ }
112
+
113
+ /* Left-aligned button content — apply css-class="email-btn-left" to mj-button.
114
+ Overrides MJML's default text-align:center on the inner td and anchor so
115
+ icon+text rows (e.g. buttons-icons) are left-aligned like the emaillove source. */
116
+ .email-btn-left > table > tbody > tr > td { text-align: left !important; }
117
+ .email-btn-left > table > tbody > tr > td > a { text-align: left !important; }
118
+
119
+ /* Decorative image tilt — apply css-class="email-tilt-1".."email-tilt-4" to mj-image for a
120
+ fanned photo-stack look (e.g. an avatar composite row). Webkit/Blink clients rotate the
121
+ image; Outlook and other non-supporting clients silently ignore the transform and show the
122
+ image unrotated — safe graceful degradation, never a broken layout. */
123
+ .email-tilt-1 { transform: rotate(-6deg); }
124
+ .email-tilt-2 { transform: rotate(4deg); }
125
+ .email-tilt-3 { transform: rotate(-4deg); }
126
+ .email-tilt-4 { transform: rotate(6deg); }
127
+
128
+ :root { color-scheme: light dark; supported-color-schemes: light dark; }
129
+ @media (prefers-color-scheme: dark) {
130
+ body, .email-page { background-color: #000000 !important; }
131
+ /*
132
+ * email-card: flip a section or column's background to dark.
133
+ *
134
+ * Three selectors cover every compiled MJML structure:
135
+ * 1. .email-card — the outer <div> (mj-section or mj-column)
136
+ * 2. .email-card > table — the direct child <table> (mj-section has inline bg here)
137
+ * 3. .email-card > table > tbody > tr > td
138
+ * — the content <td> inside mj-column (carries inline bg-color
139
+ * + border-radius when background-color is set on mj-column)
140
+ *
141
+ * Apply css-class="email-card" to any mj-section or mj-column that should
142
+ * become dark. Works for grey inner cards (#f3f4f5), coloured panels, etc.
143
+ */
144
+ .email-card,
145
+ .email-card > table,
146
+ .email-card > table > tbody > tr > td { background-color: #252526 !important; }
147
+ .email-text, .email-text * { color: #ffffff !important; }
148
+ .ll { display: none !important; }
149
+ .dl { display: block !important; }
150
+ /* Black CTA button invert — apply css-class="email-btn-invert-dark" to invert a black
151
+ mj-button to white background + black text in dark mode. Matches emaillove global
152
+ .mj-b>td { background-color:#ffffff } pattern for black CTA buttons. */
153
+ .email-btn-invert-dark > table > tbody > tr > td { background-color: #ffffff !important; }
154
+ .email-btn-invert-dark > table > tbody > tr > td > a { background-color: #ffffff !important; color: #000000 !important; }
155
+ }
156
+ /* Outlook.com + Gmail-app dark mode — these clients ignore prefers-color-scheme and instead
157
+ prefix overridden nodes with data-ogsc (foreground) / data-ogsb (background). */
158
+ [data-ogsb] body, [data-ogsb] .email-page { background-color: #000000 !important; }
159
+ [data-ogsb] .email-card,
160
+ [data-ogsb] .email-card > table,
161
+ [data-ogsb] .email-card > table > tbody > tr > td { background-color: #252526 !important; }
162
+ [data-ogsc] .email-text, [data-ogsc] .email-text * { color: #ffffff !important; }
163
+ </style>
164
+ <!-- GENERATED by src/tokens/build-email-tokens.ts — do not edit. Run `pnpm --filter @clay-design-system/email tokens:check`. -->
165
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
166
+ <meta name="x-apple-disable-message-reformatting" />
167
+ <meta name="color-scheme" content="light dark" />
168
+ <meta name="supported-color-schemes" content="light dark" />
169
+ </head>
170
+ <body style="word-spacing:normal;background-color:#f3f4f5;">
171
+
172
+ <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Section preview — Three Column Icon Cards</div>
173
+
174
+
175
+ <div
176
+ aria-label="Three Column — Icon Cards" aria-roledescription="email" style="background-color:#f3f4f5;" role="article" lang="und" dir="auto"
177
+ >
178
+
179
+
180
+ <!--[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]-->
181
+
182
+
183
+ <div class="email-card" style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:640px;">
184
+
185
+ <table
186
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;"
187
+ >
188
+ <tbody>
189
+ <tr>
190
+ <td
191
+ style="direction:ltr;font-size:0px;padding:0;text-align:center;"
192
+ >
193
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><![endif]-->
194
+
195
+ <!-- three-column-icon-cards — 3 grey rounded cards, each with a centred icon image + caption.
196
+ Source: emaillove "Three colomn" export / Figma Clay-LCM (node 1-687).
197
+ Content base = 640 − 80px outer padding = 560px.
198
+ Card 181px (32.321%) + gap 8px (1.429%) + card 181px + gap 8px + card 181px = 560px.
199
+ email-mobile-px-24 reduces H-padding 40px → 24px below 480px (matches source .cbc-0f). -->
200
+ <!--[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]-->
201
+
202
+
203
+ <div class="email-mobile-px-24" style="margin:0px auto;max-width:640px;">
204
+
205
+ <table
206
+ align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"
207
+ >
208
+ <tbody>
209
+ <tr>
210
+ <td
211
+ style="direction:ltr;font-size:0px;padding:24px 40px 24px;text-align:center;"
212
+ >
213
+ <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="email-card-outlook" style="vertical-align:top;width:181.00000000000003px;" ><![endif]-->
214
+
215
+ <div
216
+ class="mj-column-per-32-32142857142858 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
217
+ >
218
+
219
+ <table
220
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
221
+ >
222
+ <tbody>
223
+ <tr>
224
+ <td style="background-color:#e6e7ea;border-radius:8px;vertical-align:top;border-collapse:separate;padding:16px 0;">
225
+
226
+ <table
227
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
228
+ >
229
+ <tbody>
230
+
231
+ <tr>
232
+ <td
233
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
234
+ >
235
+
236
+ <table
237
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
238
+ >
239
+ <tbody>
240
+ <tr>
241
+ <td style="width:80px;">
242
+
243
+ <img
244
+ alt="" src="data:image/png;base64,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" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:80px;width:100%;font-size:13px;" width="80" height="80"
245
+ />
246
+
247
+ </td>
248
+ </tr>
249
+ </tbody>
250
+ </table>
251
+
252
+ </td>
253
+ </tr>
254
+
255
+ <tr>
256
+ <td
257
+ align="center" class="email-text" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
258
+ >
259
+
260
+ <div
261
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:center;color:#000000;"
262
+ >Lorem ipsum</div>
263
+
264
+ </td>
265
+ </tr>
266
+
267
+ </tbody>
268
+ </table>
269
+
270
+ </td>
271
+ </tr>
272
+ </tbody>
273
+ </table>
274
+
275
+ </div>
276
+
277
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:8px;" ><![endif]-->
278
+
279
+ <div
280
+ class="mj-column-per-1-4285714285714286 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
281
+ >
282
+
283
+ <table
284
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
285
+ >
286
+ <tbody>
287
+ <tr>
288
+ <td style="vertical-align:top;padding:0;">
289
+
290
+ <table
291
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
292
+ >
293
+ <tbody>
294
+
295
+ <tr>
296
+ <td
297
+ style="font-size:0px;word-break:break-word;"
298
+ >
299
+
300
+ <div
301
+ style="height:8px;line-height:8px;"
302
+ >&#8202;</div>
303
+
304
+ </td>
305
+ </tr>
306
+
307
+ </tbody>
308
+ </table>
309
+
310
+ </td>
311
+ </tr>
312
+ </tbody>
313
+ </table>
314
+
315
+ </div>
316
+
317
+ <!--[if mso | IE]></td><td class="email-card-outlook" style="vertical-align:top;width:181.00000000000003px;" ><![endif]-->
318
+
319
+ <div
320
+ class="mj-column-per-32-32142857142858 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
321
+ >
322
+
323
+ <table
324
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
325
+ >
326
+ <tbody>
327
+ <tr>
328
+ <td style="background-color:#e6e7ea;border-radius:8px;vertical-align:top;border-collapse:separate;padding:16px 0;">
329
+
330
+ <table
331
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
332
+ >
333
+ <tbody>
334
+
335
+ <tr>
336
+ <td
337
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
338
+ >
339
+
340
+ <table
341
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
342
+ >
343
+ <tbody>
344
+ <tr>
345
+ <td style="width:80px;">
346
+
347
+ <img
348
+ alt="" src="data:image/png;base64,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" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:80px;width:100%;font-size:13px;" width="80" height="80"
349
+ />
350
+
351
+ </td>
352
+ </tr>
353
+ </tbody>
354
+ </table>
355
+
356
+ </td>
357
+ </tr>
358
+
359
+ <tr>
360
+ <td
361
+ align="center" class="email-text" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
362
+ >
363
+
364
+ <div
365
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:center;color:#000000;"
366
+ >Lorem ipsum</div>
367
+
368
+ </td>
369
+ </tr>
370
+
371
+ </tbody>
372
+ </table>
373
+
374
+ </td>
375
+ </tr>
376
+ </tbody>
377
+ </table>
378
+
379
+ </div>
380
+
381
+ <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:8px;" ><![endif]-->
382
+
383
+ <div
384
+ class="mj-column-per-1-4285714285714286 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
385
+ >
386
+
387
+ <table
388
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"
389
+ >
390
+ <tbody>
391
+ <tr>
392
+ <td style="vertical-align:top;padding:0;">
393
+
394
+ <table
395
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
396
+ >
397
+ <tbody>
398
+
399
+ <tr>
400
+ <td
401
+ style="font-size:0px;word-break:break-word;"
402
+ >
403
+
404
+ <div
405
+ style="height:8px;line-height:8px;"
406
+ >&#8202;</div>
407
+
408
+ </td>
409
+ </tr>
410
+
411
+ </tbody>
412
+ </table>
413
+
414
+ </td>
415
+ </tr>
416
+ </tbody>
417
+ </table>
418
+
419
+ </div>
420
+
421
+ <!--[if mso | IE]></td><td class="email-card-outlook" style="vertical-align:top;width:181.00000000000003px;" ><![endif]-->
422
+
423
+ <div
424
+ class="mj-column-per-32-32142857142858 mj-outlook-group-fix email-card" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"
425
+ >
426
+
427
+ <table
428
+ border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:separate;"
429
+ >
430
+ <tbody>
431
+ <tr>
432
+ <td style="background-color:#e6e7ea;border-radius:8px;vertical-align:top;border-collapse:separate;padding:16px 0;">
433
+
434
+ <table
435
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%"
436
+ >
437
+ <tbody>
438
+
439
+ <tr>
440
+ <td
441
+ align="center" style="font-size:0px;padding:0;word-break:break-word;"
442
+ >
443
+
444
+ <table
445
+ border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;"
446
+ >
447
+ <tbody>
448
+ <tr>
449
+ <td style="width:80px;">
450
+
451
+ <img
452
+ alt="" src="data:image/png;base64,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" style="border:0;border-radius:8px;display:block;outline:none;text-decoration:none;height:80px;width:100%;font-size:13px;" width="80" height="80"
453
+ />
454
+
455
+ </td>
456
+ </tr>
457
+ </tbody>
458
+ </table>
459
+
460
+ </td>
461
+ </tr>
462
+
463
+ <tr>
464
+ <td
465
+ align="center" class="email-text" style="font-size:0px;padding:0;padding-top:8px;word-break:break-word;"
466
+ >
467
+
468
+ <div
469
+ style="font-family:Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:center;color:#000000;"
470
+ >Lorem ipsum</div>
471
+
472
+ </td>
473
+ </tr>
474
+
475
+ </tbody>
476
+ </table>
477
+
478
+ </td>
479
+ </tr>
480
+ </tbody>
481
+ </table>
482
+
483
+ </div>
484
+
485
+ <!--[if mso | IE]></td></tr></table><![endif]-->
486
+ </td>
487
+ </tr>
488
+ </tbody>
489
+ </table>
490
+
491
+ </div>
492
+
493
+
494
+ <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
495
+ </td>
496
+ </tr>
497
+ </tbody>
498
+ </table>
499
+
500
+ </div>
501
+
502
+
503
+ <!--[if mso | IE]></td></tr></table><![endif]-->
504
+
505
+
506
+ </div>
507
+
508
+ </body>
509
+ </html>
510
+