@shuriken-ui/tailwind 3.0.0-next.2 → 3.0.0-next.4

package/dist/plugins/index.cjs

@@ -19755,7 +19755,7 @@ const defaultConfig = {
   },
   background: {
     light: "[#1e293b]",
-    dark: "[#ec4899]"
+    dark: "[#4c1d95]"
   },
   size: {
     width: {
@@ -19826,12 +19826,8 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       borderRadius: "0.5ch",
       zIndex: "1000",
       [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
-      [`@apply text-${config2.font.color.light}`]: {},
-      [`@apply bg-${config2.background.light}`]: {}
-    },
-    [`.dark [${tooltip}]::after`]: {
-      [`@apply text-${config2.font.color.dark}`]: {},
-      [`@apply bg-${config2.background.dark}`]: {}
+      [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
+      [`@apply bg-${config2.background.light} dark:bg-${config2.background.dark}`]: {}
     },
     [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
       display: "block"
@@ -19844,10 +19840,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       bottom: "calc(100% + 8px)",
       borderBottomWidth: "0",
       borderTopColor: "currentColor",
-      [`@apply text-${config2.background.light}`]: {}
-    },
-    [`.dark [${tooltip}]:not([${position}])::before, .dark [${tooltip}][${position}^='up']::before`]: {
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.light}`]: {}
     },
     [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
       bottom: "calc(100% + 13px)"
@@ -19862,10 +19855,7 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
       top: "100%",
       borderTopWidth: "0",
       borderBottomColor: "currentColor",
-      [`@apply text-${config2.background.light}`]: {}
-    },
-    [`.dark [${tooltip}][${position}^='down']::before`]: {
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='down']::after`]: {
       top: "calc(100% + 5px)"
@@ -19878,12 +19868,11 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
     /* position start (left) */
     [`[${tooltip}][${position}^='start']::before, [${tooltip}][${position}^='left']::before`]: {
       top: "50%",
-      borderEndWidth: "0",
-      borderStartColor: "currentColor",
+      borderRightWidth: "0",
+      borderLeftColor: "currentColor",
       insetInlineStart: "calc(0em - 5px)",
       transform: "translate(-0.5em, -50%)",
-      [`@apply text-${config2.background.light}`]: {},
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
       top: "50%",
@@ -19893,12 +19882,11 @@ const tooltip = plugin__default(({ addComponents, theme }) => {
     /* position end (right) */
     [`[${tooltip}][${position}^='end']::before, [${tooltip}][${position}^='right']::before`]: {
       top: "50%",
-      borderStartWidth: "0",
-      borderEndColor: "currentColor",
+      borderLefttWidth: "0",
+      borderRightColor: "currentColor",
       insetInlineEnd: "calc(0em - 5px)",
       transform: "translate(0.5em, -50%)",
-      [`@apply text-${config2.background.light}`]: {},
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
       top: "50%",

package/dist/plugins/index.mjs

@@ -19749,7 +19749,7 @@ const defaultConfig = {
   },
   background: {
     light: "[#1e293b]",
-    dark: "[#ec4899]"
+    dark: "[#4c1d95]"
   },
   size: {
     width: {
@@ -19820,12 +19820,8 @@ const tooltip = plugin(({ addComponents, theme }) => {
       borderRadius: "0.5ch",
       zIndex: "1000",
       [`@apply font-${config2.font.family} text-xs shadow-lg`]: {},
-      [`@apply text-${config2.font.color.light}`]: {},
-      [`@apply bg-${config2.background.light}`]: {}
-    },
-    [`.dark [${tooltip}]::after`]: {
-      [`@apply text-${config2.font.color.dark}`]: {},
-      [`@apply bg-${config2.background.dark}`]: {}
+      [`@apply text-${config2.font.color.light} dark:text-${config2.font.color.light}`]: {},
+      [`@apply bg-${config2.background.light} dark:bg-${config2.background.dark}`]: {}
     },
     [`[${tooltip}]:hover::before, [${tooltip}]:hover::after, [${tooltip}]:focus-visible::before, [${tooltip}]:focus-visible::after`]: {
       display: "block"
@@ -19838,10 +19834,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       bottom: "calc(100% + 8px)",
       borderBottomWidth: "0",
       borderTopColor: "currentColor",
-      [`@apply text-${config2.background.light}`]: {}
-    },
-    [`.dark [${tooltip}]:not([${position}])::before, .dark [${tooltip}][${position}^='up']::before`]: {
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.light}`]: {}
     },
     [`[${tooltip}]:not([${position}])::after, [${tooltip}][${position}^='up']::after`]: {
       bottom: "calc(100% + 13px)"
@@ -19856,10 +19849,7 @@ const tooltip = plugin(({ addComponents, theme }) => {
       top: "100%",
       borderTopWidth: "0",
       borderBottomColor: "currentColor",
-      [`@apply text-${config2.background.light}`]: {}
-    },
-    [`.dark [${tooltip}][${position}^='down']::before`]: {
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='down']::after`]: {
       top: "calc(100% + 5px)"
@@ -19872,12 +19862,11 @@ const tooltip = plugin(({ addComponents, theme }) => {
     /* position start (left) */
     [`[${tooltip}][${position}^='start']::before, [${tooltip}][${position}^='left']::before`]: {
       top: "50%",
-      borderEndWidth: "0",
-      borderStartColor: "currentColor",
+      borderRightWidth: "0",
+      borderLeftColor: "currentColor",
       insetInlineStart: "calc(0em - 5px)",
       transform: "translate(-0.5em, -50%)",
-      [`@apply text-${config2.background.light}`]: {},
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='start']::after, [${tooltip}][${position}^='left']::after`]: {
       top: "50%",
@@ -19887,12 +19876,11 @@ const tooltip = plugin(({ addComponents, theme }) => {
     /* position end (right) */
     [`[${tooltip}][${position}^='end']::before, [${tooltip}][${position}^='right']::before`]: {
       top: "50%",
-      borderStartWidth: "0",
-      borderEndColor: "currentColor",
+      borderLefttWidth: "0",
+      borderRightColor: "currentColor",
       insetInlineEnd: "calc(0em - 5px)",
       transform: "translate(0.5em, -50%)",
-      [`@apply text-${config2.background.light}`]: {},
-      [`@apply text-${config2.background.dark}`]: {}
+      [`@apply text-${config2.background.light} dark:text-${config2.background.dark}`]: {}
     },
     [`[${tooltip}][${position}^='end']::after, [${tooltip}][${position}^='right']::after`]: {
       top: "50%",

package/package.json

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