@semcore/icon 4.0.0-beta.1 → 4.0.0

package/CHANGELOG.md

@@ -13,7 +13,11 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 - Removed `FeauturedImage` icon.
 - Removed `FeauturedVideo` icon.
 
-## [3.16.0] - 2023-06-27
+### Added
+
+- Added `Diners` pay icon.
+
+## [3.16.1] - 2023-06-30
 
 ### Added
 

package/lib/cjs/Icon.js

@@ -22,12 +22,12 @@ var _ref = require("@semcore/utils/lib/ref");
 var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
 var _excluded = ["keyboardFocused"];
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_1d04i_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_1d04i)}.___SIcon_1d04i_gg_.__keyboardFocused_1d04i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1d04i_gg_.__interactive_1d04i_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1d04i_gg_.__interactive_1d04i_gg_:hover{color:var(--color-interactive_1d04i)}}" /*__inner_css_end__*/, "1d04i_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_1d04i_gg_",
-  "--color": "--color_1d04i",
-  "_keyboardFocused": "__keyboardFocused_1d04i_gg_",
-  "_interactive": "__interactive_1d04i_gg_",
-  "--color-interactive": "--color-interactive_1d04i"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_1o8n5_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_1o8n5)}.___SIcon_1o8n5_gg_.__keyboardFocused_1o8n5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1o8n5_gg_.__interactive_1o8n5_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1o8n5_gg_.__interactive_1o8n5_gg_:hover{color:var(--color-interactive_1o8n5)}}" /*__inner_css_end__*/, "1o8n5_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_1o8n5_gg_",
+  "--color": "--color_1o8n5",
+  "_keyboardFocused": "__keyboardFocused_1o8n5_gg_",
+  "_interactive": "__interactive_1o8n5_gg_",
+  "--color-interactive": "--color-interactive_1o8n5"
 });
 function Icon(props, ref) {
   var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({

package/lib/es6/Icon.js

@@ -15,12 +15,12 @@ import logger from '@semcore/utils/lib/logger';
 import { useForkRef } from '@semcore/utils/lib/ref';
 import hasLabels from '@semcore/utils/lib/hasLabels';
 /*__reshadow-styles__:"./style/icon.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_1d04i_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_1d04i)}.___SIcon_1d04i_gg_.__keyboardFocused_1d04i_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1d04i_gg_.__interactive_1d04i_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1d04i_gg_.__interactive_1d04i_gg_:hover{color:var(--color-interactive_1d04i)}}" /*__inner_css_end__*/, "1d04i_gg_") /*__reshadow_css_end__*/, {
-  "__SIcon": "___SIcon_1d04i_gg_",
-  "--color": "--color_1d04i",
-  "_keyboardFocused": "__keyboardFocused_1d04i_gg_",
-  "_interactive": "__interactive_1d04i_gg_",
-  "--color-interactive": "--color-interactive_1d04i"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_1o8n5_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_1o8n5)}.___SIcon_1o8n5_gg_.__keyboardFocused_1o8n5_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1o8n5_gg_.__interactive_1o8n5_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1o8n5_gg_.__interactive_1o8n5_gg_:hover{color:var(--color-interactive_1o8n5)}}" /*__inner_css_end__*/, "1o8n5_gg_") /*__reshadow_css_end__*/, {
+  "__SIcon": "___SIcon_1o8n5_gg_",
+  "--color": "--color_1o8n5",
+  "_keyboardFocused": "__keyboardFocused_1o8n5_gg_",
+  "_interactive": "__interactive_1o8n5_gg_",
+  "--color-interactive": "--color-interactive_1o8n5"
 });
 function Icon(props, ref) {
   var _useBox = useBox(_objectSpread({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/icon",
   "description": "Semrush Icon Component",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,13 +9,13 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/flex-box": "5.0.0-beta.1",
-    "@semcore/icon": "4.0.0-beta.1",
-    "@semcore/utils": "4.0.0-beta.1",
+    "@semcore/flex-box": "5.0.0",
+    "@semcore/icon": "4.0.0",
+    "@semcore/utils": "4.0.0",
     "classnames": "2.2.6"
   },
   "peerDependencies": {
-    "@semcore/core": "2.0.0-beta.1",
+    "@semcore/core": "2.0.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/pay/Diners/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/pay/Diners/l/index.js

@@ -0,0 +1,43 @@
+"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 Diners(_ref, ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '32' : _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 32 24' : _ref$viewBox,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Diners",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#0079BE",
+    fillRule: "evenodd",
+    d: "M32 21.818c0 1.2-.9 2.182-2 2.182H2c-1.1 0-2-.982-2-2.182V2.182C0 .982.9 0 2 0h28c1.1 0 2 .982 2 2.182v19.636Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#fff",
+    d: "M19.692 12.487c-.003-1.854-1.14-3.436-2.739-4.062v8.124c1.6-.627 2.736-2.207 2.739-4.062Zm-5.792 4.06V8.426c-1.598.628-2.732 2.207-2.736 4.061.004 1.853 1.138 3.433 2.736 4.06ZM15.427 5.62c-3.714.002-6.724 3.075-6.725 6.867 0 3.792 3.01 6.864 6.726 6.865 3.715 0 6.725-3.073 6.726-6.865 0-3.792-3.011-6.865-6.726-6.867ZM15.412 20C11.346 20.02 8 16.658 8 12.565 8 8.093 11.346 5 15.411 5h1.905C21.333 5 25 8.091 25 12.565 25 16.656 21.333 20 17.316 20h-1.905Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+Diners.displayName = 'Diners';
+var _default = (0, _core.createBaseComponent)(Diners);
+exports["default"] = _default;

package/pay/Diners/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 Diners({
+  width = '32',
+  height = '24',
+  viewBox = '0 0 32 24',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Diners",
+    "data-group": "l",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "#0079BE",
+    fillRule: "evenodd",
+    d: "M32 21.818c0 1.2-.9 2.182-2 2.182H2c-1.1 0-2-.982-2-2.182V2.182C0 .982.9 0 2 0h28c1.1 0 2 .982 2 2.182v19.636Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M19.692 12.487c-.003-1.854-1.14-3.436-2.739-4.062v8.124c1.6-.627 2.736-2.207 2.739-4.062Zm-5.792 4.06V8.426c-1.598.628-2.732 2.207-2.736 4.061.004 1.853 1.138 3.433 2.736 4.06ZM15.427 5.62c-3.714.002-6.724 3.075-6.725 6.867 0 3.792 3.01 6.864 6.726 6.865 3.715 0 6.725-3.073 6.726-6.865 0-3.792-3.011-6.865-6.726-6.867ZM15.412 20C11.346 20.02 8 16.658 8 12.565 8 8.093 11.346 5 15.411 5h1.905C21.333 5 25 8.091 25 12.565 25 16.656 21.333 20 17.316 20h-1.905Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+Diners.displayName = 'Diners';
+export default createBaseComponent(Diners);

package/pay/Diners/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/pay/Diners/m/index.js

@@ -0,0 +1,43 @@
+"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 Diners(_ref, ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '21' : _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 21 16' : _ref$viewBox,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
+    ref: ref,
+    "data-name": "Diners",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#0079BE",
+    fillRule: "evenodd",
+    d: "M21 14.546c0 .8-.59 1.454-1.313 1.454H1.313C.592 16 0 15.345 0 14.546V1.455C0 .655.59 0 1.313 0h18.375C20.409 0 21 .655 21 1.455v13.09Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#fff",
+    d: "M12.574 8.49a3.193 3.193 0 0 0-2.008-2.978v5.957a3.193 3.193 0 0 0 2.008-2.979Zm-4.247 2.978V5.512A3.196 3.196 0 0 0 6.32 8.49a3.195 3.195 0 0 0 2.007 2.978Zm1.12-8.013C6.723 3.456 4.515 5.71 4.515 8.49c0 2.781 2.208 5.034 4.932 5.035 2.724 0 4.932-2.254 4.933-5.035 0-2.78-2.209-5.034-4.933-5.035ZM9.435 14C6.454 14.014 4 11.549 4 8.548 4 5.268 6.454 2.999 9.435 3h1.397c2.946 0 5.635 2.267 5.635 5.548 0 3-2.69 5.452-5.635 5.452H9.435Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+Diners.displayName = 'Diners';
+var _default = (0, _core.createBaseComponent)(Diners);
+exports["default"] = _default;

package/pay/Diners/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 Diners({
+  width = '21',
+  height = '16',
+  viewBox = '0 0 21 16',
+  ...props
+}, ref) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    ref: ref,
+    "data-name": "Diners",
+    "data-group": "m",
+    width: width,
+    height: height,
+    viewBox: viewBox
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "#0079BE",
+    fillRule: "evenodd",
+    d: "M21 14.546c0 .8-.59 1.454-1.313 1.454H1.313C.592 16 0 15.345 0 14.546V1.455C0 .655.59 0 1.313 0h18.375C20.409 0 21 .655 21 1.455v13.09Z",
+    clipRule: "evenodd",
+    shapeRendering: "geometricPrecision"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M12.574 8.49a3.193 3.193 0 0 0-2.008-2.978v5.957a3.193 3.193 0 0 0 2.008-2.979Zm-4.247 2.978V5.512A3.196 3.196 0 0 0 6.32 8.49a3.195 3.195 0 0 0 2.007 2.978Zm1.12-8.013C6.723 3.456 4.515 5.71 4.515 8.49c0 2.781 2.208 5.034 4.932 5.035 2.724 0 4.932-2.254 4.933-5.035 0-2.78-2.209-5.034-4.933-5.035ZM9.435 14C6.454 14.014 4 11.549 4 8.548 4 5.268 6.454 2.999 9.435 3h1.397c2.946 0 5.635 2.267 5.635 5.548 0 3-2.69 5.452-5.635 5.452H9.435Z",
+    shapeRendering: "geometricPrecision"
+  }));
+}
+Diners.displayName = 'Diners';
+export default createBaseComponent(Diners);

package/svg/pay/Diners/l.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" fill="none" viewBox="0 0 32 24">
+  <path fill="#0079BE" fill-rule="evenodd" d="M32 21.818c0 1.2-.9 2.182-2 2.182H2c-1.1 0-2-.982-2-2.182V2.182C0 .982.9 0 2 0h28c1.1 0 2 .982 2 2.182v19.636Z" clip-rule="evenodd"/>
+  <path fill="#fff" d="M19.692 12.487c-.003-1.854-1.14-3.436-2.739-4.062v8.124c1.6-.627 2.736-2.207 2.739-4.062Zm-5.792 4.06V8.426c-1.598.628-2.732 2.207-2.736 4.061.004 1.853 1.138 3.433 2.736 4.06ZM15.427 5.62c-3.714.002-6.724 3.075-6.725 6.867 0 3.792 3.01 6.864 6.726 6.865 3.715 0 6.725-3.073 6.726-6.865 0-3.792-3.011-6.865-6.726-6.867ZM15.412 20C11.346 20.02 8 16.658 8 12.565 8 8.093 11.346 5 15.411 5h1.905C21.333 5 25 8.091 25 12.565 25 16.656 21.333 20 17.316 20h-1.905Z"/>
+</svg>

package/svg/pay/Diners/m.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="16" fill="none" viewBox="0 0 21 16">
+  <path fill="#0079BE" fill-rule="evenodd" d="M21 14.546c0 .8-.59 1.454-1.313 1.454H1.313C.592 16 0 15.345 0 14.546V1.455C0 .655.59 0 1.313 0h18.375C20.409 0 21 .655 21 1.455v13.09Z" clip-rule="evenodd"/>
+  <path fill="#fff" d="M12.574 8.49a3.193 3.193 0 0 0-2.008-2.978v5.957a3.193 3.193 0 0 0 2.008-2.979Zm-4.247 2.978V5.512A3.196 3.196 0 0 0 6.32 8.49a3.195 3.195 0 0 0 2.007 2.978Zm1.12-8.013C6.723 3.456 4.515 5.71 4.515 8.49c0 2.781 2.208 5.034 4.932 5.035 2.724 0 4.932-2.254 4.933-5.035 0-2.78-2.209-5.034-4.933-5.035ZM9.435 14C6.454 14.014 4 11.549 4 8.548 4 5.268 6.454 2.999 9.435 3h1.397c2.946 0 5.635 2.267 5.635 5.548 0 3-2.69 5.452-5.635 5.452H9.435Z"/>
+</svg>