@unocss/preset-typography 0.65.2 → 0.65.4

package/dist/index.mjs

@@ -161,6 +161,42 @@ function DEFAULT(theme) {
     }
   };
 }
+const modifiers = [
+  ["headings", "h1", "h2", "h3", "h4", "h5", "h6", "th"],
+  ["h1"],
+  ["h2"],
+  ["h3"],
+  ["h4"],
+  ["h5"],
+  ["h6"],
+  ["p"],
+  ["a"],
+  ["blockquote"],
+  ["figure"],
+  ["figcaption"],
+  ["strong"],
+  ["em"],
+  ["kbd"],
+  ["code"],
+  ["pre"],
+  ["ol"],
+  ["ul"],
+  ["li"],
+  ["table"],
+  ["thead"],
+  ["tr"],
+  ["th"],
+  ["td"],
+  ["img"],
+  ["video"],
+  ["hr"]
+];
+function getElements(modifier) {
+  for (const [name, ...selectors] of modifiers) {
+    if (name === modifier)
+      return selectors.length > 0 ? selectors : [name];
+  }
+}
 
 function getCSS(options) {
   let css = "";
@@ -214,6 +250,7 @@ const presetTypography = definePreset((options) => {
   const selectorNameRE = new RegExp(`^${selectorName}$`);
   const colorsRE = new RegExp(`^${selectorName}-([-\\w]+)$`);
   const invertRE = new RegExp(`^${selectorName}-invert$`);
+  const disableNotUtility = options?.compatibility?.noColonNot || options?.compatibility?.noColonWhere;
   return {
     name: "@unocss/preset-typography",
     enforce: "post",
@@ -276,6 +313,30 @@ const presetTypography = definePreset((options) => {
         { layer: "typography" }
       ]
     ],
+    variants: [
+      {
+        name: "typography element modifiers",
+        match: (matcher) => {
+          if (matcher.startsWith(`${selectorName}-`)) {
+            const modifyRe = new RegExp(`^${selectorName}-(\\w+)[:-].+$`);
+            const modifier = matcher.match(modifyRe)?.[1];
+            if (modifier) {
+              const elements = getElements(modifier);
+              if (elements?.length) {
+                return {
+                  matcher: matcher.slice(selectorName.length + modifier.length + 2),
+                  selector: (s) => {
+                    const notProseSelector = `:not(:where(.not-${selectorName},.not-${selectorName} *))`;
+                    const escapedSelector = disableNotUtility ? elements.map((e) => `${s} ${e}`).join(",") : `${s} :is(:where(${elements})${notProseSelector})`;
+                    return escapedSelector;
+                  }
+                };
+              }
+            }
+          }
+        }
+      }
+    ],
     preflights: [
       {
         layer: "typography",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-typography",
   "type": "module",
-  "version": "0.65.2",
+  "version": "0.65.4",
   "description": "Typography preset for UnoCSS",
   "author": "Jeff Yang",
   "license": "MIT",
@@ -32,8 +32,8 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "0.65.2",
-    "@unocss/preset-mini": "0.65.2"
+    "@unocss/core": "0.65.4",
+    "@unocss/preset-mini": "0.65.4"
   },
   "scripts": {
     "build": "unbuild",