{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bloqra/info-box",
  "version": "1.0.0",
  "title": "Info Box",
  "category": "bloqra",
  "icon": "info",
  "description": "A flexible card with an icon or image, heading, text and an optional button. Design it with the native style controls plus hover effects.",
  "keywords": [
    "info",
    "box",
    "card",
    "feature",
    "icon",
    "image",
    "cta"
  ],
  "example": {
    "attributes": {
      "mediaType": "icon",
      "icon": "rocket",
      "heading": "Build faster",
      "text": "Compose beautiful sections with native block controls and ready-made hover effects.",
      "showButton": true,
      "buttonText": "Learn more"
    }
  },
  "attributes": {
    "mediaType": {
      "type": "string",
      "default": "icon"
    },
    "icon": {
      "type": "string",
      "default": "star"
    },
    "iconSize": {
      "type": "string",
      "default": "48px"
    },
    "iconStrokeWidth": {
      "type": "number",
      "default": 2
    },
    "iconColor": {
      "type": "string",
      "default": ""
    },
    "iconBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "iconBorderColor": {
      "type": "string",
      "default": ""
    },
    "iconBorderWidth": {
      "type": "string",
      "default": ""
    },
    "iconBorderRadius": {
      "type": "string",
      "default": ""
    },
    "iconPadding": {
      "type": "string",
      "default": ""
    },
    "imageId": {
      "type": "number",
      "default": 0
    },
    "imageUrl": {
      "type": "string",
      "default": ""
    },
    "imageAlt": {
      "type": "string",
      "default": ""
    },
    "imageWidth": {
      "type": "string",
      "default": "150px"
    },
    "imageBorderRadius": {
      "type": "string",
      "default": ""
    },
    "mediaPosition": {
      "type": "string",
      "default": "top"
    },
    "mediaAlignment": {
      "type": "string",
      "default": "center"
    },
    "mediaGap": {
      "type": "string",
      "default": "16px"
    },
    "heading": {
      "type": "string",
      "source": "html",
      "selector": ".bloqra-info-box__heading",
      "default": ""
    },
    "headingLevel": {
      "type": "number",
      "default": 3
    },
    "headingColor": {
      "type": "string",
      "default": ""
    },
    "headingHoverColor": {
      "type": "string",
      "default": ""
    },
    "headingFontSize": {
      "type": "string",
      "default": ""
    },
    "headingFontWeight": {
      "type": "string",
      "default": ""
    },
    "headingLineHeight": {
      "type": "string",
      "default": ""
    },
    "headingMargin": {
      "type": "string",
      "default": ""
    },
    "text": {
      "type": "string",
      "source": "html",
      "selector": ".bloqra-info-box__text",
      "default": ""
    },
    "textColor": {
      "type": "string",
      "default": ""
    },
    "textHoverColor": {
      "type": "string",
      "default": ""
    },
    "textFontSize": {
      "type": "string",
      "default": ""
    },
    "textFontWeight": {
      "type": "string",
      "default": ""
    },
    "textLineHeight": {
      "type": "string",
      "default": ""
    },
    "textMargin": {
      "type": "string",
      "default": ""
    },
    "contentAlignment": {
      "type": "string",
      "default": "center"
    },
    "showButton": {
      "type": "boolean",
      "default": true
    },
    "buttonText": {
      "type": "string",
      "source": "html",
      "selector": ".bloqra-info-box__button-text",
      "default": ""
    },
    "buttonIcon": {
      "type": "string",
      "default": ""
    },
    "buttonIconPosition": {
      "type": "string",
      "default": "left"
    },
    "buttonPaddingBlock": {
      "type": "string",
      "default": ""
    },
    "buttonPaddingInline": {
      "type": "string",
      "default": ""
    },
    "buttonUrl": {
      "type": "string",
      "default": ""
    },
    "buttonNewTab": {
      "type": "boolean",
      "default": false
    },
    "buttonRel": {
      "type": "string",
      "default": ""
    },
    "buttonBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "buttonTextColor": {
      "type": "string",
      "default": ""
    },
    "buttonHoverBackgroundColor": {
      "type": "string",
      "default": ""
    },
    "buttonHoverTextColor": {
      "type": "string",
      "default": ""
    },
    "buttonBorderRadius": {
      "type": "string",
      "default": ""
    },
    "hoverEffect": {
      "type": "string",
      "default": "none"
    },
    "glowColor": {
      "type": "string",
      "default": ""
    },
    "borderHoverColor": {
      "type": "string",
      "default": ""
    },
    "borderHoverSize": {
      "type": "string",
      "default": ""
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "align": [
      "wide",
      "full"
    ],
    "background": {
      "backgroundImage": true,
      "backgroundSize": true,
      "__experimentalDefaultControls": {
        "backgroundImage": true
      }
    },
    "color": {
      "text": true,
      "background": true,
      "link": false,
      "gradients": true
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    },
    "spacing": {
      "padding": true,
      "margin": true
    },
    "shadow": true,
    "typography": {
      "__experimentalFontFamily": true,
      "lineHeight": true
    }
  },
  "textdomain": "bloqra",
  "editorScript": [
    "bloqra-icons",
    "file:./index.js"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css"
}