{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "evib/icon-box",
  "version": "0.02",
  "title": "Icon Box",
  "description": "Display stylish icon on your page.",
  "icon": "dashicons-info",
  "keywords": [
    "icon block",
    "icon library",
    "font awesome icons",
    "bootstrap icons",
    "icon picker",
    "select icon",
    "add icons",
    "svg icons"
  ],
  "category": "media",
  "textdomain": "icon-box-block",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "icon": {
      "type": "object",
      "default": {
        "isUpload": false,
        "svg": "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M500.3 7.3C507.7 13.3 512 22.4 512 32V176c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V71L352 90.2V208c0 26.5-28.7 48-64 48s-64-21.5-64-48s28.7-48 64-48V64c0-15.3 10.8-28.4 25.7-31.4l160-32c9.4-1.9 19.1 .6 26.6 6.6zM74.7 304l11.8-17.8c5.9-8.9 15.9-14.2 26.6-14.2h61.7c10.7 0 20.7 5.3 26.6 14.2L213.3 304H240c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V352c0-26.5 21.5-48 48-48H74.7zM192 408a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM478.7 278.3L440.3 368H496c6.7 0 12.6 4.1 15 10.4s.6 13.3-4.4 17.7l-128 112c-5.6 4.9-13.9 5.3-19.9 .9s-8.2-12.4-5.3-19.2L391.7 400H336c-6.7 0-12.6-4.1-15-10.4s-.6-13.3 4.4-17.7l128-112c5.6-4.9 13.9-5.3 19.9-.9s8.2 12.4 5.3 19.2zm-339-59.2c-6.5 6.5-17 6.5-23 0L19.9 119.2c-28-29-26.5-76.9 5-103.9c27-23.5 68.4-19 93.4 6.5l10 10.5 9.5-10.5c25-25.5 65.9-30 93.9-6.5c31 27 32.5 74.9 4.5 103.9l-96.4 99.9z'/></svg>",
        "img": "",
        "imgFit": "",
        "label": "",
        "width": {
          "desktop": "30px",
          "tablet": "",
          "mobile": ""
        },
        "height": {
          "desktop": "30px",
          "tablet": "",
          "mobile": ""
        },
        "color": {
          "normal": "#fff",
          "hover": ""
        },
        "shadow": ""
      }
    },
    "width": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "height": {
      "type": "object",
      "default": {
        "desktop": "",
        "tablet": "",
        "mobile": ""
      }
    },
    "alignment": {
      "type": "object",
      "default": {
        "desktop": "center",
        "tablet": "",
        "mobile": ""
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": "20px 20px 20px 20px",
            "tablet": "",
            "mobile": ""
          }
        },
        "background": {
          "normal": "background-color: #111;",
          "hover": ""
        },
        "frame": {
          "normal": {
            "radius": "50px 50px 50px 50px"
          }
        },
        "animation": {
          "type": ""
        },
        "transitions": "color 0.5s ease 0s, background 0.5s ease 0s, border 0.5s ease 0s, border-radius 0.5s ease 0s, box-shadow 0.5s ease 0s, text-shadow 0.5s ease 0s, transform 0.5s ease 0s, opacity 0.5s ease 0s"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {},
    "viewportWidth": 200
  },
  "editorScript": [
    "file:./editor.js",
    "aos"
  ],
  "editorStyle": [
    "file:./editor.css",
    "aos"
  ],
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}