@neoptocom/neopto-ui 0.7.4 → 0.7.5
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/CONSUMER_SETUP.md +5 -0
- package/README.md +5 -1
- package/package.json +1 -1
package/CONSUMER_SETUP.md
CHANGED
|
@@ -34,6 +34,9 @@ In your main CSS file (e.g., `src/index.css`):
|
|
|
34
34
|
```css
|
|
35
35
|
@import "tailwindcss";
|
|
36
36
|
|
|
37
|
+
/* Enable dark mode support */
|
|
38
|
+
@variant dark (&:where(.dark, .dark *));
|
|
39
|
+
|
|
37
40
|
/* Scan the component library source files */
|
|
38
41
|
@source "../node_modules/@neoptocom/neopto-ui/src";
|
|
39
42
|
|
|
@@ -41,6 +44,8 @@ In your main CSS file (e.g., `src/index.css`):
|
|
|
41
44
|
@import "@neoptocom/neopto-ui/styles";
|
|
42
45
|
```
|
|
43
46
|
|
|
47
|
+
**Important:** The `@variant dark` line is required for dark mode to work properly with components like `AppBackground`.
|
|
48
|
+
|
|
44
49
|
Then import your CSS in `src/main.tsx`:
|
|
45
50
|
|
|
46
51
|
```tsx
|
package/README.md
CHANGED
|
@@ -41,6 +41,9 @@ If your CSS file is at `src/app/globals.css` (App Router), use:
|
|
|
41
41
|
```css
|
|
42
42
|
@import "tailwindcss";
|
|
43
43
|
|
|
44
|
+
/* Enable dark mode support */
|
|
45
|
+
@variant dark (&:where(.dark, .dark *));
|
|
46
|
+
|
|
44
47
|
/* Scan the component library source files */
|
|
45
48
|
@source "../../node_modules/@neoptocom/neopto-ui/src";
|
|
46
49
|
|
|
@@ -49,11 +52,12 @@ If your CSS file is at `src/app/globals.css` (App Router), use:
|
|
|
49
52
|
|
|
50
53
|
/* Scan your own project files */
|
|
51
54
|
@source "../";
|
|
52
|
-
|
|
53
55
|
```
|
|
54
56
|
|
|
55
57
|
**Note:** The path is relative to your CSS file location. Adjust `../` levels accordingly.
|
|
56
58
|
|
|
59
|
+
**Important:** The `@variant dark` line is required for dark mode to work properly with components like `AppBackground`.
|
|
60
|
+
|
|
57
61
|
```
|
|
58
62
|
|
|
59
63
|
Then import this CSS in your `src/main.tsx`:
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neoptocom/neopto-ui",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.5",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A modern React component library built with Tailwind CSS v4 and TypeScript. Features dark mode, design tokens, and comprehensive Storybook documentation. Requires Tailwind v4+.",
|
|
6
6
|
"keywords": [
|