Skip to content

v7.0.0

Choose a tag to compare

View all tags
@maximilianoforlenza maximilianoforlenza released this 30 Jul 10:45
· 7 commits to tailwind since this release
v7.0.0
96aa374

Release Notes

Version 7.0.0

🚀 Major Changes

  • BREAKING: Complete migration from Chakra UI to Tailwind CSS
  • BREAKING: Updated React to v19.1.0 and React DOM to v19.1.0
  • BREAKING: All component APIs remain the same, but styling is now handled by Tailwind classes

✨ New Components

  • Header: Complete header component with desktop/mobile navigation and user menu
  • Footer: Simple footer component for page layouts
  • Loading: Spinner component with Tailwind animations
  • Pagination: Full-featured pagination component with page navigation
  • Snackbar: Toast notification component with different severity levels
  • Table: Advanced table component with sorting, filtering, and responsive cards view
  • Typeahead: Autocomplete input component with keyboard navigation

🎨 New Icons

Added 33 new SVG icons including:

  • Navigation: ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ArrowBackIcon, ArrowForwardIcon
  • Actions: AddIcon, EditIcon, DeleteIcon, SaveIcon, CloseIcon, SearchIcon
  • Status: CheckCircleIcon, ErrorIcon, InfoIcon, HelpIcon
  • UI: MenuIcon, MoreVertIcon, FilterListIcon, SortIcon, UploadFileIcon
  • User: UserIcon, AccountCircleIcon, GroupIcon
  • And many more...

🔧 Developer Experience

  • Comprehensive Testing: Added 79 unit tests covering all components
  • Storybook Integration: Complete stories for all components
  • TypeScript Support: Better type definitions and IntelliSense
  • Subpath Exports: Import specific modules with @indec/react-commons/components, /Icons, /hooks, /utils

🏗️ Build & Package

  • Optimized build process with proper CSS compilation
  • Excluded test and story files from published package (reduced from ~300KB to 214KB)
  • Fixed build structure for better tree-shaking
  • Added proper file filtering for npm package

🐛 Bug Fixes

  • Fixed UserMenu dropdown positioning to appear outside header bounds
  • Fixed Select component icon positioning and cursor pointer behavior
  • Resolved SVG import issues in tests
  • Fixed component prop validation and error handling

📦 Package Structure

@indec/react-commons/
├── components/     # All UI components
├── Icons/         # SVG icon components  
├── hooks/         # React hooks (useScreenSize)
└── utils/         # Utility functions

🔄 Migration Guide

This is a major version with breaking changes. To migrate from v6.x:

  1. Update imports - No changes needed, same import paths work
  2. Update styling - Components now use Tailwind classes instead of Chakra
  3. Check dependencies - Ensure your project has Tailwind CSS configured
  4. Test thoroughly - Visual changes due to CSS framework migration

📋 Full Component List

  • Form Components: Button, Field, Select, Typeahead
  • Layout Components: Header, Footer, Modal, Table
  • Feedback Components: ErrorMessage, Loading, Snackbar, Pagination
  • Icons: 33+ SVG icons for common UI needs
  • Hooks: useScreenSize for responsive design
  • Utils: Pagination helpers and utility functions

Full Changelog: v5.8.0...v7.0.0

Assets 2
Loading