@react-email/editor 1.3.2 → 1.3.3

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/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-CG4gZ1-f.cjs");
5
- const require_extension = require("./extension-W9raGSI9.cjs");
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-B2yr4rz3.cjs";
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-DzqGGKXD.mjs";
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-CQ3r7pnM.mjs";
3
- import { t as EmailTheming } from "./extension-TtsG0Puz.mjs";
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";
@@ -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-W9raGSI9.cjs");
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;
@@ -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-B2yr4rz3.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-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;AAAA,iBAoCa,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;;;;;iBAQxC,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;;;iBC9OJ,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;;;;;;;;iBC7Ea,aAAA,CAAc,KAAA,EAAO,UAAA;AAAA,cA6rBxB,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;;;UC1xBtB,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"}
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"}
@@ -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-DzqGGKXD.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-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;AAAA,iBAoCa,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;;;;;iBAQxC,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;;;iBC9OJ,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;;;;;;;;iBC7Ea,aAAA,CAAc,KAAA,EAAO,UAAA;AAAA,cA6rBxB,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;;;UC1xBtB,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"}
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"}
@@ -1,4 +1,4 @@
1
- import { C as resolveResetValue, S as getThemeBodyFontSizePx, _ as EDITOR_THEMES, a as getThemeComponentKey, b as SUPPORTED_CSS_PROPERTIES, c as setGlobalStyles, d as createTheme, f as extendTheme, g as DEFAULT_INBOX_FONT_SIZE_PX, h as themeStylesToPanelOverrides, i as getResolvedNodeStyles, l as stylesToCss, m as parseCssValue, n as getEmailTheming, o as setCurrentTheme, p as isThemeConfig, r as getMergedCssJs, s as setGlobalCssInjected, t as EmailTheming, u as useEmailTheming, v as INBOX_EMAIL_DEFAULTS, x as getPanelTitle, y as RESET_THEMES } from "../extension-TtsG0Puz.mjs";
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-B2yr4rz3.d.cts.map
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-DzqGGKXD.d.mts.map
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-W9raGSI9.cjs");
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");
@@ -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-B2yr4rz3.cjs";
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";
@@ -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-DzqGGKXD.mjs";
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 { _ as EDITOR_THEMES, a as getThemeComponentKey, b as SUPPORTED_CSS_PROPERTIES, c as setGlobalStyles, l as stylesToCss, u as useEmailTheming } from "../extension-TtsG0Puz.mjs";
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 — base typography
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.2",
3
+ "version": "1.3.3",
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.5"
129
+ "react-email": "6.0.6"
130
130
  },
131
131
  "devDependencies": {
132
132
  "@testing-library/react": "16.3.2",