{
	"$schema": "https://schemas.wp.org/trunk/block.json",
	"apiVersion": 2,
	"name": "styble/infobox",
	"version": "1.0.1",
	"title": "Info Box",
	"category": "styble",
	"icon": "info-outline",
	"description": "Create attention-grabbing info boxes with the Info Box block.",
	"supports": {
		"html": false,
		"customClassName": false,
        "anchor": false
	},
	"attributes": {
		"uniqueId":{
			"type": "string"
		},
		"dynamicCss": {
			"type": "string"
		},
		"fontList": {
			"type": "string"
		},
		"iconEnable": {
			"type":"boolean",
			"default": true
		},
		"position": {
			"type":"string",
			"default": "aboveTitle"
		},
		"iconAlignment":{
			"type": "string",
			"default": "center"
		},
		"verticalAlignment":{
			"type": "string",
			"default": "center"
		},
		"alignment":{
			"type": "object",
			"default": {
				"device": {
					"Desktop": "center",
					"Tablet": "",
					"Mobile": ""
				}
			}
		},
		"iconType": {
			"type":"string",
			"default": "icon"
		},
		"icon": {
			"type":"string",
			"default": "fas fa-info-circle"
		},
		"image": {
			"type": "object",
			"default": ""
		},
		"imageType": {
			"type":"string",
			"default": "local"
		},
		"imageExternal": {
			"type":"string",
			"default": "#"
		},
		"imageAlt": {
			"type":"string",
			"default": ""
		},
		"contentAlignment":{
			"type": "object",
			"default": {
				"device": {
					"Desktop": "center",
					"Tablet": "",
					"Mobile": ""
				}
			}
		},
		"titleEnable": {
			"type":"boolean",
			"default": true
		},
		"titleTag": {
			"type":"string",
			"default": "h3"
		},
		"desEnable": {
			"type":"boolean",
			"default": true
		},
		"buttonType": {
			"type":"string",
			"default": "none"
		},
		"enableButtonIcon": {
			"type":"boolean",
			"default": true
		},
		"buttonIcon": {
			"type":"string",
			"default": "fas fa-arrow-right"
		},
		"buttonIconPosition": {
			"type":"string",
			"default": "afterText"
		},
		"buttonIconGap":{
			"type": "object",
			"default": {
				"device": {
					"Desktop": 5,
					"Tablet": "",
					"Mobile": ""
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"iconSize":{
			"type": "object",
			"default": {
				"device": {
					"Desktop": 30,
					"Tablet": "",
					"Mobile": ""
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"imageWidth":{
			"type": "object",
			"default": {
				"device": {
					"Desktop": 150,
					"Tablet": "",
					"Mobile": ""
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"imageHeight":{
			"type": "object",
			"default": {
				"device": {
					"Desktop": 150,
					"Tablet": "",
					"Mobile": ""
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"imageCustomSize": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "",
						"right": ""
					},
					"Tablet": {
						"top": "",
						"right": ""
					},
					"Mobile": {
						"top": "",
						"right": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"buttonLink": {
			"type":"string",
			"default": "#"
		},
		"buttonTargetLink": {
			"type":"boolean",
			"default": false
		},
		"iconColor": {
			"type":"object",
			"default": {
				"color": "#1A261F",
				"hover": ""
			}
		},
		"buttonColor": {
			"type":"object",
			"default": {
				"color": "#1A261F",
				"hover": ""
			}
		},
		"imageSize": {
			"type": "string",
			"default": "thumbnail"
		},
		"enableButtonTypography": {
			"type":"boolean",
			"default": false
		},
		"buttonTypography": {
			"type": "object",
			"default": {
				"googleFont": {
					"family": "Default",
					"variants": ["300", "400", "500", "600", "700", "800"]
				},
				"typography": {
					"family": "",
					"fontWeight": "400",
					"style": "normal",
					"transform": "normal",
					"decoration": "none"
				}
			}
		},
		"buttonFontSize": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 16,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"buttonFontSpacing": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 0,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"buttonLineHeight": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 24,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"iconMargin": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"iconPadding": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"buttonPadding": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "6",
						"right": "20",
						"bottom": "6",
						"left": "20"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"buttonText": {
			"type": "string",
			"selector": "span",
			"default": "Read More"
		},
		"titleText": {
			"type": "string",
			"source": "html",
			"selector": "h1,h2,h3,h4,h5,h6,p",
			"default": "Title Here"
		},
		"enableTitleTypography": {
			"type":"boolean",
			"default": false
		},
		"titleTypography": {
			"type": "object",
			"default": {
				"googleFont": {
					"family": "Default",
					"variants": ["300", "400", "500", "600", "700", "800"]
				},
				"typography": {
					"family": "",
					"fontWeight": "700",
					"style": "normal",
					"transform": "normal",
					"decoration": "none"
				}
			}
		},
		"titleFontSize": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 20,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"titleFontSpacing": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 0,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"titleLineHeight": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 32,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"titleColor": {
			"type": "object",
			"default": {
				"color": "#1A261F",
				"hover": ""
			}
		},
		"titleMargin": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "10",
						"right": "0",
						"bottom": "5",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"enableContent": {
			"type": "boolean",
			"default": true
		},
		"content": {
			"type": "string",
			"selector": "span",
			"default": "Lorem ipsum dolor sit amet consectetur. Sem leo dictumst ac imperdiet arcu duis tempor non adipiscing."
		},
		"enableContentTypography": {
			"type":"boolean",
			"default": false
		},
		"contentTypography": {
			"type": "object",
			"default": {
				"googleFont": {
					"family": "Default",
					"variants": ["300", "400", "500", "600", "700", "800"]
				},
				"typography": {
					"family": "",
					"fontWeight": "400",
					"style": "normal",
					"transform": "normal",
					"decoration": "none"
				}
			}
		},
		"contentFontSize": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 16,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"contentFontSpacing": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 0,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"contentLineHeight": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": 24,
					"Tablet": "",
					"Mobile": ""	
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				}
			}
		},
		"contentColor": {
			"type": "object",
			"default": {
				"color": "#1A261F",
				"hover": ""
			}
		},
		"contentMargin": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"enableButton": {
			"type": "boolean",
			"default": false
		},
		"bgColor": {
			"type": "object",
			"default": {
				"color": {
					"style": "transparent",
					"transparent": "",
					"solidColor": "#DCDCDE",
					"gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)",
					"image": {}
				},
				"hover": {
					"style": "",
					"transparent": "",
					"solidColor": "",
					"gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)",
					"image": {}
				}
			}
		},
		"bgIconColor": {
			"type": "object",
			"default": {
				"color": {
					"style": "transparent",
					"transparent": "",
					"solidColor": "#DCDCDE",
					"gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
				},
				"hover": {
					"style": "transparent",
					"transparent": "",
					"solidColor": "",
					"gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
				}
			}
		},
		"bgButtonColor": {
			"type": "object",
			"default": {
				"color": {
					"style": "bgColor",
					"transparent": "",
					"solidColor": "#DCDCDE",
					"gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
				},
				"hover": {
					"style": "",
					"transparent": "",
					"solidColor": "",
					"gradient": "linear-gradient(135deg,rgb(6,147,227) 0%,rgb(133,49,213) 100%)"
				}
			}
		},
		"border": {
			"type": "object",
			"default": {
				"color": "#757575",
				"style": "solid",
				"hoverColor": ""
			}
		},
		"borderWidth": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "1",
						"right": "1",
						"bottom": "1",
						"left": "1"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"borderRadius": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"iconBorder": {
			"type": "object",
			"default": {
				"color": "#F4F1ED",
				"style": "none",
				"hoverColor": ""
			}
		},
		"iconBorderWidth": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"iconBorderRadius": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"buttonBorder": {
			"type": "object",
			"default": {
				"color": "#F4F1ED",
				"style": "solid",
				"hoverColor": ""
			}
		},
		"buttonBorderWidth": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"buttonBorderRadius": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "4",
						"right": "4",
						"bottom": "4",
						"left": "4"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"enableBoxShadow": {
			"type": "boolean",
			"default": false
		},
		"shadow": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "3",
						"bottom": "6",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "Outset",
					"Tablet": "Outset",
					"Mobile": "Outset"
				},
				"color": "#00000026",
				"hoverColor": ""
			}
		},
		"enableIconBoxShadow": {
			"type": "boolean",
			"default": false
		},
		"shadowIcon": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "3",
						"bottom": "6",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "Outset",
					"Tablet": "Outset",
					"Mobile": "Outset"
				},
				"color": "#00000026",
				"hoverColor": ""
			}
		},
		"padding": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "20",
						"right": "20",
						"bottom": "20",
						"left": "20"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"margin": {
			"type": "object",
			"default": {
				"device": {
					"Desktop": {
						"top": "0",
						"right": "0",
						"bottom": "0",
						"left": "0"	
					},
					"Tablet": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					},
					"Mobile": {
						"top": "",
						"right": "",
						"bottom": "",
						"left": ""
					}
				},
				"unit": {
					"Desktop": "px",
					"Tablet": "px",
					"Mobile": "px"
				},
				"allChange": false
			}
		},
		"infoboxHideOnDesktop": {
			"type": "boolean",
			"default": false
		},
		"infoboxHideOnTablet": {
			"type": "boolean",
			"default": false
		},
		"infoboxHideOnMobile": {
			"type": "boolean",
			"default": false
		},
		"transition": {
			"type": "object",
			"default": {
				"value": 0.3
			}
		},
		"additionalClass": {
			"type": "string",
			"default": ""
		},
		"isPreview": {
			"type": "boolean",
			"default": false
		}
	},
	"example": {
		"attributes": {
			"isPreview": true
		}
	},
	"textdomain": "styble",
	"editorScript": "file:./index.js",
	"editorStyle": "file:./index.css",
	"style": "file:./style-index.css"
}