# Changelog

## 1.7.10

### Patch Changes

- Merge pull request #39 from kubit-ui/fix/prevent-the-unmount-links-unnecesarily

## 1.7.9

### Patch Changes

- Merge pull request #38 from kubit-ui/fix/prevent-process-js-logic-fixed

## 1.7.8

### Patch Changes

- Merge pull request #37 from kubit-ui/fix/css-path-in-window-os

## 1.7.7

### Patch Changes

- Merge pull request #36 from kubit-ui/fix/addtional-value-condition

## 1.7.6

### Patch Changes

- Merge pull request #35 from kubit-ui/feat/new-function-named-literals

## 1.7.5

### Patch Changes

- Merge pull request #34 from kubit-ui/feat/new-bv-scripts-options-and-improve-stats-interfaces

## 1.7.4

### Patch Changes

- Remove Yarn Berry packageManager constraint for Yarn 1 compatibility

## 1.7.3

### Patch Changes

- Remove --provenance flag and add --ignore-scripts for npm publish

## 1.7.2

### Patch Changes

- Use npm publish instead of changeset publish for reliable NPM publishing

## 1.7.1

### Patch Changes

- Add verbose logging and YARN_NPM_AUTH_TOKEN for publish debug

## 1.7.0

### Minor Changes

- Fix CI workflow and auto-release pipeline

## 1.6.0

### Minor Changes

- Migrate from pnpm to Yarn Berry + add OxLint and OxFmt

## 1.5.5

### Patch Changes

- Delete the first dot in globalStyles names

  Pull Request

## 1.5.4

### Patch Changes

- Fixed the default style interface

  Pull Request

## 1.5.3

### Patch Changes

- Lower first case for provider files

  Pull Request

## 1.5.2

### Patch Changes

- Fixed the const name

  Pull Request

## 1.5.1

### Patch Changes

- Fixed the error behaviour in build style script

  Pull Request

## 1.5.0

### Minor Changes

- Split stats file

  Pull Request

## 1.4.1

### Patch Changes

- Modify changelog showing links

## 1.4.0

### Minor Changes

- Add documentation about changeset and automations workflows
- Add documentation about changeset and automations workflows

All notable changes to Bernova will be documented in this file.

The format uses [Changesets](https://github.com/changesets/changesets) for automated version management and changelog generation.

## 1.3.2

### Patch Changes

- Fixed js modules compability when transpiled with ts-node
- Deleted multiple ora instances to prevent failures

## 1.3.1

### Patch Changes

- Prevent minify providerTemplate.js file

## 1.3.0

### Minor Changes

- Added --embed-css flag for embedded styles functionality

## 1.2.2

### Patch Changes

- Fixed the css generated into js modules folder
- Fixed the css minified name

## 1.2.1

### Patch Changes

- Fixed the package.json dependencies types
- Fixed the css custom output dir

## 1.2.0

### Minor Changes

- Added new bv-build cli flags: baseOutDir, rootDir, preventMoveJS, preventMoveDTS and preventProcessJS

### Patch Changes

- Prevent minify declaration files with terser

## 1.1.0

### Minor Changes

- Added cli bv-build flags to overwrite css, tools and provider customOutDirs

### Patch Changes

- Prevent transpile declaration files

## 1.0.1

### Patch Changes

- Semantic problem solved: change target for targets
- Added the bernova build script example
- Added the instalation examples with npm and yarn

## 1.0.0

### Major Changes

- **Initial stable release** - Production ready CSS-in-JS framework

### Minor Changes

- Improve library styles and tools build/dist
- Improve provider router handler for relative doc routes

### Patch Changes

- Fixed the doc routes: Change absolute routes for relative routes
- Fixed Error in partial transpilation for --foundationsOnly and --componentsOnly flags

## 0.3.0

### Minor Changes

- **Modern Build System**: Migrated to Vite 7 with TypeScript configuration for improved build performance
- **Dual Package Support**: Added ESM (`.mjs`) and CommonJS (`.cjs`) support for better compatibility across different module systems
- **Custom Build Plugins**: Implemented 4 specialized Vite plugins (copyCSSPlugin, copyCLIBinariesPlugin, copySourcePlugin, removeTestFilesPlugin)
- **Ultra-optimized Bundle**: Reduced package size from 56.4 KB to 41.4 KB (27% reduction)
- **Aggressive Minification**: Implemented Terser with 3-pass optimization removing all comments
- **Tree-shaking**: Enhanced dead code elimination for smaller bundles

### Patch Changes

- Professional README with comprehensive badges
- Created `.npmignore` to exclude unnecessary files from npm package
- Updated `package.json` with conditional exports for better module resolution
- Separated development and production TypeScript configs (`tsconfig.build.json`)
- Enhanced CI/CD with proper build verification steps

## 0.1.2

### Patch Changes

- Changed project license from ISC to Apache-2.0 for better open source compliance
- Improved gitignore configuration to exclude package-lock.json
- Removed package-lock.json file from version control to avoid package manager conflicts

## 0.1.1

### Patch Changes

- Resolved NPM versioning and authentication issues
- Improved package.json with complete metadata for open source distribution
- Fixed auto-publish workflow build validation and authentication verification
- Updated minimum Node.js version requirements
- Enhanced build process for better distribution

## 0.1.0

### Minor Changes

- **Initial Release** - Bernova CSS-in-JS framework

### ✨ Core Features

#### 🏗️ **CSS Generation System**

- **JavaScript-to-CSS compilation**: Transform JavaScript objects into optimized CSS
- **BEM methodology support**: Automatic generation of BEM-compliant class names
- **Modular architecture**: Separate compilation for foundations, components, and global styles
- **Build optimization**: Minification, tree-shaking, and dead code elimination

#### 🎨 **Styling Architecture**

##### **Foundations System**

- CSS custom properties (CSS variables) generation from JavaScript objects
- Automatic kebab-case conversion for CSS variable names
- Centralized design token management
- Type-safe access to CSS variables through generated tools

##### **Component Styling**

- Object-based style definitions with JavaScript syntax
- Nested element styling using BEM element syntax (`_element`)
- Style variants using BEM modifier syntax (`--variant`)
- Dynamic class name generation with TypeScript support

##### **Global Styles Management**

- Project-wide CSS rules configuration
- Element selector targeting (`html`, `body`, `*`)
- CSS class generation for utility styles
- Automatic tool generation for class name access

#### 🎯 **Advanced CSS Features**

##### **Pseudo-classes & Pseudo-elements**

- Full support for CSS pseudo-classes (`:hover`, `:focus`, `:active`, etc.)
- Pseudo-element support (`::before`, `::after`, etc.)
- Nested pseudo-class/element combinations
- Automatic CSS selector generation

##### **Media Queries**

- Responsive design system with JavaScript configuration
- Custom media query definitions with type and values
- Reusable breakpoint system across components
- Mobile-first and desktop-first approaches supported

##### **HTML Attributes**

- Conditional styling based on data attributes
- Boolean and value-based attribute selectors
- Multiple attribute value handling
- Complex attribute-based style variations

##### **Advanced Selectors**

- CSS combinator support (descendant, child, sibling)
- Target-specific styling with `$target` syntax
- Complex selector chains
- Advanced DOM tree navigation

#### 🔧 **Development Tools**

##### **CLI Commands**

- **`bernova`**: Main CSS compilation command
- **`bv-config`**: Interactive configuration file generator
- **`bv-build`**: Optimized build process for production
- **Compilation modes**: Foundation-only (`--foundationOnly`) and component-only (`--componentOnly`)

##### **Generated Development Tools**

- **CSS Variables Tools**: Type-safe access to CSS custom properties
- **CSS Classes Tools**: Generated class name constants for JavaScript/TypeScript
- **Component Registry**: Available component tracking and management
- **Media Query Tools**: Responsive breakpoint access utilities
- **Global Style Tools**: Utility class name management

#### 📦 **Multi-Theme Support**

- **Multiple theme configurations**: Support for light/dark themes and brand variations
- **Theme-specific CSS generation**: Separate CSS files for each theme
- **Provider-based theme management**: Dynamic theme switching capabilities
- **Foreign theme integration**: Support for external CSS files and legacy stylesheets

#### 🎭 **Provider System**

- **JavaScript Provider**: Centralized styling API for large applications
- **Dynamic CSS injection**: Runtime CSS loading and management
- **Theme switching**: Hot-swappable themes without page reload
- **Component style resolution**: Intelligent class name resolution with variants
- **External CSS integration**: Seamless integration with existing CSS files

#### 🔍 **Advanced Features**

##### **Foreign Components**

- Style reuse across different components
- Component composition with existing styles
- Variant inheritance from parent components
- Modular style architecture

##### **Dynamic Values**

- Runtime CSS custom property injection
- JavaScript variable binding to CSS
- Dynamic styling based on component props
- CSS-in-JS style object generation

##### **Font Management**

- Google Fonts integration with automatic import generation
- Custom font loading and configuration
- Font weight and style variant management
- Optimized font loading strategies

##### **CSS Reset System**

- Built-in CSS reset styles for cross-browser consistency
- Configurable reset rules
- Modern CSS normalization
- Custom reset rule definitions

#### 🎯 **TypeScript Integration**

- **Full TypeScript support**: Generated type definitions for all tools
- **CSS property validation**: IntelliSense for CSS properties and values
- **Component type generation**: Automatic interface generation for styled components
- **Style type checking**: Compile-time validation of style objects

#### ⚡ **Performance Features**

- **Build-time optimization**: CSS minification and compression
- **Tree-shaking**: Dead code elimination for unused styles
- **CSS bundling**: Efficient CSS file generation and organization
- **Development mode**: Fast compilation for development workflows

#### 🏗️ **Build System**

- **Vite integration**: Modern build tooling with Vite
- **TypeScript compilation**: Automatic type definition generation
- **Source mapping**: Debug-friendly source maps for development
- **Production optimization**: Minified output for production deployments

### 📋 **Configuration System**

- **JSON-based configuration**: `bernova.config.json` for project setup
- **Flexible theme configuration**: Multi-theme project support
- **Tool generation options**: Customizable development tool generation
- **Path resolution**: Flexible file path configuration for different project structures

### 🧪 **Testing Infrastructure**

- **Vitest integration**: Modern testing framework setup
- **Unit test coverage**: Comprehensive test suite for core functionality
- **Coverage reporting**: Code coverage analysis with @vitest/coverage-v8
- **Test utilities**: Testing helpers and mock utilities

### 📚 **Documentation & Examples**

- **Comprehensive README**: Detailed usage examples and API documentation
- **Configuration examples**: Sample configurations for different use cases
- **Best practices guide**: Recommended patterns and architectures
- **Migration guides**: Instructions for integrating with existing projects

### 🔧 **Development Experience**

- **Hot reload support**: Fast development iteration with instant CSS updates
- **Error reporting**: Detailed error messages for debugging
- **CLI feedback**: Progress indicators and success/error notifications
- **IDE support**: Enhanced developer experience with TypeScript definitions

### 📦 **Package Features**

- **Multiple output formats**: CommonJS and ES modules support
- **CLI binaries**: Executable commands for project automation
- **Dependency optimization**: Minimal runtime dependencies
- **Cross-platform compatibility**: Works on Windows, macOS, and Linux

### 🎨 **Styling Capabilities**

- **Complete CSS property support**: All modern CSS properties and values
- **Vendor prefix handling**: Automatic vendor prefix generation
- **CSS custom property support**: Full CSS variables integration
- **Modern CSS features**: Grid, Flexbox, and modern layout support

---

### 📝 **Notes**

- This release establishes the foundation for a comprehensive CSS-in-JS framework
- Full backward compatibility will be maintained in future releases
- The API is considered stable for production use
- Community contributions and feedback are welcome

### 🔗 **Links**

- [Documentation](README.md)
- [Contributing Guidelines](CONTRIBUTING.md)
- [Code of Conduct](CODE_OF_CONDUCT.md)
- [Security Policy](SECURITY.md)