@unocss/preset-mini 0.19.0 → 0.20.4

package/dist/chunks/utilities.mjs

@@ -33,6 +33,31 @@ const xyzMap = {
   "z": ["-z"],
   "": ["-x", "-y"]
 };
+const basePositionMap = [
+  "top",
+  "top center",
+  "top left",
+  "top right",
+  "bottom",
+  "bottom center",
+  "bottom left",
+  "bottom right",
+  "left",
+  "left center",
+  "left top",
+  "left bottom",
+  "right",
+  "right center",
+  "right top",
+  "right bottom",
+  "center",
+  "center top",
+  "center bottom",
+  "center left",
+  "center right",
+  "center center"
+];
+const positionMap = Object.assign({}, ...basePositionMap.map((p) => ({ [p.replace(/ /, "-")]: p })), ...basePositionMap.map((p) => ({ [p.replace(/\b(\w)\w+/g, "$1").replace(/ /, "")]: p })));
 
 const cssBasicProps = [
   "color",
@@ -91,13 +116,17 @@ const cssProps = [
 const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax)?$/i;
 const numberRE = /^(-?[0-9.]+)$/i;
 const unitOnlyRE = /^(px)$/i;
+function round(n) {
+  return n.toFixed(10).replace(/\.0+$/, "").replace(/(\.\d+?)0+$/, "$1");
+}
 function numberWithUnit(str) {
   const match = str.match(numberWithUnitRE);
   if (!match)
     return;
-  const [, , unit] = match;
-  if (unit)
-    return str;
+  const [, n, unit] = match;
+  const num = parseFloat(n);
+  if (unit && !Number.isNaN(num))
+    return `${round(num)}${unit}`;
 }
 function auto(str) {
   if (str === "auto" || str === "a")
@@ -110,11 +139,9 @@ function rem(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  if (unit)
-    return str;
   const num = parseFloat(n);
   if (!Number.isNaN(num))
-    return `${num / 4}rem`;
+    return unit ? `${round(num)}${unit}` : `${round(num / 4)}rem`;
 }
 function px(str) {
   if (str.match(unitOnlyRE))
@@ -123,25 +150,23 @@ function px(str) {
   if (!match)
     return;
   const [, n, unit] = match;
-  if (unit)
-    return str;
   const num = parseFloat(n);
   if (!Number.isNaN(num))
-    return `${num}px`;
+    return unit ? `${round(num)}${unit}` : `${round(num)}px`;
 }
 function number(str) {
   if (!numberRE.test(str))
     return;
   const num = parseFloat(str);
   if (!Number.isNaN(num))
-    return num;
+    return round(num);
 }
 function percent(str) {
   if (str.endsWith("%"))
     str = str.slice(0, -1);
   const num = parseFloat(str);
   if (!Number.isNaN(num))
-    return `${num / 100}`;
+    return `${round(num / 100)}`;
 }
 function fraction(str) {
   if (str === "full")
@@ -149,7 +174,7 @@ function fraction(str) {
   const [left, right] = str.split("/");
   const num = parseFloat(left) / parseFloat(right);
   if (!Number.isNaN(num))
-    return `${num * 100}%`;
+    return `${round(num * 100)}%`;
 }
 function bracket(str) {
   if (str && str[0] === "[" && str[str.length - 1] === "]") {
@@ -163,20 +188,19 @@ function cssvar(str) {
     return `var(--${str.slice(1)})`;
 }
 function time(str) {
-  const duration = Number(str.replace(/(s|ms)$/, ""));
-  if (isNaN(duration))
+  const match = str.match(/^(-?[0-9.]+)(s|ms)?$/i);
+  if (!match)
     return;
-  if (/(s|ms)$/.test(str))
-    return str;
-  return `${str}ms`;
+  const [, n, unit] = match;
+  const num = parseFloat(n);
+  if (!Number.isNaN(num))
+    return unit ? `${round(num)}${unit}` : `${round(num)}ms`;
 }
 function global(str) {
   if (["inherit", "initial", "revert", "unset"].includes(str))
     return str;
 }
 function properties(str) {
-  if (str === void 0)
-    return;
   for (const prop of str.split(",")) {
     if (!cssProps.includes(prop))
       return;
@@ -223,8 +247,10 @@ const parseColor = (body, theme) => {
   const bracketOrMain = bracket || main;
   if (bracketOrMain.startsWith("#"))
     color = bracketOrMain.slice(1);
-  if (bracketOrMain.startsWith("hex-"))
+  else if (bracketOrMain.startsWith("hex-"))
     color = bracketOrMain.slice(4);
+  else if (main.startsWith("$"))
+    color = handler.cssvar(main);
   color = color || bracket;
   let no = "DEFAULT";
   if (!color) {
@@ -245,39 +271,48 @@ const parseColor = (body, theme) => {
     else if (no && colorData)
       color = colorData[no];
   }
+  const rgba = hex2rgba(color);
+  const alpha = opacity ? opacity[0] === "[" ? handler.bracket.percent(opacity) : parseFloat(opacity) / 100 : rgba?.[3];
+  const hasAlpha = alpha != null && !Number.isNaN(alpha);
+  if (rgba) {
+    if (hasAlpha) {
+      rgba[3] = typeof alpha === "string" && !alpha.includes("%") ? parseFloat(alpha) : alpha;
+    } else {
+      rgba.splice(3);
+    }
+  }
   return {
     opacity,
     name,
     no,
     color,
-    rgba: hex2rgba(color)
+    rgba,
+    alpha: hasAlpha ? alpha : void 0
   };
 };
 const colorResolver = (property, varName) => ([, body], { theme }) => {
   const data = parseColor(body, theme);
   if (!data)
     return;
-  const { opacity, color, rgba } = data;
+  const { alpha, opacity, color, rgba } = data;
   if (!color)
     return;
-  const a = opacity ? opacity[0] === "[" ? handler.bracket.percent(opacity) : parseFloat(opacity) / 100 : rgba?.[3];
   if (rgba) {
-    if (a != null && !Number.isNaN(a)) {
-      rgba[3] = typeof a === "string" && !a.includes("%") ? parseFloat(a) : a;
+    if (alpha != null) {
       return {
         [property]: `rgba(${rgba.join(",")})`
       };
     } else {
       return {
-        [`--un-${varName}-opacity`]: 1,
-        [property]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-${varName}-opacity))`
+        [`--un-${varName}-opacity`]: (opacity && handler.cssvar(opacity)) ?? 1,
+        [property]: `rgba(${rgba.join(",")},var(--un-${varName}-opacity))`
       };
     }
   } else {
     return {
-      [property]: color.replace("%alpha", `${a || 1}`)
+      [property]: color.replace("%alpha", `${alpha || 1}`)
     };
   }
 };
 
-export { cornerMap as a, capitalize as b, colorResolver as c, directionMap as d, directionSize as e, h as f, handler as h, parseColor as p, valueHandlers as v, xyzMap as x };
+export { cornerMap as a, capitalize as b, colorResolver as c, directionMap as d, directionSize as e, positionMap as f, h as g, handler as h, parseColor as p, valueHandlers as v, xyzMap as x };

package/dist/chunks/variants.cjs

@@ -1,16 +1,31 @@
 'use strict';
 
+const core = require('@unocss/core');
+
 const variantMatcher = (name, selector) => {
-  const re = new RegExp(`^(${name})[:-]`);
+  const re = new RegExp(`^${core.escapeRegExp(name)}[:-]`);
   return (input) => {
     const match = input.match(re);
     if (match) {
       return {
-        matcher: input.slice(match[1].length + 1),
+        matcher: input.slice(match[0].length),
         selector
       };
     }
   };
 };
+const variantParentMatcher = (name, parent) => {
+  const re = new RegExp(`^${core.escapeRegExp(name)}[:-]`);
+  return (input) => {
+    const match = input.match(re);
+    if (match) {
+      return {
+        matcher: input.slice(match[0].length),
+        parent
+      };
+    }
+  };
+};
 
 exports.variantMatcher = variantMatcher;
+exports.variantParentMatcher = variantParentMatcher;

package/dist/chunks/variants.mjs

@@ -1,14 +1,28 @@
+import { escapeRegExp } from '@unocss/core';
+
 const variantMatcher = (name, selector) => {
-  const re = new RegExp(`^(${name})[:-]`);
+  const re = new RegExp(`^${escapeRegExp(name)}[:-]`);
   return (input) => {
     const match = input.match(re);
     if (match) {
       return {
-        matcher: input.slice(match[1].length + 1),
+        matcher: input.slice(match[0].length),
         selector
       };
     }
   };
 };
+const variantParentMatcher = (name, parent) => {
+  const re = new RegExp(`^${escapeRegExp(name)}[:-]`);
+  return (input) => {
+    const match = input.match(re);
+    if (match) {
+      return {
+        matcher: input.slice(match[0].length),
+        parent
+      };
+    }
+  };
+};
 
-export { variantMatcher as v };
+export { variantParentMatcher as a, variantMatcher as v };

package/dist/index.cjs

@@ -14,15 +14,24 @@ require('./chunks/variants.cjs');
 const presetMini = (options = {}) => {
   options.dark = options.dark ?? "class";
   options.attributifyPseudo = options.attributifyPseudo ?? false;
-  options.variablePrefix = options.variablePrefix ?? "un-";
   return {
     name: "@unocss/preset-mini",
     theme: _default.theme,
     rules: _default$1.rules,
     variants: _default$2.variants,
-    options
+    options,
+    postprocess: options.variablePrefix && options.variablePrefix !== "un-" ? VarPrefixPostprocessor(options.variablePrefix) : void 0
   };
 };
+function VarPrefixPostprocessor(prefix) {
+  return (obj) => {
+    obj.entries.forEach((i) => {
+      i[0] = i[0].replace(/^--un-/, `--${prefix}`);
+      if (typeof i[1] === "string")
+        i[1] = i[1].replace(/var\(--un-/g, `var(--${prefix}`);
+    });
+  };
+}
 
 exports.theme = _default.theme;
 exports.colors = colors.colors;

package/dist/index.mjs

@@ -11,14 +11,23 @@ import './chunks/variants.mjs';
 const presetMini = (options = {}) => {
   options.dark = options.dark ?? "class";
   options.attributifyPseudo = options.attributifyPseudo ?? false;
-  options.variablePrefix = options.variablePrefix ?? "un-";
   return {
     name: "@unocss/preset-mini",
     theme,
     rules,
     variants,
-    options
+    options,
+    postprocess: options.variablePrefix && options.variablePrefix !== "un-" ? VarPrefixPostprocessor(options.variablePrefix) : void 0
   };
 };
+function VarPrefixPostprocessor(prefix) {
+  return (obj) => {
+    obj.entries.forEach((i) => {
+      i[0] = i[0].replace(/^--un-/, `--${prefix}`);
+      if (typeof i[1] === "string")
+        i[1] = i[1].replace(/var\(--un-/g, `var(--${prefix}`);
+    });
+  };
+}
 
 export { presetMini as default, presetMini };

package/dist/rules.cjs

@@ -59,7 +59,6 @@ exports.transforms = _default.transforms;
 exports.transitions = _default.transitions;
 exports.userSelects = _default.userSelects;
 exports.varEmpty = _default.varEmpty;
-exports.varEmptyFn = _default.varEmptyFn;
 exports.verticalAligns = _default.verticalAligns;
 exports.whitespaces = _default.whitespaces;
 exports.willChange = _default.willChange;

package/dist/rules.d.ts

@@ -57,7 +57,6 @@ declare const aspectRatio: Rule[];
 declare const paddings: Rule[];
 declare const margins: Rule[];
 
-declare const varEmptyFn: (prefix: string) => `var(--${string}empty,/*!*/ /*!*/)`;
 declare const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 declare const displays: Rule[];
 declare const appearances: Rule[];
@@ -89,4 +88,4 @@ declare const cssVariables: Rule[];
 
 declare const textDecorations: Rule[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borders, boxShadows, boxSizing, breaks, contents, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, varEmptyFn, verticalAligns, whitespaces, willChange, zIndexes };
+export { alignments, appearance, appearances, aspectRatio, bgColors, borders, boxShadows, boxSizing, breaks, contents, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { l as alignments, a as appearance, H as appearances, B as aspectRatio, e as bgColors, b as borders, y as boxShadows, s as boxSizing, O as breaks, N as contents, $ as cssVariables, I as cursors, G as displays, f as flex, q as floats, S as fontSmoothings, R as fontStyles, W as fonts, g as gaps, h as grids, n as insets, j as justifies, D as margins, c as opacity, k as orders, o as outline, i as overflows, C as paddings, m as placements, J as pointerEvents, p as positions, u as questionMark, K as resizes, x as rings, r as rules, A as sizes, T as svgUtilities, X as tabSizes, t as textAligns, d as textColors, a0 as textDecorations, Y as textIndents, P as textOverflows, _ as textShadows, Z as textStrokes, Q as textTransforms, U as transforms, V as transitions, L as userSelects, F as varEmpty, E as varEmptyFn, v as verticalAligns, M as whitespaces, w as willChange, z as zIndexes } from './chunks/default2.mjs';
+export { l as alignments, a as appearance, G as appearances, B as aspectRatio, e as bgColors, b as borders, y as boxShadows, s as boxSizing, N as breaks, M as contents, _ as cssVariables, H as cursors, F as displays, f as flex, q as floats, R as fontSmoothings, Q as fontStyles, V as fonts, g as gaps, h as grids, n as insets, j as justifies, D as margins, c as opacity, k as orders, o as outline, i as overflows, C as paddings, m as placements, I as pointerEvents, p as positions, u as questionMark, J as resizes, x as rings, r as rules, A as sizes, S as svgUtilities, W as tabSizes, t as textAligns, d as textColors, $ as textDecorations, X as textIndents, O as textOverflows, Z as textShadows, Y as textStrokes, P as textTransforms, T as transforms, U as transitions, K as userSelects, E as varEmpty, v as verticalAligns, L as whitespaces, w as willChange, z as zIndexes } from './chunks/default2.mjs';
 import './chunks/utilities.mjs';
 import '@unocss/core';
 import './chunks/pseudo.mjs';

package/dist/utils.cjs

@@ -16,6 +16,8 @@ exports.directionSize = utilities.directionSize;
 exports.h = utilities.h;
 exports.handler = utilities.handler;
 exports.parseColor = utilities.parseColor;
+exports.positionMap = utilities.positionMap;
 exports.valueHandlers = utilities.valueHandlers;
 exports.xyzMap = utilities.xyzMap;
 exports.variantMatcher = variants.variantMatcher;
+exports.variantParentMatcher = variants.variantParentMatcher;

package/dist/utils.d.ts

@@ -5,12 +5,13 @@ import { T as Theme } from './types-a2d2b52f';
 declare const directionMap: Record<string, string[]>;
 declare const cornerMap: Record<string, string[]>;
 declare const xyzMap: Record<string, string[]>;
+declare const positionMap: Record<string, string>;
 
 declare function numberWithUnit(str: string): string | undefined;
 declare function auto(str: string): "auto" | undefined;
 declare function rem(str: string): string | undefined;
 declare function px(str: string): string | undefined;
-declare function number(str: string): number | undefined;
+declare function number(str: string): string | undefined;
 declare function percent(str: string): string | undefined;
 declare function fraction(str: string): string | undefined;
 declare function bracket(str: string): string | undefined;
@@ -52,6 +53,7 @@ declare const handler: _unocss_core.ValueHandler<"number" | "auto" | "numberWith
 declare const h: _unocss_core.ValueHandler<"number" | "auto" | "numberWithUnit" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global" | "properties">;
 
 declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => (input: string) => VariantHandler | undefined;
+declare const variantParentMatcher: (name: string, parent: string) => (input: string) => VariantHandler | undefined;
 
 declare function capitalize<T extends string>(str: T): Capitalize<T>;
 /**
@@ -105,4 +107,4 @@ declare const parseColor: (body: string, theme: Theme) => ParsedColorValue | und
  */
 declare const colorResolver: (property: string, varName: string) => DynamicMatcher;
 
-export { capitalize, colorResolver, cornerMap, directionMap, directionSize, h, handler, parseColor, handlers as valueHandlers, variantMatcher, xyzMap };
+export { capitalize, colorResolver, cornerMap, directionMap, directionSize, h, handler, parseColor, positionMap, handlers as valueHandlers, variantMatcher, variantParentMatcher, xyzMap };

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { b as capitalize, c as colorResolver, a as cornerMap, d as directionMap, e as directionSize, f as h, h as handler, p as parseColor, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
-export { v as variantMatcher } from './chunks/variants.mjs';
+export { b as capitalize, c as colorResolver, a as cornerMap, d as directionMap, e as directionSize, g as h, h as handler, p as parseColor, f as positionMap, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
+export { v as variantMatcher, a as variantParentMatcher } from './chunks/variants.mjs';
 import '@unocss/core';

package/dist/variants.cjs

@@ -13,8 +13,11 @@ exports.variantBreakpoints = _default.variantBreakpoints;
 exports.variantColorsMediaOrClass = _default.variantColorsMediaOrClass;
 exports.variantCombinators = _default.variantCombinators;
 exports.variantImportant = _default.variantImportant;
+exports.variantLanguageDirections = _default.variantLanguageDirections;
+exports.variantMotions = _default.variantMotions;
 exports.variantNegative = _default.variantNegative;
-exports.variantSpace = _default.variantSpace;
+exports.variantOrientations = _default.variantOrientations;
+exports.variantPrint = _default.variantPrint;
 exports.variants = _default.variants;
 exports.CONTROL_BYPASS_PSEUDO_CLASS = pseudo.CONTROL_BYPASS_PSEUDO_CLASS;
 exports.partClasses = pseudo.partClasses;

package/dist/variants.d.ts

@@ -1,3 +1,4 @@
+import * as _unocss_core from '@unocss/core';
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
 import { T as Theme } from './types-a2d2b52f';
 
@@ -7,11 +8,18 @@ declare const variantCombinators: Variant[];
 
 declare const variantColorsMediaOrClass: Variant[];
 
+declare const variantLanguageDirections: Variant[];
+
 declare const variants: Variant<Theme>[];
 
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
-declare const variantSpace: Variant;
+
+declare const variantMotions: Variant[];
+
+declare const variantOrientations: Variant[];
+
+declare const variantPrint: (input: string) => _unocss_core.VariantHandler | undefined;
 
 declare const CONTROL_BYPASS_PSEUDO_CLASS = "$$no-pseudo";
 declare const variantPseudoElements: VariantFunction;
@@ -20,4 +28,4 @@ declare const variantPseudoClassFunctions: VariantObject;
 declare const variantTaggedPseudoClasses: VariantObject;
 declare const partClasses: VariantObject;
 
-export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantNegative, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantSpace, variantTaggedPseudoClasses, variants };
+export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantLanguageDirections, variantMotions, variantNegative, variantOrientations, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantTaggedPseudoClasses, variants };

package/dist/variants.mjs

@@ -1,4 +1,4 @@
-export { a as variantBreakpoints, c as variantColorsMediaOrClass, b as variantCombinators, d as variantImportant, e as variantNegative, f as variantSpace, v as variants } from './chunks/default3.mjs';
+export { a as variantBreakpoints, c as variantColorsMediaOrClass, b as variantCombinators, e as variantImportant, d as variantLanguageDirections, g as variantMotions, f as variantNegative, h as variantOrientations, i as variantPrint, v as variants } from './chunks/default3.mjs';
 export { C as CONTROL_BYPASS_PSEUDO_CLASS, p as partClasses, a as variantPseudoClassFunctions, v as variantPseudoClasses, c as variantPseudoElements, b as variantTaggedPseudoClasses } from './chunks/pseudo.mjs';
 import './chunks/variants.mjs';
 import '@unocss/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.19.0",
+  "version": "0.20.4",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.19.0"
+    "@unocss/core": "0.20.4"
   },
   "scripts": {
     "build": "unbuild",