@unocss/preset-wind 0.24.4 → 0.26.1

package/dist/index.cjs

@@ -903,6 +903,25 @@ const theme = {
       "zoom-out-right": { "transform-origin": "right center" },
       "zoom-out-up": { "transform-origin": "center bottom" }
     }
+  },
+  media: {
+    portrait: "(orientation: portrait)",
+    landscape: "(orientation: landscape)",
+    os_dark: "(prefers-color-scheme: dark)",
+    os_light: "(prefers-color-scheme: light)",
+    motion_ok: "(prefers-reduced-motion: no-preference)",
+    motion_not_ok: "(prefers-reduced-motion: reduce)",
+    high_contrast: "(prefers-contrast: high)",
+    low_contrast: "(prefers-contrast: low)",
+    opacity_ok: "(prefers-reduced-transparency: no-preference)",
+    opacity_not_ok: "(prefers-reduced-transparency: reduce)",
+    useData_ok: "(prefers-reduced-data: no-preference)",
+    useData_not_ok: "(prefers-reduced-data: reduce)",
+    touch: "(hover: none) and (pointer: coarse)",
+    stylus: "(hover: none) and (pointer: fine)",
+    pointer: "(hover) and (pointer: coarse)",
+    mouse: "(hover) and (pointer: fine)",
+    hd_color: "(dynamic-range: high)"
   }
 };
 
@@ -917,6 +936,15 @@ const variantColorsScheme = [
   utils.variantParentMatcher("@light", "@media (prefers-color-scheme: light)")
 ];
 
+const variantMotions = [
+  utils.variantParentMatcher("motion-reduce", "@media (prefers-reduced-motion: reduce)"),
+  utils.variantParentMatcher("motion-safe", "@media (prefers-reduced-motion: no-preference)")
+];
+const variantOrientations = [
+  utils.variantParentMatcher("landscape", "@media (orientation: landscape)"),
+  utils.variantParentMatcher("portrait", "@media (orientation: portrait)")
+];
+
 const variantSpaceAndDivide = (matcher) => {
   if (/^space-?([xy])-?(-?.+)$/.test(matcher) || /^divide-/.test(matcher)) {
     return {
@@ -932,16 +960,13 @@ const placeholderModifier = (input, { theme }) => {
   const m = input.match(/^(.*)\b(placeholder-)(.+)$/);
   if (m) {
     const [, pre = "", p, body] = m;
-    if (hasColorValue(body, theme) || hasOpacityValue(body)) {
+    if (utils.hasParseableColor(body, theme) || hasOpacityValue(body)) {
       return {
         matcher: `${pre}placeholder-$ ${p}${body}`
       };
     }
   }
 };
-function hasColorValue(body, theme) {
-  return !!utils.parseColor(body, theme)?.color;
-}
 function hasOpacityValue(body) {
   const match = body.match(/^op(?:acity)?-?(.+)$/);
   if (match && match[1] != null)
@@ -953,6 +978,8 @@ const variants = (options) => [
   placeholderModifier,
   variantSpaceAndDivide,
   ...variants$1.variants(options),
+  ...variantOrientations,
+  ...variantMotions,
   ...variantCombinators,
   ...variantColorsScheme
 ];

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { toArray, CONTROL_SHORTCUT_NO_MERGE } from '@unocss/core';
 import { theme as theme$1 } from '@unocss/preset-mini/theme';
 export { colors } from '@unocss/preset-mini';
 import { varEmpty, cssVariables as cssVariables$1, cssProperty, pointerEvents, appearances, positions, insets, zIndexes, orders, grids, floats, margins, boxSizing, displays, aspectRatio, sizes, flex, transforms, cursors, userSelects, resizes, appearance, placements, alignments, justifies, gaps, overflows, textOverflows, whitespaces, breaks, borders, bgColors, svgUtilities, paddings, textAligns, textIndents, verticalAligns, fonts, fontStyles, textColors, textDecorations, fontSmoothings, tabSizes, textStrokes, textShadows, opacity, boxShadows, outline, rings, transitions, willChange, contents, questionMark } from '@unocss/preset-mini/rules';
-import { handler, positionMap, parseColor, colorToString, colorResolver, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher } from '@unocss/preset-mini/utils';
+import { handler, positionMap, parseColor, colorToString, colorResolver, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
 import { variants as variants$1 } from '@unocss/preset-mini/variants';
 
 const animations = [
@@ -899,6 +899,25 @@ const theme = {
       "zoom-out-right": { "transform-origin": "right center" },
       "zoom-out-up": { "transform-origin": "center bottom" }
     }
+  },
+  media: {
+    portrait: "(orientation: portrait)",
+    landscape: "(orientation: landscape)",
+    os_dark: "(prefers-color-scheme: dark)",
+    os_light: "(prefers-color-scheme: light)",
+    motion_ok: "(prefers-reduced-motion: no-preference)",
+    motion_not_ok: "(prefers-reduced-motion: reduce)",
+    high_contrast: "(prefers-contrast: high)",
+    low_contrast: "(prefers-contrast: low)",
+    opacity_ok: "(prefers-reduced-transparency: no-preference)",
+    opacity_not_ok: "(prefers-reduced-transparency: reduce)",
+    useData_ok: "(prefers-reduced-data: no-preference)",
+    useData_not_ok: "(prefers-reduced-data: reduce)",
+    touch: "(hover: none) and (pointer: coarse)",
+    stylus: "(hover: none) and (pointer: fine)",
+    pointer: "(hover) and (pointer: coarse)",
+    mouse: "(hover) and (pointer: fine)",
+    hd_color: "(dynamic-range: high)"
   }
 };
 
@@ -913,6 +932,15 @@ const variantColorsScheme = [
   variantParentMatcher("@light", "@media (prefers-color-scheme: light)")
 ];
 
+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 variantSpaceAndDivide = (matcher) => {
   if (/^space-?([xy])-?(-?.+)$/.test(matcher) || /^divide-/.test(matcher)) {
     return {
@@ -928,16 +956,13 @@ const placeholderModifier = (input, { theme }) => {
   const m = input.match(/^(.*)\b(placeholder-)(.+)$/);
   if (m) {
     const [, pre = "", p, body] = m;
-    if (hasColorValue(body, theme) || hasOpacityValue(body)) {
+    if (hasParseableColor(body, theme) || hasOpacityValue(body)) {
       return {
         matcher: `${pre}placeholder-$ ${p}${body}`
       };
     }
   }
 };
-function hasColorValue(body, theme) {
-  return !!parseColor(body, theme)?.color;
-}
 function hasOpacityValue(body) {
   const match = body.match(/^op(?:acity)?-?(.+)$/);
   if (match && match[1] != null)
@@ -949,6 +974,8 @@ const variants = (options) => [
   placeholderModifier,
   variantSpaceAndDivide,
   ...variants$1(options),
+  ...variantOrientations,
+  ...variantMotions,
   ...variantCombinators,
   ...variantColorsScheme
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.24.4",
+  "version": "0.26.1",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -35,8 +35,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.24.4",
-    "@unocss/preset-mini": "0.24.4"
+    "@unocss/core": "0.26.1",
+    "@unocss/preset-mini": "0.26.1"
   },
   "scripts": {
     "build": "unbuild",