@flozy/editor 1.4.7 → 1.4.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -31,9 +31,12 @@ const Grid = props => {
31
31
  bgColor,
32
32
  alignment,
33
33
  backgroundImage,
34
- borderColor,
35
34
  size: elSize,
36
- fgColor
35
+ fgColor,
36
+ borderWidth,
37
+ borderColor,
38
+ borderStyle,
39
+ borderRadius
37
40
  } = element;
38
41
  const {
39
42
  left,
@@ -46,6 +49,12 @@ const Grid = props => {
46
49
  horizantal,
47
50
  flexDirection
48
51
  } = alignment || {};
52
+ const {
53
+ topLeft,
54
+ topRight,
55
+ bottomLeft,
56
+ bottomRight
57
+ } = borderRadius || {};
49
58
  const {
50
59
  height: elHeight
51
60
  } = elSize || {};
@@ -209,6 +218,9 @@ const Grid = props => {
209
218
  const sectionId = id ? {
210
219
  id
211
220
  } : {};
221
+ const bgImage = backgroundImage && backgroundImage !== "none" ? {
222
+ backgroundImage: `url(${backgroundImage})`
223
+ } : {};
212
224
  return /*#__PURE__*/_jsxs("div", {
213
225
  className: `grid-container ${grid} has-hover element-root ${isDragging ? "dragging" : ""} ${isActiveDrag ? "active_drag" : ""}`,
214
226
  ...attributes,
@@ -216,8 +228,11 @@ const Grid = props => {
216
228
  style: {
217
229
  background: bgColor,
218
230
  alignContent: vertical,
219
- backgroundImage: backgroundImage && backgroundImage !== "none" ? `url(${backgroundImage})` : "none",
220
- border: `1px solid ${borderColor}`
231
+ ...bgImage,
232
+ borderColor: borderColor || "transparent",
233
+ borderWidth: borderWidth || "1px",
234
+ borderRadius: `${topLeft}px ${topRight}px ${bottomLeft}px ${bottomRight}px`,
235
+ borderStyle: borderStyle || "solid"
221
236
  },
222
237
  children: [fgColor && /*#__PURE__*/_jsx("div", {
223
238
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flozy/editor",
3
- "version": "1.4.7",
3
+ "version": "1.4.9",
4
4
  "description": "An Editor for flozy app brain",
5
5
  "files": [
6
6
  "dist"