@unocss/preset-icons 0.59.4 → 0.60.1

package/dist/browser.mjs

@@ -1,6 +1,6 @@
-import { c as createCDNLoader } from './shared/preset-icons.birF1UOh.mjs';
-import { c as createPresetIcons, b as createCDNFetchLoader, l as loadIcon } from './shared/preset-icons.DTqACBfB.mjs';
-export { a as combineLoaders, g as getEnvFlags, i as icons } from './shared/preset-icons.DTqACBfB.mjs';
+import { c as createCDNLoader } from './shared/preset-icons.wPy4hnwF.mjs';
+import { c as createPresetIcons, b as createCDNFetchLoader, l as loadIcon } from './shared/preset-icons.DyXwassn.mjs';
+export { a as combineLoaders, g as getEnvFlags, i as icons } from './shared/preset-icons.DyXwassn.mjs';
 import 'ofetch';
 import '@unocss/core';
 

package/dist/core.d.mts

@@ -1,8 +1,14 @@
 import * as _unocss_core from '@unocss/core';
-import { Awaitable } from '@unocss/core';
+import { Awaitable, CSSObject } from '@unocss/core';
 import { CustomIconLoader, InlineCollection, IconCustomizations, UniversalIconLoader } from '@iconify/utils/lib/loader/types';
 import { IconifyJSON } from '@iconify/types';
 
+interface IconMeta {
+    collection: string;
+    icon: string;
+    svg: string;
+    mode?: IconsOptions['mode'];
+}
 interface IconsOptions {
     /**
      * Scale related to the current font size (1em).
@@ -20,7 +26,7 @@ interface IconsOptions {
      * @default 'auto'
      * @see https://antfu.me/posts/icons-in-pure-css
      */
-    mode?: 'mask' | 'background-img' | 'auto';
+    mode?: 'mask' | 'bg' | 'auto';
     /**
      * Class prefix for matching icon rules.
      *
@@ -86,6 +92,10 @@ interface IconsOptions {
      * Custom fetch function to provide the icon data.
      */
     customFetch?: (url: string) => Promise<any>;
+    /**
+     * Processor for the CSS object before stringify
+     */
+    processor?: (cssObject: CSSObject, meta: Required<IconMeta>) => void;
 }
 
 function getDefaultExportFromCjs (x) {

package/dist/core.d.ts

@@ -1,8 +1,14 @@
 import * as _unocss_core from '@unocss/core';
-import { Awaitable } from '@unocss/core';
+import { Awaitable, CSSObject } from '@unocss/core';
 import { CustomIconLoader, InlineCollection, IconCustomizations, UniversalIconLoader } from '@iconify/utils/lib/loader/types';
 import { IconifyJSON } from '@iconify/types';
 
+interface IconMeta {
+    collection: string;
+    icon: string;
+    svg: string;
+    mode?: IconsOptions['mode'];
+}
 interface IconsOptions {
     /**
      * Scale related to the current font size (1em).
@@ -20,7 +26,7 @@ interface IconsOptions {
      * @default 'auto'
      * @see https://antfu.me/posts/icons-in-pure-css
      */
-    mode?: 'mask' | 'background-img' | 'auto';
+    mode?: 'mask' | 'bg' | 'auto';
     /**
      * Class prefix for matching icon rules.
      *
@@ -86,6 +92,10 @@ interface IconsOptions {
      * Custom fetch function to provide the icon data.
      */
     customFetch?: (url: string) => Promise<any>;
+    /**
+     * Processor for the CSS object before stringify
+     */
+    processor?: (cssObject: CSSObject, meta: Required<IconMeta>) => void;
 }
 
 function getDefaultExportFromCjs (x) {

package/dist/core.mjs

@@ -1,2 +1,2 @@
 import '@unocss/core';
-export { a as combineLoaders, b as createCDNFetchLoader, c as createPresetIcons, g as getEnvFlags, i as icons } from './shared/preset-icons.DTqACBfB.mjs';
+export { a as combineLoaders, b as createCDNFetchLoader, c as createPresetIcons, g as getEnvFlags, i as icons } from './shared/preset-icons.DyXwassn.mjs';

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { c as createCDNLoader } from './shared/preset-icons.birF1UOh.mjs';
-import { c as createPresetIcons, g as getEnvFlags, a as combineLoaders, l as loadIcon } from './shared/preset-icons.DTqACBfB.mjs';
-export { b as createCDNFetchLoader, i as icons } from './shared/preset-icons.DTqACBfB.mjs';
+import { c as createCDNLoader } from './shared/preset-icons.wPy4hnwF.mjs';
+import { c as createPresetIcons, g as getEnvFlags, a as combineLoaders, l as loadIcon } from './shared/preset-icons.DyXwassn.mjs';
+export { b as createCDNFetchLoader, i as icons } from './shared/preset-icons.DyXwassn.mjs';
 import 'ofetch';
 import '@unocss/core';
 

package/dist/shared/{preset-icons.DTqACBfB.mjs → preset-icons.DyXwassn.mjs}

@@ -721,7 +721,8 @@ function createPresetIcons(lookupIconLoader) {
       autoInstall = false,
       collectionsNodeResolvePath,
       layer = "icons",
-      unit
+      unit,
+      processor
     } = options;
     const flags = getEnvFlags();
     const loaderOptions = {
@@ -755,7 +756,8 @@ function createPresetIcons(lookupIconLoader) {
       layers: { icons: -30 },
       rules: [[
         /^([a-z0-9:_-]+)(?:\?(mask|bg|auto))?$/,
-        async ([full, body, _mode = mode]) => {
+        async (matcher) => {
+          let [full, body, _mode = mode] = matcher;
           let collection = "";
           let name = "";
           let svg;
@@ -779,11 +781,12 @@ function createPresetIcons(lookupIconLoader) {
               warnOnce(`failed to load icon "${full}"`);
             return;
           }
+          let cssObject;
           const url = `url("data:image/svg+xml;utf8,${encodeSvgForCss(svg)}")`;
           if (_mode === "auto")
             _mode = svg.includes("currentColor") ? "mask" : "bg";
           if (_mode === "mask") {
-            return {
+            cssObject = {
               "--un-icon": url,
               "-webkit-mask": "var(--un-icon) no-repeat",
               "mask": "var(--un-icon) no-repeat",
@@ -795,13 +798,15 @@ function createPresetIcons(lookupIconLoader) {
               ...usedProps
             };
           } else {
-            return {
+            cssObject = {
               "background": `${url} no-repeat`,
               "background-size": "100% 100%",
               "background-color": "transparent",
               ...usedProps
             };
           }
+          processor?.(cssObject, { collection, icon: name, svg, mode: _mode });
+          return cssObject;
         },
         { layer, prefix }
       ]]

package/dist/shared/{preset-icons.birF1UOh.mjs → preset-icons.wPy4hnwF.mjs}

@@ -1,5 +1,5 @@
 import { $fetch } from 'ofetch';
-import { b as createCDNFetchLoader } from './preset-icons.DTqACBfB.mjs';
+import { b as createCDNFetchLoader } from './preset-icons.DyXwassn.mjs';
 
 function createCDNLoader(cdnBase) {
   return createCDNFetchLoader($fetch, cdnBase);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/preset-icons",
   "type": "module",
-  "version": "0.59.4",
+  "version": "0.60.1",
   "description": "Pure CSS Icons for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@iconify/utils": "^2.1.23",
     "ofetch": "^1.3.4",
-    "@unocss/core": "0.59.4"
+    "@unocss/core": "0.60.1"
   },
   "devDependencies": {
     "@iconify/types": "^2.0.0"