@unocss/preset-mini 0.28.0 → 0.28.3

package/dist/chunks/default2.cjs

@@ -180,11 +180,11 @@ const flex = [
   ["flex", { display: "flex" }],
   ["inline-flex", { display: "inline-flex" }],
   ["flex-inline", { display: "inline-flex" }],
+  [/^flex-(.*)$/, ([, d]) => ({ flex: utilities.handler.bracket(d) != null ? utilities.handler.bracket(d).split(" ").map((e) => utilities.handler.cssvar.fraction(e) ?? e).join(" ") : utilities.handler.cssvar.fraction(d) })],
   ["flex-1", { flex: "1 1 0%" }],
   ["flex-auto", { flex: "1 1 auto" }],
   ["flex-initial", { flex: "0 1 auto" }],
   ["flex-none", { flex: "none" }],
-  [/^flex-(\[.+\])$/, ([, d]) => ({ flex: utilities.handler.bracket(d).replace(/\d+\/\d+/, ($1) => utilities.handler.fraction($1)) })],
   [/^(?:flex-)?shrink$/, () => ({ "flex-shrink": 1 })],
   [/^(?:flex-)?shrink-0$/, () => ({ "flex-shrink": 0 })],
   [/^(?:flex-)?grow$/, () => ({ "flex-grow": 1 })],
@@ -781,7 +781,6 @@ const variablesAbbrMap = {
   break: "word-break",
   case: "text-transform",
   content: "align-content",
-  flex: "flex",
   fw: "font-weight",
   items: "align-items",
   justify: "justify-content",

package/dist/chunks/default2.mjs

@@ -178,11 +178,11 @@ const flex = [
   ["flex", { display: "flex" }],
   ["inline-flex", { display: "inline-flex" }],
   ["flex-inline", { display: "inline-flex" }],
+  [/^flex-(.*)$/, ([, d]) => ({ flex: handler.bracket(d) != null ? handler.bracket(d).split(" ").map((e) => handler.cssvar.fraction(e) ?? e).join(" ") : handler.cssvar.fraction(d) })],
   ["flex-1", { flex: "1 1 0%" }],
   ["flex-auto", { flex: "1 1 auto" }],
   ["flex-initial", { flex: "0 1 auto" }],
   ["flex-none", { flex: "none" }],
-  [/^flex-(\[.+\])$/, ([, d]) => ({ flex: handler.bracket(d).replace(/\d+\/\d+/, ($1) => handler.fraction($1)) })],
   [/^(?:flex-)?shrink$/, () => ({ "flex-shrink": 1 })],
   [/^(?:flex-)?shrink-0$/, () => ({ "flex-shrink": 0 })],
   [/^(?:flex-)?grow$/, () => ({ "flex-grow": 1 })],
@@ -779,7 +779,6 @@ const variablesAbbrMap = {
   break: "word-break",
   case: "text-transform",
   content: "align-content",
-  flex: "flex",
   fw: "font-weight",
   items: "align-items",
   justify: "justify-content",

package/dist/chunks/default3.cjs

@@ -4,6 +4,12 @@ const variants$1 = require('./variants.cjs');
 const core = require('@unocss/core');
 
 const regexCache = {};
+const calcMaxWidthBySize = (size) => {
+  const value = size.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
+  const unit = size.slice(value.length);
+  const maxWidth = parseFloat(value) - 0.1;
+  return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
+};
 const variantBreakpoints = (matcher, { theme }) => {
   const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
   for (const [point, size, idx] of variantEntries) {
@@ -16,23 +22,26 @@ const variantBreakpoints = (matcher, { theme }) => {
     const m = matcher.slice(pre.length);
     if (m === "container")
       continue;
-    let direction = "min";
+    const isLtPrefix = pre.startsWith("lt-");
+    const isAtPrefix = pre.startsWith("at-");
     let order = 1e3;
-    if (pre.startsWith("lt-")) {
-      direction = "max";
+    if (isLtPrefix) {
       order -= idx + 1;
-    } else {
-      order += idx + 1;
+      return {
+        matcher: m,
+        parent: [`@media (max-width: ${calcMaxWidthBySize(size)})`, order]
+      };
     }
-    if (pre.startsWith("at-") && idx < variantEntries.length - 1) {
+    order += idx + 1;
+    if (isAtPrefix && idx < variantEntries.length - 1) {
       return {
         matcher: m,
-        parent: [`@media (min-width: ${size}) and (max-width: ${variantEntries[idx + 1][1]})`, order]
+        parent: [`@media (min-width: ${size}) and (max-width: ${calcMaxWidthBySize(variantEntries[idx + 1][1])})`, order]
       };
     }
     return {
       matcher: m,
-      parent: [`@media (${direction}-width: ${size})`, order]
+      parent: [`@media (min-width: ${size})`, order]
     };
   }
 };

package/dist/chunks/default3.mjs

@@ -2,6 +2,12 @@ import { v as variantParentMatcher, a as variantMatcher } from './variants.mjs';
 import { toArray, escapeRegExp } from '@unocss/core';
 
 const regexCache = {};
+const calcMaxWidthBySize = (size) => {
+  const value = size.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
+  const unit = size.slice(value.length);
+  const maxWidth = parseFloat(value) - 0.1;
+  return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
+};
 const variantBreakpoints = (matcher, { theme }) => {
   const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
   for (const [point, size, idx] of variantEntries) {
@@ -14,23 +20,26 @@ const variantBreakpoints = (matcher, { theme }) => {
     const m = matcher.slice(pre.length);
     if (m === "container")
       continue;
-    let direction = "min";
+    const isLtPrefix = pre.startsWith("lt-");
+    const isAtPrefix = pre.startsWith("at-");
     let order = 1e3;
-    if (pre.startsWith("lt-")) {
-      direction = "max";
+    if (isLtPrefix) {
       order -= idx + 1;
-    } else {
-      order += idx + 1;
+      return {
+        matcher: m,
+        parent: [`@media (max-width: ${calcMaxWidthBySize(size)})`, order]
+      };
     }
-    if (pre.startsWith("at-") && idx < variantEntries.length - 1) {
+    order += idx + 1;
+    if (isAtPrefix && idx < variantEntries.length - 1) {
       return {
         matcher: m,
-        parent: [`@media (min-width: ${size}) and (max-width: ${variantEntries[idx + 1][1]})`, order]
+        parent: [`@media (min-width: ${size}) and (max-width: ${calcMaxWidthBySize(variantEntries[idx + 1][1])})`, order]
       };
     }
     return {
       matcher: m,
-      parent: [`@media (${direction}-width: ${size})`, order]
+      parent: [`@media (min-width: ${size})`, order]
     };
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.28.0",
+  "version": "0.28.3",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@unocss/core": "0.28.0"
+    "@unocss/core": "0.28.3"
   },
   "scripts": {
     "build": "unbuild",