@regardio/tailwind 1.0.1 → 1.1.0
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 +37 -20
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -1,16 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
---
|
|
2
|
+
|
|
3
|
+
title: "@regardio/tailwind"
|
|
4
|
+
description: "Tailwind CSS utilities and tooling for Regardio projects — no design decisions included."
|
|
5
|
+
publishedAt: 2026-04-17
|
|
6
|
+
language: "en"
|
|
7
|
+
status: "published"
|
|
8
|
+
kind: "guide"
|
|
9
|
+
area: "tailwind"
|
|
10
|
+
---
|
|
2
11
|
|
|
3
|
-
|
|
12
|
+
# @regardio/tailwind
|
|
4
13
|
|
|
5
|
-
Reusable utilities and
|
|
14
|
+
Reusable utilities and tooling for Tailwind CSS projects. Design decisions — colors, fonts, breakpoints — live in `@regardio/brand`. This package deliberately takes none of its own.
|
|
6
15
|
|
|
7
|
-
## What
|
|
16
|
+
## What this package provides
|
|
8
17
|
|
|
9
|
-
- **JavaScript utilities**
|
|
10
|
-
- **CSS utilities**
|
|
11
|
-
- **Plugin re-exports**
|
|
18
|
+
- **JavaScript utilities** — type-safe component variants (`tv`), class merging (`cn`, `twMerge`)
|
|
19
|
+
- **CSS utilities** — reset, custom animations
|
|
20
|
+
- **Plugin re-exports** — `fluid-tailwindcss`, `tw-animate-css` (integrated via `plugins.css`)
|
|
12
21
|
|
|
13
|
-
|
|
22
|
+
See [@regardio/brand styling architecture](../brand/docs/styling-architecture.md) for how the pieces fit together.
|
|
14
23
|
|
|
15
24
|
## Installation
|
|
16
25
|
|
|
@@ -18,9 +27,9 @@ Reusable utilities and tools for Tailwind CSS projects. **Does NOT include desig
|
|
|
18
27
|
pnpm add @regardio/tailwind
|
|
19
28
|
```
|
|
20
29
|
|
|
21
|
-
|
|
30
|
+
Peer dependency: `tailwindcss` >= 4.0.0
|
|
22
31
|
|
|
23
|
-
## Quick
|
|
32
|
+
## Quick start
|
|
24
33
|
|
|
25
34
|
### JavaScript
|
|
26
35
|
|
|
@@ -46,18 +55,26 @@ const button = tv({
|
|
|
46
55
|
|
|
47
56
|
## Documentation
|
|
48
57
|
|
|
49
|
-
-
|
|
50
|
-
-
|
|
51
|
-
-
|
|
58
|
+
- [Setup guide](./docs/setup-guide.md) — integration and configuration
|
|
59
|
+
- [JavaScript utilities](./docs/javascript-utilities.md) — `tv()`, `cn()`, `twMerge()`
|
|
60
|
+
- [CSS utilities](./docs/css-utilities.md) — reset, animations, plugins
|
|
61
|
+
|
|
62
|
+
## Why this package
|
|
63
|
+
|
|
64
|
+
- Tailwind utilities gathered in one place
|
|
65
|
+
- Fluid typography and spacing included
|
|
66
|
+
- Full TypeScript support with `VariantProps`
|
|
67
|
+
- Tree-shakeable — imports only what is used
|
|
68
|
+
- Shared reset, base, and utilities across every Regardio project
|
|
52
69
|
|
|
53
|
-
##
|
|
70
|
+
## Related
|
|
54
71
|
|
|
55
|
-
-
|
|
56
|
-
-
|
|
57
|
-
-
|
|
58
|
-
-
|
|
59
|
-
-
|
|
72
|
+
- [CLAUDE.md](./CLAUDE.md) — package context for coding assistants
|
|
73
|
+
- [Setup guide](./docs/setup-guide.md)
|
|
74
|
+
- [CSS utilities](./docs/css-utilities.md)
|
|
75
|
+
- [JavaScript utilities](./docs/javascript-utilities.md)
|
|
76
|
+
- [@regardio/brand styling architecture](../brand/docs/styling-architecture.md)
|
|
60
77
|
|
|
61
78
|
## License
|
|
62
79
|
|
|
63
|
-
|
|
80
|
+
MIT — free for commercial and open-source use.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://www.schemastore.org/package.json",
|
|
3
3
|
"name": "@regardio/tailwind",
|
|
4
|
-
"version": "1.0
|
|
4
|
+
"version": "1.1.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Regardio Tailwind CSS utilities and configuration",
|
|
7
7
|
"keywords": [
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@total-typescript/ts-reset": "0.6.1",
|
|
46
46
|
"@types/node": "25.6.0",
|
|
47
|
-
"@vitest/coverage-v8": "4.1.
|
|
48
|
-
"@vitest/ui": "4.1.
|
|
49
|
-
"tailwindcss": "4.2.
|
|
50
|
-
"tsdown": "0.21.
|
|
51
|
-
"vitest": "4.1.
|
|
52
|
-
"@regardio/dev": "2.0
|
|
47
|
+
"@vitest/coverage-v8": "4.1.5",
|
|
48
|
+
"@vitest/ui": "4.1.5",
|
|
49
|
+
"tailwindcss": "4.2.4",
|
|
50
|
+
"tsdown": "0.21.10",
|
|
51
|
+
"vitest": "4.1.5",
|
|
52
|
+
"@regardio/dev": "2.1.0"
|
|
53
53
|
},
|
|
54
54
|
"engines": {
|
|
55
55
|
"node": ">=24"
|