@unocss/preset-typography 0.65.1 → 0.65.2

package/dist/index.d.mts

@@ -20,13 +20,13 @@ interface TypographyOptions {
      *
      * Note: `not` utility is only available in class mode.
      *
-     * @defaultValue `prose`
+     * @default `prose`
      */
     selectorName?: string;
     /**
      * Extend or override CSS selectors with CSS declaration block.
      *
-     * @defaultValue undefined
+     * @default undefined
      */
     cssExtend?: Record<string, CSSObject> | ((theme: Theme) => Record<string, CSSObject>);
     /**
@@ -34,13 +34,19 @@ interface TypographyOptions {
      * For more instructions, see
      * [README](https://github.com/unocss/unocss/tree/main/packages/preset-typography)
      *
-     * @defaultValue undefined
+     * @default undefined
      */
     compatibility?: TypographyCompatibilityOptions;
     /**
      * @deprecated use `selectorName` instead. It will be removed in 1.0.
      */
     className?: string;
+    /**
+     * Control whether prose's utilities should be marked with !important.
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 /**
  * UnoCSS Preset for Typography

package/dist/index.d.ts

@@ -20,13 +20,13 @@ interface TypographyOptions {
      *
      * Note: `not` utility is only available in class mode.
      *
-     * @defaultValue `prose`
+     * @default `prose`
      */
     selectorName?: string;
     /**
      * Extend or override CSS selectors with CSS declaration block.
      *
-     * @defaultValue undefined
+     * @default undefined
      */
     cssExtend?: Record<string, CSSObject> | ((theme: Theme) => Record<string, CSSObject>);
     /**
@@ -34,13 +34,19 @@ interface TypographyOptions {
      * For more instructions, see
      * [README](https://github.com/unocss/unocss/tree/main/packages/preset-typography)
      *
-     * @defaultValue undefined
+     * @default undefined
      */
     compatibility?: TypographyCompatibilityOptions;
     /**
      * @deprecated use `selectorName` instead. It will be removed in 1.0.
      */
     className?: string;
+    /**
+     * Control whether prose's utilities should be marked with !important.
+     *
+     * @default false
+     */
+    important?: boolean | string;
 }
 /**
  * UnoCSS Preset for Typography

package/dist/index.mjs

@@ -164,7 +164,7 @@ function DEFAULT(theme) {
 
 function getCSS(options) {
   let css = "";
-  const { escapedSelector, selectorName, preflights, compatibility } = options;
+  const { escapedSelector, selectorName, preflights, compatibility, important } = options;
   const disableNotUtility = compatibility?.noColonNot || compatibility?.noColonWhere;
   for (const selector in preflights) {
     const cssDeclarationBlock = preflights[selector];
@@ -186,32 +186,34 @@ function getCSS(options) {
     css += "{";
     for (const k in cssDeclarationBlock) {
       const v = cssDeclarationBlock[k];
-      css += `${k}:${v};`;
+      css += `${k}:${v}${important ? " !important" : ""};`;
     }
     css += "}";
   }
   return css;
 }
 function getPreflights(context, options) {
-  const { escapedSelectors, selectorName, cssExtend, compatibility } = options;
-  let escapedSelector = Array.from(escapedSelectors);
+  const { compatibility, selectorName, important = false } = options;
+  const cssExtend = typeof options?.cssExtend === "function" ? options.cssExtend(context.theme) : options?.cssExtend;
+  let escapedSelector = Array.from(options.escapedSelectors);
   if (!escapedSelector[escapedSelector.length - 1].startsWith(".") && !compatibility?.noColonIs)
-    escapedSelector = [`:is(${escapedSelector[escapedSelector.length - 1]},.${selectorName})`];
+    escapedSelector = [`:is(${escapedSelector[escapedSelector.length - 1]},.${options.selectorName})`];
+  if (typeof important === "string") {
+    escapedSelector = escapedSelector.map((e) => !compatibility?.noColonIs ? `:is(${important}) ${e}` : `${important} ${e}`);
+  }
   if (cssExtend)
-    return getCSS({ escapedSelector, selectorName, preflights: mergeDeep(DEFAULT(context.theme), cssExtend), compatibility });
-  return getCSS({ escapedSelector, selectorName, preflights: DEFAULT(context.theme), compatibility });
+    return getCSS({ escapedSelector, selectorName, preflights: mergeDeep(DEFAULT(context.theme), cssExtend), compatibility, important: important === true });
+  return getCSS({ escapedSelector, selectorName, preflights: DEFAULT(context.theme), compatibility, important: important === true });
 }
 
 const presetTypography = definePreset((options) => {
-  if (options?.className) {
-    console.warn('[unocss:preset-typography] "className" is deprecated. Use "selectorName" instead.');
-  }
+  if (options?.className)
+    console.warn('[unocss:preset-typography] "className" is deprecated. Please use "selectorName" instead.');
   const escapedSelectors = /* @__PURE__ */ new Set();
   const selectorName = options?.selectorName || options?.className || "prose";
   const selectorNameRE = new RegExp(`^${selectorName}$`);
   const colorsRE = new RegExp(`^${selectorName}-([-\\w]+)$`);
   const invertRE = new RegExp(`^${selectorName}-invert$`);
-  const compatibility = options?.compatibility;
   return {
     name: "@unocss/preset-typography",
     enforce: "post",
@@ -279,8 +281,7 @@ const presetTypography = definePreset((options) => {
         layer: "typography",
         getCSS: (context) => {
           if (escapedSelectors.size > 0) {
-            const cssExtend = typeof options?.cssExtend === "function" ? options.cssExtend(context.theme) : options?.cssExtend;
-            return getPreflights(context, { escapedSelectors, selectorName, cssExtend, compatibility });
+            return getPreflights(context, { escapedSelectors, ...options, selectorName });
           }
         }
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-typography",
   "type": "module",
-  "version": "0.65.1",
+  "version": "0.65.2",
   "description": "Typography preset for UnoCSS",
   "author": "Jeff Yang",
   "license": "MIT",
@@ -32,11 +32,12 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "0.65.1",
-    "@unocss/preset-mini": "0.65.1"
+    "@unocss/core": "0.65.2",
+    "@unocss/preset-mini": "0.65.2"
   },
   "scripts": {
     "build": "unbuild",
-    "stub": "unbuild --stub"
+    "stub": "unbuild --stub",
+    "test:attw": "attw --pack --config-path ../../.attw-esm-only.json"
   }
 }