@unocss/preset-wind 0.58.2 → 0.58.4

package/dist/index.cjs

@@ -10,6 +10,8 @@ const theme$1 = require('@unocss/preset-mini/theme');
 const ruleUtils = require('@unocss/rule-utils');
 const variants$1 = require('@unocss/preset-mini/variants');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
 function _interopNamespaceCompat(e) {
   if (e && typeof e === 'object' && 'default' in e) return e;
   const n = Object.create(null);
@@ -22,6 +24,7 @@ function _interopNamespaceCompat(e) {
   return n;
 }
 
+const presetMini__default = /*#__PURE__*/_interopDefaultCompat(presetMini);
 const ___namespace = /*#__PURE__*/_interopNamespaceCompat(_);
 
 const animations = [
@@ -641,6 +644,17 @@ const mixBlendModes = [
   ["mix-blend-normal", { "mix-blend-mode": "normal" }],
   ...utils.makeGlobalStaticRules("mix-blend")
 ];
+const dynamicViewportHeight = [
+  ["min-h-dvh", { "min-height": "100dvh" }],
+  ["min-h-svh", { "min-height": "100svh" }],
+  ["min-h-lvh", { "min-height": "100lvh" }],
+  ["h-dvh", { height: "100dvh" }],
+  ["h-svh", { height: "100svh" }],
+  ["h-lvh", { height: "100lvh" }],
+  ["max-h-dvh", { "max-height": "100dvh" }],
+  ["max-h-svh", { "max-height": "100svh" }],
+  ["max-h-lvh", { "max-height": "100lvh" }]
+];
 
 const borderSpacingBase = {
   "--un-border-spacing-x": 0,
@@ -955,6 +969,7 @@ const rules = [
   placeholders,
   ___namespace.containerParent,
   viewTransition,
+  dynamicViewportHeight,
   // should be the last
   ___namespace.questionMark
 ].flat(1);
@@ -1249,14 +1264,44 @@ function variants(options) {
   ];
 }
 
+function important(option) {
+  if (option == null || option === false)
+    return [];
+  const wrapWithIs = (selector) => {
+    if (selector.startsWith(":is(") && selector.endsWith(")"))
+      return selector;
+    return `:is(${selector})`;
+  };
+  return [
+    option === true ? (util) => {
+      util.entries.forEach((i) => {
+        if (i[1] != null && !String(i[1]).endsWith("!important"))
+          i[1] += " !important";
+      });
+    } : (util) => {
+      if (!util.selector.startsWith(option))
+        util.selector = `${option} ${wrapWithIs(util.selector)}`;
+    }
+  ];
+}
+
+function postprocessors(options) {
+  return [
+    ...core.toArray(presetMini__default(options).postprocess),
+    ...important(options.important)
+  ];
+}
+
 const presetWind = core.definePreset((options = {}) => {
+  options.important = options.important ?? false;
   return {
     ...presetMini.presetMini(options),
     name: "@unocss/preset-wind",
     theme,
     rules,
     shortcuts,
-    variants: variants(options)
+    variants: variants(options),
+    postprocess: postprocessors(options)
   };
 });
 

package/dist/index.d.cts

@@ -13,6 +13,16 @@ declare const theme: Theme;
 declare function variants(options: PresetWindOptions): Variant<Theme>[];
 
 interface PresetWindOptions extends PresetMiniOptions {
+    /**
+     * The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
+     *
+     * This can be really useful when using UnoCSS with existing CSS that has high specificity selectors.
+     *
+     * You can also set `important` to a selector like `#app` instead, which will generate `#app .m-1 { ... }`
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
 

package/dist/index.d.mts

@@ -13,6 +13,16 @@ declare const theme: Theme;
 declare function variants(options: PresetWindOptions): Variant<Theme>[];
 
 interface PresetWindOptions extends PresetMiniOptions {
+    /**
+     * The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
+     *
+     * This can be really useful when using UnoCSS with existing CSS that has high specificity selectors.
+     *
+     * You can also set `important` to a selector like `#app` instead, which will generate `#app .m-1 { ... }`
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
 

package/dist/index.d.ts

@@ -13,6 +13,16 @@ declare const theme: Theme;
 declare function variants(options: PresetWindOptions): Variant<Theme>[];
 
 interface PresetWindOptions extends PresetMiniOptions {
+    /**
+     * The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
+     *
+     * This can be really useful when using UnoCSS with existing CSS that has high specificity selectors.
+     *
+     * You can also set `important` to a selector like `#app` instead, which will generate `#app .m-1 { ... }`
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
 

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { isString, definePreset } from '@unocss/core';
-import { presetMini } from '@unocss/preset-mini';
+import { isString, toArray, definePreset } from '@unocss/core';
+import presetMini, { presetMini as presetMini$1 } from '@unocss/preset-mini';
 export { colors, preflights } from '@unocss/preset-mini';
 import { h, globalKeywords, makeGlobalStaticRules, positionMap, parseColor, colorResolver, resolveBreakpoints, colorableShadows, directionMap, directionSize, variantMatcher, variantParentMatcher, hasParseableColor } from '@unocss/preset-mini/utils';
 import * as _ from '@unocss/preset-mini/rules';
@@ -625,6 +625,17 @@ const mixBlendModes = [
   ["mix-blend-normal", { "mix-blend-mode": "normal" }],
   ...makeGlobalStaticRules("mix-blend")
 ];
+const dynamicViewportHeight = [
+  ["min-h-dvh", { "min-height": "100dvh" }],
+  ["min-h-svh", { "min-height": "100svh" }],
+  ["min-h-lvh", { "min-height": "100lvh" }],
+  ["h-dvh", { height: "100dvh" }],
+  ["h-svh", { height: "100svh" }],
+  ["h-lvh", { height: "100lvh" }],
+  ["max-h-dvh", { "max-height": "100dvh" }],
+  ["max-h-svh", { "max-height": "100svh" }],
+  ["max-h-lvh", { "max-height": "100lvh" }]
+];
 
 const borderSpacingBase = {
   "--un-border-spacing-x": 0,
@@ -939,6 +950,7 @@ const rules = [
   placeholders,
   _.containerParent,
   viewTransition,
+  dynamicViewportHeight,
   // should be the last
   _.questionMark
 ].flat(1);
@@ -1233,14 +1245,44 @@ function variants(options) {
   ];
 }
 
+function important(option) {
+  if (option == null || option === false)
+    return [];
+  const wrapWithIs = (selector) => {
+    if (selector.startsWith(":is(") && selector.endsWith(")"))
+      return selector;
+    return `:is(${selector})`;
+  };
+  return [
+    option === true ? (util) => {
+      util.entries.forEach((i) => {
+        if (i[1] != null && !String(i[1]).endsWith("!important"))
+          i[1] += " !important";
+      });
+    } : (util) => {
+      if (!util.selector.startsWith(option))
+        util.selector = `${option} ${wrapWithIs(util.selector)}`;
+    }
+  ];
+}
+
+function postprocessors(options) {
+  return [
+    ...toArray(presetMini(options).postprocess),
+    ...important(options.important)
+  ];
+}
+
 const presetWind = definePreset((options = {}) => {
+  options.important = options.important ?? false;
   return {
-    ...presetMini(options),
+    ...presetMini$1(options),
     name: "@unocss/preset-wind",
     theme,
     rules,
     shortcuts,
-    variants: variants(options)
+    variants: variants(options),
+    postprocess: postprocessors(options)
   };
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-wind",
-  "version": "0.58.2",
+  "version": "0.58.4",
   "description": "Tailwind / Windi CSS compact preset for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -35,9 +35,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "0.58.2",
-    "@unocss/preset-mini": "0.58.2",
-    "@unocss/rule-utils": "0.58.2"
+    "@unocss/core": "0.58.4",
+    "@unocss/preset-mini": "0.58.4",
+    "@unocss/rule-utils": "0.58.4"
   },
   "scripts": {
     "build": "unbuild",