@semcore/icon 4.4.1 → 4.5.0-beta.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 +9 -1
- package/Twitter/l/index.js +1 -1
- package/Twitter/l/index.mjs +1 -1
- package/Twitter/m/index.js +1 -1
- package/Twitter/m/index.mjs +1 -1
- package/TwitterCarousel/l/index.js +6 -1
- package/TwitterCarousel/l/index.mjs +6 -1
- package/TwitterCarousel/m/index.js +6 -1
- package/TwitterCarousel/m/index.mjs +6 -1
- package/lib/cjs/Icon.js +6 -6
- package/lib/es6/Icon.js +6 -6
- package/package.json +3 -3
- package/svg/icon/Twitter/l.svg +3 -1
- package/svg/icon/Twitter/m.svg +3 -1
- package/svg/icon/TwitterCarousel/l.svg +4 -1
- package/svg/icon/TwitterCarousel/m.svg +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.
|
|
5
|
+
## [4.5.0-beta.0] - 2023-08-21
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Updated `Twitter` and `TwitterCarousel` icons, bye-bye birdie 😢
|
|
10
|
+
|
|
11
|
+
## [4.4.1] - 2023-08-21
|
|
12
|
+
|
|
13
|
+
## [4.3.1-prerelease.0] - 2023-08-16
|
|
6
14
|
|
|
7
15
|
### Changed
|
|
8
16
|
|
package/Twitter/l/index.js
CHANGED
|
@@ -27,7 +27,7 @@ function Twitter(_ref, ref) {
|
|
|
27
27
|
height: height,
|
|
28
28
|
viewBox: viewBox
|
|
29
29
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
30
|
-
d: "
|
|
30
|
+
d: "M13.85 10.469 21.085 2H19.37l-6.283 7.353L8.069 2H2.281L9.87 13.12 2.28 22h1.716l6.635-7.765 5.3 7.765h5.788l-7.87-11.531Zm-2.35 2.748-.768-1.107L4.614 3.3h2.633l4.938 7.11.769 1.107 6.418 9.242h-2.634L11.5 13.218Z",
|
|
31
31
|
shapeRendering: "geometricPrecision"
|
|
32
32
|
}));
|
|
33
33
|
}
|
package/Twitter/l/index.mjs
CHANGED
|
@@ -16,7 +16,7 @@ function Twitter({
|
|
|
16
16
|
height: height,
|
|
17
17
|
viewBox: viewBox
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "
|
|
19
|
+
d: "M13.85 10.469 21.085 2H19.37l-6.283 7.353L8.069 2H2.281L9.87 13.12 2.28 22h1.716l6.635-7.765 5.3 7.765h5.788l-7.87-11.531Zm-2.35 2.748-.768-1.107L4.614 3.3h2.633l4.938 7.11.769 1.107 6.418 9.242h-2.634L11.5 13.218Z",
|
|
20
20
|
shapeRendering: "geometricPrecision"
|
|
21
21
|
}));
|
|
22
22
|
}
|
package/Twitter/m/index.js
CHANGED
|
@@ -27,7 +27,7 @@ function Twitter(_ref, ref) {
|
|
|
27
27
|
height: height,
|
|
28
28
|
viewBox: viewBox
|
|
29
29
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
30
|
-
d: "
|
|
30
|
+
d: "M9.295 6.928 14.36 1h-1.2L8.76 6.147 5.248 1H1.197l5.312 7.784L1.197 15h1.2l4.645-5.436L10.752 15h4.051L9.294 6.928ZM7.65 8.852l-.538-.775L2.83 1.91h1.844L8.13 6.887l.539.775 4.492 6.47h-1.844L7.65 8.852Z",
|
|
31
31
|
shapeRendering: "geometricPrecision"
|
|
32
32
|
}));
|
|
33
33
|
}
|
package/Twitter/m/index.mjs
CHANGED
|
@@ -16,7 +16,7 @@ function Twitter({
|
|
|
16
16
|
height: height,
|
|
17
17
|
viewBox: viewBox
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
d: "
|
|
19
|
+
d: "M9.295 6.928 14.36 1h-1.2L8.76 6.147 5.248 1H1.197l5.312 7.784L1.197 15h1.2l4.645-5.436L10.752 15h4.051L9.294 6.928ZM7.65 8.852l-.538-.775L2.83 1.91h1.844L8.13 6.887l.539.775 4.492 6.47h-1.844L7.65 8.852Z",
|
|
20
20
|
shapeRendering: "geometricPrecision"
|
|
21
21
|
}));
|
|
22
22
|
}
|
|
@@ -27,7 +27,12 @@ function TwitterCarousel(_ref, ref) {
|
|
|
27
27
|
height: height,
|
|
28
28
|
viewBox: viewBox
|
|
29
29
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
30
|
-
|
|
30
|
+
fillRule: "evenodd",
|
|
31
|
+
d: "m19.044 2-5.79 6.775L19.552 18h-4.63l-4.24-6.212L5.37 18H4l6.071-7.104L4 2h4.63l4.015 5.883L17.672 2h1.372Zm-3.478 15.008h2.107L7.973 3.04H5.866l9.7 13.968Z",
|
|
32
|
+
clipRule: "evenodd",
|
|
33
|
+
shapeRendering: "geometricPrecision"
|
|
34
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
35
|
+
d: "M4 21a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H4ZM15 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM19 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
|
|
31
36
|
shapeRendering: "geometricPrecision"
|
|
32
37
|
}));
|
|
33
38
|
}
|
|
@@ -16,7 +16,12 @@ function TwitterCarousel({
|
|
|
16
16
|
height: height,
|
|
17
17
|
viewBox: viewBox
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "m19.044 2-5.79 6.775L19.552 18h-4.63l-4.24-6.212L5.37 18H4l6.071-7.104L4 2h4.63l4.015 5.883L17.672 2h1.372Zm-3.478 15.008h2.107L7.973 3.04H5.866l9.7 13.968Z",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
shapeRendering: "geometricPrecision"
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M4 21a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H4ZM15 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM19 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
|
|
20
25
|
shapeRendering: "geometricPrecision"
|
|
21
26
|
}));
|
|
22
27
|
}
|
|
@@ -27,7 +27,12 @@ function TwitterCarousel(_ref, ref) {
|
|
|
27
27
|
height: height,
|
|
28
28
|
viewBox: viewBox
|
|
29
29
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
30
|
-
|
|
30
|
+
fillRule: "evenodd",
|
|
31
|
+
d: "m13.343 0-3.98 4.658L13.69 11h-3.183L7.593 6.73 3.943 11H3l4.174-4.884L3 0h3.184l2.76 4.044L12.4 0h.943ZM10.95 10.318h1.45L5.73.715H4.284l6.668 9.603Z",
|
|
32
|
+
clipRule: "evenodd",
|
|
33
|
+
shapeRendering: "geometricPrecision"
|
|
34
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
35
|
+
d: "M3 13a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H3ZM9 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM12 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
|
|
31
36
|
shapeRendering: "geometricPrecision"
|
|
32
37
|
}));
|
|
33
38
|
}
|
|
@@ -16,7 +16,12 @@ function TwitterCarousel({
|
|
|
16
16
|
height: height,
|
|
17
17
|
viewBox: viewBox
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
|
-
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
d: "m13.343 0-3.98 4.658L13.69 11h-3.183L7.593 6.73 3.943 11H3l4.174-4.884L3 0h3.184l2.76 4.044L12.4 0h.943ZM10.95 10.318h1.45L5.73.715H4.284l6.668 9.603Z",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
shapeRendering: "geometricPrecision"
|
|
23
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
24
|
+
d: "M3 13a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H3ZM9 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM12 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z",
|
|
20
25
|
shapeRendering: "geometricPrecision"
|
|
21
26
|
}));
|
|
22
27
|
}
|
package/lib/cjs/Icon.js
CHANGED
|
@@ -22,12 +22,12 @@ var _ref = require("@semcore/utils/lib/ref");
|
|
|
22
22
|
var _hasLabels = _interopRequireDefault(require("@semcore/utils/lib/hasLabels"));
|
|
23
23
|
var _excluded = ["keyboardFocused"];
|
|
24
24
|
/*__reshadow-styles__:"./style/icon.shadow.css"*/
|
|
25
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SIcon": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_keyboardFocused": "
|
|
29
|
-
"_interactive": "
|
|
30
|
-
"--color-interactive": "--color-
|
|
25
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SIcon_1nqla_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_1nqla)}.___SIcon_1nqla_gg_.__keyboardFocused_1nqla_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1nqla_gg_.__interactive_1nqla_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1nqla_gg_.__interactive_1nqla_gg_:hover{color:var(--color-interactive_1nqla)}}" /*__inner_css_end__*/, "1nqla_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SIcon": "___SIcon_1nqla_gg_",
|
|
27
|
+
"--color": "--color_1nqla",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1nqla_gg_",
|
|
29
|
+
"_interactive": "__interactive_1nqla_gg_",
|
|
30
|
+
"--color-interactive": "--color-interactive_1nqla"
|
|
31
31
|
});
|
|
32
32
|
function Icon(props, ref) {
|
|
33
33
|
var _useBox = (0, _flexBox.useBox)((0, _objectSpread2["default"])({
|
package/lib/es6/Icon.js
CHANGED
|
@@ -15,12 +15,12 @@ import logger from '@semcore/utils/lib/logger';
|
|
|
15
15
|
import { useForkRef } from '@semcore/utils/lib/ref';
|
|
16
16
|
import hasLabels from '@semcore/utils/lib/hasLabels';
|
|
17
17
|
/*__reshadow-styles__:"./style/icon.shadow.css"*/
|
|
18
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SIcon": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_keyboardFocused": "
|
|
22
|
-
"_interactive": "
|
|
23
|
-
"--color-interactive": "--color-
|
|
18
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SIcon_1nqla_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_1nqla)}.___SIcon_1nqla_gg_.__keyboardFocused_1nqla_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SIcon_1nqla_gg_.__interactive_1nqla_gg_{cursor:pointer}@media (hover:hover){.___SIcon_1nqla_gg_.__interactive_1nqla_gg_:hover{color:var(--color-interactive_1nqla)}}" /*__inner_css_end__*/, "1nqla_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SIcon": "___SIcon_1nqla_gg_",
|
|
20
|
+
"--color": "--color_1nqla",
|
|
21
|
+
"_keyboardFocused": "__keyboardFocused_1nqla_gg_",
|
|
22
|
+
"_interactive": "__interactive_1nqla_gg_",
|
|
23
|
+
"--color-interactive": "--color-interactive_1nqla"
|
|
24
24
|
});
|
|
25
25
|
function Icon(props, ref) {
|
|
26
26
|
var _useBox = useBox(_objectSpread({
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/icon",
|
|
3
3
|
"description": "Semrush Icon Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.5.0-beta.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -10,12 +10,12 @@
|
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@semcore/flex-box": "5.3.1",
|
|
13
|
-
"@semcore/icon": "4.
|
|
13
|
+
"@semcore/icon": "4.5.0-beta.0",
|
|
14
14
|
"@semcore/utils": "4.3.1",
|
|
15
15
|
"classnames": "2.2.6"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@semcore/core": "^2.3.1
|
|
18
|
+
"@semcore/core": "^2.3.1",
|
|
19
19
|
"react": "16.8 - 18",
|
|
20
20
|
"react-dom": "16.8 - 18"
|
|
21
21
|
},
|
package/svg/icon/Twitter/l.svg
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M13.85 10.469 21.085 2H19.37l-6.283 7.353L8.069 2H2.281L9.87 13.12 2.28 22h1.716l6.635-7.765 5.3 7.765h5.788l-7.87-11.531Zm-2.35 2.748-.768-1.107L4.614 3.3h2.633l4.938 7.11.769 1.107 6.418 9.242h-2.634L11.5 13.218Z"/>
|
|
3
|
+
</svg>
|
package/svg/icon/Twitter/m.svg
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
2
|
+
<path d="M9.295 6.928 14.36 1h-1.2L8.76 6.147 5.248 1H1.197l5.312 7.784L1.197 15h1.2l4.645-5.436L10.752 15h4.051L9.294 6.928ZM7.65 8.852l-.538-.775L2.83 1.91h1.844L8.13 6.887l.539.775 4.492 6.47h-1.844L7.65 8.852Z"/>
|
|
3
|
+
</svg>
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
+
<path fill-rule="evenodd" d="m19.044 2-5.79 6.775L19.552 18h-4.63l-4.24-6.212L5.37 18H4l6.071-7.104L4 2h4.63l4.015 5.883L17.672 2h1.372Zm-3.478 15.008h2.107L7.973 3.04H5.866l9.7 13.968Z" clip-rule="evenodd"/>
|
|
3
|
+
<path d="M4 21a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H4ZM15 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM19 22a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/>
|
|
4
|
+
</svg>
|
|
@@ -1 +1,4 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
|
2
|
+
<path fill-rule="evenodd" d="m13.343 0-3.98 4.658L13.69 11h-3.183L7.593 6.73 3.943 11H3l4.174-4.884L3 0h3.184l2.76 4.044L12.4 0h.943ZM10.95 10.318h1.45L5.73.715H4.284l6.668 9.603Z" clip-rule="evenodd"/>
|
|
3
|
+
<path d="M3 13a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H3ZM9 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM12 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/>
|
|
4
|
+
</svg>
|