@unocss/preset-wind 0.26.0 → 0.26.3

package/dist/index.cjs

@@ -28,8 +28,8 @@ ${constructCSS(Object.assign({ animation: `${name} ${duration} ${timing} infinit
     return { animation: utils.handler.bracket.cssvar(name) };
   }],
   [/^animate-name-(.+)/, ([, d]) => ({ "animation-name": utils.handler.bracket.cssvar(d) ?? d })],
-  [/^animate-duration-(.+)$/, ([, d]) => ({ "animation-duration": utils.handler.bracket.cssvar.time(d) })],
-  [/^animate-delay-(.+)$/, ([, d]) => ({ "animation-delay": utils.handler.bracket.cssvar.time(d) })],
+  [/^animate-duration-(.+)$/, ([, d], { theme }) => ({ "animation-duration": theme.duration?.[d || "DEFAULT"] ?? utils.handler.bracket.cssvar.time(d) })],
+  [/^animate-delay-(.+)$/, ([, d], { theme }) => ({ "animation-delay": theme.duration?.[d || "DEFAULT"] ?? utils.handler.bracket.cssvar.time(d) })],
   [/^animate-ease(?:-(.+))?$/, ([, d], { theme }) => ({ "animation-timing-function": theme.easing?.[d || "DEFAULT"] ?? utils.handler.bracket.cssvar(d) })],
   [/^animate-(?:fill-|mode-|fill-mode-)?(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
   [/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
@@ -347,8 +347,8 @@ const spaces = [
   [/^space-(block|inline)-(-?.+)$/, handlerSpace],
   [/^space-(block|inline)-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })]
 ];
-function handlerSpace([, d, s = "1"]) {
-  const v = utils.handler.bracket.cssvar.auto.fraction.rem(s);
+function handlerSpace([, d, s], { theme }) {
+  const v = theme.spacing?.[s || "DEFAULT"] ?? utils.handler.bracket.cssvar.auto.fraction.rem(s || "1");
   if (v != null) {
     const results = utils.directionMap[d].map((item) => {
       const key = `margin${item}`;
@@ -426,6 +426,16 @@ const screenReadersAccess = [
     }
   ]
 ];
+const contents = [
+  [/^content-(.+)$/, ([, v]) => {
+    const c = utils.handler.bracket.cssvar(v);
+    if (c != null)
+      return { content: c };
+    return { content: `"${v}"` };
+  }],
+  ["content-empty", { content: '""' }],
+  ["content-none", { content: '""' }]
+];
 const isolations = [
   ["isolate", { isolation: "isolate" }],
   ["isolate-auto", { isolation: "auto" }],
@@ -535,8 +545,8 @@ const divides = [
   ["divide-double", { "border-style": "double" }],
   ["divide-none", { "border-style": "none" }]
 ];
-function handlerDivide([, d, s = "1"]) {
-  const v = utils.handler.bracket.cssvar.px(s);
+function handlerDivide([, d, s], { theme }) {
+  const v = theme.lineWidth?.[s || "DEFAULT"] ?? utils.handler.bracket.cssvar.px(s || "1");
   if (v != null) {
     const results = utils.directionMap[d].map((item) => {
       const key = `border${item}-width`;
@@ -743,7 +753,7 @@ const rules = [
   filters,
   rules$1.transitions,
   rules$1.willChange,
-  rules$1.contents,
+  contents,
   placeholders,
   rules$1.questionMark
 ].flat(1);

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { toArray, CONTROL_SHORTCUT_NO_MERGE } from '@unocss/core';
 import { theme as theme$1 } from '@unocss/preset-mini/theme';
 export { colors } from '@unocss/preset-mini';
-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, fontStyles, textColors, textDecorations, fontSmoothings, tabSizes, textStrokes, textShadows, opacity, boxShadows, outline, rings, transitions, willChange, contents, questionMark } from '@unocss/preset-mini/rules';
+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, fontStyles, textColors, textDecorations, fontSmoothings, tabSizes, textStrokes, textShadows, opacity, boxShadows, outline, rings, transitions, willChange, questionMark } from '@unocss/preset-mini/rules';
 import { handler, positionMap, parseColor, colorToString, colorResolver, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
 import { variants as variants$1 } from '@unocss/preset-mini/variants';
 
@@ -24,8 +24,8 @@ ${constructCSS(Object.assign({ animation: `${name} ${duration} ${timing} infinit
     return { animation: handler.bracket.cssvar(name) };
   }],
   [/^animate-name-(.+)/, ([, d]) => ({ "animation-name": handler.bracket.cssvar(d) ?? d })],
-  [/^animate-duration-(.+)$/, ([, d]) => ({ "animation-duration": handler.bracket.cssvar.time(d) })],
-  [/^animate-delay-(.+)$/, ([, d]) => ({ "animation-delay": handler.bracket.cssvar.time(d) })],
+  [/^animate-duration-(.+)$/, ([, d], { theme }) => ({ "animation-duration": theme.duration?.[d || "DEFAULT"] ?? handler.bracket.cssvar.time(d) })],
+  [/^animate-delay-(.+)$/, ([, d], { theme }) => ({ "animation-delay": theme.duration?.[d || "DEFAULT"] ?? handler.bracket.cssvar.time(d) })],
   [/^animate-ease(?:-(.+))?$/, ([, d], { theme }) => ({ "animation-timing-function": theme.easing?.[d || "DEFAULT"] ?? handler.bracket.cssvar(d) })],
   [/^animate-(?:fill-|mode-|fill-mode-)?(none|forwards|backwards|both|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-fill-mode": d })],
   [/^animate-(?:direction-)?(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|unset)$/, ([, d]) => ({ "animation-direction": d })],
@@ -343,8 +343,8 @@ const spaces = [
   [/^space-(block|inline)-(-?.+)$/, handlerSpace],
   [/^space-(block|inline)-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })]
 ];
-function handlerSpace([, d, s = "1"]) {
-  const v = handler.bracket.cssvar.auto.fraction.rem(s);
+function handlerSpace([, d, s], { theme }) {
+  const v = theme.spacing?.[s || "DEFAULT"] ?? handler.bracket.cssvar.auto.fraction.rem(s || "1");
   if (v != null) {
     const results = directionMap[d].map((item) => {
       const key = `margin${item}`;
@@ -422,6 +422,16 @@ const screenReadersAccess = [
     }
   ]
 ];
+const contents = [
+  [/^content-(.+)$/, ([, v]) => {
+    const c = handler.bracket.cssvar(v);
+    if (c != null)
+      return { content: c };
+    return { content: `"${v}"` };
+  }],
+  ["content-empty", { content: '""' }],
+  ["content-none", { content: '""' }]
+];
 const isolations = [
   ["isolate", { isolation: "isolate" }],
   ["isolate-auto", { isolation: "auto" }],
@@ -531,8 +541,8 @@ const divides = [
   ["divide-double", { "border-style": "double" }],
   ["divide-none", { "border-style": "none" }]
 ];
-function handlerDivide([, d, s = "1"]) {
-  const v = handler.bracket.cssvar.px(s);
+function handlerDivide([, d, s], { theme }) {
+  const v = theme.lineWidth?.[s || "DEFAULT"] ?? handler.bracket.cssvar.px(s || "1");
   if (v != null) {
     const results = directionMap[d].map((item) => {
       const key = `border${item}-width`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.26.0",
+  "version": "0.26.3",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -35,8 +35,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.26.0",
-    "@unocss/preset-mini": "0.26.0"
+    "@unocss/core": "0.26.3",
+    "@unocss/preset-mini": "0.26.3"
   },
   "scripts": {
     "build": "unbuild",