@seliseblocks/mailcraft 0.1.1 → 0.2.1

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 (86) hide show
  1. package/DOCS.md +243 -16
  2. package/README.md +15 -6
  3. package/README.md.txt +135 -0
  4. package/dist/mailcraft-editor.bundle.js +87 -47
  5. package/dist/mailcraft-editor.bundle.js.map +3 -3
  6. package/examples/templates/activate-your-account.html +1 -1
  7. package/examples/templates/back-in-stock.html +1 -1
  8. package/examples/templates/cart-left-behind.html +1 -1
  9. package/examples/templates/community-giveaway.html +1 -1
  10. package/examples/templates/frontend-futures-invite.html +1 -1
  11. package/examples/templates/give-25-get-25.html +1 -1
  12. package/examples/templates/invoice-paid.html +1 -1
  13. package/examples/templates/meet-nova-launch.html +1 -1
  14. package/examples/templates/mega-weekend-sale.html +1 -1
  15. package/examples/templates/order-confirmed.html +80 -80
  16. package/examples/templates/rate-your-headphones.html +1 -1
  17. package/examples/templates/reset-your-password.html +1 -1
  18. package/examples/templates/thankyou-promo-code.html +1 -1
  19. package/examples/templates/the-sunday-brief.html +1 -1
  20. package/examples/templates/welcome-to-your-workspace.html +1 -1
  21. package/examples/templates/your-order-shipped.html +1 -1
  22. package/examples/templates/your-password-was-changed.html +1 -1
  23. package/examples/templates/your-signin-code.html +1 -1
  24. package/examples/vanilla.html +261 -47
  25. package/package.json +7 -2
  26. package/src/core/assets.js +10 -15
  27. package/src/core/binder.js +140 -118
  28. package/src/core/blocks.js +14 -1
  29. package/src/core/css-cascade.js +117 -117
  30. package/src/core/editor-core.js +1540 -1492
  31. package/src/core/export.js +158 -55
  32. package/src/core/i18n/ar.js +218 -177
  33. package/src/core/i18n/bg.js +195 -152
  34. package/src/core/i18n/bn.js +217 -176
  35. package/src/core/i18n/ca.js +195 -152
  36. package/src/core/i18n/cs.js +195 -152
  37. package/src/core/i18n/da.js +195 -152
  38. package/src/core/i18n/de-CH.js +195 -152
  39. package/src/core/i18n/de.js +195 -152
  40. package/src/core/i18n/dz.js +220 -179
  41. package/src/core/i18n/el.js +195 -152
  42. package/src/core/i18n/en.js +3 -11
  43. package/src/core/i18n/es.js +195 -152
  44. package/src/core/i18n/et.js +195 -152
  45. package/src/core/i18n/fi.js +195 -152
  46. package/src/core/i18n/fr.js +195 -152
  47. package/src/core/i18n/hr.js +195 -152
  48. package/src/core/i18n/hu.js +195 -152
  49. package/src/core/i18n/index.js +83 -83
  50. package/src/core/i18n/it.js +195 -152
  51. package/src/core/i18n/lt.js +195 -152
  52. package/src/core/i18n/lv.js +195 -152
  53. package/src/core/i18n/nb.js +195 -152
  54. package/src/core/i18n/nl.js +195 -152
  55. package/src/core/i18n/pl.js +195 -152
  56. package/src/core/i18n/pt.js +195 -152
  57. package/src/core/i18n/ro.js +195 -152
  58. package/src/core/i18n/ru.js +195 -152
  59. package/src/core/i18n/sk.js +195 -152
  60. package/src/core/i18n/sl.js +195 -152
  61. package/src/core/i18n/sv.js +195 -152
  62. package/src/core/i18n/tables.js +50 -50
  63. package/src/core/i18n/tr.js +195 -152
  64. package/src/core/i18n/uk.js +195 -152
  65. package/src/core/icons.js +237 -235
  66. package/src/core/ids.js +1 -1
  67. package/src/core/import-html.js +1047 -959
  68. package/src/core/layout-style.js +100 -100
  69. package/src/core/parse.js +10 -10
  70. package/src/core/placeholder.js +15 -15
  71. package/src/core/sanitize.js +141 -141
  72. package/src/core/storage-limits.js +189 -184
  73. package/src/core/storage.js +85 -85
  74. package/src/core/theme.js +15 -1
  75. package/src/core/variables.js +11 -11
  76. package/src/index.js +9 -9
  77. package/src/mailcraft-editor.js +64 -25
  78. package/src/render/block-body.js +49 -6
  79. package/src/render/canvas.js +74 -8
  80. package/src/render/fields.js +619 -588
  81. package/src/render/focus-preserve.js +158 -158
  82. package/src/render/rte.js +241 -212
  83. package/src/render/screenshot.js +138 -132
  84. package/src/render/story.js +415 -415
  85. package/src/render/style.js +44 -8
  86. package/types/index.d.ts +422 -0
package/examples/templates/activate-your-account.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#eef2f6;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#eef2f6;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
12
12
  <tr>
13
13
  <td align="center" style="background-color:#0065b3; padding:22px 36px;">
package/examples/templates/back-in-stock.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#faf7f2;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#faf7f2;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; ">
12
12
  <tr>
13
13
  <td align="center" style="padding:36px 36px 8px;">
package/examples/templates/cart-left-behind.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#f6f6f8;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f6f6f8;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; ">
12
12
  <tr>
13
13
  <td align="center" style="padding:34px 36px 8px;">
package/examples/templates/community-giveaway.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#0c1226;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#0c1226;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#131b36; ">
12
12
  <tr>
13
13
  <td align="center" style="height:10px; line-height:10px; font-size:0; padding:0;">
package/examples/templates/frontend-futures-invite.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#0e0c1a;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#0e0c1a;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#171332; ">
12
12
  <tr>
13
13
  <td align="center" style="padding:12px 36px 0;">
package/examples/templates/give-25-get-25.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#0f1c17;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#0f1c17;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#16352a; ">
12
12
  <tr>
13
13
  <td align="center" style="background-color:#1e7a4f; padding:30px 32px 26px; ">
package/examples/templates/invoice-paid.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#f4f6f9;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f6f9;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; ">
12
12
  <tr>
13
13
  <td style="padding:30px 36px 10px;">
package/examples/templates/meet-nova-launch.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#0b1020;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#0b1020;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#111832; ">
12
12
  <tr>
13
13
  <td align="center" style="background-color:#0065b3; padding:34px 32px 30px; ">
package/examples/templates/mega-weekend-sale.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#ffffff;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#ffffff;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#101010;">
12
12
  <tr>
13
13
  <td style="height:6px; line-height:6px; font-size:0; background-color:#d9f24f;">&nbsp;</td>
package/examples/templates/order-confirmed.html CHANGED
@@ -1,80 +1,80 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <title>Order confirmed</title>
6
- </head>
7
- <body style="margin:0; padding:0; background-color:#f4f4f2;">
8
- <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f2;">
9
- <tr>
10
- <td align="center" style="padding:24px 12px;">
11
- <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff;">
12
- <tr>
13
- <td style="padding:32px 36px 6px;">
14
- <p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.16em; text-transform:uppercase; color:#2f9e44;">Order confirmed</p>
15
- <h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.25; color:#1a1a1a;">Thanks, {{ first_name }} &mdash; it&rsquo;s on its way</h1>
16
- <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#4a4a4a;">Order <strong>#48213</strong>, placed today. We&rsquo;ll email tracking as soon as the courier scans it &mdash; usually within one business day.</p>
17
- </td>
18
- </tr>
19
- <tr>
20
- <td style="padding:24px 36px 4px;">
21
- <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e6e6e2; ">
22
- <tr>
23
- <td style="padding:14px 18px; border-bottom:1px solid #e6e6e2;">
24
- <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
25
- <tr>
26
- <td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">Field jacket &mdash; olive, M</td>
27
- <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">$148.00</td>
28
- </tr>
29
- </table>
30
- </td>
31
- </tr>
32
- <tr>
33
- <td style="padding:14px 18px; border-bottom:1px solid #e6e6e2;">
34
- <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
35
- <tr>
36
- <td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">Merino crew &mdash; charcoal, M</td>
37
- <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">$85.00</td>
38
- </tr>
39
- </table>
40
- </td>
41
- </tr>
42
- <tr>
43
- <td style="padding:14px 18px; background-color:#fafaf8;">
44
- <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
45
- <tr>
46
- <td style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4a4a4a;">Shipping</td>
47
- <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4a4a4a;">Free</td>
48
- </tr>
49
- <tr>
50
- <td style="padding-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#1a1a1a;">Total</td>
51
- <td align="right" style="padding-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#1a1a1a;">$233.00</td>
52
- </tr>
53
- </table>
54
- </td>
55
- </tr>
56
- </table>
57
- </td>
58
- </tr>
59
- <tr>
60
- <td align="center" style="padding:22px 36px 6px;">
61
- <a href="https://example.com/orders/48213" style="display:inline-block; background-color:#1a1a1a; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; padding:12px 30px; ">View your order</a>
62
- </td>
63
- </tr>
64
- <tr>
65
- <td style="padding:24px 36px 8px;">
66
- <hr style="border:none; border-top:1px solid #e6e6e2; margin:0;" />
67
- </td>
68
- </tr>
69
- <tr>
70
- <td style="padding:10px 36px 30px;">
71
- <p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#4a4a4a;">Need a different size? Exchanges are free for 30 days &mdash; start one from the order page above.</p>
72
- <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#9a9a94;">This receipt was sent to {{ email }}. <a href="{{ unsubscribe_url }}" style="color:#9a9a94;">Unsubscribe from marketing</a> &mdash; you will still receive order emails.</p>
73
- </td>
74
- </tr>
75
- </table>
76
- </td>
77
- </tr>
78
- </table>
79
- </body>
80
- </html>
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <title>Order confirmed</title>
6
+ </head>
7
+ <body style="margin:0; padding:0; background-color:#f4f4f2;">
8
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f2;">
9
+ <tr>
10
+ <td align="center" style="padding:0;">
11
+ <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff;">
12
+ <tr>
13
+ <td style="padding:32px 36px 6px;">
14
+ <p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.16em; text-transform:uppercase; color:#2f9e44;">Order confirmed</p>
15
+ <h1 style="margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.25; color:#1a1a1a;">Thanks, {{ first_name }} &mdash; it&rsquo;s on its way</h1>
16
+ <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#4a4a4a;">Order <strong>#48213</strong>, placed today. We&rsquo;ll email tracking as soon as the courier scans it &mdash; usually within one business day.</p>
17
+ </td>
18
+ </tr>
19
+ <tr>
20
+ <td style="padding:24px 36px 4px;">
21
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e6e6e2; ">
22
+ <tr>
23
+ <td style="padding:14px 18px; border-bottom:1px solid #e6e6e2;">
24
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
25
+ <tr>
26
+ <td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">Field jacket &mdash; olive, M</td>
27
+ <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">$148.00</td>
28
+ </tr>
29
+ </table>
30
+ </td>
31
+ </tr>
32
+ <tr>
33
+ <td style="padding:14px 18px; border-bottom:1px solid #e6e6e2;">
34
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
35
+ <tr>
36
+ <td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">Merino crew &mdash; charcoal, M</td>
37
+ <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1a1a1a;">$85.00</td>
38
+ </tr>
39
+ </table>
40
+ </td>
41
+ </tr>
42
+ <tr>
43
+ <td style="padding:14px 18px; background-color:#fafaf8;">
44
+ <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
45
+ <tr>
46
+ <td style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4a4a4a;">Shipping</td>
47
+ <td align="right" style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4a4a4a;">Free</td>
48
+ </tr>
49
+ <tr>
50
+ <td style="padding-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#1a1a1a;">Total</td>
51
+ <td align="right" style="padding-top:6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#1a1a1a;">$233.00</td>
52
+ </tr>
53
+ </table>
54
+ </td>
55
+ </tr>
56
+ </table>
57
+ </td>
58
+ </tr>
59
+ <tr>
60
+ <td align="center" style="padding:22px 36px 6px;">
61
+ <a href="https://example.com/orders/48213" style="display:inline-block; background-color:#1a1a1a; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; padding:12px 30px; ">View your order</a>
62
+ </td>
63
+ </tr>
64
+ <tr>
65
+ <td style="padding:24px 36px 8px;">
66
+ <hr style="border:none; border-top:1px solid #e6e6e2; margin:0;" />
67
+ </td>
68
+ </tr>
69
+ <tr>
70
+ <td style="padding:10px 36px 30px;">
71
+ <p style="margin:0 0 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6; color:#4a4a4a;">Need a different size? Exchanges are free for 30 days &mdash; start one from the order page above.</p>
72
+ <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; line-height:1.6; color:#9a9a94;">This receipt was sent to {{ email }}. <a href="{{ unsubscribe_url }}" style="color:#9a9a94;">Unsubscribe from marketing</a> &mdash; you will still receive order emails.</p>
73
+ </td>
74
+ </tr>
75
+ </table>
76
+ </td>
77
+ </tr>
78
+ </table>
79
+ </body>
80
+ </html>
package/examples/templates/rate-your-headphones.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#f2f4f8;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f2f4f8;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; ">
12
12
  <tr>
13
13
  <td align="center" style="padding:36px 36px 10px;">
package/examples/templates/reset-your-password.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#eef2f6;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#eef2f6;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
12
12
  <tr>
13
13
  <td align="center" style="background-color:#0065b3; padding:22px 36px;">
package/examples/templates/thankyou-promo-code.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#fdf8f3;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#fdf8f3;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; ">
12
12
  <tr>
13
13
  <td align="center" style="padding:38px 36px 8px;">
package/examples/templates/the-sunday-brief.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#f1f0ec;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f1f0ec;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff;">
12
12
  <tr>
13
13
  <td style="background-color:#1c1b18; padding:26px 32px;">
package/examples/templates/welcome-to-your-workspace.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#eef2f6;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#eef2f6;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; ">
12
12
  <tr>
13
13
  <td style="height:5px; line-height:5px; font-size:0; background-color:#0065b3; ">&nbsp;</td>
package/examples/templates/your-order-shipped.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#eef2f6;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#eef2f6;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
12
12
  <tr>
13
13
  <td align="center" style="background-color:#0065b3; padding:22px 36px;">
package/examples/templates/your-password-was-changed.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#eef2f6;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#eef2f6;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#ffffff; overflow:hidden;">
12
12
  <tr>
13
13
  <td align="center" style="background-color:#0065b3; padding:22px 36px;">
package/examples/templates/your-signin-code.html CHANGED
@@ -7,7 +7,7 @@
7
7
  <body style="margin:0; padding:0; background-color:#10141c;">
8
8
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#10141c;">
9
9
  <tr>
10
- <td align="center" style="padding:24px 12px;">
10
+ <td align="center" style="padding:0;">
11
11
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="width:600px; max-width:100%; background-color:#1a1f2b; ">
12
12
  <tr>
13
13
  <td align="center" style="padding:36px 36px 0;">