@jpmorganchase/mosaic-content-editor-plugin 0.1.0-beta.37 → 0.1.0-beta.39

package/dist/components/Toolbar/Toolbar.css

@@ -1 +1 @@
-._1sg4vms0{width:28px;height:28px}.u64up60{margin:-8px 0 0}.u64up61{width:14px;font-size:12px}.u64up62{font-weight:var(--mosaic-fontWeight-bold)}.u64up63{font-style:italic}.u64up64{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.fdaqer0{z-index:10}._195c2ps0{position:relative;margin:var(--mosaic-space-horizontal-x2)}._195c2ps1{position:absolute;top:0;width:25px}._195c2ps2{position:absolute;left:0;height:25px}._195c2ps4{display:flex;justify-content:center;align-items:center;padding-top:var(--mosaic-space-vertical-x2)}._195c2ps6{z-index:1600}._195c2ps8{margin-left:var(--mosaic-space-horizontal-x1)}.jmottr0{width:100%}._1cwa3bz0{width:100%}
+._1qc5rwi0{background:inherit;display:flex;justify-content:center;flex-shrink:0;flex-grow:0;position:relative;overflow:hidden;padding:var(--mosaic-space-horizontal-x1)}._1qc5rwi1{margin-right:auto}._1qc5rwi0._1qc5rwi2{margin-left:auto!important}._1qc5rwi0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}.u64up60{width:14px;font-size:12px}.u64up61{font-weight:var(--mosaic-fontWeight-bold)}.u64up62{font-style:italic}.u64up63{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.fdaqer0{z-index:10}._195c2ps0{width:var(--mosaic-space-horizontal-x10)}._195c2ps1{position:relative;margin:var(--mosaic-space-horizontal-x2)}._195c2ps2{position:absolute;top:0;width:25px}._195c2ps3{position:absolute;left:0;height:25px}._195c2ps5{display:flex;justify-content:center;align-items:center;padding-top:var(--mosaic-space-vertical-x2)}._195c2ps7{z-index:1600}._195c2ps0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.trugsj0{min-width:500px}.jmottr0{width:100%}._1cwa3bz0{width:100%}._1lleyna0{overflow:hidden;position:relative;display:flex;align-items:center;padding:var(--mosaic-space-horizontal-x1);height:44px}._1lleyna1>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x2)}._1thn0560:before{content:"";position:absolute;background:inherit;top:6px;right:0;width:1px;height:var(--mosaic-space-vertical-x6)}

package/dist/components/Toolbar/Toolbar.js

@@ -1 +1 @@
-import{a}from"../../chunk-B3MUPQQA.js";import"../../chunk-ZUGL4RMA.js";import"../../chunk-L5I3DIHV.js";import"../../chunk-KZXCNQER.js";import"../../chunk-HYOY3SMH.js";import"../../chunk-GWUYDDYS.js";import"../../chunk-FW7CHFWO.js";import"../../chunk-4CRC7NS5.js";import"../../chunk-JYGEHLYM.js";import"../../chunk-U7COOUR6.js";import"../../chunk-R6U5TOP4.js";import"../../chunk-VO6JTL4J.js";import"../../chunk-XP37MJCS.js";import"../../chunk-P5OBPOC4.js";import"../../chunk-YBFKG74H.js";import"../../chunk-JJ5K5LVL.js";import"../../chunk-WZYDYWT3.js";import"../../chunk-PMMRU33I.js";import"../../chunk-FFJYM47T.js";import"../../chunk-PC66Q33O.js";import"../../chunk-G57W376H.js";export{a as default};
+import{a}from"../../chunk-BINIAABY.js";import"../../chunk-4B2NDAA2.js";import"../../chunk-4LQ77YZW.js";import"../../chunk-DLRFTDUZ.js";import"../../chunk-UBWAGWSM.js";import"../../chunk-KZXCNQER.js";import"../../chunk-DXTVYP7D.js";import"../../chunk-NFA3MZOC.js";import"../../chunk-YBFKG74H.js";import"../../chunk-PC66Q33O.js";import"../../chunk-FW7CHFWO.js";import"../../chunk-MZJ4JT73.js";import"../../chunk-B6MFPF7L.js";import"../../chunk-U7COOUR6.js";import"../../chunk-WCOTJ6JY.js";import"../../chunk-WZYDYWT3.js";import"../../chunk-YIFLQ5MW.js";import"../../chunk-XP37MJCS.js";import"../../chunk-P5OBPOC4.js";import"../../chunk-7JRJTNUG.js";import"../../chunk-GYUEXLD6.js";import"../../chunk-FH2LMMJT.js";import"../../chunk-7LK4O57W.js";import"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";import"../../chunk-G57W376H.js";import"../../chunk-XSZUCLBY.js";import"../../chunk-OW5SK4AJ.js";export{a as default};

package/dist/components/Toolbar/ToolbarButton.css

@@ -0,0 +1 @@
+.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}

package/dist/components/Toolbar/ToolbarButton.css.css

@@ -0,0 +1 @@
+.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}

package/dist/components/Toolbar/ToolbarButton.css.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    root: string;
+};
+export default _default;

package/dist/components/Toolbar/ToolbarButton.css.js

@@ -0,0 +1 @@
+import{a}from"../../chunk-Y2A2ULLZ.js";export{a as default};

package/dist/components/Toolbar/ToolbarButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type ButtonProps } from '@jpmorganchase/mosaic-components';
+export interface ToolbarButtonProps extends ButtonProps {
+    active?: boolean;
+    label?: string;
+    disableTooltip?: boolean;
+}
+export declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Toolbar/ToolbarButton.js

@@ -0,0 +1 @@
+import{a}from"../../chunk-3QIETKQW.js";import"../../chunk-Y2A2ULLZ.js";export{a as ToolbarButton};

package/dist/components/Toolbar/ToolbarSeparator.css.css

@@ -0,0 +1 @@
+._1thn0560:before{content:"";position:absolute;background:inherit;top:6px;right:0;width:1px;height:var(--mosaic-space-vertical-x6)}

package/dist/components/Toolbar/ToolbarSeparator.css.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    root: string;
+};
+export default _default;

package/dist/components/Toolbar/ToolbarSeparator.css.js

@@ -0,0 +1 @@
+import{a}from"../../chunk-4LQ77YZW.js";export{a as default};

package/dist/components/Toolbar/ToolbarSepartor.css

@@ -0,0 +1 @@
+._1thn0560:before{content:"";position:absolute;background:inherit;top:6px;right:0;width:1px;height:var(--mosaic-space-vertical-x6)}

package/dist/components/Toolbar/ToolbarSepartor.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface ToolbarSeparatorProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const ToolbarSeparator: ({ className, ...rest }: ToolbarSeparatorProps) => JSX.Element;
+export {};

package/dist/components/Toolbar/ToolbarSepartor.js

@@ -0,0 +1 @@
+import{a}from"../../chunk-4B2NDAA2.js";import"../../chunk-4LQ77YZW.js";export{a as ToolbarSeparator};

package/dist/index.css

@@ -1 +1 @@
-div[contenteditable]{outline:none}._1q293jk0{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"toolbar" "editor"}._1q293jk1{grid-area:toolbar;position:sticky;top:44px;z-index:2}._1q293jk3{display:flex;margin-top:var(--mosaic-space-vertical-x3);flex-wrap:wrap;grid-area:editor}._1q293jk4{display:flex;flex-direction:row}._1q293jk5{background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}._1sg4vms0{width:28px;height:28px}.u64up60{margin:-8px 0 0}.u64up61{width:14px;font-size:12px}.u64up62{font-weight:var(--mosaic-fontWeight-bold)}.u64up63{font-style:italic}.u64up64{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.fdaqer0{z-index:10}._195c2ps0{position:relative;margin:var(--mosaic-space-horizontal-x2)}._195c2ps1{position:absolute;top:0;width:25px}._195c2ps2{position:absolute;left:0;height:25px}._195c2ps4{display:flex;justify-content:center;align-items:center;padding-top:var(--mosaic-space-vertical-x2)}._195c2ps6{z-index:1600}._195c2ps8{margin-left:var(--mosaic-space-horizontal-x1)}.jmottr0{width:100%}._1cwa3bz0{width:100%}._16n1zmy0{font-weight:var(--mosaic-fontWeight-bold)}._16n1zmy1{font-style:italic}._16n1zmy2{text-decoration:underline}._16n1zmy3{text-decoration:line-through}._16n1zmy4{text-decoration:underline line-through}._16n1zmy9{font-weight:inherit}._16n1zmyc:first-of-type{font-weight:var(--mosaic-fontWeight-bold)}._1w4kk0j0{padding:var(--mosaic-space-vertical-x2);opacity:var(--mosaic-opacity-light-disabled)}._1w4kk0j1{font-size:var(--mosaic-fontSize-s80);font-style:var(--mosaic-fontWeight-semibold);opacity:1}._1w4kk0j2{opacity:1}._1w4kk0j3{margin-left:var(--mosaic-space-horizontal-x2);margin-right:var(--mosaic-space-horizontal-x2)}._94v2lj0{padding:var(--mosaic-space-vertical-x1);margin-left:var(--mosaic-space-horizontal-x2)}._1q5lqdi0{padding:var(--mosaic-space-horizontal-x3);max-height:100vh;overflow:scroll}[data-mode=light] .m7cgun0,[data-mode=dark] .m7cgun1{outline-color:var(--mosaic-color-light-selectable-inEdit)}[data-mode=light] .m7cgun2,[data-mode=dark] .m7cgun3{outline-color:var(--mosaic-color-dark-selectable-inEdit)}[data-mode=light] .m7cgun4,[data-mode=dark] .m7cgun5{outline-style:solid}[data-mode=light] .m7cgun6,[data-mode=dark] .m7cgun7{outline-style:dashed}[data-mode=light] .m7cgun8,[data-mode=dark] .m7cgun9{outline-width:thin}[data-mode=light] .m7cguna,[data-mode=dark] .m7cgunb{outline-width:medium}[data-mode=light] .m7cgunc,[data-mode=dark] .m7cgund{outline-width:thick}.esx0bg0{background-color:inherit;width:var(--mosaic-space-none)}
+div[contenteditable]{outline:none}._1q293jk0{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"toolbar" "editor"}._1q293jk1{grid-area:toolbar;position:sticky;top:44px;z-index:2}._1q293jk3{display:flex;margin-top:var(--mosaic-space-vertical-x3);flex-wrap:wrap;grid-area:editor}._1q293jk4{display:flex;flex-direction:row}._1q293jk5{background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}._1qc5rwi0{background:inherit;display:flex;justify-content:center;flex-shrink:0;flex-grow:0;position:relative;overflow:hidden;padding:var(--mosaic-space-horizontal-x1)}._1qc5rwi1{margin-right:auto}._1qc5rwi0._1qc5rwi2{margin-left:auto!important}._1qc5rwi0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}.u64up60{width:14px;font-size:12px}.u64up61{font-weight:var(--mosaic-fontWeight-bold)}.u64up62{font-style:italic}.u64up63{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.fdaqer0{z-index:10}._195c2ps0{width:var(--mosaic-space-horizontal-x10)}._195c2ps1{position:relative;margin:var(--mosaic-space-horizontal-x2)}._195c2ps2{position:absolute;top:0;width:25px}._195c2ps3{position:absolute;left:0;height:25px}._195c2ps5{display:flex;justify-content:center;align-items:center;padding-top:var(--mosaic-space-vertical-x2)}._195c2ps7{z-index:1600}._195c2ps0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.trugsj0{min-width:500px}.jmottr0{width:100%}._1cwa3bz0{width:100%}._1lleyna0{overflow:hidden;position:relative;display:flex;align-items:center;padding:var(--mosaic-space-horizontal-x1);height:44px}._1lleyna1>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x2)}._1thn0560:before{content:"";position:absolute;background:inherit;top:6px;right:0;width:1px;height:var(--mosaic-space-vertical-x6)}._16n1zmy0{font-weight:var(--mosaic-fontWeight-bold)}._16n1zmy1{font-style:italic}._16n1zmy2{text-decoration:underline}._16n1zmy3{text-decoration:line-through}._16n1zmy4{text-decoration:underline line-through}._16n1zmy9{font-weight:inherit}._16n1zmyc:first-of-type{font-weight:var(--mosaic-fontWeight-bold)}._1w4kk0j0{padding:var(--mosaic-space-vertical-x2);opacity:var(--mosaic-opacity-light-disabled)}._1w4kk0j1{font-size:var(--mosaic-fontSize-s80);font-style:var(--mosaic-fontWeight-semibold);opacity:1}._1w4kk0j2{opacity:1}._1w4kk0j3{margin-left:var(--mosaic-space-horizontal-x2);margin-right:var(--mosaic-space-horizontal-x2)}.f424jt0{align-items:center}.f424jt0 [role=heading]{padding-left:var(--mosaic-space-horizontal-x2)}._94v2lj0{padding:var(--mosaic-space-vertical-x1);margin-left:var(--mosaic-space-horizontal-x2)}._1q5lqdi0{padding:var(--mosaic-space-horizontal-x3);max-height:100vh;overflow:scroll}._1a2284c0{min-width:100px}._1a2284c0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-none)}[data-mode=light] .m7cgun0,[data-mode=dark] .m7cgun1{outline-color:var(--mosaic-color-light-selectable-inEdit)}[data-mode=light] .m7cgun2,[data-mode=dark] .m7cgun3{outline-color:var(--mosaic-color-dark-selectable-inEdit)}[data-mode=light] .m7cgun4,[data-mode=dark] .m7cgun5{outline-style:solid}[data-mode=light] .m7cgun6,[data-mode=dark] .m7cgun7{outline-style:dashed}[data-mode=light] .m7cgun8,[data-mode=dark] .m7cgun9{outline-width:thin}[data-mode=light] .m7cguna,[data-mode=dark] .m7cgunb{outline-width:medium}[data-mode=light] .m7cgunc,[data-mode=dark] .m7cgund{outline-width:thick}.esx0bg0{height:var(--mosaic-space-vertical-x8)}

package/dist/index.js

@@ -1 +1 @@
-import{b as c}from"./chunk-5JA4V4PV.js";import"./chunk-B3MUPQQA.js";import"./chunk-ZUGL4RMA.js";import"./chunk-L5I3DIHV.js";import"./chunk-KZXCNQER.js";import"./chunk-HYOY3SMH.js";import"./chunk-GWUYDDYS.js";import"./chunk-6TWGPQT5.js";import"./chunk-MOZEUF74.js";import"./chunk-6TM3EYFS.js";import"./chunk-UWF3FV3R.js";import"./chunk-KQ2ZCDYD.js";import"./chunk-DK6F4XAE.js";import"./chunk-G4LBXKDE.js";import"./chunk-HB6ONQSD.js";import"./chunk-5YCBSSDA.js";import"./chunk-MJUOPD42.js";import"./chunk-KD66I56W.js";import"./chunk-ESKW4XF6.js";import"./chunk-6YPAVQF4.js";import"./chunk-3FJGHVH5.js";import"./chunk-JQUDHJIQ.js";import"./chunk-XGBC7YGO.js";import"./chunk-WNTJMWYJ.js";import"./chunk-ESJNOEFD.js";import"./chunk-RT5CJ7T5.js";import"./chunk-QKOQTH4L.js";import"./chunk-FW7CHFWO.js";import"./chunk-RO6ARCLZ.js";import"./chunk-SI5CM3F4.js";import"./chunk-4CRC7NS5.js";import"./chunk-JYGEHLYM.js";import"./chunk-U7COOUR6.js";import"./chunk-R6U5TOP4.js";import"./chunk-VO6JTL4J.js";import"./chunk-XP37MJCS.js";import"./chunk-P5OBPOC4.js";import"./chunk-FKL4ZGDB.js";import"./chunk-YBFKG74H.js";import"./chunk-JJ5K5LVL.js";import"./chunk-WZYDYWT3.js";import"./chunk-PMMRU33I.js";import"./chunk-FFJYM47T.js";import"./chunk-FI57IKHZ.js";import"./chunk-WCG3U3X2.js";import"./chunk-NXV7KCC5.js";import{a as d}from"./chunk-PZZKTKIE.js";import"./chunk-WTMALWJU.js";import"./chunk-PC66Q33O.js";import{c as a,f as b}from"./chunk-G57W376H.js";export{c as Editor,d as EditorControls,b as useContentEditor,a as usePageState};
+import{b as c}from"./chunk-SYL4AGHI.js";import"./chunk-BINIAABY.js";import"./chunk-4B2NDAA2.js";import"./chunk-4LQ77YZW.js";import"./chunk-DLRFTDUZ.js";import"./chunk-UBWAGWSM.js";import"./chunk-KZXCNQER.js";import"./chunk-DXTVYP7D.js";import"./chunk-NFA3MZOC.js";import"./chunk-FNNLNVQZ.js";import"./chunk-6EO5B7QP.js";import"./chunk-R2MEEU32.js";import"./chunk-UWF3FV3R.js";import"./chunk-KQ2ZCDYD.js";import"./chunk-QHE4U3WR.js";import"./chunk-BFF3MNBV.js";import"./chunk-5YCBSSDA.js";import"./chunk-NFSXCTUU.js";import"./chunk-6TM3EYFS.js";import"./chunk-M4ISRNFD.js";import"./chunk-ESJNOEFD.js";import"./chunk-WNTJMWYJ.js";import"./chunk-RT5CJ7T5.js";import"./chunk-G4LBXKDE.js";import"./chunk-YBFKG74H.js";import"./chunk-ROQUYURQ.js";import"./chunk-ESKW4XF6.js";import"./chunk-6YPAVQF4.js";import"./chunk-3FJGHVH5.js";import"./chunk-JQUDHJIQ.js";import{a as d}from"./chunk-ZHZ4E2MI.js";import"./chunk-PC66Q33O.js";import"./chunk-QKOQTH4L.js";import"./chunk-FW7CHFWO.js";import"./chunk-RO6ARCLZ.js";import"./chunk-EMHRWY75.js";import"./chunk-MZJ4JT73.js";import"./chunk-B6MFPF7L.js";import"./chunk-U7COOUR6.js";import"./chunk-WCOTJ6JY.js";import"./chunk-WZYDYWT3.js";import"./chunk-YIFLQ5MW.js";import"./chunk-XP37MJCS.js";import"./chunk-P5OBPOC4.js";import"./chunk-7JRJTNUG.js";import"./chunk-GYUEXLD6.js";import"./chunk-FH2LMMJT.js";import"./chunk-7LK4O57W.js";import"./chunk-3QIETKQW.js";import"./chunk-Y2A2ULLZ.js";import{c as a,f as b}from"./chunk-G57W376H.js";import"./chunk-TSWYSURQ.js";import"./chunk-FKL4ZGDB.js";import"./chunk-Z6W7GDHE.js";import"./chunk-PXUVNH4P.js";import"./chunk-XSZUCLBY.js";import"./chunk-OW5SK4AJ.js";import"./chunk-NXV7KCC5.js";import"./chunk-6X665P47.js";export{c as Editor,d as EditorControls,b as useContentEditor,a as usePageState};

package/dist/plugins/FloatingToolbarPlugin.css

@@ -1 +1 @@
-.fdaqer0{z-index:10}._1sg4vms0{width:28px;height:28px}.u64up60{margin:-8px 0 0}.u64up61{width:14px;font-size:12px}.u64up62{font-weight:var(--mosaic-fontWeight-bold)}.u64up63{font-style:italic}.u64up64{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}._1cwa3bz0{width:100%}
+.fdaqer0{z-index:10}._1qc5rwi0{background:inherit;display:flex;justify-content:center;flex-shrink:0;flex-grow:0;position:relative;overflow:hidden;padding:var(--mosaic-space-horizontal-x1)}._1qc5rwi1{margin-right:auto}._1qc5rwi0._1qc5rwi2{margin-left:auto!important}._1qc5rwi0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}.u64up60{width:14px;font-size:12px}.u64up61{font-weight:var(--mosaic-fontWeight-bold)}.u64up62{font-style:italic}.u64up63{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.trugsj0{min-width:500px}._1cwa3bz0{width:100%}._1lleyna0{overflow:hidden;position:relative;display:flex;align-items:center;padding:var(--mosaic-space-horizontal-x1);height:44px}._1lleyna1>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x2)}._1a2284c0{min-width:100px}._1a2284c0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-none)}

package/dist/plugins/FloatingToolbarPlugin.css.css

@@ -0,0 +1 @@
+._1a2284c0{min-width:100px}._1a2284c0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-none)}

package/dist/plugins/FloatingToolbarPlugin.css.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    toolbar: string;
+};
+export default _default;

package/dist/plugins/FloatingToolbarPlugin.css.js

@@ -0,0 +1 @@
+import{a}from"../chunk-TSWYSURQ.js";export{a as default};

package/dist/plugins/FloatingToolbarPlugin.js

@@ -1 +1 @@
-import{a}from"../chunk-SI5CM3F4.js";import"../chunk-4CRC7NS5.js";import"../chunk-JYGEHLYM.js";import"../chunk-U7COOUR6.js";import"../chunk-R6U5TOP4.js";import"../chunk-VO6JTL4J.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-JJ5K5LVL.js";import"../chunk-WZYDYWT3.js";import"../chunk-PMMRU33I.js";import"../chunk-FFJYM47T.js";import"../chunk-G57W376H.js";export{a as FloatingToolbarPlugin};
+import{a}from"../chunk-EMHRWY75.js";import"../chunk-MZJ4JT73.js";import"../chunk-B6MFPF7L.js";import"../chunk-U7COOUR6.js";import"../chunk-WCOTJ6JY.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-TSWYSURQ.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";export{a as FloatingToolbarPlugin};

package/dist/plugins/MarkdownLinkPlugin.css

@@ -1 +1 @@
-._1sg4vms0{width:28px;height:28px}._1cwa3bz0{width:100%}
+.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}.trugsj0{min-width:500px}._1cwa3bz0{width:100%}

package/dist/plugins/MarkdownLinkPlugin.js

@@ -1 +1 @@
-import{a,b}from"../chunk-JJ5K5LVL.js";import"../chunk-WZYDYWT3.js";import"../chunk-PMMRU33I.js";import"../chunk-FFJYM47T.js";import"../chunk-G57W376H.js";export{a as INSERT_MARKDOWN_LINK_COMMAND,b as MarkdownLinkPlugin};
+import{a,b}from"../chunk-WCOTJ6JY.js";import"../chunk-WZYDYWT3.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";export{a as INSERT_MARKDOWN_LINK_COMMAND,b as MarkdownLinkPlugin};

package/dist/plugins/PreviewPlugin.css

@@ -1 +1 @@
-div[contenteditable]{outline:none}._1q293jk0{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"toolbar" "editor"}._1q293jk1{grid-area:toolbar;position:sticky;top:44px;z-index:2}._1q293jk3{display:flex;margin-top:var(--mosaic-space-vertical-x3);flex-wrap:wrap;grid-area:editor}._1q293jk4{display:flex;flex-direction:row}._1q293jk5{background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}._1sg4vms0{width:28px;height:28px}.u64up60{margin:-8px 0 0}.u64up61{width:14px;font-size:12px}.u64up62{font-weight:var(--mosaic-fontWeight-bold)}.u64up63{font-style:italic}.u64up64{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.fdaqer0{z-index:10}._195c2ps0{position:relative;margin:var(--mosaic-space-horizontal-x2)}._195c2ps1{position:absolute;top:0;width:25px}._195c2ps2{position:absolute;left:0;height:25px}._195c2ps4{display:flex;justify-content:center;align-items:center;padding-top:var(--mosaic-space-vertical-x2)}._195c2ps6{z-index:1600}._195c2ps8{margin-left:var(--mosaic-space-horizontal-x1)}.jmottr0{width:100%}._1cwa3bz0{width:100%}._16n1zmy0{font-weight:var(--mosaic-fontWeight-bold)}._16n1zmy1{font-style:italic}._16n1zmy2{text-decoration:underline}._16n1zmy3{text-decoration:line-through}._16n1zmy4{text-decoration:underline line-through}._16n1zmy9{font-weight:inherit}._16n1zmyc:first-of-type{font-weight:var(--mosaic-fontWeight-bold)}._1w4kk0j0{padding:var(--mosaic-space-vertical-x2);opacity:var(--mosaic-opacity-light-disabled)}._1w4kk0j1{font-size:var(--mosaic-fontSize-s80);font-style:var(--mosaic-fontWeight-semibold);opacity:1}._1w4kk0j2{opacity:1}._1w4kk0j3{margin-left:var(--mosaic-space-horizontal-x2);margin-right:var(--mosaic-space-horizontal-x2)}._94v2lj0{padding:var(--mosaic-space-vertical-x1);margin-left:var(--mosaic-space-horizontal-x2)}._1q5lqdi0{padding:var(--mosaic-space-horizontal-x3);max-height:100vh;overflow:scroll}[data-mode=light] .m7cgun0,[data-mode=dark] .m7cgun1{outline-color:var(--mosaic-color-light-selectable-inEdit)}[data-mode=light] .m7cgun2,[data-mode=dark] .m7cgun3{outline-color:var(--mosaic-color-dark-selectable-inEdit)}[data-mode=light] .m7cgun4,[data-mode=dark] .m7cgun5{outline-style:solid}[data-mode=light] .m7cgun6,[data-mode=dark] .m7cgun7{outline-style:dashed}[data-mode=light] .m7cgun8,[data-mode=dark] .m7cgun9{outline-width:thin}[data-mode=light] .m7cguna,[data-mode=dark] .m7cgunb{outline-width:medium}[data-mode=light] .m7cgunc,[data-mode=dark] .m7cgund{outline-width:thick}.esx0bg0{background-color:inherit;width:var(--mosaic-space-none)}
+div[contenteditable]{outline:none}._1q293jk0{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"toolbar" "editor"}._1q293jk1{grid-area:toolbar;position:sticky;top:44px;z-index:2}._1q293jk3{display:flex;margin-top:var(--mosaic-space-vertical-x3);flex-wrap:wrap;grid-area:editor}._1q293jk4{display:flex;flex-direction:row}._1q293jk5{background-repeat:no-repeat;background-position:50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}._1qc5rwi0{background:inherit;display:flex;justify-content:center;flex-shrink:0;flex-grow:0;position:relative;overflow:hidden;padding:var(--mosaic-space-horizontal-x1)}._1qc5rwi1{margin-right:auto}._1qc5rwi0._1qc5rwi2{margin-left:auto!important}._1qc5rwi0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.c37l3h0{width:28px;height:28px;line-height:1;padding:var(--mosaic-space-horizontal-none)}.u64up60{width:14px;font-size:12px}.u64up61{font-weight:var(--mosaic-fontWeight-bold)}.u64up62{font-style:italic}.u64up63{width:22px;height:18px;background-color:inherit!important;display:inline-flex;justify-content:center;align-items:center}.fdaqer0{z-index:10}._195c2ps0{width:var(--mosaic-space-horizontal-x10)}._195c2ps1{position:relative;margin:var(--mosaic-space-horizontal-x2)}._195c2ps2{position:absolute;top:0;width:25px}._195c2ps3{position:absolute;left:0;height:25px}._195c2ps5{display:flex;justify-content:center;align-items:center;padding-top:var(--mosaic-space-vertical-x2)}._195c2ps7{z-index:1600}._195c2ps0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x1)}.trugsj0{min-width:500px}.jmottr0{width:100%}._1cwa3bz0{width:100%}._1lleyna0{overflow:hidden;position:relative;display:flex;align-items:center;padding:var(--mosaic-space-horizontal-x1);height:44px}._1lleyna1>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-x2)}._1thn0560:before{content:"";position:absolute;background:inherit;top:6px;right:0;width:1px;height:var(--mosaic-space-vertical-x6)}._16n1zmy0{font-weight:var(--mosaic-fontWeight-bold)}._16n1zmy1{font-style:italic}._16n1zmy2{text-decoration:underline}._16n1zmy3{text-decoration:line-through}._16n1zmy4{text-decoration:underline line-through}._16n1zmy9{font-weight:inherit}._16n1zmyc:first-of-type{font-weight:var(--mosaic-fontWeight-bold)}._1w4kk0j0{padding:var(--mosaic-space-vertical-x2);opacity:var(--mosaic-opacity-light-disabled)}._1w4kk0j1{font-size:var(--mosaic-fontSize-s80);font-style:var(--mosaic-fontWeight-semibold);opacity:1}._1w4kk0j2{opacity:1}._1w4kk0j3{margin-left:var(--mosaic-space-horizontal-x2);margin-right:var(--mosaic-space-horizontal-x2)}.f424jt0{align-items:center}.f424jt0 [role=heading]{padding-left:var(--mosaic-space-horizontal-x2)}._94v2lj0{padding:var(--mosaic-space-vertical-x1);margin-left:var(--mosaic-space-horizontal-x2)}._1q5lqdi0{padding:var(--mosaic-space-horizontal-x3);max-height:100vh;overflow:scroll}._1a2284c0{min-width:100px}._1a2284c0>*:not(:first-child){margin-left:var(--mosaic-space-horizontal-none)}[data-mode=light] .m7cgun0,[data-mode=dark] .m7cgun1{outline-color:var(--mosaic-color-light-selectable-inEdit)}[data-mode=light] .m7cgun2,[data-mode=dark] .m7cgun3{outline-color:var(--mosaic-color-dark-selectable-inEdit)}[data-mode=light] .m7cgun4,[data-mode=dark] .m7cgun5{outline-style:solid}[data-mode=light] .m7cgun6,[data-mode=dark] .m7cgun7{outline-style:dashed}[data-mode=light] .m7cgun8,[data-mode=dark] .m7cgun9{outline-width:thin}[data-mode=light] .m7cguna,[data-mode=dark] .m7cgunb{outline-width:medium}[data-mode=light] .m7cgunc,[data-mode=dark] .m7cgund{outline-width:thick}.esx0bg0{height:var(--mosaic-space-vertical-x8)}

package/dist/plugins/PreviewPlugin.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
-export declare type PreviewPluginProps = {
-    compileMDX: (source: string, parseFrontMatter: boolean) => Promise<any>;
-};
-export declare const PreviewPlugin: React.FC<PreviewPluginProps>;
+/// <reference types="react" />
+interface PreviewPluginProps {
+    previewUrl: string;
+}
+export declare const PreviewPlugin: ({ previewUrl }: PreviewPluginProps) => JSX.Element;
+export {};

package/dist/plugins/PreviewPlugin.js

@@ -1 +1 @@
-import{a}from"../chunk-5JA4V4PV.js";import"../chunk-B3MUPQQA.js";import"../chunk-ZUGL4RMA.js";import"../chunk-L5I3DIHV.js";import"../chunk-KZXCNQER.js";import"../chunk-HYOY3SMH.js";import"../chunk-GWUYDDYS.js";import"../chunk-6TWGPQT5.js";import"../chunk-MOZEUF74.js";import"../chunk-6TM3EYFS.js";import"../chunk-UWF3FV3R.js";import"../chunk-KQ2ZCDYD.js";import"../chunk-DK6F4XAE.js";import"../chunk-G4LBXKDE.js";import"../chunk-HB6ONQSD.js";import"../chunk-5YCBSSDA.js";import"../chunk-MJUOPD42.js";import"../chunk-KD66I56W.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-3FJGHVH5.js";import"../chunk-JQUDHJIQ.js";import"../chunk-XGBC7YGO.js";import"../chunk-WNTJMWYJ.js";import"../chunk-ESJNOEFD.js";import"../chunk-RT5CJ7T5.js";import"../chunk-QKOQTH4L.js";import"../chunk-FW7CHFWO.js";import"../chunk-RO6ARCLZ.js";import"../chunk-SI5CM3F4.js";import"../chunk-4CRC7NS5.js";import"../chunk-JYGEHLYM.js";import"../chunk-U7COOUR6.js";import"../chunk-R6U5TOP4.js";import"../chunk-VO6JTL4J.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-FKL4ZGDB.js";import"../chunk-YBFKG74H.js";import"../chunk-JJ5K5LVL.js";import"../chunk-WZYDYWT3.js";import"../chunk-PMMRU33I.js";import"../chunk-FFJYM47T.js";import"../chunk-FI57IKHZ.js";import"../chunk-WCG3U3X2.js";import"../chunk-NXV7KCC5.js";import"../chunk-PZZKTKIE.js";import"../chunk-WTMALWJU.js";import"../chunk-PC66Q33O.js";import"../chunk-G57W376H.js";export{a as PreviewPlugin};
+import{a}from"../chunk-SYL4AGHI.js";import"../chunk-BINIAABY.js";import"../chunk-4B2NDAA2.js";import"../chunk-4LQ77YZW.js";import"../chunk-DLRFTDUZ.js";import"../chunk-UBWAGWSM.js";import"../chunk-KZXCNQER.js";import"../chunk-DXTVYP7D.js";import"../chunk-NFA3MZOC.js";import"../chunk-FNNLNVQZ.js";import"../chunk-6EO5B7QP.js";import"../chunk-R2MEEU32.js";import"../chunk-UWF3FV3R.js";import"../chunk-KQ2ZCDYD.js";import"../chunk-QHE4U3WR.js";import"../chunk-BFF3MNBV.js";import"../chunk-5YCBSSDA.js";import"../chunk-NFSXCTUU.js";import"../chunk-6TM3EYFS.js";import"../chunk-M4ISRNFD.js";import"../chunk-ESJNOEFD.js";import"../chunk-WNTJMWYJ.js";import"../chunk-RT5CJ7T5.js";import"../chunk-G4LBXKDE.js";import"../chunk-YBFKG74H.js";import"../chunk-ROQUYURQ.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-3FJGHVH5.js";import"../chunk-JQUDHJIQ.js";import"../chunk-ZHZ4E2MI.js";import"../chunk-PC66Q33O.js";import"../chunk-QKOQTH4L.js";import"../chunk-FW7CHFWO.js";import"../chunk-RO6ARCLZ.js";import"../chunk-EMHRWY75.js";import"../chunk-MZJ4JT73.js";import"../chunk-B6MFPF7L.js";import"../chunk-U7COOUR6.js";import"../chunk-WCOTJ6JY.js";import"../chunk-WZYDYWT3.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";import"../chunk-7JRJTNUG.js";import"../chunk-GYUEXLD6.js";import"../chunk-FH2LMMJT.js";import"../chunk-7LK4O57W.js";import"../chunk-3QIETKQW.js";import"../chunk-Y2A2ULLZ.js";import"../chunk-G57W376H.js";import"../chunk-TSWYSURQ.js";import"../chunk-FKL4ZGDB.js";import"../chunk-Z6W7GDHE.js";import"../chunk-PXUVNH4P.js";import"../chunk-XSZUCLBY.js";import"../chunk-OW5SK4AJ.js";import"../chunk-NXV7KCC5.js";import"../chunk-6X665P47.js";export{a as PreviewPlugin};

package/dist/plugins/TableActionMenuPlugin.js

@@ -1 +1 @@
-import{a}from"../chunk-KD66I56W.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-R6U5TOP4.js";import"../chunk-VO6JTL4J.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";export{a as TableActionMenuPlugin};
+import{a}from"../chunk-ROQUYURQ.js";import"../chunk-ESKW4XF6.js";import"../chunk-6YPAVQF4.js";import"../chunk-YIFLQ5MW.js";import"../chunk-XP37MJCS.js";import"../chunk-P5OBPOC4.js";export{a as TableActionMenuPlugin};

package/dist/transformers/index.js

@@ -1 +1 @@
-import{a}from"../chunk-XGBC7YGO.js";import"../chunk-WNTJMWYJ.js";import"../chunk-ESJNOEFD.js";import"../chunk-RT5CJ7T5.js";export{a as default};
+import{a}from"../chunk-M4ISRNFD.js";import"../chunk-ESJNOEFD.js";import"../chunk-WNTJMWYJ.js";import"../chunk-RT5CJ7T5.js";export{a as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jpmorganchase/mosaic-content-editor-plugin",
   "description": "Mosaic - In Browser content editing plugin",
-  "version": "0.1.0-beta.37",
+  "version": "0.1.0-beta.39",
   "license": "Apache-2.0",
   "author": "",
   "repository": {
@@ -38,25 +38,26 @@
     "typescript": "^4.8.3"
   },
   "dependencies": {
-    "@jpmorganchase/mosaic-components": "^0.1.0-beta.37",
-    "@jpmorganchase/mosaic-theme": "^0.1.0-beta.37",
+    "@jpmorganchase/mosaic-components": "^0.1.0-beta.39",
+    "@jpmorganchase/mosaic-theme": "^0.1.0-beta.39",
     "@salt-ds/core": "^1.8.0-rc.0",
     "@salt-ds/icons": "^1.4.0",
     "@salt-ds/lab": "1.0.0-alpha.10",
     "@salt-ds/theme": "^1.5.1",
-    "@lexical/code": "0.5.0",
-    "@lexical/link": "0.5.0",
-    "@lexical/list": "0.5.0",
-    "@lexical/rich-text": "0.5.0",
-    "@lexical/table": "0.5.0",
-    "@lexical/react": "0.5.0",
-    "@lexical/selection": "0.5.0",
-    "@lexical/utils": "0.5.0",
-    "@lexical/markdown": "0.5.0",
+    "@floating-ui/react": "^0.23.0",
+    "@lexical/code": "^0.11.1",
+    "@lexical/link": "^0.11.1",
+    "@lexical/list": "^0.11.1",
+    "@lexical/rich-text": "^0.11.1",
+    "@lexical/table": "^0.11.1",
+    "@lexical/react": "^0.11.1",
+    "@lexical/selection": "^0.11.1",
+    "@lexical/utils": "^0.11.1",
+    "@lexical/markdown": "^0.11.1",
     "@vanilla-extract/css": "^1.6.0",
     "clsx": "^1.2.1",
     "gray-matter": "^4.0.3",
-    "lexical": "0.5.0",
+    "lexical": "^0.11.1",
     "react-split": "^2.0.14",
     "lodash": "^4.17.21",
     "yup": "^0.32.9",

package/src/api/save.ts

@@ -1,12 +1,12 @@
 export function save(
   user: { sid: string; name: string; email: string },
   route: string,
-  markdown: string
+  markdown: string,
+  persistUrl: string
 ) {
-  /** TODO: fixup with Pull Docs host URL  */
-  return fetch('http://localhost:8080/savecontent', {
+  return fetch(persistUrl, {
     method: 'POST',
-    body: JSON.stringify({ user, route, markdown }),
+    body: JSON.stringify({ user, route, markdown, name: 'save' }),
     headers: { Accept: 'application/json', 'Content-Type': 'application/json' }
   });
 }

package/src/components/BaseToolbar/BaseToolbar.css.ts

@@ -0,0 +1,21 @@
+import { globalStyle, style } from '@vanilla-extract/css';
+import { backgroundColor, vars } from '@jpmorganchase/mosaic-theme';
+
+const root = style([
+  backgroundColor({ variant: 'emphasis' }),
+  style({
+    overflow: 'hidden',
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    padding: vars.space.horizontal.x1,
+    height: '44px'
+  })
+]);
+export default {
+  root
+};
+
+globalStyle(`${root} > *:not(:first-child)`, {
+  marginLeft: vars.space.horizontal.x2
+});

package/src/components/BaseToolbar/BaseToolbar.tsx

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from 'react';
+import classnames from 'clsx';
+
+import styles from './BaseToolbar.css';
+
+interface BaseToolbarProps {
+  className?: string;
+  children?: ReactNode;
+}
+
+export const BaseToolbar = ({ className, ...rest }: BaseToolbarProps) => (
+  <div className={classnames(className, styles.root)} {...rest} />
+);

package/src/components/BaseTooltray/BaseTooltray.css.ts

@@ -0,0 +1,31 @@
+import { globalStyle, style } from '@vanilla-extract/css';
+import { vars } from '@jpmorganchase/mosaic-theme';
+
+const root = style({
+  background: 'inherit',
+  display: 'flex',
+  justifyContent: 'center',
+  flexShrink: 0,
+  flexGrow: 0,
+  position: 'relative',
+  overflow: 'hidden',
+  padding: vars.space.horizontal.x1
+});
+
+export default {
+  alignLeft: style({
+    marginRight: 'auto'
+  }),
+  alignRight: style({
+    selectors: {
+      [`${root}&`]: {
+        marginLeft: 'auto!important'
+      }
+    }
+  }),
+  root
+};
+
+globalStyle(`${root} > *:not(:first-child)`, {
+  marginLeft: vars.space.horizontal.x1
+});

package/src/components/BaseTooltray/BaseTooltray.tsx

@@ -0,0 +1,22 @@
+import React, { type ReactNode } from 'react';
+import classnames from 'clsx';
+
+import styles from './BaseTooltray.css';
+
+type Alignment = 'left' | 'right';
+
+interface BaseTooltrayProps {
+  className?: string;
+  children?: ReactNode;
+  align?: Alignment;
+}
+
+export const BaseTooltray = ({ className, align, ...rest }: BaseTooltrayProps) => (
+  <div
+    className={classnames(className, styles.root, {
+      [styles.alignLeft]: align === 'left',
+      [styles.alignRight]: align === 'right'
+    })}
+    {...rest}
+  />
+);

package/src/components/ContentEditor.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import LexicalErrorBoundary from '@lexical/react/LexicalErrorBoundary';
 
 const ContentEditor = () => (
   <RichTextPlugin
     contentEditable={<ContentEditable />}
     placeholder={<div>Enter some text...</div>}
+    ErrorBoundary={LexicalErrorBoundary}
   />
 );
 

package/src/components/Dialog.css.ts

@@ -0,0 +1,7 @@
+import { style } from '@vanilla-extract/css';
+
+export default {
+  root: style({
+    minWidth: 500
+  })
+};

package/src/components/Dialog.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Dialog as SaltDialog, type DialogProps as SaltDialogProps } from '@salt-ds/lab';
+import { themeClassName } from '@jpmorganchase/mosaic-theme';
+import classnames from 'clsx';
+
+import style from './Dialog.css';
+
+interface DialogProps extends SaltDialogProps {}
+
+export const Dialog = ({ className, ...props }: DialogProps) => (
+  <SaltDialog className={classnames(themeClassName, style.root, className)} {...props} />
+);

package/src/components/Editor.tsx

@@ -28,7 +28,6 @@ import HorizontalRulePlugin from '../plugins/HorizontalRulePlugin';
 import { FloatingToolbarPlugin } from '../plugins/FloatingToolbarPlugin';
 import { TableActionMenuPlugin } from '../plugins/TableActionMenuPlugin';
 import { InsertLinkDialog } from './Toolbar/InsertLink';
-import type { PreviewPluginProps } from '../plugins/PreviewPlugin';
 
 function onError(error: Error) {
   console.error(error);
@@ -47,9 +46,11 @@ interface PreviewComponentProps {
   components: any;
 }
 
-interface EditorProps extends PreviewComponentProps, Partial<PreviewPluginProps> {
+interface EditorProps extends PreviewComponentProps {
   content: string;
   PreviewComponent?: ComponentType<PreviewComponentProps>;
+  previewUrl?: string;
+  persistUrl?: string;
   user?: any;
 }
 
@@ -60,12 +61,13 @@ const gutter = () => {
 };
 
 const Editor: FC<EditorProps> = ({
-  compileMDX,
+  components,
   content,
-  source,
+  persistUrl,
   PreviewComponent,
-  user,
-  components
+  previewUrl,
+  source,
+  user
 }) => {
   const previewContent = usePreviewContent() || source;
   const { setUser } = useEditorUser();
@@ -92,7 +94,7 @@ const Editor: FC<EditorProps> = ({
       <div className={styles.root} onFocus={handleEditorFocus} onBlur={handleEditorBlur}>
         <div className={styles.toolbarContainer}>
           <Toolbar />
-          <PersistDialog meta={meta} />
+          <PersistDialog meta={meta} persistUrl={persistUrl} />
           <StatusBanner />
         </div>
         <div className={styles.editorRoot}>
@@ -128,7 +130,7 @@ const Editor: FC<EditorProps> = ({
           <TablePlugin />
           <LinkPlugin />
           <MarkdownShortcutPlugin transformers={transformers} />
-          {compileMDX && <PreviewPlugin compileMDX={compileMDX} />}
+          {previewUrl ? <PreviewPlugin previewUrl={previewUrl} /> : null}
           <MarkdownImagePlugin />
           <MarkdownLinkPlugin />
           <LinkEditor />

package/src/components/EditorControls.css.ts

@@ -1,9 +1,6 @@
 import { style } from '@vanilla-extract/css';
-import { vars } from '@jpmorganchase/mosaic-theme';
+import { backgroundColor, vars } from '@jpmorganchase/mosaic-theme';
 
 export default {
-  root: style({
-    backgroundColor: 'inherit',
-    width: vars.space.none
-  })
+  root: style([backgroundColor({ variant: 'regular' }), style({ height: vars.space.vertical.x8 })])
 };

package/src/components/EditorControls.tsx

@@ -1,31 +1,37 @@
 import React from 'react';
 import { Icon } from '@jpmorganchase/mosaic-components';
-import { Toolbar as SaltToolbar, Tooltray, ToolbarButton } from '@salt-ds/lab';
+import { BaseToolbar as Toolbar } from './BaseToolbar/BaseToolbar';
+import { BaseTooltray as Tooltray } from './BaseTooltray/BaseTooltray';
+import { ToolbarButton } from './Toolbar/ToolbarButton';
 
 import { default as useContentEditor } from '../store';
 import styles from './EditorControls.css';
 
-export const EditorControls = ({ isLoggedIn = false }) => {
+export interface EditorControlsProps {
+  enabled?: boolean;
+}
+
+export const EditorControls = ({ enabled = false }: EditorControlsProps) => {
   const { pageState, startEditing, stopEditing } = useContentEditor();
   const isEditing = pageState === 'EDIT';
 
   const handleClick = () => (!isEditing ? startEditing() : stopEditing());
 
-  const loggedInLabel = isEditing ? 'Cancel Editing' : 'Edit Page';
-  const overflowLabel = !isLoggedIn ? 'Login Required to Edit' : loggedInLabel;
+  const enabledLabel = isEditing ? 'Cancel Editing' : 'Edit Page';
+  const overflowLabel = !enabled ? 'Login Required to Edit' : enabledLabel;
 
   return (
-    <SaltToolbar aria-label="editor-controls" className={styles.root}>
+    <Toolbar aria-label="editor-controls" className={styles.root}>
       <Tooltray aria-label="page editor controls tooltray">
         <ToolbarButton
           aria-label={isEditing ? 'cancel editing' : 'start editing'}
           onClick={handleClick}
-          disabled={!isLoggedIn}
+          disabled={!enabled}
           label={overflowLabel}
         >
           <Icon name={isEditing ? 'delete' : 'edit'} />
         </ToolbarButton>
       </Tooltray>
-    </SaltToolbar>
+    </Toolbar>
   );
 };

package/src/components/LinkEditor/EditLinkButton.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
-import { Button, Icon } from '@jpmorganchase/mosaic-components';
-import type { ButtonProps } from '@jpmorganchase/mosaic-components';
+import { Icon } from '@jpmorganchase/mosaic-components';
+import { ToolbarButton, type ToolbarButtonProps } from '../Toolbar/ToolbarButton';
 
-export const EditLinkButton = (props: ButtonProps) => (
-  <Button {...props}>
+export const EditLinkButton = (props: ToolbarButtonProps) => (
+  <ToolbarButton {...props} aria-label="Edit link" disableTooltip variant="regular">
     <Icon name="edit" />
-  </Button>
+  </ToolbarButton>
 );

package/src/components/LinkEditor/SaveAdornment.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Button, Icon } from '@jpmorganchase/mosaic-components';
+import { Icon } from '@jpmorganchase/mosaic-components';
 import type { ButtonProps } from '@jpmorganchase/mosaic-components';
 import { StaticInputAdornment } from '@salt-ds/lab';
+import { ToolbarButton } from '../Toolbar/ToolbarButton';
 
 interface SaveAdornmentProps {
   onSave: ButtonProps['onClick'];
@@ -9,8 +10,8 @@ interface SaveAdornmentProps {
 
 export const SaveAdornment = ({ onSave }: SaveAdornmentProps) => (
   <StaticInputAdornment>
-    <Button onClick={onSave}>
+    <ToolbarButton onClick={onSave} aria-label="save link changes" disableTooltip variant="regular">
       <Icon name="save" />
-    </Button>
+    </ToolbarButton>
   </StaticInputAdornment>
 );

package/src/components/PersistEditDialog/PersistStatus.tsx

@@ -1,6 +1,6 @@
 import React, { FC, ReactNode, useEffect, useState } from 'react';
 import classnames from 'clsx';
-import { P2 } from '@jpmorganchase/mosaic-components';
+import { P2, P6 } from '@jpmorganchase/mosaic-components';
 
 import styles from './PersistStatus.css';
 
@@ -58,7 +58,12 @@ export const PersistStatus = ({ isRaising, error }: StatusProps) => {
   }, [currentStep]);
 
   if (error) {
-    return <P2>😢 Sorry something has went wrong. Please try again later.</P2>;
+    return (
+      <>
+        <P2>😢 Sorry something has went wrong. Please try again later.</P2>
+        <P6>Error - {error}</P6>
+      </>
+    );
   }
 
   return (

package/src/components/PersistEditDialog/index.css.ts

@@ -0,0 +1,14 @@
+import { globalStyle, style } from '@vanilla-extract/css';
+import { vars } from '@jpmorganchase/mosaic-theme';
+
+const title = style({
+  alignItems: 'center'
+});
+
+export default {
+  title
+};
+
+globalStyle(`${title} [role=heading] `, {
+  paddingLeft: vars.space.horizontal.x2
+});