@nattui/tailwind-colors 0.0.5 → 0.0.6

package/README.md

@@ -34,7 +34,7 @@ All colors are available as CSS custom properties:
 .my-element {
   background-color: var(--color-gray-1);
   color: var(--color-primary-9);
-  border-color: var(--color-gray-a3);
+  border-color: var(--color-gray-4);
 }
 ```
 
@@ -43,7 +43,7 @@ All colors are available as CSS custom properties:
 The package includes Tailwind CSS theme definitions. After importing, you can use colors in your Tailwind classes:
 
 ```html
-<div class="bg-gray-1 text-primary-9 border-gray-a3">
+<div class="bg-gray-1 text-primary-9 border-gray-4">
   Content
 </div>
 ```
@@ -71,7 +71,6 @@ Apply theme classes to switch between color variants:
 Each color palette includes:
 
 - **Base colors**: `--color-{name}-1` through `--color-{name}-12`
-- **Alpha variants**: `--color-{name}-a1` through `--color-{name}-a12`
 - **Light variants**: `--color-{name}-light-1` through `--color-{name}-light-12`
 - **Dark variants**: `--color-{name}-dark-1` through `--color-{name}-dark-12`
 
@@ -79,4 +78,3 @@ Each color palette includes:
 
 - **Gray**: Neutral grayscale palette with light and dark variants
 - **Primary**: Brand color palette with multiple color options (e.g., gold) and light/dark variants
-- **Black & White**: Base colors with alpha variants

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nattui/tailwind-colors",
-	"version": "0.0.5",
+	"version": "0.0.6",
 	"description": "Centralized CSS and Tailwind color definitions for consistent styling across projects",
 	"keywords": [
 		"colors",

package/src/index.css

@@ -1,6 +1,6 @@
 /* Order matters */
 @import "./tailwind.css";
-@import "./theme-gray.css";
-@import "./theme-primary.css";
+@import "./tailwind-gray.css";
+@import "./tailwind-primary.css";
 @import "./root.css";
 @import "./root-p3.css";