@vkontakte/icons 1.204.0 → 1.204.2-alpha.0

package/dist/SvgIcon.js

@@ -106,9 +106,6 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var svgStyle = {
-    display: "block"
-};
 function iconClass(fragments, param) {
     var classPrefix = param.classPrefix, globalClasses = param.globalClasses;
     var res = "";
@@ -123,7 +120,7 @@ function iconClass(fragments, param) {
     return res;
 }
 var SvgIcon = function(_param) {
-    var width = _param.width, height = _param.height, viewBox = _param.viewBox, id = _param.id, _className = _param.className, className = _className === void 0 ? "" : _className, _style = _param.style, style = _style === void 0 ? {} : _style, fill = _param.fill, getRootRef = _param.getRootRef, _Component = _param.Component, Component = _Component === void 0 ? "div" : _Component, role = _param.role, ariaLabel = _param["aria-label"], ariaHidden = _param["aria-hidden"], restProps = _objectWithoutProperties(_param, [
+    var width = _param.width, height = _param.height, viewBox = _param.viewBox, id = _param.id, _className = _param.className, className = _className === void 0 ? "" : _className, _style = _param.style, style = _style === void 0 ? {} : _style, fill = _param.fill, getRef = _param.getRef, restProps = _objectWithoutProperties(_param, [
         "width",
         "height",
         "viewBox",
@@ -131,11 +128,7 @@ var SvgIcon = function(_param) {
         "className",
         "style",
         "fill",
-        "getRootRef",
-        "Component",
-        "role",
-        "aria-label",
-        "aria-hidden"
+        "getRef"
     ]);
     var size = Math.max(width, height);
     var iconSettings = _react.default.useContext(_iconSettings.IconSettingsContext);
@@ -146,30 +139,26 @@ var SvgIcon = function(_param) {
         "Icon--h-".concat(height),
         "Icon--".concat(id)
     ], iconSettings);
-    return /*#__PURE__*/ _react.default.createElement(Component, _extends({
-        role: "presentation"
+    return /*#__PURE__*/ _react.default.createElement("svg", _extends({
+        "aria-hidden": "true"
     }, restProps, {
-        ref: getRootRef,
         className: "".concat(ownClass, " ").concat(className),
-        style: _objectSpreadProps(_objectSpread({}, style), {
-            width: width,
-            height: height
-        })
-    }), /*#__PURE__*/ _react.default.createElement("svg", {
         viewBox: viewBox,
         width: width,
         height: height,
-        style: svgStyle,
-        role: role,
-        "aria-label": ariaLabel,
-        "aria-hidden": ariaHidden
-    }, /*#__PURE__*/ _react.default.createElement("use", {
+        style: _objectSpreadProps(_objectSpread({}, style), {
+            display: "block",
+            width: width,
+            height: height
+        }),
+        ref: getRef
+    }), /*#__PURE__*/ _react.default.createElement("use", {
         xlinkHref: "#".concat(id),
         style: {
             fill: "currentColor",
             color: fill
         }
-    })));
+    }));
 };
 function makeIcon(componentName, id, viewBox, content, width, height, deprecated, replacement) {
     var isMounted = false;

package/dist/es6/SvgIcon.js

@@ -97,9 +97,6 @@ import BrowserSymbol from "svg-baker-runtime/browser-symbol";
 import { IconSettingsContext } from "./IconSettings";
 import { addSpriteSymbol, useIsomorphicLayoutEffect } from "./sprite";
 import { warnOnce } from "./warnOnce";
-var svgStyle = {
-    display: "block"
-};
 function iconClass(fragments, param) {
     var classPrefix = param.classPrefix, globalClasses = param.globalClasses;
     var res = "";
@@ -114,7 +111,7 @@ function iconClass(fragments, param) {
     return res;
 }
 var SvgIcon = function(_param) {
-    var width = _param.width, height = _param.height, viewBox = _param.viewBox, id = _param.id, _className = _param.className, className = _className === void 0 ? "" : _className, _style = _param.style, style = _style === void 0 ? {} : _style, fill = _param.fill, getRootRef = _param.getRootRef, _Component = _param.Component, Component = _Component === void 0 ? "div" : _Component, role = _param.role, ariaLabel = _param["aria-label"], ariaHidden = _param["aria-hidden"], restProps = _objectWithoutProperties(_param, [
+    var width = _param.width, height = _param.height, viewBox = _param.viewBox, id = _param.id, _className = _param.className, className = _className === void 0 ? "" : _className, _style = _param.style, style = _style === void 0 ? {} : _style, fill = _param.fill, getRef = _param.getRef, restProps = _objectWithoutProperties(_param, [
         "width",
         "height",
         "viewBox",
@@ -122,11 +119,7 @@ var SvgIcon = function(_param) {
         "className",
         "style",
         "fill",
-        "getRootRef",
-        "Component",
-        "role",
-        "aria-label",
-        "aria-hidden"
+        "getRef"
     ]);
     var size = Math.max(width, height);
     var iconSettings = React.useContext(IconSettingsContext);
@@ -137,30 +130,26 @@ var SvgIcon = function(_param) {
         "Icon--h-".concat(height),
         "Icon--".concat(id)
     ], iconSettings);
-    return /*#__PURE__*/ React.createElement(Component, _extends({
-        role: "presentation"
+    return /*#__PURE__*/ React.createElement("svg", _extends({
+        "aria-hidden": "true"
     }, restProps, {
-        ref: getRootRef,
         className: "".concat(ownClass, " ").concat(className),
-        style: _objectSpreadProps(_objectSpread({}, style), {
-            width: width,
-            height: height
-        })
-    }), /*#__PURE__*/ React.createElement("svg", {
         viewBox: viewBox,
         width: width,
         height: height,
-        style: svgStyle,
-        role: role,
-        "aria-label": ariaLabel,
-        "aria-hidden": ariaHidden
-    }, /*#__PURE__*/ React.createElement("use", {
+        style: _objectSpreadProps(_objectSpread({}, style), {
+            display: "block",
+            width: width,
+            height: height
+        }),
+        ref: getRef
+    }), /*#__PURE__*/ React.createElement("use", {
         xlinkHref: "#".concat(id),
         style: {
             fill: "currentColor",
             color: fill
         }
-    })));
+    }));
 };
 export function makeIcon(componentName, id, viewBox, content, width, height, deprecated, replacement) {
     var isMounted = false;

package/dist/es6/index.js

@@ -124,7 +124,6 @@ export { default as Icon16ChevronOutline } from "./16/chevron_outline";
 export { default as Icon16ChevronRightCircleOutline } from "./16/chevron_right_circle_outline";
 export { default as Icon16Clear } from "./16/clear";
 export { default as Icon16ClockCircleFill } from "./16/clock_circle_fill";
-export { default as Icon16ClockOurline } from "./16/clock_ourline";
 export { default as Icon16ClockOutline } from "./16/clock_outline";
 export { default as Icon16Cloud } from "./16/cloud";
 export { default as Icon16CloudLighting } from "./16/cloud_lighting";
@@ -205,7 +204,6 @@ export { default as Icon16HomeArrowDownOutline } from "./16/home_arrow_down_outl
 export { default as Icon16ImageFilter } from "./16/image_filter";
 export { default as Icon16IncognitoFilled } from "./16/incognito_filled";
 export { default as Icon16InfoCircle } from "./16/info_circle";
-export { default as Icon16InfoCirle } from "./16/info_cirle";
 export { default as Icon16InfoOutline } from "./16/info_outline";
 export { default as Icon16InstallmentOutline } from "./16/installment_outline";
 export { default as Icon16KeyOutline } from "./16/key_outline";
@@ -799,7 +797,6 @@ export { default as Icon24ArrowUturnRightOutline } from "./24/arrow_uturn_right_
 export { default as Icon24Article } from "./24/article";
 export { default as Icon24ArticleBoxOutline } from "./24/article_box_outline";
 export { default as Icon24ArticleOutline } from "./24/article_outline";
-export { default as Icon24Artist } from "./24/artist";
 export { default as Icon24Attach } from "./24/attach";
 export { default as Icon24Attachments } from "./24/attachments";
 export { default as Icon24Back } from "./24/back";
@@ -1208,11 +1205,9 @@ export { default as Icon24TennisBallOutline } from "./24/tennis_ball_outline";
 export { default as Icon24TextLiveOutline } from "./24/text_live_outline";
 export { default as Icon24TextOutline } from "./24/text_outline";
 export { default as Icon24TextTtOutline } from "./24/text_tt_outline";
-export { default as Icon24ThumbDown } from "./24/thumb_down";
 export { default as Icon24ThumbsDown } from "./24/thumbs_down";
 export { default as Icon24ThumbsDownOutline } from "./24/thumbs_down_outline";
 export { default as Icon24ThumbsUpOutline } from "./24/thumbs_up_outline";
-export { default as Icon24ThumbUp } from "./24/thumb_up";
 export { default as Icon24TicketOutline } from "./24/ticket_outline";
 export { default as Icon24TrashSmileOutline } from "./24/trash_smile_outline";
 export { default as Icon24TshirtOutline } from "./24/tshirt_outline";
@@ -1482,7 +1477,6 @@ export { default as Icon28GearCircleFillGray } from "./28/gear_circle_fill_gray"
 export { default as Icon28GestureOutline } from "./28/gesture_outline";
 export { default as Icon28Ghost } from "./28/ghost";
 export { default as Icon28GhostOutline } from "./28/ghost_outline";
-export { default as Icon28GhostSimleOutline } from "./28/ghost_simle_outline";
 export { default as Icon28GhostSimpleOutline } from "./28/ghost_simple_outline";
 export { default as Icon28GifOutline } from "./28/gif_outline";
 export { default as Icon28GiftCircleFillRed } from "./28/gift_circle_fill_red";