@semcore/icon 2.33.0 → 3.0.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,15 +2,21 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [2.33.0] - 2022-10-06
5
+ ## [3.0.0] - 2022-10-10
6
6
 
7
- ### Added
7
+ ### BREAK
8
8
 
9
- - Added icon Stoller
9
+ - Remove `AppBlock` icon, use `AppsBlock` instead.
10
10
 
11
11
  ### Changed
12
12
 
13
- - Changed icons-list.js in alphabet order
13
+ - Added support for React 18 🔥
14
+
15
+ ## [2.33.0] - 2022-10-06
16
+
17
+ ### Added
18
+
19
+ - Added icon Stoller
14
20
 
15
21
  ## [2.32.2] - 2022-10-04
16
22
 
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_6ir20_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_6ir20);\n}\n\n.___SIcon_6ir20_gg_.__keyboardFocused_6ir20_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_6ir20_gg_.__interactive_6ir20_gg_ {\n cursor: pointer\n}\n\n.___SIcon_6ir20_gg_.__interactive_6ir20_gg_:hover {\n color: var(--color-interactive_6ir20);\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_1qc50_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_1qc50);\n}\n\n.___SIcon_1qc50_gg_.__keyboardFocused_1qc50_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_ {\n cursor: pointer\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_:hover {\n color: var(--color-interactive_1qc50);\n }\n"
52
52
  /*__inner_css_end__*/
53
- , "6ir20_gg_")
53
+ , "1qc50_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SIcon": "___SIcon_6ir20_gg_",
57
- "--color": "--color_6ir20",
58
- "_keyboardFocused": "__keyboardFocused_6ir20_gg_",
59
- "_interactive": "__interactive_6ir20_gg_",
60
- "--color-interactive": "--color-interactive_6ir20"
56
+ "__SIcon": "___SIcon_1qc50_gg_",
57
+ "--color": "--color_1qc50",
58
+ "_keyboardFocused": "__keyboardFocused_1qc50_gg_",
59
+ "_interactive": "__interactive_1qc50_gg_",
60
+ "--color-interactive": "--color-interactive_1qc50"
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_6ir20_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_6ir20);\n}\n\n.___SIcon_6ir20_gg_.__keyboardFocused_6ir20_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_6ir20_gg_.__interactive_6ir20_gg_ {\n cursor: pointer\n}\n\n.___SIcon_6ir20_gg_.__interactive_6ir20_gg_:hover {\n color: var(--color-interactive_6ir20);\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_1qc50_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_1qc50);\n}\n\n.___SIcon_1qc50_gg_.__keyboardFocused_1qc50_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_ {\n cursor: pointer\n}\n\n.___SIcon_1qc50_gg_.__interactive_1qc50_gg_:hover {\n color: var(--color-interactive_1qc50);\n }\n"
27
27
  /*__inner_css_end__*/
28
- , "6ir20_gg_")
28
+ , "1qc50_gg_")
29
29
  /*__reshadow_css_end__*/
30
30
  , {
31
- "__SIcon": "___SIcon_6ir20_gg_",
32
- "--color": "--color_6ir20",
33
- "_keyboardFocused": "__keyboardFocused_6ir20_gg_",
34
- "_interactive": "__interactive_6ir20_gg_",
35
- "--color-interactive": "--color-interactive_6ir20"
31
+ "__SIcon": "___SIcon_1qc50_gg_",
32
+ "--color": "--color_1qc50",
33
+ "_keyboardFocused": "__keyboardFocused_1qc50_gg_",
34
+ "_interactive": "__interactive_1qc50_gg_",
35
+ "--color-interactive": "--color-interactive_1qc50"
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": "2.33.0",
4
+ "version": "3.0.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "peerDependencies": {
17
17
  "@semcore/core": "^1.11",
18
- "react": "16.8 - 17"
18
+ "react": "16.8 - 18"
19
19
  },
20
20
  "jest": {
21
21
  "preset": "@semcore/jest-preset-ui"
@@ -26,7 +26,7 @@
26
26
  "directory": "semcore/icon"
27
27
  },
28
28
  "devDependencies": {
29
- "@types/react": "16.8 - 17",
29
+ "@types/react": "18.0.21",
30
30
  "@semcore/jest-preset-ui": "1.0.0",
31
31
  "@semcore/icon-transform-svg": "1.0.0"
32
32
  },
@@ -35,6 +35,6 @@
35
35
  "transform": "icon-transform-svg",
36
36
  "build": "pnpm run clean && pnpm semcore-builder --source=js && pnpm icon-transform-svg --configFile=./transform-svg-legacy.config.js && pnpm icon-transform-svg --configFile=./transform-svg.config.js",
37
37
  "test": "jest",
38
- "clean": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new|node_modules|AppBlock\" | xargs rm -rf"
38
+ "clean": "ls -d */ | egrep -v \"__tests__|src|svg|svg-new|node_modules\" | xargs rm -rf"
39
39
  }
40
40
  }
@@ -1,5 +0,0 @@
1
- /**
2
- * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
3
- * */
4
- declare const _default: typeof import('../../AppsBlock/l');
5
- export default _default;
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
5
- });
6
-
7
- var AppsBlock = require('../../AppsBlock/l');
8
-
9
- /**
10
- * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
11
- * */
12
- var AppBlock = AppsBlock;
13
-
14
- exports['default'] = AppBlock;
@@ -1,8 +0,0 @@
1
- import AppsBlock from '../../AppsBlock/l';
2
-
3
- /**
4
- * @deprecated Please, use `AppsBlock/l` instead. This icon will be removed in the next major release
5
- * */
6
- const AppBlock = AppsBlock;
7
-
8
- export default AppBlock;
@@ -1,5 +0,0 @@
1
- /**
2
- * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
3
- * */
4
- declare const _default: typeof import('../../AppsBlock/m');
5
- export default _default;
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', {
4
- value: true,
5
- });
6
-
7
- var AppsBlock = require('../../AppsBlock/m');
8
-
9
- /**
10
- * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
11
- * */
12
- var AppBlock = AppsBlock;
13
-
14
- exports['default'] = AppBlock;
@@ -1,8 +0,0 @@
1
- import AppsBlock from '../../AppsBlock/m';
2
-
3
- /**
4
- * @deprecated Please, use `AppsBlock/m` instead. This icon will be removed in the next major release
5
- * */
6
- const AppBlock = AppsBlock;
7
-
8
- export default AppBlock;