@unocss/preset-mini 0.37.2 → 0.38.0

package/dist/chunks/default2.cjs

@@ -92,19 +92,19 @@ const borderColorResolver = (direction) => ([, body], theme) => {
     }
     if (direction === "") {
       return {
-        "--un-border-opacity": cssColor.alpha ?? 1,
-        [`border${direction}-color`]: utilities.colorToString(cssColor, `var(--un-border${direction}-opacity)`)
+        "--un-border-opacity": utilities.colorOpacityToString(cssColor),
+        "border-color": utilities.colorToString(cssColor, "var(--un-border-opacity)")
       };
     } else {
       return {
-        "--un-border-opacity": cssColor.alpha ?? 1,
+        "--un-border-opacity": utilities.colorOpacityToString(cssColor),
         [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
         [`border${direction}-color`]: utilities.colorToString(cssColor, `var(--un-border${direction}-opacity)`)
       };
     }
   } else if (color) {
     return {
-      [`border${direction}-color`]: color.replace("%alpha", `${alpha ?? 1}`)
+      [`border${direction}-color`]: utilities.colorToString(color, alpha)
     };
   }
 };

package/dist/chunks/default2.mjs

@@ -1,4 +1,4 @@
-import { g as globalKeywords, h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, p as parseColor, b as colorToString, e as cornerMap, f as colorableShadows, i as insetMap, r as resolveVerticalBreakpoints, j as resolveBreakpoints, k as directionSize } from './utilities.mjs';
+import { g as globalKeywords, h as handler, c as colorResolver, d as directionMap, a as hasParseableColor, p as parseColor, b as colorToString, e as colorOpacityToString, f as cornerMap, i as colorableShadows, j as insetMap, r as resolveVerticalBreakpoints, k as resolveBreakpoints, l as directionSize } from './utilities.mjs';
 import { toArray } from '@unocss/core';
 import { d as displays, c as contents, a as textOverflows, e as textTransforms, f as fontStyles, g as fontSmoothings, h as boxShadows, i as rings, j as cursors, k as appearances, p as pointerEvents, l as resizes, u as userSelects, w as whitespaces, m as breaks, n as transforms } from './transform.mjs';
 
@@ -90,19 +90,19 @@ const borderColorResolver = (direction) => ([, body], theme) => {
     }
     if (direction === "") {
       return {
-        "--un-border-opacity": cssColor.alpha ?? 1,
-        [`border${direction}-color`]: colorToString(cssColor, `var(--un-border${direction}-opacity)`)
+        "--un-border-opacity": colorOpacityToString(cssColor),
+        "border-color": colorToString(cssColor, "var(--un-border-opacity)")
       };
     } else {
       return {
-        "--un-border-opacity": cssColor.alpha ?? 1,
+        "--un-border-opacity": colorOpacityToString(cssColor),
         [`--un-border${direction}-opacity`]: "var(--un-border-opacity)",
         [`border${direction}-color`]: colorToString(cssColor, `var(--un-border${direction}-opacity)`)
       };
     }
   } else if (color) {
     return {
-      [`border${direction}-color`]: color.replace("%alpha", `${alpha ?? 1}`)
+      [`border${direction}-color`]: colorToString(color, alpha)
     };
   }
 };

package/dist/chunks/default3.cjs

@@ -182,7 +182,7 @@ const numberRE = /[0-9.]+(?:[a-z]+|%)?/;
 const variantNegative = {
   name: "negative",
   match(matcher) {
-    if (!matcher.startsWith("-") || !matcher.match(/\d|-px|-full/))
+    if (!matcher.startsWith("-"))
       return;
     return {
       matcher: matcher.slice(1),

package/dist/chunks/default3.mjs

@@ -1,4 +1,4 @@
-import { j as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE } from './utilities.mjs';
+import { k as resolveBreakpoints, C as CONTROL_MINI_NO_NEGATIVE } from './utilities.mjs';
 import { v as variantParentMatcher, a as variantMatcher } from './variants.mjs';
 import { escapeRegExp } from '@unocss/core';
 
@@ -180,7 +180,7 @@ const numberRE = /[0-9.]+(?:[a-z]+|%)?/;
 const variantNegative = {
   name: "negative",
   match(matcher) {
-    if (!matcher.startsWith("-") || !matcher.match(/\d|-px|-full/))
+    if (!matcher.startsWith("-"))
       return;
     return {
       matcher: matcher.slice(1),

package/dist/chunks/transform.cjs

@@ -177,8 +177,7 @@ const transformBase = {
   "--un-skew-y": 0,
   "--un-translate-x": 0,
   "--un-translate-y": 0,
-  "--un-translate-z": 0,
-  "--un-transform": transformCpu
+  "--un-translate-z": 0
 };
 const transforms = [
   [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": utilities.positionMap[s] ?? utilities.handler.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(utilities.positionMap).join("|")})`, `origin-(${Object.keys(utilities.positionMap).join("|")})`] }],
@@ -209,8 +208,8 @@ const transforms = [
   [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale],
   [/^(?:transform-)?preserve-3d$/, () => ({ "transform-style": "preserve-3d" })],
   [/^(?:transform-)?preserve-flat$/, () => ({ "transform-style": "flat" })],
-  ["transform", { transform: "var(--un-transform)" }],
-  ["transform-cpu", { transform: "var(--un-transform)" }],
+  ["transform", { transform: transformCpu }],
+  ["transform-cpu", { transform: transformCpu }],
   ["transform-gpu", { transform: transformGpu }],
   ["transform-none", { transform: "none" }]
 ];
@@ -219,7 +218,7 @@ function handleTranslate([, d, b], { theme }) {
   if (v != null) {
     return [
       ...utilities.xyzMap[d].map((i) => [`--un-translate${i}`, v]),
-      ["transform", "var(--un-transform)"]
+      ["transform", transformCpu]
     ];
   }
 }
@@ -228,7 +227,7 @@ function handleScale([, d, b]) {
   if (v != null) {
     return [
       ...utilities.xyzMap[d].map((i) => [`--un-scale${i}`, v]),
-      ["transform", "var(--un-transform)"]
+      ["transform", transformCpu]
     ];
   }
 }
@@ -239,7 +238,7 @@ function handleRotate([, d = "", b]) {
       return {
         "--un-rotate": 0,
         [`--un-rotate-${d}`]: v,
-        "transform": "var(--un-transform)"
+        "transform": transformCpu
       };
     } else {
       return {
@@ -247,7 +246,7 @@ function handleRotate([, d = "", b]) {
         "--un-rotate-y": 0,
         "--un-rotate-z": 0,
         "--un-rotate": v,
-        "transform": "var(--un-transform)"
+        "transform": transformCpu
       };
     }
   }
@@ -257,7 +256,7 @@ function handleSkew([, d, b]) {
   if (v != null) {
     return {
       [`--un-skew-${d}`]: v,
-      transform: "var(--un-transform)"
+      transform: transformCpu
     };
   }
 }

package/dist/chunks/transform.mjs

@@ -1,4 +1,4 @@
-import { h as handler, c as colorResolver, f as colorableShadows, l as positionMap, x as xyzMap } from './utilities.mjs';
+import { h as handler, c as colorResolver, i as colorableShadows, m as positionMap, x as xyzMap } from './utilities.mjs';
 
 const varEmpty = "var(--un-empty,/*!*/ /*!*/)";
 const displays = [
@@ -175,8 +175,7 @@ const transformBase = {
   "--un-skew-y": 0,
   "--un-translate-x": 0,
   "--un-translate-y": 0,
-  "--un-translate-z": 0,
-  "--un-transform": transformCpu
+  "--un-translate-z": 0
 };
 const transforms = [
   [/^(?:transform-)?origin-(.+)$/, ([, s]) => ({ "transform-origin": positionMap[s] ?? handler.bracket.cssvar(s) }), { autocomplete: [`transform-origin-(${Object.keys(positionMap).join("|")})`, `origin-(${Object.keys(positionMap).join("|")})`] }],
@@ -207,8 +206,8 @@ const transforms = [
   [/^(?:transform-)?scale-([xyz])-(.+)$/, handleScale],
   [/^(?:transform-)?preserve-3d$/, () => ({ "transform-style": "preserve-3d" })],
   [/^(?:transform-)?preserve-flat$/, () => ({ "transform-style": "flat" })],
-  ["transform", { transform: "var(--un-transform)" }],
-  ["transform-cpu", { transform: "var(--un-transform)" }],
+  ["transform", { transform: transformCpu }],
+  ["transform-cpu", { transform: transformCpu }],
   ["transform-gpu", { transform: transformGpu }],
   ["transform-none", { transform: "none" }]
 ];
@@ -217,7 +216,7 @@ function handleTranslate([, d, b], { theme }) {
   if (v != null) {
     return [
       ...xyzMap[d].map((i) => [`--un-translate${i}`, v]),
-      ["transform", "var(--un-transform)"]
+      ["transform", transformCpu]
     ];
   }
 }
@@ -226,7 +225,7 @@ function handleScale([, d, b]) {
   if (v != null) {
     return [
       ...xyzMap[d].map((i) => [`--un-scale${i}`, v]),
-      ["transform", "var(--un-transform)"]
+      ["transform", transformCpu]
     ];
   }
 }
@@ -237,7 +236,7 @@ function handleRotate([, d = "", b]) {
       return {
         "--un-rotate": 0,
         [`--un-rotate-${d}`]: v,
-        "transform": "var(--un-transform)"
+        "transform": transformCpu
       };
     } else {
       return {
@@ -245,7 +244,7 @@ function handleRotate([, d = "", b]) {
         "--un-rotate-y": 0,
         "--un-rotate-z": 0,
         "--un-rotate": v,
-        "transform": "var(--un-transform)"
+        "transform": transformCpu
       };
     }
   }
@@ -255,7 +254,7 @@ function handleSkew([, d, b]) {
   if (v != null) {
     return {
       [`--un-skew-${d}`]: v,
-      transform: "var(--un-transform)"
+      transform: transformCpu
     };
   }
 }

package/dist/chunks/utilities.cjs

@@ -120,7 +120,13 @@ function parseCssColor(str = "") {
     return;
   return { type, components, alpha };
 }
+function colorOpacityToString(color) {
+  const alpha = color.alpha ?? 1;
+  return alpha === "%alpha" ? 1 : alpha;
+}
 function colorToString(color, alphaOverride) {
+  if (typeof color === "string")
+    return color.replace("%alpha", `${alphaOverride ?? 1}`);
   const { components } = color;
   let { alpha, type } = color;
   alpha = alphaOverride ?? alpha;
@@ -588,13 +594,13 @@ const colorResolver = (property, varName) => ([, body], { theme }) => {
       };
     } else {
       return {
-        [`--un-${varName}-opacity`]: cssColor.alpha ?? 1,
+        [`--un-${varName}-opacity`]: colorOpacityToString(cssColor),
         [property]: colorToString(cssColor, `var(--un-${varName}-opacity)`)
       };
     }
   } else if (color) {
     return {
-      [property]: color.replace("%alpha", `${alpha ?? 1}`)
+      [property]: colorToString(color, alpha)
     };
   }
 };
@@ -633,6 +639,7 @@ const resolveVerticalBreakpoints = ({ theme, generator }) => {
 };
 
 exports.CONTROL_MINI_NO_NEGATIVE = CONTROL_MINI_NO_NEGATIVE;
+exports.colorOpacityToString = colorOpacityToString;
 exports.colorResolver = colorResolver;
 exports.colorToString = colorToString;
 exports.colorableShadows = colorableShadows;

package/dist/chunks/utilities.mjs

@@ -118,7 +118,13 @@ function parseCssColor(str = "") {
     return;
   return { type, components, alpha };
 }
+function colorOpacityToString(color) {
+  const alpha = color.alpha ?? 1;
+  return alpha === "%alpha" ? 1 : alpha;
+}
 function colorToString(color, alphaOverride) {
+  if (typeof color === "string")
+    return color.replace("%alpha", `${alphaOverride ?? 1}`);
   const { components } = color;
   let { alpha, type } = color;
   alpha = alphaOverride ?? alpha;
@@ -586,13 +592,13 @@ const colorResolver = (property, varName) => ([, body], { theme }) => {
       };
     } else {
       return {
-        [`--un-${varName}-opacity`]: cssColor.alpha ?? 1,
+        [`--un-${varName}-opacity`]: colorOpacityToString(cssColor),
         [property]: colorToString(cssColor, `var(--un-${varName}-opacity)`)
       };
     }
   } else if (color) {
     return {
-      [property]: color.replace("%alpha", `${alpha ?? 1}`)
+      [property]: colorToString(color, alpha)
     };
   }
 };
@@ -630,4 +636,4 @@ const resolveVerticalBreakpoints = ({ theme, generator }) => {
   return verticalBreakpoints;
 };
 
-export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, cornerMap as e, colorableShadows as f, globalKeywords as g, handler as h, insetMap as i, resolveBreakpoints as j, directionSize as k, positionMap as l, hex2rgba as m, parseCssColor as n, getComponents as o, parseColor as p, h as q, resolveVerticalBreakpoints as r, valueHandlers as v, xyzMap as x };
+export { CONTROL_MINI_NO_NEGATIVE as C, hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, colorOpacityToString as e, cornerMap as f, globalKeywords as g, handler as h, colorableShadows as i, insetMap as j, resolveBreakpoints as k, directionSize as l, positionMap as m, hex2rgba as n, parseCssColor as o, parseColor as p, getComponents as q, resolveVerticalBreakpoints as r, h as s, valueHandlers as v, xyzMap as x };

package/dist/{colors-5590b862.d.ts → colors-b075335e.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-0f7ef446.js';
+import { T as Theme } from './types-2a2972f5.js';
 
 declare const colors: Theme['colors'];
 

package/dist/colors.d.ts

@@ -1,2 +1,2 @@
-export { c as colors } from './colors-5590b862.js';
-import './types-0f7ef446.js';
+export { c as colors } from './colors-b075335e.js';
+import './types-2a2972f5.js';

package/dist/{default-ee82f36d.d.ts → default-08edad2c.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-0f7ef446.js';
+import { T as Theme } from './types-2a2972f5.js';
 
 declare const theme: Theme;
 

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { Preflight, PresetOptions, Preset } from '@unocss/core';
-import { T as Theme } from './types-0f7ef446.js';
-export { T as Theme, a as ThemeAnimation } from './types-0f7ef446.js';
-export { t as theme } from './default-ee82f36d.js';
-export { c as colors } from './colors-5590b862.js';
-export { p as parseColor } from './utilities-a77178bb.js';
+import { T as Theme } from './types-2a2972f5.js';
+export { T as Theme, a as ThemeAnimation } from './types-2a2972f5.js';
+export { t as theme } from './default-08edad2c.js';
+export { c as colors } from './colors-b075335e.js';
+export { p as parseColor } from './utilities-c3da10e0.js';
 
 declare const preflights: Preflight[];
 

package/dist/rules.d.ts

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './types-0f7ef446.js';
+import { T as Theme } from './types-2a2972f5.js';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];
@@ -101,7 +101,6 @@ declare const transformBase: {
     '--un-translate-x': number;
     '--un-translate-y': number;
     '--un-translate-z': number;
-    '--un-transform': string;
 };
 declare const transforms: Rule[];
 

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
-export { c as colors } from './colors-5590b862.js';
-export { t as theme } from './default-ee82f36d.js';
-import { T as Theme } from './types-0f7ef446.js';
-export { T as Theme, a as ThemeAnimation } from './types-0f7ef446.js';
+export { c as colors } from './colors-b075335e.js';
+export { t as theme } from './default-08edad2c.js';
+import { T as Theme } from './types-2a2972f5.js';
+export { T as Theme, a as ThemeAnimation } from './types-2a2972f5.js';
 
 declare const blur: {
     DEFAULT: string;
@@ -216,7 +216,6 @@ declare const preflightBase: {
     '--un-translate-x': number;
     '--un-translate-y': number;
     '--un-translate-z': number;
-    '--un-transform': string;
 };
 
 export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, duration, easing, fontFamily, fontSize, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, verticalBreakpoints, width, wordSpacing };

package/dist/{types-0f7ef446.d.ts → types-2a2972f5.d.ts}

@@ -3,6 +3,7 @@ interface ThemeAnimation {
     durations?: Record<string, string>;
     timingFns?: Record<string, string>;
     properties?: Record<string, object>;
+    counts?: Record<string, string | number>;
 }
 interface Theme {
     width?: Record<string, string>;

package/dist/{utilities-a77178bb.d.ts → utilities-c3da10e0.d.ts}

@@ -1,5 +1,5 @@
 import { RuleContext, CSSEntries, ParsedColorValue, CSSObject, VariantContext } from '@unocss/core';
-import { T as Theme } from './types-0f7ef446.js';
+import { T as Theme } from './types-2a2972f5.js';
 
 declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
 /**

package/dist/utils.cjs

@@ -9,6 +9,7 @@ require('@unocss/core');
 
 
 exports.CONTROL_MINI_NO_NEGATIVE = utilities.CONTROL_MINI_NO_NEGATIVE;
+exports.colorOpacityToString = utilities.colorOpacityToString;
 exports.colorResolver = utilities.colorResolver;
 exports.colorToString = utilities.colorToString;
 exports.colorableShadows = utilities.colorableShadows;

package/dist/utils.d.ts

@@ -1,11 +1,12 @@
 import * as _unocss_core from '@unocss/core';
 import { RGBAColorValue, CSSColorValue, VariantObject } from '@unocss/core';
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-a77178bb.js';
-import './types-0f7ef446.js';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-c3da10e0.js';
+import './types-2a2972f5.js';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;
 declare function parseCssColor(str?: string): CSSColorValue | undefined;
-declare function colorToString(color: CSSColorValue, alphaOverride?: string | number): string;
+declare function colorOpacityToString(color: CSSColorValue): string | number;
+declare function colorToString(color: CSSColorValue | string, alphaOverride?: string | number): string;
 declare function getComponents(str: string, separator?: string, limit?: number): string[] | undefined;
 
 declare const directionMap: Record<string, string[]>;
@@ -78,4 +79,4 @@ declare const h: _unocss_core.ValueHandler<"number" | "auto" | "global" | "posit
 declare const variantMatcher: (name: string, selector?: ((input: string) => string | undefined) | undefined) => VariantObject;
 declare const variantParentMatcher: (name: string, parent: string) => VariantObject;
 
-export { colorToString, cornerMap, directionMap, getComponents, globalKeywords, h, handler, hex2rgba, insetMap, parseCssColor, positionMap, handlers as valueHandlers, variantMatcher, variantParentMatcher, xyzMap };
+export { colorOpacityToString, colorToString, cornerMap, directionMap, getComponents, globalKeywords, h, handler, hex2rgba, insetMap, parseCssColor, positionMap, handlers as valueHandlers, variantMatcher, variantParentMatcher, xyzMap };

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, b as colorToString, f as colorableShadows, e as cornerMap, d as directionMap, k as directionSize, o as getComponents, g as globalKeywords, q as h, h as handler, a as hasParseableColor, m as hex2rgba, i as insetMap, p as parseColor, n as parseCssColor, l as positionMap, j as resolveBreakpoints, r as resolveVerticalBreakpoints, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
+export { C as CONTROL_MINI_NO_NEGATIVE, e as colorOpacityToString, c as colorResolver, b as colorToString, i as colorableShadows, f as cornerMap, d as directionMap, l as directionSize, q as getComponents, g as globalKeywords, s as h, h as handler, a as hasParseableColor, n as hex2rgba, j as insetMap, p as parseColor, o as parseCssColor, m as positionMap, k as resolveBreakpoints, r as resolveVerticalBreakpoints, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
 export { a as variantMatcher, v as variantParentMatcher } from './chunks/variants.mjs';
 import '@unocss/core';

package/dist/variants.d.ts

@@ -1,9 +1,9 @@
 import { Variant, VariantObject } from '@unocss/core';
-import { T as Theme } from './types-0f7ef446.js';
+import { T as Theme } from './types-2a2972f5.js';
 import { PresetMiniOptions } from './index.js';
-import './default-ee82f36d.js';
-import './colors-5590b862.js';
-import './utilities-a77178bb.js';
+import './default-08edad2c.js';
+import './colors-b075335e.js';
+import './utilities-c3da10e0.js';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.37.2",
+  "version": "0.38.0",
   "description": "The minimal preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -61,7 +61,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.37.2"
+    "@unocss/core": "0.38.0"
   },
   "scripts": {
     "build": "unbuild",