# Changelog All notable changes to the Abstract Box plugin are documented in this file. --- ## 2.2.7 — 2026-03-01 ### Security - Nonce field (`ab_settings_nonce`) added to settings form via `wp_nonce_field()`; `sanitize_options()` now verifies `manage_options` capability and calls `check_admin_referer()` before processing any `$_POST` input. - `$control_html` output in `render_card()` sanitised via `wp_kses()` with a comprehensive allowlist; bare `echo` removed. - `phpcs:ignore WordPress.Security.NonceVerification.Recommended` annotations added to `$_GET['tab']` reads — tab navigation only, no data written, no privileged action taken. ### Fixed - `$ab_svg_kses` and `$ab_tab_icons` moved out of view file scope into `Settings::render_settings_page()` — eliminates `PrefixAllGlobals` warnings caused by the sniffer analysing the view in isolation. - Template loop variables (`$slug`, `$label`, `$ab_tab_url`, `$ab_is_active`, `$ab_icon_html`) annotated with targeted `phpcs:ignore` to suppress false-positive `PrefixAllGlobals` notices. ### Removed - `load_plugin_textdomain()` call removed — redundant since WordPress 4.6; translations load automatically on WordPress.org. ### Added - `languages/` directory included in plugin package to satisfy `Domain Path: /languages` header. --- ## 2.2.6 — 2026-02-27 ### Changed — Directory structure rationalised - `css/` and `js/` moved under `assets/css/` and `assets/js/` — asset files grouped together, off the plugin root. - `inc/` renamed to `includes/` — full word, consistent with WordPress Core conventions. - `views/` moved to `includes/views/` — view partials are internal templates, not standalone files; they belong alongside the logic they serve. - All path constants and URL references updated throughout (`assets.php`, `block.php`, `customizer.php`, `settings.php`, `shortcode.php`, all view includes). --- ## 2.2.5 — 2026-02-27 ### Fixed — Preview panel now appears on Appearance tab only The preview was rendered for all non-Usage tabs, so it appeared on the Schema and Advanced tabs where it is irrelevant. --- ## 2.2.4 — 2026-02-27 ### Changed — Admin Appearance tab layout consolidated - **Colours section:** Five individual colour picker cards replaced with a single compact card. Each picker is a label + swatch row separated by a hairline divider. Colours section reduced from 6 cards to 2. - **Typography & Shape section:** Border Radius and Font Family combined into a single compact two-row card instead of two separate cards. - `wp-color-result-text` ("Select Colour" label) hidden inside compact rows — the swatch button is self-explanatory. --- ## 2.2.3 — 2026-02-27 ### Fixed — Live preview was static; now updates immediately on every change Previously the preview was server-rendered once at page load from saved settings and did not respond to any form changes until the page was reloaded after saving. - Preview element rewritten to use real `.abstract-box` CSS classes and CSS custom properties, identical to frontend output. - Frontend stylesheet (`abstract-box.css`) now enqueued on the admin settings page so preview CSS rules apply correctly. - Font stacks passed to JavaScript via `wp_localize_script` so font family changes render correctly without a server round-trip. - `updatePreview()` function added to `admin-settings.js`, wired to: Box Style radio buttons, all colour pickers, font family select, border radius input, and preset buttons. --- ## 2.2.2 — 2026-02-27 ### Changed — Style-specific hover effects Each style now has a hover effect native to its structural character rather than a generic lift or shadow. - **Modern** — deeper lift (4 px), multi-layer shadow, `brightness(1.025)` lifts the gradient. - **Academic** — border transitions dotted → solid in the accent colour; background tints lightly with the accent. - **Minimal** — background tints with the accent; upward glow radiates from the top accent line without layout shift. - **Card** — lift (6 px) + `scale(1.005)` + deep three-layer shadow. - **Ruled** — nudge right (4 px); left bar grows 5 px → 7 px via `inset box-shadow` with no layout shift. - **Editorial** — border colour activates fully to accent + thin `box-shadow` ring reinforces it. - **Summary** — background brightens slightly + soft tinted glow ring expands outward. Base `transition` property expanded to include `border-color`, `background-color`, `filter`, and `outline-color`. --- ## 2.2.1 — 2026-02-27 ### Added — Editorial and Summary box styles - **Editorial** — solid full border on all four sides, flat white background, no shadow. Modelled on news article pull-quote boxes. - **Summary** — soft tinted background, no border, generous rounded corners. Modelled on AI summary / ringkasan boxes. ### Changed - Admin visual selector expanded to all 7 styles (Modern, Academic, Minimal, Card, Ruled, Editorial, Summary) in a responsive 7-column grid with CSS mini-previews. - Box Style Reference info card updated to document all 7 styles in a 3-column grid. - Responsive breakpoints: 7-col → 4-col at 980 px → 3-col at 782 px → 2-col on mobile. ### Fixed - Font family allowlist in `assets.php` only covered 3 of the 6 options. Selecting Humanist Sans, Monospace, or Slab Serif silently fell back to Sans-Serif. All 6 fonts now validated correctly. --- ## 2.2.0 — 2026-02-27 ### Added — Full style system - Five box styles: Modern, Academic, Minimal, Card, Ruled (up from 2). - Eight colour presets: Default, Dark, Sepia, Ocean, Forest, Rose, Midnight, Sand (up from 4). Each preset also sets the recommended Box Style automatically. - Visual mini-previews on each box style selector card. ### Changed - Box Style options renamed from Default/Custom to Modern/Academic — names now describe the visual rather than the mode. - All styles consolidated into one CSS file (`abstract-box.css`); `abstract-box-custom.css` retired. - `Assets::resolve_style()` removed; the single stylesheet is always loaded. ### Migration (automatic, no action required) - Saved style `"default"` migrates to `"modern"` on next save. - Saved style `"custom"` migrates to `"academic"` on next save. --- ## 2.1.9 — 2026-02-27 ### Changed — Usage tab content redistribution - Getting Started and Box Style Reference moved to the Appearance tab (closer to the settings they describe). - CSS Class Reference moved to the Advanced tab (developer-facing content alongside developer-facing settings). - Uninstalling section removed (standard WordPress behaviour, not worth a dedicated section). - Copy trimmed throughout for concision. - Usage tab now contains only the shortcode/block reference and attributes table. --- ## 2.1.8 — 2026-02-27 ### Changed — Admin UI rewrite (design_system v1.0.0) - Card-based settings layout with rounded corners and hover lift; gradient header banner (slate `#1B3C53` → teal `#2E6A8E`) with plugin icon, title, subtitle, and version badge. - Tab navigation: SVG icon + label, slate underline indicator for active tab. - Gradient Save Settings button with drop shadow and smooth hover/focus states. - Responsive layout: header collapses to column on narrow screens. - All CSS scoped to `.abstract-box-settings`; no styles exist outside the plugin wrapper. - 97 `var()` calls replace hardcoded hex values. Colour tokens defined on `.abstract-box-settings`, not `:root`. - All `!important` declarations removed; specificity handled via scoped selectors. - `do_settings_sections()` and its `` output removed. Settings rendered as `
` elements via `render_appearance_tab()`, `render_schema_tab()`, and `render_advanced_tab()`. - Boolean settings (`use_theme_css`, `enable_schema`, `hover_effect`) now render as CSS toggle switches instead of plain checkboxes. - Box Style uses a visual card selector instead of a `