@fulgurite/tailwind-ui 0.0.1 → 0.0.2
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 +17 -7
- package/dist/daisy.css +2 -0
- package/dist/tailwind.css +3 -0
- package/dist/vanilla.css +2 -0
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @fulgurite/tailwind-ui
|
|
2
2
|
|
|
3
|
-
Controlled React switchers and date pickers for
|
|
3
|
+
Controlled React switchers and date pickers for Fulgurite apps that use Tailwind CSS. The package exposes exactly six public ESM component subpath imports, plus CSS entries that register the package with Tailwind v4 using package-name imports.
|
|
4
4
|
|
|
5
5
|
## Install
|
|
6
6
|
|
|
@@ -82,14 +82,24 @@ import {
|
|
|
82
82
|
|
|
83
83
|
## Tailwind v4 Setup
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
Import the package CSS entry in the consuming app CSS so Tailwind scans classes shipped in `dist`. The package CSS contains the required Tailwind `@source` directives, so app stylesheets do not need relative `node_modules` paths.
|
|
86
86
|
|
|
87
87
|
```css
|
|
88
88
|
@import "tailwindcss";
|
|
89
|
-
@
|
|
89
|
+
@import "@fulgurite/tailwind-ui/tailwind.css";
|
|
90
90
|
```
|
|
91
91
|
|
|
92
|
-
|
|
92
|
+
Use narrower CSS entries when the app imports only one variant family.
|
|
93
|
+
|
|
94
|
+
```css
|
|
95
|
+
@import "tailwindcss";
|
|
96
|
+
@import "@fulgurite/tailwind-ui/vanilla.css";
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
```css
|
|
100
|
+
@import "tailwindcss";
|
|
101
|
+
@import "@fulgurite/tailwind-ui/daisy.css";
|
|
102
|
+
```
|
|
93
103
|
|
|
94
104
|
## daisyUI Setup
|
|
95
105
|
|
|
@@ -97,18 +107,18 @@ Only apps that use `/daisy/*` imports need daisyUI. The `/vanilla/date-picker` e
|
|
|
97
107
|
|
|
98
108
|
```css
|
|
99
109
|
@import "tailwindcss";
|
|
110
|
+
@import "@fulgurite/tailwind-ui/daisy.css";
|
|
100
111
|
@plugin "daisyui";
|
|
101
|
-
@source "../node_modules/@fulgurite/tailwind-ui";
|
|
102
112
|
```
|
|
103
113
|
|
|
104
114
|
Consumer apps own daisyUI theme selection.
|
|
105
115
|
|
|
106
116
|
```css
|
|
107
117
|
@import "tailwindcss";
|
|
118
|
+
@import "@fulgurite/tailwind-ui/daisy.css";
|
|
108
119
|
@plugin "daisyui" {
|
|
109
120
|
themes: light --default, dark --prefersdark, cupcake;
|
|
110
121
|
}
|
|
111
|
-
@source "../node_modules/@fulgurite/tailwind-ui";
|
|
112
122
|
```
|
|
113
123
|
|
|
114
124
|
## Usage Examples
|
|
@@ -347,6 +357,6 @@ Do not port Tiery runtime coupling into this package. Next routing, i18n adapter
|
|
|
347
357
|
|
|
348
358
|
## Package Readiness
|
|
349
359
|
|
|
350
|
-
The package is ESM-only and exposes no alternate module-format fields. Packed contents are controlled by the `files` field and verified to include only `package.json`, `README.md`, `LICENSE`, and allowed `.js`, `.js.map`, `.d.ts`,
|
|
360
|
+
The package is ESM-only and exposes no alternate module-format fields. Packed contents are controlled by the `files` field and verified to include only `package.json`, `README.md`, `LICENSE`, and allowed `.js`, `.js.map`, `.d.ts`, `.d.ts.map`, or `.css` files under `dist`.
|
|
351
361
|
|
|
352
362
|
Release-readiness checks are available through `pnpm verify:all`, which runs Biome checks, type checking, build, unit tests, Storybook build, Playwright Storybook QA, export verification, pack validation, and fixture verification in order. This README documents package readiness only; it does not claim that an npm release has been made.
|
package/dist/daisy.css
ADDED
package/dist/vanilla.css
ADDED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fulgurite/tailwind-ui",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Controlled React switchers and date picker for
|
|
3
|
+
"version": "0.0.2",
|
|
4
|
+
"description": "Controlled React switchers and date picker for Fulgurite Tailwind CSS apps.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist",
|
|
@@ -37,6 +37,9 @@
|
|
|
37
37
|
"types": "./dist/daisy/date-picker/index.d.ts",
|
|
38
38
|
"import": "./dist/daisy/date-picker/index.js"
|
|
39
39
|
},
|
|
40
|
+
"./tailwind.css": "./dist/tailwind.css",
|
|
41
|
+
"./vanilla.css": "./dist/vanilla.css",
|
|
42
|
+
"./daisy.css": "./dist/daisy.css",
|
|
40
43
|
"./package.json": "./package.json"
|
|
41
44
|
},
|
|
42
45
|
"scripts": {
|
|
@@ -44,7 +47,7 @@
|
|
|
44
47
|
"lint": "biome lint .",
|
|
45
48
|
"check": "biome check .",
|
|
46
49
|
"check:write": "biome check --write .",
|
|
47
|
-
"build": "tsc -p tsconfig.build.json",
|
|
50
|
+
"build": "tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
|
|
48
51
|
"typecheck": "tsc --noEmit",
|
|
49
52
|
"test": "vitest run",
|
|
50
53
|
"test:watch": "vitest",
|