{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "blablablocks/color-palette",
  "version": "2.0.0",
  "title": "Color Palette",
  "category": "design",
  "icon": "art",
  "description": "Build and share beautiful color palettes with multiple display styles and easy color code copying.",
  "attributes": {
    "swatchSize": {
      "type": "number"
    }
  },
  "example": {
    "attributes": {
      "className": "is-style-circle"
    },
    "innerBlocks": [
      {
        "name": "blablablocks/color-palette-swatch",
        "attributes": {
          "color": "#ff6b6b",
          "name": "Coral Red"
        },
        "innerBlocks": [
          {
            "name": "blablablocks/color-palette-swatch-color",
            "attributes": {
              "label": "Coral Red",
              "style": {
                "color": {
                  "background": "#ff6b6b"
                }
              }
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-name",
            "attributes": {
              "content": "Coral Red"
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-code"
          }
        ]
      },
      {
        "name": "blablablocks/color-palette-swatch",
        "attributes": {
          "color": "#4ecdc4",
          "name": "Teal"
        },
        "innerBlocks": [
          {
            "name": "blablablocks/color-palette-swatch-color",
            "attributes": {
              "label": "Teal",
              "style": {
                "color": {
                  "background": "#4ecdc4"
                }
              }
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-name",
            "attributes": {
              "content": "Teal"
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-code"
          }
        ]
      },
      {
        "name": "blablablocks/color-palette-swatch",
        "attributes": {
          "color": "#45b7d1",
          "name": "Sky Blue"
        },
        "innerBlocks": [
          {
            "name": "blablablocks/color-palette-swatch-color",
            "attributes": {
              "label": "Sky Blue",
              "style": {
                "color": {
                  "background": "#45b7d1"
                }
              }
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-name",
            "attributes": {
              "content": "Sky Blue"
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-code"
          }
        ]
      },
      {
        "name": "blablablocks/color-palette-swatch",
        "attributes": {
          "color": "#96ceb4",
          "name": "Mint Green"
        },
        "innerBlocks": [
          {
            "name": "blablablocks/color-palette-swatch-color",
            "attributes": {
              "label": "Mint Green",
              "style": {
                "color": {
                  "background": "#96ceb4"
                }
              }
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-name",
            "attributes": {
              "content": "Mint Green"
            }
          },
          {
            "name": "blablablocks/color-palette-swatch-code"
          }
        ]
      }
    ]
  },
  "styles": [
    {
      "name": "default",
      "label": "Square",
      "isDefault": true
    },
    {
      "name": "polaroid",
      "label": "Polaroid"
    },
    {
      "name": "circle",
      "label": "Circle"
    },
    {
      "name": "droplet",
      "label": "Droplet"
    },
    {
      "name": "palette",
      "label": "Palette"
    }
  ],
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ],
    "interactivity": true,
    "color": {
      "background": true,
      "text": false,
      "__experimentalDefaultControls": {
        "background": true
      }
    },
    "layout": {
      "allowSwitching": true,
      "allowInheriting": false,
      "default": {
        "type": "grid",
        "minimumColumnWidth": "100px"
      }
    },
    "spacing": {
      "margin": true,
      "padding": true,
      "blockGap": true,
      "__experimentalDefaultControls": {
        "margin": true,
        "padding": true,
        "blockGap": true
      }
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "color": true,
        "radius": true,
        "style": true,
        "width": true
      }
    }
  },
  "textdomain": "color-palette-block",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "render": "file:./render.php",
  "viewScriptModule": "file:./view.js"
}