winduum 0.5.2-next.1 → 0.5.2-next.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "winduum",
-  "version": "0.5.2-next.1",
+  "version": "0.5.2-next.2",
   "type": "module",
   "main": "utils/tailwind.cjs",
   "module": "utils/tailwind.js",

package/utils/tailwind.cjs

@@ -145,7 +145,7 @@ const createPlugin = (userConfig = {}) => {
         ...userConfig
     };
 
-    return plugin(({ addUtilities, matchUtilities, theme, variants, e, corePlugins }) => {
+    return plugin(({ addUtilities, addComponents, matchUtilities, theme, variants, e, corePlugins }) => {
         matchUtilities(
             {
                 accent: (value) => {
@@ -243,7 +243,7 @@ const createPlugin = (userConfig = {}) => {
         );
         addUtilities(tailwindAnimations(userConfig.animations));
         addUtilities(tailwindPropertyUtilities('mask', userConfig.mask));
-        addUtilities([
+        addComponents([
             Object.entries(theme('spacing')).map(([key, value]) => {
                 return {
                     [`.${e(`divide-gap-x-${key}`)}`]: {
@@ -261,7 +261,7 @@ const createPlugin = (userConfig = {}) => {
                 }
             })
         ]);
-        addUtilities({
+        addComponents({
             '.flex-center': {
                 display: 'flex',
                 alignItems: 'center',
@@ -269,7 +269,7 @@ const createPlugin = (userConfig = {}) => {
             },
             '.flex-between': {
                 display: 'flex',
-                justifyContent: 'between',
+                justifyContent: 'space-between',
                 gap: 'var(--spacing-sm)'
             }
         });

package/utils/tailwind.js

@@ -265,7 +265,7 @@ export const createPlugin = (userConfig = {}) => {
             },
             '.flex-between': {
                 display: 'flex',
-                justifyContent: 'between',
+                justifyContent: 'space-between',
                 gap: 'var(--spacing-sm)'
             }
         })