@social-mail/social-mail-client 1.2.152 → 1.2.154

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.152",
+  "version": "1.2.154",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/site-editor/editor/HtmlPageEditor.tsx

@@ -37,6 +37,7 @@ import { Billboard } from "../blocks/Billboard";
 import { OutlineText } from "../blocks/OutlineText";
 import { Carousel } from "../blocks/Carousel";
 import { ImageGallery } from "../blocks/ImageGallery";
+import { InlinePopupButton } from "@web-atoms/web-controls/dist/basic/InlinePopup";
 
     styled.css `
         display: grid;
@@ -273,25 +274,31 @@ export default class HtmlPageEditor extends AtomControl {
                 <TextBox/>
                 <Image/>
                 <WrapGrid/>
-                <VerticalImageBox/>
                 <ImageBox/>
                 <RightImageBox/>
                 <Card/>
                 <ImageCard/>
-                <RowBox/>
                 <ColumnBox/>
                 <Columns2/>
                 <Columns3/>
                 <List/>
-                <BlogComponent/>
                 <ImageLink/>
                 <LinkButton/>
-                <PriceTable/>
-                <TypeWriterComponent/>
-                <Billboard/>
-                <OutlineText/>
-                <Carousel/>
+                <InlinePopupButton
+                    icon="fas fa-plus"
+                    data-layout="warning-icon-button"
+                    alignment="above"
+                    popup={() => <EditorToolbar>
+                    <RowBox/>
+                    <VerticalImageBox/>
+                    <PriceTable/>
+                    <TypeWriterComponent/>
+                    <Billboard/>
+                    <OutlineText/>
+                    <Carousel/>
+                    <BlogComponent/>
                 <ImageGallery/>
+                </EditorToolbar>}></InlinePopupButton>
             </EditorToolbar>
             <div data-element="editor"
                 style-max-width={Bind.oneWay(() => this.maxWidth > 768 ? "" : this.maxWidth + "px" )}>

package/src/site-editor/editor/WebSitePageEditor.tsx

@@ -53,7 +53,7 @@ export default class WebSitePageEditor extends HtmlPageEditor {
             script.setAttribute("defer", "true");
             this.htmlDocument.head.appendChild(script);
         }
-        script.setAttribute("src", "//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.24/dist/components.webpack.js");
+        script.setAttribute("src", "//cdn.jsdelivr.net/npm/@social-mail/web-components@1.0.25/dist/components.webpack.js");
     }
 
 

package/src/site-editor/toolbars/EditorToolbar.tsx

@@ -13,7 +13,7 @@ import styled from "@web-atoms/core/dist/style/styled";
         color: #555555;
         padding: 5px;
         cursor: pointer;
-        max-width: 90%;
+        max-width: 30px;
         &:not([data-disabled]):hover, &[data-disabled=false]:hover {
             background-color: #00800050;
         }