@iconify/tools 2.1.0-beta.4 → 2.1.0-beta.7

package/lib/colors/attribs.cjs

@@ -22,7 +22,12 @@ const defaultColorValues = {
   "stop-color": defaultBlackColor,
   "flood-color": defaultBlackColor
 };
+const allowDefaultColorValue = {
+  "stop-color": true,
+  "flood-color": "flood-opacity"
+};
 
+exports.allowDefaultColorValue = allowDefaultColorValue;
 exports.commonColorAttributes = commonColorAttributes;
 exports.defaultBlackColor = defaultBlackColor;
 exports.defaultColorValues = defaultColorValues;

package/lib/colors/attribs.d.ts

@@ -15,5 +15,11 @@ declare type ColorAttributes = CommonColorAttributes | ShapeColorAttributes | Sp
  */
 declare const defaultBlackColor: Color;
 declare const defaultColorValues: Record<ColorAttributes, Color>;
+/**
+ * Ignore default color for some tags:
+ * - If value is true, allow default color
+ * - If value is attribute name, allow default color if attribute is set
+ */
+declare const allowDefaultColorValue: Partial<Record<ColorAttributes, string | true>>;
 
-export { ColorAttributes, CommonColorAttributes, ShapeColorAttributes, SpecialColorAttributes, commonColorAttributes, defaultBlackColor, defaultColorValues, shapeColorAttributes, specialColorAttributes };
+export { ColorAttributes, CommonColorAttributes, ShapeColorAttributes, SpecialColorAttributes, allowDefaultColorValue, commonColorAttributes, defaultBlackColor, defaultColorValues, shapeColorAttributes, specialColorAttributes };

package/lib/colors/attribs.mjs

@@ -18,5 +18,9 @@ const defaultColorValues = {
   "stop-color": defaultBlackColor,
   "flood-color": defaultBlackColor
 };
+const allowDefaultColorValue = {
+  "stop-color": true,
+  "flood-color": "flood-opacity"
+};
 
-export { commonColorAttributes, defaultBlackColor, defaultColorValues, shapeColorAttributes, specialColorAttributes };
+export { allowDefaultColorValue, commonColorAttributes, defaultBlackColor, defaultColorValues, shapeColorAttributes, specialColorAttributes };

package/lib/colors/parse.cjs

@@ -54,12 +54,18 @@ async function parseColors(svg, options = {}) {
   function getElementColor(prop, item, elements2) {
     function find(prop2) {
       let currentItem = item;
+      const allowDefaultColor = colors_attribs.allowDefaultColorValue[prop2];
       while (currentItem) {
         const element = elements2.get(currentItem.index);
         const color = element._colors?.[prop2];
         if (color !== void 0) {
           return color;
         }
+        if (allowDefaultColor) {
+          if (allowDefaultColor === true || element.attribs[allowDefaultColor]) {
+            return null;
+          }
+        }
         currentItem = currentItem.parent;
         if (currentItem?.usedAsMask) {
           return colors_attribs.defaultColorValues[prop2];
@@ -68,7 +74,7 @@ async function parseColors(svg, options = {}) {
       return colors_attribs.defaultColorValues[prop2];
     }
     let propColor = find(prop);
-    if (typeof propColor === "object" && propColor.type === "current" && prop !== "color") {
+    if (propColor !== null && typeof propColor === "object" && propColor.type === "current" && prop !== "color") {
       propColor = find("color");
     }
     return propColor;

package/lib/colors/parse.mjs

@@ -1,7 +1,7 @@
 import { stringToColor, colorToString, compareColors } from '@iconify/utils/lib/colors';
 import { animateTags, shapeTags } from '../svg/data/tags.mjs';
 import { parseSVGStyle } from '../svg/parse-style.mjs';
-import { specialColorAttributes, defaultBlackColor, defaultColorValues, shapeColorAttributes } from './attribs.mjs';
+import { specialColorAttributes, defaultBlackColor, defaultColorValues, shapeColorAttributes, allowDefaultColorValue } from './attribs.mjs';
 import { tagSpecificPresentationalAttributes } from '../svg/data/attributes.mjs';
 import { analyseSVGStructure } from '../svg/analyse.mjs';
 import '../css/parse.mjs';
@@ -50,12 +50,18 @@ async function parseColors(svg, options = {}) {
   function getElementColor(prop, item, elements2) {
     function find(prop2) {
       let currentItem = item;
+      const allowDefaultColor = allowDefaultColorValue[prop2];
       while (currentItem) {
         const element = elements2.get(currentItem.index);
         const color = element._colors?.[prop2];
         if (color !== void 0) {
           return color;
         }
+        if (allowDefaultColor) {
+          if (allowDefaultColor === true || element.attribs[allowDefaultColor]) {
+            return null;
+          }
+        }
         currentItem = currentItem.parent;
         if (currentItem?.usedAsMask) {
           return defaultColorValues[prop2];
@@ -64,7 +70,7 @@ async function parseColors(svg, options = {}) {
       return defaultColorValues[prop2];
     }
     let propColor = find(prop);
-    if (typeof propColor === "object" && propColor.type === "current" && prop !== "color") {
+    if (propColor !== null && typeof propColor === "object" && propColor.type === "current" && prop !== "color") {
       propColor = find("color");
     }
     return propColor;

package/lib/download/git/index.cjs

@@ -13,14 +13,13 @@ require('path');
 require('child_process');
 require('cheerio');
 require('@iconify/utils');
-require('@iconify/utils/lib/icon/defaults');
 require('../../svg/data/attributes.cjs');
 require('../../svg/data/tags.cjs');
 require('../../svg/cleanup/bad-tags.cjs');
 require('../../svg/parse.cjs');
 require('svgo');
+require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('../../icon-set/props.cjs');

package/lib/download/git/index.mjs

@@ -9,14 +9,13 @@ import 'path';
 import 'child_process';
 import 'cheerio';
 import '@iconify/utils';
-import '@iconify/utils/lib/icon/defaults';
 import '../../svg/data/attributes.mjs';
 import '../../svg/data/tags.mjs';
 import '../../svg/cleanup/bad-tags.mjs';
 import '../../svg/parse.mjs';
 import 'svgo';
+import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import '../../icon-set/props.mjs';

package/lib/download/git/reset.cjs

@@ -4,13 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('cheerio');
 require('@iconify/utils');
-require('@iconify/utils/lib/icon/defaults');
 require('../../svg/data/attributes.cjs');
 require('../../svg/data/tags.cjs');
 require('../../svg/cleanup/bad-tags.cjs');
 require('svgo');
+require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('../../icon-set/props.cjs');

package/lib/download/git/reset.mjs

@@ -1,12 +1,11 @@
 import 'cheerio';
 import '@iconify/utils';
-import '@iconify/utils/lib/icon/defaults';
 import '../../svg/data/attributes.mjs';
 import '../../svg/data/tags.mjs';
 import '../../svg/cleanup/bad-tags.mjs';
 import 'svgo';
+import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import '../../icon-set/props.mjs';

package/lib/download/index.cjs

@@ -28,14 +28,13 @@ require('./git/hash.cjs');
 require('./git/reset.cjs');
 require('cheerio');
 require('@iconify/utils');
-require('@iconify/utils/lib/icon/defaults');
 require('../svg/data/attributes.cjs');
 require('../svg/data/tags.cjs');
 require('../svg/cleanup/bad-tags.cjs');
 require('../svg/parse.cjs');
 require('svgo');
+require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('../icon-set/props.cjs');

package/lib/download/index.mjs

@@ -24,14 +24,13 @@ import './git/hash.mjs';
 import './git/reset.mjs';
 import 'cheerio';
 import '@iconify/utils';
-import '@iconify/utils/lib/icon/defaults';
 import '../svg/data/attributes.mjs';
 import '../svg/data/tags.mjs';
 import '../svg/cleanup/bad-tags.mjs';
 import '../svg/parse.mjs';
 import 'svgo';
+import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import '../icon-set/props.mjs';

package/lib/icon-set/index.cjs

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const defaults = require('@iconify/utils/lib/icon/defaults');
 const build = require('@iconify/utils/lib/svg/build');
-const defaults$1 = require('@iconify/utils/lib/customisations/defaults');
 const minify = require('@iconify/utils/lib/icon-set/minify');
 const convertInfo = require('@iconify/utils/lib/icon-set/convert-info');
 const iconSet_props = require('./props.cjs');
@@ -201,14 +200,11 @@ class IconSet {
     width: "auto",
     height: "auto"
   }) {
-    const item = this.resolve(name, true);
+    const item = this.resolve(name);
     if (!item) {
       return null;
     }
-    const result = build.iconToSVG(item, {
-      ...defaults$1.defaultIconCustomisations,
-      ...customisations
-    });
+    const result = build.iconToSVG(item, customisations);
     const attributes = Object.keys(result.attributes).map((key) => ` ${key}="${result.attributes[key]}"`).join("");
     return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"${attributes}>${result.body}</svg>`;
   }

package/lib/icon-set/index.mjs

@@ -1,6 +1,5 @@
 import { defaultIconDimensions, defaultIconProps } from '@iconify/utils/lib/icon/defaults';
 import { iconToSVG } from '@iconify/utils/lib/svg/build';
-import { defaultIconCustomisations } from '@iconify/utils/lib/customisations/defaults';
 import { minifyIconSet } from '@iconify/utils/lib/icon-set/minify';
 import { convertIconSetInfo } from '@iconify/utils/lib/icon-set/convert-info';
 import { filterProps, defaultCommonProps } from './props.mjs';
@@ -197,14 +196,11 @@ class IconSet {
     width: "auto",
     height: "auto"
   }) {
-    const item = this.resolve(name, true);
+    const item = this.resolve(name);
     if (!item) {
       return null;
     }
-    const result = iconToSVG(item, {
-      ...defaultIconCustomisations,
-      ...customisations
-    });
+    const result = iconToSVG(item, customisations);
     const attributes = Object.keys(result.attributes).map((key) => ` ${key}="${result.attributes[key]}"`).join("");
     return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"${attributes}>${result.body}</svg>`;
   }

package/lib/icon-set/merge.cjs

@@ -7,7 +7,6 @@ const iconSet_match = require('./match.cjs');
 const iconSet_modified = require('./modified.cjs');
 require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('./props.cjs');

package/lib/icon-set/merge.mjs

@@ -3,7 +3,6 @@ import { findMatchingIcon } from './match.mjs';
 import { hasIconDataBeenModified } from './modified.mjs';
 import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import './props.mjs';

package/lib/import/directory.cjs

@@ -10,7 +10,6 @@ const svg_index = require('../svg/index.cjs');
 const svg_cleanup = require('../svg/cleanup.cjs');
 require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('../icon-set/props.cjs');
@@ -28,11 +27,12 @@ require('../css/parser/tokens.cjs');
 require('../css/parser/error.cjs');
 require('../css/parser/strings.cjs');
 require('../css/parser/text.cjs');
-require('../svg/cleanup/root-svg.cjs');
-require('../svg/cleanup/svgo-style.cjs');
+require('../svg/cleanup/root-style.cjs');
 require('../svg/parse-style.cjs');
 require('../css/parser/export.cjs');
 require('../css/parser/tree.cjs');
+require('../svg/cleanup/root-svg.cjs');
+require('../svg/cleanup/svgo-style.cjs');
 require('../optimise/svgo.cjs');
 require('svgo');
 

package/lib/import/directory.mjs

@@ -6,7 +6,6 @@ import { SVG } from '../svg/index.mjs';
 import { cleanupSVG } from '../svg/cleanup.mjs';
 import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import '../icon-set/props.mjs';
@@ -24,11 +23,12 @@ import '../css/parser/tokens.mjs';
 import '../css/parser/error.mjs';
 import '../css/parser/strings.mjs';
 import '../css/parser/text.mjs';
-import '../svg/cleanup/root-svg.mjs';
-import '../svg/cleanup/svgo-style.mjs';
+import '../svg/cleanup/root-style.mjs';
 import '../svg/parse-style.mjs';
 import '../css/parser/export.mjs';
 import '../css/parser/tree.mjs';
+import '../svg/cleanup/root-svg.mjs';
+import '../svg/cleanup/svgo-style.mjs';
 import '../optimise/svgo.mjs';
 import 'svgo';
 

package/lib/import/figma/index.cjs

@@ -9,7 +9,6 @@ const import_figma_nodes = require('./nodes.cjs');
 const import_figma_query = require('./query.cjs');
 require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('../../icon-set/props.cjs');
@@ -27,11 +26,12 @@ require('../../css/parser/tokens.cjs');
 require('../../css/parser/error.cjs');
 require('../../css/parser/strings.cjs');
 require('../../css/parser/text.cjs');
-require('../../svg/cleanup/root-svg.cjs');
-require('../../svg/cleanup/svgo-style.cjs');
+require('../../svg/cleanup/root-style.cjs');
 require('../../svg/parse-style.cjs');
 require('../../css/parser/export.cjs');
 require('../../css/parser/tree.cjs');
+require('../../svg/cleanup/root-svg.cjs');
+require('../../svg/cleanup/svgo-style.cjs');
 require('../../optimise/svgo.cjs');
 require('svgo');
 require('../../download/api/index.cjs');

package/lib/import/figma/index.mjs

@@ -5,7 +5,6 @@ import { getFigmaIconNodes } from './nodes.mjs';
 import { figmaFilesQuery, figmaImagesQuery, figmaDownloadImages } from './query.mjs';
 import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import '../../icon-set/props.mjs';
@@ -23,11 +22,12 @@ import '../../css/parser/tokens.mjs';
 import '../../css/parser/error.mjs';
 import '../../css/parser/strings.mjs';
 import '../../css/parser/text.mjs';
-import '../../svg/cleanup/root-svg.mjs';
-import '../../svg/cleanup/svgo-style.mjs';
+import '../../svg/cleanup/root-style.mjs';
 import '../../svg/parse-style.mjs';
 import '../../css/parser/export.mjs';
 import '../../css/parser/tree.mjs';
+import '../../svg/cleanup/root-svg.mjs';
+import '../../svg/cleanup/svgo-style.mjs';
 import '../../optimise/svgo.mjs';
 import 'svgo';
 import '../../download/api/index.mjs';

package/lib/index.cjs

@@ -9,6 +9,7 @@ const svg_analyse = require('./svg/analyse.cjs');
 const svg_cleanup = require('./svg/cleanup.cjs');
 const svg_cleanup_attribs = require('./svg/cleanup/attribs.cjs');
 const svg_cleanup_badTags = require('./svg/cleanup/bad-tags.cjs');
+const svg_cleanup_rootStyle = require('./svg/cleanup/root-style.cjs');
 const svg_cleanup_inlineStyle = require('./svg/cleanup/inline-style.cjs');
 const svg_cleanup_rootSvg = require('./svg/cleanup/root-svg.cjs');
 const svg_cleanup_svgoStyle = require('./svg/cleanup/svgo-style.cjs');
@@ -49,7 +50,6 @@ const misc_bumpVersion = require('./misc/bump-version.cjs');
 const download_api_index = require('./download/api/index.cjs');
 require('cheerio');
 require('@iconify/utils');
-require('@iconify/utils/lib/icon/defaults');
 require('./css/parse.cjs');
 require('./css/parser/tokens.cjs');
 require('./css/parser/error.cjs');
@@ -61,8 +61,8 @@ require('./svg/data/attributes.cjs');
 require('./svg/data/tags.cjs');
 require('./svg/analyse/error.cjs');
 require('svgo');
+require('@iconify/utils/lib/icon/defaults');
 require('@iconify/utils/lib/svg/build');
-require('@iconify/utils/lib/customisations/defaults');
 require('@iconify/utils/lib/icon-set/minify');
 require('@iconify/utils/lib/icon-set/convert-info');
 require('./icon-set/props.cjs');
@@ -96,6 +96,7 @@ exports.analyseSVGStructure = svg_analyse.analyseSVGStructure;
 exports.cleanupSVG = svg_cleanup.cleanupSVG;
 exports.removeBadAttributes = svg_cleanup_attribs.removeBadAttributes;
 exports.checkBadTags = svg_cleanup_badTags.checkBadTags;
+exports.cleanupRootStyle = svg_cleanup_rootStyle.cleanupRootStyle;
 exports.cleanupInlineStyle = svg_cleanup_inlineStyle.cleanupInlineStyle;
 exports.cleanupSVGRoot = svg_cleanup_rootSvg.cleanupSVGRoot;
 exports.convertStyleToAttrs = svg_cleanup_svgoStyle.convertStyleToAttrs;

package/lib/index.d.ts

@@ -5,6 +5,7 @@ export { analyseSVGStructure } from './svg/analyse.js';
 export { cleanupSVG } from './svg/cleanup.js';
 export { removeBadAttributes } from './svg/cleanup/attribs.js';
 export { checkBadTags } from './svg/cleanup/bad-tags.js';
+export { cleanupRootStyle } from './svg/cleanup/root-style.js';
 export { cleanupInlineStyle } from './svg/cleanup/inline-style.js';
 export { cleanupSVGRoot } from './svg/cleanup/root-svg.js';
 export { convertStyleToAttrs } from './svg/cleanup/svgo-style.js';

package/lib/index.mjs

@@ -5,6 +5,7 @@ export { analyseSVGStructure } from './svg/analyse.mjs';
 export { cleanupSVG } from './svg/cleanup.mjs';
 export { removeBadAttributes } from './svg/cleanup/attribs.mjs';
 export { checkBadTags } from './svg/cleanup/bad-tags.mjs';
+export { cleanupRootStyle } from './svg/cleanup/root-style.mjs';
 export { cleanupInlineStyle } from './svg/cleanup/inline-style.mjs';
 export { cleanupSVGRoot } from './svg/cleanup/root-svg.mjs';
 export { convertStyleToAttrs } from './svg/cleanup/svgo-style.mjs';
@@ -45,7 +46,6 @@ export { bumpVersion } from './misc/bump-version.mjs';
 export { sendAPIQuery } from './download/api/index.mjs';
 import 'cheerio';
 import '@iconify/utils';
-import '@iconify/utils/lib/icon/defaults';
 import './css/parse.mjs';
 import './css/parser/tokens.mjs';
 import './css/parser/error.mjs';
@@ -57,8 +57,8 @@ import './svg/data/attributes.mjs';
 import './svg/data/tags.mjs';
 import './svg/analyse/error.mjs';
 import 'svgo';
+import '@iconify/utils/lib/icon/defaults';
 import '@iconify/utils/lib/svg/build';
-import '@iconify/utils/lib/customisations/defaults';
 import '@iconify/utils/lib/icon-set/minify';
 import '@iconify/utils/lib/icon-set/convert-info';
 import './icon-set/props.mjs';

package/lib/misc/keyword.cjs

@@ -6,7 +6,7 @@ function cleanupIconKeyword(keyword, convertCamelCase = false) {
   if (convertCamelCase) {
     keyword = keyword.replace(/[A-Z]+/g, (chars) => "_" + chars.toLowerCase());
   }
-  keyword = keyword.toLowerCase().trim().replace(/[_.:]/g, "-").replace(/[^a-z0-9-]/g, "").replace(/[-]+/g, "-");
+  keyword = keyword.toLowerCase().trim().replace(/[\s_.:]/g, "-").replace(/[^a-z0-9-]/g, "").replace(/[-]+/g, "-");
   if (keyword.slice(0, 1) === "-") {
     keyword = keyword.slice(1);
   }

package/lib/misc/keyword.mjs

@@ -2,7 +2,7 @@ function cleanupIconKeyword(keyword, convertCamelCase = false) {
   if (convertCamelCase) {
     keyword = keyword.replace(/[A-Z]+/g, (chars) => "_" + chars.toLowerCase());
   }
-  keyword = keyword.toLowerCase().trim().replace(/[_.:]/g, "-").replace(/[^a-z0-9-]/g, "").replace(/[-]+/g, "-");
+  keyword = keyword.toLowerCase().trim().replace(/[\s_.:]/g, "-").replace(/[^a-z0-9-]/g, "").replace(/[-]+/g, "-");
   if (keyword.slice(0, 1) === "-") {
     keyword = keyword.slice(1);
   }

package/lib/svg/cleanup/inline-style.cjs

@@ -33,6 +33,10 @@ async function cleanupInlineStyle(svg) {
             $element.attr(prop, value);
             return;
           }
+          if (svg_data_attributes.tagSpecificInlineStyles[tagName]?.has(prop)) {
+            newStyle[prop] = value;
+            return;
+          }
           if (svg_data_attributes.insideClipPathAttributes.has(prop)) {
             if (item.parents.find((item2) => item2.tagName === "clipPath")) {
               $element.attr(prop, value);

package/lib/svg/cleanup/inline-style.mjs

@@ -1,5 +1,5 @@
 import { parseInlineStyle } from '../../css/parse.mjs';
-import { badAttributes, tagSpecificNonPresentationalAttributes, tagSpecificAnimatedAttributes, tagSpecificPresentationalAttributes, insideClipPathAttributes, badSoftwareAttributes, badAttributePrefixes } from '../data/attributes.mjs';
+import { badAttributes, tagSpecificNonPresentationalAttributes, tagSpecificAnimatedAttributes, tagSpecificPresentationalAttributes, tagSpecificInlineStyles, insideClipPathAttributes, badSoftwareAttributes, badAttributePrefixes } from '../data/attributes.mjs';
 import { parseSVG } from '../parse.mjs';
 import '../../css/parser/tokens.mjs';
 import '../../css/parser/error.mjs';
@@ -29,6 +29,10 @@ async function cleanupInlineStyle(svg) {
             $element.attr(prop, value);
             return;
           }
+          if (tagSpecificInlineStyles[tagName]?.has(prop)) {
+            newStyle[prop] = value;
+            return;
+          }
           if (insideClipPathAttributes.has(prop)) {
             if (item.parents.find((item2) => item2.tagName === "clipPath")) {
               $element.attr(prop, value);

package/lib/svg/cleanup/root-style.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const svg_parseStyle = require('../parse-style.cjs');
+require('../../css/parse.cjs');
+require('../../css/parser/tokens.cjs');
+require('../../css/parser/error.cjs');
+require('../../css/parser/strings.cjs');
+require('../../css/parser/text.cjs');
+require('../../css/parser/export.cjs');
+require('../../css/parser/tree.cjs');
+require('../parse.cjs');
+
+function cleanupRootStyle(svg) {
+  return svg_parseStyle.parseSVGStyle(svg, (item) => {
+    if (item.type === "global" && item.selectorTokens.find((token) => token.type === "at-rule")) {
+      return;
+    }
+    return item.value;
+  });
+}
+
+exports.cleanupRootStyle = cleanupRootStyle;

package/lib/svg/cleanup/root-style.d.ts

@@ -0,0 +1,16 @@
+import { SVG } from '../index.js';
+import { parseSVGStyle } from '../parse-style.js';
+import '../../types-f0980297.js';
+import '@iconify/utils/lib/customisations/defaults';
+import '../../css/parser/types.js';
+import '../parse.js';
+import '../../misc/cheerio.js';
+
+/**
+ * Clean up root style
+ *
+ * This function removes all at-rule tokens, such as `@font-face`, `@media`
+ */
+declare function cleanupRootStyle(svg: SVG): ReturnType<typeof parseSVGStyle>;
+
+export { cleanupRootStyle };

package/lib/svg/cleanup/root-style.mjs

@@ -0,0 +1,20 @@
+import { parseSVGStyle } from '../parse-style.mjs';
+import '../../css/parse.mjs';
+import '../../css/parser/tokens.mjs';
+import '../../css/parser/error.mjs';
+import '../../css/parser/strings.mjs';
+import '../../css/parser/text.mjs';
+import '../../css/parser/export.mjs';
+import '../../css/parser/tree.mjs';
+import '../parse.mjs';
+
+function cleanupRootStyle(svg) {
+  return parseSVGStyle(svg, (item) => {
+    if (item.type === "global" && item.selectorTokens.find((token) => token.type === "at-rule")) {
+      return;
+    }
+    return item.value;
+  });
+}
+
+export { cleanupRootStyle };

package/lib/svg/cleanup/root-svg.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const svg_data_attributes = require('../data/attributes.cjs');
 const svg_data_tags = require('../data/tags.cjs');
 
-async function cleanupSVGRoot(svg) {
+function cleanupSVGRoot(svg) {
   const cheerio = svg.$svg;
   const $root = svg.$svg(":root");
   const root = $root.get(0);
@@ -26,7 +26,7 @@ async function cleanupSVGRoot(svg) {
       case "height":
         if (value.slice(-2) === "px") {
           const num = value.replace("px", "");
-          if (parseFloat(num) + "" === num) {
+          if (parseFloat(num).toString() === num) {
             $root.attr(attr, num);
           }
         }

package/lib/svg/cleanup/root-svg.d.ts

@@ -5,6 +5,6 @@ import '@iconify/utils/lib/customisations/defaults';
 /**
  * Clean up SVG
  */
-declare function cleanupSVGRoot(svg: SVG): Promise<void>;
+declare function cleanupSVGRoot(svg: SVG): void;
 
 export { cleanupSVGRoot };

package/lib/svg/cleanup/root-svg.mjs

@@ -1,7 +1,7 @@
 import { commonAttributes, badAttributes, junkSVGAttributes, badSoftwareAttributes, badAttributePrefixes, tagSpecificNonPresentationalAttributes, tagSpecificPresentationalAttributes, stylingAttributes } from '../data/attributes.mjs';
 import { reusableElementsWithPalette, maskTags } from '../data/tags.mjs';
 
-async function cleanupSVGRoot(svg) {
+function cleanupSVGRoot(svg) {
   const cheerio = svg.$svg;
   const $root = svg.$svg(":root");
   const root = $root.get(0);
@@ -22,7 +22,7 @@ async function cleanupSVGRoot(svg) {
       case "height":
         if (value.slice(-2) === "px") {
           const num = value.replace("px", "");
-          if (parseFloat(num) + "" === num) {
+          if (parseFloat(num).toString() === num) {
             $root.attr(attr, num);
           }
         }

package/lib/svg/cleanup.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const svg_cleanup_attribs = require('./cleanup/attribs.cjs');
 const svg_cleanup_badTags = require('./cleanup/bad-tags.cjs');
 const svg_cleanup_inlineStyle = require('./cleanup/inline-style.cjs');
+const svg_cleanup_rootStyle = require('./cleanup/root-style.cjs');
 const svg_cleanup_rootSvg = require('./cleanup/root-svg.cjs');
 const svg_cleanup_svgoStyle = require('./cleanup/svgo-style.cjs');
 require('./data/attributes.cjs');
@@ -24,9 +25,10 @@ require('svgo');
 async function cleanupSVG(svg) {
   await svg_cleanup_inlineStyle.cleanupInlineStyle(svg);
   await svg_cleanup_svgoStyle.convertStyleToAttrs(svg);
-  await svg_cleanup_rootSvg.cleanupSVGRoot(svg);
+  svg_cleanup_rootSvg.cleanupSVGRoot(svg);
   await svg_cleanup_badTags.checkBadTags(svg);
   await svg_cleanup_attribs.removeBadAttributes(svg);
+  await svg_cleanup_rootStyle.cleanupRootStyle(svg);
 }
 
 exports.cleanupSVG = cleanupSVG;

package/lib/svg/cleanup.mjs

@@ -1,6 +1,7 @@
 import { removeBadAttributes } from './cleanup/attribs.mjs';
 import { checkBadTags } from './cleanup/bad-tags.mjs';
 import { cleanupInlineStyle } from './cleanup/inline-style.mjs';
+import { cleanupRootStyle } from './cleanup/root-style.mjs';
 import { cleanupSVGRoot } from './cleanup/root-svg.mjs';
 import { convertStyleToAttrs } from './cleanup/svgo-style.mjs';
 import './data/attributes.mjs';
@@ -20,9 +21,10 @@ import 'svgo';
 async function cleanupSVG(svg) {
   await cleanupInlineStyle(svg);
   await convertStyleToAttrs(svg);
-  await cleanupSVGRoot(svg);
+  cleanupSVGRoot(svg);
   await checkBadTags(svg);
   await removeBadAttributes(svg);
+  await cleanupRootStyle(svg);
 }
 
 export { cleanupSVG };

package/lib/svg/data/attributes.cjs

@@ -327,6 +327,9 @@ const tagSpecificNonPresentationalAttributes = {
     "type"
   ])
 };
+const tagSpecificInlineStyles = {
+  mask: /* @__PURE__ */ new Set(["mask-type"])
+};
 
 exports.animationTimingAttributes = animationTimingAttributes;
 exports.animationValueAttributes = animationValueAttributes;
@@ -349,6 +352,7 @@ exports.presentationalAttributes = presentationalAttributes;
 exports.strokePresentationalAttributes = strokePresentationalAttributes;
 exports.stylingAttributes = stylingAttributes;
 exports.tagSpecificAnimatedAttributes = tagSpecificAnimatedAttributes;
+exports.tagSpecificInlineStyles = tagSpecificInlineStyles;
 exports.tagSpecificNonPresentationalAttributes = tagSpecificNonPresentationalAttributes;
 exports.tagSpecificPresentationalAttributes = tagSpecificPresentationalAttributes;
 exports.urlPresentationalAttributes = urlPresentationalAttributes;

package/lib/svg/data/attributes.d.ts

@@ -69,5 +69,9 @@ declare const feFuncAttributes: Set<string>;
 declare const tagSpecificAnimatedAttributes: Record<string, Set<string>>;
 declare const tagSpecificPresentationalAttributes: Record<string, Set<string>>;
 declare const tagSpecificNonPresentationalAttributes: Record<string, Set<string>>;
+/**
+ * Styles to keep in tags
+ */
+declare const tagSpecificInlineStyles: Record<string, Set<string>>;
 
-export { animationTimingAttributes, animationValueAttributes, badAttributePrefixes, badAttributes, badSoftwareAttributes, commonAttributes, commonColorPresentationalAttributes, commonFeAttributes, commonGradientAttributes, feFuncAttributes, fillPresentationalAttributes, insideClipPathAttributes, junkSVGAttributes, markerAttributes, otherAnimationAttributes, otherPresentationalAttributes, otherShapeAttributes, presentationalAttributes, strokePresentationalAttributes, stylingAttributes, tagSpecificAnimatedAttributes, tagSpecificNonPresentationalAttributes, tagSpecificPresentationalAttributes, urlPresentationalAttributes, visibilityPresentationalAttributes };
+export { animationTimingAttributes, animationValueAttributes, badAttributePrefixes, badAttributes, badSoftwareAttributes, commonAttributes, commonColorPresentationalAttributes, commonFeAttributes, commonGradientAttributes, feFuncAttributes, fillPresentationalAttributes, insideClipPathAttributes, junkSVGAttributes, markerAttributes, otherAnimationAttributes, otherPresentationalAttributes, otherShapeAttributes, presentationalAttributes, strokePresentationalAttributes, stylingAttributes, tagSpecificAnimatedAttributes, tagSpecificInlineStyles, tagSpecificNonPresentationalAttributes, tagSpecificPresentationalAttributes, urlPresentationalAttributes, visibilityPresentationalAttributes };

package/lib/svg/data/attributes.mjs

@@ -323,5 +323,8 @@ const tagSpecificNonPresentationalAttributes = {
     "type"
   ])
 };
+const tagSpecificInlineStyles = {
+  mask: /* @__PURE__ */ new Set(["mask-type"])
+};
 
-export { animationTimingAttributes, animationValueAttributes, badAttributePrefixes, badAttributes, badSoftwareAttributes, commonAttributes, commonColorPresentationalAttributes, commonFeAttributes, commonGradientAttributes, feFuncAttributes, fillPresentationalAttributes, insideClipPathAttributes, junkSVGAttributes, markerAttributes, otherAnimationAttributes, otherPresentationalAttributes, otherShapeAttributes, presentationalAttributes, strokePresentationalAttributes, stylingAttributes, tagSpecificAnimatedAttributes, tagSpecificNonPresentationalAttributes, tagSpecificPresentationalAttributes, urlPresentationalAttributes, visibilityPresentationalAttributes };
+export { animationTimingAttributes, animationValueAttributes, badAttributePrefixes, badAttributes, badSoftwareAttributes, commonAttributes, commonColorPresentationalAttributes, commonFeAttributes, commonGradientAttributes, feFuncAttributes, fillPresentationalAttributes, insideClipPathAttributes, junkSVGAttributes, markerAttributes, otherAnimationAttributes, otherPresentationalAttributes, otherShapeAttributes, presentationalAttributes, strokePresentationalAttributes, stylingAttributes, tagSpecificAnimatedAttributes, tagSpecificInlineStyles, tagSpecificNonPresentationalAttributes, tagSpecificPresentationalAttributes, urlPresentationalAttributes, visibilityPresentationalAttributes };

package/lib/svg/index.cjs

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const cheerio = require('cheerio');
 const utils = require('@iconify/utils');
-const defaults = require('@iconify/utils/lib/icon/defaults');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
@@ -16,13 +15,7 @@ class SVG {
   }
   toString(customisations) {
     if (customisations) {
-      const data = utils.iconToSVG({
-        ...defaults.defaultIconProps,
-        ...this.getIcon()
-      }, {
-        ...utils.defaultIconCustomisations,
-        ...customisations
-      });
+      const data = utils.iconToSVG(this.getIcon(), customisations);
       let svgAttributes = ' xmlns="http://www.w3.org/2000/svg"';
       if (data.body.indexOf("xlink:") !== -1) {
         svgAttributes += ' xmlns:xlink="http://www.w3.org/1999/xlink"';

package/lib/svg/index.mjs

@@ -1,6 +1,5 @@
 import cheerio from 'cheerio';
-import { iconToSVG, defaultIconCustomisations, trimSVG } from '@iconify/utils';
-import { defaultIconProps } from '@iconify/utils/lib/icon/defaults';
+import { iconToSVG, trimSVG } from '@iconify/utils';
 
 class SVG {
   constructor(content) {
@@ -8,13 +7,7 @@ class SVG {
   }
   toString(customisations) {
     if (customisations) {
-      const data = iconToSVG({
-        ...defaultIconProps,
-        ...this.getIcon()
-      }, {
-        ...defaultIconCustomisations,
-        ...customisations
-      });
+      const data = iconToSVG(this.getIcon(), customisations);
       let svgAttributes = ' xmlns="http://www.w3.org/2000/svg"';
       if (data.body.indexOf("xlink:") !== -1) {
         svgAttributes += ' xmlns:xlink="http://www.w3.org/1999/xlink"';

package/lib/svg/parse-style.cjs

@@ -16,7 +16,7 @@ async function parseSVGStyle(svg, callback) {
     const tagName = item.tagName;
     const $element = item.$element;
     if (tagName === "style") {
-      const content = $element.html();
+      const content = $element.text();
       if (typeof content !== "string") {
         $element.remove();
         return;

package/lib/svg/parse-style.mjs

@@ -12,7 +12,7 @@ async function parseSVGStyle(svg, callback) {
     const tagName = item.tagName;
     const $element = item.$element;
     if (tagName === "style") {
-      const content = $element.html();
+      const content = $element.text();
       if (typeof content !== "string") {
         $element.remove();
         return;

package/package.json

@@ -3,7 +3,7 @@
 	"type": "module",
 	"description": "Collection of functions for cleaning up and parsing SVG for Iconify project",
 	"author": "Vjacheslav Trushkin",
-	"version": "2.1.0-beta.4",
+	"version": "2.1.0-beta.7",
 	"license": "MIT",
 	"bugs": "https://github.com/iconify/tools/issues",
 	"homepage": "https://github.com/iconify/tools",
@@ -25,7 +25,7 @@
 		"test": "npm run test:jest-cjs && npm run test:jest-esm && npm run test:jasmine"
 	},
 	"dependencies": {
-		"@iconify/utils": "^2.0.0-beta.3",
+		"@iconify/utils": "^2.0.0-beta.4",
 		"@types/cheerio": "^0.22.30",
 		"@types/node-fetch": "^2.5.12",
 		"@types/svgo": "^2.6.0",
@@ -368,6 +368,10 @@
 			"require": "./lib/svg/cleanup/inline-style.cjs",
 			"import": "./lib/svg/cleanup/inline-style.mjs"
 		},
+		"./lib/svg/cleanup/root-style": {
+			"require": "./lib/svg/cleanup/root-style.cjs",
+			"import": "./lib/svg/cleanup/root-style.mjs"
+		},
 		"./lib/svg/cleanup/root-svg": {
 			"require": "./lib/svg/cleanup/root-svg.cjs",
 			"import": "./lib/svg/cleanup/root-svg.mjs"