mail-editor-pancake 0.2.7 → 0.2.8

package/packages/core/src/editor/Canvas.ts

@@ -292,7 +292,7 @@ export class Canvas {
     this.inner.style.fontSize = doc.styles.fontSize;
     this.inner.style.fontWeight = normalizeFontWeightStep(doc.styles.fontWeight);
     this.inner.style.color = doc.styles.color;
-    this.inner.style.lineHeight = doc.styles.lineHeight ?? '1.25';
+    this.inner.style.lineHeight = doc.styles.lineHeight ?? '1.5';
     this.inner.style.setProperty('--sm-editor-link-color', doc.styles.linkColor);
     this.inner.style.setProperty(
       '--sm-list-indent-default',

package/packages/core/src/editor/Editor.ts

@@ -1253,7 +1253,7 @@ function createDefaultDoc(partial?: Partial<EmailDoc>): EmailDoc {
     fontWeight: '400',
     color: '#433f3f',
     linkColor: '#ff5a00',
-    lineHeight: '1.25',
+    lineHeight: '1.5',
     ...migrateLegacyStyles(partial?.styles ?? {}),
   };
   return {
@@ -1268,7 +1268,7 @@ function createDefaultDoc(partial?: Partial<EmailDoc>): EmailDoc {
     styles: {
       ...mergedStyles,
       fontWeight: mergedStyles.fontWeight ?? '400',
-      lineHeight: mergedStyles.lineHeight ?? '1.25',
+      lineHeight: mergedStyles.lineHeight ?? '1.5',
     },
     sections: partial?.sections ?? [],
   };

package/packages/core/src/editor/RightPanel.ts

@@ -424,7 +424,7 @@ export class RightPanel {
       ),
       this._textField(
         this.opts.t('rightPanel.doc.lineHeight'),
-        doc.styles.lineHeight ?? '1.25',
+        doc.styles.lineHeight ?? '1.5',
         (v) =>
           this.opts.store.update((d) => {
             d.styles.lineHeight = v;

package/packages/core/src/renderer/mjml.ts

@@ -29,7 +29,7 @@ export function docToMjml(doc: EmailDoc, registry: Registry): string {
     ${doc.meta.preheader ? `<mj-preview>${escapeAttr(doc.meta.preheader)}</mj-preview>` : ''}
     <mj-attributes>
       <mj-all font-family="${escapeAttr(attrs.fontFamily)}" />
-      <mj-text font-size="${escapeAttr(attrs.fontSize)}" font-weight="${escapeAttr(normalizeFontWeightStep(attrs.fontWeight))}" color="${escapeAttr(attrs.color)}" line-height="${escapeAttr(attrs.lineHeight ?? '1.25')}" />
+      <mj-text font-size="${escapeAttr(attrs.fontSize)}" font-weight="${escapeAttr(normalizeFontWeightStep(attrs.fontWeight))}" color="${escapeAttr(attrs.color)}" line-height="${escapeAttr(attrs.lineHeight ?? '1.5')}" />
       <mj-class name="link" color="${escapeAttr(attrs.linkColor)}" />
     </mj-attributes>
     <mj-style>

package/packages/core/src/utils/lockedMjml.ts

@@ -17,7 +17,7 @@ export interface MjRawCellTypography {
 export function mjRawCellTypographyFromStyles(s: GlobalStyles): MjRawCellTypography {
   return {
     fontSize: (s.fontSize || '16px').trim(),
-    lineHeight: (s.lineHeight || '1.25').trim(),
+    lineHeight: (s.lineHeight || '1.5').trim(),
     color: (s.color || '#433f3f').trim(),
     fontFamily: (s.fontFamily || 'sans-serif').trim(),
     fontWeight: normalizeFontWeightStep(s.fontWeight),