@unocss/preset-wind 0.58.3 → 0.58.5

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 = [
@@ -1261,14 +1264,46 @@ function variants(options) {
   ];
 }
 
+function important(option) {
+  if (option == null || option === false)
+    return [];
+  const wrapWithIs = (selector) => {
+    if (selector.startsWith(":is(") && selector.endsWith(")"))
+      return selector;
+    if (selector.includes("::"))
+      return selector.replace(/(.*)(::.*)/, ":is($1)$2");
+    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,18 @@ 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 :is(.m-1) { ... }`
+     *
+     * Also check out the compatibility with [:is()](https://caniuse.com/?search=%3Ais())
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
 

package/dist/index.d.mts

@@ -13,6 +13,18 @@ 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 :is(.m-1) { ... }`
+     *
+     * Also check out the compatibility with [:is()](https://caniuse.com/?search=%3Ais())
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
 

package/dist/index.d.ts

@@ -13,6 +13,18 @@ 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 :is(.m-1) { ... }`
+     *
+     * Also check out the compatibility with [:is()](https://caniuse.com/?search=%3Ais())
+     *
+     * @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';
@@ -1245,14 +1245,46 @@ function variants(options) {
   ];
 }
 
+function important(option) {
+  if (option == null || option === false)
+    return [];
+  const wrapWithIs = (selector) => {
+    if (selector.startsWith(":is(") && selector.endsWith(")"))
+      return selector;
+    if (selector.includes("::"))
+      return selector.replace(/(.*)(::.*)/, ":is($1)$2");
+    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.3",
+  "version": "0.58.5",
   "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.3",
-    "@unocss/preset-mini": "0.58.3",
-    "@unocss/rule-utils": "0.58.3"
+    "@unocss/core": "0.58.5",
+    "@unocss/preset-mini": "0.58.5",
+    "@unocss/rule-utils": "0.58.5"
   },
   "scripts": {
     "build": "unbuild",