@skbkontur/icons 1.6.1 → 1.7.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.7.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.6.1...@skbkontur/icons@1.7.0) (2023-11-10)
+
+
+### Features
+
+* **icons:** simplify testing of the package ([56c216b](https://git.skbkontur.ru/ui/ui-parking/commits/56c216ba03c8cdfd5678bb31a0f6fb87a14b5349))
+
+
+
+
+
 ## [1.6.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.6.0...@skbkontur/icons@1.6.1) (2023-11-09)
 
 

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;

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.1",
+  "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);