@unocss/preset-wind 0.24.1 → 0.25.0

package/dist/index.cjs

@@ -903,9 +903,32 @@ 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)"
   }
 };
 
+const variantCombinators = [
+  utils.variantMatcher("svg", (input) => `${input} svg`)
+];
+
 const variantColorsScheme = [
   utils.variantMatcher(".dark", (input) => `.dark $$ ${input}`),
   utils.variantMatcher(".light", (input) => `.light $$ ${input}`),
@@ -913,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 {
@@ -949,6 +981,9 @@ const variants = (options) => [
   placeholderModifier,
   variantSpaceAndDivide,
   ...variants$1.variants(options),
+  ...variantOrientations,
+  ...variantMotions,
+  ...variantCombinators,
   ...variantColorsScheme
 ];
 

package/dist/index.mjs

@@ -899,9 +899,32 @@ 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)"
   }
 };
 
+const variantCombinators = [
+  variantMatcher("svg", (input) => `${input} svg`)
+];
+
 const variantColorsScheme = [
   variantMatcher(".dark", (input) => `.dark $$ ${input}`),
   variantMatcher(".light", (input) => `.light $$ ${input}`),
@@ -909,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 {
@@ -945,6 +977,9 @@ 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.1",
+  "version": "0.25.0",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "keywords": [
     "unocss",
@@ -35,8 +35,8 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.24.1",
-    "@unocss/preset-mini": "0.24.1"
+    "@unocss/core": "0.25.0",
+    "@unocss/preset-mini": "0.25.0"
   },
   "scripts": {
     "build": "unbuild",