JezK
Edit File: block.json
{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "bpsc/progress-section", "version": "1.0.0", "title": "Progress Section", "category": "section-collection", "description": "A modern, responsive progress tracking section that lets users easily manage tasks, visualize completion status, and monitor overall progress with interactive controls.", "keywords": [ "Progress Section" ], "textdomain": "section-collection", "attributes": { "layout": { "type": "object", "default": { "section": { "margin": { "desktop": { "top": "0px", "right": "0px", "bottom": "0px", "left": "0px" }, "tablet": { "top": "0px", "right": "0px", "bottom": "0px", "left": "0px" }, "mobile": { "top": "0px", "right": "0px", "bottom": "0px", "left": "0px" } }, "padding": { "desktop": { "top": "1rem", "right": "1rem", "bottom": "1rem", "left": "1rem" }, "tablet": { "top": "0.8rem", "right": "0.8rem", "bottom": "0.8rem", "left": "0.8rem" }, "mobile": { "top": "0.6px", "right": "0.6px", "bottom": "0.6px", "left": "0.6px" } }, "minHeight": { "desktop": "80vh", "tablet": "80vh", "mobile": "80vh" } }, "container": { "minHeight": { "desktop": "450px", "tablet": "450px", "mobile": "450px" }, "maxWidth": { "desktop": "1400px", "tablet": "1400px", "mobile": "1400px" }, "borderRadius": { "top": "1.5rem", "right": "1.5rem", "bottom": "1.5rem", "left": "1.5rem" } } } }, "styles": { "type": "object", "default": { "sectionBg": { "type": "gradient", "overlayColor": "rgba(0, 0, 0, 0)", "position": "center center", "image": { "url": "" }, "color": "rgba(255, 255, 255, 0.6)", "gradient": "linear-gradient(145deg, #eef2f9 0%, #e0e7f0 100%)", "repeat": "no-repeat", "size": "cover" }, "statPanel": { "bg": { "type": "solid", "overlayColor": "rgba(0, 0, 0, 0)", "position": "center center", "image": { "url": "" }, "color": "rgba(255, 255, 255, 0.6)", "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)", "repeat": "no-repeat", "size": "cover" }, "title": { "color": "#1f2a44", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 30, "tablet": 30, "mobile": 26 }, "fontVariant": 400, "fontWeight": 900, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "subTitle": { "color": "#5b6e8c", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 14, "tablet": 14, "mobile": 14 }, "fontVariant": 400, "fontWeight": 400, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "progress": { "value": { "color": "#1e293b", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 32, "tablet": 32, "mobile": 30 }, "fontVariant": 400, "fontWeight": 800, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "label": { "color": "#3b4e6e", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 14, "tablet": 14, "mobile": 14 }, "fontVariant": 400, "fontWeight": 400, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "indicator": "#8b5cf6" }, "statCard": { "bgColor": "#fff", "value": "#0f2b3d", "text": { "color": "#5b6e8c", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 12, "tablet": 12, "mobile": 12 }, "fontVariant": 400, "fontWeight": 400, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } } }, "notice": { "colors": { "bgType": "gradient", "color": "#1f3a5f", "gradient": "linear-gradient(110deg, #eef2ff, #ffffff)" }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 14, "tablet": 14, "mobile": 14 }, "fontVariant": 400, "fontWeight": 500, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } } }, "taskPanel": { "bg": { "type": "solid", "overlayColor": "rgba(0, 0, 0, 0)", "position": "center center", "image": { "url": "" }, "color": "rgba(255, 255, 255, 0.6)", "gradient": "linear-gradient(145deg, #0b0e14 0%, #1a1f2a 100%)", "repeat": "no-repeat", "size": "cover" }, "title": { "color": "#1f2a44", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 30, "tablet": 30, "mobile": 26 }, "fontVariant": 400, "fontWeight": 900, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "taskField": { "bg": "#fff", "placeholderColor": "#00000091", "color": "#000", "border": { "type": "solid", "width": "1px", "color": "#cddfe7" } }, "addBtn": { "colors": { "color": "#fff", "bg": "#1f2f4e" }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 12, "tablet": 12, "mobile": 12 }, "fontVariant": 400, "fontWeight": 600, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "catBtn": { "normalColors": { "color": "#2c3e66", "bg": "#eef2ff" }, "activeColors": { "color": "#fff", "bg": "#1f2f4e" }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontSize": { "desktop": 12, "tablet": 12, "mobile": 12 }, "fontVariant": 400, "fontWeight": 600, "isUploadFont": true, "lineHeight": 0, "textDecoration": "", "textTransform": "none" } }, "task": { "bg": "#fff", "color": "#1e2a3e", "doneColor": "#8d9bb0", "mark": "#3b82f6" } } } }, "texts": { "type": "object", "default": { "statTitle": "Progress Hub", "statSub": "Track milestones & achievements", "taskTitle": "Active tasks" } }, "options": { "type": "object", "default": { "isStatPanel": true, "isNotice": true } }, "align": { "type": "string", "default": "full" }, "alignment": { "type": "string", "default": "center" }, "purposeType": { "type": "string", "default": "test" }, "colors": { "type": "object", "default": { "color": "black", "bg": "#B1C5A4" } } }, "supports": { "align": [ "wide", "full" ], "html": false }, "example": { "attributes": {} }, "editorScript": "file:../index.js", "style": "file:./view.css", "render": "file:./render.php", "viewScript": "file:./view.js" }