@semcore/icon 3.8.1 → 3.9.0

package/CHANGELOG.md

@@ -2,11 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.8.1] - 2023-02-09
+## [3.9.0] - 2023-02-09
 
-### Changed
+### BREAK
 
-- Version patch update due to children dependencies update (`@semcore/flex-box` [4.7.7 ~> 4.7.8], `@semcore/utils` [3.46.0 ~> 3.46.1]).
+- Removed `YoutubeAlt` icon, use `YoutubeColored` instead.
+- Removed `YoutubeRed` icon, use `YoutubeInvert` instead.
 
 ## [3.8.0] - 2023-01-20
 

package/clean.js

@@ -0,0 +1,60 @@
+const fs = require('fs');
+const path = require('path');
+const util = require('util');
+
+const readdir = util.promisify(fs.readdir);
+const lstat = util.promisify(fs.lstat);
+const unlink = util.promisify(fs.unlink);
+const rm = util.promisify(fs.rm);
+const rootDir = path.resolve(__dirname);
+
+const ignoreFiles = [
+  '__tests__',
+  'src',
+  'svg',
+  'svg-new',
+  'node_modules',
+  'Stoller',
+  'YoutubeAlt',
+  'YoutubeRed',
+  'package.json',
+  'clean.js',
+  '.npmignore',
+  'CHANGELOG.md',
+  'README.md',
+  'transform-svg-legacy.config.js',
+  'transform-svg.config.js',
+  'tsconfig.json',
+];
+
+const removeDir = async (dir) => {
+  try {
+    const allFiles = await readdir(dir);
+    const files = allFiles.filter((f) => !ignoreFiles.includes(f));
+    await Promise.all(
+      files.map(async (file) => {
+        try {
+          const p = path.join(dir, file);
+          const stat = await lstat(p);
+          if (stat.isDirectory()) {
+            await removeDir(p);
+          } else {
+            await unlink(p);
+          }
+        } catch (err) {
+          console.error(err);
+        }
+      }),
+    );
+    if (dir !== rootDir && dir !== path.join(rootDir, 'color')) {
+      await rm(dir, {
+        recursive: true,
+        force: true,
+      });
+    }
+  } catch (err) {
+    console.error(err);
+  }
+};
+
+removeDir(rootDir);

package/color/YoutubeAlt/l/index.d.ts

@@ -2,5 +2,8 @@
 import React from 'react';
 import { IIconProps } from '@semcore/icon';
 declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+/**
+ * @deprecated The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored".
+ */
 export default _default;
       

package/color/YoutubeAlt/l/index.js

@@ -49,4 +49,7 @@ YoutubeAlt.displayName = 'YoutubeAlt';
 
 var _default = (0, _core.createBaseComponent)(YoutubeAlt);
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
+
 exports["default"] = _default;

package/color/YoutubeAlt/l/index.mjs

@@ -28,5 +28,8 @@ function YoutubeAlt({
   }));
 }
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
+
 YoutubeAlt.displayName = 'YoutubeAlt';
 export default createBaseComponent(YoutubeAlt);

package/color/YoutubeAlt/m/index.d.ts

@@ -2,5 +2,8 @@
 import React from 'react';
 import { IIconProps } from '@semcore/icon';
 declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+/**
+ * @deprecated The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored".
+ */
 export default _default;
       

package/color/YoutubeAlt/m/index.js

@@ -49,4 +49,7 @@ YoutubeAlt.displayName = 'YoutubeAlt';
 
 var _default = (0, _core.createBaseComponent)(YoutubeAlt);
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
+
 exports["default"] = _default;

package/color/YoutubeAlt/m/index.mjs

@@ -28,5 +28,8 @@ function YoutubeAlt({
   }));
 }
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeAlt" icon is deprecated. Use the "YoutubeColored"', 'Icon');
+
 YoutubeAlt.displayName = 'YoutubeAlt';
 export default createBaseComponent(YoutubeAlt);

package/color/YoutubeColored/l/index.d.ts

@@ -0,0 +1,6 @@
+
+import React from 'react';
+import { IIconProps } from '@semcore/icon';
+declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+export default _default;
+      

package/color/YoutubeColored/l/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function YoutubeColored(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '24' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '25' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 24 25' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M23.5 3.22a3 3 0 0 0-2.13-2.12C19.5.6 12 .6 12 .6s-7.5 0-9.38.5A3 3 0 0 0 .5 3.22C0 5.1 0 9 0 9s0 3.9.5 5.78a3 3 0 0 0 2.12 2.12c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3 3 0 0 0 2.12-2.12C24 12.9 24 9 24 9s0-3.9-.5-5.78Z",
+    fill: "red",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9.6 12.6 15.83 9 9.6 5.4v7.2Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeColored.displayName = 'YoutubeColored';
+
+var _default = (0, _core.createBaseComponent)(YoutubeColored);
+
+exports["default"] = _default;

package/color/YoutubeColored/l/index.mjs

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function YoutubeColored({
+  width = '24',
+  height = '25',
+  viewBox = '0 0 24 25',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M23.5 3.22a3 3 0 0 0-2.13-2.12C19.5.6 12 .6 12 .6s-7.5 0-9.38.5A3 3 0 0 0 .5 3.22C0 5.1 0 9 0 9s0 3.9.5 5.78a3 3 0 0 0 2.12 2.12c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3 3 0 0 0 2.12-2.12C24 12.9 24 9 24 9s0-3.9-.5-5.78Z",
+    fill: "red",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.6 12.6 15.83 9 9.6 5.4v7.2Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeColored.displayName = 'YoutubeColored';
+export default createBaseComponent(YoutubeColored);

package/color/YoutubeColored/m/index.d.ts

@@ -0,0 +1,6 @@
+
+import React from 'react';
+import { IIconProps } from '@semcore/icon';
+declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+export default _default;
+      

package/color/YoutubeColored/m/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function YoutubeColored(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '16' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '16' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M15.66 4.15a2 2 0 0 0-1.41-1.42C13 2.4 8 2.4 8 2.4s-5 0-6.25.33A2 2 0 0 0 .33 4.15C0 5.4 0 8 0 8s0 2.6.34 3.85a2 2 0 0 0 1.4 1.42C3 13.6 8 13.6 8 13.6s5 0 6.25-.33a2 2 0 0 0 1.42-1.42C16 10.6 16 8 16 8s0-2.6-.34-3.85Z",
+    fill: "red",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M6.4 10.4 10.55 8 6.4 5.6v4.8Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeColored.displayName = 'YoutubeColored';
+
+var _default = (0, _core.createBaseComponent)(YoutubeColored);
+
+exports["default"] = _default;

package/color/YoutubeColored/m/index.mjs

@@ -0,0 +1,32 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function YoutubeColored({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.66 4.15a2 2 0 0 0-1.41-1.42C13 2.4 8 2.4 8 2.4s-5 0-6.25.33A2 2 0 0 0 .33 4.15C0 5.4 0 8 0 8s0 2.6.34 3.85a2 2 0 0 0 1.4 1.42C3 13.6 8 13.6 8 13.6s5 0 6.25-.33a2 2 0 0 0 1.42-1.42C16 10.6 16 8 16 8s0-2.6-.34-3.85Z",
+    fill: "red",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.4 10.4 10.55 8 6.4 5.6v4.8Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeColored.displayName = 'YoutubeColored';
+export default createBaseComponent(YoutubeColored);

package/color/YoutubeInvert/l/index.d.ts

@@ -0,0 +1,6 @@
+
+import React from 'react';
+import { IIconProps } from '@semcore/icon';
+declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+export default _default;
+      

package/color/YoutubeInvert/l/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function YoutubeInvert(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '24' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '25' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 24 25' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M23.5 3.22a3 3 0 0 0-2.13-2.12C19.5.6 12 .6 12 .6s-7.5 0-9.38.5A3 3 0 0 0 .5 3.22C0 5.1 0 9 0 9s0 3.9.5 5.78a3 3 0 0 0 2.12 2.12c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3 3 0 0 0 2.12-2.12C24 12.9 24 9 24 9s0-3.9-.5-5.78Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M9.6 12.6 15.83 9 9.6 5.4v7.2Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeInvert.displayName = 'YoutubeInvert';
+
+var _default = (0, _core.createBaseComponent)(YoutubeInvert);
+
+exports["default"] = _default;

package/color/YoutubeInvert/l/index.mjs

@@ -0,0 +1,31 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function YoutubeInvert({
+  width = '24',
+  height = '25',
+  viewBox = '0 0 24 25',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M23.5 3.22a3 3 0 0 0-2.13-2.12C19.5.6 12 .6 12 .6s-7.5 0-9.38.5A3 3 0 0 0 .5 3.22C0 5.1 0 9 0 9s0 3.9.5 5.78a3 3 0 0 0 2.12 2.12c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3 3 0 0 0 2.12-2.12C24 12.9 24 9 24 9s0-3.9-.5-5.78Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.6 12.6 15.83 9 9.6 5.4v7.2Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeInvert.displayName = 'YoutubeInvert';
+export default createBaseComponent(YoutubeInvert);

package/color/YoutubeInvert/m/index.d.ts

@@ -0,0 +1,6 @@
+
+import React from 'react';
+import { IIconProps } from '@semcore/icon';
+declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+export default _default;
+      

package/color/YoutubeInvert/m/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@semcore/core");
+
+var _icon = _interopRequireDefault(require("@semcore/icon"));
+
+var _excluded = ["width", "height", "viewBox"];
+
+function YoutubeInvert(_ref, ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? '16' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '16' : _ref$height,
+      _ref$viewBox = _ref.viewBox,
+      viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M15.66 4.15a2 2 0 0 0-1.41-1.42C13 2.4 8 2.4 8 2.4s-5 0-6.25.33A2 2 0 0 0 .33 4.15C0 5.4 0 8 0 8s0 2.6.34 3.85a2 2 0 0 0 1.4 1.42C3 13.6 8 13.6 8 13.6s5 0 6.25-.33a2 2 0 0 0 1.42-1.42C16 10.6 16 8 16 8s0-2.6-.34-3.85Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M6.4 10.4 10.55 8 6.4 5.6v4.8Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeInvert.displayName = 'YoutubeInvert';
+
+var _default = (0, _core.createBaseComponent)(YoutubeInvert);
+
+exports["default"] = _default;

package/color/YoutubeInvert/m/index.mjs

@@ -0,0 +1,31 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '@semcore/icon';
+
+function YoutubeInvert({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M15.66 4.15a2 2 0 0 0-1.41-1.42C13 2.4 8 2.4 8 2.4s-5 0-6.25.33A2 2 0 0 0 .33 4.15C0 5.4 0 8 0 8s0 2.6.34 3.85a2 2 0 0 0 1.4 1.42C3 13.6 8 13.6 8 13.6s5 0 6.25-.33a2 2 0 0 0 1.42-1.42C16 10.6 16 8 16 8s0-2.6-.34-3.85Z",
+    fill: "#fff",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M6.4 10.4 10.55 8 6.4 5.6v4.8Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+
+YoutubeInvert.displayName = 'YoutubeInvert';
+export default createBaseComponent(YoutubeInvert);

package/color/YoutubeRed/l/index.d.ts

@@ -2,5 +2,8 @@
 import React from 'react';
 import { IIconProps } from '@semcore/icon';
 declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+/**
+ * @deprecated The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert".
+ */
 export default _default;
       

package/color/YoutubeRed/l/index.js

@@ -48,4 +48,7 @@ YoutubeRed.displayName = 'YoutubeRed';
 
 var _default = (0, _core.createBaseComponent)(YoutubeRed);
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
+
 exports["default"] = _default;

package/color/YoutubeRed/l/index.mjs

@@ -27,5 +27,8 @@ function YoutubeRed({
   }));
 }
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
+
 YoutubeRed.displayName = 'YoutubeRed';
 export default createBaseComponent(YoutubeRed);

package/color/YoutubeRed/m/index.d.ts

@@ -2,5 +2,8 @@
 import React from 'react';
 import { IIconProps } from '@semcore/icon';
 declare const _default: <T>(props: IIconProps & T) => React.ReactElement;
+/**
+ * @deprecated The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert".
+ */
 export default _default;
       

package/color/YoutubeRed/m/index.js

@@ -48,4 +48,7 @@ YoutubeRed.displayName = 'YoutubeRed';
 
 var _default = (0, _core.createBaseComponent)(YoutubeRed);
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
+
 exports["default"] = _default;

package/color/YoutubeRed/m/index.mjs

@@ -27,5 +27,8 @@ function YoutubeRed({
   }));
 }
 
+// eslint-disable-next-line no-console
+console.warn(true, 'The "YoutubeRed" icon is deprecated. Use the "YoutubeInvert"', 'Icon');
+
 YoutubeRed.displayName = 'YoutubeRed';
 export default createBaseComponent(YoutubeRed);

package/lib/cjs/Icon.js

@@ -52,16 +52,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SIcon_axocz_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_axocz)}.___SIcon_axocz_gg_.__keyboardFocused_axocz_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_axocz_gg_.__interactive_axocz_gg_{cursor:pointer}@media (hover: hover){.___SIcon_axocz_gg_.__interactive_axocz_gg_:hover{color:var(--color-interactive_axocz)}}"
+".___SIcon_1mee3_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_1mee3)}.___SIcon_1mee3_gg_.__keyboardFocused_1mee3_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_1mee3_gg_.__interactive_1mee3_gg_{cursor:pointer}@media (hover: hover){.___SIcon_1mee3_gg_.__interactive_1mee3_gg_:hover{color:var(--color-interactive_1mee3)}}"
 /*__inner_css_end__*/
-, "axocz_gg_")
+, "1mee3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_axocz_gg_",
-  "--color": "--color_axocz",
-  "_keyboardFocused": "__keyboardFocused_axocz_gg_",
-  "_interactive": "__interactive_axocz_gg_",
-  "--color-interactive": "--color-interactive_axocz"
+  "__SIcon": "___SIcon_1mee3_gg_",
+  "--color": "--color_1mee3",
+  "_keyboardFocused": "__keyboardFocused_1mee3_gg_",
+  "_interactive": "__interactive_1mee3_gg_",
+  "--color-interactive": "--color-interactive_1mee3"
 });
 
 function Icon(props, ref) {

package/lib/es6/Icon.js

@@ -25,16 +25,16 @@ var styles = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SIcon_axocz_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_axocz)}.___SIcon_axocz_gg_.__keyboardFocused_axocz_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_axocz_gg_.__interactive_axocz_gg_{cursor:pointer}@media (hover: hover){.___SIcon_axocz_gg_.__interactive_axocz_gg_:hover{color:var(--color-interactive_axocz)}}"
+".___SIcon_1mee3_gg_{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:none;color:var(--color_1mee3)}.___SIcon_1mee3_gg_.__keyboardFocused_1mee3_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SIcon_1mee3_gg_.__interactive_1mee3_gg_{cursor:pointer}@media (hover: hover){.___SIcon_1mee3_gg_.__interactive_1mee3_gg_:hover{color:var(--color-interactive_1mee3)}}"
 /*__inner_css_end__*/
-, "axocz_gg_")
+, "1mee3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SIcon": "___SIcon_axocz_gg_",
-  "--color": "--color_axocz",
-  "_keyboardFocused": "__keyboardFocused_axocz_gg_",
-  "_interactive": "__interactive_axocz_gg_",
-  "--color-interactive": "--color-interactive_axocz"
+  "__SIcon": "___SIcon_1mee3_gg_",
+  "--color": "--color_1mee3",
+  "_keyboardFocused": "__keyboardFocused_1mee3_gg_",
+  "_interactive": "__interactive_1mee3_gg_",
+  "--color-interactive": "--color-interactive_1mee3"
 });
 
 function Icon(props, ref) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -36,6 +36,6 @@
     "transform": "pnpm icon-transform-svg",
     "build": "pnpm run clean && pnpm semcore-builder --source=js && pnpm run transform --configFile=./transform-svg-legacy.config.js && pnpm run transform --configFile=./transform-svg.config.js",
     "test": "jest",
-    "clean": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new|node_modules|Stoller\" | xargs rm -rf"
+    "clean": "node clean.js"
   }
 }