winduum 0.5.1 → 0.5.2-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/base/default.css +1 -0
  3. package/utils/tailwind.cjs +4 -4
  4. package/utils/tailwind.js +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "winduum",
3
- "version": "0.5.1",
3
+ "version": "0.5.2-next.2",
4
4
  "type": "module",
5
5
  "main": "utils/tailwind.cjs",
6
6
  "module": "utils/tailwind.js",
package/src/base/default.css CHANGED
@@ -33,6 +33,7 @@
33
33
  display: block;
34
34
  border-top: 1px solid color-mix(in sRGB, var(--color-current) calc(var(--tw-border-opacity, 0.15) * 100%), transparent);
35
35
  border-radius: var(--rounded);
36
+ width: 100%;
36
37
  }
37
38
 
38
39
  :where(html) {
package/utils/tailwind.cjs CHANGED
@@ -145,7 +145,7 @@ const createPlugin = (userConfig = {}) => {
145
145
  ...userConfig
146
146
  };
147
147
 
148
- return plugin(({ addUtilities, matchUtilities, theme, variants, e, corePlugins }) => {
148
+ return plugin(({ addUtilities, addComponents, matchUtilities, theme, variants, e, corePlugins }) => {
149
149
  matchUtilities(
150
150
  {
151
151
  accent: (value) => {
@@ -243,7 +243,7 @@ const createPlugin = (userConfig = {}) => {
243
243
  );
244
244
  addUtilities(tailwindAnimations(userConfig.animations));
245
245
  addUtilities(tailwindPropertyUtilities('mask', userConfig.mask));
246
- addUtilities([
246
+ addComponents([
247
247
  Object.entries(theme('spacing')).map(([key, value]) => {
248
248
  return {
249
249
  [`.${e(`divide-gap-x-${key}`)}`]: {
@@ -261,7 +261,7 @@ const createPlugin = (userConfig = {}) => {
261
261
  }
262
262
  })
263
263
  ]);
264
- addUtilities({
264
+ addComponents({
265
265
  '.flex-center': {
266
266
  display: 'flex',
267
267
  alignItems: 'center',
@@ -269,7 +269,7 @@ const createPlugin = (userConfig = {}) => {
269
269
  },
270
270
  '.flex-between': {
271
271
  display: 'flex',
272
- justifyContent: 'between',
272
+ justifyContent: 'space-between',
273
273
  gap: 'var(--spacing-sm)'
274
274
  }
275
275
  });
package/utils/tailwind.js CHANGED
@@ -141,7 +141,7 @@ export const createPlugin = (userConfig = {}) => {
141
141
  ...userConfig
142
142
  }
143
143
 
144
- return plugin(({ addUtilities, matchUtilities, theme, variants, e, corePlugins }) => {
144
+ return plugin(({ addUtilities, addComponents, matchUtilities, theme, variants, e, corePlugins }) => {
145
145
  matchUtilities(
146
146
  {
147
147
  accent: (value) => {
@@ -239,7 +239,7 @@ export const createPlugin = (userConfig = {}) => {
239
239
  )
240
240
  addUtilities(tailwindAnimations(userConfig.animations))
241
241
  addUtilities(tailwindPropertyUtilities('mask', userConfig.mask))
242
- addUtilities([
242
+ addComponents([
243
243
  Object.entries(theme('spacing')).map(([key, value]) => {
244
244
  return {
245
245
  [`.${e(`divide-gap-x-${key}`)}`]: {
@@ -257,7 +257,7 @@ export const createPlugin = (userConfig = {}) => {
257
257
  }
258
258
  })
259
259
  ])
260
- addUtilities({
260
+ addComponents({
261
261
  '.flex-center': {
262
262
  display: 'flex',
263
263
  alignItems: 'center',
@@ -265,7 +265,7 @@ export const createPlugin = (userConfig = {}) => {
265
265
  },
266
266
  '.flex-between': {
267
267
  display: 'flex',
268
- justifyContent: 'between',
268
+ justifyContent: 'space-between',
269
269
  gap: 'var(--spacing-sm)'
270
270
  }
271
271
  })