@unocss/preset-mini 0.22.3 → 0.22.4

package/dist/chunks/default2.cjs

@@ -19,9 +19,9 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": utilities.handler.bracket.cssvar.auto.fraction.rem(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": utilities.handler.bracket.cssvar.fraction.rem(d) })],
   [/^outline-(?:color-)?(.+)$/, utilities.colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": utilities.handler.bracket.cssvar.auto.fraction.rem(d) })],
+  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": utilities.handler.bracket.cssvar.fraction.rem(d) })],
   ["outline", { "outline-style": "solid" }],
   [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }]
@@ -135,7 +135,7 @@ function handlerBorderOpacity([, a = "", opacity]) {
     return utilities.directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
 }
 function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
-  const v = theme.borderRadius?.[s] || utilities.handler.bracket.cssvar.auto.fraction.rem(s);
+  const v = theme.borderRadius?.[s] || utilities.handler.bracket.cssvar.fraction.rem(s);
   if (a in utilities.cornerMap && v != null)
     return utilities.cornerMap[a].map((i) => [`border${i}-radius`, v]);
 }
@@ -343,13 +343,13 @@ const fonts = [
         "line-height": height
       };
     }
-    return { "font-size": utilities.handler.bracket.auto.rem(s) };
+    return { "font-size": utilities.handler.bracket.rem(s) };
   }],
-  [/^text-size-(.+)$/, ([, s]) => ({ "font-size": utilities.handler.bracket.cssvar.auto.rem(s) })],
+  [/^text-size-(.+)$/, ([, s]) => ({ "font-size": utilities.handler.bracket.cssvar.rem(s) })],
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => ({ "font-weight": weightMap[s] || utilities.handler.number(s) })],
-  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => ({ "line-height": theme.lineHeight?.[s] || utilities.handler.bracket.auto.rem(s) })],
-  [/^tracking-([^-]+)$/, ([, s], { theme }) => ({ "letter-spacing": theme.letterSpacing?.[s] || utilities.handler.bracket.auto.rem(s) })],
-  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => ({ "word-spacing": theme.wordSpacing?.[s] || utilities.handler.bracket.auto.rem(s) })]
+  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => ({ "line-height": theme.lineHeight?.[s] || utilities.handler.bracket.rem(s) })],
+  [/^tracking-([^-]+)$/, ([, s], { theme }) => ({ "letter-spacing": theme.letterSpacing?.[s] || utilities.handler.bracket.rem(s) })],
+  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => ({ "word-spacing": theme.wordSpacing?.[s] || utilities.handler.bracket.rem(s) })]
 ];
 const tabSizes = [
   [/^tab(?:-(.+))?$/, ([, s]) => {
@@ -364,7 +364,7 @@ const tabSizes = [
   }]
 ];
 const textIndents = [
-  [/^indent(?:-(.+))?$/, ([, s], { theme }) => ({ "text-indent": theme.textIndent?.[s || "DEFAULT"] || utilities.handler.bracket.cssvar.auto.fraction.rem(s) })]
+  [/^indent(?:-(.+))?$/, ([, s], { theme }) => ({ "text-indent": theme.textIndent?.[s || "DEFAULT"] || utilities.handler.bracket.cssvar.fraction.rem(s) })]
 ];
 const textStrokes = [
   [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => ({ "-webkit-text-stroke-width": theme.textStrokeWidth?.[s || "DEFAULT"] || utilities.handler.bracket.cssvar.px(s) })],
@@ -392,7 +392,7 @@ const directions = {
   "y": "row-"
 };
 const handleGap = ([, d = "", s]) => {
-  const v = utilities.handler.bracket.cssvar.auto.rem(s);
+  const v = utilities.handler.bracket.cssvar.rem(s);
   if (v != null) {
     return {
       [`grid-${directions[d]}gap`]: v,
@@ -709,7 +709,7 @@ const transforms = [
   [/^translate-()(.+)$/, handleTranslate],
   [/^translate-([xyz])-(.+)$/, handleTranslate],
   [/^rotate-()(.+)$/, handleRotate],
-  [/^rotate(-[xyz])-(.+)$/, handleRotate],
+  [/^rotate-([xyz])-(.+)$/, handleRotate],
   [/^skew-([xy])-(.+)$/, handleSkew],
   [/^scale-()(.+)$/, handleScale],
   [/^scale-([xyz])-(.+)$/, handleScale],
@@ -747,16 +747,30 @@ function handleScale([, d, b]) {
     ];
   }
 }
-function handleRotate([, d, b]) {
+function handleRotate([, d = "", b]) {
   const v = utilities.handler.bracket.cssvar.degree(b);
   if (v != null) {
-    return [
-      transformBase,
-      {
-        [`--un-rotate${d || ""}`]: v,
-        transform: "var(--un-transform)"
-      }
-    ];
+    if (d) {
+      return [
+        transformBase,
+        {
+          "--un-rotate": 0,
+          [`--un-rotate-${d}`]: v,
+          "transform": "var(--un-transform)"
+        }
+      ];
+    } else {
+      return [
+        transformBase,
+        {
+          "--un-rotate-x": 0,
+          "--un-rotate-y": 0,
+          "--un-rotate-z": 0,
+          "--un-rotate": v,
+          "transform": "var(--un-transform)"
+        }
+      ];
+    }
   }
 }
 function handleSkew([, d, b]) {
@@ -832,7 +846,7 @@ const textDecorations = [
     }
   }],
   [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": utilities.handler.bracket.percent(opacity) })],
-  [/^underline-offset-(.+)$/, ([, s]) => ({ "text-underline-offset": utilities.handler.auto.bracket.cssvar.px(s) })],
+  [/^(?:underline|decoration)-offset-(.+)$/, ([, s]) => ({ "text-underline-offset": utilities.handler.auto.bracket.cssvar.px(s) })],
   [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d })],
   ["no-underline", { "text-decoration": "none" }],
   ["decoration-none", { "text-decoration": "none" }]

package/dist/chunks/default2.mjs

@@ -17,9 +17,9 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": handler.bracket.cssvar.auto.fraction.rem(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": handler.bracket.cssvar.fraction.rem(d) })],
   [/^outline-(?:color-)?(.+)$/, colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": handler.bracket.cssvar.auto.fraction.rem(d) })],
+  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": handler.bracket.cssvar.fraction.rem(d) })],
   ["outline", { "outline-style": "solid" }],
   [/^outline-(auto|dashed|dotted|double|hidden|solid|groove|ridge|inset|outset|inherit|initial|revert|unset)$/, ([, c]) => ({ "outline-style": c })],
   ["outline-none", { "outline": "2px solid transparent", "outline-offset": "2px" }]
@@ -133,7 +133,7 @@ function handlerBorderOpacity([, a = "", opacity]) {
     return directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
 }
 function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
-  const v = theme.borderRadius?.[s] || handler.bracket.cssvar.auto.fraction.rem(s);
+  const v = theme.borderRadius?.[s] || handler.bracket.cssvar.fraction.rem(s);
   if (a in cornerMap && v != null)
     return cornerMap[a].map((i) => [`border${i}-radius`, v]);
 }
@@ -341,13 +341,13 @@ const fonts = [
         "line-height": height
       };
     }
-    return { "font-size": handler.bracket.auto.rem(s) };
+    return { "font-size": handler.bracket.rem(s) };
   }],
-  [/^text-size-(.+)$/, ([, s]) => ({ "font-size": handler.bracket.cssvar.auto.rem(s) })],
+  [/^text-size-(.+)$/, ([, s]) => ({ "font-size": handler.bracket.cssvar.rem(s) })],
   [/^(?:font|fw)-?([^-]+)$/, ([, s]) => ({ "font-weight": weightMap[s] || handler.number(s) })],
-  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => ({ "line-height": theme.lineHeight?.[s] || handler.bracket.auto.rem(s) })],
-  [/^tracking-([^-]+)$/, ([, s], { theme }) => ({ "letter-spacing": theme.letterSpacing?.[s] || handler.bracket.auto.rem(s) })],
-  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => ({ "word-spacing": theme.wordSpacing?.[s] || handler.bracket.auto.rem(s) })]
+  [/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => ({ "line-height": theme.lineHeight?.[s] || handler.bracket.rem(s) })],
+  [/^tracking-([^-]+)$/, ([, s], { theme }) => ({ "letter-spacing": theme.letterSpacing?.[s] || handler.bracket.rem(s) })],
+  [/^word-spacing-([^-]+)$/, ([, s], { theme }) => ({ "word-spacing": theme.wordSpacing?.[s] || handler.bracket.rem(s) })]
 ];
 const tabSizes = [
   [/^tab(?:-(.+))?$/, ([, s]) => {
@@ -362,7 +362,7 @@ const tabSizes = [
   }]
 ];
 const textIndents = [
-  [/^indent(?:-(.+))?$/, ([, s], { theme }) => ({ "text-indent": theme.textIndent?.[s || "DEFAULT"] || handler.bracket.cssvar.auto.fraction.rem(s) })]
+  [/^indent(?:-(.+))?$/, ([, s], { theme }) => ({ "text-indent": theme.textIndent?.[s || "DEFAULT"] || handler.bracket.cssvar.fraction.rem(s) })]
 ];
 const textStrokes = [
   [/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => ({ "-webkit-text-stroke-width": theme.textStrokeWidth?.[s || "DEFAULT"] || handler.bracket.cssvar.px(s) })],
@@ -390,7 +390,7 @@ const directions = {
   "y": "row-"
 };
 const handleGap = ([, d = "", s]) => {
-  const v = handler.bracket.cssvar.auto.rem(s);
+  const v = handler.bracket.cssvar.rem(s);
   if (v != null) {
     return {
       [`grid-${directions[d]}gap`]: v,
@@ -707,7 +707,7 @@ const transforms = [
   [/^translate-()(.+)$/, handleTranslate],
   [/^translate-([xyz])-(.+)$/, handleTranslate],
   [/^rotate-()(.+)$/, handleRotate],
-  [/^rotate(-[xyz])-(.+)$/, handleRotate],
+  [/^rotate-([xyz])-(.+)$/, handleRotate],
   [/^skew-([xy])-(.+)$/, handleSkew],
   [/^scale-()(.+)$/, handleScale],
   [/^scale-([xyz])-(.+)$/, handleScale],
@@ -745,16 +745,30 @@ function handleScale([, d, b]) {
     ];
   }
 }
-function handleRotate([, d, b]) {
+function handleRotate([, d = "", b]) {
   const v = handler.bracket.cssvar.degree(b);
   if (v != null) {
-    return [
-      transformBase,
-      {
-        [`--un-rotate${d || ""}`]: v,
-        transform: "var(--un-transform)"
-      }
-    ];
+    if (d) {
+      return [
+        transformBase,
+        {
+          "--un-rotate": 0,
+          [`--un-rotate-${d}`]: v,
+          "transform": "var(--un-transform)"
+        }
+      ];
+    } else {
+      return [
+        transformBase,
+        {
+          "--un-rotate-x": 0,
+          "--un-rotate-y": 0,
+          "--un-rotate-z": 0,
+          "--un-rotate": v,
+          "transform": "var(--un-transform)"
+        }
+      ];
+    }
   }
 }
 function handleSkew([, d, b]) {
@@ -830,7 +844,7 @@ const textDecorations = [
     }
   }],
   [/^(?:underline|decoration)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-line-opacity": handler.bracket.percent(opacity) })],
-  [/^underline-offset-(.+)$/, ([, s]) => ({ "text-underline-offset": handler.auto.bracket.cssvar.px(s) })],
+  [/^(?:underline|decoration)-offset-(.+)$/, ([, s]) => ({ "text-underline-offset": handler.auto.bracket.cssvar.px(s) })],
   [/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy|inherit|initial|revert|unset)$/, ([, d]) => ({ "text-decoration-style": d })],
   ["no-underline", { "text-decoration": "none" }],
   ["decoration-none", { "text-decoration": "none" }]

package/dist/chunks/default3.cjs

@@ -43,7 +43,7 @@ const variantCombinators = [
   variants$1.variantMatcher("next", (input) => `${input}+*`),
   variants$1.variantMatcher("sibling", (input) => `${input}+*`),
   variants$1.variantMatcher("siblings", (input) => `${input}~*`),
-  variants$1.variantMatcher("svg", (input) => `${input} svg *`)
+  variants$1.variantMatcher("svg", (input) => `${input} svg`)
 ];
 
 const variantMotions = [

package/dist/chunks/default3.mjs

@@ -41,7 +41,7 @@ const variantCombinators = [
   variantMatcher("next", (input) => `${input}+*`),
   variantMatcher("sibling", (input) => `${input}+*`),
   variantMatcher("siblings", (input) => `${input}~*`),
-  variantMatcher("svg", (input) => `${input} svg *`)
+  variantMatcher("svg", (input) => `${input} svg`)
 ];
 
 const variantMotions = [

package/package.json

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