{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "title": "Badge",
  "name": "brandy/badge",
  "category": "brandy-blocks",
  "description": "A short label with an optional icon, sized to its own content.",
  "keywords": [
    "badge",
    "label",
    "pill",
    "tag",
    "eyebrow"
  ],
  "attributes": {
    "text": {
      "type": "string",
      "source": "html",
      "selector": ".brandy-badge__text",
      "default": ""
    },
    "iconName": {
      "type": "string",
      "default": ""
    },
    "iconType": {
      "type": "string",
      "enum": [
        "regular",
        "fill",
        "duotone"
      ],
      "default": "regular"
    },
    "iconPosition": {
      "type": "string",
      "default": "left",
      "enum": [
        "left",
        "right"
      ]
    },
    "iconSize": {
      "type": "number"
    }
  },
  "supports": {
    "html": false,
    "anchor": true,
    "color": {
      "background": true,
      "text": true,
      "__experimentalDefaultControls": {
        "background": true,
        "text": true
      }
    },
    "spacing": {
      "margin": true,
      "padding": true,
      "blockGap": true,
      "__experimentalDefaultControls": {
        "padding": true
      }
    },
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "__experimentalFontFamily": true,
      "__experimentalFontWeight": true,
      "__experimentalFontStyle": true,
      "__experimentalTextTransform": true,
      "__experimentalLetterSpacing": true,
      "__experimentalDefaultControls": {
        "fontSize": true
      }
    },
    "__experimentalBorder": {
      "color": true,
      "radius": true,
      "style": true,
      "width": true,
      "__experimentalDefaultControls": {
        "radius": true
      }
    }
  },
  "variations": [
    {
      "name": "default",
      "title": "Badge",
      "description": "A short label with an optional icon, sized to its own content.",
      "isDefault": true,
      "attributes": {
        "text": "WordPress image optimization",
        "iconName": "circle",
        "iconType": "fill",
        "iconPosition": "left",
        "iconSize": 6,
        "style": {
          "color": {
            "background": "#eceffc",
            "text": "#374ddd"
          },
          "spacing": {
            "blockGap": "8px",
            "padding": {
              "top": "8px",
              "right": "12px",
              "bottom": "8px",
              "left": "12px"
            }
          },
          "border": {
            "radius": "2px"
          },
          "typography": {
            "fontSize": "12px",
            "fontWeight": "700",
            "letterSpacing": "1px",
            "textTransform": "uppercase"
          }
        }
      }
    }
  ],
  "example": {
    "viewportWidth": 320,
    "attributes": {
      "text": "WordPress image optimization",
      "iconName": "circle",
      "iconType": "fill",
      "iconPosition": "left",
      "iconSize": 6,
      "style": {
        "color": {
          "background": "#eceffc",
          "text": "#374ddd"
        },
        "spacing": {
          "blockGap": "8px",
          "padding": {
            "top": "8px",
            "right": "12px",
            "bottom": "8px",
            "left": "12px"
          }
        },
        "border": {
          "radius": "2px"
        },
        "typography": {
          "fontSize": "12px",
          "fontWeight": "700",
          "letterSpacing": "1px",
          "textTransform": "uppercase"
        }
      }
    }
  },
  "textdomain": "brandy-blocks",
  "editorScript": "file:./index.js",
  "style": "file:./style-index.css"
}