{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "popper/form-input",
  "title": "Input Field",
  "category": "common",
  "ancestor": [
    "popper/form"
  ],
  "description": "The basic building block for forms.",
  "keywords": [
    "input",
    "form"
  ],
  "textdomain": "default",
  "icon": "forms",
  "attributes": {
    "id": {
      "type": "string"
    },
    "type": {
      "type": "string",
      "default": "text"
    },
    "name": {
      "type": "string",
      "default": ""
    },
    "label": {
      "type": "rich-text",
      "default": "Label",
      "selector": "label>span:first-of-type",
      "source": "rich-text",
      "role": "content"
    },
    "required": {
      "type": "boolean",
      "default": false
    },
    "placeholder": {
      "type": "string",
      "selector": "input",
      "source": "attribute",
      "attribute": "placeholder",
      "role": "content"
    },
    "hidden": {
      "type": "boolean",
      "selector": "label",
      "source": "attribute",
      "attribute": "hidden"
    }
  },
  "selectors": {
    "root": ".wp-block-popper-form-input",
    "color": {
      "background": ".wp-block-popper-form-input input",
      "text": ".wp-block-popper-form-input input"
    },
    "border": {
      "root": ".wp-block-popper-input > input"
    }
  },
  "supports": {
    "anchor": false,
    "className": true,
    "lock": false,
    "reusable": false,
    "color": {
      "__experimentalSkipSerialization": true,
      "background": true,
      "text": true
    },
    "spacing": {
      "__experimentalSkipSerialization": true,
      "padding": true,
      "__experimentalDefaultControls": {
        "padding": true
      },
      "blockGap": true
    },
    "__experimentalBorder": {
      "__experimentalSkipSerialization": true,
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    }
  },
  "editorScript": "file:./index.js",
  "style": "file:./style-index.css"
}