@unocss/preset-wind 0.41.1 → 0.42.1

package/dist/index.cjs

@@ -40,8 +40,8 @@ const animations = [
   [/^animate-delay-(.+)$/, ([, d], { theme }) => ({ "animation-delay": theme.duration?.[d || "DEFAULT"] ?? utils.handler.bracket.cssvar.time(d) }), { autocomplete: ["animate-delay", "animate-delay-$duration"] }],
   [/^animate-ease(?:-(.+))?$/, ([, d], { theme }) => ({ "animation-timing-function": theme.easing?.[d || "DEFAULT"] ?? utils.handler.bracket.cssvar(d) }), { autocomplete: "animate-delay-$easing" }],
   [
-    /^animate-(?:fill-|mode-|fill-mode-)?(none|forwards|backwards|both|inherit|initial|revert|revert-layer|unset)$/,
-    ([, d]) => ({ "animation-fill-mode": d }),
+    /^animate-(fill-mode-|fill-|mode-)?(.+)$/,
+    ([, t, d]) => ["none", "forwards", "backwards", "both", ...[t ? utils.globalKeywords : []]].includes(d) ? { "animation-fill-mode": d } : void 0,
     {
       autocomplete: [
         "animate-(fill|mode|fill-mode)",
@@ -51,8 +51,8 @@ const animations = [
     }
   ],
   [
-    /^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|revert-layer|unset)$/,
-    ([, d]) => ({ "animation-direction": d }),
+    /^animate-(direction-)?(.+)$/,
+    ([, t, d]) => ["normal", "reverse", "alternate", "alternate-reverse", ...[t ? utils.globalKeywords : []]].includes(d) ? { "animation-direction": d } : void 0,
     {
       autocomplete: [
         "animate-direction",
@@ -63,8 +63,8 @@ const animations = [
   ],
   [/^animate-(?:iteration-|count-|iteration-count-)(.+)$/, ([, d]) => ({ "animation-iteration-count": utils.handler.bracket.cssvar(d) ?? d.replace(/\-/g, ",") }), { autocomplete: ["animate-(iteration|count|iteration-count)", "animate-(iteration|count|iteration-count)-<num>"] }],
   [
-    /^animate-(?:play-|state-|play-state-)?(paused|running|inherit|initial|revert|revert-layer|unset)$/,
-    ([, d]) => ({ "animation-play-state": d }),
+    /^animate-(play-state-|play-|state-)?(.+)$/,
+    ([, t, d]) => ["paused", "running", ...[t ? utils.globalKeywords : []]].includes(d) ? { "animation-play-state": d } : void 0,
     {
       autocomplete: [
         "animate-(play|state|play-state)",
@@ -73,7 +73,8 @@ const animations = [
       ]
     }
   ],
-  ["animate-none", { animation: "none" }]
+  ["animate-none", { animation: "none" }],
+  ...utils.makeGlobalStaticRules("animate", "animation")
 ];
 
 const bgGradientToValue = (cssColor) => {
@@ -206,19 +207,22 @@ const listStyles = {
   "upper-latin": "upper-latin"
 };
 const listStyle = [
-  [/^list-(.+)(?:-(outside|inside))?$/, ([, style, position]) => {
-    if (position != null) {
-      return {
-        "list-style-position": position,
-        "list-style-type": listStyles[style]
-      };
+  [/^list-(.+?)(?:-(outside|inside))?$/, ([, alias, position]) => {
+    const style = listStyles[alias];
+    if (style) {
+      if (position) {
+        return {
+          "list-style-position": position,
+          "list-style-type": style
+        };
+      }
+      return { "list-style-type": style };
     }
-    return { "list-style-type": listStyles[style] };
   }, { autocomplete: [`list-(${Object.keys(listStyles).join("|")})`, `list-(${Object.keys(listStyles).join("|")})-(outside|inside)`] }],
   ["list-outside", { "list-style-position": "outside" }],
   ["list-inside", { "list-style-position": "inside" }],
   ["list-none", { "list-style-type": "none" }],
-  ...utils.makeGlobalStaticRules("list", "list-style")
+  ...utils.makeGlobalStaticRules("list", "list-style-type")
 ];
 const accents = [
   [/^accent-(.+)$/, utils.colorResolver("accent-color", "accent"), { autocomplete: "accent-$colors" }],
@@ -290,7 +294,7 @@ const queryMatcher = /@media \(min-width: (.+)\)/;
 const container = [
   [
     /^__container$/,
-    (m, { variantHandlers }) => {
+    (m, { theme, variantHandlers }) => {
       let width = "100%";
       for (const v of variantHandlers) {
         const query = v.handle?.({}, (x) => x)?.parent;
@@ -300,6 +304,13 @@ const container = [
             width = match;
         }
       }
+      if (theme.container?.center) {
+        return {
+          "max-width": width,
+          "margin-left": "auto",
+          "margin-right": "auto"
+        };
+      }
       return { "max-width": width };
     },
     { internal: true }
@@ -644,11 +655,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>"] }],
-  ["divide-solid", { "border-style": "solid" }],
-  ["divide-dashed", { "border-style": "dashed" }],
-  ["divide-dotted", { "border-style": "dotted" }],
-  ["divide-double", { "border-style": "double" }],
-  ["divide-none", { "border-style": "none" }]
+  ...rules$1.borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
 ];
 function handlerDivide([, d, s], { theme }) {
   const v = theme.lineWidth?.[s || "DEFAULT"] ?? utils.handler.bracket.cssvar.px(s || "1");
@@ -675,10 +682,10 @@ const lineClamps = [
     "-webkit-line-clamp": v,
     "line-clamp": v
   }), { autocomplete: ["line-clamp", "line-clamp-<num>"] }],
-  ["line-clamp-none", {
-    "-webkit-line-clamp": "unset",
-    "line-clamp": "unset"
-  }]
+  ...["none", ...utils.globalKeywords].map((keyword) => [`line-clamp-${keyword}`, {
+    "-webkit-line-clamp": keyword,
+    "line-clamp": keyword
+  }])
 ];
 
 const fontVariantNumericBase = {

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { preflights } from '@unocss/preset-mini';
 export { colors, preflights } from '@unocss/preset-mini';
-import { handler, positionMap, makeGlobalStaticRules, globalKeywords, parseColor, colorToString, colorOpacityToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
-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';
+import { handler, globalKeywords, makeGlobalStaticRules, positionMap, parseColor, colorToString, colorOpacityToString, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
+import { varEmpty, borderStyles, 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';
 import { theme as theme$1 } from '@unocss/preset-mini/theme';
 import { variants as variants$1 } from '@unocss/preset-mini/variants';
 
@@ -37,8 +37,8 @@ const animations = [
   [/^animate-delay-(.+)$/, ([, d], { theme }) => ({ "animation-delay": theme.duration?.[d || "DEFAULT"] ?? handler.bracket.cssvar.time(d) }), { autocomplete: ["animate-delay", "animate-delay-$duration"] }],
   [/^animate-ease(?:-(.+))?$/, ([, d], { theme }) => ({ "animation-timing-function": theme.easing?.[d || "DEFAULT"] ?? handler.bracket.cssvar(d) }), { autocomplete: "animate-delay-$easing" }],
   [
-    /^animate-(?:fill-|mode-|fill-mode-)?(none|forwards|backwards|both|inherit|initial|revert|revert-layer|unset)$/,
-    ([, d]) => ({ "animation-fill-mode": d }),
+    /^animate-(fill-mode-|fill-|mode-)?(.+)$/,
+    ([, t, d]) => ["none", "forwards", "backwards", "both", ...[t ? globalKeywords : []]].includes(d) ? { "animation-fill-mode": d } : void 0,
     {
       autocomplete: [
         "animate-(fill|mode|fill-mode)",
@@ -48,8 +48,8 @@ const animations = [
     }
   ],
   [
-    /^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|revert-layer|unset)$/,
-    ([, d]) => ({ "animation-direction": d }),
+    /^animate-(direction-)?(.+)$/,
+    ([, t, d]) => ["normal", "reverse", "alternate", "alternate-reverse", ...[t ? globalKeywords : []]].includes(d) ? { "animation-direction": d } : void 0,
     {
       autocomplete: [
         "animate-direction",
@@ -60,8 +60,8 @@ const animations = [
   ],
   [/^animate-(?:iteration-|count-|iteration-count-)(.+)$/, ([, d]) => ({ "animation-iteration-count": handler.bracket.cssvar(d) ?? d.replace(/\-/g, ",") }), { autocomplete: ["animate-(iteration|count|iteration-count)", "animate-(iteration|count|iteration-count)-<num>"] }],
   [
-    /^animate-(?:play-|state-|play-state-)?(paused|running|inherit|initial|revert|revert-layer|unset)$/,
-    ([, d]) => ({ "animation-play-state": d }),
+    /^animate-(play-state-|play-|state-)?(.+)$/,
+    ([, t, d]) => ["paused", "running", ...[t ? globalKeywords : []]].includes(d) ? { "animation-play-state": d } : void 0,
     {
       autocomplete: [
         "animate-(play|state|play-state)",
@@ -70,7 +70,8 @@ const animations = [
       ]
     }
   ],
-  ["animate-none", { animation: "none" }]
+  ["animate-none", { animation: "none" }],
+  ...makeGlobalStaticRules("animate", "animation")
 ];
 
 const bgGradientToValue = (cssColor) => {
@@ -203,19 +204,22 @@ const listStyles = {
   "upper-latin": "upper-latin"
 };
 const listStyle = [
-  [/^list-(.+)(?:-(outside|inside))?$/, ([, style, position]) => {
-    if (position != null) {
-      return {
-        "list-style-position": position,
-        "list-style-type": listStyles[style]
-      };
+  [/^list-(.+?)(?:-(outside|inside))?$/, ([, alias, position]) => {
+    const style = listStyles[alias];
+    if (style) {
+      if (position) {
+        return {
+          "list-style-position": position,
+          "list-style-type": style
+        };
+      }
+      return { "list-style-type": style };
     }
-    return { "list-style-type": listStyles[style] };
   }, { autocomplete: [`list-(${Object.keys(listStyles).join("|")})`, `list-(${Object.keys(listStyles).join("|")})-(outside|inside)`] }],
   ["list-outside", { "list-style-position": "outside" }],
   ["list-inside", { "list-style-position": "inside" }],
   ["list-none", { "list-style-type": "none" }],
-  ...makeGlobalStaticRules("list", "list-style")
+  ...makeGlobalStaticRules("list", "list-style-type")
 ];
 const accents = [
   [/^accent-(.+)$/, colorResolver("accent-color", "accent"), { autocomplete: "accent-$colors" }],
@@ -287,7 +291,7 @@ const queryMatcher = /@media \(min-width: (.+)\)/;
 const container = [
   [
     /^__container$/,
-    (m, { variantHandlers }) => {
+    (m, { theme, variantHandlers }) => {
       let width = "100%";
       for (const v of variantHandlers) {
         const query = v.handle?.({}, (x) => x)?.parent;
@@ -297,6 +301,13 @@ const container = [
             width = match;
         }
       }
+      if (theme.container?.center) {
+        return {
+          "max-width": width,
+          "margin-left": "auto",
+          "margin-right": "auto"
+        };
+      }
       return { "max-width": width };
     },
     { internal: true }
@@ -641,11 +652,7 @@ const divides = [
   [/^divide-(block|inline)-reverse$/, ([, d]) => ({ [`--un-divide-${d}-reverse`]: 1 })],
   [/^divide-(.+)$/, colorResolver("border-color", "divide"), { autocomplete: "divide-$colors" }],
   [/^divide-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-divide-opacity": handler.bracket.percent(opacity) }), { autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }],
-  ["divide-solid", { "border-style": "solid" }],
-  ["divide-dashed", { "border-style": "dashed" }],
-  ["divide-dotted", { "border-style": "dotted" }],
-  ["divide-double", { "border-style": "double" }],
-  ["divide-none", { "border-style": "none" }]
+  ...borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
 ];
 function handlerDivide([, d, s], { theme }) {
   const v = theme.lineWidth?.[s || "DEFAULT"] ?? handler.bracket.cssvar.px(s || "1");
@@ -672,10 +679,10 @@ const lineClamps = [
     "-webkit-line-clamp": v,
     "line-clamp": v
   }), { autocomplete: ["line-clamp", "line-clamp-<num>"] }],
-  ["line-clamp-none", {
-    "-webkit-line-clamp": "unset",
-    "line-clamp": "unset"
-  }]
+  ...["none", ...globalKeywords].map((keyword) => [`line-clamp-${keyword}`, {
+    "-webkit-line-clamp": keyword,
+    "line-clamp": keyword
+  }])
 ];
 
 const fontVariantNumericBase = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.41.1",
+  "version": "0.42.1",
   "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.41.1",
-    "@unocss/preset-mini": "0.41.1"
+    "@unocss/core": "0.42.1",
+    "@unocss/preset-mini": "0.42.1"
   },
   "scripts": {
     "build": "unbuild",