@skbkontur/icons 1.7.1 → 1.7.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.2](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.7.1...@skbkontur/icons@1.7.2) (2023-11-30)
+
+**Note:** Version bump only for package @skbkontur/icons
+
+
+
+
+
 ## [1.7.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/icons@1.7.0...@skbkontur/icons@1.7.1) (2023-11-15)
 
 **Note:** Version bump only for package @skbkontur/icons

package/esm/internal/BaseIcon.js

@@ -1,18 +1,26 @@
 import { __assign, __rest } from "tslib";
 /* eslint-disable react/display-name */
-import React from 'react';
+import React, { useEffect } from 'react';
 import { IconDataTids } from './Icon';
 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"]);
+    useEffect(function () {
+        var styleId = 'ui-parking-icons-style';
+        if (document.getElementById(styleId) === null) {
+            var style_1 = document.createElement('style');
+            style_1.id = styleId;
+            style_1.innerHTML = "\n        .ui-parking-icon-centered {\n          display: -webkit-inline-box;\n          display: inline-flex;\n\n          -webkit-box-align: center;\n          align-items: center;\n        }\n\n        .ui-parking-icon-centered::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        ";
+            document.getElementsByTagName('head')[0].appendChild(style_1);
+        }
+    }, []);
     var icon = (React.createElement("svg", __assign({ "data-tid": IconDataTids.root, ref: ref, width: size || viewBoxSize, height: size || viewBoxSize, style: Object.assign({
             fill: color !== null && color !== void 0 ? color : 'currentColor',
             marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',
             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: style, className: baseIconStyles.centeredIcon() }, icon));
+        return (React.createElement("span", { className: 'ui-parking-icon-centered', "aria-hidden": ariaHidden, style: style }, icon));
     }
     return icon;
 });

package/internal/BaseIcon.js

@@ -3,19 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseIcon = void 0;
 var tslib_1 = require("tslib");
 /* eslint-disable react/display-name */
-var react_1 = tslib_1.__importDefault(require("react"));
+var react_1 = tslib_1.__importStar(require("react"));
 var Icon_1 = require("./Icon");
 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"]);
+    react_1.useEffect(function () {
+        var styleId = 'ui-parking-icons-style';
+        if (document.getElementById(styleId) === null) {
+            var style_1 = document.createElement('style');
+            style_1.id = styleId;
+            style_1.innerHTML = "\n        .ui-parking-icon-centered {\n          display: -webkit-inline-box;\n          display: inline-flex;\n\n          -webkit-box-align: center;\n          align-items: center;\n        }\n\n        .ui-parking-icon-centered::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        ";
+            document.getElementsByTagName('head')[0].appendChild(style_1);
+        }
+    }, []);
     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({
             fill: color !== null && color !== void 0 ? color : 'currentColor',
             marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',
             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: style, className: BaseIcon_styles_1.baseIconStyles.centeredIcon() }, icon));
+        return (react_1.default.createElement("span", { className: 'ui-parking-icon-centered', "aria-hidden": ariaHidden, style: style }, icon));
     }
     return icon;
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@skbkontur/icons",
   "description": "react-ui-icons",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -10,7 +10,7 @@
   "sideEffects": false,
   "license": "UNLICENSED",
   "scripts": {
-    "clean": "git clean -fdxqe node_modules",
+    "clean": "git clean -fd -X",
     "prebuild": "yarn run clean && yarn reexport:generate",
     "build": "yarn tsc && yarn tsc -p tsconfig.esm.json",
     "lint:fix": "yarn eslint --ext .tsx,.ts  --fix . && prettier --write .",
@@ -19,7 +19,6 @@
     "icons": "yarn icons:generate && yarn lint:fix"
   },
   "devDependencies": {
-    "@skbkontur/react-ui": "4.17.1",
     "svgo": "2.8.0"
   },
   "author": "Kontur"

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

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

package/esm/internal/BaseIcon.styles.js

@@ -1,9 +0,0 @@
-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.styles.d.ts

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

package/internal/BaseIcon.styles.js

@@ -1,12 +0,0 @@
-"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;