{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "caledros-basic-blocks/button",
  "title": "Button",
  "category": "caledros-basic-blocks",
  "icon": "block-default",
  "description": "A customizable button with different colors for the light and dark modes.",
  "keywords": [
    "button"
  ],
  "version": "1.0",
  "textdomain": "caledros-basic-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "example": {
    "attributes": {
      "buttonText": "Button text"
    },
    "viewportWidth": 300
  },
  "attributes": {
    "buttonText": {
      "type": "string",
      "default": "Button text"
    },
    "buttonLink": {
      "type": "string",
      "default": "#"
    },
    "buttonLightColor": {
      "type": "string",
      "default": "#252533"
    },
    "buttonDarkColor": {
      "type": "string",
      "default": "#01A7C2"
    },
    "buttonHoverLightColor": {
      "type": "string",
      "default": "#197278"
    },
    "buttonHoverDarkColor": {
      "type": "string",
      "default": "#B5FFE1"
    },
    "buttonTextLightColor": {
      "type": "string",
      "default": "#fff"
    },
    "buttonTextDarkColor": {
      "type": "string",
      "default": "#000"
    },
    "buttonFontFamily": {
      "type": "string",
      "default": ""
    },
    "buttonFontWeight": {
      "type": "number",
      "default": 400
    },
    "buttonFontStyle": {
      "type": "string",
      "default": "normal"
    },
    "buttonFontSize": {
      "type": "string",
      "default": "var(--wp--preset--font-size--medium)"
    },
    "buttonLetterSpacing": {
      "type": "string",
      "default": "normal"
    },
    "buttonBorder": {
      "type": "object",
      "default": {
        "style": "none",
        "width": "0px",
        "lightColor": "#00000000",
        "darkColor": "#00000000",
        "radius": "60px"
      }
    },
    "buttonMargin": {
      "type": "object",
      "default": {
        "top": "0px",
        "right": "0px",
        "bottom": "0px",
        "left": "0px",
        "differentMarginsEnabled": false
      }
    },
    "buttonPadding": {
      "type": "object",
      "default": {
        "top": "9px",
        "right": "18px",
        "bottom": "9px",
        "left": "18px",
        "differentPaddingsEnabled": true
      }
    },
    "buttonType": {
      "type": "string",
      "default": "simple-button"
    },
    "buttonIcon": {
      "type": "string",
      "default": ""
    },
    "buttonIconSize": {
      "type": "number",
      "default": 0
    },
    "buttonIconColor": {
      "type": "string",
      "default": "#000000"
    },
    "buttonIconDarkColor": {
      "type": "string",
      "default": "#ffffff"
    },
    "buttonIconFlexDirection": {
      "type": "string",
      "default": "row"
    },
    "buttonHoverTextLightColor": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "#000000"
      }
    },
    "buttonHoverTextDarkColor": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "#f4f4f4"
      }
    },
    "iconHoverLightColor": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "#00000000"
      }
    },
    "iconHoverDarkColor": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "#00000000"
      }
    },
    "borderHoverLightColor": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "#000000"
      }
    },
    "borderHoverDarkColor": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": "#f4f4f4"
      }
    },
    "contentGap": {
      "type": "object",
      "default": {
        "enabled": false,
        "value": 0
      }
    }
  },
  "variations": [
    {
      "name": "caledros-basic-blocks/button-with-icon",
      "title": "Button with Icon",
      "description": "A customizable button with an icon.",
      "attributes": {
        "buttonType": "button-with-icon",
        "buttonIcon": "battery-charging",
        "buttonIconSize": 26,
        "buttonIconColor": "#ffffff",
        "buttonIconDarkColor": "#000000",
        "buttonIconFlexDirection": "row",
        "iconHoverLightColor": {
          "enabled": false,
          "value": "#000000"
        },
        "iconHoverDarkColor": {
          "enabled": false,
          "value": "#f4f4f4"
        },
        "contentGap": {
          "enabled": false,
          "value": 0
        },
        "buttonPadding": {
          "top": "5px",
          "right": "18px",
          "bottom": "5px",
          "left": "18px",
          "differentPaddingsEnabled": true
        }
      },
      "isActive": [
        "buttonType"
      ]
    }
  ],
  "supports": {
    "align": false,
    "alignWide": false,
    "className": false,
    "html": false
  }
}