@unocss/preset-mini 0.30.6 → 0.30.10

package/dist/chunks/default2.cjs

@@ -228,8 +228,8 @@ const weightMap = {
 };
 const fonts = [
   [
-    /^font-(\w+)$/,
-    ([, d], { theme }) => ({ "font-family": theme.fontFamily?.[d] || utilities.handler.global(d) }),
+    /^font-(.+)$/,
+    ([, d], { theme }) => ({ "font-family": theme.fontFamily?.[d] || utilities.handler.bracket.cssvar.global(d) }),
     { autocomplete: "font-$fontFamily" }
   ],
   [
@@ -668,8 +668,8 @@ const sizes = [
       ]
     }
   ],
-  [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.verticalBreakpoints?.[s] }), { autocomplete: ["h-screen-$verticalBreakpoints", "(min|max)-h-screen-$verticalBreakpoints"] }],
-  [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] }), { autocomplete: ["w-screen-$breakpoints", "(min|max)-w-screen-$breakpoints"] }]
+  [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: utilities.resolveVerticalBreakpoints(context)?.[s] }), { autocomplete: ["h-screen-$verticalBreakpoints", "(min|max)-h-screen-$verticalBreakpoints"] }],
+  [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: utilities.resolveBreakpoints(context)?.[s] }), { autocomplete: ["w-screen-$breakpoints", "(min|max)-w-screen-$breakpoints"] }]
 ];
 function getAspectRatio(prop) {
   if (/^\d+\/\d+$/.test(prop))
@@ -688,17 +688,19 @@ const aspectRatio = [
 
 const paddings = [
   [/^pa?()-?(-?.+)$/, utilities.directionSize("padding"), { autocomplete: ["(m|p)<num>", "(m|p)-<num>"] }],
-  [/^p-?([xy])-?(-?.+)$/, utilities.directionSize("padding")],
-  [/^p-?([rltbse])-?(-?.+)$/, utilities.directionSize("padding"), { autocomplete: "(m|p)<directions>-<num>" }],
-  [/^p-(block|inline)-(-?.+)$/, utilities.directionSize("padding"), { autocomplete: "(m|p)-(block|inline)-<num>" }],
-  [/^p-?([bi][se])-?(-?.+)$/, utilities.directionSize("padding"), { autocomplete: "(m|p)-(bs|be|is|ie)-<num>" }]
+  [/^p-?xy()()$/, utilities.directionSize("padding"), { autocomplete: "(m|p)-(xy)" }],
+  [/^p-?([xy])(?:-?(-?.+))?$/, utilities.directionSize("padding")],
+  [/^p-?([rltbse])(?:-?(-?.+))?$/, utilities.directionSize("padding"), { autocomplete: "(m|p)<directions>-<num>" }],
+  [/^p-(block|inline)(?:-(-?.+))?$/, utilities.directionSize("padding"), { autocomplete: "(m|p)-(block|inline)-<num>" }],
+  [/^p-?([bi][se])(?:-?(-?.+))?$/, utilities.directionSize("padding"), { autocomplete: "(m|p)-(bs|be|is|ie)-<num>" }]
 ];
 const margins = [
   [/^ma?()-?(-?.+)$/, utilities.directionSize("margin")],
-  [/^m-?([xy])-?(-?.+)$/, utilities.directionSize("margin")],
-  [/^m-?([rltbse])-?(-?.+)$/, utilities.directionSize("margin")],
-  [/^m-(block|inline)-(-?.+)$/, utilities.directionSize("margin")],
-  [/^m-?([bi][se])-?(-?.+)$/, utilities.directionSize("margin")]
+  [/^m-?xy()()$/, utilities.directionSize("margin")],
+  [/^m-?([xy])(?:-?(-?.+))?$/, utilities.directionSize("margin")],
+  [/^m-?([rltbse])(?:-?(-?.+))?$/, utilities.directionSize("margin")],
+  [/^m-(block|inline)(?:-(-?.+))?$/, utilities.directionSize("margin")],
+  [/^m-?([bi][se])(?:-?(-?.+))?$/, utilities.directionSize("margin")]
 ];
 
 const transformGpu = {

package/dist/chunks/default2.mjs

@@ -1,4 +1,4 @@
-import { 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, g as directionSize, j as positionMap, x as xyzMap } from './utilities.mjs';
+import { 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, g as resolveBreakpoints, j as directionSize, k as positionMap, x as xyzMap } from './utilities.mjs';
 import { toArray, CONTROL_SHORTCUT_NO_MERGE } from '@unocss/core';
 
 const verticalAlignAlias = {
@@ -226,8 +226,8 @@ const weightMap = {
 };
 const fonts = [
   [
-    /^font-(\w+)$/,
-    ([, d], { theme }) => ({ "font-family": theme.fontFamily?.[d] || handler.global(d) }),
+    /^font-(.+)$/,
+    ([, d], { theme }) => ({ "font-family": theme.fontFamily?.[d] || handler.bracket.cssvar.global(d) }),
     { autocomplete: "font-$fontFamily" }
   ],
   [
@@ -666,8 +666,8 @@ const sizes = [
       ]
     }
   ],
-  [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.verticalBreakpoints?.[s] }), { autocomplete: ["h-screen-$verticalBreakpoints", "(min|max)-h-screen-$verticalBreakpoints"] }],
-  [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], { theme }) => ({ [getPropName(m, w)]: theme.breakpoints?.[s] }), { autocomplete: ["w-screen-$breakpoints", "(min|max)-w-screen-$breakpoints"] }]
+  [/^(min-|max-)?(h)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: resolveVerticalBreakpoints(context)?.[s] }), { autocomplete: ["h-screen-$verticalBreakpoints", "(min|max)-h-screen-$verticalBreakpoints"] }],
+  [/^(min-|max-)?(w)-screen-(.+)$/, ([, m, w, s], context) => ({ [getPropName(m, w)]: resolveBreakpoints(context)?.[s] }), { autocomplete: ["w-screen-$breakpoints", "(min|max)-w-screen-$breakpoints"] }]
 ];
 function getAspectRatio(prop) {
   if (/^\d+\/\d+$/.test(prop))
@@ -686,17 +686,19 @@ const aspectRatio = [
 
 const paddings = [
   [/^pa?()-?(-?.+)$/, directionSize("padding"), { autocomplete: ["(m|p)<num>", "(m|p)-<num>"] }],
-  [/^p-?([xy])-?(-?.+)$/, directionSize("padding")],
-  [/^p-?([rltbse])-?(-?.+)$/, directionSize("padding"), { autocomplete: "(m|p)<directions>-<num>" }],
-  [/^p-(block|inline)-(-?.+)$/, directionSize("padding"), { autocomplete: "(m|p)-(block|inline)-<num>" }],
-  [/^p-?([bi][se])-?(-?.+)$/, directionSize("padding"), { autocomplete: "(m|p)-(bs|be|is|ie)-<num>" }]
+  [/^p-?xy()()$/, directionSize("padding"), { autocomplete: "(m|p)-(xy)" }],
+  [/^p-?([xy])(?:-?(-?.+))?$/, directionSize("padding")],
+  [/^p-?([rltbse])(?:-?(-?.+))?$/, directionSize("padding"), { autocomplete: "(m|p)<directions>-<num>" }],
+  [/^p-(block|inline)(?:-(-?.+))?$/, directionSize("padding"), { autocomplete: "(m|p)-(block|inline)-<num>" }],
+  [/^p-?([bi][se])(?:-?(-?.+))?$/, directionSize("padding"), { autocomplete: "(m|p)-(bs|be|is|ie)-<num>" }]
 ];
 const margins = [
   [/^ma?()-?(-?.+)$/, directionSize("margin")],
-  [/^m-?([xy])-?(-?.+)$/, directionSize("margin")],
-  [/^m-?([rltbse])-?(-?.+)$/, directionSize("margin")],
-  [/^m-(block|inline)-(-?.+)$/, directionSize("margin")],
-  [/^m-?([bi][se])-?(-?.+)$/, directionSize("margin")]
+  [/^m-?xy()()$/, directionSize("margin")],
+  [/^m-?([xy])(?:-?(-?.+))?$/, directionSize("margin")],
+  [/^m-?([rltbse])(?:-?(-?.+))?$/, directionSize("margin")],
+  [/^m-(block|inline)(?:-(-?.+))?$/, directionSize("margin")],
+  [/^m-?([bi][se])(?:-?(-?.+))?$/, directionSize("margin")]
 ];
 
 const transformGpu = {

package/dist/chunks/default3.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+const utilities = require('./utilities.cjs');
 const variants$1 = require('./variants.cjs');
 const core = require('@unocss/core');
 
@@ -11,8 +12,8 @@ const calcMaxWidthBySize = (size) => {
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 };
 const variantBreakpoints = {
-  match(matcher, { theme }) {
-    const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
+  match(matcher, context) {
+    const variantEntries = Object.entries(utilities.resolveBreakpoints(context) ?? {}).map(([point, size], idx) => [point, size, idx]);
     for (const [point, size, idx] of variantEntries) {
       if (!regexCache[point])
         regexCache[point] = new RegExp(`^((?:[al]t-)?${point}[:-])`);

package/dist/chunks/default3.mjs

@@ -1,3 +1,4 @@
+import { g as resolveBreakpoints } from './utilities.mjs';
 import { v as variantParentMatcher, a as variantMatcher } from './variants.mjs';
 import { toArray, escapeRegExp } from '@unocss/core';
 
@@ -9,8 +10,8 @@ const calcMaxWidthBySize = (size) => {
   return Number.isNaN(maxWidth) ? size : `${maxWidth}${unit}`;
 };
 const variantBreakpoints = {
-  match(matcher, { theme }) {
-    const variantEntries = Object.entries(theme.breakpoints || {}).map(([point, size], idx) => [point, size, idx]);
+  match(matcher, context) {
+    const variantEntries = Object.entries(resolveBreakpoints(context) ?? {}).map(([point, size], idx) => [point, size, idx]);
     for (const [point, size, idx] of variantEntries) {
       if (!regexCache[point])
         regexCache[point] = new RegExp(`^((?:[al]t-)?${point}[:-])`);

package/dist/chunks/utilities.cjs

@@ -600,6 +600,22 @@ const colorableShadows = (shadows, colorVar) => {
 const hasParseableColor = (color, theme) => {
   return color != null && !!parseColor(color, theme)?.color;
 };
+const 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 }) => {
+  let verticalBreakpoints;
+  if (generator.userConfig && generator.userConfig.theme)
+    verticalBreakpoints = generator.userConfig.theme.verticalBreakpoints;
+  if (!verticalBreakpoints)
+    verticalBreakpoints = theme.verticalBreakpoints;
+  return verticalBreakpoints;
+};
 
 exports.colorResolver = colorResolver;
 exports.colorToString = colorToString;
@@ -616,5 +632,7 @@ exports.insetMap = insetMap;
 exports.parseColor = parseColor;
 exports.parseCssColor = parseCssColor;
 exports.positionMap = positionMap;
+exports.resolveBreakpoints = resolveBreakpoints;
+exports.resolveVerticalBreakpoints = resolveVerticalBreakpoints;
 exports.valueHandlers = valueHandlers;
 exports.xyzMap = xyzMap;

package/dist/chunks/utilities.mjs

@@ -598,5 +598,21 @@ const colorableShadows = (shadows, colorVar) => {
 const hasParseableColor = (color, theme) => {
   return color != null && !!parseColor(color, theme)?.color;
 };
+const 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 }) => {
+  let verticalBreakpoints;
+  if (generator.userConfig && generator.userConfig.theme)
+    verticalBreakpoints = generator.userConfig.theme.verticalBreakpoints;
+  if (!verticalBreakpoints)
+    verticalBreakpoints = theme.verticalBreakpoints;
+  return verticalBreakpoints;
+};
 
-export { hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, cornerMap as e, colorableShadows as f, directionSize as g, handler as h, insetMap as i, positionMap as j, hex2rgba as k, parseCssColor as l, getComponents as m, h as n, parseColor as p, valueHandlers as v, xyzMap as x };
+export { hasParseableColor as a, colorToString as b, colorResolver as c, directionMap as d, cornerMap as e, colorableShadows as f, resolveBreakpoints as g, handler as h, insetMap as i, directionSize as j, positionMap as k, hex2rgba as l, parseCssColor as m, getComponents as n, h as o, parseColor as p, resolveVerticalBreakpoints as r, valueHandlers as v, xyzMap as x };

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { T as Theme } from './types-f7b2c653.js';
 export { T as Theme, a as ThemeAnimation } from './types-f7b2c653.js';
 export { t as theme } from './default-e6d1b2e8.js';
 export { c as colors } from './colors-ce2fecb8.js';
-export { p as parseColor } from './utilities-820bcff8.js';
+export { p as parseColor } from './utilities-e0ec1790.js';
 
 interface PresetMiniOptions extends PresetOptions {
     /**

package/dist/{utilities-820bcff8.d.ts → utilities-e0ec1790.d.ts}

@@ -1,4 +1,4 @@
-import { RuleContext, CSSEntries, ParsedColorValue, CSSObject } from '@unocss/core';
+import { RuleContext, CSSEntries, ParsedColorValue, CSSObject, VariantContext } from '@unocss/core';
 import { T as Theme } from './types-f7b2c653.js';
 
 /**
@@ -52,5 +52,7 @@ declare const parseColor: (body: string, theme: Theme) => ParsedColorValue | und
 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;
 
-export { colorableShadows as a, colorResolver as c, directionSize as d, hasParseableColor as h, parseColor as p };
+export { colorableShadows as a, resolveVerticalBreakpoints as b, colorResolver as c, directionSize as d, hasParseableColor as h, parseColor as p, resolveBreakpoints as r };

package/dist/utils.cjs

@@ -23,6 +23,8 @@ exports.insetMap = utilities.insetMap;
 exports.parseColor = utilities.parseColor;
 exports.parseCssColor = utilities.parseCssColor;
 exports.positionMap = utilities.positionMap;
+exports.resolveBreakpoints = utilities.resolveBreakpoints;
+exports.resolveVerticalBreakpoints = utilities.resolveVerticalBreakpoints;
 exports.valueHandlers = utilities.valueHandlers;
 exports.xyzMap = utilities.xyzMap;
 exports.variantMatcher = variants.variantMatcher;

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 import * as _unocss_core from '@unocss/core';
 import { RGBAColorValue, CSSColorValue, VariantObject } from '@unocss/core';
-export { c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor } from './utilities-820bcff8.js';
+export { c as colorResolver, a as colorableShadows, d as directionSize, h as hasParseableColor, p as parseColor, r as resolveBreakpoints, b as resolveVerticalBreakpoints } from './utilities-e0ec1790.js';
 import './types-f7b2c653.js';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;

package/dist/utils.mjs

@@ -1,3 +1,3 @@
-export { c as colorResolver, b as colorToString, f as colorableShadows, e as cornerMap, d as directionMap, g as directionSize, m as getComponents, n as h, h as handler, a as hasParseableColor, k as hex2rgba, i as insetMap, p as parseColor, l as parseCssColor, j as positionMap, v as valueHandlers, x as xyzMap } from './chunks/utilities.mjs';
+export { c as colorResolver, b as colorToString, f as colorableShadows, e as cornerMap, d as directionMap, j as directionSize, n as getComponents, o as h, h as handler, a as hasParseableColor, l as hex2rgba, i as insetMap, p as parseColor, m as parseCssColor, k as positionMap, g 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.cjs

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const _default = require('./chunks/default3.cjs');
-require('./chunks/variants.cjs');
+require('./chunks/utilities.cjs');
 require('@unocss/core');
+require('./chunks/variants.cjs');
 
 
 

package/dist/variants.d.ts

@@ -3,7 +3,7 @@ import { T as Theme } from './types-f7b2c653.js';
 import { PresetMiniOptions } from './index.js';
 import './default-e6d1b2e8.js';
 import './colors-ce2fecb8.js';
-import './utilities-820bcff8.js';
+import './utilities-e0ec1790.js';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/dist/variants.mjs

@@ -1,3 +1,4 @@
 export { p as partClasses, a as variantBreakpoints, e as variantColorsMediaOrClass, b as variantCombinators, d as variantCustomMedia, j as variantImportant, f as variantLanguageDirections, h as variantLayer, k as variantNegative, c as variantPrint, n as variantPseudoClassFunctions, m as variantPseudoClasses, l as variantPseudoElements, i as variantScope, g as variantSelector, o as variantTaggedPseudoClasses, v as variants } from './chunks/default3.mjs';
-import './chunks/variants.mjs';
+import './chunks/utilities.mjs';
 import '@unocss/core';
+import './chunks/variants.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-mini",
-  "version": "0.30.6",
+  "version": "0.30.10",
   "description": "The minimal preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -61,7 +61,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@unocss/core": "0.30.6"
+    "@unocss/core": "0.30.10"
   },
   "scripts": {
     "build": "unbuild",