@nattui/tailwind-colors 0.0.5 → 0.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.
Files changed (7) hide show
  1. package/README.md +2 -4
  2. package/package.json +2 -2
  3. package/src/index.css +2 -2
  4. package/src/root.css +2 -6
  5. package/src/tailwind.css +4 -0
  6. /package/src/{theme-gray.css → tailwind-gray.css} +0 -0
  7. /package/src/{theme-primary.css → tailwind-primary.css} +0 -0
package/README.md CHANGED
@@ -34,7 +34,7 @@ All colors are available as CSS custom properties:
34
34
  .my-element {
35
35
  background-color: var(--color-gray-1);
36
36
  color: var(--color-primary-9);
37
- border-color: var(--color-gray-a3);
37
+ border-color: var(--color-gray-4);
38
38
  }
39
39
  ```
40
40
 
@@ -43,7 +43,7 @@ All colors are available as CSS custom properties:
43
43
  The package includes Tailwind CSS theme definitions. After importing, you can use colors in your Tailwind classes:
44
44
 
45
45
  ```html
46
- <div class="bg-gray-1 text-primary-9 border-gray-a3">
46
+ <div class="bg-gray-1 text-primary-9 border-gray-4">
47
47
  Content
48
48
  </div>
49
49
  ```
@@ -71,7 +71,6 @@ Apply theme classes to switch between color variants:
71
71
  Each color palette includes:
72
72
 
73
73
  - **Base colors**: `--color-{name}-1` through `--color-{name}-12`
74
- - **Alpha variants**: `--color-{name}-a1` through `--color-{name}-a12`
75
74
  - **Light variants**: `--color-{name}-light-1` through `--color-{name}-light-12`
76
75
  - **Dark variants**: `--color-{name}-dark-1` through `--color-{name}-dark-12`
77
76
 
@@ -79,4 +78,3 @@ Each color palette includes:
79
78
 
80
79
  - **Gray**: Neutral grayscale palette with light and dark variants
81
80
  - **Primary**: Brand color palette with multiple color options (e.g., gold) and light/dark variants
82
- - **Black & White**: Base colors with alpha variants
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattui/tailwind-colors",
3
- "version": "0.0.5",
3
+ "version": "0.0.7",
4
4
  "description": "Centralized CSS and Tailwind color definitions for consistent styling across projects",
5
5
  "keywords": [
6
6
  "colors",
@@ -30,6 +30,6 @@
30
30
  "access": "public"
31
31
  },
32
32
  "devDependencies": {
33
- "@biomejs/biome": "^2.3.2"
33
+ "@biomejs/biome": "2.3.2"
34
34
  }
35
35
  }
package/src/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Order matters */
2
2
  @import "./tailwind.css";
3
- @import "./theme-gray.css";
4
- @import "./theme-primary.css";
3
+ @import "./tailwind-gray.css";
4
+ @import "./tailwind-primary.css";
5
5
  @import "./root.css";
6
6
  @import "./root-p3.css";
package/src/root.css CHANGED
@@ -1,13 +1,9 @@
1
1
  :root {
2
2
  /* =================================================== */
3
- /* Black */
4
- /* =================================================== */
5
- --color-black: rgba(0, 0, 0, 1);
6
-
7
- /* =================================================== */
8
- /* White */
3
+ /* White & Black
9
4
  /* =================================================== */
10
5
  --color-white: rgba(255, 255, 255, 1);
6
+ --color-black: rgba(0, 0, 0, 1);
11
7
 
12
8
  /* =================================================== */
13
9
  /* Gray */
package/src/tailwind.css CHANGED
@@ -2,6 +2,10 @@
2
2
  /* Reset ============================================= */
3
3
  --color-\*: initial;
4
4
 
5
+ /* White & Black ===================================== */
6
+ --color-white: var(--color-white);
7
+ --color-black: var(--color-black);
8
+
5
9
  /* Gray ============================================== */
6
10
  --color-gray-1: var(--color-gray-1);
7
11
  --color-gray-2: var(--color-gray-2);
/package/src/{theme-gray.css → tailwind-gray.css} RENAMED
File without changes
/package/src/{theme-primary.css → tailwind-primary.css} RENAMED
File without changes