@unocss/preset-mini 0.20.1 → 0.20.2

package/dist/chunks/default2.cjs

@@ -68,13 +68,11 @@ const borderColorResolver = (direction) => ([, body], { theme }) => {
   const data = utilities.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] === "[" ? utilities.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 {
         [`border${direction}-color`]: `rgba(${rgba.join(",")})`
       };
@@ -82,19 +80,19 @@ const borderColorResolver = (direction) => ([, body], { theme }) => {
       if (direction === "") {
         return {
           "--un-border-opacity": (opacity && utilities.handler.cssvar(opacity)) ?? 1,
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`border${direction}-color`]: `rgba(${rgba.join(",")},var(--un-border${direction}-opacity))`
         };
       } else {
         return {
           "--un-border-opacity": (opacity && utilities.handler.cssvar(opacity)) ?? 1,
           [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`border${direction}-color`]: `rgba(${rgba.join(",")},var(--un-border${direction}-opacity))`
         };
       }
     }
   } else {
     return {
-      [`border${direction}-color`]: color.replace("%alpha", `${a || 1}`)
+      [`border${direction}-color`]: color.replace("%alpha", `${alpha || 1}`)
     };
   }
 };

package/dist/chunks/default2.mjs

@@ -66,13 +66,11 @@ const borderColorResolver = (direction) => ([, 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 {
         [`border${direction}-color`]: `rgba(${rgba.join(",")})`
       };
@@ -80,19 +78,19 @@ const borderColorResolver = (direction) => ([, body], { theme }) => {
       if (direction === "") {
         return {
           "--un-border-opacity": (opacity && handler.cssvar(opacity)) ?? 1,
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`border${direction}-color`]: `rgba(${rgba.join(",")},var(--un-border${direction}-opacity))`
         };
       } else {
         return {
           "--un-border-opacity": (opacity && handler.cssvar(opacity)) ?? 1,
           [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
-          [`border${direction}-color`]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-border${direction}-opacity))`
+          [`border${direction}-color`]: `rgba(${rgba.join(",")},var(--un-border${direction}-opacity))`
         };
       }
     }
   } else {
     return {
-      [`border${direction}-color`]: color.replace("%alpha", `${a || 1}`)
+      [`border${direction}-color`]: color.replace("%alpha", `${alpha || 1}`)
     };
   }
 };

package/dist/chunks/default3.cjs

@@ -65,6 +65,11 @@ const variantColorsMediaOrClass = [
   }
 ];
 
+const variantLanguageDirections = [
+  variants$1.variantMatcher("rtl", (input) => `[dir="rtl"] $$ ${input}`),
+  variants$1.variantMatcher("ltr", (input) => `[dir="ltr"] $$ ${input}`)
+];
+
 const variantImportant = {
   match(matcher) {
     if (matcher.startsWith("!")) {
@@ -109,6 +114,16 @@ const variantSpace = (matcher) => {
   }
 };
 
+const variantMotions = [
+  variants$1.variantParentMatcher("motion-reduce", "@media (prefers-reduced-motion: reduce)"),
+  variants$1.variantParentMatcher("motion-safe", "@media (prefers-reduced-motion: no-preference)")
+];
+
+const variantOrientations = [
+  variants$1.variantParentMatcher("landscape", "@media (orientation: landscape)"),
+  variants$1.variantParentMatcher("portrait", "@media (orientation: portrait)")
+];
+
 const variantPrint = variants$1.variantParentMatcher("print", "@media print");
 
 const variants = [
@@ -116,6 +131,8 @@ const variants = [
   variantNegative,
   variantImportant,
   variantPrint,
+  ...variantOrientations,
+  ...variantMotions,
   variantBreakpoints,
   ...variantCombinators,
   pseudo.variantPseudoClasses,
@@ -123,14 +140,18 @@ const variants = [
   pseudo.variantTaggedPseudoClasses,
   pseudo.variantPseudoElements,
   pseudo.partClasses,
-  ...variantColorsMediaOrClass
+  ...variantColorsMediaOrClass,
+  ...variantLanguageDirections
 ];
 
 exports.variantBreakpoints = variantBreakpoints;
 exports.variantColorsMediaOrClass = variantColorsMediaOrClass;
 exports.variantCombinators = variantCombinators;
 exports.variantImportant = variantImportant;
+exports.variantLanguageDirections = variantLanguageDirections;
+exports.variantMotions = variantMotions;
 exports.variantNegative = variantNegative;
+exports.variantOrientations = variantOrientations;
 exports.variantPrint = variantPrint;
 exports.variantSpace = variantSpace;
 exports.variants = variants;

package/dist/chunks/default3.mjs

@@ -63,6 +63,11 @@ const variantColorsMediaOrClass = [
   }
 ];
 
+const variantLanguageDirections = [
+  variantMatcher("rtl", (input) => `[dir="rtl"] $$ ${input}`),
+  variantMatcher("ltr", (input) => `[dir="ltr"] $$ ${input}`)
+];
+
 const variantImportant = {
   match(matcher) {
     if (matcher.startsWith("!")) {
@@ -107,6 +112,16 @@ const variantSpace = (matcher) => {
   }
 };
 
+const variantMotions = [
+  variantParentMatcher("motion-reduce", "@media (prefers-reduced-motion: reduce)"),
+  variantParentMatcher("motion-safe", "@media (prefers-reduced-motion: no-preference)")
+];
+
+const variantOrientations = [
+  variantParentMatcher("landscape", "@media (orientation: landscape)"),
+  variantParentMatcher("portrait", "@media (orientation: portrait)")
+];
+
 const variantPrint = variantParentMatcher("print", "@media print");
 
 const variants = [
@@ -114,6 +129,8 @@ const variants = [
   variantNegative,
   variantImportant,
   variantPrint,
+  ...variantOrientations,
+  ...variantMotions,
   variantBreakpoints,
   ...variantCombinators,
   variantPseudoClasses,
@@ -121,7 +138,8 @@ const variants = [
   variantTaggedPseudoClasses,
   variantPseudoElements,
   partClasses,
-  ...variantColorsMediaOrClass
+  ...variantColorsMediaOrClass,
+  ...variantLanguageDirections
 ];
 
-export { variantBreakpoints as a, variantCombinators as b, variantColorsMediaOrClass as c, variantImportant as d, variantNegative as e, variantSpace as f, variantPrint as g, variants as v };
+export { variantBreakpoints as a, variantCombinators as b, variantColorsMediaOrClass as c, variantLanguageDirections as d, variantImportant as e, variantNegative as f, variantSpace as g, variantMotions as h, variantOrientations as i, variantPrint as j, variants as v };

package/dist/chunks/pseudo.cjs

@@ -8,6 +8,7 @@ const PseudoClasses = Object.fromEntries([
   "link",
   "visited",
   "target",
+  ["open", "[open]"],
   "hover",
   "active",
   "focus-visible",
@@ -24,18 +25,20 @@ const PseudoClasses = Object.fromEntries([
   "indeterminate",
   "valid",
   "invalid",
+  "in-range",
+  "out-of-range",
   "required",
   "optional",
   "root",
   "empty",
-  ["even-of-type", "nth-of-type(even)"],
-  ["even", "nth-child(even)"],
-  ["odd-of-type", "nth-of-type(odd)"],
-  ["odd", "nth-child(odd)"],
+  ["even-of-type", ":nth-of-type(even)"],
+  ["even", ":nth-child(even)"],
+  ["odd-of-type", ":nth-of-type(odd)"],
+  ["odd", ":nth-child(odd)"],
   "first-of-type",
-  ["first", "first-child"],
+  ["first", ":first-child"],
   "last-of-type",
-  ["last", "last-child"],
+  ["last", ":last-child"],
   "only-child",
   "only-of-type"
 ].map(core.toArray));
@@ -45,7 +48,8 @@ const PseudoElements = [
   "after",
   "first-letter",
   "first-line",
-  "selection"
+  "selection",
+  "marker"
 ];
 const PseudoClassFunctions = [
   "not",
@@ -68,13 +72,13 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
   return (input) => {
     const match = input.match(re);
     if (match) {
-      let pseudo = PseudoClasses[match[3]] || match[3];
+      let pseudo = PseudoClasses[match[3]] || `:${match[3]}`;
       if (match[2])
-        pseudo = `${match[2]}(:${pseudo})`;
+        pseudo = `:${match[2]}(${pseudo})`;
       return {
         matcher: input.slice(match[1].length + tag.length + 2),
         selector: (s, body) => {
-          return shouldAdd(body) && rawRe.test(s) ? s.replace(rawRe, `${parent}:${pseudo}:`) : `${parent}:${pseudo}${combinator}${s}`;
+          return shouldAdd(body) && rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`;
         }
       };
     }
@@ -93,10 +97,10 @@ const variantPseudoClasses = {
   match: (input) => {
     const match = input.match(PseudoClassesRE);
     if (match) {
-      const pseudo = PseudoClasses[match[1]] || match[1];
+      const pseudo = PseudoClasses[match[1]] || `:${match[1]}`;
       return {
         matcher: input.slice(match[1].length + 1),
-        selector: (s, body) => shouldAdd(body) && `${s}:${pseudo}`
+        selector: (s, body) => shouldAdd(body) && `${s}${pseudo}`
       };
     }
   },
@@ -107,10 +111,10 @@ const variantPseudoClassFunctions = {
     const match = input.match(PseudoClassFunctionsRE);
     if (match) {
       const fn = match[1];
-      const pseudo = PseudoClasses[match[2]] || match[2];
+      const pseudo = PseudoClasses[match[2]] || `:${match[2]}`;
       return {
         matcher: input.slice(match[1].length + match[2].length + 2),
-        selector: (s, body) => shouldAdd(body) && `${s}:${fn}(:${pseudo})`
+        selector: (s, body) => shouldAdd(body) && `${s}:${fn}(${pseudo})`
       };
     }
   },

package/dist/chunks/pseudo.mjs

@@ -6,6 +6,7 @@ const PseudoClasses = Object.fromEntries([
   "link",
   "visited",
   "target",
+  ["open", "[open]"],
   "hover",
   "active",
   "focus-visible",
@@ -22,18 +23,20 @@ const PseudoClasses = Object.fromEntries([
   "indeterminate",
   "valid",
   "invalid",
+  "in-range",
+  "out-of-range",
   "required",
   "optional",
   "root",
   "empty",
-  ["even-of-type", "nth-of-type(even)"],
-  ["even", "nth-child(even)"],
-  ["odd-of-type", "nth-of-type(odd)"],
-  ["odd", "nth-child(odd)"],
+  ["even-of-type", ":nth-of-type(even)"],
+  ["even", ":nth-child(even)"],
+  ["odd-of-type", ":nth-of-type(odd)"],
+  ["odd", ":nth-child(odd)"],
   "first-of-type",
-  ["first", "first-child"],
+  ["first", ":first-child"],
   "last-of-type",
-  ["last", "last-child"],
+  ["last", ":last-child"],
   "only-child",
   "only-of-type"
 ].map(toArray));
@@ -43,7 +46,8 @@ const PseudoElements = [
   "after",
   "first-letter",
   "first-line",
-  "selection"
+  "selection",
+  "marker"
 ];
 const PseudoClassFunctions = [
   "not",
@@ -66,13 +70,13 @@ const taggedPseudoClassMatcher = (tag, parent, combinator) => {
   return (input) => {
     const match = input.match(re);
     if (match) {
-      let pseudo = PseudoClasses[match[3]] || match[3];
+      let pseudo = PseudoClasses[match[3]] || `:${match[3]}`;
       if (match[2])
-        pseudo = `${match[2]}(:${pseudo})`;
+        pseudo = `:${match[2]}(${pseudo})`;
       return {
         matcher: input.slice(match[1].length + tag.length + 2),
         selector: (s, body) => {
-          return shouldAdd(body) && rawRe.test(s) ? s.replace(rawRe, `${parent}:${pseudo}:`) : `${parent}:${pseudo}${combinator}${s}`;
+          return shouldAdd(body) && rawRe.test(s) ? s.replace(rawRe, `${parent}${pseudo}:`) : `${parent}${pseudo}${combinator}${s}`;
         }
       };
     }
@@ -91,10 +95,10 @@ const variantPseudoClasses = {
   match: (input) => {
     const match = input.match(PseudoClassesRE);
     if (match) {
-      const pseudo = PseudoClasses[match[1]] || match[1];
+      const pseudo = PseudoClasses[match[1]] || `:${match[1]}`;
       return {
         matcher: input.slice(match[1].length + 1),
-        selector: (s, body) => shouldAdd(body) && `${s}:${pseudo}`
+        selector: (s, body) => shouldAdd(body) && `${s}${pseudo}`
       };
     }
   },
@@ -105,10 +109,10 @@ const variantPseudoClassFunctions = {
     const match = input.match(PseudoClassFunctionsRE);
     if (match) {
       const fn = match[1];
-      const pseudo = PseudoClasses[match[2]] || match[2];
+      const pseudo = PseudoClasses[match[2]] || `:${match[2]}`;
       return {
         matcher: input.slice(match[1].length + match[2].length + 2),
-        selector: (s, body) => shouldAdd(body) && `${s}:${fn}(:${pseudo})`
+        selector: (s, body) => shouldAdd(body) && `${s}:${fn}(${pseudo})`
       };
     }
   },

package/dist/chunks/utilities.cjs

@@ -249,37 +249,46 @@ const parseColor = (body, theme) => {
     else if (no && colorData)
       color = colorData[no];
   }
+  const rgba = core.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: core.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`]: (opacity && handler.cssvar(opacity)) ?? 1,
-        [property]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-${varName}-opacity))`
+        [property]: `rgba(${rgba.join(",")},var(--un-${varName}-opacity))`
       };
     }
   } else {
     return {
-      [property]: color.replace("%alpha", `${a || 1}`)
+      [property]: color.replace("%alpha", `${alpha || 1}`)
     };
   }
 };

package/dist/chunks/utilities.mjs

@@ -247,37 +247,46 @@ 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`]: (opacity && handler.cssvar(opacity)) ?? 1,
-        [property]: `rgba(${rgba.slice(0, 3).join(",")},var(--un-${varName}-opacity))`
+        [property]: `rgba(${rgba.join(",")},var(--un-${varName}-opacity))`
       };
     }
   } else {
     return {
-      [property]: color.replace("%alpha", `${a || 1}`)
+      [property]: color.replace("%alpha", `${alpha || 1}`)
     };
   }
 };

package/dist/variants.cjs

@@ -13,7 +13,10 @@ 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.variantOrientations = _default.variantOrientations;
 exports.variantPrint = _default.variantPrint;
 exports.variantSpace = _default.variantSpace;
 exports.variants = _default.variants;

package/dist/variants.d.ts

@@ -8,12 +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";
@@ -23,4 +29,4 @@ declare const variantPseudoClassFunctions: VariantObject;
 declare const variantTaggedPseudoClasses: VariantObject;
 declare const partClasses: VariantObject;
 
-export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantNegative, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantSpace, variantTaggedPseudoClasses, variants };
+export { CONTROL_BYPASS_PSEUDO_CLASS, partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantLanguageDirections, variantMotions, variantNegative, variantOrientations, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantSpace, 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, g as variantPrint, 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, h as variantMotions, f as variantNegative, i as variantOrientations, j as variantPrint, g as variantSpace, 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.20.1",
+  "version": "0.20.2",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.20.1"
+    "@unocss/core": "0.20.2"
   },
   "scripts": {
     "build": "unbuild",