winduum 0.5.1 → 0.5.2-next.1

package/package.json

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

package/src/base/default.css

@@ -33,6 +33,7 @@
   display: block;
   border-top: 1px solid color-mix(in sRGB, var(--color-current) calc(var(--tw-border-opacity, 0.15) * 100%), transparent);
   border-radius: var(--rounded);
+  width: 100%;
 }
 
 :where(html) {

package/utils/tailwind.js

@@ -141,7 +141,7 @@ export const createPlugin = (userConfig = {}) => {
         ...userConfig
     }
 
-    return plugin(({ addUtilities, matchUtilities, theme, variants, e, corePlugins }) => {
+    return plugin(({ addUtilities, addComponents, matchUtilities, theme, variants, e, corePlugins }) => {
         matchUtilities(
             {
                 accent: (value) => {
@@ -239,7 +239,7 @@ export 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}`)}`]: {
@@ -257,7 +257,7 @@ export const createPlugin = (userConfig = {}) => {
                 }
             })
         ])
-        addUtilities({
+        addComponents({
             '.flex-center': {
                 display: 'flex',
                 alignItems: 'center',