@ozen-ui/kit 0.47.2 → 0.49.0

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

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

package/__inner__/esm/components/Slider/utils/getPositionOnRail.d.ts

@@ -1,5 +1,5 @@
 export declare const getPositionOnRail: ({ value, min, max, }: {
-    value?: number | undefined;
+    value?: number;
     min: number;
     max: number;
 }) => number;

package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.js

@@ -86,6 +86,6 @@ export var SnackbarItem = forwardRef(function (_a, ref) {
                 }, className: cnSnackbarItem({
                     anchorHorizontal: horizontal,
                     anchorVertical: vertical,
-                }) }, renderContent() || (React.createElement(Alert, { color: "dark", title: title, status: status, onClose: handleClose }, description))))));
+                }) }, renderContent() || (React.createElement(Alert, { title: title, status: status, onClose: handleClose, inverse: true }, description))))));
 });
 SnackbarItem.displayName = 'SnackbarItem';

package/__inner__/esm/components/ThemeProvider/types.d.ts

@@ -15,6 +15,7 @@ import type { ChipProps as ChiPropsNext } from '../ChipNext';
 import type { CollapseProps } from '../Collapse';
 import type { ContainerProps } from '../Container';
 import type { DataListProps } from '../DataList';
+import type { DatePickerProps } from '../DatePicker';
 import type { DialogProps } from '../Dialog';
 import type { DividerProps } from '../Divider';
 import type { DrawerProps } from '../Drawer';
@@ -86,6 +87,7 @@ export type Theme = {
         Container?: Partial<ContainerProps>;
         DataList?: Partial<DataListProps>;
         Dialog?: Partial<DialogProps>;
+        DatePicker?: Partial<DatePickerProps>;
         Divider?: Partial<DividerProps>;
         Drawer?: Partial<DrawerProps>;
         FieldControl?: Partial<FieldControlProps>;

package/__inner__/esm/components/Tooltip/Tooltip.css

@@ -1,6 +1,7 @@
 /* stylelint-disable */
 .Tooltip {
   max-inline-size: 300px;
+  color: var(--color-content-primary);
 }
 .Tooltip_size_xs {
       padding: var(--spacing-2xs) var(--spacing-xs);
@@ -20,9 +21,7 @@
 
       text-transform: var(--typography-text-s-text_transform, none);
     }
-.Tooltip_variant_light {
-      color: var(--color-content-primary);
-    }
-.Tooltip_variant_dark {
-      color: var(--color-content-primary-inverse);
-    }
+.Tooltip_variant_dark,
+  .Tooltip_inverse {
+    color: var(--color-content-primary-inverse);
+  }

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -1,6 +1,7 @@
 import { __assign, __read, __rest } from "tslib";
 import './Tooltip.css';
 import React, { useRef, useMemo, useState, useEffect } from 'react';
+import { deprecate } from '@ozen-ui/logger';
 import { useControlled } from '../../hooks/useControlled';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useMultiRef } from '../../hooks/useMultiRef';
@@ -8,11 +9,14 @@ import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { Popover } from '../Popover';
-import { TOOLTIP_DEFAULT_ARROW, TOOLTIP_DEFAULT_DELAY_ENTER, TOOLTIP_DEFAULT_DELAY_LEAVE, TOOLTIP_DEFAULT_DISABLED, TOOLTIP_DEFAULT_OFFSET, TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN, TOOLTIP_DEFAULT_SIZE, TOOLTIP_DEFAULT_TAG, TOOLTIP_DEFAULT_TRIGGER, TOOLTIP_DEFAULT_VARIANT, } from './constants';
+import { TOOLTIP_DEFAULT_ARROW, TOOLTIP_DEFAULT_DELAY_ENTER, TOOLTIP_DEFAULT_DELAY_LEAVE, TOOLTIP_DEFAULT_DISABLED, TOOLTIP_DEFAULT_INVERSE, TOOLTIP_DEFAULT_OFFSET, TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN, TOOLTIP_DEFAULT_SIZE, TOOLTIP_DEFAULT_TAG, TOOLTIP_DEFAULT_TRIGGER, } from './constants';
 export var cnTooltip = cn('Tooltip');
 export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tooltip' });
-    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.variant, variant = _c === void 0 ? TOOLTIP_DEFAULT_VARIANT : _c, _d = props.offset, offset = _d === void 0 ? TOOLTIP_DEFAULT_OFFSET : _d, _e = props.delayEnter, delayEnter = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _e, _f = props.delayLeave, delayLeave = _f === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _f, _g = props.arrow, arrow = _g === void 0 ? TOOLTIP_DEFAULT_ARROW : _g, _h = props.shouldWrapChildren, shouldWrapChildren = _h === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _h, _j = props.disabled, disabled = _j === void 0 ? TOOLTIP_DEFAULT_DISABLED : _j, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, other = __rest(props, ["trigger", "size", "variant", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose", "as"]);
+    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? TOOLTIP_DEFAULT_INVERSE : _j, variant = props.variant, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, other = __rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "variant", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose", "as"]);
+    if (process.env.NODE_ENV !== 'production' && variant) {
+        deprecate('Свойство «variant» устарело. Для замены используйте «inverse».');
+    }
     var _l = __read(useState(), 2), delay = _l[0], setDelay = _l[1];
     var _m = __read(useState(), 2), hasFocus = _m[0], setHasFocus = _m[1];
     var _o = __read(useState(), 2), hasHover = _o[0], setHasHover = _o[1];
@@ -112,7 +116,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size === 'xs' ? 's' : 'l' }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
+        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: "main" }, (variant === 'dark' && { background: 'main-inverse' }), (inverse && { background: 'main-inverse' }), { radius: size === 'xs' ? 's' : 'l' }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant, inverse: inverse }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
                 size: size,
             }, disableEnforceFocus: true, disableReturnFocus: true }), label)));
 });

package/__inner__/esm/components/Tooltip/constants.d.ts

@@ -1,7 +1,7 @@
 export declare const TOOLTIP_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
 export declare const TOOLTIP_DEFAULT_TRIGGER = "hover";
 export declare const TOOLTIP_DEFAULT_SIZE = "s";
-export declare const TOOLTIP_DEFAULT_VARIANT = "dark";
+export declare const TOOLTIP_DEFAULT_INVERSE = true;
 export declare const TOOLTIP_DEFAULT_OFFSET: number[];
 export declare const TOOLTIP_DEFAULT_DELAY_ENTER = 100;
 export declare const TOOLTIP_DEFAULT_DELAY_LEAVE = 100;

package/__inner__/esm/components/Tooltip/constants.js

@@ -2,7 +2,7 @@ import { Paper } from '../Paper';
 export var TOOLTIP_DEFAULT_TAG = Paper;
 export var TOOLTIP_DEFAULT_TRIGGER = 'hover';
 export var TOOLTIP_DEFAULT_SIZE = 's';
-export var TOOLTIP_DEFAULT_VARIANT = 'dark';
+export var TOOLTIP_DEFAULT_INVERSE = true;
 export var TOOLTIP_DEFAULT_OFFSET = [0, 8];
 export var TOOLTIP_DEFAULT_DELAY_ENTER = 100;
 export var TOOLTIP_DEFAULT_DELAY_LEAVE = 100;

package/__inner__/esm/components/Tooltip/types.d.ts

@@ -8,6 +8,13 @@ export declare const tooltipVariant: readonly ["light", "dark"];
 export type TooltipVariant = (typeof tooltipVariant)[number];
 export declare const tooltipTriggerVariant: readonly ["hover", "focus", "click", "hover&focus"];
 export type TooltipTriggerVariant = (typeof tooltipTriggerVariant)[number];
+type TooltipPropsDeprecated = {
+    /**
+     * Вариант представления
+     * @deprecated Используйте на замену свойство «inverse»
+     * */
+    variant?: TooltipVariant;
+};
 export type TooltipBaseProps = {
     /** Признак по которому тултип будет представлен */
     open?: boolean;
@@ -19,8 +26,8 @@ export type TooltipBaseProps = {
     label?: ReactNode;
     /** Размер тултипа */
     size?: TooltipSizeVariant;
-    /** Вариант представления */
-    variant?: TooltipVariant;
+    /** Если {true} инвертирует основные цвета компонента */
+    inverse?: boolean;
     /** Если {true} отключает отображение тултипа */
     disabled?: boolean;
     /** События вызова тултипа */
@@ -41,6 +48,7 @@ export type TooltipBaseProps = {
     'data-testid'?: string;
     /** Дополнительные CSS-классы */
     className?: string;
-} & Pick<PopoverBaseProps, 'offset' | 'placement' | 'arrow' | 'anchorRef' | 'ignoreClickOutsideRefs' | 'disableInteractive' | 'onEnter' | 'onEntered' | 'onExit' | 'onExited' | 'setUpdate'>;
+} & TooltipPropsDeprecated & Pick<PopoverBaseProps, 'offset' | 'placement' | 'arrow' | 'anchorRef' | 'ignoreClickOutsideRefs' | 'disableInteractive' | 'onEnter' | 'onEntered' | 'onExit' | 'onExited' | 'setUpdate'>;
 export type TooltipRef = ComponentRef<typeof TOOLTIP_DEFAULT_TAG>;
 export type TooltipProps<As extends ElementType = typeof TOOLTIP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<TooltipBaseProps, As>;
+export {};

package/__inner__/esm/locale/locale.js

@@ -65,6 +65,10 @@ export var ruRU = {
                 },
             },
         },
+        DatePicker: {
+            clearText: 'Очистить',
+            placeholder: 'ДД.ММ.ГГГГ',
+        },
     },
 };
 export var kkKZ = {
@@ -133,6 +137,10 @@ export var kkKZ = {
                 },
             },
         },
+        DatePicker: {
+            clearText: 'Тазалау',
+            placeholder: 'КК.АА.ЖЖЖЖ',
+        },
     },
 };
 export var enUS = {
@@ -202,5 +210,9 @@ export var enUS = {
                 },
             },
         },
+        DatePicker: {
+            clearText: 'Clear',
+            placeholder: 'DD.MM.YYYY',
+        },
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.47.2",
+  "version": "0.49.0",
   "description": "React component library",
   "files": [
     "*"
@@ -28,9 +28,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.2",
-    "@ozen-ui/fonts": "0.47.2",
-    "@ozen-ui/icons": "0.47.2",
-    "@ozen-ui/logger": "0.47.2"
+    "@ozen-ui/fonts": "0.49.0",
+    "@ozen-ui/icons": "0.49.0",
+    "@ozen-ui/logger": "0.49.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",