@skbkontur/icons 1.6.0 → 1.7.0

package/esm/internal/BaseIcon.js

@@ -2,8 +2,8 @@ import { __assign, __rest } from "tslib";
 /* eslint-disable react/display-name */
 import React from 'react';
 import { IconDataTids } from './Icon';
-import { ZERO_WIDTH_SPACE } from './chars';
 import { forwardRef } from '../helpers/forwardRef';
+import { baseIconStyles } from './BaseIcon.styles';
 export var BaseIcon = forwardRef('BaseIcon', function (_a, ref) {
     var color = _a.color, size = _a.size, style = _a.style, _b = _a["aria-hidden"], ariaHidden = _b === void 0 ? true : _b, _c = _a.viewBoxSize, viewBoxSize = _c === void 0 ? 16 : _c, _d = _a.align, align = _d === void 0 ? 'center' : _d, children = _a.children, rest = __rest(_a, ["color", "size", "style", 'aria-hidden', "viewBoxSize", "align", "children"]);
     var icon = (React.createElement("svg", __assign({ "data-tid": IconDataTids.root, ref: ref, width: size || viewBoxSize, height: size || viewBoxSize, style: Object.assign({
@@ -12,9 +12,7 @@ export var BaseIcon = forwardRef('BaseIcon', function (_a, ref) {
             flexShrink: 0,
         }, align !== 'center' ? style : undefined), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 " + viewBoxSize + " " + viewBoxSize, "aria-hidden": ariaHidden }, rest), children));
     if (align === 'center') {
-        return (React.createElement("span", { "aria-hidden": ariaHidden, style: __assign({ display: 'inline-flex', alignItems: 'center' }, style) },
-            ZERO_WIDTH_SPACE,
-            icon));
+        return (React.createElement("span", { "aria-hidden": ariaHidden, style: style, className: baseIconStyles.centeredIcon() }, icon));
     }
     return icon;
 });

package/esm/internal/BaseIcon.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const styles: {
+    centeredIcon(): string;
+};
+export declare const baseIconStyles: {
+    centeredIcon(): string;
+};

package/esm/internal/BaseIcon.styles.js

@@ -0,0 +1,9 @@
+import { __makeTemplateObject } from "tslib";
+import { css, memoizeStyle } from '@skbkontur/react-ui/lib/theming/Emotion';
+export var styles = {
+    centeredIcon: function () {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        /*\n        * ZERO WIDTH SPACE\n        *\n        * Symbol to align to baseline\n        *\n        * @see https://www.fileformat.info/info/unicode/char/200b/index.htm\n        */\n        content: '\\200B';\n      }\n    "], ["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        /*\n        * ZERO WIDTH SPACE\n        *\n        * Symbol to align to baseline\n        *\n        * @see https://www.fileformat.info/info/unicode/char/200b/index.htm\n        */\n        content: '\\\\200B';\n      }\n    "])));
+    },
+};
+export var baseIconStyles = memoizeStyle(styles);
+var templateObject_1;