@react-email/editor 1.3.2 → 1.3.4
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/{extension-TtsG0Puz.mjs → extension-M9mAMex9.mjs} +141 -13
- package/dist/extension-M9mAMex9.mjs.map +1 -0
- package/dist/{extension-W9raGSI9.cjs → extension-r1aNq37Z.cjs} +145 -11
- package/dist/extensions/index.cjs +2 -2
- package/dist/extensions/index.mjs +2 -2
- package/dist/{extensions-CG4gZ1-f.cjs → extensions-BYOlFEwI.cjs} +4 -4
- package/dist/{extensions-CQ3r7pnM.mjs → extensions-BxF4VdQD.mjs} +5 -5
- package/dist/{extensions-CQ3r7pnM.mjs.map → extensions-BxF4VdQD.mjs.map} +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +2 -2
- package/dist/plugins/index.cjs +2 -1
- package/dist/plugins/index.d.cts +22 -2
- package/dist/plugins/index.d.cts.map +1 -1
- package/dist/plugins/index.d.mts +22 -2
- package/dist/plugins/index.d.mts.map +1 -1
- package/dist/plugins/index.mjs +2 -2
- package/dist/style.css +0 -86
- package/dist/{types-B2yr4rz3.d.cts → types-8PZgYQuK.d.mts} +4 -4
- package/dist/types-8PZgYQuK.d.mts.map +1 -0
- package/dist/{types-DzqGGKXD.d.mts → types-DUTo2zJ5.d.cts} +4 -4
- package/dist/types-DUTo2zJ5.d.cts.map +1 -0
- package/dist/ui/index.cjs +1 -1
- package/dist/ui/index.d.cts +1 -1
- package/dist/ui/index.d.mts +1 -1
- package/dist/ui/index.mjs +1 -1
- package/dist/ui/themes/default.css +1 -89
- package/package.json +2 -2
- package/dist/extension-TtsG0Puz.mjs.map +0 -1
- package/dist/types-B2yr4rz3.d.cts.map +0 -1
- package/dist/types-DzqGGKXD.d.mts.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
2
|
require("./focus-scopes-l_Ki0562.cjs");
|
|
3
3
|
const require_core = require("./core-CLyAVVUW.cjs");
|
|
4
|
-
const require_extensions = require("./extensions-
|
|
5
|
-
const require_extension = require("./extension-
|
|
4
|
+
const require_extensions = require("./extensions-BYOlFEwI.cjs");
|
|
5
|
+
const require_extension = require("./extension-r1aNq37Z.cjs");
|
|
6
6
|
const require_extension$1 = require("./extension-D_sNGTbX.cjs");
|
|
7
7
|
const require_root = require("./root-D8zhkKgc.cjs");
|
|
8
8
|
let _tiptap_react = require("@tiptap/react");
|
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as EditorThemeInput } from "./types-
|
|
1
|
+
import { r as EditorThemeInput } from "./types-DUTo2zJ5.cjs";
|
|
2
2
|
import { Content, Editor, Extensions, JSONContent } from "@tiptap/core";
|
|
3
3
|
import * as _$react from "react";
|
|
4
4
|
import { ReactNode } from "react";
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as EditorThemeInput } from "./types-
|
|
1
|
+
import { r as EditorThemeInput } from "./types-8PZgYQuK.mjs";
|
|
2
2
|
import * as _$react from "react";
|
|
3
3
|
import { ReactNode } from "react";
|
|
4
4
|
import { Content, Editor, Extensions, JSONContent } from "@tiptap/core";
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { n as composeReactEmail } from "./core-CbSTyrV4.mjs";
|
|
2
|
-
import { t as StarterKit } from "./extensions-
|
|
3
|
-
import { t as EmailTheming } from "./extension-
|
|
2
|
+
import { t as StarterKit } from "./extensions-BxF4VdQD.mjs";
|
|
3
|
+
import { t as EmailTheming } from "./extension-M9mAMex9.mjs";
|
|
4
4
|
import { t as createImageExtension } from "./extension-CDrL5i44.mjs";
|
|
5
5
|
import { t as SlashCommandRoot, x as BubbleMenu } from "./root-yYM1BF1C.mjs";
|
|
6
6
|
import { EditorProvider, useCurrentEditor } from "@tiptap/react";
|
package/dist/plugins/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
2
|
require("../focus-scopes-l_Ki0562.cjs");
|
|
3
|
-
const require_extension = require("../extension-
|
|
3
|
+
const require_extension = require("../extension-r1aNq37Z.cjs");
|
|
4
4
|
const require_extension$1 = require("../extension-D_sNGTbX.cjs");
|
|
5
5
|
const require_image = require("../image-BpsmuXKq.cjs");
|
|
6
6
|
let react = require("react");
|
|
@@ -34,6 +34,7 @@ exports.DEFAULT_INBOX_FONT_SIZE_PX = require_extension.DEFAULT_INBOX_FONT_SIZE_P
|
|
|
34
34
|
exports.EDITOR_THEMES = require_extension.EDITOR_THEMES;
|
|
35
35
|
exports.EmailTheming = require_extension.EmailTheming;
|
|
36
36
|
exports.INBOX_EMAIL_DEFAULTS = require_extension.INBOX_EMAIL_DEFAULTS;
|
|
37
|
+
exports.RESET_NODE_TYPES = require_extension.RESET_NODE_TYPES;
|
|
37
38
|
exports.RESET_THEMES = require_extension.RESET_THEMES;
|
|
38
39
|
exports.SUPPORTED_CSS_PROPERTIES = require_extension.SUPPORTED_CSS_PROPERTIES;
|
|
39
40
|
exports.createTheme = require_extension.createTheme;
|
package/dist/plugins/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { o as EmailNode } from "../index-CHAPu71g.cjs";
|
|
2
|
-
import { a as KnownThemeComponents, c as PanelSectionId, d as ThemeComponentStyles, f as ThemeConfig, i as KnownCssProperties, l as ResetTheme, n as EditorTheme, o as PanelGroup, p as ThemeableComponent, r as EditorThemeInput, s as PanelInputProperty, t as CssJs, u as SupportedCssProperties } from "../types-
|
|
2
|
+
import { a as KnownThemeComponents, c as PanelSectionId, d as ThemeComponentStyles, f as ThemeConfig, i as KnownCssProperties, l as ResetTheme, n as EditorTheme, o as PanelGroup, p as ThemeableComponent, r as EditorThemeInput, s as PanelInputProperty, t as CssJs, u as SupportedCssProperties } from "../types-DUTo2zJ5.cjs";
|
|
3
3
|
import { n as SlashCommandItem } from "../types-ALwc36ll.cjs";
|
|
4
4
|
import { Editor, Extension, JSONContent } from "@tiptap/core";
|
|
5
5
|
import * as React$2 from "react";
|
|
@@ -25,6 +25,26 @@ declare function getThemeComponentKey(nodeType: string, depth: number, attrs?: R
|
|
|
25
25
|
* Use when you have editor access and need the full CssJs map.
|
|
26
26
|
*/
|
|
27
27
|
declare function getMergedCssJs(theme: EditorTheme, panelStyles: PanelGroup[] | undefined): CssJs;
|
|
28
|
+
/**
|
|
29
|
+
* Node types and theme component keys that should receive the universal
|
|
30
|
+
* `reset` CSS (e.g. `margin: 0; padding: 0`) layered underneath their own
|
|
31
|
+
* theme styles. Shared between `getResolvedNodeStyles` (email serializer)
|
|
32
|
+
* and `injectThemeCss` (editor preview) so both surfaces stay in sync.
|
|
33
|
+
*
|
|
34
|
+
* Includes both raw tiptap node names (e.g. `tableCell`) and theme
|
|
35
|
+
* component keys (e.g. `list`) because the serializer matches against both.
|
|
36
|
+
*
|
|
37
|
+
* `bulletList` and `orderedList` are intentionally omitted: their elements
|
|
38
|
+
* already carry the shared `node-list` class, so the `list` reset rule
|
|
39
|
+
* covers them without forcing the dedicated `.node-bulletList` /
|
|
40
|
+
* `.node-orderedList` rules to redundantly emit `margin: 0; padding: 0`.
|
|
41
|
+
*/
|
|
42
|
+
declare const RESET_NODE_TYPES: Set<string>;
|
|
43
|
+
/**
|
|
44
|
+
* Returns resolved React.CSSProperties for a node when you already have merged CssJs
|
|
45
|
+
* (e.g. in the serializer where there is no editor). Centralizes which theme keys
|
|
46
|
+
* apply to which node type.
|
|
47
|
+
*/
|
|
28
48
|
declare function getResolvedNodeStyles(node: JSONContent, depth: number, mergedCssJs: CssJs): React$2.CSSProperties;
|
|
29
49
|
declare function stylesToCss(styles: PanelGroup[], theme: EditorTheme): Record<KnownThemeComponents, React$2.CSSProperties>;
|
|
30
50
|
declare function getEmailTheming(editor: Editor): {
|
|
@@ -115,5 +135,5 @@ declare module '@tiptap/core' {
|
|
|
115
135
|
}
|
|
116
136
|
declare function useEditorImage(options: UseEditorImageOptions): EmailNode<Record<string, never>, Record<string, never>>;
|
|
117
137
|
//#endregion
|
|
118
|
-
export { CssJs, DEFAULT_INBOX_FONT_SIZE_PX, EDITOR_THEMES, EditorTheme, EditorThemeInput, EmailTheming, INBOX_EMAIL_DEFAULTS, KnownCssProperties, KnownThemeComponents, PanelGroup, PanelInputProperty, PanelSectionId, RESET_THEMES, ResetTheme, SUPPORTED_CSS_PROPERTIES, SupportedCssProperties, ThemeComponentStyles, ThemeConfig, ThemeableComponent, type UploadImageResult, type UseEditorImageOptions, createTheme, extendTheme, getEmailTheming, getMergedCssJs, getPanelTitle, getResolvedNodeStyles, getThemeBodyFontSizePx, getThemeComponentKey, imageSlashCommand, isThemeConfig, parseCssValue, resolveResetValue, setCurrentTheme, setGlobalCssInjected, setGlobalStyles, stylesToCss, themeStylesToPanelOverrides, useEditorImage, useEmailTheming };
|
|
138
|
+
export { CssJs, DEFAULT_INBOX_FONT_SIZE_PX, EDITOR_THEMES, EditorTheme, EditorThemeInput, EmailTheming, INBOX_EMAIL_DEFAULTS, KnownCssProperties, KnownThemeComponents, PanelGroup, PanelInputProperty, PanelSectionId, RESET_NODE_TYPES, RESET_THEMES, ResetTheme, SUPPORTED_CSS_PROPERTIES, SupportedCssProperties, ThemeComponentStyles, ThemeConfig, ThemeableComponent, type UploadImageResult, type UseEditorImageOptions, createTheme, extendTheme, getEmailTheming, getMergedCssJs, getPanelTitle, getResolvedNodeStyles, getThemeBodyFontSizePx, getThemeComponentKey, imageSlashCommand, isThemeConfig, parseCssValue, resolveResetValue, setCurrentTheme, setGlobalCssInjected, setGlobalStyles, stylesToCss, themeStylesToPanelOverrides, useEditorImage, useEmailTheming };
|
|
119
139
|
//# sourceMappingURL=index.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/core/serializer/serializer-plugin.ts","../../src/plugins/email-theming/extension.tsx","../../src/plugins/email-theming/theme-config.ts","../../src/plugins/email-theming/themes.ts","../../src/plugins/image/types.ts","../../src/plugins/image/slash-command.tsx","../../src/plugins/image/index.ts"],"mappings":";;;;;;;UAEiB,gBAAA;EACf,aAAA,CACE,IAAA,EAAM,WAAA,EACN,KAAA,UACA,MAAA,EAAQ,MAAA,GACP,KAAA,CAAM,aAAA;EACT,YAAA,CAAa,KAAA;IACX,WAAA;IACA,QAAA,EAAU,KAAA,CAAM,SAAA;IAChB,MAAA,EAAQ,MAAA;EAAA,IACN,KAAA,CAAM,SAAA;AAAA;;;;;AAVZ;;iBCkCgB,oBAAA,CACd,QAAA,UACA,KAAA,UACA,KAAA,GAAO,MAAA,oBACN,oBAAA;;;;;iBAmDa,cAAA,CACd,KAAA,EAAO,WAAA,EACP,WAAA,EAAa,UAAA,iBACZ,KAAA
|
|
1
|
+
{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/core/serializer/serializer-plugin.ts","../../src/plugins/email-theming/extension.tsx","../../src/plugins/email-theming/theme-config.ts","../../src/plugins/email-theming/themes.ts","../../src/plugins/image/types.ts","../../src/plugins/image/slash-command.tsx","../../src/plugins/image/index.ts"],"mappings":";;;;;;;UAEiB,gBAAA;EACf,aAAA,CACE,IAAA,EAAM,WAAA,EACN,KAAA,UACA,MAAA,EAAQ,MAAA,GACP,KAAA,CAAM,aAAA;EACT,YAAA,CAAa,KAAA;IACX,WAAA;IACA,QAAA,EAAU,KAAA,CAAM,SAAA;IAChB,MAAA,EAAQ,MAAA;EAAA,IACN,KAAA,CAAM,SAAA;AAAA;;;;;AAVZ;;iBCkCgB,oBAAA,CACd,QAAA,UACA,KAAA,UACA,KAAA,GAAO,MAAA,oBACN,oBAAA;;;;;iBAmDa,cAAA,CACd,KAAA,EAAO,WAAA,EACP,WAAA,EAAa,UAAA,iBACZ,KAAA;;;;;;;;;;;;;;;cAuBU,gBAAA,EAAgB,GAAA;;;;;;iBAyBb,qBAAA,CACd,IAAA,EAAM,WAAA,EACN,KAAA,UACA,WAAA,EAAa,KAAA,GACZ,OAAA,CAAM,aAAA;AAAA,iBAkBO,WAAA,CACd,MAAA,EAAQ,UAAA,IACR,KAAA,EAAO,WAAA,GACN,MAAA,CAAO,oBAAA,EAAsB,OAAA,CAAM,aAAA;AAAA,iBAqBtB,eAAA,CAAgB,MAAA,EAAQ,MAAA;;;;;iBAaxB,eAAA,CAAgB,MAAA,EAAQ,MAAA;;;;;;;;;iBAoBxB,eAAA,CAAgB,MAAA,EAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAA;AAlIxD;;;;AAAA,iBA0IgB,eAAA,CAAgB,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,WAAA;;;;;iBAQvC,oBAAA,CAAqB,MAAA,EAAQ,MAAA,EAAQ,GAAA;AAAA,cAoCxC,YAAA,EAAY,SAAA;UACf,gBAAA;oBACU,gBAAA;AAAA;;;iBCrPJ,aAAA,CAAc,KAAA;EAC5B,KAAA;EACA,IAAA;AAAA;AAAA,iBAgBc,aAAA,CACd,KAAA,EAAO,gBAAA,eACN,KAAA,IAAS,WAAA;AAAA,iBAII,2BAAA,CACd,MAAA,EAAQ,oBAAA,EACR,UAAA,EAAY,UAAA,KACX,UAAA;AAAA,iBAmDa,WAAA,CAAY,MAAA,EAAQ,oBAAA,GAAuB,WAAA;AAAA,iBAI3C,WAAA,CACd,IAAA,EAAM,WAAA,EACN,SAAA,EAAW,oBAAA,GACV,WAAA;;;;;;;;iBC/Ea,aAAA,CAAc,KAAA,EAAO,UAAA;AAAA,cAqwBxB,YAAA,EAAc,MAAA,CAAO,WAAA,EAAa,UAAA;AAAA,iBAK/B,iBAAA,CACd,KAAA,+BACA,UAAA,cACA,cAAA;AAAA,cAgBW,aAAA,EAAe,MAAA,CAAO,WAAA,EAAa,UAAA;AAAA,iBAKhC,sBAAA,CAAuB,KAAA,EAAO,WAAA;;;;;cAkBjC,0BAAA;AAAA,cACA,oBAAA,EAAsB,OAAA,CAAQ,UAAA;AAAA,cAY9B,wBAAA,EAA0B,sBAAA;;;UCr2BtB,iBAAA;EACf,GAAA;AAAA;AAAA,UAGe,qBAAA;EACf,WAAA,GAAc,IAAA,EAAM,IAAA,KAAS,OAAA,CAAQ,iBAAA;AAAA;;;cCF1B,iBAAA,EAAmB,gBAAA;;;;YCEpB,QAAA;IACR,KAAA;MACE,QAAA,GAAW,KAAA;QACT,GAAA;QACA,GAAA;QACA,KAAA;QACA,MAAA;QACA,SAAA;QACA,IAAA;MAAA,MACI,UAAA;MACN,WAAA,QAAmB,UAAA;IAAA;EAAA;AAAA;AAAA,iBAQT,cAAA,CAAe,OAAA,EAAS,qBAAA,GAAqB,SAAA,CAAA,MAAA,iBAAA,MAAA"}
|
package/dist/plugins/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { o as EmailNode } from "../index-CacF9qQa.mjs";
|
|
2
|
-
import { a as KnownThemeComponents, c as PanelSectionId, d as ThemeComponentStyles, f as ThemeConfig, i as KnownCssProperties, l as ResetTheme, n as EditorTheme, o as PanelGroup, p as ThemeableComponent, r as EditorThemeInput, s as PanelInputProperty, t as CssJs, u as SupportedCssProperties } from "../types-
|
|
2
|
+
import { a as KnownThemeComponents, c as PanelSectionId, d as ThemeComponentStyles, f as ThemeConfig, i as KnownCssProperties, l as ResetTheme, n as EditorTheme, o as PanelGroup, p as ThemeableComponent, r as EditorThemeInput, s as PanelInputProperty, t as CssJs, u as SupportedCssProperties } from "../types-8PZgYQuK.mjs";
|
|
3
3
|
import { n as SlashCommandItem } from "../types-BG5XsXt9.mjs";
|
|
4
4
|
import * as React$2 from "react";
|
|
5
5
|
import { Editor, Extension, JSONContent } from "@tiptap/core";
|
|
@@ -25,6 +25,26 @@ declare function getThemeComponentKey(nodeType: string, depth: number, attrs?: R
|
|
|
25
25
|
* Use when you have editor access and need the full CssJs map.
|
|
26
26
|
*/
|
|
27
27
|
declare function getMergedCssJs(theme: EditorTheme, panelStyles: PanelGroup[] | undefined): CssJs;
|
|
28
|
+
/**
|
|
29
|
+
* Node types and theme component keys that should receive the universal
|
|
30
|
+
* `reset` CSS (e.g. `margin: 0; padding: 0`) layered underneath their own
|
|
31
|
+
* theme styles. Shared between `getResolvedNodeStyles` (email serializer)
|
|
32
|
+
* and `injectThemeCss` (editor preview) so both surfaces stay in sync.
|
|
33
|
+
*
|
|
34
|
+
* Includes both raw tiptap node names (e.g. `tableCell`) and theme
|
|
35
|
+
* component keys (e.g. `list`) because the serializer matches against both.
|
|
36
|
+
*
|
|
37
|
+
* `bulletList` and `orderedList` are intentionally omitted: their elements
|
|
38
|
+
* already carry the shared `node-list` class, so the `list` reset rule
|
|
39
|
+
* covers them without forcing the dedicated `.node-bulletList` /
|
|
40
|
+
* `.node-orderedList` rules to redundantly emit `margin: 0; padding: 0`.
|
|
41
|
+
*/
|
|
42
|
+
declare const RESET_NODE_TYPES: Set<string>;
|
|
43
|
+
/**
|
|
44
|
+
* Returns resolved React.CSSProperties for a node when you already have merged CssJs
|
|
45
|
+
* (e.g. in the serializer where there is no editor). Centralizes which theme keys
|
|
46
|
+
* apply to which node type.
|
|
47
|
+
*/
|
|
28
48
|
declare function getResolvedNodeStyles(node: JSONContent, depth: number, mergedCssJs: CssJs): React$2.CSSProperties;
|
|
29
49
|
declare function stylesToCss(styles: PanelGroup[], theme: EditorTheme): Record<KnownThemeComponents, React$2.CSSProperties>;
|
|
30
50
|
declare function getEmailTheming(editor: Editor): {
|
|
@@ -115,5 +135,5 @@ declare module '@tiptap/core' {
|
|
|
115
135
|
}
|
|
116
136
|
declare function useEditorImage(options: UseEditorImageOptions): EmailNode<Record<string, never>, Record<string, never>>;
|
|
117
137
|
//#endregion
|
|
118
|
-
export { CssJs, DEFAULT_INBOX_FONT_SIZE_PX, EDITOR_THEMES, EditorTheme, EditorThemeInput, EmailTheming, INBOX_EMAIL_DEFAULTS, KnownCssProperties, KnownThemeComponents, PanelGroup, PanelInputProperty, PanelSectionId, RESET_THEMES, ResetTheme, SUPPORTED_CSS_PROPERTIES, SupportedCssProperties, ThemeComponentStyles, ThemeConfig, ThemeableComponent, type UploadImageResult, type UseEditorImageOptions, createTheme, extendTheme, getEmailTheming, getMergedCssJs, getPanelTitle, getResolvedNodeStyles, getThemeBodyFontSizePx, getThemeComponentKey, imageSlashCommand, isThemeConfig, parseCssValue, resolveResetValue, setCurrentTheme, setGlobalCssInjected, setGlobalStyles, stylesToCss, themeStylesToPanelOverrides, useEditorImage, useEmailTheming };
|
|
138
|
+
export { CssJs, DEFAULT_INBOX_FONT_SIZE_PX, EDITOR_THEMES, EditorTheme, EditorThemeInput, EmailTheming, INBOX_EMAIL_DEFAULTS, KnownCssProperties, KnownThemeComponents, PanelGroup, PanelInputProperty, PanelSectionId, RESET_NODE_TYPES, RESET_THEMES, ResetTheme, SUPPORTED_CSS_PROPERTIES, SupportedCssProperties, ThemeComponentStyles, ThemeConfig, ThemeableComponent, type UploadImageResult, type UseEditorImageOptions, createTheme, extendTheme, getEmailTheming, getMergedCssJs, getPanelTitle, getResolvedNodeStyles, getThemeBodyFontSizePx, getThemeComponentKey, imageSlashCommand, isThemeConfig, parseCssValue, resolveResetValue, setCurrentTheme, setGlobalCssInjected, setGlobalStyles, stylesToCss, themeStylesToPanelOverrides, useEditorImage, useEmailTheming };
|
|
119
139
|
//# sourceMappingURL=index.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/core/serializer/serializer-plugin.ts","../../src/plugins/email-theming/extension.tsx","../../src/plugins/email-theming/theme-config.ts","../../src/plugins/email-theming/themes.ts","../../src/plugins/image/types.ts","../../src/plugins/image/slash-command.tsx","../../src/plugins/image/index.ts"],"mappings":";;;;;;;UAEiB,gBAAA;EACf,aAAA,CACE,IAAA,EAAM,WAAA,EACN,KAAA,UACA,MAAA,EAAQ,MAAA,GACP,KAAA,CAAM,aAAA;EACT,YAAA,CAAa,KAAA;IACX,WAAA;IACA,QAAA,EAAU,KAAA,CAAM,SAAA;IAChB,MAAA,EAAQ,MAAA;EAAA,IACN,KAAA,CAAM,SAAA;AAAA;;;;;AAVZ;;iBCkCgB,oBAAA,CACd,QAAA,UACA,KAAA,UACA,KAAA,GAAO,MAAA,oBACN,oBAAA;;;;;iBAmDa,cAAA,CACd,KAAA,EAAO,WAAA,EACP,WAAA,EAAa,UAAA,iBACZ,KAAA
|
|
1
|
+
{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/core/serializer/serializer-plugin.ts","../../src/plugins/email-theming/extension.tsx","../../src/plugins/email-theming/theme-config.ts","../../src/plugins/email-theming/themes.ts","../../src/plugins/image/types.ts","../../src/plugins/image/slash-command.tsx","../../src/plugins/image/index.ts"],"mappings":";;;;;;;UAEiB,gBAAA;EACf,aAAA,CACE,IAAA,EAAM,WAAA,EACN,KAAA,UACA,MAAA,EAAQ,MAAA,GACP,KAAA,CAAM,aAAA;EACT,YAAA,CAAa,KAAA;IACX,WAAA;IACA,QAAA,EAAU,KAAA,CAAM,SAAA;IAChB,MAAA,EAAQ,MAAA;EAAA,IACN,KAAA,CAAM,SAAA;AAAA;;;;;AAVZ;;iBCkCgB,oBAAA,CACd,QAAA,UACA,KAAA,UACA,KAAA,GAAO,MAAA,oBACN,oBAAA;;;;;iBAmDa,cAAA,CACd,KAAA,EAAO,WAAA,EACP,WAAA,EAAa,UAAA,iBACZ,KAAA;;;;;;;;;;;;;;;cAuBU,gBAAA,EAAgB,GAAA;;;;;;iBAyBb,qBAAA,CACd,IAAA,EAAM,WAAA,EACN,KAAA,UACA,WAAA,EAAa,KAAA,GACZ,OAAA,CAAM,aAAA;AAAA,iBAkBO,WAAA,CACd,MAAA,EAAQ,UAAA,IACR,KAAA,EAAO,WAAA,GACN,MAAA,CAAO,oBAAA,EAAsB,OAAA,CAAM,aAAA;AAAA,iBAqBtB,eAAA,CAAgB,MAAA,EAAQ,MAAA;;;;;iBAaxB,eAAA,CAAgB,MAAA,EAAQ,MAAA;;;;;;;;;iBAoBxB,eAAA,CAAgB,MAAA,EAAQ,MAAA,EAAQ,MAAA,EAAQ,UAAA;AAlIxD;;;;AAAA,iBA0IgB,eAAA,CAAgB,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,WAAA;;;;;iBAQvC,oBAAA,CAAqB,MAAA,EAAQ,MAAA,EAAQ,GAAA;AAAA,cAoCxC,YAAA,EAAY,SAAA;UACf,gBAAA;oBACU,gBAAA;AAAA;;;iBCrPJ,aAAA,CAAc,KAAA;EAC5B,KAAA;EACA,IAAA;AAAA;AAAA,iBAgBc,aAAA,CACd,KAAA,EAAO,gBAAA,eACN,KAAA,IAAS,WAAA;AAAA,iBAII,2BAAA,CACd,MAAA,EAAQ,oBAAA,EACR,UAAA,EAAY,UAAA,KACX,UAAA;AAAA,iBAmDa,WAAA,CAAY,MAAA,EAAQ,oBAAA,GAAuB,WAAA;AAAA,iBAI3C,WAAA,CACd,IAAA,EAAM,WAAA,EACN,SAAA,EAAW,oBAAA,GACV,WAAA;;;;;;;;iBC/Ea,aAAA,CAAc,KAAA,EAAO,UAAA;AAAA,cAqwBxB,YAAA,EAAc,MAAA,CAAO,WAAA,EAAa,UAAA;AAAA,iBAK/B,iBAAA,CACd,KAAA,+BACA,UAAA,cACA,cAAA;AAAA,cAgBW,aAAA,EAAe,MAAA,CAAO,WAAA,EAAa,UAAA;AAAA,iBAKhC,sBAAA,CAAuB,KAAA,EAAO,WAAA;;;;;cAkBjC,0BAAA;AAAA,cACA,oBAAA,EAAsB,OAAA,CAAQ,UAAA;AAAA,cAY9B,wBAAA,EAA0B,sBAAA;;;UCr2BtB,iBAAA;EACf,GAAA;AAAA;AAAA,UAGe,qBAAA;EACf,WAAA,GAAc,IAAA,EAAM,IAAA,KAAS,OAAA,CAAQ,iBAAA;AAAA;;;cCF1B,iBAAA,EAAmB,gBAAA;;;;YCEpB,QAAA;IACR,KAAA;MACE,QAAA,GAAW,KAAA;QACT,GAAA;QACA,GAAA;QACA,KAAA;QACA,MAAA;QACA,SAAA;QACA,IAAA;MAAA,MACI,UAAA;MACN,WAAA,QAAmB,UAAA;IAAA;EAAA;AAAA;AAAA,iBAQT,cAAA,CAAe,OAAA,EAAS,qBAAA,GAAqB,SAAA,CAAA,MAAA,iBAAA,MAAA"}
|
package/dist/plugins/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as
|
|
1
|
+
import { C as getThemeBodyFontSizePx, S as getPanelTitle, _ as DEFAULT_INBOX_FONT_SIZE_PX, a as getResolvedNodeStyles, b as RESET_THEMES, c as setGlobalCssInjected, d as useEmailTheming, f as createTheme, g as themeStylesToPanelOverrides, h as parseCssValue, i as getMergedCssJs, l as setGlobalStyles, m as isThemeConfig, n as RESET_NODE_TYPES, o as getThemeComponentKey, p as extendTheme, r as getEmailTheming, s as setCurrentTheme, t as EmailTheming, u as stylesToCss, v as EDITOR_THEMES, w as resolveResetValue, x as SUPPORTED_CSS_PROPERTIES, y as INBOX_EMAIL_DEFAULTS } from "../extension-M9mAMex9.mjs";
|
|
2
2
|
import { t as createImageExtension } from "../extension-CDrL5i44.mjs";
|
|
3
3
|
import { t as ImageIcon } from "../image-jWcRFTLT.mjs";
|
|
4
4
|
import { useMemo, useRef } from "react";
|
|
@@ -29,6 +29,6 @@ function useEditorImage(options) {
|
|
|
29
29
|
return useMemo(() => createImageExtension({ uploadImage: (file) => uploadImageRef.current(file) }), []);
|
|
30
30
|
}
|
|
31
31
|
//#endregion
|
|
32
|
-
export { DEFAULT_INBOX_FONT_SIZE_PX, EDITOR_THEMES, EmailTheming, INBOX_EMAIL_DEFAULTS, RESET_THEMES, SUPPORTED_CSS_PROPERTIES, createTheme, extendTheme, getEmailTheming, getMergedCssJs, getPanelTitle, getResolvedNodeStyles, getThemeBodyFontSizePx, getThemeComponentKey, imageSlashCommand, isThemeConfig, parseCssValue, resolveResetValue, setCurrentTheme, setGlobalCssInjected, setGlobalStyles, stylesToCss, themeStylesToPanelOverrides, useEditorImage, useEmailTheming };
|
|
32
|
+
export { DEFAULT_INBOX_FONT_SIZE_PX, EDITOR_THEMES, EmailTheming, INBOX_EMAIL_DEFAULTS, RESET_NODE_TYPES, RESET_THEMES, SUPPORTED_CSS_PROPERTIES, createTheme, extendTheme, getEmailTheming, getMergedCssJs, getPanelTitle, getResolvedNodeStyles, getThemeBodyFontSizePx, getThemeComponentKey, imageSlashCommand, isThemeConfig, parseCssValue, resolveResetValue, setCurrentTheme, setGlobalCssInjected, setGlobalStyles, stylesToCss, themeStylesToPanelOverrides, useEditorImage, useEmailTheming };
|
|
33
33
|
|
|
34
34
|
//# sourceMappingURL=index.mjs.map
|
package/dist/style.css
CHANGED
|
@@ -907,92 +907,6 @@ a[data-re-link-bm-item] {
|
|
|
907
907
|
outline: none;
|
|
908
908
|
}
|
|
909
909
|
|
|
910
|
-
.tiptap p {
|
|
911
|
-
margin: .25em 0;
|
|
912
|
-
}
|
|
913
|
-
|
|
914
|
-
.tiptap h1, .tiptap h2, .tiptap h3 {
|
|
915
|
-
margin: .5em 0 .25em;
|
|
916
|
-
font-weight: 700;
|
|
917
|
-
}
|
|
918
|
-
|
|
919
|
-
.tiptap h1 {
|
|
920
|
-
font-size: 2em;
|
|
921
|
-
}
|
|
922
|
-
|
|
923
|
-
.tiptap h2 {
|
|
924
|
-
font-size: 1.5em;
|
|
925
|
-
}
|
|
926
|
-
|
|
927
|
-
.tiptap h3 {
|
|
928
|
-
font-size: 1.17em;
|
|
929
|
-
}
|
|
930
|
-
|
|
931
|
-
.tiptap a:not(.node-button) {
|
|
932
|
-
color: #2563eb;
|
|
933
|
-
text-underline-offset: 2px;
|
|
934
|
-
cursor: text;
|
|
935
|
-
text-decoration: underline;
|
|
936
|
-
}
|
|
937
|
-
|
|
938
|
-
.tiptap .node-button {
|
|
939
|
-
color: #fff;
|
|
940
|
-
text-align: center;
|
|
941
|
-
cursor: text;
|
|
942
|
-
background-color: #000;
|
|
943
|
-
border-radius: .375em;
|
|
944
|
-
padding: .625em 1.25em;
|
|
945
|
-
font-size: .875em;
|
|
946
|
-
font-weight: 500;
|
|
947
|
-
text-decoration: none;
|
|
948
|
-
display: inline-block;
|
|
949
|
-
}
|
|
950
|
-
|
|
951
|
-
.tiptap blockquote {
|
|
952
|
-
border-left: 3px solid var(--re-border);
|
|
953
|
-
color: var(--re-text-muted);
|
|
954
|
-
margin: .5em 0;
|
|
955
|
-
padding-left: 1em;
|
|
956
|
-
}
|
|
957
|
-
|
|
958
|
-
.tiptap hr {
|
|
959
|
-
border: none;
|
|
960
|
-
border-top: 1px solid var(--re-border);
|
|
961
|
-
margin: 1em 0;
|
|
962
|
-
}
|
|
963
|
-
|
|
964
|
-
.tiptap code {
|
|
965
|
-
background: var(--re-hover);
|
|
966
|
-
border-radius: .25rem;
|
|
967
|
-
padding: .125rem .375rem;
|
|
968
|
-
font-size: .875em;
|
|
969
|
-
}
|
|
970
|
-
|
|
971
|
-
.tiptap pre {
|
|
972
|
-
background: var(--re-hover);
|
|
973
|
-
border-radius: var(--re-radius-sm);
|
|
974
|
-
padding: .75rem 1rem;
|
|
975
|
-
overflow-x: auto;
|
|
976
|
-
}
|
|
977
|
-
|
|
978
|
-
.tiptap pre code {
|
|
979
|
-
background: none;
|
|
980
|
-
border-radius: 0;
|
|
981
|
-
padding: 0;
|
|
982
|
-
}
|
|
983
|
-
|
|
984
|
-
.tiptap ul {
|
|
985
|
-
margin: .25em 0;
|
|
986
|
-
padding-left: 1.5em;
|
|
987
|
-
list-style-type: disc;
|
|
988
|
-
}
|
|
989
|
-
|
|
990
|
-
.tiptap ol {
|
|
991
|
-
margin: .25em 0;
|
|
992
|
-
padding-left: 1.5em;
|
|
993
|
-
list-style-type: decimal;
|
|
994
|
-
}
|
|
995
|
-
|
|
996
910
|
.tiptap p.is-empty:before {
|
|
997
911
|
opacity: .3;
|
|
998
912
|
float: left;
|
|
@@ -5,8 +5,8 @@ type InputType = 'color' | 'number' | 'select' | 'text' | 'textarea';
|
|
|
5
5
|
type InputUnit = 'px' | '%';
|
|
6
6
|
type Options = Record<string, string>;
|
|
7
7
|
type EditorTheme = 'basic' | 'minimal';
|
|
8
|
-
type PanelSectionId = 'body' | 'container' | 'typography' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'link' | 'image' | 'button' | 'code-block' | 'inline-code';
|
|
9
|
-
type KnownThemeComponents = 'reset' | 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'nestedList' | 'list' | 'listItem' | 'listParagraph' | 'blockquote' | 'codeBlock' | 'inlineCode' | 'codeTag' | 'link' | 'footer' | 'hr' | 'image' | 'button' | 'section';
|
|
8
|
+
type PanelSectionId = 'body' | 'container' | 'typography' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'list' | 'nested-list' | 'list-item' | 'link' | 'image' | 'button' | 'code-block' | 'inline-code';
|
|
9
|
+
type KnownThemeComponents = 'reset' | 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'nestedList' | 'list' | 'bulletList' | 'orderedList' | 'listItem' | 'listParagraph' | 'blockquote' | 'codeBlock' | 'inlineCode' | 'codeTag' | 'link' | 'footer' | 'hr' | 'image' | 'button' | 'section';
|
|
10
10
|
type KnownCssProperties = 'align' | 'backgroundColor' | 'color' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textDecoration' | 'borderRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderWidth' | 'borderTopWidth' | 'borderRightWidth' | 'borderBottomWidth' | 'borderLeftWidth' | 'borderStyle' | 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle' | 'borderColor' | 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'width' | 'height';
|
|
11
11
|
type ResetTheme = Record<KnownThemeComponents, React$1.CSSProperties>;
|
|
12
12
|
type CssJs = { [K in KnownThemeComponents]: React$1.CSSProperties & {
|
|
@@ -42,7 +42,7 @@ interface PanelGroup {
|
|
|
42
42
|
classReference?: KnownThemeComponents;
|
|
43
43
|
inputs: Omit<PanelInputProperty, 'category'>[];
|
|
44
44
|
}
|
|
45
|
-
type ThemeableComponent = Extract<KnownThemeComponents, 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'link' | 'image' | 'button' | 'codeBlock' | 'inlineCode' | 'paragraph'>;
|
|
45
|
+
type ThemeableComponent = Extract<KnownThemeComponents, 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'link' | 'image' | 'button' | 'codeBlock' | 'inlineCode' | 'listItem' | 'list' | 'nestedList' | 'paragraph'>;
|
|
46
46
|
type ThemeComponentStyles = { [K in ThemeableComponent]?: React$1.CSSProperties & {
|
|
47
47
|
align?: 'center' | 'left' | 'right';
|
|
48
48
|
} };
|
|
@@ -53,4 +53,4 @@ interface ThemeConfig {
|
|
|
53
53
|
type EditorThemeInput = EditorTheme | ThemeConfig;
|
|
54
54
|
//#endregion
|
|
55
55
|
export { KnownThemeComponents as a, PanelSectionId as c, ThemeComponentStyles as d, ThemeConfig as f, KnownCssProperties as i, ResetTheme as l, EditorTheme as n, PanelGroup as o, ThemeableComponent as p, EditorThemeInput as r, PanelInputProperty as s, CssJs as t, SupportedCssProperties as u };
|
|
56
|
-
//# sourceMappingURL=types-
|
|
56
|
+
//# sourceMappingURL=types-8PZgYQuK.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types-8PZgYQuK.d.mts","names":[],"sources":["../src/plugins/email-theming/types.ts"],"mappings":";;;KAEK,SAAA;AAAA,KACA,SAAA;AAAA,KACA,OAAA,GAAU,MAAA;AAAA,KAEH,WAAA;AAAA,KACA,cAAA;AAAA,KAgBA,oBAAA;AAAA,KAyBA,kBAAA;AAAA,KAqCA,UAAA,GAAa,MAAA,CAAO,oBAAA,EAAsB,OAAA,CAAM,aAAA;AAAA,KAEhD,KAAA,WACJ,oBAAA,GAAuB,OAAA,CAAM,aAAA;EAEjC,KAAA;AAAA;AAAA,KAGQ,sBAAA,WACJ,kBAAA;EACJ,QAAA;EACA,KAAA;EACA,IAAA,EAAM,SAAA;EACN,YAAA;EACA,IAAA,GAAO,SAAA;EACP,OAAA,GAAU,OAAA;EACV,YAAA;EACA,WAAA;EACA,YAAA,IACE,KAAA,EAAO,MAAA,mBACP,MAAA,GAAS,IAAA,GAAO,IAAA,EAAM,UAAA,OAAiB,UAAA;AAAA;AAAA,UAK5B,kBAAA;EACf,KAAA;EACA,IAAA,EAAM,SAAA;EACN,KAAA;EACA,IAAA,EAAM,kBAAA;EACN,cAAA,GAAiB,oBAAA;EACjB,IAAA,GAAO,SAAA;EACP,OAAA,GAAU,OAAA;EACV,WAAA;EACA,QAAA,EAAU,sBAAA,CAAuB,kBAAA;AAAA;AAAA,UAGlB,UAAA;EACf,EAAA,GAAK,cAAA;EACL,KAAA;EACA,QAAA;EACA,UAAA,GAAa,OAAA,CAAM,SAAA;EACnB,cAAA,GAAiB,oBAAA;EACjB,MAAA,EAAQ,IAAA,CAAK,kBAAA;AAAA;AAAA,KAGH,kBAAA,GAAqB,OAAA,CAC/B,oBAAA;AAAA,KAiBU,oBAAA,WACJ,kBAAA,IAAsB,OAAA,CAAM,aAAA;EAChC,KAAA;AAAA;AAAA,UAIa,WAAA;EACf,OAAA,GAAU,WAAA;EACV,MAAA,EAAQ,oBAAA;AAAA;AAAA,KAGE,gBAAA,GAAmB,WAAA,GAAc,WAAA"}
|
|
@@ -5,8 +5,8 @@ type InputType = 'color' | 'number' | 'select' | 'text' | 'textarea';
|
|
|
5
5
|
type InputUnit = 'px' | '%';
|
|
6
6
|
type Options = Record<string, string>;
|
|
7
7
|
type EditorTheme = 'basic' | 'minimal';
|
|
8
|
-
type PanelSectionId = 'body' | 'container' | 'typography' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'link' | 'image' | 'button' | 'code-block' | 'inline-code';
|
|
9
|
-
type KnownThemeComponents = 'reset' | 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'nestedList' | 'list' | 'listItem' | 'listParagraph' | 'blockquote' | 'codeBlock' | 'inlineCode' | 'codeTag' | 'link' | 'footer' | 'hr' | 'image' | 'button' | 'section';
|
|
8
|
+
type PanelSectionId = 'body' | 'container' | 'typography' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'list' | 'nested-list' | 'list-item' | 'link' | 'image' | 'button' | 'code-block' | 'inline-code';
|
|
9
|
+
type KnownThemeComponents = 'reset' | 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'paragraph' | 'nestedList' | 'list' | 'bulletList' | 'orderedList' | 'listItem' | 'listParagraph' | 'blockquote' | 'codeBlock' | 'inlineCode' | 'codeTag' | 'link' | 'footer' | 'hr' | 'image' | 'button' | 'section';
|
|
10
10
|
type KnownCssProperties = 'align' | 'backgroundColor' | 'color' | 'fontSize' | 'fontWeight' | 'letterSpacing' | 'lineHeight' | 'textDecoration' | 'borderRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderWidth' | 'borderTopWidth' | 'borderRightWidth' | 'borderBottomWidth' | 'borderLeftWidth' | 'borderStyle' | 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle' | 'borderColor' | 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'width' | 'height';
|
|
11
11
|
type ResetTheme = Record<KnownThemeComponents, React$1.CSSProperties>;
|
|
12
12
|
type CssJs = { [K in KnownThemeComponents]: React$1.CSSProperties & {
|
|
@@ -42,7 +42,7 @@ interface PanelGroup {
|
|
|
42
42
|
classReference?: KnownThemeComponents;
|
|
43
43
|
inputs: Omit<PanelInputProperty, 'category'>[];
|
|
44
44
|
}
|
|
45
|
-
type ThemeableComponent = Extract<KnownThemeComponents, 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'link' | 'image' | 'button' | 'codeBlock' | 'inlineCode' | 'paragraph'>;
|
|
45
|
+
type ThemeableComponent = Extract<KnownThemeComponents, 'body' | 'container' | 'h1' | 'h2' | 'h3' | 'link' | 'image' | 'button' | 'codeBlock' | 'inlineCode' | 'listItem' | 'list' | 'nestedList' | 'paragraph'>;
|
|
46
46
|
type ThemeComponentStyles = { [K in ThemeableComponent]?: React$1.CSSProperties & {
|
|
47
47
|
align?: 'center' | 'left' | 'right';
|
|
48
48
|
} };
|
|
@@ -53,4 +53,4 @@ interface ThemeConfig {
|
|
|
53
53
|
type EditorThemeInput = EditorTheme | ThemeConfig;
|
|
54
54
|
//#endregion
|
|
55
55
|
export { KnownThemeComponents as a, PanelSectionId as c, ThemeComponentStyles as d, ThemeConfig as f, KnownCssProperties as i, ResetTheme as l, EditorTheme as n, PanelGroup as o, ThemeableComponent as p, EditorThemeInput as r, PanelInputProperty as s, CssJs as t, SupportedCssProperties as u };
|
|
56
|
-
//# sourceMappingURL=types-
|
|
56
|
+
//# sourceMappingURL=types-DUTo2zJ5.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types-DUTo2zJ5.d.cts","names":[],"sources":["../src/plugins/email-theming/types.ts"],"mappings":";;;KAEK,SAAA;AAAA,KACA,SAAA;AAAA,KACA,OAAA,GAAU,MAAA;AAAA,KAEH,WAAA;AAAA,KACA,cAAA;AAAA,KAgBA,oBAAA;AAAA,KAyBA,kBAAA;AAAA,KAqCA,UAAA,GAAa,MAAA,CAAO,oBAAA,EAAsB,OAAA,CAAM,aAAA;AAAA,KAEhD,KAAA,WACJ,oBAAA,GAAuB,OAAA,CAAM,aAAA;EAEjC,KAAA;AAAA;AAAA,KAGQ,sBAAA,WACJ,kBAAA;EACJ,QAAA;EACA,KAAA;EACA,IAAA,EAAM,SAAA;EACN,YAAA;EACA,IAAA,GAAO,SAAA;EACP,OAAA,GAAU,OAAA;EACV,YAAA;EACA,WAAA;EACA,YAAA,IACE,KAAA,EAAO,MAAA,mBACP,MAAA,GAAS,IAAA,GAAO,IAAA,EAAM,UAAA,OAAiB,UAAA;AAAA;AAAA,UAK5B,kBAAA;EACf,KAAA;EACA,IAAA,EAAM,SAAA;EACN,KAAA;EACA,IAAA,EAAM,kBAAA;EACN,cAAA,GAAiB,oBAAA;EACjB,IAAA,GAAO,SAAA;EACP,OAAA,GAAU,OAAA;EACV,WAAA;EACA,QAAA,EAAU,sBAAA,CAAuB,kBAAA;AAAA;AAAA,UAGlB,UAAA;EACf,EAAA,GAAK,cAAA;EACL,KAAA;EACA,QAAA;EACA,UAAA,GAAa,OAAA,CAAM,SAAA;EACnB,cAAA,GAAiB,oBAAA;EACjB,MAAA,EAAQ,IAAA,CAAK,kBAAA;AAAA;AAAA,KAGH,kBAAA,GAAqB,OAAA,CAC/B,oBAAA;AAAA,KAiBU,oBAAA,WACJ,kBAAA,IAAsB,OAAA,CAAM,aAAA;EAChC,KAAA;AAAA;AAAA,UAIa,WAAA;EACf,OAAA,GAAU,WAAA;EACV,MAAA,EAAQ,oBAAA;AAAA;AAAA,KAGE,gBAAA,GAAmB,WAAA,GAAc,WAAA"}
|
package/dist/ui/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
2
2
|
const require_focus_scopes = require("../focus-scopes-l_Ki0562.cjs");
|
|
3
3
|
const require_email_node = require("../email-node-DvyWFrOM.cjs");
|
|
4
|
-
const require_extension = require("../extension-
|
|
4
|
+
const require_extension = require("../extension-r1aNq37Z.cjs");
|
|
5
5
|
const require_root = require("../root-D8zhkKgc.cjs");
|
|
6
6
|
const require_image = require("../image-BpsmuXKq.cjs");
|
|
7
7
|
let _tiptap_react = require("@tiptap/react");
|
package/dist/ui/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as FocusScopesStorage } from "../focus-scopes-BLTX2pJU.cjs";
|
|
2
|
-
import { a as KnownThemeComponents, i as KnownCssProperties, o as PanelGroup } from "../types-
|
|
2
|
+
import { a as KnownThemeComponents, i as KnownCssProperties, o as PanelGroup } from "../types-DUTo2zJ5.cjs";
|
|
3
3
|
import { a as SlashCommandRootProps, i as SlashCommandRenderProps, n as SlashCommandItem, r as SlashCommandProps, t as SearchableItem } from "../types-ALwc36ll.cjs";
|
|
4
4
|
import { Attrs } from "@tiptap/pm/model";
|
|
5
5
|
import { Editor } from "@tiptap/core";
|
package/dist/ui/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as FocusScopesStorage } from "../focus-scopes-CKTuaMk3.mjs";
|
|
2
|
-
import { a as KnownThemeComponents, i as KnownCssProperties, o as PanelGroup } from "../types-
|
|
2
|
+
import { a as KnownThemeComponents, i as KnownCssProperties, o as PanelGroup } from "../types-8PZgYQuK.mjs";
|
|
3
3
|
import { a as SlashCommandRootProps, i as SlashCommandRenderProps, n as SlashCommandItem, r as SlashCommandProps, t as SearchableItem } from "../types-BG5XsXt9.mjs";
|
|
4
4
|
import { useCurrentEditor } from "@tiptap/react";
|
|
5
5
|
import * as React$2 from "react";
|
package/dist/ui/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as jsToInlineCss, i as inlineCssToJs, n as ensureBorderStyleFallback, r as expandShorthandProperties } from "../email-node-B-_g4X-S.mjs";
|
|
2
2
|
import { p as loadPrismTheme } from "../focus-scopes-B_0O7l7d.mjs";
|
|
3
|
-
import {
|
|
3
|
+
import { d as useEmailTheming, l as setGlobalStyles, o as getThemeComponentKey, u as stylesToCss, v as EDITOR_THEMES, x as SUPPORTED_CSS_PROPERTIES } from "../extension-M9mAMex9.mjs";
|
|
4
4
|
import { $ as BubbleMenuButtonToolbar, A as BubbleMenuImageUnlink, At as ChevronDownIcon, B as BubbleMenuNodeSelector, C as BubbleMenuLinkDefault, Ct as Heading2Icon, D as BubbleMenuLinkForm, Dt as Columns3Icon, E as BubbleMenuLinkOpenLink, Et as Columns4Icon, F as RootWithDefault, Ft as AlignLeftIcon, G as BubbleMenuItalic, H as NodeSelectorRoot, I as BubbleMenuUppercase, It as AlignCenterIcon, J as EditorFocusScope, K as BubbleMenuItemGroup, L as BubbleMenuUnderline, M as BubbleMenuImageForm, Mt as CaseUpperIcon, N as BubbleMenuImageEditLink, Nt as BoldIcon, O as BubbleMenuLinkEditLink, Ot as Columns2Icon, P as BubbleMenuButtonDefault, Pt as AlignRightIcon, Q as BubbleMenuButtonUnlink, R as bubbleMenuTriggers, S as BubbleMenuSeparator, St as Heading3Icon, T as BubbleMenuLinkToolbar, Tt as ExternalLinkIcon, U as NodeSelectorTrigger, V as NodeSelectorContent, W as BubbleMenuLinkSelector, X as FocusScopeContext, Y as EditorFocusScopeProvider, Z as useEditorFocusScope, _ as TWO_COLUMNS, _t as MousePointerIcon, a as BUTTON, at as BubbleMenuAlignCenter, b as isInsideNode, bt as LinkIcon, c as FOUR_COLUMNS, ct as UnlinkIcon, d as H3, dt as TextIcon, et as BubbleMenuButtonForm, f as NUMBERED_LIST, ft as StrikethroughIcon, g as THREE_COLUMNS, gt as PencilIcon, h as TEXT, ht as Rows2Icon, i as BULLET_LIST, it as BubbleMenuAlignLeft, j as BubbleMenuImageToolbar, jt as CheckIcon, k as BubbleMenuImageDefault, kt as CodeIcon, l as H1, lt as UnderlineIcon, m as SECTION, mt as SplitSquareVerticalIcon, n as filterAndRankItems, nt as BubbleMenuBold, o as CODE, ot as BubbleMenuItem, p as QUOTE, pt as SquareCodeIcon, q as BubbleMenuCode, r as scoreItem, rt as BubbleMenuAlignRight, s as DIVIDER, st as useBubbleMenuContext, t as SlashCommandRoot, tt as BubbleMenuButtonEditLink, u as H2, ut as TextQuoteIcon, v as defaultSlashCommands, vt as ListOrderedIcon, w as BubbleMenuLinkUnlink, wt as Heading1Icon, x as BubbleMenu, xt as ItalicIcon, y as isAtMaxColumnsDepth, yt as ListIcon, z as BubbleMenuStrike } from "../root-yYM1BF1C.mjs";
|
|
5
5
|
import { t as ImageIcon } from "../image-jWcRFTLT.mjs";
|
|
6
6
|
import { useCurrentEditor, useEditorState } from "@tiptap/react";
|
|
@@ -1061,7 +1061,7 @@ a[data-re-link-bm-item] {
|
|
|
1061
1061
|
}
|
|
1062
1062
|
|
|
1063
1063
|
/* ----------------------------------------------------------------
|
|
1064
|
-
* Editor content —
|
|
1064
|
+
* Editor content — root and placeholders
|
|
1065
1065
|
* ---------------------------------------------------------------- */
|
|
1066
1066
|
|
|
1067
1067
|
.tiptap {
|
|
@@ -1069,94 +1069,6 @@ a[data-re-link-bm-item] {
|
|
|
1069
1069
|
color: var(--re-text);
|
|
1070
1070
|
}
|
|
1071
1071
|
|
|
1072
|
-
.tiptap p {
|
|
1073
|
-
margin: 0.25em 0;
|
|
1074
|
-
}
|
|
1075
|
-
|
|
1076
|
-
.tiptap h1,
|
|
1077
|
-
.tiptap h2,
|
|
1078
|
-
.tiptap h3 {
|
|
1079
|
-
margin: 0.5em 0 0.25em;
|
|
1080
|
-
font-weight: 700;
|
|
1081
|
-
}
|
|
1082
|
-
|
|
1083
|
-
.tiptap h1 {
|
|
1084
|
-
font-size: 2em;
|
|
1085
|
-
}
|
|
1086
|
-
|
|
1087
|
-
.tiptap h2 {
|
|
1088
|
-
font-size: 1.5em;
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
.tiptap h3 {
|
|
1092
|
-
font-size: 1.17em;
|
|
1093
|
-
}
|
|
1094
|
-
|
|
1095
|
-
.tiptap a:not(.node-button) {
|
|
1096
|
-
color: #2563eb;
|
|
1097
|
-
text-decoration: underline;
|
|
1098
|
-
text-underline-offset: 2px;
|
|
1099
|
-
cursor: text;
|
|
1100
|
-
}
|
|
1101
|
-
|
|
1102
|
-
.tiptap .node-button {
|
|
1103
|
-
display: inline-block;
|
|
1104
|
-
padding: 0.625em 1.25em;
|
|
1105
|
-
background-color: #000;
|
|
1106
|
-
color: #fff;
|
|
1107
|
-
border-radius: 0.375em;
|
|
1108
|
-
font-weight: 500;
|
|
1109
|
-
font-size: 0.875em;
|
|
1110
|
-
text-decoration: none;
|
|
1111
|
-
text-align: center;
|
|
1112
|
-
cursor: text;
|
|
1113
|
-
}
|
|
1114
|
-
|
|
1115
|
-
.tiptap blockquote {
|
|
1116
|
-
border-left: 3px solid var(--re-border);
|
|
1117
|
-
margin: 0.5em 0;
|
|
1118
|
-
padding-left: 1em;
|
|
1119
|
-
color: var(--re-text-muted);
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1122
|
-
.tiptap hr {
|
|
1123
|
-
border: none;
|
|
1124
|
-
border-top: 1px solid var(--re-border);
|
|
1125
|
-
margin: 1em 0;
|
|
1126
|
-
}
|
|
1127
|
-
|
|
1128
|
-
.tiptap code {
|
|
1129
|
-
background: var(--re-hover);
|
|
1130
|
-
border-radius: 0.25rem;
|
|
1131
|
-
padding: 0.125rem 0.375rem;
|
|
1132
|
-
font-size: 0.875em;
|
|
1133
|
-
}
|
|
1134
|
-
|
|
1135
|
-
.tiptap pre {
|
|
1136
|
-
background: var(--re-hover);
|
|
1137
|
-
border-radius: var(--re-radius-sm);
|
|
1138
|
-
padding: 0.75rem 1rem;
|
|
1139
|
-
overflow-x: auto;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
|
-
.tiptap pre code {
|
|
1143
|
-
background: none;
|
|
1144
|
-
padding: 0;
|
|
1145
|
-
border-radius: 0;
|
|
1146
|
-
}
|
|
1147
|
-
|
|
1148
|
-
.tiptap ul {
|
|
1149
|
-
list-style-type: disc;
|
|
1150
|
-
padding-left: 1.5em;
|
|
1151
|
-
margin: 0.25em 0;
|
|
1152
|
-
}
|
|
1153
|
-
|
|
1154
|
-
.tiptap ol {
|
|
1155
|
-
list-style-type: decimal;
|
|
1156
|
-
padding-left: 1.5em;
|
|
1157
|
-
margin: 0.25em 0;
|
|
1158
|
-
}
|
|
1159
|
-
|
|
1160
1072
|
.tiptap p.is-empty::before {
|
|
1161
1073
|
opacity: 0.3;
|
|
1162
1074
|
float: left;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-email/editor",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.4",
|
|
4
4
|
"description": "A rich text editor for editing and building email templates",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"**/*.css"
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
"@tiptap/suggestion": "^3.17.1",
|
|
127
127
|
"hast-util-from-html": "^2.0.3",
|
|
128
128
|
"prismjs": "^1.30.0",
|
|
129
|
-
"react-email": "6.0.
|
|
129
|
+
"react-email": "6.0.7"
|
|
130
130
|
},
|
|
131
131
|
"devDependencies": {
|
|
132
132
|
"@testing-library/react": "16.3.2",
|