@unocss/preset-mini 0.24.4 → 0.25.0

package/dist/chunks/default2.cjs

@@ -472,6 +472,7 @@ const whitespaces = [
   [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
 ];
 const contents = [
+  [/^content-\[(.+)\]$/, ([, v]) => ({ content: `"${v}"` })],
   ["content-empty", { content: '""' }],
   ["content-none", { content: '""' }]
 ];

package/dist/chunks/default2.mjs

@@ -470,6 +470,7 @@ const whitespaces = [
   [/^(?:whitespace|ws)-(normal|nowrap|pre|pre-line|pre-wrap)$/, ([, v]) => ({ "white-space": v })]
 ];
 const contents = [
+  [/^content-\[(.+)\]$/, ([, v]) => ({ content: `"${v}"` })],
   ["content-empty", { content: '""' }],
   ["content-none", { content: '""' }]
 ];

package/dist/chunks/default3.cjs

@@ -61,15 +61,17 @@ const variantCombinators = [
   scopeMatcher(true, "peer", "&&-c~&&-s")
 ];
 
-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 variantCustomMedia = (matcher, { theme }) => {
+  const match = matcher.match(/^media-([_\d\w]+)[:-]/);
+  if (match) {
+    const media = theme.media?.[match[1]] ?? `(--${match[1]})`;
+    return {
+      matcher: matcher.slice(match[0].length),
+      parent: `@media ${media}`
+    };
+  }
+};
 
 const variantColorsMediaOrClass = (options = {}) => {
   if (options?.dark === "class") {
@@ -89,9 +91,20 @@ const variantLanguageDirections = [
   variants$1.variantMatcher("ltr", (input) => `[dir="ltr"] $$ ${input}`)
 ];
 
+const variantSelector = {
+  match(matcher) {
+    const match = matcher.match(/^selector-\[(.+?)\][:-]/);
+    if (match) {
+      return {
+        matcher: matcher.slice(match[0].length),
+        selector: () => match[1]
+      };
+    }
+  }
+};
 const variantLayer = {
   match(matcher) {
-    const match = matcher.match(/^layer-([\d\w]+)[:-]/);
+    const match = matcher.match(/^layer-([_\d\w]+)[:-]/);
     if (match) {
       return {
         matcher: matcher.slice(match[0].length),
@@ -100,6 +113,17 @@ const variantLayer = {
     }
   }
 };
+const variantScope = {
+  match(matcher) {
+    const match = matcher.match(/^scope-([_\d\w]+)[:-]/);
+    if (match) {
+      return {
+        matcher: matcher.slice(match[0].length),
+        selector: (s) => `.${match[1]} $$ ${s}`
+      };
+    }
+  }
+};
 const variantImportant = {
   match(matcher) {
     if (matcher.startsWith("!")) {
@@ -291,12 +315,12 @@ const partClasses = {
 };
 
 const variants = (options) => [
+  variantSelector,
   variantLayer,
   variantNegative,
   variantImportant,
   variantPrint,
-  ...variantOrientations,
-  ...variantMotions,
+  variantCustomMedia,
   variantBreakpoints,
   ...variantCombinators,
   variantPseudoClasses,
@@ -305,22 +329,24 @@ const variants = (options) => [
   variantPseudoElements,
   partClasses,
   ...variantColorsMediaOrClass(options),
-  ...variantLanguageDirections
+  ...variantLanguageDirections,
+  variantScope
 ];
 
 exports.partClasses = partClasses;
 exports.variantBreakpoints = variantBreakpoints;
 exports.variantColorsMediaOrClass = variantColorsMediaOrClass;
 exports.variantCombinators = variantCombinators;
+exports.variantCustomMedia = variantCustomMedia;
 exports.variantImportant = variantImportant;
 exports.variantLanguageDirections = variantLanguageDirections;
 exports.variantLayer = variantLayer;
-exports.variantMotions = variantMotions;
 exports.variantNegative = variantNegative;
-exports.variantOrientations = variantOrientations;
 exports.variantPrint = variantPrint;
 exports.variantPseudoClassFunctions = variantPseudoClassFunctions;
 exports.variantPseudoClasses = variantPseudoClasses;
 exports.variantPseudoElements = variantPseudoElements;
+exports.variantScope = variantScope;
+exports.variantSelector = variantSelector;
 exports.variantTaggedPseudoClasses = variantTaggedPseudoClasses;
 exports.variants = variants;

package/dist/chunks/default3.mjs

@@ -59,15 +59,17 @@ const variantCombinators = [
   scopeMatcher(true, "peer", "&&-c~&&-s")
 ];
 
-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 variantCustomMedia = (matcher, { theme }) => {
+  const match = matcher.match(/^media-([_\d\w]+)[:-]/);
+  if (match) {
+    const media = theme.media?.[match[1]] ?? `(--${match[1]})`;
+    return {
+      matcher: matcher.slice(match[0].length),
+      parent: `@media ${media}`
+    };
+  }
+};
 
 const variantColorsMediaOrClass = (options = {}) => {
   if (options?.dark === "class") {
@@ -87,9 +89,20 @@ const variantLanguageDirections = [
   variantMatcher("ltr", (input) => `[dir="ltr"] $$ ${input}`)
 ];
 
+const variantSelector = {
+  match(matcher) {
+    const match = matcher.match(/^selector-\[(.+?)\][:-]/);
+    if (match) {
+      return {
+        matcher: matcher.slice(match[0].length),
+        selector: () => match[1]
+      };
+    }
+  }
+};
 const variantLayer = {
   match(matcher) {
-    const match = matcher.match(/^layer-([\d\w]+)[:-]/);
+    const match = matcher.match(/^layer-([_\d\w]+)[:-]/);
     if (match) {
       return {
         matcher: matcher.slice(match[0].length),
@@ -98,6 +111,17 @@ const variantLayer = {
     }
   }
 };
+const variantScope = {
+  match(matcher) {
+    const match = matcher.match(/^scope-([_\d\w]+)[:-]/);
+    if (match) {
+      return {
+        matcher: matcher.slice(match[0].length),
+        selector: (s) => `.${match[1]} $$ ${s}`
+      };
+    }
+  }
+};
 const variantImportant = {
   match(matcher) {
     if (matcher.startsWith("!")) {
@@ -289,12 +313,12 @@ const partClasses = {
 };
 
 const variants = (options) => [
+  variantSelector,
   variantLayer,
   variantNegative,
   variantImportant,
   variantPrint,
-  ...variantOrientations,
-  ...variantMotions,
+  variantCustomMedia,
   variantBreakpoints,
   ...variantCombinators,
   variantPseudoClasses,
@@ -303,7 +327,8 @@ const variants = (options) => [
   variantPseudoElements,
   partClasses,
   ...variantColorsMediaOrClass(options),
-  ...variantLanguageDirections
+  ...variantLanguageDirections,
+  variantScope
 ];
 
-export { variantBreakpoints as a, variantCombinators as b, variantMotions as c, variantOrientations as d, variantPrint as e, variantColorsMediaOrClass as f, variantLanguageDirections as g, variantLayer as h, variantImportant as i, variantNegative as j, variantPseudoElements as k, variantPseudoClasses as l, variantPseudoClassFunctions as m, variantTaggedPseudoClasses as n, partClasses as p, variants as v };
+export { variantBreakpoints as a, variantCombinators as b, variantPrint as c, variantCustomMedia as d, variantColorsMediaOrClass as e, variantLanguageDirections as f, variantSelector as g, variantLayer as h, variantScope as i, variantImportant as j, variantNegative as k, variantPseudoElements as l, variantPseudoClasses as m, variantPseudoClassFunctions as n, variantTaggedPseudoClasses as o, partClasses as p, variants as v };

package/dist/chunks/utilities.cjs

@@ -58,7 +58,7 @@ function parseColor$1(str) {
     return color;
 }
 function parseHexColor(str) {
-  const [, body] = str.match(/^#?([\da-f]+)$/i) || [];
+  const [, body] = str.match(/^#([\da-f]+)$/i) || [];
   if (!body)
     return;
   switch (body.length) {
@@ -497,9 +497,9 @@ const parseColor = (body, theme) => {
   const bracket = handler.bracket(main);
   const bracketOrMain = bracket || main;
   if (bracketOrMain.startsWith("#"))
-    color = bracketOrMain.slice(1);
+    color = bracketOrMain;
   else if (bracketOrMain.startsWith("hex-"))
-    color = bracketOrMain.slice(4);
+    color = `#${bracketOrMain.slice(4)}`;
   else if (main.startsWith("$"))
     color = handler.cssvar(main);
   color = color || bracket;

package/dist/chunks/utilities.mjs

@@ -56,7 +56,7 @@ function parseColor$1(str) {
     return color;
 }
 function parseHexColor(str) {
-  const [, body] = str.match(/^#?([\da-f]+)$/i) || [];
+  const [, body] = str.match(/^#([\da-f]+)$/i) || [];
   if (!body)
     return;
   switch (body.length) {
@@ -495,9 +495,9 @@ const parseColor = (body, theme) => {
   const bracket = handler.bracket(main);
   const bracketOrMain = bracket || main;
   if (bracketOrMain.startsWith("#"))
-    color = bracketOrMain.slice(1);
+    color = bracketOrMain;
   else if (bracketOrMain.startsWith("hex-"))
-    color = bracketOrMain.slice(4);
+    color = `#${bracketOrMain.slice(4)}`;
   else if (main.startsWith("$"))
     color = handler.cssvar(main);
   color = color || bracket;

package/dist/{colors-06de139a.d.ts → colors-0db1b382.d.ts}

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

package/dist/colors.d.ts

@@ -1,2 +1,2 @@
-export { c as colors } from './colors-06de139a';
-import './types-f185ef8d';
+export { c as colors } from './colors-0db1b382';
+import './types-ef1d7462';

package/dist/{default-595a2a04.d.ts → default-3eaf5bb0.d.ts}

@@ -1,4 +1,4 @@
-import { T as Theme } from './types-f185ef8d';
+import { T as Theme } from './types-ef1d7462';
 
 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-f185ef8d';
-export { T as Theme, a as ThemeAnimation } from './types-f185ef8d';
-export { t as theme } from './default-595a2a04';
-export { c as colors } from './colors-06de139a';
-export { p as parseColor } from './utilities-df1ea892';
+import { T as Theme } from './types-ef1d7462';
+export { T as Theme, a as ThemeAnimation } from './types-ef1d7462';
+export { t as theme } from './default-3eaf5bb0';
+export { c as colors } from './colors-0db1b382';
+export { p as parseColor } from './utilities-43c87ad4';
 
 interface PresetMiniOptions extends PresetOptions {
     /**

package/dist/rules.d.ts

@@ -1,5 +1,5 @@
 import { Rule } from '@unocss/core';
-import { T as Theme } from './types-f185ef8d';
+import { T as Theme } from './types-ef1d7462';
 
 declare const verticalAligns: Rule[];
 declare const textAligns: Rule[];

package/dist/theme.d.ts

@@ -1,7 +1,7 @@
-export { c as colors } from './colors-06de139a';
-export { t as theme } from './default-595a2a04';
-import { T as Theme } from './types-f185ef8d';
-export { T as Theme, a as ThemeAnimation } from './types-f185ef8d';
+export { c as colors } from './colors-0db1b382';
+export { t as theme } from './default-3eaf5bb0';
+import { T as Theme } from './types-ef1d7462';
+export { T as Theme, a as ThemeAnimation } from './types-ef1d7462';
 
 declare const blur: {
     DEFAULT: string;

package/dist/{types-f185ef8d.d.ts → types-ef1d7462.d.ts}

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

package/dist/{utilities-df1ea892.d.ts → utilities-43c87ad4.d.ts}

@@ -1,5 +1,5 @@
 import { DynamicMatcher, ParsedColorValue } from '@unocss/core';
-import { T as Theme } from './types-f185ef8d';
+import { T as Theme } from './types-ef1d7462';
 
 /**
  * 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 { RGBAColorValue, CSSColorValue, VariantHandler } from '@unocss/core';
-export { c as colorResolver, a as colorableShadows, d as directionSize, p as parseColor } from './utilities-df1ea892';
-import './types-f185ef8d';
+export { c as colorResolver, a as colorableShadows, d as directionSize, p as parseColor } from './utilities-43c87ad4';
+import './types-ef1d7462';
 
 declare function hex2rgba(hex?: string): RGBAColorValue | undefined;
 declare function parseCssColor(str?: string): CSSColorValue | undefined;

package/dist/variants.cjs

@@ -12,15 +12,16 @@ exports.partClasses = _default.partClasses;
 exports.variantBreakpoints = _default.variantBreakpoints;
 exports.variantColorsMediaOrClass = _default.variantColorsMediaOrClass;
 exports.variantCombinators = _default.variantCombinators;
+exports.variantCustomMedia = _default.variantCustomMedia;
 exports.variantImportant = _default.variantImportant;
 exports.variantLanguageDirections = _default.variantLanguageDirections;
 exports.variantLayer = _default.variantLayer;
-exports.variantMotions = _default.variantMotions;
 exports.variantNegative = _default.variantNegative;
-exports.variantOrientations = _default.variantOrientations;
 exports.variantPrint = _default.variantPrint;
 exports.variantPseudoClassFunctions = _default.variantPseudoClassFunctions;
 exports.variantPseudoClasses = _default.variantPseudoClasses;
 exports.variantPseudoElements = _default.variantPseudoElements;
+exports.variantScope = _default.variantScope;
+exports.variantSelector = _default.variantSelector;
 exports.variantTaggedPseudoClasses = _default.variantTaggedPseudoClasses;
 exports.variants = _default.variants;

package/dist/variants.d.ts

@@ -1,17 +1,16 @@
 import { Variant, VariantFunction, VariantObject } from '@unocss/core';
-import { T as Theme } from './types-f185ef8d';
+import { T as Theme } from './types-ef1d7462';
 import { PresetMiniOptions } from './index';
-import './default-595a2a04';
-import './colors-06de139a';
-import './utilities-df1ea892';
+import './default-3eaf5bb0';
+import './colors-0db1b382';
+import './utilities-43c87ad4';
 
 declare const variantBreakpoints: Variant<Theme>;
 
 declare const variantCombinators: Variant[];
 
-declare const variantMotions: VariantFunction[];
-declare const variantOrientations: VariantFunction[];
 declare const variantPrint: VariantFunction;
+declare const variantCustomMedia: VariantFunction;
 
 declare const variantColorsMediaOrClass: (options?: PresetMiniOptions) => VariantFunction[];
 
@@ -19,7 +18,9 @@ declare const variants: (options: PresetMiniOptions) => Variant<Theme>[];
 
 declare const variantLanguageDirections: Variant[];
 
+declare const variantSelector: Variant;
 declare const variantLayer: Variant;
+declare const variantScope: Variant;
 declare const variantImportant: Variant;
 declare const variantNegative: Variant;
 
@@ -29,4 +30,4 @@ declare const variantPseudoClassFunctions: VariantObject;
 declare const variantTaggedPseudoClasses: (options?: PresetMiniOptions) => VariantObject[];
 declare const partClasses: VariantObject;
 
-export { partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantImportant, variantLanguageDirections, variantLayer, variantMotions, variantNegative, variantOrientations, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantTaggedPseudoClasses, variants };
+export { partClasses, variantBreakpoints, variantColorsMediaOrClass, variantCombinators, variantCustomMedia, variantImportant, variantLanguageDirections, variantLayer, variantNegative, variantPrint, variantPseudoClassFunctions, variantPseudoClasses, variantPseudoElements, variantScope, variantSelector, variantTaggedPseudoClasses, variants };

package/dist/variants.mjs

@@ -1,3 +1,3 @@
-export { p as partClasses, a as variantBreakpoints, f as variantColorsMediaOrClass, b as variantCombinators, i as variantImportant, g as variantLanguageDirections, h as variantLayer, c as variantMotions, j as variantNegative, d as variantOrientations, e as variantPrint, m as variantPseudoClassFunctions, l as variantPseudoClasses, k as variantPseudoElements, n as variantTaggedPseudoClasses, v as variants } from './chunks/default3.mjs';
+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 '@unocss/core';

package/package.json

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