@blocknote/xl-email-exporter 0.42.3 → 0.44.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.
- package/dist/blocknote-xl-email-exporter.js +35 -35
- package/dist/blocknote-xl-email-exporter.js.map +1 -1
- package/dist/blocknote-xl-email-exporter.umd.cjs +1 -1
- package/dist/blocknote-xl-email-exporter.umd.cjs.map +1 -1
- package/dist/webpack-stats.json +1 -1
- package/package.json +3 -3
- package/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap +5 -3
- package/src/react-email/reactEmailExporter.test.tsx +15 -0
- package/src/react-email/reactEmailExporter.tsx +19 -7
- package/types/src/react-email/reactEmailExporter.d.ts +10 -0
|
@@ -292,6 +292,16 @@ export class ReactEmailExporter<
|
|
|
292
292
|
* Customize the container element
|
|
293
293
|
*/
|
|
294
294
|
container?: React.FC<{ children: React.ReactNode }>;
|
|
295
|
+
/**
|
|
296
|
+
* Customize the body styles
|
|
297
|
+
* @default {
|
|
298
|
+
* fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
|
|
299
|
+
* fontSize: "16px",
|
|
300
|
+
* lineHeight: "1.5",
|
|
301
|
+
* color: "#333",
|
|
302
|
+
* }
|
|
303
|
+
*/
|
|
304
|
+
bodyStyles?: CSSProperties;
|
|
295
305
|
},
|
|
296
306
|
) {
|
|
297
307
|
const transformedBlocks = await this.transformBlocks(blocks);
|
|
@@ -304,13 +314,15 @@ export class ReactEmailExporter<
|
|
|
304
314
|
<Html>
|
|
305
315
|
<Head>{options?.head}</Head>
|
|
306
316
|
<Body
|
|
307
|
-
style={
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
317
|
+
style={
|
|
318
|
+
options?.bodyStyles ?? {
|
|
319
|
+
fontFamily:
|
|
320
|
+
"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
|
|
321
|
+
fontSize: "16px",
|
|
322
|
+
lineHeight: "1.5",
|
|
323
|
+
color: "#333",
|
|
324
|
+
}
|
|
325
|
+
}
|
|
314
326
|
>
|
|
315
327
|
{options?.preview && <Preview>{options.preview}</Preview>}
|
|
316
328
|
<Tailwind>
|
|
@@ -37,6 +37,16 @@ export declare class ReactEmailExporter<B extends BlockSchema, S extends StyleSc
|
|
|
37
37
|
container?: React.FC<{
|
|
38
38
|
children: React.ReactNode;
|
|
39
39
|
}>;
|
|
40
|
+
/**
|
|
41
|
+
* Customize the body styles
|
|
42
|
+
* @default {
|
|
43
|
+
* fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
|
|
44
|
+
* fontSize: "16px",
|
|
45
|
+
* lineHeight: "1.5",
|
|
46
|
+
* color: "#333",
|
|
47
|
+
* }
|
|
48
|
+
*/
|
|
49
|
+
bodyStyles?: CSSProperties;
|
|
40
50
|
}): Promise<string>;
|
|
41
51
|
protected blocknoteDefaultPropsToReactEmailStyle(props: Partial<DefaultProps>): any;
|
|
42
52
|
}
|