Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3703317,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3703317,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"zealblocks\/icon":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"zealblocks\/icon","version":"0.0.1","title":"Icon","category":"zealblocks","icon":"star-filled","description":"An SVG icon from the WordPress icon library, with flip and rotation controls.","keywords":["svg","symbol","graphic"],"textdomain":"zealblocks","attributes":{"icon":{"type":"string","default":"","role":"content"},"isInline":{"type":"boolean","default":false},"flipHorizontal":{"type":"boolean","default":false},"flipVertical":{"type":"boolean","default":false},"rotation":{"type":"number","default":0},"label":{"type":"string","default":""}},"supports":{"html":false,"anchor":true,"align":["left","center","right"],"shadow":true,"color":{"gradients":true,"text":true,"background":true,"__experimentalDefaultControls":{"text":true}},"spacing":{"margin":true,"padding":true,"__experimentalDefaultControls":{"margin":true}},"dimensions":{"width":true,"__experimentalDefaultControls":{"width":true}},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"radius":true}}},"editorScript":"file:.\/index.js","style":"file:.\/style-index.css","editorStyle":"file:.\/index.css","render":"file:.\/render.php"},"zealblocks\/buttons":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"zealblocks\/buttons","version":"0.0.1","title":"Buttons","category":"zealblocks","icon":"button","description":"Prompt visitors to take action with a group of button-style links.","keywords":["link","button"],"textdomain":"zealblocks","allowedBlocks":["zealblocks\/button"],"supports":{"html":false,"anchor":true,"align":["wide","full"],"spacing":{"blockGap":["horizontal","vertical"],"padding":true,"margin":["top","bottom"],"__experimentalDefaultControls":{"blockGap":true}},"layout":{"allowSwitching":false,"allowInheriting":false,"default":{"type":"flex"}},"listView":true},"editorScript":"file:.\/index.js","style":"file:.\/style-index.css","editorStyle":"file:.\/index.css","render":"file:.\/render.php"},"zealblocks\/text":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"zealblocks\/text","version":"0.0.1","title":"Text","category":"zealblocks","icon":"editor-textcolor","description":"Text with a visual style chosen independently of the theme\u2019s default sizing.","keywords":["text","paragraph","typography","style"],"textdomain":"zealblocks","attributes":{"content":{"type":"string","default":"","role":"content"},"styleAs":{"type":"string","default":""},"placeholder":{"type":"string"}},"supports":{"html":false,"anchor":true,"splitting":true,"align":["wide","full"],"shadow":true,"__experimentalSlashInserter":true,"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"textColumns":true,"textIndent":true,"__experimentalFontFamily":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"color":{"gradients":true,"link":true,"text":true,"background":true,"__experimentalDefaultControls":{"text":true,"background":true}},"spacing":{"margin":true,"padding":true,"__experimentalDefaultControls":{"padding":true}},"dimensions":{"minHeight":true},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"color":true,"radius":true,"style":true,"width":true}}},"editorScript":"file:.\/index.js","style":"file:.\/style-index.css","editorStyle":"file:.\/index.css","render":"file:.\/render.php"},"zealblocks\/button":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"zealblocks\/button","version":"0.0.1","title":"Button","category":"zealblocks","icon":"button","description":"Prompt visitors to take action with a button-style link.","keywords":["link"],"textdomain":"zealblocks","parent":["zealblocks\/buttons"],"attributes":{"text":{"type":"string","default":""},"url":{"type":"string","default":""},"linkTarget":{"type":"string","default":""},"rel":{"type":"string","default":""},"title":{"type":"string","default":""},"tagName":{"type":"string","enum":["a","button"],"default":"a"},"icon":{"type":"string","default":""},"iconPosition":{"type":"string","enum":["left","right"],"default":"right"}},"supports":{"html":false,"anchor":true,"align":false,"alignWide":false,"reusable":false,"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalFontWeight":true,"__experimentalFontStyle":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalLetterSpacing":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"padding":["horizontal","vertical"],"__experimentalDefaultControls":{"padding":true}},"color":{"gradients":true,"text":true,"background":true,"__experimentalDefaultControls":{"background":true,"text":true}},"shadow":true,"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"color":true,"radius":true,"style":true,"width":true}}},"styles":[{"name":"fill","label":"Fill","isDefault":true},{"name":"outline","label":"Outline"}],"editorScript":"file:.\/index.js","style":"file:.\/style-index.css","editorStyle":"file:.\/index.css","render":"file:.\/render.php"}},"tagged_versions":["0.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"A Buttons container holding two Button blocks, one with an arrow icon.","2":"The Custom Width and Icon Size controls in the Styles tab.","3":"Editing a Mobile-only width with Responsive styles enabled.","4":"The Zealblocks category in the block inserter."}},"plugin_section":[],"plugin_tags":[4121,190071,485,498,606],"plugin_category":[50],"plugin_contributors":[257240],"plugin_business_model":[],"class_list":["post-362558","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-breakpoints","plugin_tags-button","plugin_tags-icons","plugin_tags-responsive","plugin_category-media","plugin_contributors-amandubey","plugin_committers-amandubey"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/zealblocks\/assets\/icon-128x128.png?rev=3703317","icon_2x":"https:\/\/ps.w.org\/zealblocks\/assets\/icon-256x256.png?rev=3703317","generated":false},"screenshots":[],"raw_content":"\n
Zealblocks adds blocks that build on WordPress 7.1's block API instead of\nduplicating it. Core's typography, colour, spacing and border controls \u2014 and\ncore's per-viewport style states \u2014 are declared as supports and inherited, not\nreimplemented. What Zealblocks adds is the part core leaves out.<\/p>\n\n
The Icon block uses the icon registry WordPress 7.1 added, so it draws on the 88\nicons that ship with core rather than bundling its own set \u2014 and any icon a\ntheme or plugin registers appears in it automatically.<\/p>\n\n
Icons are marked up correctly for assistive technology: leave the alternative\ntext empty and the icon is hidden from screen readers as decoration; set it and\nthe icon is announced as content. That distinction is the most commonly missed\npart of icon accessibility.<\/p>\n\n
The Text block's presets are emitted as classes, and each one resolves through your\ntheme's own The Eyebrow preset \u2014 the small uppercase label that sits above a heading \u2014 has\nno equivalent in core, and is the one most often faked with an undersized H6.<\/p>\n\n WordPress 7.1 emits per-viewport CSS for its own style paths, so Zealblocks does\nnot need to reinvent that and does not try to. Where Zealblocks adds a property\ncore has no support for, it stores the value inside core's own and The breakpoints come from Desktop is the base layer rather than a third band, matching core: it carries no\nmedia query and applies at every width, so Mobile falls back to the base value\nwhen unset, never to Tablet.<\/p>\n\n Four built-in icons (arrow, chevron, download, external), positionable left or\nright. Position is done with Zealblocks does not collect, store or transmit any data. It makes no external\nnetwork requests, sets no cookies, creates no database tables, and registers no\nREST endpoints or AJAX handlers.<\/p>\n\n The JavaScript in https:\/\/github.com\/rahulvarma722\/zealblocks<\/p>\n\n To build from source: To set a per-viewport value, switch the editor preview to Tablet or Mobile with\nResponsive styles enabled, then change the value. With Responsive styles off, a\nnarrow preview edits the base layer \u2014 the same behaviour as core's controls.<\/p>\n\n\n Per-viewport style states are a 7.1 feature. The controls read and write core's\nviewport-state layers and detect which state the editor is in from core's own\nslots, none of which exist earlier. On WordPress 6.x the controls would appear to\nwork while writing values the editor could not show back to you.<\/p><\/dd>\n WP_Theme_JSON::get_viewport_media_queries(), which reads Because Desktop is the base layer, not a breakpoint. A value set on Desktop\ncarries no media query and therefore applies at every width; Tablet and Mobile\nare overrides on top of it. This is core's model, and following it is what makes\nMobile fall back to your Desktop value rather than to your Tablet value.<\/p><\/dd>\ntheme.json<\/code> font-size presets before falling back to a fluid\n clamp(). So a theme with a real type scale drives the look, a theme without\none still renders sensibly, and a theme can override the whole scale in one\nplace. Nothing is written as an inline style, which is what would otherwise beat\nthe theme permanently.<\/p>\n\nOn responsive values<\/h4>\n\n
style<\/code> attribute\nunder a namespaced key, in core's viewport-state shape, and generates the CSS\nusing core's media queries:<\/p>\n\nstyle.zealblocks.width for the base layer, `style.@tablet.zealblocks.width`\n<\/code><\/pre>\n\nstyle.@mobile.zealblocks.width<\/code> for the overrides. Icon size uses the\nsame shape under iconSize<\/code>.<\/p>\n\nWP_Theme_JSON::get_viewport_media_queries()<\/code>, which\nreads settings.viewport<\/code> from theme.json. Change your breakpoints there and\nZealblocks follows, because it never had its own.<\/p>\n\nIcons<\/h4>\n\n
flex-direction: row-reverse<\/code> rather than order<\/code>,\nso the DOM order stays text-then-icon and the button's accessible name is\nunaffected by where the icon appears. Icons are marked aria-hidden<\/code> \u2014 they are\ndecorative, and the button text is the accessible name.<\/p>\n\nPrivacy<\/h4>\n\n
Source code<\/h4>\n\n
build\/<\/code> is compiled and minified by @wordpress\/scripts<\/code>.\nThe unminified sources, the build configuration and the full development\nhistory are public at:<\/p>\n\nnpm install && npm run build<\/code>.<\/p>\n\n\n\n
wp-content\/plugins\/<\/code>.<\/li>\n\n
Why does it require WordPress 7.1?<\/h3><\/dt>\n
Where do the breakpoints come from?<\/h3><\/dt>\n
settings.viewport<\/code>\nfrom your theme.json. The defaults are 480px for mobile and 782px for tablet,\nidentical to core's. Zealblocks has no breakpoints of its own to configure.<\/p><\/dd>\nWhy is Desktop not listed alongside Tablet and Mobile?<\/h3><\/dt>\n