Changelog

Fixed Bug Fixes & Stability

• Disabled Form Controls Cursor: Added cursor: not-allowed; to :disabled states for .form-control and .form-select in both Sass (scss/forms/_control.scss, scss/forms/_select.scss) and Less (less/boodoo.less).

Added New Features & Components

• Data Table / Data Grid Component (DataTable): Interactive table suite supporting sortable column headers (.sortable, .sort-asc, .sort-desc), row selection checkboxes with select-all indeterminate synchronization, expandable detail drawer rows (.data-table-expandable-row, .data-table-row-detail), sticky headers (.data-table-sticky), and dense/compact variations (.data-table-compact, .data-table-dense).
• Sidebar & Drawer Component (Sidebar): Persistent and collapsible desktop multi-level navigation sidebar (.sidebar, .sidebar-collapsed, .sidebar-dark) with nested submenu toggling (data-boodoo-toggle="sidebar-submenu"), badge integration, and header/footer scaffolds.
• Dropzone & File Upload Enhancement: Drag-and-drop file upload container with invisible file input overlay, .file-list preview cards, file format icons, progress bars, and file action buttons.
• Context Menu Component (ContextMenu): Right-click floating menu (.context-menu, data-boodoo-toggle="context-menu") with dynamic cursor positioning, viewport collision protection, keyboard shortcuts, and ESC/outside-click dismissal.
• Color Picker & Date/Time Wrappers: Enhanced UI skins for native inputs: .form-color-picker with live hex readout badge and preview swatch, .form-picker-group with integrated calendar/clock icons, and .form-date-range.
• Empty State Component: Visual placeholder pattern (.empty-state, .empty-state-card, .empty-state-sm) with circular icon badges, headings, descriptive text, action button groups, and contextual status variants.
• Chips & Tag Input Component (ChipInput): Interactive chips and tags (.chip, .chip-remove, .chip-primary) and dynamic .chip-input-container supporting tag creation on Enter/comma and deletion on Backspace.

Fixed Bug Fixes & Stability

• Floating Labels Autofill & Pre-touch State: Added support for :-webkit-autofill and :autofill states on .form-control and .form-control-plaintext within .form-floating to prevent text collision.

Added New Features & Components

• Bottom Sheet Component (BottomSheet): Full mobile-first sliding drawer sheet with drag/swipe-down-to-dismiss touch gestures, spring physics, and keyboard navigation (Escape). Includes SCSS and Less styling (scss/components/_bottom-sheet.scss, less/boodoo.less) with backdrop blurring, responsive max-width, height variants (.bottom-sheet-full, .bottom-sheet-half), and declarative data API (data-boodoo-toggle="bottom-sheet").
• Segmented Control Component: Apple/macOS-styled interactive pill toggles (.segmented-control, .segmented-item) supporting size modifiers (.segmented-control-sm, .segmented-control-lg) and full-width blocks (.segmented-control-block) with light and dark mode color token mapping.
• Keyboard Keycaps Component (<kbd>): Tactile 3D shortcut keycaps (.kbd, .kbd-xs, .kbd-sm, .kbd-lg, .kbd-group) with monospace typography and dark-mode adaptation.
• Split Buttons: Added .btn-split and .btn-split-toggle classes for grouped action-dropdown trigger combinations.
• Enhanced Programmatic Toast API: Convenience helper methods on boodoo.toast: boodoo.toast.success(), boodoo.toast.danger() / boodoo.toast.error(), boodoo.toast.warning(), and boodoo.toast.info() with automatic DOM cleanup upon completion of hide transitions.

Changed Enhancements & Standards Compliance

• Form Accessibility & Field Identification: Added explicit id and name attributes to all form controls, <input>, <select>, <textarea>, OTP components, and Command Palette search inputs across the framework and documentation to strictly comply with WCAG accessibility standards and autofill specifications.
• Text Wrapping and Container Purity: Cleaned up documentation templates and component snippets across site/src/ to ensure raw text nodes are always wrapped in semantic inline elements (<span>, <p>, <strong>, <label>) rather than bare container blocks.
• Synchronized Less Styling: Updated less/boodoo.less to mirror modern SCSS component additions, variables, and color token parity.
• Documentation & Site Polish: Added dedicated navigation entries and live interactive documentation for Bottom Sheet, Segmented Control, and Kbd, and updated sitemap and docs navigation indexes.

Added New Features & Documentation

• Comprehensive component documentation and interactive examples across all core widgets.
• Core utilities for layout, spacing, flexbox, CSS Grid, animations, and typography.
• Automated static site generator and sitemap builder.
• Dynamic asset size tracking for build pipelines.

Added Tooling & Brand Assets

• Initial automated sitemap generation.
• Automated project rules and publish workflow documentation.
• Brand asset lockup and design token specifications.

Added Foundation & Architecture

• Initial release of boodoo framework.
• Core SCSS and Less compilation pipelines.
• 12-column responsive flexbox grid and utility classes.
• Vanilla JavaScript component library with zero runtime dependencies.
• CDN and npm distribution setup.