@semcore/icon 3.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.1.0] - 2022-10-20
6
+
7
+ ### Added
8
+
9
+ - Added icon `GoogleAds`
10
+
5
11
  ## [3.0.2] - 2022-10-20
6
12
 
7
13
  ### Changed
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _core = require("@semcore/core");
17
+
18
+ var _icon = _interopRequireDefault(require("@semcore/icon"));
19
+
20
+ var _excluded = ["width", "height", "viewBox"];
21
+
22
+ function GoogleAds(_ref, ref) {
23
+ var _ref$width = _ref.width,
24
+ width = _ref$width === void 0 ? '24' : _ref$width,
25
+ _ref$height = _ref.height,
26
+ height = _ref$height === void 0 ? '24' : _ref$height,
27
+ _ref$viewBox = _ref.viewBox,
28
+ viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
29
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
+ return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
31
+ ref: ref,
32
+ "data-name": "GoogleAds",
33
+ "data-group": "l",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M13.749 2.46845C12.0747 1.50249 9.93428 2.07673 8.96831 3.75107L1.46831 16.7511C0.502353 18.4254 1.0766 20.5658 2.75094 21.5317C4.42527 22.4977 6.56565 21.9235 7.53161 20.2491L15.0316 7.24913C15.9976 5.57479 15.4233 3.43441 13.749 2.46845Z",
41
+ fill: "#FFC107",
42
+ shapeRendering: "geometricPrecision"
43
+ }), /*#__PURE__*/_react["default"].createElement("circle", {
44
+ cx: "4.5",
45
+ cy: "18.5",
46
+ r: "3.5",
47
+ fill: "#4CAF50"
48
+ }), /*#__PURE__*/_react["default"].createElement("path", {
49
+ fillRule: "evenodd",
50
+ clipRule: "evenodd",
51
+ d: "M10.2509 2.46845C11.9253 1.50249 14.0657 2.07673 15.0316 3.75107L22.5316 16.7511C23.4976 18.4254 22.9233 20.5658 21.249 21.5317C19.5747 22.4977 17.4343 21.9235 16.4683 20.2491L8.96833 7.24913C8.00236 5.57479 8.57661 3.43441 10.2509 2.46845Z",
52
+ fill: "#1976D2",
53
+ shapeRendering: "geometricPrecision"
54
+ }));
55
+ }
56
+
57
+ GoogleAds.displayName = 'GoogleAds';
58
+
59
+ var _default = (0, _core.createBaseComponent)(GoogleAds);
60
+
61
+ exports["default"] = _default;
@@ -0,0 +1,41 @@
1
+ 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); }
2
+
3
+ import React from 'react';
4
+ import { createBaseComponent } from '@semcore/core';
5
+ import Icon from '@semcore/icon';
6
+
7
+ function GoogleAds({
8
+ width = '24',
9
+ height = '24',
10
+ viewBox = '0 0 24 24',
11
+ ...props
12
+ }, ref) {
13
+ return /*#__PURE__*/React.createElement(Icon, _extends({
14
+ ref: ref,
15
+ "data-name": "GoogleAds",
16
+ "data-group": "l",
17
+ width: width,
18
+ height: height,
19
+ viewBox: viewBox
20
+ }, props), /*#__PURE__*/React.createElement("path", {
21
+ fillRule: "evenodd",
22
+ clipRule: "evenodd",
23
+ d: "M13.749 2.46845C12.0747 1.50249 9.93428 2.07673 8.96831 3.75107L1.46831 16.7511C0.502353 18.4254 1.0766 20.5658 2.75094 21.5317C4.42527 22.4977 6.56565 21.9235 7.53161 20.2491L15.0316 7.24913C15.9976 5.57479 15.4233 3.43441 13.749 2.46845Z",
24
+ fill: "#FFC107",
25
+ shapeRendering: "geometricPrecision"
26
+ }), /*#__PURE__*/React.createElement("circle", {
27
+ cx: "4.5",
28
+ cy: "18.5",
29
+ r: "3.5",
30
+ fill: "#4CAF50"
31
+ }), /*#__PURE__*/React.createElement("path", {
32
+ fillRule: "evenodd",
33
+ clipRule: "evenodd",
34
+ d: "M10.2509 2.46845C11.9253 1.50249 14.0657 2.07673 15.0316 3.75107L22.5316 16.7511C23.4976 18.4254 22.9233 20.5658 21.249 21.5317C19.5747 22.4977 17.4343 21.9235 16.4683 20.2491L8.96833 7.24913C8.00236 5.57479 8.57661 3.43441 10.2509 2.46845Z",
35
+ fill: "#1976D2",
36
+ shapeRendering: "geometricPrecision"
37
+ }));
38
+ }
39
+
40
+ GoogleAds.displayName = 'GoogleAds';
41
+ export default createBaseComponent(GoogleAds);
@@ -0,0 +1,7 @@
1
+
2
+ import React from 'react';
3
+ import { Merge } from '@semcore/core';
4
+ import { IIconProps } from '@semcore/icon';
5
+ declare const _default: import("@semcore/core").ComponentType<Merge<IIconProps, React.SVGAttributes<SVGElement>>, {}, {}>;
6
+ export default _default;
7
+
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports["default"] = void 0;
9
+
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _core = require("@semcore/core");
17
+
18
+ var _icon = _interopRequireDefault(require("@semcore/icon"));
19
+
20
+ var _excluded = ["width", "height", "viewBox"];
21
+
22
+ function GoogleAds(_ref, ref) {
23
+ var _ref$width = _ref.width,
24
+ width = _ref$width === void 0 ? '16' : _ref$width,
25
+ _ref$height = _ref.height,
26
+ height = _ref$height === void 0 ? '16' : _ref$height,
27
+ _ref$viewBox = _ref.viewBox,
28
+ viewBox = _ref$viewBox === void 0 ? '0 0 16 16' : _ref$viewBox,
29
+ props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
+ return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
31
+ ref: ref,
32
+ "data-name": "GoogleAds",
33
+ "data-group": "m",
34
+ width: width,
35
+ height: height,
36
+ viewBox: viewBox
37
+ }, props), /*#__PURE__*/_react["default"].createElement("path", {
38
+ fillRule: "evenodd",
39
+ clipRule: "evenodd",
40
+ d: "M9.20482 0.309437C7.99502 -0.355954 6.47487 0.0853782 5.80948 1.29518L0.309484 11.2952C-0.355907 12.505 0.0854244 14.0251 1.29523 14.6905C2.50503 15.3559 4.02517 14.9146 4.69056 13.7048L10.1906 3.70477C10.856 2.49497 10.4146 0.974828 9.20482 0.309437Z",
41
+ fill: "#FFC107",
42
+ shapeRendering: "geometricPrecision"
43
+ }), /*#__PURE__*/_react["default"].createElement("circle", {
44
+ cx: "2.5",
45
+ cy: "12.5",
46
+ r: "2.5",
47
+ fill: "#4CAF50"
48
+ }), /*#__PURE__*/_react["default"].createElement("path", {
49
+ fillRule: "evenodd",
50
+ clipRule: "evenodd",
51
+ d: "M6.79518 0.309437C8.00498 -0.355954 9.52513 0.0853782 10.1905 1.29518L15.6905 11.2952C16.3559 12.505 15.9146 14.0251 14.7048 14.6905C13.495 15.3559 11.9748 14.9146 11.3094 13.7048L5.80944 3.70477C5.14405 2.49497 5.58538 0.974828 6.79518 0.309437Z",
52
+ fill: "#1976D2",
53
+ shapeRendering: "geometricPrecision"
54
+ }));
55
+ }
56
+
57
+ GoogleAds.displayName = 'GoogleAds';
58
+
59
+ var _default = (0, _core.createBaseComponent)(GoogleAds);
60
+
61
+ exports["default"] = _default;
@@ -0,0 +1,41 @@
1
+ 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); }
2
+
3
+ import React from 'react';
4
+ import { createBaseComponent } from '@semcore/core';
5
+ import Icon from '@semcore/icon';
6
+
7
+ function GoogleAds({
8
+ width = '16',
9
+ height = '16',
10
+ viewBox = '0 0 16 16',
11
+ ...props
12
+ }, ref) {
13
+ return /*#__PURE__*/React.createElement(Icon, _extends({
14
+ ref: ref,
15
+ "data-name": "GoogleAds",
16
+ "data-group": "m",
17
+ width: width,
18
+ height: height,
19
+ viewBox: viewBox
20
+ }, props), /*#__PURE__*/React.createElement("path", {
21
+ fillRule: "evenodd",
22
+ clipRule: "evenodd",
23
+ d: "M9.20482 0.309437C7.99502 -0.355954 6.47487 0.0853782 5.80948 1.29518L0.309484 11.2952C-0.355907 12.505 0.0854244 14.0251 1.29523 14.6905C2.50503 15.3559 4.02517 14.9146 4.69056 13.7048L10.1906 3.70477C10.856 2.49497 10.4146 0.974828 9.20482 0.309437Z",
24
+ fill: "#FFC107",
25
+ shapeRendering: "geometricPrecision"
26
+ }), /*#__PURE__*/React.createElement("circle", {
27
+ cx: "2.5",
28
+ cy: "12.5",
29
+ r: "2.5",
30
+ fill: "#4CAF50"
31
+ }), /*#__PURE__*/React.createElement("path", {
32
+ fillRule: "evenodd",
33
+ clipRule: "evenodd",
34
+ d: "M6.79518 0.309437C8.00498 -0.355954 9.52513 0.0853782 10.1905 1.29518L15.6905 11.2952C16.3559 12.505 15.9146 14.0251 14.7048 14.6905C13.495 15.3559 11.9748 14.9146 11.3094 13.7048L5.80944 3.70477C5.14405 2.49497 5.58538 0.974828 6.79518 0.309437Z",
35
+ fill: "#1976D2",
36
+ shapeRendering: "geometricPrecision"
37
+ }));
38
+ }
39
+
40
+ GoogleAds.displayName = 'GoogleAds';
41
+ export default createBaseComponent(GoogleAds);
package/lib/cjs/Icon.js CHANGED
@@ -48,16 +48,16 @@ var styles = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SIcon_piaz0_gg_ {\n display: inline-block;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n shape-rendering: geometricPrecision;\n box-sizing: content-box;\n fill: currentColor;\n flex-shrink: 0;\n outline: none;\n color: var(--color_piaz0);\n}\n\n.___SIcon_piaz0_gg_.__keyboardFocused_piaz0_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_piaz0_gg_.__interactive_piaz0_gg_ {\n cursor: pointer\n}\n\n.___SIcon_piaz0_gg_.__interactive_piaz0_gg_:hover {\n color: var(--color-interactive_piaz0);\n }\n"
51
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SIcon_msryr_gg_ {\n display: inline-block;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n shape-rendering: geometricPrecision;\n box-sizing: content-box;\n fill: currentColor;\n flex-shrink: 0;\n outline: none;\n color: var(--color_msryr);\n}\n\n.___SIcon_msryr_gg_.__keyboardFocused_msryr_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_msryr_gg_.__interactive_msryr_gg_ {\n cursor: pointer\n}\n\n.___SIcon_msryr_gg_.__interactive_msryr_gg_:hover {\n color: var(--color-interactive_msryr);\n }\n"
52
52
  /*__inner_css_end__*/
53
- , "piaz0_gg_")
53
+ , "msryr_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SIcon": "___SIcon_piaz0_gg_",
57
- "--color": "--color_piaz0",
58
- "_keyboardFocused": "__keyboardFocused_piaz0_gg_",
59
- "_interactive": "__interactive_piaz0_gg_",
60
- "--color-interactive": "--color-interactive_piaz0"
56
+ "__SIcon": "___SIcon_msryr_gg_",
57
+ "--color": "--color_msryr",
58
+ "_keyboardFocused": "__keyboardFocused_msryr_gg_",
59
+ "_interactive": "__interactive_msryr_gg_",
60
+ "--color-interactive": "--color-interactive_msryr"
61
61
  });
62
62
 
63
63
  function Icon(props, ref) {
package/lib/es6/Icon.js CHANGED
@@ -23,16 +23,16 @@ var styles = (
23
23
  /*__reshadow_css_start__*/
24
24
  _sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SIcon_piaz0_gg_ {\n display: inline-block;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n shape-rendering: geometricPrecision;\n box-sizing: content-box;\n fill: currentColor;\n flex-shrink: 0;\n outline: none;\n color: var(--color_piaz0);\n}\n\n.___SIcon_piaz0_gg_.__keyboardFocused_piaz0_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_piaz0_gg_.__interactive_piaz0_gg_ {\n cursor: pointer\n}\n\n.___SIcon_piaz0_gg_.__interactive_piaz0_gg_:hover {\n color: var(--color-interactive_piaz0);\n }\n"
26
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SIcon_msryr_gg_ {\n display: inline-block;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n shape-rendering: geometricPrecision;\n box-sizing: content-box;\n fill: currentColor;\n flex-shrink: 0;\n outline: none;\n color: var(--color_msryr);\n}\n\n.___SIcon_msryr_gg_.__keyboardFocused_msryr_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_msryr_gg_.__interactive_msryr_gg_ {\n cursor: pointer\n}\n\n.___SIcon_msryr_gg_.__interactive_msryr_gg_:hover {\n color: var(--color-interactive_msryr);\n }\n"
27
27
  /*__inner_css_end__*/
28
- , "piaz0_gg_")
28
+ , "msryr_gg_")
29
29
  /*__reshadow_css_end__*/
30
30
  , {
31
- "__SIcon": "___SIcon_piaz0_gg_",
32
- "--color": "--color_piaz0",
33
- "_keyboardFocused": "__keyboardFocused_piaz0_gg_",
34
- "_interactive": "__interactive_piaz0_gg_",
35
- "--color-interactive": "--color-interactive_piaz0"
31
+ "__SIcon": "___SIcon_msryr_gg_",
32
+ "--color": "--color_msryr",
33
+ "_keyboardFocused": "__keyboardFocused_msryr_gg_",
34
+ "_interactive": "__interactive_msryr_gg_",
35
+ "--color-interactive": "--color-interactive_msryr"
36
36
  });
37
37
 
38
38
  function Icon(props, ref) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/icon",
3
3
  "description": "Semrush Icon Component",
4
- "version": "3.0.2",
4
+ "version": "3.1.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.749 2.46845C12.0747 1.50249 9.93428 2.07673 8.96831 3.75107L1.46831 16.7511C0.502353 18.4254 1.0766 20.5658 2.75094 21.5317C4.42527 22.4977 6.56565 21.9235 7.53161 20.2491L15.0316 7.24913C15.9976 5.57479 15.4233 3.43441 13.749 2.46845Z" fill="#FFC107"/>
3
+ <circle cx="4.5" cy="18.5" r="3.5" fill="#4CAF50"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2509 2.46845C11.9253 1.50249 14.0657 2.07673 15.0316 3.75107L22.5316 16.7511C23.4976 18.4254 22.9233 20.5658 21.249 21.5317C19.5747 22.4977 17.4343 21.9235 16.4683 20.2491L8.96833 7.24913C8.00236 5.57479 8.57661 3.43441 10.2509 2.46845Z" fill="#1976D2"/>
5
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M9.20482 0.309437C7.99502 -0.355954 6.47487 0.0853782 5.80948 1.29518L0.309484 11.2952C-0.355907 12.505 0.0854244 14.0251 1.29523 14.6905C2.50503 15.3559 4.02517 14.9146 4.69056 13.7048L10.1906 3.70477C10.856 2.49497 10.4146 0.974828 9.20482 0.309437Z" fill="#FFC107"/>
3
+ <circle cx="2.5" cy="12.5" r="2.5" fill="#4CAF50"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.79518 0.309437C8.00498 -0.355954 9.52513 0.0853782 10.1905 1.29518L15.6905 11.2952C16.3559 12.505 15.9146 14.0251 14.7048 14.6905C13.495 15.3559 11.9748 14.9146 11.3094 13.7048L5.80944 3.70477C5.14405 2.49497 5.58538 0.974828 6.79518 0.309437Z" fill="#1976D2"/>
5
+ </svg>