# Changelog

All notable changes to iTech-Fluent will be documented in this file.

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## [1.0.1] - 2024-12-19

### Fixed
- Fixed TypeScript compilation errors in `data-table.tsx`
  - Fixed sortDirection null check type mismatch
  - Updated Option component to use SelectItem with required `text` prop
- Fixed TypeScript compilation errors in `header.tsx`
  - Changed HTMLHeaderElement to HTMLElement for proper type support
  - Fixed conditional rendering type issues with DropdownMenuContent
  - Fixed icon prop type handling in DropdownMenuItem
- Fixed TypeScript compilation errors in `input.tsx`
  - Fixed contentBefore/contentAfter type compatibility with FluentUI
  - Fixed borderColor type issue in makeStyles with proper type assertion
  - Improved ReactNode type handling for prefix/suffix content

### Changed
- Updated package.json to include `docs` folder in published files
- Reorganized documentation files into `docs/` directory for better organization
- Package is now set to public (`private: false`) ready for NPM publishing

### Added
- Comprehensive component development workflow documentation
- Quick start guide for developers
- Pre-publish checklist for quality assurance
- Complete documentation structure in `docs/` folder

### Documentation
- Added `COMPONENT_DEVELOPMENT_WORKFLOW.md` - Guide for building components from Figma
- Added `QUICK_START.md` - Quick reference for component and app developers
- Added `PRE_PUBLISH_CHECKLIST.md` - Step-by-step publishing checklist
- Added `PUBLISH_STATUS.md` - Publishing status tracking
- Updated `DOCUMENTATION.md` - Complete package documentation
- All documentation files organized in `docs/` folder

---

## [1.0.0] - 2024-10-30

### Added
- Initial release of iTech-Fluent Design System
- Complete design token system with 2000+ tokens from Figma
- 4 brand variants (brand_1, irepo, blue, vivid_blue)
- Light and Dark themes for each brand
- 44 production-ready FluentUI components
- 200+ organized FluentUI icons
- Typography system (fonts, sizes, weights, line heights)
- Spacing system (11-step scale)
- Color system (50 neutrals, 22 alphas, 40+ shared palettes)
- Layout tokens (corner radius, shadows, card padding)
- React hooks for theme management
- 30+ helper functions for design tokens
- CSS variable generation utilities
- Responsive breakpoints and media queries
- Complete TypeScript support with IntelliSense
- Comprehensive documentation

### Features
- Multi-brand support with runtime switching
- Native FluentUI v9 integration
- Type-safe API with full TypeScript coverage
- Tree-shakeable exports
- Zero dependencies (peer dependencies only)
- Production-ready and tested

### Documentation
- Complete design system documentation
- Publishing guides (simple and detailed)
- Quick command reference
- Code examples and patterns
- Design token quick reference

---

## How to Update This File

When publishing a new version, add a new section above with:

```markdown
## [X.Y.Z] - YYYY-MM-DD

### Added
- New features

### Changed
- Changes to existing functionality

### Deprecated
- Soon-to-be removed features

### Removed
- Removed features

### Fixed
- Bug fixes

### Security
- Security fixes
```

---

## Version History

- **1.0.1** - TypeScript fixes and documentation improvements (2024-12-19)
- **1.0.0** - Initial release (2024-10-30)