@unocss/preset-mini 0.22.5 → 0.22.6

package/dist/chunks/default.cjs

@@ -124,6 +124,13 @@ const boxShadow = {
   "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)",
   "none": "0 0 #0000"
 };
+const easing = {
+  "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "linear": "linear",
+  "in": "cubic-bezier(0.4, 0, 1, 1)",
+  "out": "cubic-bezier(0, 0, 0.2, 1)",
+  "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+};
 
 const blur = {
   "DEFAULT": "8px",
@@ -206,7 +213,8 @@ const theme = {
   textShadow,
   textStrokeWidth,
   blur,
-  dropShadow
+  dropShadow,
+  easing
 };
 
 exports.baseSize = baseSize;
@@ -215,6 +223,7 @@ exports.borderRadius = borderRadius;
 exports.boxShadow = boxShadow;
 exports.breakpoints = breakpoints;
 exports.dropShadow = dropShadow;
+exports.easing = easing;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;
 exports.height = height;

package/dist/chunks/default.mjs

@@ -122,6 +122,13 @@ const boxShadow = {
   "inner": "inset 0 2px 4px 0 rgba(0,0,0,0.05)",
   "none": "0 0 #0000"
 };
+const easing = {
+  "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)",
+  "linear": "linear",
+  "in": "cubic-bezier(0.4, 0, 1, 1)",
+  "out": "cubic-bezier(0, 0, 0.2, 1)",
+  "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+};
 
 const blur = {
   "DEFAULT": "8px",
@@ -204,7 +211,8 @@ const theme = {
   textShadow,
   textStrokeWidth,
   blur,
-  dropShadow
+  dropShadow,
+  easing
 };
 
-export { fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, borderRadius as j, boxShadow as k, lineHeight as l, baseSize as m, width as n, maxWidth as o, height as p, maxHeight as q, theme as t, wordSpacing as w };
+export { fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, breakpoints as i, borderRadius as j, boxShadow as k, lineHeight as l, easing as m, baseSize as n, width as o, maxWidth as p, height as q, maxHeight as r, theme as t, wordSpacing as w };

package/dist/chunks/default2.cjs

@@ -19,9 +19,9 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": utilities.handler.bracket.cssvar.fraction.rem(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": utilities.handler.bracket.cssvar.px(d) })],
   [/^outline-(?:color-)?(.+)$/, utilities.colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": utilities.handler.bracket.cssvar.fraction.rem(d) })],
+  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": utilities.handler.bracket.cssvar.px(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" }]
@@ -168,19 +168,14 @@ const transitions = [
     if (p) {
       return {
         "transition-property": p,
-        "transition-timing-function": "cubic-bezier(0.4,0,0.2,1)",
+        "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
         "transition-duration": `${duration}ms`
       };
     }
   }],
   [/^(?:transition-)?duration-(.+)$/, ([, d]) => ({ "transition-duration": utilities.handler.bracket.cssvar.time(d) })],
   [/^(?:transition-)?delay-(.+)$/, ([, d]) => ({ "transition-delay": utilities.handler.bracket.cssvar.time(d) })],
-  [/^ease-(.+)$/, ([, d]) => ({ "transition-timing-function": utilities.handler.bracket.cssvar(d) })],
-  ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
-  ["ease-linear", { "transition-timing-function": "linear" }],
-  ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
-  ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
-  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
+  [/^(?:transition-)?ease(?:-(.+))?$/, ([, d], { theme }) => ({ "transition-timing-function": theme.easing?.[d || "DEFAULT"] ?? utilities.handler.bracket.cssvar(d) })],
   [/^(?:transition-)?property-(.+)$/, ([, v]) => ({ "transition-property": utilities.handler.global(v) || transitionProperty(v) })],
   ["transition-property-none", { "transition-property": "none" }],
   ["property-none", { "transition-property": "none" }],
@@ -806,10 +801,10 @@ const variablesAbbrMap = {
   ws: "white-space"
 };
 const cssVariables = [
-  [/^(.+?)-\$(.+)$/, ([, name, varname]) => {
+  [/^(.+?)-(\$.+)$/, ([, name, varname]) => {
     const prop = variablesAbbrMap[name];
     if (prop)
-      return { [prop]: `var(--${varname})` };
+      return { [prop]: utilities.handler.cssvar(varname) };
   }]
 ];
 const cssProperty = [

package/dist/chunks/default2.mjs

@@ -17,9 +17,9 @@ const textAligns = [
 ];
 
 const outline = [
-  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": handler.bracket.cssvar.fraction.rem(d) })],
+  [/^outline-(?:width-|size-)?(.+)$/, ([, d]) => ({ "outline-width": handler.bracket.cssvar.px(d) })],
   [/^outline-(?:color-)?(.+)$/, colorResolver("outline-color", "outline-color")],
-  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": handler.bracket.cssvar.fraction.rem(d) })],
+  [/^outline-offset-(.+)$/, ([, d]) => ({ "outline-offset": handler.bracket.cssvar.px(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" }]
@@ -166,19 +166,14 @@ const transitions = [
     if (p) {
       return {
         "transition-property": p,
-        "transition-timing-function": "cubic-bezier(0.4,0,0.2,1)",
+        "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)",
         "transition-duration": `${duration}ms`
       };
     }
   }],
   [/^(?:transition-)?duration-(.+)$/, ([, d]) => ({ "transition-duration": handler.bracket.cssvar.time(d) })],
   [/^(?:transition-)?delay-(.+)$/, ([, d]) => ({ "transition-delay": handler.bracket.cssvar.time(d) })],
-  [/^ease-(.+)$/, ([, d]) => ({ "transition-timing-function": handler.bracket.cssvar(d) })],
-  ["ease", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
-  ["ease-linear", { "transition-timing-function": "linear" }],
-  ["ease-in", { "transition-timing-function": "cubic-bezier(0.4, 0, 1, 1)" }],
-  ["ease-out", { "transition-timing-function": "cubic-bezier(0, 0, 0.2, 1)" }],
-  ["ease-in-out", { "transition-timing-function": "cubic-bezier(0.4, 0, 0.2, 1)" }],
+  [/^(?:transition-)?ease(?:-(.+))?$/, ([, d], { theme }) => ({ "transition-timing-function": theme.easing?.[d || "DEFAULT"] ?? handler.bracket.cssvar(d) })],
   [/^(?:transition-)?property-(.+)$/, ([, v]) => ({ "transition-property": handler.global(v) || transitionProperty(v) })],
   ["transition-property-none", { "transition-property": "none" }],
   ["property-none", { "transition-property": "none" }],
@@ -804,10 +799,10 @@ const variablesAbbrMap = {
   ws: "white-space"
 };
 const cssVariables = [
-  [/^(.+?)-\$(.+)$/, ([, name, varname]) => {
+  [/^(.+?)-(\$.+)$/, ([, name, varname]) => {
     const prop = variablesAbbrMap[name];
     if (prop)
-      return { [prop]: `var(--${varname})` };
+      return { [prop]: handler.cssvar(varname) };
   }]
 ];
 const cssProperty = [

package/dist/chunks/utilities.cjs

@@ -212,8 +212,8 @@ function bracket(str) {
   }
 }
 function cssvar(str) {
-  if (str.startsWith("$"))
-    return `var(--${str.slice(1)})`;
+  if (str.match(/^\$\S/))
+    return `var(--${core.escapeSelector(str.slice(1))})`;
 }
 function time(str) {
   const match = str.match(/^(-?[0-9.]+)(s|ms)?$/i);
@@ -296,7 +296,7 @@ const parseColor = (body, theme) => {
       colorData = getThemeColor(theme, colors.slice(0, -1));
     } else {
       colorData = getThemeColor(theme, colors);
-      if (!colorData) {
+      if (!colorData && colors.length <= 2) {
         [, no = no] = colors;
         colorData = getThemeColor(theme, [name]);
       }

package/dist/chunks/utilities.mjs

@@ -1,4 +1,4 @@
-import { createValueHandler, hex2rgba } from '@unocss/core';
+import { escapeSelector, createValueHandler, hex2rgba } from '@unocss/core';
 
 const directionMap = {
   "l": ["-left"],
@@ -210,8 +210,8 @@ function bracket(str) {
   }
 }
 function cssvar(str) {
-  if (str.startsWith("$"))
-    return `var(--${str.slice(1)})`;
+  if (str.match(/^\$\S/))
+    return `var(--${escapeSelector(str.slice(1))})`;
 }
 function time(str) {
   const match = str.match(/^(-?[0-9.]+)(s|ms)?$/i);
@@ -294,7 +294,7 @@ const parseColor = (body, theme) => {
       colorData = getThemeColor(theme, colors.slice(0, -1));
     } else {
       colorData = getThemeColor(theme, colors);
-      if (!colorData) {
+      if (!colorData && colors.length <= 2) {
         [, no = no] = colors;
         colorData = getThemeColor(theme, [name]);
       }

package/dist/{colors-338f482c.d.ts → colors-db01a23e.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-c14b808b';
+import { T as Theme } from './types-154878eb';
 
 declare const colors: Theme['colors'];
 

package/dist/colors.d.ts

@@ -1,2 +1,2 @@
-export { c as colors } from './colors-338f482c';
-import './types-c14b808b';
+export { c as colors } from './colors-db01a23e';
+import './types-154878eb';

package/dist/{default-17948303.d.ts → default-c46850c2.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-c14b808b';
+import { T as Theme } from './types-154878eb';
 
 declare const theme: Theme;
 

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { PresetOptions, Preset } from '@unocss/core';
-import { T as Theme } from './types-c14b808b';
-export { T as Theme, a as ThemeAnimation } from './types-c14b808b';
-export { t as theme } from './default-17948303';
-export { c as colors } from './colors-338f482c';
-export { p as parseColor } from './utilities-29b01158';
+import { T as Theme } from './types-154878eb';
+export { T as Theme, a as ThemeAnimation } from './types-154878eb';
+export { t as theme } from './default-c46850c2';
+export { c as colors } from './colors-db01a23e';
+export { p as parseColor } from './utilities-8c324eff';
 
 interface PresetMiniOptions extends PresetOptions {
     /**

package/dist/rules.d.ts

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './types-c14b808b';
+import { T as Theme } from './types-154878eb';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];
@@ -84,7 +84,7 @@ declare const svgUtilities: Rule[];
 
 declare const transforms: Rule[];
 
-declare const transitions: Rule[];
+declare const transitions: Rule<Theme>[];
 
 declare const fonts: Rule<Theme>[];
 declare const tabSizes: Rule<Theme>[];

package/dist/theme.cjs

@@ -14,6 +14,7 @@ exports.borderRadius = _default.borderRadius;
 exports.boxShadow = _default.boxShadow;
 exports.breakpoints = _default.breakpoints;
 exports.dropShadow = _default.dropShadow;
+exports.easing = _default.easing;
 exports.fontFamily = _default.fontFamily;
 exports.fontSize = _default.fontSize;
 exports.height = _default.height;

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
-export { c as colors } from './colors-338f482c';
-export { t as theme } from './default-17948303';
-import { T as Theme } from './types-c14b808b';
-export { T as Theme, a as ThemeAnimation } from './types-c14b808b';
+export { c as colors } from './colors-db01a23e';
+export { t as theme } from './default-c46850c2';
+import { T as Theme } from './types-154878eb';
+export { T as Theme, a as ThemeAnimation } from './types-154878eb';
 
 declare const blur: {
     DEFAULT: string;
@@ -64,6 +64,13 @@ declare const boxShadow: {
     inner: string;
     none: string;
 };
+declare const easing: {
+    DEFAULT: string;
+    linear: string;
+    in: string;
+    out: string;
+    'in-out': string;
+};
 
 declare const baseSize: {
     xs: string;
@@ -144,4 +151,4 @@ declare const maxHeight: {
     none: string;
 };
 
-export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, fontFamily, fontSize, height, letterSpacing, lineHeight, maxHeight, maxWidth, textIndent, textShadow, textStrokeWidth, width, wordSpacing };
+export { baseSize, blur, borderRadius, boxShadow, breakpoints, dropShadow, easing, fontFamily, fontSize, height, letterSpacing, lineHeight, maxHeight, maxWidth, textIndent, textShadow, textStrokeWidth, width, wordSpacing };

package/dist/theme.mjs

@@ -1,2 +1,2 @@
 export { c as colors } from './chunks/colors.mjs';
-export { m as baseSize, b as blur, j as borderRadius, k as boxShadow, i as breakpoints, d as dropShadow, f as fontFamily, a as fontSize, p as height, h as letterSpacing, l as lineHeight, q as maxHeight, o as maxWidth, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, n as width, w as wordSpacing } from './chunks/default.mjs';
+export { n as baseSize, b as blur, j as borderRadius, k as boxShadow, i as breakpoints, d as dropShadow, m as easing, f as fontFamily, a as fontSize, q as height, h as letterSpacing, l as lineHeight, r as maxHeight, p as maxWidth, c as textIndent, g as textShadow, e as textStrokeWidth, t as theme, o as width, w as wordSpacing } from './chunks/default.mjs';

package/dist/{types-c14b808b.d.ts → types-154878eb.d.ts}

@@ -31,6 +31,7 @@ interface Theme {
     textStrokeWidth?: Record<string, string>;
     blur?: Record<string, string>;
     dropShadow?: Record<string, string | string[]>;
+    easing?: Record<string, string>;
     animation?: ThemeAnimation;
 }
 

package/dist/{utilities-29b01158.d.ts → utilities-8c324eff.d.ts}

@@ -1,5 +1,5 @@
 import { DynamicMatcher, ParsedColorValue } from '@unocss/core';
-import { T as Theme } from './types-c14b808b';
+import { T as Theme } from './types-154878eb';
 
 /**
  * Provide {@link DynamicMatcher} function returning spacing definition. See spacing rules.

package/dist/utils.d.ts

@@ -1,7 +1,7 @@
 import * as _unocss_core from '@unocss/core';
 import { VariantHandler } from '@unocss/core';
-export { c as colorResolver, d as directionSize, p as parseColor } from './utilities-29b01158';
-import './types-c14b808b';
+export { c as colorResolver, d as directionSize, p as parseColor } from './utilities-8c324eff';
+import './types-154878eb';
 
 declare const directionMap: Record<string, string[]>;
 declare const insetMap: Record<string, string[]>;

package/dist/variants.d.ts

@@ -1,9 +1,9 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
-import { T as Theme } from './types-c14b808b';
+import { T as Theme } from './types-154878eb';
 import { PresetMiniOptions } from './index';
-import './default-17948303';
-import './colors-338f482c';
-import './utilities-29b01158';
+import './default-c46850c2';
+import './colors-db01a23e';
+import './utilities-8c324eff';
 
 declare const variantBreakpoints: Variant<Theme>;
 

package/package.json

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