@unocss/preset-wind 0.57.5 → 0.57.6

package/dist/index.cjs

@@ -101,7 +101,7 @@ function bgGradientColorValue(mode, cssColor, color, alpha) {
 }
 function bgGradientColorResolver() {
   return ([, mode, body], { theme }) => {
-    const data = utils.parseColor(body, theme);
+    const data = utils.parseColor(body, theme, "backgroundColor");
     if (!data)
       return;
     const { alpha, color, cssColor } = data;
@@ -263,11 +263,11 @@ const listStyle = [
   ...utils.makeGlobalStaticRules("list", "list-style-type")
 ];
 const accents = [
-  [/^accent-(.+)$/, utils.colorResolver("accent-color", "accent"), { autocomplete: "accent-$colors" }],
+  [/^accent-(.+)$/, utils.colorResolver("accent-color", "accent", "accentColor"), { autocomplete: "accent-$colors" }],
   [/^accent-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-accent-opacity": utils.h.bracket.percent(d) }), { autocomplete: ["accent-(op|opacity)", "accent-(op|opacity)-<percent>"] }]
 ];
 const carets = [
-  [/^caret-(.+)$/, utils.colorResolver("caret-color", "caret"), { autocomplete: "caret-$colors" }],
+  [/^caret-(.+)$/, utils.colorResolver("caret-color", "caret", "textColor"), { autocomplete: "caret-$colors" }],
   [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": utils.h.bracket.percent(d) }), { autocomplete: ["caret-(op|opacity)", "caret-(op|opacity)-<percent>"] }]
 ];
 const imageRenderings = [
@@ -485,7 +485,7 @@ const filters = [
       "drop-shadow-color-(op|opacity)-<percent>"
     ]
   }],
-  [/^(?:filter-)?drop-shadow-color-(.+)$/, utils.colorResolver("--un-drop-shadow-color", "drop-shadow")],
+  [/^(?:filter-)?drop-shadow-color-(.+)$/, utils.colorResolver("--un-drop-shadow-color", "drop-shadow", "shadowColor")],
   [/^(?:filter-)?drop-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-drop-shadow-opacity": utils.h.bracket.percent(opacity) })],
   [/^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/, toFilter("grayscale", percentWithDefault), { autocomplete: ["(backdrop|filter)-grayscale", "(backdrop|filter)-grayscale-<percent>", "grayscale-<percent>"] }],
   [/^(?:(backdrop-)|filter-)?hue-rotate-(.+)$/, toFilter("hue-rotate", (s) => utils.h.bracket.cssvar.degree(s))],
@@ -732,7 +732,7 @@ const divides = [
   [/^divide-(block|inline)-(-?.+)$/, handlerDivide],
   [/^divide-(block|inline)-reverse$/, ([, d]) => ({ [`--un-divide-${d}-reverse`]: 1 })],
   // color & opacity
-  [/^divide-(.+)$/, utils.colorResolver("border-color", "divide"), { autocomplete: "divide-$colors" }],
+  [/^divide-(.+)$/, utils.colorResolver("border-color", "divide", "borderColor"), { autocomplete: "divide-$colors" }],
   [/^divide-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-divide-opacity": utils.h.bracket.percent(opacity) }), { autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }],
   // styles
   ..._.borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
@@ -869,7 +869,7 @@ const scrolls = [
 const placeholders = [
   // The prefix `$ ` is intentional. This rule is not to be matched directly from user-generated token.
   // See variants/placeholder.
-  [/^\$ placeholder-(.+)$/, utils.colorResolver("color", "placeholder"), { autocomplete: "placeholder-$colors" }],
+  [/^\$ placeholder-(.+)$/, utils.colorResolver("color", "placeholder", "accentColor"), { autocomplete: "placeholder-$colors" }],
   [/^\$ placeholder-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-placeholder-opacity": utils.h.bracket.percent(opacity) }), { autocomplete: ["placeholder-(op|opacity)", "placeholder-(op|opacity)-<percent>"] }]
 ];
 
@@ -1233,7 +1233,7 @@ const placeholderModifier = (input, { theme }) => {
   const m = input.match(/^(.*)\b(placeholder-)(.+)$/);
   if (m) {
     const [, pre = "", p, body] = m;
-    if (utils.hasParseableColor(body, theme) || hasOpacityValue(body)) {
+    if (utils.hasParseableColor(body, theme, "accentColor") || hasOpacityValue(body)) {
       return {
         // Append `placeholder-$ ` (with space!) to the rule to be matched.
         // The `placeholder-` is added for placeholder variant processing, and

package/dist/index.mjs

@@ -85,7 +85,7 @@ function bgGradientColorValue(mode, cssColor, color, alpha) {
 }
 function bgGradientColorResolver() {
   return ([, mode, body], { theme }) => {
-    const data = parseColor(body, theme);
+    const data = parseColor(body, theme, "backgroundColor");
     if (!data)
       return;
     const { alpha, color, cssColor } = data;
@@ -247,11 +247,11 @@ const listStyle = [
   ...makeGlobalStaticRules("list", "list-style-type")
 ];
 const accents = [
-  [/^accent-(.+)$/, colorResolver("accent-color", "accent"), { autocomplete: "accent-$colors" }],
+  [/^accent-(.+)$/, colorResolver("accent-color", "accent", "accentColor"), { autocomplete: "accent-$colors" }],
   [/^accent-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-accent-opacity": h.bracket.percent(d) }), { autocomplete: ["accent-(op|opacity)", "accent-(op|opacity)-<percent>"] }]
 ];
 const carets = [
-  [/^caret-(.+)$/, colorResolver("caret-color", "caret"), { autocomplete: "caret-$colors" }],
+  [/^caret-(.+)$/, colorResolver("caret-color", "caret", "textColor"), { autocomplete: "caret-$colors" }],
   [/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": h.bracket.percent(d) }), { autocomplete: ["caret-(op|opacity)", "caret-(op|opacity)-<percent>"] }]
 ];
 const imageRenderings = [
@@ -469,7 +469,7 @@ const filters = [
       "drop-shadow-color-(op|opacity)-<percent>"
     ]
   }],
-  [/^(?:filter-)?drop-shadow-color-(.+)$/, colorResolver("--un-drop-shadow-color", "drop-shadow")],
+  [/^(?:filter-)?drop-shadow-color-(.+)$/, colorResolver("--un-drop-shadow-color", "drop-shadow", "shadowColor")],
   [/^(?:filter-)?drop-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-drop-shadow-opacity": h.bracket.percent(opacity) })],
   [/^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/, toFilter("grayscale", percentWithDefault), { autocomplete: ["(backdrop|filter)-grayscale", "(backdrop|filter)-grayscale-<percent>", "grayscale-<percent>"] }],
   [/^(?:(backdrop-)|filter-)?hue-rotate-(.+)$/, toFilter("hue-rotate", (s) => h.bracket.cssvar.degree(s))],
@@ -716,7 +716,7 @@ const divides = [
   [/^divide-(block|inline)-(-?.+)$/, handlerDivide],
   [/^divide-(block|inline)-reverse$/, ([, d]) => ({ [`--un-divide-${d}-reverse`]: 1 })],
   // color & opacity
-  [/^divide-(.+)$/, colorResolver("border-color", "divide"), { autocomplete: "divide-$colors" }],
+  [/^divide-(.+)$/, colorResolver("border-color", "divide", "borderColor"), { autocomplete: "divide-$colors" }],
   [/^divide-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-divide-opacity": h.bracket.percent(opacity) }), { autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }],
   // styles
   ...borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
@@ -853,7 +853,7 @@ const scrolls = [
 const placeholders = [
   // The prefix `$ ` is intentional. This rule is not to be matched directly from user-generated token.
   // See variants/placeholder.
-  [/^\$ placeholder-(.+)$/, colorResolver("color", "placeholder"), { autocomplete: "placeholder-$colors" }],
+  [/^\$ placeholder-(.+)$/, colorResolver("color", "placeholder", "accentColor"), { autocomplete: "placeholder-$colors" }],
   [/^\$ placeholder-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-placeholder-opacity": h.bracket.percent(opacity) }), { autocomplete: ["placeholder-(op|opacity)", "placeholder-(op|opacity)-<percent>"] }]
 ];
 
@@ -1217,7 +1217,7 @@ const placeholderModifier = (input, { theme }) => {
   const m = input.match(/^(.*)\b(placeholder-)(.+)$/);
   if (m) {
     const [, pre = "", p, body] = m;
-    if (hasParseableColor(body, theme) || hasOpacityValue(body)) {
+    if (hasParseableColor(body, theme, "accentColor") || hasOpacityValue(body)) {
       return {
         // Append `placeholder-$ ` (with space!) to the rule to be matched.
         // The `placeholder-` is added for placeholder variant processing, and

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.57.5",
+  "version": "0.57.6",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -35,9 +35,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "0.57.5",
-    "@unocss/preset-mini": "0.57.5",
-    "@unocss/rule-utils": "0.57.5"
+    "@unocss/core": "0.57.6",
+    "@unocss/preset-mini": "0.57.6",
+    "@unocss/rule-utils": "0.57.6"
   },
   "scripts": {
     "build": "unbuild",