@flozy/editor 1.4.7 → 1.4.9

package/dist/Editor/Elements/Grid/Grid.js

@@ -31,9 +31,12 @@ const Grid = props => {
     bgColor,
     alignment,
     backgroundImage,
-    borderColor,
     size: elSize,
-    fgColor
+    fgColor,
+    borderWidth,
+    borderColor,
+    borderStyle,
+    borderRadius
   } = element;
   const {
     left,
@@ -46,6 +49,12 @@ const Grid = props => {
     horizantal,
     flexDirection
   } = alignment || {};
+  const {
+    topLeft,
+    topRight,
+    bottomLeft,
+    bottomRight
+  } = borderRadius || {};
   const {
     height: elHeight
   } = elSize || {};
@@ -209,6 +218,9 @@ const Grid = props => {
   const sectionId = id ? {
     id
   } : {};
+  const bgImage = backgroundImage && backgroundImage !== "none" ? {
+    backgroundImage: `url(${backgroundImage})`
+  } : {};
   return /*#__PURE__*/_jsxs("div", {
     className: `grid-container ${grid} has-hover element-root ${isDragging ? "dragging" : ""} ${isActiveDrag ? "active_drag" : ""}`,
     ...attributes,
@@ -216,8 +228,11 @@ const Grid = props => {
     style: {
       background: bgColor,
       alignContent: vertical,
-      backgroundImage: backgroundImage && backgroundImage !== "none" ? `url(${backgroundImage})` : "none",
-      border: `1px solid ${borderColor}`
+      ...bgImage,
+      borderColor: borderColor || "transparent",
+      borderWidth: borderWidth || "1px",
+      borderRadius: `${topLeft}px ${topRight}px ${bottomLeft}px ${bottomRight}px`,
+      borderStyle: borderStyle || "solid"
     },
     children: [fgColor && /*#__PURE__*/_jsx("div", {
       style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "1.4.7",
+  "version": "1.4.9",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"