@unocss/preset-mini 0.15.1 → 0.15.5

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,12 +354,15 @@ 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
       };
     }
@@ -802,6 +807,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 +825,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 +835,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,12 +352,15 @@ 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
       };
     }
@@ -800,6 +805,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 +823,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 +833,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

@@ -36,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;
@@ -50,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;

package/dist/chunks/index.mjs

@@ -34,9 +34,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 +51,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;

package/package.json

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