@ozen-ui/kit 0.23.0 → 0.23.2

package/__inner__/cjs/components/Avatar/Avatar.d.ts

@@ -13,7 +13,7 @@ export type AvatarProps = {
     size?: AvatarSizeVariant;
     /** Если {true} отобразит индикатор онлайна */
     online?: boolean;
-    /** Url изображения */
+    /** url изображения */
     src?: string;
     /** Имя пользователя */
     name?: string;
@@ -23,6 +23,7 @@ export type AvatarProps = {
     className?: string;
     /** Свойства компонента Indicator */
     indicatorProps?: IndicatorProps;
+    /** Содержимое компонента – иконка */
     children?: ReactNode;
 } & ComponentPropsWithRef<typeof avatarEl>;
 export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;

package/__inner__/cjs/components/Avatar/Avatar.js

@@ -4,7 +4,6 @@ exports.Avatar = exports.cnAvatar = exports.avatarHueVariant = exports.avatarSiz
 var tslib_1 = require("tslib");
 require("./Avatar.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var useBoolean_1 = require("../../hooks/useBoolean");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var Indicator_1 = require("../Indicator");
@@ -28,20 +27,19 @@ exports.Avatar = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Avatar' });
     var _a = props.size, size = _a === void 0 ? constants_1.AVATAR_DEFAULT_SIZE : _a, _b = props.online, online = _b === void 0 ? constants_1.AVATAR_DEFAULT_ONLINE : _b, _c = props.hue, hue = _c === void 0 ? constants_1.AVATAR_DEFAULT_HUE : _c, src = props.src, nameProp = props.name, className = props.className, indicatorProps = props.indicatorProps, children = props.children, other = tslib_1.__rest(props, ["size", "online", "hue", "src", "name", "className", "indicatorProps", "children"]);
     var name = nameProp || '';
-    var _d = tslib_1.__read((0, useBoolean_1.useBoolean)(!!src), 2), showImage = _d[0], off = _d[1].off;
     var indicatorSize = utils_1.matchSizeIndicatorToAvatar[size];
     var colorShades = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
     var color = "".concat(colorShades[(0, get_hash_number_1.getHashNumber)(name, colorShades.length)]).concat(hue);
     var renderContent = function () {
+        if (src) {
+            return react_1.default.createElement("img", { src: src, alt: name, className: (0, exports.cnAvatar)('Image') });
+        }
         if (children) {
             return children;
         }
-        if (src && showImage) {
-            return (react_1.default.createElement("img", { src: src, alt: name, className: (0, exports.cnAvatar)('Image'), onError: off }));
-        }
         return (0, utils_1.getInitials)(name);
     };
-    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnAvatar)({ size: size, color: !showImage && color }, [className]) }, other, { ref: ref }),
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnAvatar)({ size: size, color: !src && color }, [className]) }, other, { ref: ref }),
         renderContent(),
         online && (react_1.default.createElement(Indicator_1.Indicator, tslib_1.__assign({ variant: "success", size: indicatorSize, border: true }, indicatorProps, { className: (0, exports.cnAvatar)('Online', indicatorProps === null || indicatorProps === void 0 ? void 0 : indicatorProps.className) })))));
 });

package/__inner__/cjs/components/Badge/Badge.css

@@ -67,7 +67,7 @@
     }
 .Badge-Content_color_neutralDark {
       color: var(--color-content-action-on);
-      background-color: var(--color-space-space-95);
+      background-color: var(--color-content-primary);
     }
 .Badge-Content_color_neutralLight {
       color: var(--color-content-primary);

package/__inner__/cjs/components/Drawer/Drawer.css

@@ -6,8 +6,7 @@
 .Drawer .Modal-Window {
     inline-size: 100%;
     max-inline-size: var(--drawer-width);
-    /* stylelint-disable-next-line plugin/use-logical-units */
-    block-size: 100vh;
+    block-size: 100%;
     border-radius: var(--drawer-border-radius);
     display: flex;
     flex-direction: column;

package/__inner__/esm/components/Avatar/Avatar.d.ts

@@ -13,7 +13,7 @@ export type AvatarProps = {
     size?: AvatarSizeVariant;
     /** Если {true} отобразит индикатор онлайна */
     online?: boolean;
-    /** Url изображения */
+    /** url изображения */
     src?: string;
     /** Имя пользователя */
     name?: string;
@@ -23,6 +23,7 @@ export type AvatarProps = {
     className?: string;
     /** Свойства компонента Indicator */
     indicatorProps?: IndicatorProps;
+    /** Содержимое компонента – иконка */
     children?: ReactNode;
 } & ComponentPropsWithRef<typeof avatarEl>;
 export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;

package/__inner__/esm/components/Avatar/Avatar.js

@@ -1,7 +1,6 @@
-import { __assign, __read, __rest } from "tslib";
+import { __assign, __rest } from "tslib";
 import './Avatar.css';
 import React, { forwardRef } from 'react';
-import { useBoolean } from '../../hooks/useBoolean';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { Indicator } from '../Indicator';
@@ -25,20 +24,19 @@ export var Avatar = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Avatar' });
     var _a = props.size, size = _a === void 0 ? AVATAR_DEFAULT_SIZE : _a, _b = props.online, online = _b === void 0 ? AVATAR_DEFAULT_ONLINE : _b, _c = props.hue, hue = _c === void 0 ? AVATAR_DEFAULT_HUE : _c, src = props.src, nameProp = props.name, className = props.className, indicatorProps = props.indicatorProps, children = props.children, other = __rest(props, ["size", "online", "hue", "src", "name", "className", "indicatorProps", "children"]);
     var name = nameProp || '';
-    var _d = __read(useBoolean(!!src), 2), showImage = _d[0], off = _d[1].off;
     var indicatorSize = matchSizeIndicatorToAvatar[size];
     var colorShades = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
     var color = "".concat(colorShades[getHashNumber(name, colorShades.length)]).concat(hue);
     var renderContent = function () {
+        if (src) {
+            return React.createElement("img", { src: src, alt: name, className: cnAvatar('Image') });
+        }
         if (children) {
             return children;
         }
-        if (src && showImage) {
-            return (React.createElement("img", { src: src, alt: name, className: cnAvatar('Image'), onError: off }));
-        }
         return getInitials(name);
     };
-    return (React.createElement("div", __assign({ className: cnAvatar({ size: size, color: !showImage && color }, [className]) }, other, { ref: ref }),
+    return (React.createElement("div", __assign({ className: cnAvatar({ size: size, color: !src && color }, [className]) }, other, { ref: ref }),
         renderContent(),
         online && (React.createElement(Indicator, __assign({ variant: "success", size: indicatorSize, border: true }, indicatorProps, { className: cnAvatar('Online', indicatorProps === null || indicatorProps === void 0 ? void 0 : indicatorProps.className) })))));
 });

package/__inner__/esm/components/Badge/Badge.css

@@ -67,7 +67,7 @@
     }
 .Badge-Content_color_neutralDark {
       color: var(--color-content-action-on);
-      background-color: var(--color-space-space-95);
+      background-color: var(--color-content-primary);
     }
 .Badge-Content_color_neutralLight {
       color: var(--color-content-primary);

package/__inner__/esm/components/Drawer/Drawer.css

@@ -6,8 +6,7 @@
 .Drawer .Modal-Window {
     inline-size: 100%;
     max-inline-size: var(--drawer-width);
-    /* stylelint-disable-next-line plugin/use-logical-units */
-    block-size: 100vh;
+    block-size: 100%;
     border-radius: var(--drawer-border-radius);
     display: flex;
     flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "description": "React component library",
   "files": [
     "*"