@unocss/preset-mini 0.15.2 → 0.15.6

package/dist/chunks/default2.cjs

@@ -25,11 +25,13 @@ const parseColorUtil = (body, theme) => {
   if (!name)
     return;
   let color;
-  const bracket = index.handler.bracket(main) || main;
-  if (bracket.startsWith("#"))
-    color = bracket.slice(1);
-  if (bracket.startsWith("hex-"))
-    color = bracket.slice(4);
+  const bracket = index.handler.bracket(main);
+  const bracketOrMain = bracket || main;
+  if (bracketOrMain.startsWith("#"))
+    color = bracketOrMain.slice(1);
+  if (bracketOrMain.startsWith("hex-"))
+    color = bracketOrMain.slice(4);
+  color = color || bracket;
   if (!color) {
     const colorData = theme.colors?.[name];
     if (typeof colorData === "string")
@@ -352,15 +354,23 @@ const weightMap = {
   black: "900"
 };
 const fontSizes = [
-  [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
-    const result = core.toArray(theme.fontSize?.[s] || index.handler.bracket.rem(s));
-    if (result?.[0]) {
-      const [size, height = "1"] = result;
+  [/^text-(.+)$/, ([, s = "base"], { theme }) => {
+    const size = index.handler.bracket.rem(s);
+    if (size)
+      return { "font-size": size };
+    const themed = core.toArray(theme.fontSize?.[s]);
+    if (themed?.[0]) {
+      const [size2, height] = themed;
       return {
-        "font-size": size,
+        "font-size": size2,
         "line-height": height
       };
     }
+  }],
+  [/^text-size-(.+)$/, ([, s]) => {
+    const raw = index.handler.bracket.rem(s);
+    if (raw)
+      return { "font-size": raw };
   }]
 ];
 const fontWeights = [
@@ -802,6 +812,14 @@ const fontSmoothings = [
   }]
 ];
 
+const transformGpu = {
+  transform: "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z))",
+  [pseudo.CONTROL_BYPASS_PSEUDO]: ""
+};
+const transformCpu = {
+  transform: "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
+  [pseudo.CONTROL_BYPASS_PSEUDO]: ""
+};
 const transformBase = {
   "--un-rotate": 0,
   "--un-scale-x": 1,
@@ -812,8 +830,7 @@ const transformBase = {
   "--un-translate-x": 0,
   "--un-translate-y": 0,
   "--un-translate-z": 0,
-  "transform": "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
-  [pseudo.CONTROL_BYPASS_PSEUDO]: ""
+  ...transformCpu
 };
 const transforms = [
   ["transform", transformBase],
@@ -823,6 +840,9 @@ const transforms = [
   [/^scale()-([^-]+)$/, handleScale],
   [/^scale-([xyz])-([^-]+)$/, handleScale],
   [/^rotate-([^-]+)(?:deg)?$/, handleRotate],
+  ["transform-gpu", transformGpu],
+  ["transform-cpu", transformCpu],
+  ["transform-none", { transform: "none" }],
   ["origin-center", { "transform-origin": "center" }],
   ["origin-top", { "transform-origin": "top" }],
   ["origin-top-right", { "transform-origin": "top right" }],

package/dist/chunks/default2.mjs

@@ -23,11 +23,13 @@ const parseColorUtil = (body, theme) => {
   if (!name)
     return;
   let color;
-  const bracket = handler.bracket(main) || main;
-  if (bracket.startsWith("#"))
-    color = bracket.slice(1);
-  if (bracket.startsWith("hex-"))
-    color = bracket.slice(4);
+  const bracket = handler.bracket(main);
+  const bracketOrMain = bracket || main;
+  if (bracketOrMain.startsWith("#"))
+    color = bracketOrMain.slice(1);
+  if (bracketOrMain.startsWith("hex-"))
+    color = bracketOrMain.slice(4);
+  color = color || bracket;
   if (!color) {
     const colorData = theme.colors?.[name];
     if (typeof colorData === "string")
@@ -350,15 +352,23 @@ const weightMap = {
   black: "900"
 };
 const fontSizes = [
-  [/^text-([^-]+)$/, ([, s = "base"], { theme }) => {
-    const result = toArray(theme.fontSize?.[s] || handler.bracket.rem(s));
-    if (result?.[0]) {
-      const [size, height = "1"] = result;
+  [/^text-(.+)$/, ([, s = "base"], { theme }) => {
+    const size = handler.bracket.rem(s);
+    if (size)
+      return { "font-size": size };
+    const themed = toArray(theme.fontSize?.[s]);
+    if (themed?.[0]) {
+      const [size2, height] = themed;
       return {
-        "font-size": size,
+        "font-size": size2,
         "line-height": height
       };
     }
+  }],
+  [/^text-size-(.+)$/, ([, s]) => {
+    const raw = handler.bracket.rem(s);
+    if (raw)
+      return { "font-size": raw };
   }]
 ];
 const fontWeights = [
@@ -800,6 +810,14 @@ const fontSmoothings = [
   }]
 ];
 
+const transformGpu = {
+  transform: "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z))",
+  [CONTROL_BYPASS_PSEUDO]: ""
+};
+const transformCpu = {
+  transform: "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
+  [CONTROL_BYPASS_PSEUDO]: ""
+};
 const transformBase = {
   "--un-rotate": 0,
   "--un-scale-x": 1,
@@ -810,8 +828,7 @@ const transformBase = {
   "--un-translate-x": 0,
   "--un-translate-y": 0,
   "--un-translate-z": 0,
-  "transform": "rotate(var(--un-rotate)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z))",
-  [CONTROL_BYPASS_PSEUDO]: ""
+  ...transformCpu
 };
 const transforms = [
   ["transform", transformBase],
@@ -821,6 +838,9 @@ const transforms = [
   [/^scale()-([^-]+)$/, handleScale],
   [/^scale-([xyz])-([^-]+)$/, handleScale],
   [/^rotate-([^-]+)(?:deg)?$/, handleRotate],
+  ["transform-gpu", transformGpu],
+  ["transform-cpu", transformCpu],
+  ["transform-none", { transform: "none" }],
   ["origin-center", { "transform-origin": "center" }],
   ["origin-top", { "transform-origin": "top" }],
   ["origin-top-right", { "transform-origin": "top right" }],

package/dist/chunks/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+const core = require('@unocss/core');
+
 const directionMap = {
   "l": ["-left"],
   "r": ["-right"],
@@ -36,9 +38,12 @@ const xyzMap = {
 
 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 rem(str) {
   if (str === "auto" || str === "a")
     return "auto";
+  if (str.match(unitOnlyRE))
+    return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
     return;
@@ -50,6 +55,8 @@ function rem(str) {
     return `${num / 4}rem`;
 }
 function px(str) {
+  if (str.match(unitOnlyRE))
+    return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
     return;
@@ -106,7 +113,7 @@ function global(str) {
     return str;
 }
 
-const handlers = {
+const valueHandlers = {
   __proto__: null,
   rem: rem,
   px: px,
@@ -119,51 +126,17 @@ const handlers = {
   global: global
 };
 
-const handlersNames = Object.keys(handlers);
-const handler = function(str) {
-  const s = this.__options?.sequence || [];
-  this.__options.sequence = [];
-  for (const n of s) {
-    const res = handlers[n](str);
-    if (res != null)
-      return res;
-  }
-  return void 0;
-};
-function addProcessor(that, name) {
-  if (!that.__options) {
-    that.__options = {
-      sequence: []
-    };
-  }
-  that.__options.sequence.push(name);
-  return that;
-}
-handlersNames.forEach((i) => {
-  Object.defineProperty(handler, i, {
-    enumerable: true,
-    get() {
-      return addProcessor(this, i);
-    }
-  });
-});
+const handler = core.createValueHandler(valueHandlers);
+const h = handler;
 
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
 
-exports.bracket = bracket;
 exports.capitalize = capitalize;
 exports.cornerMap = cornerMap;
-exports.cssvar = cssvar;
 exports.directionMap = directionMap;
-exports.fraction = fraction;
-exports.global = global;
+exports.h = h;
 exports.handler = handler;
-exports.handlersNames = handlersNames;
-exports.number = number;
-exports.percent = percent;
-exports.px = px;
-exports.rem = rem;
-exports.time = time;
+exports.valueHandlers = valueHandlers;
 exports.xyzMap = xyzMap;

package/dist/chunks/index.mjs

@@ -1,3 +1,5 @@
+import { createValueHandler } from '@unocss/core';
+
 const directionMap = {
   "l": ["-left"],
   "r": ["-right"],
@@ -34,9 +36,12 @@ const xyzMap = {
 
 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 rem(str) {
   if (str === "auto" || str === "a")
     return "auto";
+  if (str.match(unitOnlyRE))
+    return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
     return;
@@ -48,6 +53,8 @@ function rem(str) {
     return `${num / 4}rem`;
 }
 function px(str) {
+  if (str.match(unitOnlyRE))
+    return `1${str}`;
   const match = str.match(numberWithUnitRE);
   if (!match)
     return;
@@ -104,7 +111,7 @@ function global(str) {
     return str;
 }
 
-const handlers = {
+const valueHandlers = {
   __proto__: null,
   rem: rem,
   px: px,
@@ -117,37 +124,11 @@ const handlers = {
   global: global
 };
 
-const handlersNames = Object.keys(handlers);
-const handler = function(str) {
-  const s = this.__options?.sequence || [];
-  this.__options.sequence = [];
-  for (const n of s) {
-    const res = handlers[n](str);
-    if (res != null)
-      return res;
-  }
-  return void 0;
-};
-function addProcessor(that, name) {
-  if (!that.__options) {
-    that.__options = {
-      sequence: []
-    };
-  }
-  that.__options.sequence.push(name);
-  return that;
-}
-handlersNames.forEach((i) => {
-  Object.defineProperty(handler, i, {
-    enumerable: true,
-    get() {
-      return addProcessor(this, i);
-    }
-  });
-});
+const handler = createValueHandler(valueHandlers);
+const h = handler;
 
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
 
-export { capitalize as a, percent as b, cornerMap as c, directionMap as d, bracket as e, fraction as f, cssvar as g, handler as h, global as i, handlersNames as j, number as n, px as p, rem as r, time as t, xyzMap as x };
+export { capitalize as a, h as b, cornerMap as c, directionMap as d, handler as h, valueHandlers as v, xyzMap as x };

package/dist/utils.cjs

@@ -4,22 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./chunks/index.cjs');
 const variants = require('./chunks/variants.cjs');
+require('@unocss/core');
 
 
 
-exports.bracket = index.bracket;
 exports.capitalize = index.capitalize;
 exports.cornerMap = index.cornerMap;
-exports.cssvar = index.cssvar;
 exports.directionMap = index.directionMap;
-exports.fraction = index.fraction;
-exports.global = index.global;
+exports.h = index.h;
 exports.handler = index.handler;
-exports.handlersNames = index.handlersNames;
-exports.number = index.number;
-exports.percent = index.percent;
-exports.px = index.px;
-exports.rem = index.rem;
-exports.time = index.time;
+exports.valueHandlers = index.valueHandlers;
 exports.xyzMap = index.xyzMap;
 exports.variantMatcher = variants.variantMatcher;

package/dist/utils.d.ts

@@ -1,3 +1,4 @@
+import * as _unocss_core from '@unocss/core';
 import { VariantHandler } from '@unocss/core';
 
 declare const directionMap: Record<string, string[]>;
@@ -37,20 +38,11 @@ declare namespace handlers {
   };
 }
 
-declare type HandlerName = keyof typeof handlers;
-declare const handlersNames: ("number" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global")[];
-declare type Handler = {
-    [K in HandlerName]: Handler;
-} & {
-    (str: string): string | undefined;
-    __options: {
-        sequence: HandlerName[];
-    };
-};
-declare const handler: Handler;
+declare const handler: _unocss_core.ValueHandler<"number" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global">;
+declare const h: _unocss_core.ValueHandler<"number" | "rem" | "px" | "percent" | "fraction" | "bracket" | "cssvar" | "time" | "global">;
 
 declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => (input: string) => VariantHandler | undefined;
 
 declare function capitalize<T extends string>(str: T): Capitalize<T>;
 
-export { Handler, HandlerName, bracket, capitalize, cornerMap, cssvar, directionMap, fraction, global, handler, handlersNames, number, percent, px, rem, time, variantMatcher, xyzMap };
+export { capitalize, cornerMap, directionMap, h, handler, handlers as valueHandlers, variantMatcher, xyzMap };

package/dist/utils.mjs

@@ -1,2 +1,3 @@
-export { e as bracket, a as capitalize, c as cornerMap, g as cssvar, d as directionMap, f as fraction, i as global, h as handler, j as handlersNames, n as number, b as percent, p as px, r as rem, t as time, x as xyzMap } from './chunks/index.mjs';
+export { a as capitalize, c as cornerMap, d as directionMap, b as h, h as handler, v as valueHandlers, x as xyzMap } from './chunks/index.mjs';
 export { v as variantMatcher } from './chunks/variants.mjs';
+import '@unocss/core';

package/package.json

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