@unocss/preset-wind 0.51.4 → 0.51.6

package/dist/index.cjs

@@ -5,10 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const presetMini = require('@unocss/preset-mini');
 const utils = require('@unocss/preset-mini/utils');
 const core = require('@unocss/core');
-const rules$1 = require('@unocss/preset-mini/rules');
+const _ = require('@unocss/preset-mini/rules');
 const theme$1 = require('@unocss/preset-mini/theme');
 const variants$1 = require('@unocss/preset-mini/variants');
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n["default"] = e;
+  return n;
+}
+
+const ___namespace = /*#__PURE__*/_interopNamespace(_);
+
 const animations = [
   [/^(?:animate-)?keyframes-(.+)$/, ([, name], { theme }) => {
     const kf = theme.animation?.keyframes?.[name];
@@ -147,7 +161,9 @@ const backgroundStyles = [
     autocomplete: ["bg-gradient", "bg-gradient-(from|to|via)", "bg-gradient-(from|to|via)-$colors", "bg-gradient-(from|to|via)-(op|opacity)", "bg-gradient-(from|to|via)-(op|opacity)-<percent>"]
   }],
   [/^(?:bg-gradient-)?stops-(\[.+\])$/, ([, s]) => ({ "--un-gradient-stops": utils.handler.bracket(s) })],
-  [/^(?:bg-gradient-)?(from|via|to)-(.+)$/, bgGradientColorResolver()],
+  [/^(?:bg-gradient-)?(from)-(.+)$/, bgGradientColorResolver()],
+  [/^(?:bg-gradient-)?(via)-(.+)$/, bgGradientColorResolver()],
+  [/^(?:bg-gradient-)?(to)-(.+)$/, bgGradientColorResolver()],
   [/^(?:bg-gradient-)?(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity]) => ({ [`--un-${position}-opacity`]: utils.handler.bracket.percent(opacity) })],
   [/^(from|via|to)-([\d\.]+)%$/, bgGradientPositionResolver()],
   [/^bg-gradient-((?:repeating-)?(?:linear|radial|conic))$/, ([, s]) => ({
@@ -233,6 +249,11 @@ const listStyle = [
   ["list-outside", { "list-style-position": "outside" }],
   ["list-inside", { "list-style-position": "inside" }],
   ["list-none", { "list-style-type": "none" }],
+  [/^list-image-(.+)$/, ([, d]) => {
+    if (/^\[url\(.+\)\]$/.test(d))
+      return { "list-style-image": utils.handler.bracket(d) };
+  }],
+  ["list-image-none", { "list-style-image": "none" }],
   ...utils.makeGlobalStaticRules("list", "list-style-type")
 ];
 const accents = [
@@ -365,27 +386,27 @@ const containerShortcuts = [
 ];
 
 const filterBase = {
-  "--un-blur": rules$1.varEmpty,
-  "--un-brightness": rules$1.varEmpty,
-  "--un-contrast": rules$1.varEmpty,
-  "--un-drop-shadow": rules$1.varEmpty,
-  "--un-grayscale": rules$1.varEmpty,
-  "--un-hue-rotate": rules$1.varEmpty,
-  "--un-invert": rules$1.varEmpty,
-  "--un-saturate": rules$1.varEmpty,
-  "--un-sepia": rules$1.varEmpty
+  "--un-blur": _.varEmpty,
+  "--un-brightness": _.varEmpty,
+  "--un-contrast": _.varEmpty,
+  "--un-drop-shadow": _.varEmpty,
+  "--un-grayscale": _.varEmpty,
+  "--un-hue-rotate": _.varEmpty,
+  "--un-invert": _.varEmpty,
+  "--un-saturate": _.varEmpty,
+  "--un-sepia": _.varEmpty
 };
 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)";
 const backdropFilterBase = {
-  "--un-backdrop-blur": rules$1.varEmpty,
-  "--un-backdrop-brightness": rules$1.varEmpty,
-  "--un-backdrop-contrast": rules$1.varEmpty,
-  "--un-backdrop-grayscale": rules$1.varEmpty,
-  "--un-backdrop-hue-rotate": rules$1.varEmpty,
-  "--un-backdrop-invert": rules$1.varEmpty,
-  "--un-backdrop-opacity": rules$1.varEmpty,
-  "--un-backdrop-saturate": rules$1.varEmpty,
-  "--un-backdrop-sepia": rules$1.varEmpty
+  "--un-backdrop-blur": _.varEmpty,
+  "--un-backdrop-brightness": _.varEmpty,
+  "--un-backdrop-contrast": _.varEmpty,
+  "--un-backdrop-grayscale": _.varEmpty,
+  "--un-backdrop-hue-rotate": _.varEmpty,
+  "--un-backdrop-invert": _.varEmpty,
+  "--un-backdrop-opacity": _.varEmpty,
+  "--un-backdrop-saturate": _.varEmpty,
+  "--un-backdrop-sepia": _.varEmpty
 };
 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)";
 function percentWithDefault(str) {
@@ -433,7 +454,7 @@ function dropShadowResolver([, s], { theme }) {
   }
 }
 const filters = [
-  [/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || utils.handler.bracket.cssvar.px(s)), { autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur"] }],
+  [/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || utils.handler.bracket.cssvar.px(s)), { autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur", "filter-blur"] }],
   [/^(?:(backdrop-)|filter-)?brightness-(.+)$/, toFilter("brightness", (s) => utils.handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-brightness-<percent>", "brightness-<percent>"] }],
   [/^(?:(backdrop-)|filter-)?contrast-(.+)$/, toFilter("contrast", (s) => utils.handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-contrast-<percent>", "contrast-<percent>"] }],
   [/^(?:filter-)?drop-shadow(?:-(.+))?$/, dropShadowResolver, {
@@ -692,7 +713,7 @@ const divides = [
   [/^divide-(block|inline)-reverse$/, ([, d]) => ({ [`--un-divide-${d}-reverse`]: 1 })],
   [/^divide-(.+)$/, utils.colorResolver("border-color", "divide"), { autocomplete: "divide-$colors" }],
   [/^divide-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-divide-opacity": utils.handler.bracket.percent(opacity) }), { autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }],
-  ...rules$1.borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
+  ..._.borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
 ];
 function handlerDivide([, d, s], { theme }) {
   let v = theme.lineWidth?.[s || "DEFAULT"] ?? utils.handler.bracket.cssvar.px(s || "1");
@@ -731,11 +752,11 @@ const lineClamps = [
 ];
 
 const fontVariantNumericBase = {
-  "--un-ordinal": rules$1.varEmpty,
-  "--un-slashed-zero": rules$1.varEmpty,
-  "--un-numeric-figure": rules$1.varEmpty,
-  "--un-numeric-spacing": rules$1.varEmpty,
-  "--un-numeric-fraction": rules$1.varEmpty
+  "--un-ordinal": _.varEmpty,
+  "--un-slashed-zero": _.varEmpty,
+  "--un-numeric-figure": _.varEmpty,
+  "--un-numeric-spacing": _.varEmpty,
+  "--un-numeric-fraction": _.varEmpty
 };
 function toEntries(entry) {
   return {
@@ -756,9 +777,9 @@ const fontVariantNumeric = [
 ];
 
 const touchActionBase = {
-  "--un-pan-x": rules$1.varEmpty,
-  "--un-pan-y": rules$1.varEmpty,
-  "--un-pinch-zoom": rules$1.varEmpty
+  "--un-pan-x": _.varEmpty,
+  "--un-pan-y": _.varEmpty,
+  "--un-pinch-zoom": _.varEmpty
 };
 const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
 const touchActions = [
@@ -824,91 +845,92 @@ const placeholders = [
 ];
 
 const rules = [
-  rules$1.cssVariables,
+  ___namespace.cssVariables,
   cssVariables,
-  rules$1.cssProperty,
+  ___namespace.cssProperty,
   container,
-  rules$1.contains,
+  ___namespace.contains,
   screenReadersAccess,
-  rules$1.pointerEvents,
-  rules$1.appearances,
-  rules$1.positions,
-  rules$1.insets,
+  ___namespace.pointerEvents,
+  ___namespace.appearances,
+  ___namespace.positions,
+  ___namespace.insets,
   lineClamps,
   isolations,
-  rules$1.zIndexes,
-  rules$1.orders,
-  rules$1.grids,
-  rules$1.floats,
-  rules$1.margins,
-  rules$1.boxSizing,
-  rules$1.displays,
-  rules$1.aspectRatio,
-  rules$1.sizes,
-  rules$1.flex,
+  ___namespace.zIndexes,
+  ___namespace.orders,
+  ___namespace.grids,
+  ___namespace.floats,
+  ___namespace.margins,
+  ___namespace.boxSizing,
+  ___namespace.displays,
+  ___namespace.aspectRatio,
+  ___namespace.sizes,
+  ___namespace.flex,
   tables,
-  rules$1.transforms,
+  ___namespace.transforms,
   animations,
-  rules$1.cursors,
+  ___namespace.cursors,
   touchActions,
-  rules$1.userSelects,
-  rules$1.resizes,
+  ___namespace.userSelects,
+  ___namespace.resizes,
   scrolls,
   listStyle,
-  rules$1.appearance,
+  ___namespace.appearance,
   columns,
-  rules$1.placements,
-  rules$1.alignments,
-  rules$1.justifies,
-  rules$1.gaps,
+  ___namespace.placements,
+  ___namespace.alignments,
+  ___namespace.justifies,
+  ___namespace.gaps,
+  ___namespace.flexGridJustifiesAlignments,
   spaces,
   divides,
-  rules$1.overflows,
+  ___namespace.overflows,
   overscrolls,
   scrollBehaviors,
-  rules$1.textOverflows,
-  rules$1.whitespaces,
-  rules$1.breaks,
-  rules$1.borders,
-  rules$1.bgColors,
+  ___namespace.textOverflows,
+  ___namespace.whitespaces,
+  ___namespace.breaks,
+  ___namespace.borders,
+  ___namespace.bgColors,
   backgroundStyles,
-  rules$1.svgUtilities,
+  ___namespace.svgUtilities,
   objectPositions,
-  rules$1.paddings,
-  rules$1.textAligns,
-  rules$1.textIndents,
-  rules$1.verticalAligns,
-  rules$1.fonts,
-  rules$1.textTransforms,
+  ___namespace.paddings,
+  ___namespace.textAligns,
+  ___namespace.textIndents,
+  ___namespace.verticalAligns,
+  ___namespace.fonts,
+  ___namespace.textTransforms,
   textTransforms,
-  rules$1.fontStyles,
+  ___namespace.fontStyles,
   fontVariantNumeric,
-  rules$1.textColors,
-  rules$1.textDecorations,
-  rules$1.fontSmoothings,
-  rules$1.tabSizes,
-  rules$1.textStrokes,
-  rules$1.textShadows,
+  ___namespace.textColors,
+  ___namespace.textDecorations,
+  ___namespace.fontSmoothings,
+  ___namespace.tabSizes,
+  ___namespace.textStrokes,
+  ___namespace.textShadows,
   hyphens,
   writingModes,
   writingOrientations,
   carets,
   accents,
-  rules$1.opacity,
+  ___namespace.opacity,
   backgroundBlendModes,
   mixBlendModes,
-  rules$1.boxShadows,
-  rules$1.outline,
-  rules$1.rings,
+  ___namespace.boxShadows,
+  ___namespace.outline,
+  ___namespace.rings,
   imageRenderings,
   filters,
-  rules$1.transitions,
-  rules$1.willChange,
-  rules$1.contentVisibility,
-  rules$1.contents,
+  ___namespace.transitions,
+  ___namespace.willChange,
+  ___namespace.contentVisibility,
+  ___namespace.contents,
   placeholders,
-  rules$1.containerParent,
-  rules$1.questionMark
+  ___namespace.containerParent,
+  ___namespace.questionMark
 ].flat(1);
 
 const shortcuts = [
@@ -1109,13 +1131,13 @@ const theme = {
     grid: "(display: grid)"
   },
   preflightBase: {
-    ...rules$1.transformBase,
+    ..._.transformBase,
     ...touchActionBase,
     ...scrollSnapTypeBase,
     ...fontVariantNumericBase,
     ...borderSpacingBase,
-    ...rules$1.boxShadowsBase,
-    ...rules$1.ringBase,
+    ..._.boxShadowsBase,
+    ..._.ringBase,
     ...filterBase,
     ...backdropFilterBase
   }

package/dist/index.mjs

@@ -2,7 +2,8 @@ import { presetMini } from '@unocss/preset-mini';
 export { colors, preflights } from '@unocss/preset-mini';
 import { handler, globalKeywords, makeGlobalStaticRules, positionMap, parseColor, colorToString, colorOpacityToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
 import { isString, warnOnce } from '@unocss/core';
-import { varEmpty, borderStyles, cssVariables as cssVariables$1, cssProperty, contains, 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, contentVisibility, contents, containerParent, questionMark, transformBase, boxShadowsBase, ringBase } from '@unocss/preset-mini/rules';
+import * as _ from '@unocss/preset-mini/rules';
+import { varEmpty, borderStyles, transformBase, boxShadowsBase, ringBase } from '@unocss/preset-mini/rules';
 import { theme as theme$1 } from '@unocss/preset-mini/theme';
 import { variants as variants$1 } from '@unocss/preset-mini/variants';
 
@@ -144,7 +145,9 @@ const backgroundStyles = [
     autocomplete: ["bg-gradient", "bg-gradient-(from|to|via)", "bg-gradient-(from|to|via)-$colors", "bg-gradient-(from|to|via)-(op|opacity)", "bg-gradient-(from|to|via)-(op|opacity)-<percent>"]
   }],
   [/^(?:bg-gradient-)?stops-(\[.+\])$/, ([, s]) => ({ "--un-gradient-stops": handler.bracket(s) })],
-  [/^(?:bg-gradient-)?(from|via|to)-(.+)$/, bgGradientColorResolver()],
+  [/^(?:bg-gradient-)?(from)-(.+)$/, bgGradientColorResolver()],
+  [/^(?:bg-gradient-)?(via)-(.+)$/, bgGradientColorResolver()],
+  [/^(?:bg-gradient-)?(to)-(.+)$/, bgGradientColorResolver()],
   [/^(?:bg-gradient-)?(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity]) => ({ [`--un-${position}-opacity`]: handler.bracket.percent(opacity) })],
   [/^(from|via|to)-([\d\.]+)%$/, bgGradientPositionResolver()],
   [/^bg-gradient-((?:repeating-)?(?:linear|radial|conic))$/, ([, s]) => ({
@@ -230,6 +233,11 @@ const listStyle = [
   ["list-outside", { "list-style-position": "outside" }],
   ["list-inside", { "list-style-position": "inside" }],
   ["list-none", { "list-style-type": "none" }],
+  [/^list-image-(.+)$/, ([, d]) => {
+    if (/^\[url\(.+\)\]$/.test(d))
+      return { "list-style-image": handler.bracket(d) };
+  }],
+  ["list-image-none", { "list-style-image": "none" }],
   ...makeGlobalStaticRules("list", "list-style-type")
 ];
 const accents = [
@@ -430,7 +438,7 @@ function dropShadowResolver([, s], { theme }) {
   }
 }
 const filters = [
-  [/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || handler.bracket.cssvar.px(s)), { autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur"] }],
+  [/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || handler.bracket.cssvar.px(s)), { autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur", "filter-blur"] }],
   [/^(?:(backdrop-)|filter-)?brightness-(.+)$/, toFilter("brightness", (s) => handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-brightness-<percent>", "brightness-<percent>"] }],
   [/^(?:(backdrop-)|filter-)?contrast-(.+)$/, toFilter("contrast", (s) => handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-contrast-<percent>", "contrast-<percent>"] }],
   [/^(?:filter-)?drop-shadow(?:-(.+))?$/, dropShadowResolver, {
@@ -821,91 +829,92 @@ const placeholders = [
 ];
 
 const rules = [
-  cssVariables$1,
+  _.cssVariables,
   cssVariables,
-  cssProperty,
+  _.cssProperty,
   container,
-  contains,
+  _.contains,
   screenReadersAccess,
-  pointerEvents,
-  appearances,
-  positions,
-  insets,
+  _.pointerEvents,
+  _.appearances,
+  _.positions,
+  _.insets,
   lineClamps,
   isolations,
-  zIndexes,
-  orders,
-  grids,
-  floats,
-  margins,
-  boxSizing,
-  displays,
-  aspectRatio,
-  sizes,
-  flex,
+  _.zIndexes,
+  _.orders,
+  _.grids,
+  _.floats,
+  _.margins,
+  _.boxSizing,
+  _.displays,
+  _.aspectRatio,
+  _.sizes,
+  _.flex,
   tables,
-  transforms,
+  _.transforms,
   animations,
-  cursors,
+  _.cursors,
   touchActions,
-  userSelects,
-  resizes,
+  _.userSelects,
+  _.resizes,
   scrolls,
   listStyle,
-  appearance,
+  _.appearance,
   columns,
-  placements,
-  alignments,
-  justifies,
-  gaps,
+  _.placements,
+  _.alignments,
+  _.justifies,
+  _.gaps,
+  _.flexGridJustifiesAlignments,
   spaces,
   divides,
-  overflows,
+  _.overflows,
   overscrolls,
   scrollBehaviors,
-  textOverflows,
-  whitespaces,
-  breaks,
-  borders,
-  bgColors,
+  _.textOverflows,
+  _.whitespaces,
+  _.breaks,
+  _.borders,
+  _.bgColors,
   backgroundStyles,
-  svgUtilities,
+  _.svgUtilities,
   objectPositions,
-  paddings,
-  textAligns,
-  textIndents,
-  verticalAligns,
-  fonts,
-  textTransforms$1,
+  _.paddings,
+  _.textAligns,
+  _.textIndents,
+  _.verticalAligns,
+  _.fonts,
+  _.textTransforms,
   textTransforms,
-  fontStyles,
+  _.fontStyles,
   fontVariantNumeric,
-  textColors,
-  textDecorations,
-  fontSmoothings,
-  tabSizes,
-  textStrokes,
-  textShadows,
+  _.textColors,
+  _.textDecorations,
+  _.fontSmoothings,
+  _.tabSizes,
+  _.textStrokes,
+  _.textShadows,
   hyphens,
   writingModes,
   writingOrientations,
   carets,
   accents,
-  opacity,
+  _.opacity,
   backgroundBlendModes,
   mixBlendModes,
-  boxShadows,
-  outline,
-  rings,
+  _.boxShadows,
+  _.outline,
+  _.rings,
   imageRenderings,
   filters,
-  transitions,
-  willChange,
-  contentVisibility,
-  contents,
+  _.transitions,
+  _.willChange,
+  _.contentVisibility,
+  _.contents,
   placeholders,
-  containerParent,
-  questionMark
+  _.containerParent,
+  _.questionMark
 ].flat(1);
 
 const shortcuts = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.51.4",
+  "version": "0.51.6",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -35,8 +35,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.51.4",
-    "@unocss/preset-mini": "0.51.4"
+    "@unocss/core": "0.51.6",
+    "@unocss/preset-mini": "0.51.6"
   },
   "scripts": {
     "build": "unbuild",