@skbkontur/icons 1.6.0 → 1.7.0

package/internal/BaseIcon.js

@@ -5,8 +5,8 @@ var tslib_1 = require("tslib");
 /* eslint-disable react/display-name */
 var react_1 = tslib_1.__importDefault(require("react"));
 var Icon_1 = require("./Icon");
-var chars_1 = require("./chars");
 var forwardRef_1 = require("../helpers/forwardRef");
+var BaseIcon_styles_1 = require("./BaseIcon.styles");
 exports.BaseIcon = forwardRef_1.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 = tslib_1.__rest(_a, ["color", "size", "style", 'aria-hidden', "viewBoxSize", "align", "children"]);
     var icon = (react_1.default.createElement("svg", tslib_1.__assign({ "data-tid": Icon_1.IconDataTids.root, ref: ref, width: size || viewBoxSize, height: size || viewBoxSize, style: Object.assign({
@@ -15,9 +15,7 @@ exports.BaseIcon = forwardRef_1.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_1.default.createElement("span", { "aria-hidden": ariaHidden, style: tslib_1.__assign({ display: 'inline-flex', alignItems: 'center' }, style) },
-            chars_1.ZERO_WIDTH_SPACE,
-            icon));
+        return (react_1.default.createElement("span", { "aria-hidden": ariaHidden, style: style, className: BaseIcon_styles_1.baseIconStyles.centeredIcon() }, icon));
     }
     return icon;
 });

package/internal/BaseIcon.styles.d.ts

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

package/internal/BaseIcon.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseIconStyles = exports.styles = void 0;
+var tslib_1 = require("tslib");
+var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
+exports.styles = {
+    centeredIcon: function () {
+        return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_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    "])));
+    },
+};
+exports.baseIconStyles = Emotion_1.memoizeStyle(exports.styles);
+var templateObject_1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skbkontur/icons",
   "description": "react-ui-icons",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -19,6 +19,7 @@
     "icons": "yarn icons:generate && yarn lint:fix"
   },
   "devDependencies": {
+    "@skbkontur/react-ui": "4.17.1",
     "svgo": "2.8.0"
   },
   "author": "Kontur"

package/esm/internal/chars.d.ts

@@ -1,8 +0,0 @@
-/**
- * ZERO WIDTH SPACE
- *
- * Symbol to align to baseline
- *
- * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
- */
-export declare const ZERO_WIDTH_SPACE: string;

package/esm/internal/chars.js

@@ -1,8 +0,0 @@
-/**
- * ZERO WIDTH SPACE
- *
- * Symbol to align to baseline
- *
- * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
- */
-export var ZERO_WIDTH_SPACE = String.fromCharCode(0x200b);

package/internal/chars.d.ts

@@ -1,8 +0,0 @@
-/**
- * ZERO WIDTH SPACE
- *
- * Symbol to align to baseline
- *
- * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
- */
-export declare const ZERO_WIDTH_SPACE: string;

package/internal/chars.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZERO_WIDTH_SPACE = void 0;
-/**
- * ZERO WIDTH SPACE
- *
- * Symbol to align to baseline
- *
- * @see https://www.fileformat.info/info/unicode/char/200b/index.htm
- */
-exports.ZERO_WIDTH_SPACE = String.fromCharCode(0x200b);