@e-burgos/tucu-ui 2.0.6 → 2.0.7
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/CHANGELOG.md +28 -0
- package/README.md +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,34 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [2.0.8] - 2026-05-07
|
|
9
|
+
|
|
10
|
+
### Changed
|
|
11
|
+
|
|
12
|
+
- **Tailwind CSS v4 Compatibility**: Fixed `@theme` namespace collision that broke default Tailwind utilities when importing library styles
|
|
13
|
+
- **Breakpoints**: Removed all 11 custom `--breakpoint-*` definitions from `@theme` to preserve Tailwind defaults
|
|
14
|
+
- Replaced `xs:` with `min-[500px]:` and `3xl:` with `min-[1780px]:` across 26 component/theme/demo files
|
|
15
|
+
- **Spacing**: Replaced 21 explicit `--spacing-0` through `--spacing-20` values with single `--spacing: 0.25rem` dynamic multiplier
|
|
16
|
+
- **Border Radius**: Removed 11 custom `--radius-*` definitions from `@theme`; replaced with arbitrary values (`rounded-[4px]`, etc.)
|
|
17
|
+
- Library styles are now import-order-independent — `@import 'tailwindcss'` and `@import '@e-burgos/tucu-ui/styles'` work in any order
|
|
18
|
+
- **Gray Color Palette**: Aligned tucu-ui gray spectrum with Tailwind v4 default gray palette
|
|
19
|
+
- Updated 13 light mode primitives (`--color-tucu-ui-gray-0` through `--color-tucu-ui-gray-100`) to match Tailwind v4 oklch-derived hex values
|
|
20
|
+
- Updated 13 dark mode primitives (`--color-tucu-ui-dark-gray-0` through `--color-tucu-ui-dark-gray-100`) as symmetric reverse
|
|
21
|
+
- Updated hardcoded hex values in `themes/config/index.ts` (PRESET_COLORS enum)
|
|
22
|
+
- Updated hardcoded hex values in `use-chart-theme.ts` (chart grid, text, background, border, tooltip colors)
|
|
23
|
+
- Updated 4 demo documentation files with new color references
|
|
24
|
+
- Key changes: `gray-800` from `#32353d` → `#1e2939`, `gray-600` from `#5b616e` → `#4a5565`, `gray-50` from `#717886` → `#6a7282`
|
|
25
|
+
- **TableOfContents Component**: Improved close button sizing and interaction
|
|
26
|
+
- Changed from `size="tiny"` to `size="mini"` with proportional icon (`w-3.5 h-3.5`)
|
|
27
|
+
- Added hover state (`hover:bg-gray-100 dark:hover:bg-gray-800`) for visual feedback
|
|
28
|
+
- Applied to both mobile drawer and desktop sidebar instances
|
|
29
|
+
|
|
30
|
+
### Fixed
|
|
31
|
+
|
|
32
|
+
- **Tailwind CSS v4 Import Order**: Fixed issue where `@import '@e-burgos/tucu-ui/styles'` before `@import 'tailwindcss'` would override all default breakpoints, spacing, and border-radius values
|
|
33
|
+
- Root cause: In Tailwind CSS v4, defining ANY value in a `@theme` namespace replaces ALL defaults for that namespace
|
|
34
|
+
- Solution: Removed conflicting definitions and use arbitrary values for custom breakpoints/radius
|
|
35
|
+
|
|
8
36
|
## [2.0.4] - 2026-05-06
|
|
9
37
|
|
|
10
38
|
### Added
|
package/README.md
CHANGED
|
@@ -107,7 +107,7 @@ Add the following import to your main CSS file (usually `index.css` or `main.css
|
|
|
107
107
|
@import '@e-burgos/tucu-ui/styles';
|
|
108
108
|
```
|
|
109
109
|
|
|
110
|
-
**Note:** Tucu UI includes a complete Tailwind CSS v4 setup with all utilities pre-configured. No additional Tailwind CSS installation or configuration is required.
|
|
110
|
+
**Note:** Tucu UI includes a complete Tailwind CSS v4 setup with all utilities pre-configured. No additional Tailwind CSS installation or configuration is required. The import order does not matter — `@import 'tailwindcss'` and `@import '@e-burgos/tucu-ui/styles'` work in any order without conflicts. The library's `@theme` definitions are designed to extend (not override) Tailwind's default breakpoints, spacing, and colors.
|
|
111
111
|
|
|
112
112
|
### Advanced Color Customization
|
|
113
113
|
|