tailwind-to-style 2.10.3 → 2.10.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -35
- package/dist/index.browser.js +256 -175
- package/dist/index.cjs +256 -175
- package/dist/index.esm.js +256 -175
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/react.cjs.js +246 -165
- package/dist/react.esm.js +246 -165
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,46 +15,42 @@ The library exposes two main functions and a CLI tool:
|
|
|
15
15
|
2. **`twsx`**: A more advanced function that allows you to define nested and complex styles similar to SCSS, including support for responsive design, state variants, grouping, and enhanced CSS capabilities.
|
|
16
16
|
3. **`twsx-cli`**: A command-line tool for generating CSS files from `twsx.*.js` files with watch mode support.
|
|
17
17
|
|
|
18
|
-
## ✨ What's New in v2.10.
|
|
18
|
+
## ✨ What's New in v2.10.5
|
|
19
19
|
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
-
|
|
30
|
-
|
|
31
|
-
-
|
|
32
|
-
-
|
|
33
|
-
-
|
|
34
|
-
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
20
|
+
- **🎬 Complete Animation System**: Full support for Tailwind animations and transitions
|
|
21
|
+
- Built-in animations: `animate-spin`, `animate-ping`, `animate-pulse`, `animate-bounce`
|
|
22
|
+
- Complete transition utilities with duration, delay, and easing controls
|
|
23
|
+
- Custom animations via theme configuration
|
|
24
|
+
- Keyframes system with built-in and custom support
|
|
25
|
+
|
|
26
|
+
- **🎨 Theme Customization**: Extend default theme with custom colors, spacing, and more!
|
|
27
|
+
- Deep merge support for nested theme values
|
|
28
|
+
- Works seamlessly with existing Tailwind utilities
|
|
29
|
+
- Brand-specific design systems
|
|
30
|
+
|
|
31
|
+
- **🔌 Plugin API**: Create custom utilities with `createPlugin()` and `createUtilityPlugin()`
|
|
32
|
+
- Simple utility plugins for custom styles
|
|
33
|
+
- Dynamic utilities with multiple values
|
|
34
|
+
- Unlimited custom utility classes
|
|
35
|
+
|
|
36
|
+
- **⚙️ Configuration System**: Use `configure()` to set up theme and plugins
|
|
37
|
+
- Support for `tailwind-to-style.config.js`
|
|
38
|
+
- Prefix support and core plugin control
|
|
39
|
+
- Easy configuration management
|
|
40
|
+
|
|
41
|
+
- **🚀 Infrastructure Improvements**:
|
|
42
|
+
- Updated dependencies (ESLint 9, Jest 30, Rollup 4)
|
|
43
|
+
- LRU Cache for better memory management
|
|
44
|
+
- Configurable logger system (production-safe)
|
|
45
|
+
- Event-based error handling
|
|
46
|
+
- Complete TypeScript definitions
|
|
47
|
+
- Node.js 18.x, 20.x, 22.x LTS support
|
|
39
48
|
|
|
40
|
-
-
|
|
41
|
-
-
|
|
42
|
-
- 📝 **Logger System**: Configurable logging with production-safe defaults (no more console spam!)
|
|
43
|
-
- ⚠️ **Error Handling**: Event-based error system with `onError()` subscription pattern
|
|
44
|
-
- 🔒 **Singleton Pattern**: Refactored global state to testable singleton
|
|
45
|
-
- 📘 **Complete TypeScript**: Added full type definitions for all exports
|
|
46
|
-
- 🚀 **Node.js Support**: Now supports Node 18.x, 20.x, 22.x LTS (dropped EOL versions)
|
|
47
|
-
- 🔧 **ESLint 9**: Migrated to modern flat config format
|
|
49
|
+
- **📱 Responsive Selector Syntax**: Intuitive `'md:.title': 'text-lg'` format
|
|
50
|
+
- **🐛 Enhanced @css Directive**: Perfect CSS variables and functions preservation
|
|
48
51
|
|
|
49
52
|
All changes are **backward compatible** - your existing code continues to work!
|
|
50
53
|
|
|
51
|
-
## ✨ What's New in v2.9.0
|
|
52
|
-
|
|
53
|
-
- 🆕 **Responsive Selector Syntax**: Intuitive `'md:.title': 'text-lg'` format for responsive styling
|
|
54
|
-
- 🐛 **Critical @css Bug Fix**: Perfect preservation of CSS variables, functions, and complex expressions
|
|
55
|
-
- ⚡ **Enhanced Performance**: Improved processing for large datasets and concurrent operations
|
|
56
|
-
- 🔧 **Better Error Handling**: 100% error recovery rate for malformed inputs
|
|
57
|
-
|
|
58
54
|
## Installation
|
|
59
55
|
|
|
60
56
|
```bash
|