@shuriken-ui/tailwind 4.0.0-alpha.24 → 4.0.0-alpha.26

package/README.md

@@ -6,7 +6,6 @@
   </picture>
 </p>
 
-
 <p align="center">
   <a href="https://cssninja.io" title="Our official website">by <strong>cssninja.io</strong></a>
 </p>
@@ -35,7 +34,7 @@ import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [tailwindcss()],
-});
+})
 ```
 
 Reference Shuriken UI in your `tailwind.css` file:
@@ -52,4 +51,4 @@ Reference Shuriken UI in your `tailwind.css` file:
 }
 ```
 
-> 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.
+> 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

@@ -59,6 +59,12 @@
     --color-tag-dark-border: var(--color-muted-100);
     --color-tag-dark-text: var(--color-muted-100);
 
+    --color-popup-dark-bg: var(--color-muted-100);
+    --color-popup-dark-border: var(--color-muted-100);
+    --color-popup-dark-text: var(--color-muted-950);
+    
+    --color-ring: var(--color-muted-300);
+
     color-scheme: dark;
   } 
 }

package/lib/css/focus.css

@@ -1,4 +1,4 @@
 @utility nui-focus {
-  @apply outline-none ring-ring ring-1 ring-offset-2 ring-offset-white;
-  @apply dark:ring-offset-muted-950;
+  @apply outline-none ring-ring ring-1;
+  @apply relative z-0;
 }

package/lib/theme.css

@@ -96,7 +96,6 @@
   --color-destructive-light: var(--color-destructive-500);
 
   --color-link: var(--color-primary-base);
-  --color-ring: var(--color-muted-300);
 
   --color-field-label: var(--color-muted-600);
   --color-field-description: var(--color-muted-500);
@@ -161,6 +160,21 @@
   --color-tag-dark-bg: var(--color-muted-900);
   --color-tag-dark-border: var(--color-muted-900);
   --color-tag-dark-text: var(--color-muted-900);
+
+  --color-popup-default-bg: var(--color-portal-default-bg);
+  --color-popup-default-border: var(--color-portal-default-border);
+  --color-popup-default-text: var(--color-portal-default-item-text);
+
+  --color-popup-muted-bg: var(--color-portal-muted-bg);
+  --color-popup-muted-border: var(--color-portal-muted-border);
+  --color-popup-muted-text: var(--color-portal-muted-item-text);
+
+  --color-popup-dark-bg: var(--color-muted-950);
+  --color-popup-dark-border: var(--color-muted-950);
+  --color-popup-dark-text: var(--color-white);
+
+  --color-ring: var(--color-muted-200);
+  --opacity-ring: 100;
   
   /** Animations */
   --animate-nui-placeload: nui-placeload 1s linear infinite forwards;

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "4.0.0-alpha.24",
-  "license": "MIT",
+  "type": "module",
+  "version": "4.0.0-alpha.26",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
+  "license": "MIT",
+  "homepage": "https://github.com/shuriken-ui/tailwind",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/shuriken-ui/shuriken-ui.git",
     "directory": "packages/tailwind"
   },
   "bugs": "https://github.com/shuriken-ui/tailwind/issues",
-  "homepage": "https://github.com/shuriken-ui/tailwind",
   "keywords": [
     "nuxt",
     "nuxt3",
@@ -22,16 +23,15 @@
     "design-system",
     "module"
   ],
-  "type": "module",
   "exports": {
     ".": "./lib/index.css",
     "./theme.css": "./lib/theme.css",
     "./*.css": "./lib/css/*.css"
   },
   "files": [
+    "lib/css",
     "lib/index.css",
-    "lib/theme.css",
-    "lib/css"
+    "lib/theme.css"
   ],
   "dependencies": {
     "@tailwindcss/typography": "^0.5.15",