easy-email-pro-theme 1.53.0 → 1.54.0

package/lib/style.css

@@ -1069,6 +1069,9 @@ THEMES:
   z-index: 1;
   top: -10000px;
   left: -10000px;
+}
+
+.HoveringToolbar-list {
   padding: 3px;
   display: flex;
   align-items: center;
@@ -1084,14 +1087,14 @@ THEMES:
   font-size: var(--hovering-bar-icon-size);
 }
 #RichTextBar .formatButton {
+  height: 100%;
   font-size: inherit;
   user-select: none;
   transition: background 20ms ease-in 0s;
   cursor: pointer;
   display: flex;
   align-items: center;
-  border-radius: 0px;
-  padding-left: 7px;
+  padding-left: 8px;
   padding-right: 8px;
   white-space: nowrap;
   margin-right: 1px;
@@ -1360,7 +1363,6 @@ THEMES:
   cursor: pointer;
   display: flex;
   align-items: center;
-  border-radius: 0px;
   padding-left: 7px;
   padding-right: 8px;
   white-space: nowrap;
@@ -1457,6 +1459,65 @@ THEMES:
 }
 .presetColorItem:hover {
   border-color: #000;
+}
+
+.RichTextField-fixed-toolbar {
+  padding: 4px 8px;
+  border: 1px solid #e5e6eb;
+  border-bottom: none;
+  background: #fff;
+  --hovering-bar-icon-size: 14px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.RichTextField-fixed-toolbar .RichTextBar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 2px 0;
+  /* Groups and Dividers */
+}
+.RichTextField-fixed-toolbar .RichTextBar > * {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  margin: 2px 0;
+}
+.RichTextField-fixed-toolbar .RichTextBar .formatButton,
+.RichTextField-fixed-toolbar .RichTextBar .PreventFocusWrapper > .formatButton {
+  padding: 0 8px;
+  border-radius: 4px;
+  margin: 0 1px;
+  display: flex;
+  align-items: center;
+}
+.RichTextField-fixed-toolbar .RichTextBar .formatButton:hover {
+  background: #f3f4f6;
+}
+.RichTextField-fixed-toolbar .RichTextBar .format-active {
+  background: rgba(var(--primary-6), 0.1) !important;
+  color: var(--selected-color) !important;
+  border-radius: 4px;
+}
+.RichTextField-fixed-toolbar .RichTextBar .FontSize,
+.RichTextField-fixed-toolbar .RichTextBar .FontFamily,
+.RichTextField-fixed-toolbar .RichTextBar .TurnInto {
+  margin-right: 4px;
+  padding: 0 4px;
+}
+
+.RichTextField-content {
+  border: 1px solid #e5e6eb;
+  background: #fff;
+  padding: 12px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  overflow: auto;
+  /* Slate overrides to make it feel more like a document */
+}
+.RichTextField-content [data-slate-editor=true] {
+  min-height: 100px;
+  outline: none;
 }._controlSection_1t3ne_1 {
   display: flex;
   flex-direction: column;

package/lib/typings/components/ConfigurationPanel/Schemas/PageFooter.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const PageFooterSchema: BlockSchema;

package/lib/typings/components/ConfigurationPanel/Schemas/PageHeader.d.ts

@@ -0,0 +1,2 @@
+import { BlockSchema } from "../../../typings";
+export declare const PageHeaderSchema: BlockSchema;

package/lib/typings/components/EditorContainer/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const EditorContainer: ({ children, style, }: {
+    children: React.ReactNode;
+    style?: React.CSSProperties | undefined;
+}) => React.JSX.Element;

package/lib/typings/components/Form/ImageUploaderField/index.d.ts

@@ -20,6 +20,7 @@ export interface ImageUploaderProps {
     enablePreview?: boolean;
     onlyPreview?: boolean;
     colSpan?: number;
+    pinToParent?: boolean;
 }
 declare function ImageUploader(props: ImageUploaderProps): React.JSX.Element;
 export declare const ImageUploaderField: (props: import("../enhancer").EnhancerProps & Omit<ImageUploaderProps, "onChange" | "value">) => React.JSX.Element;

package/lib/typings/components/HoveringToolbar/RichTextBar.d.ts

@@ -1,6 +1,11 @@
 import { TextFormat } from "easy-email-pro-editor";
 import React from "react";
 import "./RichTextBar.scss";
-export declare const RichTextBar: ({ list, }: {
+export declare const RichTextBarContext: React.Context<{
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+}>;
+export declare const RichTextBar: ({ list, wrap, getPopupContainer, }: {
     list: Array<TextFormat | React.FC>;
+    wrap?: boolean | undefined;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
 }) => React.JSX.Element;

package/lib/typings/components/index.d.ts

@@ -67,8 +67,10 @@ export declare const SharedComponents: {
     StandaloneElementEditorDrawer: import("react").FC<{
         children: import("react").ReactNode;
     }>;
-    RichTextBar: ({ list, }: {
+    RichTextBar: ({ list, wrap, getPopupContainer, }: {
         list: (import("easy-email-pro-editor").TextFormat | import("react").FC<{}>)[];
+        wrap?: boolean | undefined;
+        getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
     }) => import("react").JSX.Element;
     HoveringToolbar: () => import("react").JSX.Element | null;
     TextHTMLEditor: () => import("react").JSX.Element | null;

package/lib/typings/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const EDITOR_CONTAINER = "EditorContainer";

package/lib/typings/utils/normalizeElements.d.ts

@@ -0,0 +1,2 @@
+import { PageElement } from "easy-email-pro-core";
+export declare const normalizeElements: (element: PageElement) => import("easy-email-pro-core").Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.53.0",
+  "version": "1.54.0",
   "description": "",
   "files": [
     "lib"