@ozen-ui/kit 0.24.1 → 0.25.0

package/__inner__/cjs/components/Accordion/Accordion.css

@@ -108,7 +108,7 @@
   }
 .AccordionSummary-ExpandIconBox::after {
       font-size: 0;
-      content: '\00a0';
+      content: ' ';
     }
 .AccordionSummary-ExpandIcon {
     transition: transform var(--transition-default);

package/__inner__/cjs/components/Card/Card.css

@@ -23,7 +23,7 @@
   }
 
   .Card_borderWidth_s::after, .Card_borderWidth_m::after {
-        content: '\00a0';
+        content: ' ';
         position: absolute;
         inset: 0;
         pointer-events: none;

package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.d.ts

@@ -7,7 +7,7 @@ export type DataListOptionProps = {
     /** Значение опции */
     value: string | number;
     /** Лейбл опции */
-    label?: string;
+    label?: string | number;
     /** Если {true} отображает опцию заблокированной */
     disabled?: boolean;
     /** Если {true} отображает опцию сфокусированной (клавиатура) */

package/__inner__/cjs/components/DataList/components/DataListOption/DataListOption.js

@@ -6,6 +6,7 @@ require("./DataListOption.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
+var isNumber_1 = require("../../../../utils/isNumber");
 var isString_1 = require("../../../../utils/isString");
 var List_1 = require("../../../List");
 var constants_1 = require("../../constants");
@@ -22,7 +23,7 @@ var DataListContent = function (_a) {
 exports.DataListOption = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? constants_1.DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, highlighted = _a.highlighted, selected = _a.selected, focused = _a.focused, other = tslib_1.__rest(_a, ["disabled", "value", "label", "children", "className", "highlighted", "selected", "focused"]);
     var renderChildren = function () {
-        if ((0, isString_1.isString)(children)) {
+        if ((0, isString_1.isString)(children) || (0, isNumber_1.isNumber)(children)) {
             return react_1.default.createElement(DataListContent, { label: children, selected: selected });
         }
         if (label && !children) {

package/__inner__/cjs/components/Grid/useGrid.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGenerateGridModsCn = void 0;
 var tslib_1 = require("tslib");
 var classnames_1 = require("@bem-react/classnames");
-var isEmpty_1 = require("../../utils/isEmpty");
+var object_1 = require("../../utils/object");
 var generateGridModCn = function (cn, key, mod) {
     var _a;
     var res;
@@ -21,7 +21,7 @@ var generateGridModCn = function (cn, key, mod) {
     return cn(res);
 };
 var useGenerateGridModsCn = function (cn, mods) {
-    if (!mods && (0, isEmpty_1.isEmpty)(mods)) {
+    if (!mods && (0, object_1.isEmpty)(mods)) {
         return '';
     }
     return Object.keys(mods).reduce(function (acc, current) {

package/__inner__/cjs/components/List/components/ListItemText/ListItemText.d.ts

@@ -5,22 +5,22 @@ import type { TypographyProps } from '../../../Typography';
 export type ListItemTextProps = {
     children?: never;
     /** Основной текст */
-    primary: string;
+    primary: string | number;
     /** Свойства компонента Typography для текста primary */
     primaryTypographyProps?: TypographyProps<'span'>;
     /** Второстепенный текст */
-    secondary?: string;
+    secondary?: string | number;
     /** Свойства компонента Typography для текста secondary */
     secondaryTypographyProps?: TypographyProps<'span'>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const ListItemText: React.ForwardRefExoticComponent<{
     children?: undefined;
     /** Основной текст */
-    primary: string;
+    primary: string | number;
     /** Свойства компонента Typography для текста primary */
     primaryTypographyProps?: TypographyProps<"span"> | undefined;
     /** Второстепенный текст */
-    secondary?: string | undefined;
+    secondary?: string | number | undefined;
     /** Свойства компонента Typography для текста secondary */
     secondaryTypographyProps?: TypographyProps<"span"> | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Skeleton/SkeletonTypography/SkeletonTypography.css

@@ -10,7 +10,7 @@
 
   .SkeletonTypography-Row::after {
       font-size: 0;
-      content: '\00a0';
+      content: ' ';
     }
 
   .SkeletonTypography-Row .Skeleton {

package/__inner__/cjs/components/Stack/utils/generateDirectionCn.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateDirectionCn = void 0;
 var tslib_1 = require("tslib");
 var classnames_1 = require("@bem-react/classnames");
-var isPlainObject_1 = require("../../../utils/isPlainObject");
+var object_1 = require("../../../utils/object");
 var generateDirectionCn = function (cn, direction) {
-    if ((0, isPlainObject_1.isPlainObject)(direction)) {
+    if ((0, object_1.isPlainObject)(direction)) {
         return (0, classnames_1.classnames)(Object.entries(direction)
             .reduce(function (acc, _a) {
             var _b;

package/__inner__/cjs/components/Stack/utils/generateGapCn.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateGapCn = void 0;
 var tslib_1 = require("tslib");
 var classnames_1 = require("@bem-react/classnames");
-var isPlainObject_1 = require("../../../utils/isPlainObject");
+var object_1 = require("../../../utils/object");
 var generateGapCn = function (cn, gap) {
-    if ((0, isPlainObject_1.isPlainObject)(gap)) {
+    if ((0, object_1.isPlainObject)(gap)) {
         return (0, classnames_1.classnames)(Object.entries(gap)
             .reduce(function (acc, _a) {
             var _b;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDark.css

@@ -1,10 +1,10 @@
 .Theme_color_bBusinessDark {
   --color-content-action-on: #fff;
-  --color-content-secondary: #949494;
-  --color-content-primary: #f5f5f5;
-  --color-content-tertiary: #707070;
-  --color-content-disabled: #4e4e4e;
-  --color-content-ghost-disabled: rgb(255 255 255 / 47%);
+  --color-content-secondary: #aeb1c4;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #0534d0;
   --color-content-action-hover: #082ba0;
   --color-content-action-pressed: #0a2171;
@@ -12,7 +12,7 @@
   --color-content-action-secondary: #d7d8e1;
   --color-content-action-secondary-hover: #c2c5d3;
   --color-content-action-secondary-pressed: #aeb1c4;
-  --color-content-action-secondary-dark: #aeb1c4;
+  --color-content-action-secondary-dark: #9a9eb5;
   --color-background-main: #1e1d22;
   --color-content-error: #cf4a4b;
   --color-content-error-hover: #9f3b3d;
@@ -48,7 +48,7 @@
   --color-background-tertiary: #474853;
   --color-background-tertiary-hover: #636574;
   --color-background-tertiary-pressed: #7e8194;
-  --color-background-disabled: #474853;
+  --color-background-disabled: #2c2c33;
   --color-background-action: #0534d0;
   --color-background-action-hover: #082ba0;
   --color-background-action-pressed: #0a2171;
@@ -59,14 +59,14 @@
   --color-background-accent-action-light: #082ba0;
   --color-background-accent-action-light-hover: #0a2171;
   --color-background-accent-action-light-pressed: #0d1841;
-  --color-background-action-secondary: #43b741;
-  --color-background-action-secondary-hover: #379535;
-  --color-background-action-secondary-pressed: #2a7329;
-  --color-background-action-secondary-disabled: #184117;
-  --color-background-action-secondary-light: #113011;
-  --color-background-action-secondary-light-hover: #1e521d;
-  --color-background-action-secondary-light-pressed: #184117;
-  --color-background-accent-action-secondary-light: #067607;
+  --color-background-action-secondary: #aeb1c4;
+  --color-background-action-secondary-hover: #9a9eb5;
+  --color-background-action-secondary-pressed: #7e8194;
+  --color-background-action-secondary-disabled: #474853;
+  --color-background-action-secondary-light: #2c2c33;
+  --color-background-action-secondary-light-hover: #636574;
+  --color-background-action-secondary-light-pressed: #474853;
+  --color-background-accent-action-secondary-light: #2c2c33;
   --color-background-accent-action-secondary-light-hover: #0a540b;
   --color-background-accent-action-secondary-light-pressed: #0d310e;
   --color-background-error: #cf4a4b;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css

@@ -1,8 +1,8 @@
 .Theme_color_bBusinessDefault {
-  --color-content-primary: #1e1d22;
+  --color-content-primary: #0d0e12;
   --color-content-secondary: #636574;
-  --color-content-tertiary: #9a9eb5;
-  --color-content-disabled: #9a9eb5;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #023dff;
   --color-content-action-hover: #0534d0;
@@ -47,11 +47,11 @@
   --color-background-tertiary: #d7d8e1;
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
-  --color-background-disabled: #d7d8e1;
+  --color-background-disabled: #ebecf0;
   --color-background-action: #023dff;
   --color-background-action-hover: #0534d0;
   --color-background-action-pressed: #082ba0;
-  --color-background-action-active-disabled: #ccd8ff;
+  --color-background-action-active-disabled: #9ab1ff;
   --color-background-action-light: #e6ecff;
   --color-background-action-light-hover: #ccd8ff;
   --color-background-action-light-pressed: #9ab1ff;
@@ -61,7 +61,7 @@
   --color-background-action-secondary: #2c2c33;
   --color-background-action-secondary-hover: #1e1d22;
   --color-background-action-secondary-pressed: #17161a;
-  --color-background-action-secondary-active-disabled: #ebecf0;
+  --color-background-action-secondary-active-disabled: #d7d8e1;
   --color-background-action-secondary-light: #f5f5f8;
   --color-background-action-secondary-light-hover: #ebecf0;
   --color-background-action-secondary-light-pressed: #d7d8e1;
@@ -74,45 +74,45 @@
   --color-background-error-light: #fee;
   --color-background-error-light-hover: #ffdede;
   --color-background-error-light-pressed: #ffbdbd;
-  --color-background-accent-error-light: #cf4a4b;
-  --color-background-accent-error-light-hover: #9f3b3d;
-  --color-background-accent-error-light-pressed: #702d2e;
+  --color-background-accent-error-light: #9f3b3d;
+  --color-background-accent-error-light-hover: #702d2e;
+  --color-background-accent-error-light-pressed: #401e20;
   --color-background-warning: #f90;
   --color-background-warning-hover: #cf7d04;
   --color-background-warning-pressed: #9f6207;
   --color-background-warning-light: #fff5e5;
   --color-background-warning-light-hover: #ffebcc;
   --color-background-warning-light-pressed: #ffd699;
-  --color-background-accent-warning-light: #cf7d04;
-  --color-background-accent-warning-light-hover: #995c00;
-  --color-background-accent-warning-light-pressed: #5c3800;
+  --color-background-accent-warning-light: #9f6207;
+  --color-background-accent-warning-light-hover: #70460b;
+  --color-background-accent-warning-light-pressed: #402b0e;
   --color-background-success: #0b0;
   --color-background-success-hover: #039904;
   --color-background-success-pressed: #067607;
   --color-background-success-light: #e5f8e5;
   --color-background-success-light-hover: #ccf1cc;
   --color-background-success-light-pressed: #99e499;
-  --color-background-accent-success-light: #039904;
-  --color-background-accent-success-light-hover: #067607;
-  --color-background-accent-success-light-pressed: #0a540b;
+  --color-background-accent-success-light: #067607;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
   --color-background-info: #8002ff;
   --color-background-info-hover: #6a05d0;
   --color-background-info-pressed: #5307a0;
   --color-background-info-light: #f4e8ff;
   --color-background-info-light-hover: #e6ccff;
   --color-background-info-light-pressed: #cd9aff;
-  --color-background-accent-info-light: #6a05d0;
-  --color-background-accent-info-light-hover: #5307a0;
-  --color-background-accent-info-light-pressed: #3d0a71;
+  --color-background-accent-info-light: #5307a0;
+  --color-background-accent-info-light-hover: #3d0a71;
+  --color-background-accent-info-light-pressed: #270d41;
   --color-background-main-inverse: #0d0e12;
   --color-background-overlay: rgb(0 0 0 / 50%);
   --color-background-ghost: rgb(255 255 255 / 10%);
   --color-background-ghost-hover: rgb(255 255 255 / 20%);
   --color-background-ghost-pressed: rgb(255 255 255 / 30%);
   --color-background-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-border-main: #aeb1c4;
-  --color-border-main-hover: #9a9eb5;
-  --color-border-main-pressed: #7e8194;
+  --color-border-main: #c2c5d3;
+  --color-border-main-hover: #aeb1c4;
+  --color-border-main-pressed: #9a9eb5;
   --color-border-secondary: #d7d8e1;
   --color-border-secondary-hover: #c2c5d3;
   --color-border-secondary-pressed: #aeb1c4;
@@ -132,7 +132,7 @@
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0a2171;
+  --color-border-accent-focused: #0f142a;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDark.css

@@ -1,9 +1,9 @@
 .Theme_color_ozenDark {
   --color-content-action-on: #fff;
-  --color-content-secondary: #d7d8e1;
+  --color-content-secondary: #aeb1c4;
   --color-content-primary: #fff;
-  --color-content-tertiary: #c2c5d3;
-  --color-content-disabled: #aeb1c4;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #039904;
   --color-content-action-hover: #067607;
@@ -13,7 +13,7 @@
   --color-content-action-secondary-hover: #082ba0;
   --color-content-action-secondary-pressed: #0a2171;
   --color-content-action-secondary-dark: #9ab1ff;
-  --color-background-main: #1b1c24;
+  --color-background-main: #1e1d22;
   --color-content-error: #cf4a4b;
   --color-content-error-hover: #9f3b3d;
   --color-content-error-pressed: #702d2e;
@@ -30,25 +30,25 @@
   --color-content-info-hover: #5307a0;
   --color-content-info-pressed: #3d0a71;
   --color-content-info-dark: #cd9aff;
-  --color-content-primary-inverse: #080808;
+  --color-content-primary-inverse: #1e1d22;
   --color-background-main-inverse: #d9dade;
   --color-content-accent-secondary: #989aa5;
   --color-accent-main: #14151b;
   --color-content-accent-primary: #c7c8ce;
   --color-accent-primary: #1b1c24;
   --color-content-accent-disabled: #7b7e8c;
-  --color-background-main-hover: #252732;
-  --color-background-main-pressed: #2f3240;
-  --color-background-primary: #14151b;
-  --color-background-primary-hover: #1b1c24;
-  --color-background-primary-pressed: #252732;
-  --color-background-secondary: #252732;
-  --color-background-secondary-hover: #2f3240;
-  --color-background-secondary-pressed: #393c4d;
-  --color-background-tertiary: #2f3240;
-  --color-background-tertiary-hover: #393c4d;
-  --color-background-tertiary-pressed: #43475b;
-  --color-background-disabled: #2f3240;
+  --color-background-main-hover: #2c2c33;
+  --color-background-main-pressed: #474853;
+  --color-background-primary: #17161a;
+  --color-background-primary-hover: #1e1d22;
+  --color-background-primary-pressed: #2c2c33;
+  --color-background-secondary: #2c2c33;
+  --color-background-secondary-hover: #474853;
+  --color-background-secondary-pressed: #636574;
+  --color-background-tertiary: #474853;
+  --color-background-tertiary-hover: #636574;
+  --color-background-tertiary-pressed: #7e8194;
+  --color-background-disabled: #2c2c33;
   --color-background-action: #039904;
   --color-background-action-hover: #067607;
   --color-background-action-pressed: #0a540b;
@@ -132,7 +132,7 @@
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0f142a;
+  --color-border-accent-focused: #0e2010;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/cjs/components/ThemeProvider/_color/Theme_color_ozenDefault.css

@@ -1,8 +1,8 @@
 .Theme_color_ozenDefault {
-  --color-content-primary: #1e1d22;
+  --color-content-primary: #0d0e12;
   --color-content-secondary: #636574;
-  --color-content-tertiary: #9a9eb5;
-  --color-content-disabled: #9a9eb5;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #0b0;
   --color-content-action-hover: #039904;
@@ -47,7 +47,7 @@
   --color-background-tertiary: #d7d8e1;
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
-  --color-background-disabled: #d7d8e1;
+  --color-background-disabled: #ebecf0;
   --color-background-action: #0b0;
   --color-background-action-hover: #039904;
   --color-background-action-pressed: #067607;
@@ -93,8 +93,8 @@
   --color-background-success-light-hover: #ccf1cc;
   --color-background-success-light-pressed: #99e499;
   --color-background-accent-success-light: #067607;
-  --color-background-accent-success-light-hover: #1e521d;
-  --color-background-accent-success-light-pressed: #184117;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
   --color-background-info: #8002ff;
   --color-background-info-hover: #6a05d0;
   --color-background-info-pressed: #5307a0;
@@ -132,7 +132,7 @@
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0a540b;
+  --color-border-accent-focused: #0e2010;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/cjs/components/ThemeProvider/utils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extendTheme = void 0;
-var mergeDeep_1 = require("../../utils/mergeDeep");
+var object_1 = require("../../utils/object");
 var extendTheme = function (target, source) {
-    return (0, mergeDeep_1.mergeDeep)(target, source);
+    return (0, object_1.mergeDeep)(target, source);
 };
 exports.extendTheme = extendTheme;

package/__inner__/cjs/utils/generateUniqKey/index.d.ts

@@ -0,0 +1 @@
+export * from './generateUniqKey';

package/__inner__/cjs/utils/generateUniqKey/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./generateUniqKey"), exports);

package/__inner__/cjs/utils/object/index.d.ts

@@ -0,0 +1,3 @@
+export * from './isEmpty';
+export * from './isPlainObject';
+export * from './mergeDeep';

package/__inner__/cjs/utils/object/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./isEmpty"), exports);
+tslib_1.__exportStar(require("./isPlainObject"), exports);
+tslib_1.__exportStar(require("./mergeDeep"), exports);

package/__inner__/cjs/utils/renderContent/renderContent.js

@@ -4,7 +4,7 @@ exports.renderContent = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_is_1 = require("react-is");
-var mergeDeep_1 = require("../../utils/mergeDeep");
+var mergeDeep_1 = require("../object/mergeDeep");
 function renderContent(_a) {
     var content = _a.content, props = _a.props;
     // primitives: string or number

package/__inner__/esm/components/Accordion/Accordion.css

@@ -108,7 +108,7 @@
   }
 .AccordionSummary-ExpandIconBox::after {
       font-size: 0;
-      content: '\00a0';
+      content: ' ';
     }
 .AccordionSummary-ExpandIcon {
     transition: transform var(--transition-default);

package/__inner__/esm/components/Card/Card.css

@@ -23,7 +23,7 @@
   }
 
   .Card_borderWidth_s::after, .Card_borderWidth_m::after {
-        content: '\00a0';
+        content: ' ';
         position: absolute;
         inset: 0;
         pointer-events: none;

package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.d.ts

@@ -7,7 +7,7 @@ export type DataListOptionProps = {
     /** Значение опции */
     value: string | number;
     /** Лейбл опции */
-    label?: string;
+    label?: string | number;
     /** Если {true} отображает опцию заблокированной */
     disabled?: boolean;
     /** Если {true} отображает опцию сфокусированной (клавиатура) */

package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.js

@@ -3,6 +3,7 @@ import './DataListOption.css';
 import React, { forwardRef } from 'react';
 import { cn } from '../../../../utils/classname';
 import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
+import { isNumber } from '../../../../utils/isNumber';
 import { isString } from '../../../../utils/isString';
 import { ListItem, ListItemText, useListContext } from '../../../List';
 import { DATA_LIST_OPTION_DEFAULT_DISABLED } from '../../constants';
@@ -19,7 +20,7 @@ var DataListContent = function (_a) {
 export var DataListOption = forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? DATA_LIST_OPTION_DEFAULT_DISABLED : _b, value = _a.value, label = _a.label, children = _a.children, className = _a.className, highlighted = _a.highlighted, selected = _a.selected, focused = _a.focused, other = __rest(_a, ["disabled", "value", "label", "children", "className", "highlighted", "selected", "focused"]);
     var renderChildren = function () {
-        if (isString(children)) {
+        if (isString(children) || isNumber(children)) {
             return React.createElement(DataListContent, { label: children, selected: selected });
         }
         if (label && !children) {

package/__inner__/esm/components/Grid/useGrid.js

@@ -1,6 +1,6 @@
 import { __assign } from "tslib";
 import { classnames } from '@bem-react/classnames';
-import { isEmpty } from '../../utils/isEmpty';
+import { isEmpty } from '../../utils/object';
 var generateGridModCn = function (cn, key, mod) {
     var _a;
     var res;

package/__inner__/esm/components/List/components/ListItemText/ListItemText.d.ts

@@ -5,22 +5,22 @@ import type { TypographyProps } from '../../../Typography';
 export type ListItemTextProps = {
     children?: never;
     /** Основной текст */
-    primary: string;
+    primary: string | number;
     /** Свойства компонента Typography для текста primary */
     primaryTypographyProps?: TypographyProps<'span'>;
     /** Второстепенный текст */
-    secondary?: string;
+    secondary?: string | number;
     /** Свойства компонента Typography для текста secondary */
     secondaryTypographyProps?: TypographyProps<'span'>;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const ListItemText: React.ForwardRefExoticComponent<{
     children?: undefined;
     /** Основной текст */
-    primary: string;
+    primary: string | number;
     /** Свойства компонента Typography для текста primary */
     primaryTypographyProps?: TypographyProps<"span"> | undefined;
     /** Второстепенный текст */
-    secondary?: string | undefined;
+    secondary?: string | number | undefined;
     /** Свойства компонента Typography для текста secondary */
     secondaryTypographyProps?: TypographyProps<"span"> | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Skeleton/SkeletonTypography/SkeletonTypography.css

@@ -10,7 +10,7 @@
 
   .SkeletonTypography-Row::after {
       font-size: 0;
-      content: '\00a0';
+      content: ' ';
     }
 
   .SkeletonTypography-Row .Skeleton {

package/__inner__/esm/components/Stack/utils/generateDirectionCn.js

@@ -1,6 +1,6 @@
 import { __read } from "tslib";
 import { classnames } from '@bem-react/classnames';
-import { isPlainObject } from '../../../utils/isPlainObject';
+import { isPlainObject } from '../../../utils/object';
 export var generateDirectionCn = function (cn, direction) {
     if (isPlainObject(direction)) {
         return classnames(Object.entries(direction)

package/__inner__/esm/components/Stack/utils/generateGapCn.js

@@ -1,6 +1,6 @@
 import { __read } from "tslib";
 import { classnames } from '@bem-react/classnames';
-import { isPlainObject } from '../../../utils/isPlainObject';
+import { isPlainObject } from '../../../utils/object';
 export var generateGapCn = function (cn, gap) {
     if (isPlainObject(gap)) {
         return classnames(Object.entries(gap)

package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDark.css

@@ -1,10 +1,10 @@
 .Theme_color_bBusinessDark {
   --color-content-action-on: #fff;
-  --color-content-secondary: #949494;
-  --color-content-primary: #f5f5f5;
-  --color-content-tertiary: #707070;
-  --color-content-disabled: #4e4e4e;
-  --color-content-ghost-disabled: rgb(255 255 255 / 47%);
+  --color-content-secondary: #aeb1c4;
+  --color-content-primary: #fff;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
+  --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #0534d0;
   --color-content-action-hover: #082ba0;
   --color-content-action-pressed: #0a2171;
@@ -12,7 +12,7 @@
   --color-content-action-secondary: #d7d8e1;
   --color-content-action-secondary-hover: #c2c5d3;
   --color-content-action-secondary-pressed: #aeb1c4;
-  --color-content-action-secondary-dark: #aeb1c4;
+  --color-content-action-secondary-dark: #9a9eb5;
   --color-background-main: #1e1d22;
   --color-content-error: #cf4a4b;
   --color-content-error-hover: #9f3b3d;
@@ -48,7 +48,7 @@
   --color-background-tertiary: #474853;
   --color-background-tertiary-hover: #636574;
   --color-background-tertiary-pressed: #7e8194;
-  --color-background-disabled: #474853;
+  --color-background-disabled: #2c2c33;
   --color-background-action: #0534d0;
   --color-background-action-hover: #082ba0;
   --color-background-action-pressed: #0a2171;
@@ -59,14 +59,14 @@
   --color-background-accent-action-light: #082ba0;
   --color-background-accent-action-light-hover: #0a2171;
   --color-background-accent-action-light-pressed: #0d1841;
-  --color-background-action-secondary: #43b741;
-  --color-background-action-secondary-hover: #379535;
-  --color-background-action-secondary-pressed: #2a7329;
-  --color-background-action-secondary-disabled: #184117;
-  --color-background-action-secondary-light: #113011;
-  --color-background-action-secondary-light-hover: #1e521d;
-  --color-background-action-secondary-light-pressed: #184117;
-  --color-background-accent-action-secondary-light: #067607;
+  --color-background-action-secondary: #aeb1c4;
+  --color-background-action-secondary-hover: #9a9eb5;
+  --color-background-action-secondary-pressed: #7e8194;
+  --color-background-action-secondary-disabled: #474853;
+  --color-background-action-secondary-light: #2c2c33;
+  --color-background-action-secondary-light-hover: #636574;
+  --color-background-action-secondary-light-pressed: #474853;
+  --color-background-accent-action-secondary-light: #2c2c33;
   --color-background-accent-action-secondary-light-hover: #0a540b;
   --color-background-accent-action-secondary-light-pressed: #0d310e;
   --color-background-error: #cf4a4b;

package/__inner__/esm/components/ThemeProvider/_color/Theme_color_bBusinessDefault.css

@@ -1,8 +1,8 @@
 .Theme_color_bBusinessDefault {
-  --color-content-primary: #1e1d22;
+  --color-content-primary: #0d0e12;
   --color-content-secondary: #636574;
-  --color-content-tertiary: #9a9eb5;
-  --color-content-disabled: #9a9eb5;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #023dff;
   --color-content-action-hover: #0534d0;
@@ -47,11 +47,11 @@
   --color-background-tertiary: #d7d8e1;
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
-  --color-background-disabled: #d7d8e1;
+  --color-background-disabled: #ebecf0;
   --color-background-action: #023dff;
   --color-background-action-hover: #0534d0;
   --color-background-action-pressed: #082ba0;
-  --color-background-action-active-disabled: #ccd8ff;
+  --color-background-action-active-disabled: #9ab1ff;
   --color-background-action-light: #e6ecff;
   --color-background-action-light-hover: #ccd8ff;
   --color-background-action-light-pressed: #9ab1ff;
@@ -61,7 +61,7 @@
   --color-background-action-secondary: #2c2c33;
   --color-background-action-secondary-hover: #1e1d22;
   --color-background-action-secondary-pressed: #17161a;
-  --color-background-action-secondary-active-disabled: #ebecf0;
+  --color-background-action-secondary-active-disabled: #d7d8e1;
   --color-background-action-secondary-light: #f5f5f8;
   --color-background-action-secondary-light-hover: #ebecf0;
   --color-background-action-secondary-light-pressed: #d7d8e1;
@@ -74,45 +74,45 @@
   --color-background-error-light: #fee;
   --color-background-error-light-hover: #ffdede;
   --color-background-error-light-pressed: #ffbdbd;
-  --color-background-accent-error-light: #cf4a4b;
-  --color-background-accent-error-light-hover: #9f3b3d;
-  --color-background-accent-error-light-pressed: #702d2e;
+  --color-background-accent-error-light: #9f3b3d;
+  --color-background-accent-error-light-hover: #702d2e;
+  --color-background-accent-error-light-pressed: #401e20;
   --color-background-warning: #f90;
   --color-background-warning-hover: #cf7d04;
   --color-background-warning-pressed: #9f6207;
   --color-background-warning-light: #fff5e5;
   --color-background-warning-light-hover: #ffebcc;
   --color-background-warning-light-pressed: #ffd699;
-  --color-background-accent-warning-light: #cf7d04;
-  --color-background-accent-warning-light-hover: #995c00;
-  --color-background-accent-warning-light-pressed: #5c3800;
+  --color-background-accent-warning-light: #9f6207;
+  --color-background-accent-warning-light-hover: #70460b;
+  --color-background-accent-warning-light-pressed: #402b0e;
   --color-background-success: #0b0;
   --color-background-success-hover: #039904;
   --color-background-success-pressed: #067607;
   --color-background-success-light: #e5f8e5;
   --color-background-success-light-hover: #ccf1cc;
   --color-background-success-light-pressed: #99e499;
-  --color-background-accent-success-light: #039904;
-  --color-background-accent-success-light-hover: #067607;
-  --color-background-accent-success-light-pressed: #0a540b;
+  --color-background-accent-success-light: #067607;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
   --color-background-info: #8002ff;
   --color-background-info-hover: #6a05d0;
   --color-background-info-pressed: #5307a0;
   --color-background-info-light: #f4e8ff;
   --color-background-info-light-hover: #e6ccff;
   --color-background-info-light-pressed: #cd9aff;
-  --color-background-accent-info-light: #6a05d0;
-  --color-background-accent-info-light-hover: #5307a0;
-  --color-background-accent-info-light-pressed: #3d0a71;
+  --color-background-accent-info-light: #5307a0;
+  --color-background-accent-info-light-hover: #3d0a71;
+  --color-background-accent-info-light-pressed: #270d41;
   --color-background-main-inverse: #0d0e12;
   --color-background-overlay: rgb(0 0 0 / 50%);
   --color-background-ghost: rgb(255 255 255 / 10%);
   --color-background-ghost-hover: rgb(255 255 255 / 20%);
   --color-background-ghost-pressed: rgb(255 255 255 / 30%);
   --color-background-ghost-disabled: rgb(255 255 255 / 40%);
-  --color-border-main: #aeb1c4;
-  --color-border-main-hover: #9a9eb5;
-  --color-border-main-pressed: #7e8194;
+  --color-border-main: #c2c5d3;
+  --color-border-main-hover: #aeb1c4;
+  --color-border-main-pressed: #9a9eb5;
   --color-border-secondary: #d7d8e1;
   --color-border-secondary-hover: #c2c5d3;
   --color-border-secondary-pressed: #aeb1c4;
@@ -132,7 +132,7 @@
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0a2171;
+  --color-border-accent-focused: #0f142a;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDark.css

@@ -1,9 +1,9 @@
 .Theme_color_ozenDark {
   --color-content-action-on: #fff;
-  --color-content-secondary: #d7d8e1;
+  --color-content-secondary: #aeb1c4;
   --color-content-primary: #fff;
-  --color-content-tertiary: #c2c5d3;
-  --color-content-disabled: #aeb1c4;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #039904;
   --color-content-action-hover: #067607;
@@ -13,7 +13,7 @@
   --color-content-action-secondary-hover: #082ba0;
   --color-content-action-secondary-pressed: #0a2171;
   --color-content-action-secondary-dark: #9ab1ff;
-  --color-background-main: #1b1c24;
+  --color-background-main: #1e1d22;
   --color-content-error: #cf4a4b;
   --color-content-error-hover: #9f3b3d;
   --color-content-error-pressed: #702d2e;
@@ -30,25 +30,25 @@
   --color-content-info-hover: #5307a0;
   --color-content-info-pressed: #3d0a71;
   --color-content-info-dark: #cd9aff;
-  --color-content-primary-inverse: #080808;
+  --color-content-primary-inverse: #1e1d22;
   --color-background-main-inverse: #d9dade;
   --color-content-accent-secondary: #989aa5;
   --color-accent-main: #14151b;
   --color-content-accent-primary: #c7c8ce;
   --color-accent-primary: #1b1c24;
   --color-content-accent-disabled: #7b7e8c;
-  --color-background-main-hover: #252732;
-  --color-background-main-pressed: #2f3240;
-  --color-background-primary: #14151b;
-  --color-background-primary-hover: #1b1c24;
-  --color-background-primary-pressed: #252732;
-  --color-background-secondary: #252732;
-  --color-background-secondary-hover: #2f3240;
-  --color-background-secondary-pressed: #393c4d;
-  --color-background-tertiary: #2f3240;
-  --color-background-tertiary-hover: #393c4d;
-  --color-background-tertiary-pressed: #43475b;
-  --color-background-disabled: #2f3240;
+  --color-background-main-hover: #2c2c33;
+  --color-background-main-pressed: #474853;
+  --color-background-primary: #17161a;
+  --color-background-primary-hover: #1e1d22;
+  --color-background-primary-pressed: #2c2c33;
+  --color-background-secondary: #2c2c33;
+  --color-background-secondary-hover: #474853;
+  --color-background-secondary-pressed: #636574;
+  --color-background-tertiary: #474853;
+  --color-background-tertiary-hover: #636574;
+  --color-background-tertiary-pressed: #7e8194;
+  --color-background-disabled: #2c2c33;
   --color-background-action: #039904;
   --color-background-action-hover: #067607;
   --color-background-action-pressed: #0a540b;
@@ -132,7 +132,7 @@
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0f142a;
+  --color-border-accent-focused: #0e2010;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/esm/components/ThemeProvider/_color/Theme_color_ozenDefault.css

@@ -1,8 +1,8 @@
 .Theme_color_ozenDefault {
-  --color-content-primary: #1e1d22;
+  --color-content-primary: #0d0e12;
   --color-content-secondary: #636574;
-  --color-content-tertiary: #9a9eb5;
-  --color-content-disabled: #9a9eb5;
+  --color-content-tertiary: #7e8194;
+  --color-content-disabled: #7e8194;
   --color-content-ghost-disabled: rgb(255 255 255 / 40%);
   --color-content-action: #0b0;
   --color-content-action-hover: #039904;
@@ -47,7 +47,7 @@
   --color-background-tertiary: #d7d8e1;
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
-  --color-background-disabled: #d7d8e1;
+  --color-background-disabled: #ebecf0;
   --color-background-action: #0b0;
   --color-background-action-hover: #039904;
   --color-background-action-pressed: #067607;
@@ -93,8 +93,8 @@
   --color-background-success-light-hover: #ccf1cc;
   --color-background-success-light-pressed: #99e499;
   --color-background-accent-success-light: #067607;
-  --color-background-accent-success-light-hover: #1e521d;
-  --color-background-accent-success-light-pressed: #184117;
+  --color-background-accent-success-light-hover: #0a540b;
+  --color-background-accent-success-light-pressed: #0d310e;
   --color-background-info: #8002ff;
   --color-background-info-hover: #6a05d0;
   --color-background-info-pressed: #5307a0;
@@ -132,7 +132,7 @@
   --color-border-main-on: #fff;
   --color-border-accent-main: #989aa5;
   --color-border-accent-disabled: #5f6374;
-  --color-border-accent-focused: #0a540b;
+  --color-border-accent-focused: #0e2010;
   --color-accent-main-hover: #1b1c24;
   --color-accent-main-pressed: #252732;
   --color-accent-primary-hover: #252732;

package/__inner__/esm/components/ThemeProvider/utils.js

@@ -1,4 +1,4 @@
-import { mergeDeep } from '../../utils/mergeDeep';
+import { mergeDeep } from '../../utils/object';
 export var extendTheme = function (target, source) {
     return mergeDeep(target, source);
 };

package/__inner__/esm/utils/generateUniqKey/index.d.ts

@@ -0,0 +1 @@
+export * from './generateUniqKey';

package/__inner__/esm/utils/generateUniqKey/index.js

@@ -0,0 +1 @@
+export * from './generateUniqKey';

package/__inner__/esm/utils/object/index.d.ts

@@ -0,0 +1,3 @@
+export * from './isEmpty';
+export * from './isPlainObject';
+export * from './mergeDeep';

package/__inner__/esm/utils/object/index.js

@@ -0,0 +1,3 @@
+export * from './isEmpty';
+export * from './isPlainObject';
+export * from './mergeDeep';

package/__inner__/esm/utils/renderContent/renderContent.js

@@ -1,7 +1,7 @@
 import { __assign } from "tslib";
 import React, { isValidElement, cloneElement } from 'react';
 import { isElement, isValidElementType } from 'react-is';
-import { mergeDeep } from '../../utils/mergeDeep';
+import { mergeDeep } from '../object/mergeDeep';
 export function renderContent(_a) {
     var content = _a.content, props = _a.props;
     // primitives: string or number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.24.1",
+  "version": "0.25.0",
   "description": "React component library",
   "files": [
     "*"
@@ -27,7 +27,7 @@
     "react-is": "^18.2.0",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
-    "tslib": "^2.6.0"
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
     "@ozen-ui/fonts": "latest",

package/Calendar/package.json

@@ -1,5 +0,0 @@
-{
-	"main": "../__inner__/cjs/components/Calendar/index.js",
-	"module": "../__inner__/esm/components/Calendar/index.js",
-	"types": "../__inner__/esm/components/Calendar/index.d.ts"
-}