JezK
Edit File: block.json
{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "bpsc/announcement-bar-section", "version": "1.0.0", "title": "Announcement Bar Section", "category": "section-collection", "description": "A high-visibility announcement bar to broadcast promotions, launches, or notices.", "keywords": [ "announcement bar", "promo bar", "notification bar", "sticky bar", "section" ], "textdomain": "section-collection", "attributes": { "themeStyle": { "type": "object", "default": { "theme": "style-1" } }, "content": { "type": "object", "default": { "badgeText": "NEW", "message": "We just launched our Pro plan — save 40% this week only.", "btnText": "Claim Offer", "btnUrl": "#", "btnNewTab": false, "countdownTarget": "2027-01-01T00:00:00", "dismissStorageKey": "" } }, "elements": { "type": "object", "default": { "isBadge": true, "isMessage": true, "isBtn": true, "isDismissBtn": true, "isCountdown": false } }, "barStyle": { "type": "object", "default": { "bg": { "type": "gradient", "color": "#4f46e5", "gradient": "linear-gradient(90deg, #4f46e5 0%, #7c3aed 100%)", "overlayColor": "rgba(0,0,0,0)", "image": { "url": "" }, "position": "center center", "repeat": "no-repeat", "size": "cover" }, "padding": { "desktop": { "top": "12px", "right": "24px", "bottom": "12px", "left": "24px" }, "tablet": { "top": "10px", "right": "16px", "bottom": "10px", "left": "16px" }, "mobile": { "top": "8px", "right": "12px", "bottom": "8px", "left": "12px" } } } }, "badgeStyle": { "type": "object", "default": { "colors": { "color": "#4f46e5", "bg": "#ffffff" }, "borderRadius": { "top": "4px", "right": "4px", "bottom": "4px", "left": "4px" }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 700, "isUploadFont": true, "fontSize": { "desktop": 11, "tablet": 11, "mobile": 10 }, "textTransform": "uppercase", "lineHeight": "1" } } }, "messageStyle": { "type": "object", "default": { "color": "#ffffff", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 400, "isUploadFont": true, "fontSize": { "desktop": 14, "tablet": 13, "mobile": 12 }, "lineHeight": "1.4" } } }, "btnStyle": { "type": "object", "default": { "colors": { "color": "#4f46e5", "bg": "#ffffff" }, "hoverColors": { "color": "#3730a3", "bg": "#e0e7ff" }, "borderRadius": { "top": "6px", "right": "6px", "bottom": "6px", "left": "6px" }, "padding": { "desktop": { "top": "6px", "right": "14px", "bottom": "6px", "left": "14px" }, "tablet": { "top": "6px", "right": "12px", "bottom": "6px", "left": "12px" }, "mobile": { "top": "5px", "right": "10px", "bottom": "5px", "left": "10px" } }, "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 600, "isUploadFont": true, "fontSize": { "desktop": 13, "tablet": 13, "mobile": 12 }, "lineHeight": "1" } } }, "countdownStyle": { "type": "object", "default": { "digitColor": "#ffffff", "separatorColor": "rgba(255,255,255,0.6)", "typo": { "fontCategory": "sans-serif", "fontFamily": "Default", "fontWeight": 700, "isUploadFont": true, "fontSize": { "desktop": 14, "tablet": 13, "mobile": 12 }, "lineHeight": "1" } } }, "dismissStyle": { "type": "object", "default": { "color": "rgba(255,255,255,0.7)", "hoverColor": "#ffffff", "size": "16px" } }, "layout": { "type": "object", "default": { "contentAlign": "center", "gap": "12px", "maxWidth": "1200px" } }, "align": { "type": "string", "default": "full" } }, "supports": { "align": [ "wide", "full" ], "html": false }, "example": { "attributes": {} }, "editorScript": "file:../index.js", "style": "file:./view.css", "render": "file:./render.php", "viewScript": "file:./view.js" }