{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,

  "name": "tdg/colors",
  "title": "Color Palette",
  "category": "design",
  "description": "A group of related color swatches",
  "keywords": [ "colors", "styles", "visual identity" ],

  "attributes": {
    "hideHex":  {
      "type": "boolean",
      "default": false
    },
    "hideRGB":  {
      "type": "boolean",
      "default": false
    },
    "hideCMYK": {
      "type": "boolean",
      "default": false
    },
    "showCopy": {
      "type": "boolean",
      "default": false
    },
    "search": {
      "type": "boolean",
      "default": false
    }
  },

  "supports": {
    "customClassName": true
  },

  "styles": [
    { "name": "basic-card",    "label": "Basic Card", "isDefault": true },
    { "name": "stylized-card", "label": "Stylized Card" },
    { "name": "circle",        "label": "Circle" }
  ],

  "example": {
    "innerBlocks": [
      {
        "name": "tdg/color",
        "attributes": {
          "hex": "#604c8d",
          "label": "Cyber Grape"
        }
      },
      {
        "name": "tdg/color",
        "attributes": {
          "hex": "#559cad",
          "label": "Pacific Blue"
        }
      },
      {
        "name": "tdg/color",
        "attributes": {
          "hex": "#c1b2ab",
          "label": "Pale Silver"
        }
      }
    ]

  }
}