@unocss/preset-wind 0.56.5 → 0.57.0

package/dist/index.cjs

@@ -88,7 +88,7 @@ const animations = [
 function bgGradientToValue(cssColor) {
   if (cssColor)
     return ruleUtils.colorToString(cssColor, 0);
-  return "rgba(255,255,255,0)";
+  return "rgb(255 255 255 / 0)";
 }
 function bgGradientColorValue(mode, cssColor, color, alpha) {
   if (cssColor) {
@@ -162,7 +162,7 @@ const backgroundStyles = [
   [/^(from|via|to)-([\d\.]+)%$/, bgGradientPositionResolver()],
   // images
   [/^bg-gradient-((?:repeating-)?(?:linear|radial|conic))$/, ([, s]) => ({
-    "background-image": `${s}-gradient(var(--un-gradient, var(--un-gradient-stops, rgba(255, 255, 255, 0))))`
+    "background-image": `${s}-gradient(var(--un-gradient, var(--un-gradient-stops, rgb(255 255 255 / 0))))`
   }), { autocomplete: ["bg-gradient-repeating", "bg-gradient-(linear|radial|conic)", "bg-gradient-repeating-(linear|radial|conic)"] }],
   // ignore any center position
   [/^bg-gradient-to-([rltb]{1,2})$/, ([, d]) => {
@@ -350,8 +350,8 @@ const container = [
         if (core.isString(query)) {
           const match = query.match(queryMatcher)?.[1];
           if (match) {
-            const bp = utils.resolveBreakpoints(context) ?? {};
-            const matchBp = Object.keys(bp).find((key) => bp[key] === match);
+            const bp = utils.resolveBreakpoints(context) ?? [];
+            const matchBp = bp.find((i) => i.size === match)?.point;
             if (!themeMaxWidth)
               maxWidth = match;
             else if (matchBp)
@@ -381,7 +381,7 @@ const container = [
 ];
 const containerShortcuts = [
   [/^(?:(\w+)[:-])?container$/, ([, bp], context) => {
-    let points = Object.keys(utils.resolveBreakpoints(context) ?? {});
+    let points = (utils.resolveBreakpoints(context) ?? []).map((i) => i.point);
     if (bp) {
       if (!points.includes(bp))
         return;
@@ -514,8 +514,8 @@ const filters = [
 ];
 
 const spaces = [
-  [/^space-?([xy])-?(-?.+)$/, handlerSpace, { autocomplete: ["space-(x|y|block|inline)", "space-(x|y|block|inline)-reverse", "space-(x|y|block|inline)-$spacing"] }],
-  [/^space-?([xy])-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })],
+  [/^space-([xy])-(-?.+)$/, handlerSpace, { autocomplete: ["space-(x|y|block|inline)", "space-(x|y|block|inline)-reverse", "space-(x|y|block|inline)-$spacing"] }],
+  [/^space-([xy])-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })],
   [/^space-(block|inline)-(-?.+)$/, handlerSpace],
   [/^space-(block|inline)-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })]
 ];
@@ -1157,8 +1157,8 @@ const theme = {
     low_contrast: "(prefers-contrast: low)",
     opacity_ok: "(prefers-reduced-transparency: no-preference)",
     opacity_not_ok: "(prefers-reduced-transparency: reduce)",
-    useData_ok: "(prefers-reduced-data: no-preference)",
-    useData_not_ok: "(prefers-reduced-data: reduce)",
+    use_data_ok: "(prefers-reduced-data: no-preference)",
+    use_data_not_ok: "(prefers-reduced-data: reduce)",
     touch: "(hover: none) and (pointer: coarse)",
     stylus: "(hover: none) and (pointer: fine)",
     pointer: "(hover) and (pointer: coarse)",
@@ -1218,7 +1218,7 @@ const variantOrientations = [
 const variantSpaceAndDivide = (matcher) => {
   if (matcher.startsWith("_"))
     return;
-  if (/space-?([xy])-?(-?.+)$/.test(matcher) || /divide-/.test(matcher)) {
+  if (/space-([xy])-(-?.+)$/.test(matcher) || /divide-/.test(matcher)) {
     return {
       matcher,
       selector: (input) => {

package/dist/index.mjs

@@ -72,7 +72,7 @@ const animations = [
 function bgGradientToValue(cssColor) {
   if (cssColor)
     return colorToString(cssColor, 0);
-  return "rgba(255,255,255,0)";
+  return "rgb(255 255 255 / 0)";
 }
 function bgGradientColorValue(mode, cssColor, color, alpha) {
   if (cssColor) {
@@ -146,7 +146,7 @@ const backgroundStyles = [
   [/^(from|via|to)-([\d\.]+)%$/, bgGradientPositionResolver()],
   // images
   [/^bg-gradient-((?:repeating-)?(?:linear|radial|conic))$/, ([, s]) => ({
-    "background-image": `${s}-gradient(var(--un-gradient, var(--un-gradient-stops, rgba(255, 255, 255, 0))))`
+    "background-image": `${s}-gradient(var(--un-gradient, var(--un-gradient-stops, rgb(255 255 255 / 0))))`
   }), { autocomplete: ["bg-gradient-repeating", "bg-gradient-(linear|radial|conic)", "bg-gradient-repeating-(linear|radial|conic)"] }],
   // ignore any center position
   [/^bg-gradient-to-([rltb]{1,2})$/, ([, d]) => {
@@ -334,8 +334,8 @@ const container = [
         if (isString(query)) {
           const match = query.match(queryMatcher)?.[1];
           if (match) {
-            const bp = resolveBreakpoints(context) ?? {};
-            const matchBp = Object.keys(bp).find((key) => bp[key] === match);
+            const bp = resolveBreakpoints(context) ?? [];
+            const matchBp = bp.find((i) => i.size === match)?.point;
             if (!themeMaxWidth)
               maxWidth = match;
             else if (matchBp)
@@ -365,7 +365,7 @@ const container = [
 ];
 const containerShortcuts = [
   [/^(?:(\w+)[:-])?container$/, ([, bp], context) => {
-    let points = Object.keys(resolveBreakpoints(context) ?? {});
+    let points = (resolveBreakpoints(context) ?? []).map((i) => i.point);
     if (bp) {
       if (!points.includes(bp))
         return;
@@ -498,8 +498,8 @@ const filters = [
 ];
 
 const spaces = [
-  [/^space-?([xy])-?(-?.+)$/, handlerSpace, { autocomplete: ["space-(x|y|block|inline)", "space-(x|y|block|inline)-reverse", "space-(x|y|block|inline)-$spacing"] }],
-  [/^space-?([xy])-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })],
+  [/^space-([xy])-(-?.+)$/, handlerSpace, { autocomplete: ["space-(x|y|block|inline)", "space-(x|y|block|inline)-reverse", "space-(x|y|block|inline)-$spacing"] }],
+  [/^space-([xy])-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })],
   [/^space-(block|inline)-(-?.+)$/, handlerSpace],
   [/^space-(block|inline)-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })]
 ];
@@ -1141,8 +1141,8 @@ const theme = {
     low_contrast: "(prefers-contrast: low)",
     opacity_ok: "(prefers-reduced-transparency: no-preference)",
     opacity_not_ok: "(prefers-reduced-transparency: reduce)",
-    useData_ok: "(prefers-reduced-data: no-preference)",
-    useData_not_ok: "(prefers-reduced-data: reduce)",
+    use_data_ok: "(prefers-reduced-data: no-preference)",
+    use_data_not_ok: "(prefers-reduced-data: reduce)",
     touch: "(hover: none) and (pointer: coarse)",
     stylus: "(hover: none) and (pointer: fine)",
     pointer: "(hover) and (pointer: coarse)",
@@ -1202,7 +1202,7 @@ const variantOrientations = [
 const variantSpaceAndDivide = (matcher) => {
   if (matcher.startsWith("_"))
     return;
-  if (/space-?([xy])-?(-?.+)$/.test(matcher) || /divide-/.test(matcher)) {
+  if (/space-([xy])-(-?.+)$/.test(matcher) || /divide-/.test(matcher)) {
     return {
       matcher,
       selector: (input) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.56.5",
+  "version": "0.57.0",
   "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.56.5",
-    "@unocss/preset-mini": "0.56.5",
-    "@unocss/rule-utils": "0.56.5"
+    "@unocss/core": "0.57.0",
+    "@unocss/preset-mini": "0.57.0",
+    "@unocss/rule-utils": "0.57.0"
   },
   "scripts": {
     "build": "unbuild",