@shuriken-ui/tailwind 2.0.0-next.1 → 2.0.0-next.3

package/dist/preset.cjs

@@ -4409,7 +4409,7 @@ const defaultConfig$I = {
         background: {
           light: {
             base: "transparent",
-            hover: "white",
+            hover: "muted-300",
             active: "muted-400",
             focus: "muted-300"
           },
@@ -5826,7 +5826,11 @@ const dropdownItem = plugin__default.withOptions(
           },
           //Color:default
           [`&.${prefix}item-default`]: {
-            [`&.${prefix}active, &:hover`]: {
+            //Background:hover
+            [`@apply hover:bg-${config.color.default.background.light} dark:hover:bg-${config.color.default.background.dark}`]: {},
+            //Font:hover
+            [`@apply hover:text-${config.color.default.font.color.light} dark:hover:text-${config.color.default.font.color.dark}`]: {},
+            [`&.${prefix}active`]: {
               //Background:hover
               [`@apply bg-${config.color.default.background.light} dark:bg-${config.color.default.background.dark}`]: {},
               //Font:hover
@@ -5835,7 +5839,11 @@ const dropdownItem = plugin__default.withOptions(
           },
           //Color:contrast
           [`&.${prefix}item-contrast`]: {
-            [`&.${prefix}active, &:hover`]: {
+            //Background:hover
+            [`@apply hover:bg-${config.color.contrast.background.light} dark:hover:bg-${config.color.contrast.background.dark}`]: {},
+            //Font:hover
+            [`@apply hover:text-${config.color.contrast.font.color.light} dark:hover:text-${config.color.contrast.font.color.dark}`]: {},
+            [`&.${prefix}active`]: {
               //Background:hover
               [`@apply bg-${config.color.contrast.background.light} dark:bg-${config.color.contrast.background.dark}`]: {},
               //Font:hover

package/dist/preset.mjs

@@ -4399,7 +4399,7 @@ const defaultConfig$I = {
         background: {
           light: {
             base: "transparent",
-            hover: "white",
+            hover: "muted-300",
             active: "muted-400",
             focus: "muted-300"
           },
@@ -5816,7 +5816,11 @@ const dropdownItem = plugin.withOptions(
           },
           //Color:default
           [`&.${prefix}item-default`]: {
-            [`&.${prefix}active, &:hover`]: {
+            //Background:hover
+            [`@apply hover:bg-${config.color.default.background.light} dark:hover:bg-${config.color.default.background.dark}`]: {},
+            //Font:hover
+            [`@apply hover:text-${config.color.default.font.color.light} dark:hover:text-${config.color.default.font.color.dark}`]: {},
+            [`&.${prefix}active`]: {
               //Background:hover
               [`@apply bg-${config.color.default.background.light} dark:bg-${config.color.default.background.dark}`]: {},
               //Font:hover
@@ -5825,7 +5829,11 @@ const dropdownItem = plugin.withOptions(
           },
           //Color:contrast
           [`&.${prefix}item-contrast`]: {
-            [`&.${prefix}active, &:hover`]: {
+            //Background:hover
+            [`@apply hover:bg-${config.color.contrast.background.light} dark:hover:bg-${config.color.contrast.background.dark}`]: {},
+            //Font:hover
+            [`@apply hover:text-${config.color.contrast.font.color.light} dark:hover:text-${config.color.contrast.font.color.dark}`]: {},
+            [`&.${prefix}active`]: {
               //Background:hover
               [`@apply bg-${config.color.contrast.background.light} dark:bg-${config.color.contrast.background.dark}`]: {},
               //Font:hover

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuriken-ui/tailwind",
-  "version": "2.0.0-next.1",
+  "version": "2.0.0-next.3",
   "license": "MIT",
   "author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
   "repository": "shuriken-ui/tailwind",