Alert/Callout Block with Variants

[widoz]

Context

Create alert/callout block with multiple variants (info, warning, success, error, destructive) and optional dismiss functionality.

Requirements

• Create /sources/Blocks/Alert/:
  • Variants: default, info, warning, success, error, destructive
  • Optional icon support (dashicons or SVG)
  • Optional title and description areas
  • Dismissible option with fade-out animation
  • InnerBlocks for flexible content

Implementation Notes

• Use block variations for different alert types
• Each variant uses appropriate theme colors
• Ensure WCAG AA contrast for all variants
• Dismissible state stored in sessionStorage (persists page refreshes)
• Use theme.json shadow and border radius
• Smooth animations using theme custom properties

Acceptance Criteria

• 6 alert variants with appropriate colors
• Optional icon displayed
• Title and content areas
• Dismiss button when enabled
• Smooth fade-out animation on dismiss
• All variants meet WCAG AA contrast
• Uses theme.json design tokens

Dependencies

• Project Foundation & Build Setup #1 (needs build system)
• Implement shadcn Color System in theme.json #4 (uses color system)