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