@unocss/preset-typography 65.4.2 → 65.5.0

package/dist/index.mjs

@@ -1,4 +1,5 @@
 import { mergeDeep, definePreset, toEscapedSelector } from '@unocss/core';
+import { alphaPlaceholders } from '@unocss/rule-utils';
 
 function DEFAULT(theme) {
   return {
@@ -271,27 +272,44 @@ const presetTypography = definePreset((options) => {
           if (baseColor == null)
             return;
           const colorObject = typeof baseColor === "object" ? baseColor : {};
-          return {
-            "--un-prose-body": colorObject[700] ?? baseColor,
-            "--un-prose-headings": colorObject[900] ?? baseColor,
-            "--un-prose-links": colorObject[900] ?? baseColor,
-            "--un-prose-lists": colorObject[400] ?? baseColor,
-            "--un-prose-hr": colorObject[200] ?? baseColor,
-            "--un-prose-captions": colorObject[500] ?? baseColor,
-            "--un-prose-code": colorObject[900] ?? baseColor,
-            "--un-prose-borders": colorObject[200] ?? baseColor,
-            "--un-prose-bg-soft": colorObject[100] ?? baseColor,
+          const TagColorMap = {
+            "body": 700,
+            "headings": 900,
+            "links": 900,
+            "lists": 400,
+            "hr": 200,
+            "captions": 500,
+            "code": 900,
+            "borders": 200,
+            "bg-soft": 100,
             // invert colors (dark mode)
-            "--un-prose-invert-body": colorObject[200] ?? baseColor,
-            "--un-prose-invert-headings": colorObject[100] ?? baseColor,
-            "--un-prose-invert-links": colorObject[100] ?? baseColor,
-            "--un-prose-invert-lists": colorObject[500] ?? baseColor,
-            "--un-prose-invert-hr": colorObject[700] ?? baseColor,
-            "--un-prose-invert-captions": colorObject[400] ?? baseColor,
-            "--un-prose-invert-code": colorObject[100] ?? baseColor,
-            "--un-prose-invert-borders": colorObject[700] ?? baseColor,
-            "--un-prose-invert-bg-soft": colorObject[800] ?? baseColor
+            "invert-body": 200,
+            "invert-headings": 100,
+            "invert-links": 100,
+            "invert-lists": 500,
+            "invert-hr": 700,
+            "invert-captions": 400,
+            "invert-code": 100,
+            "invert-borders": 700,
+            "invert-bg-soft": 800
           };
+          const result = {};
+          for (const key in TagColorMap) {
+            const value = TagColorMap[key];
+            const color2 = colorObject[value] ?? baseColor;
+            let hasAlpha = false;
+            for (const placeholder of alphaPlaceholders) {
+              if (color2.includes(placeholder)) {
+                hasAlpha = true;
+                result[`--un-prose-${key}-opacity`] = 1;
+                result[`--un-prose-${key}`] = color2.replace(placeholder, `var(--un-prose-${key}-opacity)`);
+                break;
+              }
+            }
+            if (!hasAlpha)
+              result[`--un-prose-${key}`] = color2;
+          }
+          return result;
         },
         { layer: "typography" }
       ],

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@unocss/preset-typography",
   "type": "module",
-  "version": "65.4.2",
+  "version": "65.5.0",
   "description": "Typography preset for UnoCSS",
   "author": "Jeff Yang",
   "license": "MIT",
   "homepage": "https://unocss.dev",
   "repository": {
     "type": "git",
-    "url": "https://github.com/unocss/unocss",
+    "url": "git+https://github.com/unocss/unocss",
     "directory": "packages-presets/preset-typography"
   },
   "bugs": {
@@ -32,8 +32,9 @@
     "dist"
   ],
   "dependencies": {
-    "@unocss/core": "65.4.2",
-    "@unocss/preset-mini": "65.4.2"
+    "@unocss/rule-utils": "65.5.0",
+    "@unocss/core": "65.5.0",
+    "@unocss/preset-mini": "65.5.0"
   },
   "scripts": {
     "build": "unbuild",