@social-mail/social-mail-client 1.2.59 → 1.2.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/AdminAppIndex.pack.js +27 -15
- package/dist/admin/AdminAppIndex.pack.js.map +1 -1
- package/dist/admin/AdminAppIndex.pack.min.js +25 -12
- package/dist/admin/AdminAppIndex.pack.min.js.map +1 -1
- package/dist/site-editor/blocks/ImageBox.d.ts.map +1 -1
- package/dist/site-editor/blocks/ImageBox.js +3 -4
- package/dist/site-editor/blocks/ImageBox.js.map +1 -1
- package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.d.ts.map +1 -1
- package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.js +12 -6
- package/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox.js.map +1 -1
- package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.d.ts.map +1 -1
- package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.js +12 -5
- package/dist/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/web/AppIndex.pack.js +27 -15
- package/dist/web/AppIndex.pack.js.map +1 -1
- package/dist/web/AppIndex.pack.min.js +25 -12
- package/dist/web/AppIndex.pack.min.js.map +1 -1
- package/package.json +1 -1
- package/src/site-editor/blocks/ImageBox.tsx +13 -4
- package/src/site-editor/styler/properties/layouts/blocks/layoutImageBox.ts +12 -6
- package/src/site-editor/styler/properties/layouts/blocks/layoutRightImageBox.ts +12 -5
|
@@ -36803,23 +36803,29 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
|
|
|
36803
36803
|
justify-items: center;
|
|
36804
36804
|
align-items: stretch;
|
|
36805
36805
|
contain: content;
|
|
36806
|
+
position: relative;
|
|
36807
|
+
|
|
36808
|
+
& > * {
|
|
36809
|
+
padding: ${stylerVars.sizeDefault};
|
|
36810
|
+
flex: 1 1 100%;
|
|
36811
|
+
max-width: 100%;
|
|
36812
|
+
}
|
|
36806
36813
|
|
|
36807
36814
|
@media (min-width: 600px) {
|
|
36808
36815
|
& {
|
|
36809
36816
|
flex-direction: row;
|
|
36810
36817
|
}
|
|
36818
|
+
& > * {
|
|
36819
|
+
padding: ${stylerVars.sizeDefault};
|
|
36820
|
+
flex: 1 1 50%;
|
|
36821
|
+
max-width: 50%;
|
|
36822
|
+
}
|
|
36811
36823
|
}
|
|
36812
36824
|
|
|
36813
36825
|
& > img {
|
|
36814
36826
|
align-self: center;
|
|
36815
36827
|
}
|
|
36816
36828
|
|
|
36817
|
-
& > * {
|
|
36818
|
-
padding: ${stylerVars.sizeDefault};
|
|
36819
|
-
flex: 1 1 100%;
|
|
36820
|
-
max-width: 50%;
|
|
36821
|
-
}
|
|
36822
|
-
|
|
36823
36829
|
& > *:empty:before {
|
|
36824
36830
|
background-color: #ddd;
|
|
36825
36831
|
color: #000;
|
|
@@ -36900,6 +36906,7 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
|
|
|
36900
36906
|
_export("layoutRightImageBox", layoutRightImageBox = {
|
|
36901
36907
|
"right-image-box": styled.css`
|
|
36902
36908
|
display: flex;
|
|
36909
|
+
position: relative;
|
|
36903
36910
|
flex-direction: column;
|
|
36904
36911
|
gap: ${stylerVars.sizeDefault};
|
|
36905
36912
|
padding: ${stylerVars.sizeDefault};
|
|
@@ -36909,16 +36916,22 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
|
|
|
36909
36916
|
align-items: stretch;
|
|
36910
36917
|
contain: content;
|
|
36911
36918
|
|
|
36919
|
+
& > * {
|
|
36920
|
+
padding: ${stylerVars.sizeDefault};
|
|
36921
|
+
flex: 1 1 100%;
|
|
36922
|
+
max-width: 100%;
|
|
36923
|
+
}
|
|
36924
|
+
|
|
36912
36925
|
@media (min-width: 600px) {
|
|
36913
36926
|
& {
|
|
36914
36927
|
flex-direction: row-reverse;
|
|
36915
36928
|
}
|
|
36916
|
-
}
|
|
36917
36929
|
|
|
36918
|
-
|
|
36919
|
-
|
|
36920
|
-
|
|
36921
|
-
|
|
36930
|
+
& > * {
|
|
36931
|
+
padding: ${stylerVars.sizeDefault};
|
|
36932
|
+
flex: 1 1 50%;
|
|
36933
|
+
max-width: 50%;
|
|
36934
|
+
}
|
|
36922
36935
|
}
|
|
36923
36936
|
|
|
36924
36937
|
& > img {
|
|
@@ -38913,11 +38926,10 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
|
|
|
38913
38926
|
title: "Add Image Box with Image on Right",
|
|
38914
38927
|
text: "\uf864",
|
|
38915
38928
|
factory: () => XNode.create("section", {
|
|
38916
|
-
"styler-layout": "image-box"
|
|
38917
|
-
"styler-flex-direction": "row-reverse"
|
|
38929
|
+
"styler-layout": "right-image-box"
|
|
38918
38930
|
}, XNode.create("img", {
|
|
38919
38931
|
src: defaultImageSrc
|
|
38920
|
-
}), XNode.create("section", null))
|
|
38932
|
+
}), XNode.create("section", null, XNode.create("h4", null, "Header"), XNode.create("div", null, XNode.create("p", null, "Content here..."))))
|
|
38921
38933
|
}));
|
|
38922
38934
|
_export("ImageBox", ImageBox = Block({
|
|
38923
38935
|
className: "material-symbols-outlined",
|
|
@@ -38927,7 +38939,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage"]
|
|
|
38927
38939
|
"styler-layout": "image-box"
|
|
38928
38940
|
}, XNode.create("img", {
|
|
38929
38941
|
src: defaultImageSrc
|
|
38930
|
-
}), XNode.create("section", null))
|
|
38942
|
+
}), XNode.create("section", null, XNode.create("h4", null, "Header"), XNode.create("div", null, XNode.create("p", null, "Content here..."))))
|
|
38931
38943
|
}));
|
|
38932
38944
|
}
|
|
38933
38945
|
};
|