@shuriken-ui/tailwind 4.0.0-alpha.30 → 4.0.0-alpha.32
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 +0 -7
- package/lib/css/dark.css +3 -3
- package/lib/index.css +2 -0
- package/lib/theme.css +3 -3
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -42,13 +42,6 @@ Reference Shuriken UI in your `tailwind.css` file:
|
|
|
42
42
|
```css
|
|
43
43
|
@import 'tailwindcss';
|
|
44
44
|
@import '@shuriken-ui/tailwind';
|
|
45
|
-
|
|
46
|
-
/* Register the dark mode variant (with .dark class) */
|
|
47
|
-
@variant dark (&:where(.dark, .dark *));
|
|
48
|
-
|
|
49
|
-
@theme {
|
|
50
|
-
/* Customize your theme here */
|
|
51
|
-
}
|
|
52
45
|
```
|
|
53
46
|
|
|
54
47
|
> See the [theme.css](https://github.com/shuriken-ui/shuriken-ui/blob/main/packages/tailwind/lib/theme.css) file for a complete list of available variables you can customize.
|
package/lib/css/dark.css
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
@layer base {
|
|
2
2
|
.dark {
|
|
3
|
+
--color-ring: var(--color-muted-600);
|
|
4
|
+
|
|
3
5
|
--color-field-label: var(--color-muted-300);
|
|
4
6
|
--color-field-description: var(--color-muted-400);
|
|
5
7
|
--color-field-loading: var(--color-muted-300);
|
|
@@ -62,9 +64,7 @@
|
|
|
62
64
|
--color-popup-dark-bg: var(--color-muted-100);
|
|
63
65
|
--color-popup-dark-border: var(--color-muted-100);
|
|
64
66
|
--color-popup-dark-text: var(--color-muted-950);
|
|
65
|
-
|
|
66
|
-
--color-ring: var(--color-muted-600);
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
@apply scheme-dark;
|
|
69
69
|
}
|
|
70
70
|
}
|
package/lib/index.css
CHANGED
package/lib/theme.css
CHANGED
|
@@ -95,7 +95,9 @@
|
|
|
95
95
|
--color-destructive-heavy: var(--color-destructive-700);
|
|
96
96
|
--color-destructive-light: var(--color-destructive-500);
|
|
97
97
|
|
|
98
|
+
/** Components */
|
|
98
99
|
--color-link: var(--color-primary-base);
|
|
100
|
+
--color-ring: var(--color-muted-800);
|
|
99
101
|
|
|
100
102
|
--color-field-label: var(--color-muted-600);
|
|
101
103
|
--color-field-description: var(--color-muted-500);
|
|
@@ -173,8 +175,6 @@
|
|
|
173
175
|
--color-popup-dark-border: var(--color-muted-950);
|
|
174
176
|
--color-popup-dark-text: var(--color-white);
|
|
175
177
|
|
|
176
|
-
--color-ring: var(--color-muted-800);
|
|
177
|
-
|
|
178
178
|
/** Animations */
|
|
179
179
|
--animate-nui-placeload: nui-placeload 1s linear infinite forwards;
|
|
180
180
|
--animate-nui-progress-indeterminate: nui-progress-indeterminate 3s linear infinite forwards;
|
|
@@ -199,4 +199,4 @@
|
|
|
199
199
|
margin-left: -100%;
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
|
-
}
|
|
202
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shuriken-ui/tailwind",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.0.0-alpha.
|
|
4
|
+
"version": "4.0.0-alpha.32",
|
|
5
5
|
"author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/shuriken-ui/tailwind",
|
|
@@ -35,6 +35,6 @@
|
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@tailwindcss/typography": "^0.5.15",
|
|
38
|
-
"tailwindcss": "4.0.0
|
|
38
|
+
"tailwindcss": "^4.0.0"
|
|
39
39
|
}
|
|
40
40
|
}
|