@frontify/guideline-blocks-settings 1.0.13-alpha.2 → 1.0.13-alpha.3

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js

@@ -1,55 +1,50 @@
 var a = Object.defineProperty;
-var i = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var l = (t, s, e) => i(t, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as n } from "react/jsx-runtime";
-import { TextStyles as r, BlockStyles as c } from "../styles.es.js";
-import { Plugin as p } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/Plugin.es.es.js";
-import { createPluginFactory as g } from "../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { MarkupElement as y } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkupElement.es.es.js";
-import { merge as C } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/utilities/merge.es.es.js";
-import { alignmentClassnames as f } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/helper.es.es.js";
-import { getColumnBreakClasses as k } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/getColumnBreakClasses.es.es.js";
-const x = "textstyle-custom2-plugin";
-class v extends p {
-  constructor({ styles: e = c.custom2, ...o } = {}) {
-    super(r.custom2, {
+var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
+import { jsx as r } from "react/jsx-runtime";
+import { Plugin as i, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue/rte";
+import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
+const d = "textstyle-custom2-plugin";
+class B extends i {
+  constructor({ styles: e = x.custom2, ...l } = {}) {
+    super(o.custom2, {
       label: "Custom 2",
-      markupElement: new d(),
-      ...o
+      markupElement: new E(),
+      ...l
     });
-    l(this, "styles", {});
+    n(this, "styles", {});
     this.styles = e;
   }
   plugins() {
-    return [E(this.styles)];
+    return [P(this.styles)];
   }
 }
-class d extends y {
-  constructor(s = x, e = u) {
+class E extends g {
+  constructor(s = d, e = u) {
     super(s, e);
   }
 }
-const u = ({ element: t, attributes: s, children: e, styles: o }) => {
+const u = ({ element: t, attributes: s, children: e, styles: l }) => {
   const m = t.align;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "p",
     {
       ...s,
-      className: C([m && f[m], k(t)]),
-      style: o,
+      className: y([m && C[m], k(t)]),
+      style: l,
       children: e
     }
   );
-}, E = (t) => g({
-  key: r.custom2,
+}, P = (t) => p({
+  key: o.custom2,
   isElement: !0,
   deserializeHtml: {
-    rules: [{ validClassName: r.custom2 }]
+    rules: [{ validClassName: o.custom2 }]
   }
 })({
-  component: (s) => /* @__PURE__ */ n(u, { ...s, styles: t })
+  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
 });
 export {
-  v as Custom2Plugin
+  B as Custom2Plugin
 };
 //# sourceMappingURL=custom2Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n        super(TextStyles.custom2, {\n            label: 'Custom 2',\n            markupElement: new Custom2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom2Plugin(this.styles)];\n    }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom2,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom2 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","__publicField","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}
+{"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n        super(TextStyles.custom2, {\n            label: 'Custom 2',\n            markupElement: new Custom2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom2Plugin(this.styles)];\n    }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom2,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom2 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","__publicField","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js

@@ -1,56 +1,50 @@
-var u = Object.defineProperty;
-var i = (t, s, e) => s in t ? u(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var l = (t, s, e) => i(t, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as a } from "react/jsx-runtime";
-import { BlockStyles as c } from "../styles.es.js";
-import { Plugin as p } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/Plugin.es.es.js";
-import { TextStyles as r } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/TextStylePlugin/types.es.es.js";
-import { createPluginFactory as g } from "../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { MarkupElement as f } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkupElement.es.es.js";
-import { merge as y } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/utilities/merge.es.es.js";
-import { alignmentClassnames as C } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/helper.es.es.js";
-import { getColumnBreakClasses as k } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/getColumnBreakClasses.es.es.js";
-const x = "textstyle-custom3-plugin";
-class z extends p {
-  constructor({ styles: e = c.custom3, ...o } = {}) {
-    super(r.custom3, {
+var a = Object.defineProperty;
+var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
+import { jsx as r } from "react/jsx-runtime";
+import { Plugin as i, TextStyles as o, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue/rte";
+import { BlockStyles as x } from "../styles.es.js";
+const d = "textstyle-custom3-plugin";
+class B extends i {
+  constructor({ styles: e = x.custom3, ...l } = {}) {
+    super(o.custom3, {
       label: "Custom 3",
-      markupElement: new d(),
-      ...o
+      markupElement: new E(),
+      ...l
     });
-    l(this, "styles", {});
+    n(this, "styles", {});
     this.styles = e;
   }
   plugins() {
-    return [E(this.styles)];
+    return [P(this.styles)];
   }
 }
-class d extends f {
-  constructor(s = x, e = n) {
+class E extends g {
+  constructor(s = d, e = u) {
     super(s, e);
   }
 }
-const n = ({ element: t, attributes: s, children: e, styles: o }) => {
+const u = ({ element: t, attributes: s, children: e, styles: l }) => {
   const m = t.align;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ r(
     "p",
     {
       ...s,
       className: y([m && C[m], k(t)]),
-      style: o,
+      style: l,
       children: e
     }
   );
-}, E = (t) => g({
-  key: r.custom3,
+}, P = (t) => p({
+  key: o.custom3,
   isElement: !0,
   deserializeHtml: {
-    rules: [{ validClassName: r.custom3 }]
+    rules: [{ validClassName: o.custom3 }]
   }
 })({
-  component: (s) => /* @__PURE__ */ a(n, { ...s, styles: t })
+  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
 });
 export {
-  z as Custom3Plugin
+  B as Custom3Plugin
 };
 //# sourceMappingURL=custom3Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    TextStyles,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n        super(TextStyles.custom3, {\n            label: 'Custom 3',\n            markupElement: new Custom3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom3Plugin(this.styles)];\n    }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom3MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom3,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom3 }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","__publicField","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;;;;;;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACxG,CAAC;"}
+{"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    TextStyles,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n        super(TextStyles.custom3, {\n            label: 'Custom 3',\n            markupElement: new Custom3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom3Plugin(this.styles)];\n    }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom3MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom3,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom3 }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","__publicField","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACxG,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js

@@ -1,56 +1,51 @@
-var m = Object.defineProperty;
-var g = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => g(s, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as l } from "react/jsx-runtime";
-import { TextStyles as i, BlockStyles as p } from "../styles.es.js";
-import { Plugin as u } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/Plugin.es.es.js";
-import { createPluginFactory as c } from "../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { MarkupElement as d } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkupElement.es.es.js";
-import { merge as y } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/utilities/merge.es.es.js";
-import { alignmentClassnames as f } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/helper.es.es.js";
-import { getColumnBreakClasses as h } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/getColumnBreakClasses.es.es.js";
-const k = "textstyle-heading1-plugin";
-class j extends u {
-  constructor({ styles: t = p.heading1, ...n } = {}) {
-    super(i.heading1, {
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading1-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading1, ...s } = {}) {
+    super(o.heading1, {
       label: "Heading 1",
-      markupElement: new H(),
-      ...n
+      markupElement: new x(),
+      ...s
     });
-    o(this, "styles", {});
-    this.styles = t;
+    r(this, "styles", {});
+    this.styles = n;
   }
   plugins() {
-    return [x(this.styles)];
+    return [E(this.styles)];
   }
 }
-class H extends d {
-  constructor(e = k, t = r) {
-    super(e, t);
+class x extends d {
+  constructor(e = H, n = l) {
+    super(e, n);
   }
 }
-const r = ({ element: s, attributes: e, children: t, styles: n }) => {
-  const a = s.align;
-  return /* @__PURE__ */ l(
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
     "h1",
     {
       ...e,
-      className: y([a && f[a], h(s)]),
-      style: n,
-      children: t
+      className: p([a && y[a], h(t)]),
+      style: s,
+      children: n
     }
   );
-}, x = (s) => c({
-  key: i.heading1,
+}, E = (t) => c({
+  key: o.heading1,
   isElement: !0,
-  component: r,
+  component: l,
   deserializeHtml: {
     rules: [{ validNodeName: ["h1", "H1"] }]
   }
 })({
-  component: (e) => /* @__PURE__ */ l(r, { ...e, styles: s })
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
 });
 export {
-  j as Heading1Plugin
+  M as Heading1Plugin
 };
 //# sourceMappingURL=heading1Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}
+{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js

@@ -1,56 +1,51 @@
-var m = Object.defineProperty;
-var g = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => g(s, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as l } from "react/jsx-runtime";
-import { TextStyles as i, BlockStyles as p } from "../styles.es.js";
-import { Plugin as u } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/Plugin.es.es.js";
-import { createPluginFactory as c } from "../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { MarkupElement as d } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkupElement.es.es.js";
-import { merge as y } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/utilities/merge.es.es.js";
-import { alignmentClassnames as f } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/helper.es.es.js";
-import { getColumnBreakClasses as h } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/getColumnBreakClasses.es.es.js";
-const k = "textstyle-heading2-plugin";
-class j extends u {
-  constructor({ styles: t = p.heading2, ...n } = {}) {
-    super(i.heading2, {
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading2-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading2, ...s } = {}) {
+    super(o.heading2, {
       label: "Heading 2",
-      markupElement: new H(),
-      ...n
+      markupElement: new x(),
+      ...s
     });
-    o(this, "styles", {});
-    this.styles = t;
+    r(this, "styles", {});
+    this.styles = n;
   }
   plugins() {
-    return [x(this.styles)];
+    return [E(this.styles)];
   }
 }
-class H extends d {
-  constructor(e = k, t = r) {
-    super(e, t);
+class x extends d {
+  constructor(e = H, n = l) {
+    super(e, n);
   }
 }
-const r = ({ element: s, attributes: e, children: t, styles: n }) => {
-  const a = s.align;
-  return /* @__PURE__ */ l(
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
     "h2",
     {
       ...e,
-      className: y([a && f[a], h(s)]),
-      style: n,
-      children: t
+      className: p([a && y[a], h(t)]),
+      style: s,
+      children: n
     }
   );
-}, x = (s) => c({
-  key: i.heading2,
+}, E = (t) => c({
+  key: o.heading2,
   isElement: !0,
-  component: r,
+  component: l,
   deserializeHtml: {
     rules: [{ validNodeName: ["h2", "H2"] }]
   }
 })({
-  component: (e) => /* @__PURE__ */ l(r, { ...e, styles: s })
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
 });
 export {
-  j as Heading2Plugin
+  M as Heading2Plugin
 };
 //# sourceMappingURL=heading2Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js

@@ -1,56 +1,51 @@
-var m = Object.defineProperty;
-var g = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => g(s, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as l } from "react/jsx-runtime";
-import { TextStyles as i, BlockStyles as p } from "../styles.es.js";
-import { Plugin as u } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/Plugin.es.es.js";
-import { createPluginFactory as c } from "../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { MarkupElement as d } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkupElement.es.es.js";
-import { merge as y } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/utilities/merge.es.es.js";
-import { alignmentClassnames as f } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/helper.es.es.js";
-import { getColumnBreakClasses as h } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/utils/getColumnBreakClasses.es.es.js";
-const k = "textstyle-heading3-plugin";
-class j extends u {
-  constructor({ styles: t = p.heading3, ...n } = {}) {
-    super(i.heading3, {
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading3-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading3, ...s } = {}) {
+    super(o.heading3, {
       label: "Heading 3",
-      markupElement: new H(),
-      ...n
+      markupElement: new x(),
+      ...s
     });
-    o(this, "styles", {});
-    this.styles = t;
+    r(this, "styles", {});
+    this.styles = n;
   }
   plugins() {
-    return [x(this.styles)];
+    return [E(this.styles)];
   }
 }
-class H extends d {
-  constructor(e = k, t = r) {
-    super(e, t);
+class x extends d {
+  constructor(e = H, n = l) {
+    super(e, n);
   }
 }
-const r = ({ element: s, attributes: e, children: t, styles: n }) => {
-  const a = s.align;
-  return /* @__PURE__ */ l(
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
     "h3",
     {
       ...e,
-      className: y([a && f[a], h(s)]),
-      style: n,
-      children: t
+      className: p([a && y[a], h(t)]),
+      style: s,
+      children: n
     }
   );
-}, x = (s) => c({
-  key: i.heading3,
+}, E = (t) => c({
+  key: o.heading3,
   isElement: !0,
-  component: r,
+  component: l,
   deserializeHtml: {
     rules: [{ validNodeName: ["h3", "H3"] }]
   }
 })({
-  component: (e) => /* @__PURE__ */ l(r, { ...e, styles: s })
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
 });
 export {
-  j as Heading3Plugin
+  M as Heading3Plugin
 };
 //# sourceMappingURL=heading3Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}