✨ Add colors utilities

CHANGELOG.md

@@ -6,6 +6,7 @@ All notable changes to [Sikessem's UI kit](https://github.com/sikessem/ui) will
 
 **Full Changelog:** [v0.3.0...v0.4.0](https://github.com/sikessem/ui/compare/v0.4.0...v0.3.0)
 
+- [0.x] Add colors utilities
 - [0.x] Add [icon](https://github.com/sikessem/ui#icon-component) component
 
 ## [v0.4.0](https://github.com/sikessem/ui/releases/tag/v0.4.0) - 2023-07-31

README.md

@@ -95,6 +95,8 @@
         - [Entry component](#entry-component)
         - [Icon component](#icon-component)
       - [🎨 Custom components](#-custom-components)
+      - [Component styles](#component-styles)
+      - [Color utilities](#color-utilities)
     - [🧪 Testing and debugging](#-testing-and-debugging)
       - [🧹 Keep a modern codebase](#-keep-a-modern-codebase)
       - [⚗️ Run static analysis](#️-run-static-analysis)
@@ -506,6 +508,14 @@ Output:
 
 ```
 
+#### Component styles
+
+#### Color utilities
+
+```html
+<div class="text-red bg-red-light-0 border-red-dark-0"></div>
+```
+
 ### 🧪 Testing and debugging
 
 #### 🧹 Keep a modern codebase

package.json

@@ -7,7 +7,7 @@
         "npm": "prefer using pnpm",
         "yarn": "prefer using pnpm"
     },
-    "packageManager": "[email protected].6",
+    "packageManager": "[email protected].11",
     "publishConfig": {
         "access": "public"
     },
@@ -17,21 +17,41 @@
         "email": "[email protected]",
         "url": "https://sigui.ci"
     },
+    "main": "plugins/tailwindcss/index.ts",
+    "types": "types/index.d.ts",
     "scripts": {
+        "build": "tsc",
         "check": "rome ci .",
         "check.format": "rome format .",
         "check.lint": "rome check .",
         "debug": "pnpm check && pnpm test",
         "fix": "pnpm lint && pnpm format",
         "format": "rome format --write .",
+        "inspect": "node --inspect-brk ./node_modules/vite/bin/vite.js --force",
         "lint": "rome check --apply-unsafe .",
         "test": "vitest run",
         "test.ui": "vitest --ui",
         "test.cov": "vitest run --coverage"
     },
     "devDependencies": {
+        "@tailwindcss/aspect-ratio": "^0.4.2",
+        "@tailwindcss/container-queries": "^0.1.1",
+        "@tailwindcss/forms": "^0.5.4",
+        "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
+        "@tailwindcss/typography": "^0.5.9",
+        "@types/node": "^20.4.5",
         "@vitest/coverage-istanbul": "^0.33.0",
+        "autoprefixer": "^10.4.14",
+        "cssnano": "^6.0.1",
+        "postcss": "^8.4.27",
+        "postcss-import": "^15.1.0",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
         "rome": "^12.1.3",
+        "tailwindcss": "^3.3.3",
+        "ts-node": "^10.9.1",
+        "tslib": "^2.6.1",
+        "typescript": "^5.1.6",
         "vitest": "^0.33.0"
     }
 }