@unocss/preset-wind 0.41.0 → 0.41.1

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.
package/dist/index.cjs CHANGED
@@ -162,6 +162,7 @@ const backgroundStyles = [
162
162
  ["bg-none", { "background-image": "none" }],
163
163
  ["box-decoration-slice", { "box-decoration-break": "slice" }],
164
164
  ["box-decoration-clone", { "box-decoration-break": "clone" }],
165
+ ...utils.makeGlobalStaticRules("box-decoration", "box-decoration-break"),
165
166
  ["bg-auto", { "background-size": "auto" }],
166
167
  ["bg-cover", { "background-size": "cover" }],
167
168
  ["bg-contain", { "background-size": "contain" }],
@@ -172,6 +173,10 @@ const backgroundStyles = [
172
173
  ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-clip": "content-box" }],
173
174
  ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-clip": "padding-box" }],
174
175
  ["bg-clip-text", { "-webkit-background-clip": "text", "background-clip": "text" }],
176
+ ...utils.globalKeywords.map((keyword) => [`bg-clip-${keyword}`, {
177
+ "-webkit-background-clip": keyword,
178
+ "background-clip": keyword
179
+ }]),
175
180
  [/^bg-([-\w]{3,})$/, ([, s]) => ({ "background-position": utils.positionMap[s] })],
176
181
  ["bg-repeat", { "background-repeat": "repeat" }],
177
182
  ["bg-no-repeat", { "background-repeat": "no-repeat" }],
@@ -179,9 +184,11 @@ const backgroundStyles = [
179
184
  ["bg-repeat-y", { "background-repeat": "repeat-y" }],
180
185
  ["bg-repeat-round", { "background-repeat": "round" }],
181
186
  ["bg-repeat-space", { "background-repeat": "space" }],
187
+ ...utils.makeGlobalStaticRules("bg-repeat", "background-repeat"),
182
188
  ["bg-origin-border", { "background-origin": "border-box" }],
183
189
  ["bg-origin-padding", { "background-origin": "padding-box" }],
184
- ["bg-origin-content", { "background-origin": "content-box" }]
190
+ ["bg-origin-content", { "background-origin": "content-box" }],
191
+ ...utils.makeGlobalStaticRules("bg-origin", "background-origin")
185
192
  ];
186
193
 
187
194
  const listStyles = {
@@ -210,7 +217,8 @@ const listStyle = [
210
217
  }, { autocomplete: [`list-(${Object.keys(listStyles).join("|")})`, `list-(${Object.keys(listStyles).join("|")})-(outside|inside)`] }],
211
218
  ["list-outside", { "list-style-position": "outside" }],
212
219
  ["list-inside", { "list-style-position": "inside" }],
213
- ["list-none", { "list-style-type": "none" }]
220
+ ["list-none", { "list-style-type": "none" }],
221
+ ...utils.makeGlobalStaticRules("list", "list-style")
214
222
  ];
215
223
  const accents = [
216
224
  [/^accent-(.+)$/, utils.colorResolver("accent-color", "accent"), { autocomplete: "accent-$colors" }],
@@ -235,16 +243,20 @@ const overscrolls = [
235
243
  ["overscroll-auto", { "overscroll-behavior": "auto" }],
236
244
  ["overscroll-contain", { "overscroll-behavior": "contain" }],
237
245
  ["overscroll-none", { "overscroll-behavior": "none" }],
246
+ ...utils.makeGlobalStaticRules("overscroll", "overscroll-behavior"),
238
247
  ["overscroll-x-auto", { "overscroll-behavior-x": "auto" }],
239
248
  ["overscroll-x-contain", { "overscroll-behavior-x": "contain" }],
240
249
  ["overscroll-x-none", { "overscroll-behavior-x": "none" }],
250
+ ...utils.makeGlobalStaticRules("overscroll-x", "overscroll-behavior-x"),
241
251
  ["overscroll-y-auto", { "overscroll-behavior-y": "auto" }],
242
252
  ["overscroll-y-contain", { "overscroll-behavior-y": "contain" }],
243
- ["overscroll-y-none", { "overscroll-behavior-y": "none" }]
253
+ ["overscroll-y-none", { "overscroll-behavior-y": "none" }],
254
+ ...utils.makeGlobalStaticRules("overscroll-y", "overscroll-behavior-y")
244
255
  ];
245
256
  const scrollBehaviors = [
246
257
  ["scroll-auto", { "scroll-behavior": "auto" }],
247
- ["scroll-smooth", { "scroll-behavior": "smooth" }]
258
+ ["scroll-smooth", { "scroll-behavior": "smooth" }],
259
+ ...utils.makeGlobalStaticRules("scroll", "scroll-behavior")
248
260
  ];
249
261
 
250
262
  const columns = [
@@ -257,10 +269,12 @@ const columns = [
257
269
  ["break-before-left", { "break-before": "left" }],
258
270
  ["break-before-right", { "break-before": "right" }],
259
271
  ["break-before-column", { "break-before": "column" }],
272
+ ...utils.makeGlobalStaticRules("break-before"),
260
273
  ["break-inside-auto", { "break-inside": "auto" }],
261
274
  ["break-inside-avoid", { "break-inside": "avoid" }],
262
275
  ["break-inside-avoid-page", { "break-inside": "avoid-page" }],
263
276
  ["break-inside-avoid-column", { "break-inside": "avoid-column" }],
277
+ ...utils.makeGlobalStaticRules("break-inside"),
264
278
  ["break-after-auto", { "break-after": "auto" }],
265
279
  ["break-after-avoid", { "break-after": "avoid" }],
266
280
  ["break-after-all", { "break-after": "all" }],
@@ -268,7 +282,8 @@ const columns = [
268
282
  ["break-after-page", { "break-after": "page" }],
269
283
  ["break-after-left", { "break-after": "left" }],
270
284
  ["break-after-right", { "break-after": "right" }],
271
- ["break-after-column", { "break-after": "column" }]
285
+ ["break-after-column", { "break-after": "column" }],
286
+ ...utils.makeGlobalStaticRules("break-after")
272
287
  ];
273
288
 
274
289
  const queryMatcher = /@media \(min-width: (.+)\)/;
@@ -409,7 +424,12 @@ const filters = [
409
424
  ["backdrop-filter-none", {
410
425
  "-webkit-backdrop-filter": "none",
411
426
  "backdrop-filter": "none"
412
- }]
427
+ }],
428
+ ...utils.globalKeywords.map((keyword) => [`filter-${keyword}`, { filter: keyword }]),
429
+ ...utils.globalKeywords.map((keyword) => [`backdrop-filter-${keyword}`, {
430
+ "-webkit-backdrop-filter": keyword,
431
+ "backdrop-filter": keyword
432
+ }])
413
433
  ];
414
434
 
415
435
  const spaces = [
@@ -442,31 +462,23 @@ const textTransforms = [
442
462
  ["normal-case", { "text-transform": "none" }]
443
463
  ];
444
464
  const hyphens = [
445
- ["hyphens-manual", {
446
- "-webkit-hyphens": "manual",
447
- "-ms-hyphens": "manual",
448
- "hyphens": "manual"
449
- }],
450
- ["hyphens-auto", {
451
- "-webkit-hyphens": "auto",
452
- "-ms-hyphens": "auto",
453
- "hyphens": "auto"
454
- }],
455
- ["hyphens-none", {
456
- "-webkit-hyphens": "none",
457
- "-ms-hyphens": "none",
458
- "hyphens": "none"
459
- }]
465
+ ...["manual", "auto", "none", ...utils.globalKeywords].map((keyword) => [`hyphens-${keyword}`, {
466
+ "-webkit-hyphens": keyword,
467
+ "-ms-hyphens": keyword,
468
+ "hyphens": keyword
469
+ }])
460
470
  ];
461
471
  const writingModes = [
462
472
  ["write-vertical-right", { "writing-mode": "vertical-rl" }],
463
473
  ["write-vertical-left", { "writing-mode": "vertical-lr" }],
464
- ["write-normal", { "writing-mode": "horizontal-tb" }]
474
+ ["write-normal", { "writing-mode": "horizontal-tb" }],
475
+ ...utils.makeGlobalStaticRules("write", "writing-mode")
465
476
  ];
466
477
  const writingOrientations = [
467
478
  ["write-orient-mixed", { "text-orientation": "mixed" }],
468
479
  ["write-orient-sideways", { "text-orientation": "sideways" }],
469
- ["write-orient-upright", { "text-orientation": "upright" }]
480
+ ["write-orient-upright", { "text-orientation": "upright" }],
481
+ ...utils.makeGlobalStaticRules("write-orient", "text-orientation")
470
482
  ];
471
483
  const screenReadersAccess = [
472
484
  [
@@ -531,7 +543,8 @@ const backgroundBlendModes = [
531
543
  ["bg-blend-saturation", { "background-blend-mode": "saturation" }],
532
544
  ["bg-blend-color", { "background-blend-mode": "color" }],
533
545
  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }],
534
- ["bg-blend-normal", { "background-blend-mode": "normal" }]
546
+ ["bg-blend-normal", { "background-blend-mode": "normal" }],
547
+ ...utils.makeGlobalStaticRules("bg-blend", "background-blend")
535
548
  ];
536
549
  const mixBlendModes = [
537
550
  ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
@@ -550,7 +563,8 @@ const mixBlendModes = [
550
563
  ["mix-blend-color", { "mix-blend-mode": "color" }],
551
564
  ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }],
552
565
  ["mix-blend-plus-lighter", { "mix-blend-mode": "plus-lighter" }],
553
- ["mix-blend-normal", { "mix-blend-mode": "normal" }]
566
+ ["mix-blend-normal", { "mix-blend-mode": "normal" }],
567
+ ...utils.makeGlobalStaticRules("mix-blend")
554
568
  ];
555
569
 
556
570
  const borderSpacingBase = {
@@ -711,7 +725,8 @@ const touchActions = [
711
725
  }],
712
726
  ["touch-auto", { "touch-action": "auto" }],
713
727
  ["touch-manipulation", { "touch-action": "manipulation" }],
714
- ["touch-none", { "touch-action": "none" }]
728
+ ["touch-none", { "touch-action": "none" }],
729
+ ...utils.makeGlobalStaticRules("touch", "touch-action")
715
730
  ];
716
731
 
717
732
  const scrollSnapTypeBase = {
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { preflights } from '@unocss/preset-mini';
2
2
  export { colors, preflights } from '@unocss/preset-mini';
3
- import { handler, positionMap, parseColor, colorToString, colorOpacityToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
3
+ import { handler, positionMap, makeGlobalStaticRules, globalKeywords, parseColor, colorToString, colorOpacityToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
4
4
  import { varEmpty, cssVariables as cssVariables$1, cssProperty, pointerEvents, appearances, positions, insets, zIndexes, orders, grids, floats, margins, boxSizing, displays, aspectRatio, sizes, flex, transforms, cursors, userSelects, resizes, appearance, placements, alignments, justifies, gaps, overflows, textOverflows, whitespaces, breaks, borders, bgColors, svgUtilities, paddings, textAligns, textIndents, verticalAligns, fonts, textTransforms as textTransforms$1, fontStyles, textColors, textDecorations, fontSmoothings, tabSizes, textStrokes, textShadows, opacity, boxShadows, outline, rings, transitions, willChange, contents, questionMark, transformBase, boxShadowsBase, ringBase } from '@unocss/preset-mini/rules';
5
5
  import { theme as theme$1 } from '@unocss/preset-mini/theme';
6
6
  import { variants as variants$1 } from '@unocss/preset-mini/variants';
@@ -159,6 +159,7 @@ const backgroundStyles = [
159
159
  ["bg-none", { "background-image": "none" }],
160
160
  ["box-decoration-slice", { "box-decoration-break": "slice" }],
161
161
  ["box-decoration-clone", { "box-decoration-break": "clone" }],
162
+ ...makeGlobalStaticRules("box-decoration", "box-decoration-break"),
162
163
  ["bg-auto", { "background-size": "auto" }],
163
164
  ["bg-cover", { "background-size": "cover" }],
164
165
  ["bg-contain", { "background-size": "contain" }],
@@ -169,6 +170,10 @@ const backgroundStyles = [
169
170
  ["bg-clip-content", { "-webkit-background-clip": "content-box", "background-clip": "content-box" }],
170
171
  ["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-clip": "padding-box" }],
171
172
  ["bg-clip-text", { "-webkit-background-clip": "text", "background-clip": "text" }],
173
+ ...globalKeywords.map((keyword) => [`bg-clip-${keyword}`, {
174
+ "-webkit-background-clip": keyword,
175
+ "background-clip": keyword
176
+ }]),
172
177
  [/^bg-([-\w]{3,})$/, ([, s]) => ({ "background-position": positionMap[s] })],
173
178
  ["bg-repeat", { "background-repeat": "repeat" }],
174
179
  ["bg-no-repeat", { "background-repeat": "no-repeat" }],
@@ -176,9 +181,11 @@ const backgroundStyles = [
176
181
  ["bg-repeat-y", { "background-repeat": "repeat-y" }],
177
182
  ["bg-repeat-round", { "background-repeat": "round" }],
178
183
  ["bg-repeat-space", { "background-repeat": "space" }],
184
+ ...makeGlobalStaticRules("bg-repeat", "background-repeat"),
179
185
  ["bg-origin-border", { "background-origin": "border-box" }],
180
186
  ["bg-origin-padding", { "background-origin": "padding-box" }],
181
- ["bg-origin-content", { "background-origin": "content-box" }]
187
+ ["bg-origin-content", { "background-origin": "content-box" }],
188
+ ...makeGlobalStaticRules("bg-origin", "background-origin")
182
189
  ];
183
190
 
184
191
  const listStyles = {
@@ -207,7 +214,8 @@ const listStyle = [
207
214
  }, { autocomplete: [`list-(${Object.keys(listStyles).join("|")})`, `list-(${Object.keys(listStyles).join("|")})-(outside|inside)`] }],
208
215
  ["list-outside", { "list-style-position": "outside" }],
209
216
  ["list-inside", { "list-style-position": "inside" }],
210
- ["list-none", { "list-style-type": "none" }]
217
+ ["list-none", { "list-style-type": "none" }],
218
+ ...makeGlobalStaticRules("list", "list-style")
211
219
  ];
212
220
  const accents = [
213
221
  [/^accent-(.+)$/, colorResolver("accent-color", "accent"), { autocomplete: "accent-$colors" }],
@@ -232,16 +240,20 @@ const overscrolls = [
232
240
  ["overscroll-auto", { "overscroll-behavior": "auto" }],
233
241
  ["overscroll-contain", { "overscroll-behavior": "contain" }],
234
242
  ["overscroll-none", { "overscroll-behavior": "none" }],
243
+ ...makeGlobalStaticRules("overscroll", "overscroll-behavior"),
235
244
  ["overscroll-x-auto", { "overscroll-behavior-x": "auto" }],
236
245
  ["overscroll-x-contain", { "overscroll-behavior-x": "contain" }],
237
246
  ["overscroll-x-none", { "overscroll-behavior-x": "none" }],
247
+ ...makeGlobalStaticRules("overscroll-x", "overscroll-behavior-x"),
238
248
  ["overscroll-y-auto", { "overscroll-behavior-y": "auto" }],
239
249
  ["overscroll-y-contain", { "overscroll-behavior-y": "contain" }],
240
- ["overscroll-y-none", { "overscroll-behavior-y": "none" }]
250
+ ["overscroll-y-none", { "overscroll-behavior-y": "none" }],
251
+ ...makeGlobalStaticRules("overscroll-y", "overscroll-behavior-y")
241
252
  ];
242
253
  const scrollBehaviors = [
243
254
  ["scroll-auto", { "scroll-behavior": "auto" }],
244
- ["scroll-smooth", { "scroll-behavior": "smooth" }]
255
+ ["scroll-smooth", { "scroll-behavior": "smooth" }],
256
+ ...makeGlobalStaticRules("scroll", "scroll-behavior")
245
257
  ];
246
258
 
247
259
  const columns = [
@@ -254,10 +266,12 @@ const columns = [
254
266
  ["break-before-left", { "break-before": "left" }],
255
267
  ["break-before-right", { "break-before": "right" }],
256
268
  ["break-before-column", { "break-before": "column" }],
269
+ ...makeGlobalStaticRules("break-before"),
257
270
  ["break-inside-auto", { "break-inside": "auto" }],
258
271
  ["break-inside-avoid", { "break-inside": "avoid" }],
259
272
  ["break-inside-avoid-page", { "break-inside": "avoid-page" }],
260
273
  ["break-inside-avoid-column", { "break-inside": "avoid-column" }],
274
+ ...makeGlobalStaticRules("break-inside"),
261
275
  ["break-after-auto", { "break-after": "auto" }],
262
276
  ["break-after-avoid", { "break-after": "avoid" }],
263
277
  ["break-after-all", { "break-after": "all" }],
@@ -265,7 +279,8 @@ const columns = [
265
279
  ["break-after-page", { "break-after": "page" }],
266
280
  ["break-after-left", { "break-after": "left" }],
267
281
  ["break-after-right", { "break-after": "right" }],
268
- ["break-after-column", { "break-after": "column" }]
282
+ ["break-after-column", { "break-after": "column" }],
283
+ ...makeGlobalStaticRules("break-after")
269
284
  ];
270
285
 
271
286
  const queryMatcher = /@media \(min-width: (.+)\)/;
@@ -406,7 +421,12 @@ const filters = [
406
421
  ["backdrop-filter-none", {
407
422
  "-webkit-backdrop-filter": "none",
408
423
  "backdrop-filter": "none"
409
- }]
424
+ }],
425
+ ...globalKeywords.map((keyword) => [`filter-${keyword}`, { filter: keyword }]),
426
+ ...globalKeywords.map((keyword) => [`backdrop-filter-${keyword}`, {
427
+ "-webkit-backdrop-filter": keyword,
428
+ "backdrop-filter": keyword
429
+ }])
410
430
  ];
411
431
 
412
432
  const spaces = [
@@ -439,31 +459,23 @@ const textTransforms = [
439
459
  ["normal-case", { "text-transform": "none" }]
440
460
  ];
441
461
  const hyphens = [
442
- ["hyphens-manual", {
443
- "-webkit-hyphens": "manual",
444
- "-ms-hyphens": "manual",
445
- "hyphens": "manual"
446
- }],
447
- ["hyphens-auto", {
448
- "-webkit-hyphens": "auto",
449
- "-ms-hyphens": "auto",
450
- "hyphens": "auto"
451
- }],
452
- ["hyphens-none", {
453
- "-webkit-hyphens": "none",
454
- "-ms-hyphens": "none",
455
- "hyphens": "none"
456
- }]
462
+ ...["manual", "auto", "none", ...globalKeywords].map((keyword) => [`hyphens-${keyword}`, {
463
+ "-webkit-hyphens": keyword,
464
+ "-ms-hyphens": keyword,
465
+ "hyphens": keyword
466
+ }])
457
467
  ];
458
468
  const writingModes = [
459
469
  ["write-vertical-right", { "writing-mode": "vertical-rl" }],
460
470
  ["write-vertical-left", { "writing-mode": "vertical-lr" }],
461
- ["write-normal", { "writing-mode": "horizontal-tb" }]
471
+ ["write-normal", { "writing-mode": "horizontal-tb" }],
472
+ ...makeGlobalStaticRules("write", "writing-mode")
462
473
  ];
463
474
  const writingOrientations = [
464
475
  ["write-orient-mixed", { "text-orientation": "mixed" }],
465
476
  ["write-orient-sideways", { "text-orientation": "sideways" }],
466
- ["write-orient-upright", { "text-orientation": "upright" }]
477
+ ["write-orient-upright", { "text-orientation": "upright" }],
478
+ ...makeGlobalStaticRules("write-orient", "text-orientation")
467
479
  ];
468
480
  const screenReadersAccess = [
469
481
  [
@@ -528,7 +540,8 @@ const backgroundBlendModes = [
528
540
  ["bg-blend-saturation", { "background-blend-mode": "saturation" }],
529
541
  ["bg-blend-color", { "background-blend-mode": "color" }],
530
542
  ["bg-blend-luminosity", { "background-blend-mode": "luminosity" }],
531
- ["bg-blend-normal", { "background-blend-mode": "normal" }]
543
+ ["bg-blend-normal", { "background-blend-mode": "normal" }],
544
+ ...makeGlobalStaticRules("bg-blend", "background-blend")
532
545
  ];
533
546
  const mixBlendModes = [
534
547
  ["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
@@ -547,7 +560,8 @@ const mixBlendModes = [
547
560
  ["mix-blend-color", { "mix-blend-mode": "color" }],
548
561
  ["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }],
549
562
  ["mix-blend-plus-lighter", { "mix-blend-mode": "plus-lighter" }],
550
- ["mix-blend-normal", { "mix-blend-mode": "normal" }]
563
+ ["mix-blend-normal", { "mix-blend-mode": "normal" }],
564
+ ...makeGlobalStaticRules("mix-blend")
551
565
  ];
552
566
 
553
567
  const borderSpacingBase = {
@@ -708,7 +722,8 @@ const touchActions = [
708
722
  }],
709
723
  ["touch-auto", { "touch-action": "auto" }],
710
724
  ["touch-manipulation", { "touch-action": "manipulation" }],
711
- ["touch-none", { "touch-action": "none" }]
725
+ ["touch-none", { "touch-action": "none" }],
726
+ ...makeGlobalStaticRules("touch", "touch-action")
712
727
  ];
713
728
 
714
729
  const scrollSnapTypeBase = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unocss/preset-wind",
3
- "version": "0.41.0",
3
+ "version": "0.41.1",
4
4
  "description": "Tailwind / Windi CSS compact preset for UnoCSS",
5
5
  "author": "Anthony Fu <anthonyfu117@hotmail.com>",
6
6
  "license": "MIT",
@@ -35,8 +35,8 @@
35
35
  "*.css"
36
36
  ],
37
37
  "dependencies": {
38
- "@unocss/core": "0.41.0",
39
- "@unocss/preset-mini": "0.41.0"
38
+ "@unocss/core": "0.41.1",
39
+ "@unocss/preset-mini": "0.41.1"
40
40
  },
41
41
  "scripts": {
42
42
  "build": "unbuild",