@unocss/preset-wind 0.37.1 → 0.37.4

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 (3) hide show
  1. package/dist/index.cjs +23 -23
  2. package/dist/index.mjs +24 -24
  3. package/package.json +3 -3
package/dist/index.cjs CHANGED
@@ -80,7 +80,7 @@ const bgGradientColorResolver = (mode) => ([, body], { theme }) => {
80
80
  if (alpha != null)
81
81
  colorString = utils.colorToString(cssColor, alpha);
82
82
  else
83
- colorString = utils.colorToString(cssColor, `var(--un-${mode}-opacity, ${cssColor.alpha ?? 1})`);
83
+ colorString = utils.colorToString(cssColor, `var(--un-${mode}-opacity, ${utils.colorOpacityToString(cssColor)})`);
84
84
  }
85
85
  switch (mode) {
86
86
  case "from":
@@ -296,9 +296,9 @@ const filterBase = {
296
296
  "--un-hue-rotate": rules$1.varEmpty,
297
297
  "--un-invert": rules$1.varEmpty,
298
298
  "--un-saturate": rules$1.varEmpty,
299
- "--un-sepia": rules$1.varEmpty,
300
- "--un-filter": "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)"
299
+ "--un-sepia": rules$1.varEmpty
301
300
  };
301
+ const filterProperty = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)";
302
302
  const backdropFilterBase = {
303
303
  "--un-backdrop-blur": rules$1.varEmpty,
304
304
  "--un-backdrop-brightness": rules$1.varEmpty,
@@ -308,9 +308,9 @@ const backdropFilterBase = {
308
308
  "--un-backdrop-invert": rules$1.varEmpty,
309
309
  "--un-backdrop-opacity": rules$1.varEmpty,
310
310
  "--un-backdrop-saturate": rules$1.varEmpty,
311
- "--un-backdrop-sepia": rules$1.varEmpty,
312
- "--un-backdrop-filter": "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)"
311
+ "--un-backdrop-sepia": rules$1.varEmpty
313
312
  };
313
+ const backdropFilterProperty = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
314
314
  const percentWithDefault = (str) => {
315
315
  let v = utils.handler.bracket.cssvar(str || "");
316
316
  if (v != null)
@@ -325,13 +325,13 @@ const toFilter = (varName, resolver) => ([, b, s], { theme }) => {
325
325
  if (b) {
326
326
  return {
327
327
  [`--un-${b}${varName}`]: `${varName}(${value})`,
328
- "-webkit-backdrop-filter": "var(--un-backdrop-filter)",
329
- "backdrop-filter": "var(--un-backdrop-filter)"
328
+ "-webkit-backdrop-filter": backdropFilterProperty,
329
+ "backdrop-filter": backdropFilterProperty
330
330
  };
331
331
  } else {
332
332
  return {
333
333
  [`--un-${varName}`]: `${varName}(${value})`,
334
- filter: "var(--un-filter)"
334
+ filter: filterProperty
335
335
  };
336
336
  }
337
337
  }
@@ -342,14 +342,14 @@ const dropShadowResolver = ([, s], { theme }) => {
342
342
  const shadows = utils.colorableShadows(v, "--un-drop-shadow-color");
343
343
  return {
344
344
  "--un-drop-shadow": `drop-shadow(${shadows.join(") drop-shadow(")})`,
345
- "filter": "var(--un-filter)"
345
+ "filter": filterProperty
346
346
  };
347
347
  }
348
348
  v = utils.handler.bracket.cssvar(s);
349
349
  if (v != null) {
350
350
  return {
351
351
  "--un-drop-shadow": `drop-shadow(${v})`,
352
- "filter": "var(--un-filter)"
352
+ "filter": filterProperty
353
353
  };
354
354
  }
355
355
  };
@@ -382,10 +382,10 @@ const filters = [
382
382
  [/^(backdrop-)op(?:acity)-(.+)$/, toFilter("opacity", (s) => utils.handler.bracket.cssvar.percent(s)), { autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
383
383
  [/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => utils.handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
384
384
  [/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
385
- ["filter", { filter: "var(--un-filter)" }],
385
+ ["filter", { filter: filterProperty }],
386
386
  ["backdrop-filter", {
387
- "-webkit-backdrop-filter": "var(--un-backdrop-filter)",
388
- "backdrop-filter": "var(--un-backdrop-filter)"
387
+ "-webkit-backdrop-filter": backdropFilterProperty,
388
+ "backdrop-filter": backdropFilterProperty
389
389
  }],
390
390
  ["filter-none", { filter: "none" }],
391
391
  ["backdrop-filter-none", {
@@ -534,6 +534,7 @@ const borderSpacingBase = {
534
534
  "--un-border-spacing-x": 0,
535
535
  "--un-border-spacing-y": 0
536
536
  };
537
+ const borderSpacingProperty = "var(--un-border-spacing-x) var(--un-border-spacing-y)";
537
538
  const tables = [
538
539
  ["inline-table", { display: "inline-table" }],
539
540
  ["table", { display: "table" }],
@@ -553,7 +554,7 @@ const tables = [
553
554
  return {
554
555
  "--un-border-spacing-x": v,
555
556
  "--un-border-spacing-y": v,
556
- "border-spacing": "var(--un-border-spacing-x) var(--un-border-spacing-y)"
557
+ "border-spacing": borderSpacingProperty
557
558
  };
558
559
  }
559
560
  }, { autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
@@ -562,7 +563,7 @@ const tables = [
562
563
  if (v != null) {
563
564
  return {
564
565
  [`--un-border-spacing-${d}`]: v,
565
- "border-spacing": "var(--un-border-spacing-x) var(--un-border-spacing-y)"
566
+ "border-spacing": borderSpacingProperty
566
567
  };
567
568
  }
568
569
  }, { autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
@@ -648,12 +649,11 @@ const fontVariantNumericBase = {
648
649
  "--un-slashed-zero": rules$1.varEmpty,
649
650
  "--un-numeric-figure": rules$1.varEmpty,
650
651
  "--un-numeric-spacing": rules$1.varEmpty,
651
- "--un-numeric-fraction": rules$1.varEmpty,
652
- "--un-font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
652
+ "--un-numeric-fraction": rules$1.varEmpty
653
653
  };
654
654
  const toEntries = (entry) => ({
655
655
  ...entry,
656
- "font-variant-numeric": "var(--un-font-variant-numeric)"
656
+ "font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
657
657
  });
658
658
  const fontVariantNumeric = [
659
659
  [/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { autocomplete: "ordinal" }],
@@ -670,21 +670,21 @@ const fontVariantNumeric = [
670
670
  const touchActionBase = {
671
671
  "--un-pan-x": rules$1.varEmpty,
672
672
  "--un-pan-y": rules$1.varEmpty,
673
- "--un-pinch-zoom": rules$1.varEmpty,
674
- "--un-touch-action": "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)"
673
+ "--un-pinch-zoom": rules$1.varEmpty
675
674
  };
675
+ const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
676
676
  const touchActions = [
677
677
  [/^touch-pan-(x|left|right)$/, ([, d]) => ({
678
678
  "--un-pan-x": `pan-${d}`,
679
- "touch-action": "var(--un-touch-action)"
679
+ "touch-action": touchActionProperty
680
680
  }), { autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
681
681
  [/^touch-pan-(y|up|down)$/, ([, d]) => ({
682
682
  "--un-pan-y": `pan-${d}`,
683
- "touch-action": "var(--un-touch-action)"
683
+ "touch-action": touchActionProperty
684
684
  })],
685
685
  ["touch-pinch-zoom", {
686
686
  "--un-pinch-zoom": "pinch-zoom",
687
- "touch-action": "var(--un-touch-action)"
687
+ "touch-action": touchActionProperty
688
688
  }],
689
689
  ["touch-auto", { "touch-action": "auto" }],
690
690
  ["touch-manipulation", { "touch-action": "manipulation" }],
package/dist/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { preflights } from '@unocss/preset-mini';
2
2
  export { colors, preflights } from '@unocss/preset-mini';
3
3
  import { toArray } from '@unocss/core';
4
- import { handler, positionMap, parseColor, colorToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
4
+ import { handler, positionMap, parseColor, colorToString, colorOpacityToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
5
5
  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';
6
6
  import { theme as theme$1 } from '@unocss/preset-mini/theme';
7
7
  import { variants as variants$1 } from '@unocss/preset-mini/variants';
@@ -77,7 +77,7 @@ const bgGradientColorResolver = (mode) => ([, body], { theme }) => {
77
77
  if (alpha != null)
78
78
  colorString = colorToString(cssColor, alpha);
79
79
  else
80
- colorString = colorToString(cssColor, `var(--un-${mode}-opacity, ${cssColor.alpha ?? 1})`);
80
+ colorString = colorToString(cssColor, `var(--un-${mode}-opacity, ${colorOpacityToString(cssColor)})`);
81
81
  }
82
82
  switch (mode) {
83
83
  case "from":
@@ -293,9 +293,9 @@ const filterBase = {
293
293
  "--un-hue-rotate": varEmpty,
294
294
  "--un-invert": varEmpty,
295
295
  "--un-saturate": varEmpty,
296
- "--un-sepia": varEmpty,
297
- "--un-filter": "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)"
296
+ "--un-sepia": varEmpty
298
297
  };
298
+ const filterProperty = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)";
299
299
  const backdropFilterBase = {
300
300
  "--un-backdrop-blur": varEmpty,
301
301
  "--un-backdrop-brightness": varEmpty,
@@ -305,9 +305,9 @@ const backdropFilterBase = {
305
305
  "--un-backdrop-invert": varEmpty,
306
306
  "--un-backdrop-opacity": varEmpty,
307
307
  "--un-backdrop-saturate": varEmpty,
308
- "--un-backdrop-sepia": varEmpty,
309
- "--un-backdrop-filter": "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)"
308
+ "--un-backdrop-sepia": varEmpty
310
309
  };
310
+ const backdropFilterProperty = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
311
311
  const percentWithDefault = (str) => {
312
312
  let v = handler.bracket.cssvar(str || "");
313
313
  if (v != null)
@@ -322,13 +322,13 @@ const toFilter = (varName, resolver) => ([, b, s], { theme }) => {
322
322
  if (b) {
323
323
  return {
324
324
  [`--un-${b}${varName}`]: `${varName}(${value})`,
325
- "-webkit-backdrop-filter": "var(--un-backdrop-filter)",
326
- "backdrop-filter": "var(--un-backdrop-filter)"
325
+ "-webkit-backdrop-filter": backdropFilterProperty,
326
+ "backdrop-filter": backdropFilterProperty
327
327
  };
328
328
  } else {
329
329
  return {
330
330
  [`--un-${varName}`]: `${varName}(${value})`,
331
- filter: "var(--un-filter)"
331
+ filter: filterProperty
332
332
  };
333
333
  }
334
334
  }
@@ -339,14 +339,14 @@ const dropShadowResolver = ([, s], { theme }) => {
339
339
  const shadows = colorableShadows(v, "--un-drop-shadow-color");
340
340
  return {
341
341
  "--un-drop-shadow": `drop-shadow(${shadows.join(") drop-shadow(")})`,
342
- "filter": "var(--un-filter)"
342
+ "filter": filterProperty
343
343
  };
344
344
  }
345
345
  v = handler.bracket.cssvar(s);
346
346
  if (v != null) {
347
347
  return {
348
348
  "--un-drop-shadow": `drop-shadow(${v})`,
349
- "filter": "var(--un-filter)"
349
+ "filter": filterProperty
350
350
  };
351
351
  }
352
352
  };
@@ -379,10 +379,10 @@ const filters = [
379
379
  [/^(backdrop-)op(?:acity)-(.+)$/, toFilter("opacity", (s) => handler.bracket.cssvar.percent(s)), { autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
380
380
  [/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
381
381
  [/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
382
- ["filter", { filter: "var(--un-filter)" }],
382
+ ["filter", { filter: filterProperty }],
383
383
  ["backdrop-filter", {
384
- "-webkit-backdrop-filter": "var(--un-backdrop-filter)",
385
- "backdrop-filter": "var(--un-backdrop-filter)"
384
+ "-webkit-backdrop-filter": backdropFilterProperty,
385
+ "backdrop-filter": backdropFilterProperty
386
386
  }],
387
387
  ["filter-none", { filter: "none" }],
388
388
  ["backdrop-filter-none", {
@@ -531,6 +531,7 @@ const borderSpacingBase = {
531
531
  "--un-border-spacing-x": 0,
532
532
  "--un-border-spacing-y": 0
533
533
  };
534
+ const borderSpacingProperty = "var(--un-border-spacing-x) var(--un-border-spacing-y)";
534
535
  const tables = [
535
536
  ["inline-table", { display: "inline-table" }],
536
537
  ["table", { display: "table" }],
@@ -550,7 +551,7 @@ const tables = [
550
551
  return {
551
552
  "--un-border-spacing-x": v,
552
553
  "--un-border-spacing-y": v,
553
- "border-spacing": "var(--un-border-spacing-x) var(--un-border-spacing-y)"
554
+ "border-spacing": borderSpacingProperty
554
555
  };
555
556
  }
556
557
  }, { autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
@@ -559,7 +560,7 @@ const tables = [
559
560
  if (v != null) {
560
561
  return {
561
562
  [`--un-border-spacing-${d}`]: v,
562
- "border-spacing": "var(--un-border-spacing-x) var(--un-border-spacing-y)"
563
+ "border-spacing": borderSpacingProperty
563
564
  };
564
565
  }
565
566
  }, { autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
@@ -645,12 +646,11 @@ const fontVariantNumericBase = {
645
646
  "--un-slashed-zero": varEmpty,
646
647
  "--un-numeric-figure": varEmpty,
647
648
  "--un-numeric-spacing": varEmpty,
648
- "--un-numeric-fraction": varEmpty,
649
- "--un-font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
649
+ "--un-numeric-fraction": varEmpty
650
650
  };
651
651
  const toEntries = (entry) => ({
652
652
  ...entry,
653
- "font-variant-numeric": "var(--un-font-variant-numeric)"
653
+ "font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
654
654
  });
655
655
  const fontVariantNumeric = [
656
656
  [/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { autocomplete: "ordinal" }],
@@ -667,21 +667,21 @@ const fontVariantNumeric = [
667
667
  const touchActionBase = {
668
668
  "--un-pan-x": varEmpty,
669
669
  "--un-pan-y": varEmpty,
670
- "--un-pinch-zoom": varEmpty,
671
- "--un-touch-action": "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)"
670
+ "--un-pinch-zoom": varEmpty
672
671
  };
672
+ const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
673
673
  const touchActions = [
674
674
  [/^touch-pan-(x|left|right)$/, ([, d]) => ({
675
675
  "--un-pan-x": `pan-${d}`,
676
- "touch-action": "var(--un-touch-action)"
676
+ "touch-action": touchActionProperty
677
677
  }), { autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
678
678
  [/^touch-pan-(y|up|down)$/, ([, d]) => ({
679
679
  "--un-pan-y": `pan-${d}`,
680
- "touch-action": "var(--un-touch-action)"
680
+ "touch-action": touchActionProperty
681
681
  })],
682
682
  ["touch-pinch-zoom", {
683
683
  "--un-pinch-zoom": "pinch-zoom",
684
- "touch-action": "var(--un-touch-action)"
684
+ "touch-action": touchActionProperty
685
685
  }],
686
686
  ["touch-auto", { "touch-action": "auto" }],
687
687
  ["touch-manipulation", { "touch-action": "manipulation" }],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unocss/preset-wind",
3
- "version": "0.37.1",
3
+ "version": "0.37.4",
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.37.1",
39
- "@unocss/preset-mini": "0.37.1"
38
+ "@unocss/core": "0.37.4",
39
+ "@unocss/preset-mini": "0.37.4"
40
40
  },
41
41
  "scripts": {
42
42
  "build": "unbuild",