@unocss/preset-mini 0.43.0 → 0.44.0

package/README.md

@@ -82,6 +82,54 @@ will generate:
 }
 ```
 
+### Theme
+You can fully customize your theme property in your config, and UnoCSS will eventually deeply merge it to the default theme.
+
+<!--eslint-skip-->
+
+```ts
+presetMini({
+  theme: {
+    // ...
+    colors: {
+      'veryCool': '#0000ff', // class="text-very-cool"
+      'brand': {
+        'primary': 'hsla(var(--hue, 217), 78%, 51%)', //class="bg-brand-primary"
+      }
+    },
+  }
+})
+```
+
+To consume the theme in rules:
+
+```ts
+rules: [
+  [/^text-(.*)$/, ([, c], { theme }) => {
+    if (theme.colors[c])
+      return { color: theme.colors[c] }
+  }],
+]
+```
+
+One exception is that UnoCSS gives full control of `breakpoints` to users. When a custom `breakpoints` is provided, the default will be overridden instead of merging. For example:
+
+```ts
+presetMini({
+  theme: {
+    // ...
+    breakpoints: {
+      sm: '320px',
+      md: '640px',
+    },
+  },
+})
+```
+
+Right now, you can only use the `sm:` and `md:` breakpoint variants.
+
+`verticalBreakpoints` is same as `breakpoints` but for vertical layout.
+
 ## License
 
 MIT License &copy; 2021-PRESENT [Anthony Fu](https://github.com/antfu)

package/dist/chunks/colors2.cjs

@@ -96,6 +96,10 @@ const globalKeywords = [
   "unset"
 ];
 
+const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax|cqw|cqh|cqi|cqb|cqmin|cqmax|rpx)?$/i;
+const numberRE = /^(-?[0-9.]+)$/i;
+const unitOnlyRE = /^(px)$/i;
+
 const cssProps = [
   "color",
   "border-color",
@@ -149,9 +153,6 @@ const cssProps = [
   "clip",
   "border-radius"
 ];
-const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax|cqw|cqh|cqi|cqb|cqmin|cqmax|rpx)?$/i;
-const numberRE = /^(-?[0-9.]+)$/i;
-const unitOnlyRE = /^(px)$/i;
 function round(n) {
   return n.toFixed(10).replace(/\.0+$/, "").replace(/(\.\d+?)0+$/, "$1");
 }
@@ -300,13 +301,32 @@ const handler = core.createValueHandler(valueHandlers);
 const h = handler;
 
 const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
-const directionSize = (propertyPrefix) => ([_, direction, size], { theme }) => {
-  const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.global.auto.fraction.rem(size);
-  if (v != null)
-    return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
-};
-const getThemeColor = (theme, colors) => theme.colors?.[colors.join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase())];
-const parseColor$1 = (body, theme) => {
+function directionSize(propertyPrefix) {
+  return ([_, direction, size], { theme }) => {
+    const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.global.auto.fraction.rem(size);
+    if (v != null)
+      return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
+  };
+}
+function getThemeColor(theme, colors) {
+  let obj = theme.colors;
+  let index = -1;
+  for (const c of colors) {
+    index += 1;
+    if (obj && typeof obj !== "string") {
+      const camel = colors.slice(index).join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase());
+      if (obj[camel])
+        return obj[camel];
+      if (obj[c]) {
+        obj = obj[c];
+        continue;
+      }
+    }
+    return void 0;
+  }
+  return obj;
+}
+function parseColor$1(body, theme) {
   const split = body.split(/(?:\/|:)/);
   let main, opacity;
   if (split[0] === "[color") {
@@ -336,17 +356,21 @@ const parseColor$1 = (body, theme) => {
     if (scale.match(/^\d+$/)) {
       no = scale;
       colorData = getThemeColor(theme, colors.slice(0, -1));
+      if (!colorData || typeof colorData === "string")
+        color = void 0;
+      else
+        color = colorData[no];
     } else {
       colorData = getThemeColor(theme, colors);
       if (!colorData && colors.length <= 2) {
         [, no = no] = colors;
         colorData = getThemeColor(theme, [name]);
       }
+      if (typeof colorData === "string")
+        color = colorData;
+      else if (no && colorData)
+        color = colorData[no];
     }
-    if (typeof colorData === "string")
-      color = colorData;
-    else if (no && colorData)
-      color = colorData[no];
   }
   return {
     opacity,
@@ -356,30 +380,29 @@ const parseColor$1 = (body, theme) => {
     cssColor: parseCssColor(color),
     alpha: handler.bracket.cssvar.percent(opacity ?? "")
   };
-};
-const colorResolver = (property, varName) => ([, body], { theme }) => {
-  const data = parseColor$1(body, theme);
-  if (!data)
-    return;
-  const { alpha, color, cssColor } = data;
-  if (cssColor) {
-    if (alpha != null) {
-      return {
-        [property]: colorToString(cssColor, alpha)
-      };
-    } else {
-      return {
-        [`--un-${varName}-opacity`]: colorOpacityToString(cssColor),
-        [property]: colorToString(cssColor, `var(--un-${varName}-opacity)`)
-      };
+}
+function colorResolver(property, varName, shouldPass) {
+  return ([, body], { theme }) => {
+    const data = parseColor$1(body, theme);
+    if (!data)
+      return;
+    const { alpha, color, cssColor } = data;
+    const css = {};
+    if (cssColor) {
+      if (alpha != null) {
+        css[property] = colorToString(cssColor, alpha);
+      } else {
+        css[`--un-${varName}-opacity`] = colorOpacityToString(cssColor);
+        css[property] = colorToString(cssColor, `var(--un-${varName}-opacity)`);
+      }
+    } else if (color) {
+      css[property] = colorToString(color, alpha);
     }
-  } else if (color) {
-    return {
-      [property]: colorToString(color, alpha)
-    };
-  }
-};
-const colorableShadows = (shadows, colorVar) => {
+    if (shouldPass?.(css) !== false)
+      return css;
+  };
+}
+function colorableShadows(shadows, colorVar) {
   const colored = [];
   shadows = core.toArray(shadows);
   for (let i = 0; i < shadows.length; i++) {
@@ -392,29 +415,29 @@ const colorableShadows = (shadows, colorVar) => {
     colored.push(`${components.join(" ")} var(${colorVar}, ${colorToString(color)})`);
   }
   return colored;
-};
-const hasParseableColor = (color, theme) => {
+}
+function hasParseableColor(color, theme) {
   return color != null && !!parseColor$1(color, theme)?.color;
-};
-const resolveBreakpoints = ({ theme, generator }) => {
+}
+function resolveBreakpoints({ theme, generator }) {
   let breakpoints;
   if (generator.userConfig && generator.userConfig.theme)
     breakpoints = generator.userConfig.theme.breakpoints;
   if (!breakpoints)
     breakpoints = theme.breakpoints;
   return breakpoints;
-};
-const resolveVerticalBreakpoints = ({ theme, generator }) => {
+}
+function resolveVerticalBreakpoints({ theme, generator }) {
   let verticalBreakpoints;
   if (generator.userConfig && generator.userConfig.theme)
     verticalBreakpoints = generator.userConfig.theme.verticalBreakpoints;
   if (!verticalBreakpoints)
     verticalBreakpoints = theme.verticalBreakpoints;
   return verticalBreakpoints;
-};
-const makeGlobalStaticRules = (prefix, property) => {
+}
+function makeGlobalStaticRules(prefix, property) {
   return globalKeywords.map((keyword) => [`${prefix}-${keyword}`, { [property ?? prefix]: keyword }]);
-};
+}
 function getComponent(str, open, close, separator) {
   if (str === "")
     return;
@@ -661,6 +684,7 @@ exports.hasParseableColor = hasParseableColor;
 exports.hex2rgba = hex2rgba;
 exports.insetMap = insetMap;
 exports.makeGlobalStaticRules = makeGlobalStaticRules;
+exports.numberWithUnitRE = numberWithUnitRE;
 exports.parseColor = parseColor$1;
 exports.parseCssColor = parseCssColor;
 exports.positionMap = positionMap;

package/dist/chunks/colors2.mjs

@@ -94,6 +94,10 @@ const globalKeywords = [
   "unset"
 ];
 
+const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax|cqw|cqh|cqi|cqb|cqmin|cqmax|rpx)?$/i;
+const numberRE = /^(-?[0-9.]+)$/i;
+const unitOnlyRE = /^(px)$/i;
+
 const cssProps = [
   "color",
   "border-color",
@@ -147,9 +151,6 @@ const cssProps = [
   "clip",
   "border-radius"
 ];
-const numberWithUnitRE = /^(-?[0-9.]+)(px|pt|pc|rem|em|%|vh|vw|in|cm|mm|ex|ch|vmin|vmax|cqw|cqh|cqi|cqb|cqmin|cqmax|rpx)?$/i;
-const numberRE = /^(-?[0-9.]+)$/i;
-const unitOnlyRE = /^(px)$/i;
 function round(n) {
   return n.toFixed(10).replace(/\.0+$/, "").replace(/(\.\d+?)0+$/, "$1");
 }
@@ -298,13 +299,32 @@ const handler = createValueHandler(valueHandlers);
 const h = handler;
 
 const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
-const directionSize = (propertyPrefix) => ([_, direction, size], { theme }) => {
-  const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.global.auto.fraction.rem(size);
-  if (v != null)
-    return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
-};
-const getThemeColor = (theme, colors) => theme.colors?.[colors.join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase())];
-const parseColor$1 = (body, theme) => {
+function directionSize(propertyPrefix) {
+  return ([_, direction, size], { theme }) => {
+    const v = theme.spacing?.[size || "DEFAULT"] ?? handler.bracket.cssvar.global.auto.fraction.rem(size);
+    if (v != null)
+      return directionMap[direction].map((i) => [`${propertyPrefix}${i}`, v]);
+  };
+}
+function getThemeColor(theme, colors) {
+  let obj = theme.colors;
+  let index = -1;
+  for (const c of colors) {
+    index += 1;
+    if (obj && typeof obj !== "string") {
+      const camel = colors.slice(index).join("-").replace(/(-[a-z])/g, (n) => n.slice(1).toUpperCase());
+      if (obj[camel])
+        return obj[camel];
+      if (obj[c]) {
+        obj = obj[c];
+        continue;
+      }
+    }
+    return void 0;
+  }
+  return obj;
+}
+function parseColor$1(body, theme) {
   const split = body.split(/(?:\/|:)/);
   let main, opacity;
   if (split[0] === "[color") {
@@ -334,17 +354,21 @@ const parseColor$1 = (body, theme) => {
     if (scale.match(/^\d+$/)) {
       no = scale;
       colorData = getThemeColor(theme, colors.slice(0, -1));
+      if (!colorData || typeof colorData === "string")
+        color = void 0;
+      else
+        color = colorData[no];
     } else {
       colorData = getThemeColor(theme, colors);
       if (!colorData && colors.length <= 2) {
         [, no = no] = colors;
         colorData = getThemeColor(theme, [name]);
       }
+      if (typeof colorData === "string")
+        color = colorData;
+      else if (no && colorData)
+        color = colorData[no];
     }
-    if (typeof colorData === "string")
-      color = colorData;
-    else if (no && colorData)
-      color = colorData[no];
   }
   return {
     opacity,
@@ -354,30 +378,29 @@ const parseColor$1 = (body, theme) => {
     cssColor: parseCssColor(color),
     alpha: handler.bracket.cssvar.percent(opacity ?? "")
   };
-};
-const colorResolver = (property, varName) => ([, body], { theme }) => {
-  const data = parseColor$1(body, theme);
-  if (!data)
-    return;
-  const { alpha, color, cssColor } = data;
-  if (cssColor) {
-    if (alpha != null) {
-      return {
-        [property]: colorToString(cssColor, alpha)
-      };
-    } else {
-      return {
-        [`--un-${varName}-opacity`]: colorOpacityToString(cssColor),
-        [property]: colorToString(cssColor, `var(--un-${varName}-opacity)`)
-      };
+}
+function colorResolver(property, varName, shouldPass) {
+  return ([, body], { theme }) => {
+    const data = parseColor$1(body, theme);
+    if (!data)
+      return;
+    const { alpha, color, cssColor } = data;
+    const css = {};
+    if (cssColor) {
+      if (alpha != null) {
+        css[property] = colorToString(cssColor, alpha);
+      } else {
+        css[`--un-${varName}-opacity`] = colorOpacityToString(cssColor);
+        css[property] = colorToString(cssColor, `var(--un-${varName}-opacity)`);
+      }
+    } else if (color) {
+      css[property] = colorToString(color, alpha);
     }
-  } else if (color) {
-    return {
-      [property]: colorToString(color, alpha)
-    };
-  }
-};
-const colorableShadows = (shadows, colorVar) => {
+    if (shouldPass?.(css) !== false)
+      return css;
+  };
+}
+function colorableShadows(shadows, colorVar) {
   const colored = [];
   shadows = toArray(shadows);
   for (let i = 0; i < shadows.length; i++) {
@@ -390,29 +413,29 @@ const colorableShadows = (shadows, colorVar) => {
     colored.push(`${components.join(" ")} var(${colorVar}, ${colorToString(color)})`);
   }
   return colored;
-};
-const hasParseableColor = (color, theme) => {
+}
+function hasParseableColor(color, theme) {
   return color != null && !!parseColor$1(color, theme)?.color;
-};
-const resolveBreakpoints = ({ theme, generator }) => {
+}
+function resolveBreakpoints({ theme, generator }) {
   let breakpoints;
   if (generator.userConfig && generator.userConfig.theme)
     breakpoints = generator.userConfig.theme.breakpoints;
   if (!breakpoints)
     breakpoints = theme.breakpoints;
   return breakpoints;
-};
-const resolveVerticalBreakpoints = ({ theme, generator }) => {
+}
+function resolveVerticalBreakpoints({ theme, generator }) {
   let verticalBreakpoints;
   if (generator.userConfig && generator.userConfig.theme)
     verticalBreakpoints = generator.userConfig.theme.verticalBreakpoints;
   if (!verticalBreakpoints)
     verticalBreakpoints = theme.verticalBreakpoints;
   return verticalBreakpoints;
-};
-const makeGlobalStaticRules = (prefix, property) => {
+}
+function makeGlobalStaticRules(prefix, property) {
   return globalKeywords.map((keyword) => [`${prefix}-${keyword}`, { [property ?? prefix]: keyword }]);
-};
+}
 function getComponent(str, open, close, separator) {
   if (str === "")
     return;
@@ -642,4 +665,4 @@ function parseCssSpaceColorValues(componentString) {
   };
 }
 
-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, makeGlobalStaticRules as m, getComponent as n, positionMap as o, parseColor$1 as p, hex2rgba as q, resolveVerticalBreakpoints as r, parseCssColor as s, h as t, getComponents as u, 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, makeGlobalStaticRules as m, numberWithUnitRE as n, getComponent as o, parseColor$1 as p, positionMap as q, resolveVerticalBreakpoints as r, hex2rgba as s, parseCssColor as t, h as u, valueHandlers as v, getComponents as w, xyzMap as x };

package/dist/chunks/default2.cjs

@@ -148,7 +148,8 @@ const opacity = [
   [/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: colors.handler.bracket.percent.cssvar(d) })]
 ];
 const textColors = [
-  [/^(?:text|color|c)-(.+)$/, colors.colorResolver("color", "text"), { autocomplete: "(text|color|c)-$colors" }],
+  [/^(?:color|c)-(.+)$/, colors.colorResolver("color", "text"), { autocomplete: "(text|color|c)-$colors" }],
+  [/^text-(.+)$/, colors.colorResolver("color", "text", (css) => !css.color?.toString().match(colors.numberWithUnitRE)), { autocomplete: "(text|color|c)-$colors" }],
   [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": colors.handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
 ];
 const bgColors = [
@@ -747,6 +748,7 @@ exports.floats = floats;
 exports.fonts = fonts;
 exports.gaps = gaps;
 exports.grids = grids;
+exports.handlerBorderStyle = handlerBorderStyle;
 exports.insets = insets;
 exports.justifies = justifies;
 exports.margins = margins;

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 colorOpacityToString, f as cornerMap, m as makeGlobalStaticRules, i as colorableShadows, j as insetMap, r as resolveVerticalBreakpoints, k as resolveBreakpoints, l as directionSize } from './colors2.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, n as numberWithUnitRE, m as makeGlobalStaticRules, i as colorableShadows, j as insetMap, r as resolveVerticalBreakpoints, k as resolveBreakpoints, l as directionSize } from './colors2.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';
 
@@ -146,7 +146,8 @@ const opacity = [
   [/^op(?:acity)?-?(.+)$/, ([, d]) => ({ opacity: handler.bracket.percent.cssvar(d) })]
 ];
 const textColors = [
-  [/^(?:text|color|c)-(.+)$/, colorResolver("color", "text"), { autocomplete: "(text|color|c)-$colors" }],
+  [/^(?:color|c)-(.+)$/, colorResolver("color", "text"), { autocomplete: "(text|color|c)-$colors" }],
+  [/^text-(.+)$/, colorResolver("color", "text", (css) => !css.color?.toString().match(numberWithUnitRE)), { autocomplete: "(text|color|c)-$colors" }],
   [/^(?:text|color|c)-op(?:acity)?-?(.+)$/, ([, opacity2]) => ({ "--un-text-opacity": handler.bracket.percent(opacity2) }), { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }]
 ];
 const bgColors = [
@@ -731,4 +732,4 @@ const rules = [
   questionMark
 ].flat(1);
 
-export { aspectRatio as A, paddings as B, margins as C, svgUtilities as D, transitions as E, fonts as F, tabSizes as G, textIndents as H, textStrokes as I, textShadows as J, cssVariables as K, cssProperty as L, textDecorations as M, appearance as a, borderStyles as b, borders as c, opacity as d, textColors as e, bgColors as f, flex as g, gaps as h, grids as i, overflows as j, justifies as k, orders as l, alignments as m, placements as n, outline as o, positions as p, insets as q, rules as r, floats as s, textAligns as t, boxSizing as u, verticalAligns as v, willChange as w, questionMark as x, sizes as y, zIndexes as z };
+export { sizes as A, aspectRatio as B, paddings as C, margins as D, svgUtilities as E, transitions as F, fonts as G, tabSizes as H, textIndents as I, textStrokes as J, textShadows as K, cssVariables as L, cssProperty as M, textDecorations as N, appearance as a, borderStyles as b, borders as c, opacity as d, textColors as e, bgColors as f, flex as g, handlerBorderStyle as h, gaps as i, grids as j, overflows as k, justifies as l, orders as m, alignments as n, outline as o, positions as p, placements as q, rules as r, insets as s, textAligns as t, floats as u, verticalAligns as v, willChange as w, boxSizing as x, questionMark as y, zIndexes as z };

package/dist/chunks/default3.mjs

@@ -1,4 +1,4 @@
-import { k as resolveBreakpoints, n as getComponent, h as handler, C as CONTROL_MINI_NO_NEGATIVE } from './colors2.mjs';
+import { k as resolveBreakpoints, o as getComponent, h as handler, C as CONTROL_MINI_NO_NEGATIVE } from './colors2.mjs';
 import { v as variantParentMatcher, a as variantMatcher } from './variants.mjs';
 import { escapeRegExp } from '@unocss/core';
 

package/dist/chunks/transform.mjs

@@ -1,4 +1,4 @@
-import { h as handler, m as makeGlobalStaticRules, g as globalKeywords, c as colorResolver, i as colorableShadows, o as positionMap, x as xyzMap } from './colors2.mjs';
+import { h as handler, m as makeGlobalStaticRules, g as globalKeywords, c as colorResolver, i as colorableShadows, q as positionMap, x as xyzMap } from './colors2.mjs';
 
 const cursorValues = ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out"];
 const varEmpty = " ";

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { T as Theme } from './types-9e30040a.js';
 export { T as Theme, a as ThemeAnimation } from './types-9e30040a.js';
 export { t as theme } from './default-0fe8c7f8.js';
 export { c as colors } from './colors-f2b5968c.js';
-export { p as parseColor } from './utilities-b44b330d.js';
+export { p as parseColor } from './utilities-00da4436.js';
 
 declare const preflights: Preflight[];
 

package/dist/rules.cjs

@@ -23,6 +23,7 @@ exports.floats = _default.floats;
 exports.fonts = _default.fonts;
 exports.gaps = _default.gaps;
 exports.grids = _default.grids;
+exports.handlerBorderStyle = _default.handlerBorderStyle;
 exports.insets = _default.insets;
 exports.justifies = _default.justifies;
 exports.margins = _default.margins;

package/dist/rules.d.ts

@@ -1,4 +1,4 @@
-import { Rule } from '@unocss/core';
+import { Rule, CSSEntries } from '@unocss/core';
 import { T as Theme } from './types-9e30040a.js';
 
 declare const verticalAligns: Rule[];
@@ -10,6 +10,7 @@ declare const willChange: Rule[];
 
 declare const borderStyles: string[];
 declare const borders: Rule[];
+declare function handlerBorderStyle([, a, s]: string[]): CSSEntries | undefined;
 
 /**
  * @example op10 op-30 opacity-100
@@ -118,4 +119,4 @@ declare const cssProperty: Rule[];
 
 declare const textDecorations: Rule<Theme>[];
 
-export { alignments, appearance, appearances, aspectRatio, bgColors, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, contents, cssProperty, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };
+export { alignments, appearance, appearances, aspectRatio, bgColors, borderStyles, borders, boxShadows, boxShadowsBase, boxSizing, breaks, contents, cssProperty, cssVariables, cursors, displays, flex, floats, fontSmoothings, fontStyles, fonts, gaps, grids, handlerBorderStyle, insets, justifies, margins, opacity, orders, outline, overflows, paddings, placements, pointerEvents, positions, questionMark, resizes, ringBase, rings, rules, sizes, svgUtilities, tabSizes, textAligns, textColors, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, transformBase, transforms, transitions, userSelects, varEmpty, verticalAligns, whitespaces, willChange, zIndexes };

package/dist/rules.mjs

@@ -1,4 +1,4 @@
-export { m as alignments, a as appearance, A as aspectRatio, f as bgColors, b as borderStyles, c as borders, u as boxSizing, L as cssProperty, K as cssVariables, g as flex, s as floats, F as fonts, h as gaps, i as grids, q as insets, k as justifies, C as margins, d as opacity, l as orders, o as outline, j as overflows, B as paddings, n as placements, p as positions, x as questionMark, r as rules, y as sizes, D as svgUtilities, G as tabSizes, t as textAligns, e as textColors, M as textDecorations, H as textIndents, J as textShadows, I as textStrokes, E as transitions, v as verticalAligns, w as willChange, z as zIndexes } from './chunks/default2.mjs';
+export { n as alignments, a as appearance, B as aspectRatio, f as bgColors, b as borderStyles, c as borders, x as boxSizing, M as cssProperty, L as cssVariables, g as flex, u as floats, G as fonts, i as gaps, j as grids, h as handlerBorderStyle, s as insets, l as justifies, D as margins, d as opacity, m as orders, o as outline, k as overflows, C as paddings, q as placements, p as positions, y as questionMark, r as rules, A as sizes, E as svgUtilities, H as tabSizes, t as textAligns, e as textColors, N as textDecorations, I as textIndents, K as textShadows, J as textStrokes, F as transitions, v as verticalAligns, w as willChange, z as zIndexes } from './chunks/default2.mjs';
 export { k as appearances, h as boxShadows, b as boxShadowsBase, m as breaks, c as contents, j as cursors, d as displays, g as fontSmoothings, f as fontStyles, p as pointerEvents, l as resizes, r as ringBase, i as rings, a as textOverflows, e as textTransforms, t as transformBase, n as transforms, u as userSelects, v as varEmpty, w as whitespaces } from './chunks/transform.mjs';
 import './chunks/colors2.mjs';
 import '@unocss/core';

package/dist/{utilities-b44b330d.d.ts → utilities-00da4436.d.ts}

@@ -1,4 +1,4 @@
-import { RuleContext, CSSEntries, ParsedColorValue, CSSObject, VariantContext, Rule } from '@unocss/core';
+import { DynamicMatcher, ParsedColorValue, CSSObject, VariantContext, Rule } from '@unocss/core';
 import { T as Theme } from './types-9e30040a.js';
 
 declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
@@ -6,10 +6,9 @@ declare const CONTROL_MINI_NO_NEGATIVE = "$$mini-no-negative";
  * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.
  *
  * @param {string} propertyPrefix - Property for the css value to be created. Postfix will be appended according to direction matched.
- * @return {@link DynamicMatcher} object.
  * @see {@link directionMap}
  */
-declare const directionSize: (propertyPrefix: string) => ([_, direction, size]: string[], { theme }: RuleContext<Theme>) => CSSEntries | undefined;
+declare function directionSize(propertyPrefix: string): DynamicMatcher;
 /**
  * Parse color string into {@link ParsedColorValue} (if possible). Color value will first be matched to theme object before parsing.
  * See also color.tests.ts for more examples.
@@ -24,7 +23,7 @@ declare const directionSize: (propertyPrefix: string) => ([_, direction, size]:
  * @param {Theme} theme - {@link Theme} object.
  * @return {ParsedColorValue|undefined}  {@link ParsedColorValue} object if string is parseable.
  */
-declare const parseColor: (body: string, theme: Theme) => ParsedColorValue | undefined;
+declare function parseColor(body: string, theme: Theme): ParsedColorValue | undefined;
 /**
  * Provide {@link DynamicMatcher} function to produce color value matched from rule.
  *
@@ -50,12 +49,12 @@ declare const parseColor: (body: string, theme: Theme) => ParsedColorValue | und
  * @param {string} varName - Base name for the opacity variable.
  * @return {@link DynamicMatcher} object.
  */
-declare const colorResolver: (property: string, varName: string) => ([, body]: string[], { theme }: RuleContext<Theme>) => CSSObject | undefined;
-declare const colorableShadows: (shadows: string | string[], colorVar: string) => string[];
-declare const hasParseableColor: (color: string | undefined, theme: Theme) => boolean;
-declare const resolveBreakpoints: ({ theme, generator }: Readonly<VariantContext<Theme>>) => Record<string, string> | undefined;
-declare const resolveVerticalBreakpoints: ({ theme, generator }: Readonly<VariantContext<Theme>>) => Record<string, string> | undefined;
-declare const makeGlobalStaticRules: (prefix: string, property?: string) => Rule<{}>[];
+declare function colorResolver(property: string, varName: string, shouldPass?: (css: CSSObject) => boolean): DynamicMatcher;
+declare function colorableShadows(shadows: string | string[], colorVar: string): string[];
+declare function hasParseableColor(color: string | undefined, theme: Theme): boolean;
+declare function resolveBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
+declare function resolveVerticalBreakpoints({ theme, generator }: Readonly<VariantContext<Theme>>): Record<string, string> | undefined;
+declare function makeGlobalStaticRules(prefix: string, property?: string): Rule<{}>[];
 declare function getComponent(str: string, open: string, close: string, separator: string): string[] | undefined;
 declare function getComponents(str: string, separator: string, limit?: number): string[] | undefined;
 

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 import * as _unocss_core from '@unocss/core';
 import { RGBAColorValue, CSSColorValue, VariantHandlerContext, VariantObject } from '@unocss/core';
-export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, g as getComponent, e as getComponents, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-b44b330d.js';
+export { C as CONTROL_MINI_NO_NEGATIVE, c as colorResolver, a as colorableShadows, d as directionSize, g as getComponent, e as getComponents, h as hasParseableColor, m as makeGlobalStaticRules, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-00da4436.js';
 import './types-9e30040a.js';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-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, n as getComponent, u as getComponents, g as globalKeywords, t as h, h as handler, a as hasParseableColor, q as hex2rgba, j as insetMap, m as makeGlobalStaticRules, p as parseColor, s as parseCssColor, o as positionMap, k as resolveBreakpoints, r as resolveVerticalBreakpoints, v as valueHandlers, x as xyzMap } from './chunks/colors2.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, o as getComponent, w as getComponents, g as globalKeywords, u as h, h as handler, a as hasParseableColor, s as hex2rgba, j as insetMap, m as makeGlobalStaticRules, p as parseColor, t as parseCssColor, q as positionMap, k as resolveBreakpoints, r as resolveVerticalBreakpoints, v as valueHandlers, x as xyzMap } from './chunks/colors2.mjs';
 export { a as variantMatcher, v as variantParentMatcher } from './chunks/variants.mjs';
 import '@unocss/core';

package/dist/variants.d.ts

@@ -3,7 +3,7 @@ import { T as Theme } from './types-9e30040a.js';
 import { PresetMiniOptions } from './index.js';
 import './default-0fe8c7f8.js';
 import './colors-f2b5968c.js';
-import './utilities-b44b330d.js';
+import './utilities-00da4436.js';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/package.json

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