@semcore/icon 16.8.0-prerelease.1 → 16.8.0

package/lib/color/WooCommerceColored/m/index.mjs

@@ -0,0 +1,33 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootWooCommerceColored({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "WooCommerceColored",
+    "data-ui-name": "WooCommerceColored",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "#7F54B3",
+    fillRule: "evenodd",
+    d: "M1.493 3.01h13.018c.82 0 1.489.702 1.489 1.565v5.22c0 .863-.668 1.565-1.49 1.565H9.84l.64 1.65-2.823-1.65H1.49C.67 11.36 0 10.658 0 9.795v-5.22C0 3.712.668 3.01 1.493 3.01Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M.808 4.431a.543.543 0 0 1 .41-.213c.33-.022.52.142.572.493.203 1.432.423 2.65.655 3.651L3.88 5.498c.132-.257.292-.395.491-.409.288-.022.466.17.537.578.136.8.343 1.588.618 2.348.174-1.743.461-3.006.863-3.784a.502.502 0 0 1 .432-.302.542.542 0 0 1 .41.138c.119.093.19.24.199.395a.62.62 0 0 1-.064.33c-.253.498-.465 1.325-.63 2.48-.16 1.117-.224 1.993-.182 2.62a.856.856 0 0 1-.076.449.415.415 0 0 1-.347.249c-.173.013-.343-.072-.516-.254-.61-.653-1.091-1.627-1.447-2.921l-.943 1.979c-.385.778-.715 1.173-.986 1.196-.178.013-.33-.143-.453-.472-.334-.898-.694-2.636-1.078-5.215a.596.596 0 0 1 .101-.472ZM10.763 5.509c-.22-.414-.601-.707-1.045-.796a1.614 1.614 0 0 0-.356-.04c-.626 0-1.138.342-1.535 1.027a3.766 3.766 0 0 0-.508 1.934c0 .53.106.983.313 1.36.22.414.6.708 1.045.797.118.026.237.04.355.04.63 0 1.143-.343 1.536-1.027a3.802 3.802 0 0 0 .508-1.948c0-.53-.106-.978-.313-1.347Zm-.825 1.907c-.09.45-.254.787-.5 1.019-.19.182-.368.253-.528.222-.161-.031-.288-.182-.385-.445-.072-.2-.115-.409-.115-.627 0-.169.017-.338.047-.502.063-.294.178-.57.347-.818.216-.334.444-.476.681-.423.16.036.288.183.385.445.072.2.114.409.114.622 0 .17-.012.338-.046.507ZM14.858 5.509c-.22-.414-.6-.707-1.045-.796a1.614 1.614 0 0 0-.356-.04c-.626 0-1.138.342-1.535 1.027a3.767 3.767 0 0 0-.508 1.934c0 .53.106.983.313 1.36.22.414.601.708 1.045.797.119.026.237.04.355.04.63 0 1.143-.343 1.536-1.027a3.803 3.803 0 0 0 .508-1.948c0-.53-.106-.978-.313-1.347Zm-.825 1.907c-.09.45-.254.787-.5 1.019-.19.182-.367.253-.528.222-.16-.031-.288-.182-.385-.445-.072-.2-.114-.409-.114-.627 0-.169.017-.338.046-.502.064-.294.178-.57.347-.818.216-.334.444-.476.681-.423.161.036.288.183.385.445.072.2.114.409.114.622 0 .17-.012.338-.046.507Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootWooCommerceColored.displayName = 'WooCommerceColored';
+const WooCommerceColored = createBaseComponent(RootWooCommerceColored);
+export { WooCommerceColored as default };

package/lib/color/Yahoo/l/index.d.ts

@@ -0,0 +1,5 @@
+
+import type { IconProps } from '../../../types/index.mjs';
+declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+export default Icon;
+    

package/lib/color/Yahoo/l/index.js

@@ -0,0 +1,37 @@
+"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 _index = _interopRequireDefault(require("../../../cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootYahoo(_ref, ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '24' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '24' : _ref$height,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Yahoo",
+    "data-ui-name": "Yahoo",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M19.27 12H14l4.73-11H24l-4.73 11ZM7.99 23H3.32l1.88-4.48L0 6h4.75l2.79 7.21L10.33 6H15L7.99 23Zm10.37-6.95a2.86 2.86 0 1 1-5.72 0 2.86 2.86 0 0 1 5.72 0Z",
+    fill: "#5F01D1",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootYahoo.displayName = 'Yahoo';
+var Yahoo = exports["default"] = (0, _core.createBaseComponent)(RootYahoo);

package/lib/color/Yahoo/l/index.mjs

@@ -0,0 +1,27 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootYahoo({
+  width = '24',
+  height = '24',
+  viewBox = '0 0 24 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Yahoo",
+    "data-ui-name": "Yahoo",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M19.27 12H14l4.73-11H24l-4.73 11ZM7.99 23H3.32l1.88-4.48L0 6h4.75l2.79 7.21L10.33 6H15L7.99 23Zm10.37-6.95a2.86 2.86 0 1 1-5.72 0 2.86 2.86 0 0 1 5.72 0Z",
+    fill: "#5F01D1",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootYahoo.displayName = 'Yahoo';
+const Yahoo = createBaseComponent(RootYahoo);
+export { Yahoo as default };

package/lib/color/Yahoo/m/index.d.ts

@@ -0,0 +1,5 @@
+
+import type { IconProps } from '../../../types/index.mjs';
+declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+export default Icon;
+    

package/lib/color/Yahoo/m/index.js

@@ -0,0 +1,37 @@
+"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 _index = _interopRequireDefault(require("../../../cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootYahoo(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Yahoo",
+    "data-ui-name": "Yahoo",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M12.92 7H10l3-7h3l-3.08 7Zm-7.6 8H2.22l1.26-2.9L0 4h3.17l1.86 4.67L6.88 4H10L5.33 15Zm6.92-4.97a1.9 1.9 0 1 1-3.81 0 1.9 1.9 0 0 1 3.8 0Z",
+    fill: "#5F01D1",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootYahoo.displayName = 'Yahoo';
+var Yahoo = exports["default"] = (0, _core.createBaseComponent)(RootYahoo);

package/lib/color/Yahoo/m/index.mjs

@@ -0,0 +1,27 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootYahoo({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Yahoo",
+    "data-ui-name": "Yahoo",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.92 7H10l3-7h3l-3.08 7Zm-7.6 8H2.22l1.26-2.9L0 4h3.17l1.86 4.67L6.88 4H10L5.33 15Zm6.92-4.97a1.9 1.9 0 1 1-3.81 0 1.9 1.9 0 0 1 3.8 0Z",
+    fill: "#5F01D1",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+RootYahoo.displayName = 'Yahoo';
+const Yahoo = createBaseComponent(RootYahoo);
+export { Yahoo as default };

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

@@ -0,0 +1,5 @@
+
+import type { IconProps } from '../../../types/index.mjs';
+declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+export default Icon;
+    

package/lib/color/YoutubeColored/l/index.js

@@ -0,0 +1,41 @@
+"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 _index = _interopRequireDefault(require("../../../cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootYoutubeColored(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-ui-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"
+  }));
+}
+RootYoutubeColored.displayName = 'YoutubeColored';
+var YoutubeColored = exports["default"] = (0, _core.createBaseComponent)(RootYoutubeColored);

package/lib/color/YoutubeColored/l/index.mjs

@@ -0,0 +1,31 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootYoutubeColored({
+  width = '24',
+  height = '25',
+  viewBox = '0 0 24 25',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-ui-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"
+  }));
+}
+RootYoutubeColored.displayName = 'YoutubeColored';
+const YoutubeColored = createBaseComponent(RootYoutubeColored);
+export { YoutubeColored as default };

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

@@ -0,0 +1,5 @@
+
+import type { IconProps } from '../../../types/index.mjs';
+declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+export default Icon;
+    

package/lib/color/YoutubeColored/m/index.js

@@ -0,0 +1,41 @@
+"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 _index = _interopRequireDefault(require("../../../cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootYoutubeColored(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-ui-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"
+  }));
+}
+RootYoutubeColored.displayName = 'YoutubeColored';
+var YoutubeColored = exports["default"] = (0, _core.createBaseComponent)(RootYoutubeColored);

package/lib/color/YoutubeColored/m/index.mjs

@@ -0,0 +1,31 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootYoutubeColored({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeColored",
+    "data-ui-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"
+  }));
+}
+RootYoutubeColored.displayName = 'YoutubeColored';
+const YoutubeColored = createBaseComponent(RootYoutubeColored);
+export { YoutubeColored as default };

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

@@ -0,0 +1,5 @@
+
+import type { IconProps } from '../../../types/index.mjs';
+declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+export default Icon;
+    

package/lib/color/YoutubeInvert/l/index.js

@@ -0,0 +1,40 @@
+"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 _index = _interopRequireDefault(require("../../../cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootYoutubeInvert(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-ui-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"
+  }));
+}
+RootYoutubeInvert.displayName = 'YoutubeInvert';
+var YoutubeInvert = exports["default"] = (0, _core.createBaseComponent)(RootYoutubeInvert);

package/lib/color/YoutubeInvert/l/index.mjs

@@ -0,0 +1,30 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootYoutubeInvert({
+  width = '24',
+  height = '25',
+  viewBox = '0 0 24 25',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-ui-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"
+  }));
+}
+RootYoutubeInvert.displayName = 'YoutubeInvert';
+const YoutubeInvert = createBaseComponent(RootYoutubeInvert);
+export { YoutubeInvert as default };

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

@@ -0,0 +1,5 @@
+
+import type { IconProps } from '../../../types/index.mjs';
+declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+export default Icon;
+    

package/lib/color/YoutubeInvert/m/index.js

@@ -0,0 +1,40 @@
+"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 _index = _interopRequireDefault(require("../../../cjs/index.js"));
+var _excluded = ["width", "height", "viewBox"];
+function RootYoutubeInvert(_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(_index["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-ui-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"
+  }));
+}
+RootYoutubeInvert.displayName = 'YoutubeInvert';
+var YoutubeInvert = exports["default"] = (0, _core.createBaseComponent)(RootYoutubeInvert);

package/lib/color/YoutubeInvert/m/index.mjs

@@ -0,0 +1,30 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { createBaseComponent } from '@semcore/core';
+import Icon from '../../../esm/index.mjs';
+function RootYoutubeInvert({
+  width = '16',
+  height = '16',
+  viewBox = '0 0 16 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "YoutubeInvert",
+    "data-ui-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"
+  }));
+}
+RootYoutubeInvert.displayName = 'YoutubeInvert';
+const YoutubeInvert = createBaseComponent(RootYoutubeInvert);
+export { YoutubeInvert as default };

package/lib/es6/Icon.js

@@ -1,83 +1,77 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { sstyled as _sstyled } from "@semcore/core";
-var _excluded = ["keyboardFocused"];
-import { useBox } from '@semcore/base-components';
+var _excluded = ["width", "height", "viewBox", "color", "scaleIndent", "m", "mt", "mb", "my", "ml", "mr", "mx"];
 import { createBaseComponent, sstyled } from '@semcore/core';
-import keyboardFocusEnhance from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
-import hasLabels from '@semcore/core/lib/utils/hasLabels';
-import logger from '@semcore/core/lib/utils/logger';
+import { removeUndefinedKeys, getAutoOrScaleIndent } from '@semcore/core/lib/utils/indentStyles';
 import propsForElement from '@semcore/core/lib/utils/propsForElement';
-import { useForkRef } from '@semcore/core/lib/utils/ref';
 import { useColorResolver } from '@semcore/core/lib/utils/use/useColorResolver';
-import cn from 'classnames';
 import React from 'react';
 /*!__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SIcon_1nz6u_gg_{display:inline-block;-moz-user-select:none;user-select:none;shape-rendering:geometricPrecision;box-sizing:content-box;fill:currentColor;flex-shrink:0;outline:0;color:var(--color_1nz6u)}.___SIcon_1nz6u_gg_.__interactive_1nz6u_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1nz6u_gg_.__interactive_1nz6u_gg_:hover{filter:brightness(.8)}}.___SIcon_1nz6u_gg_.__interactive_1nz6u_gg_ path{pointer-events:none}", /*__inner_css_end__*/"1nz6u_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SIcon_nd9fk_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:0;color:var(--color_nd9fk)}", /*__inner_css_end__*/"nd9fk_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SIcon": "___SIcon_1nz6u_gg_",
-  "--color": "--color_1nz6u",
-  "_interactive": "__interactive_1nz6u_gg_"
+  "__SIcon": "___SIcon_nd9fk_gg_",
+  "--color": "--color_nd9fk"
 });
-function Icon(props, ref) {
-  var _useBox = useBox(_objectSpread({
-      'tag': 'svg',
-      'data-ui-name': 'Icon',
-      'width': 16,
-      'height': 16,
-      'viewBox': '0 0 16 16',
-      'focusable': props.interactive
-    }, props), ref),
-    _useBox2 = _slicedToArray(_useBox, 2),
-    SIcon = _useBox2[0],
-    other = _useBox2[1];
-  var interactive = props.interactive,
-    colorProps = props.color;
+function calculateIndentStyles(props, scaleIndent) {
+  return removeUndefinedKeys({
+    margin: getAutoOrScaleIndent(props['m'], scaleIndent),
+    marginTop: getAutoOrScaleIndent(props['mt'], scaleIndent) || getAutoOrScaleIndent(props['my'], scaleIndent),
+    marginBottom: getAutoOrScaleIndent(props['mb'], scaleIndent) || getAutoOrScaleIndent(props['my'], scaleIndent),
+    marginLeft: getAutoOrScaleIndent(props['ml'], scaleIndent) || getAutoOrScaleIndent(props['mx'], scaleIndent),
+    marginRight: getAutoOrScaleIndent(props['mr'], scaleIndent) || getAutoOrScaleIndent(props['mx'], scaleIndent)
+  });
+}
+function Icon(_ref, ref) {
+  var _props$className;
+  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,
+    colorProps = _ref.color,
+    _ref$scaleIndent = _ref.scaleIndent,
+    scaleIndent = _ref$scaleIndent === void 0 ? 4 : _ref$scaleIndent,
+    m = _ref.m,
+    mt = _ref.mt,
+    mb = _ref.mb,
+    my = _ref.my,
+    ml = _ref.ml,
+    mr = _ref.mr,
+    mx = _ref.mx,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var SIcon = 'svg';
   var resolveColor = useColorResolver();
   var color = resolveColor(colorProps);
-  var _keyboardFocusEnhance = keyboardFocusEnhance()(_objectSpread({
-      disabled: !interactive
-    }, other)),
-    keyboardFocused = _keyboardFocusEnhance.keyboardFocused,
-    propsEnhance = _objectWithoutProperties(_keyboardFocusEnhance, _excluded);
   var sstyles = sstyled(styles);
   var _sstyles$cn = sstyles.cn('SIcon', {
-      'use:color': color,
-      'interactive': interactive,
-      'keyboardFocused': keyboardFocused
+      'use:color': color
     }),
     className = _sstyles$cn.className,
     style = _sstyles$cn.style;
-  function onKeyDown(event) {
-    if (propsEnhance.onKeyDown) {
-      return propsEnhance.onKeyDown(event);
-    }
-    if (interactive && propsEnhance.onClick && (event.key === 'Enter' || event.key === ' ')) {
-      event.preventDefault();
-      propsEnhance.onClick(event);
-    }
-  }
-  var labelCheckRef = React.useRef();
-  React.useEffect(function () {
-    if (!interactive) return;
-    if (process.env.NODE_ENV !== 'production') {
-      logger.warn(labelCheckRef.current && !hasLabels(labelCheckRef.current), "'aria-label' or 'aria-labelledby' are required props for interactive icons", props['data-ui-name'] || Icon.displayName);
-    }
-  }, [interactive]);
-  var forkedRef = useForkRef(ref, labelCheckRef);
+  var indentStyles = React.useMemo(function () {
+    return calculateIndentStyles({
+      m: m,
+      mt: mt,
+      mb: mb,
+      my: my,
+      ml: ml,
+      mr: mr,
+      mx: mx
+    }, scaleIndent);
+  }, [scaleIndent, m, mt, mb, my, ml, mr, mx]);
   return /*#__PURE__*/React.createElement(SIcon, _extends({
-    role: interactive ? 'button' : undefined,
-    "aria-hidden": interactive ? undefined : 'true'
-  }, propsForElement(propsEnhance), {
-    style: Object.assign({}, style, propsEnhance.style),
-    className: cn(className, propsEnhance.className) || undefined,
-    onKeyDown: onKeyDown,
-    ref: forkedRef
+    width: width,
+    height: height,
+    viewBox: viewBox,
+    "aria-hidden": "true"
+  }, propsForElement(props), {
+    style: Object.assign({}, style, props.style, indentStyles),
+    className: "".concat(className, " ").concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : ''),
+    ref: ref
   }));
 }
-Icon.displayName = 'Icon';
 export default createBaseComponent(Icon);
 //# sourceMappingURL=Icon.js.map