@ozen-ui/kit 0.10.0 → 0.12.0

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

@@ -4,6 +4,6 @@ export var DataListContext = createContext({
     'data-list': '',
     currentItem: null,
     keyboardHighlight: false,
-    size: DATA_LIST_DEFAULT_SIZE
+    size: DATA_LIST_DEFAULT_SIZE,
 });
 export var useDataListContext = function () { return useContext(DataListContext); };

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

@@ -35,7 +35,7 @@ export var DataListOption = forwardRef(function (_a, ref) {
     return (React.createElement(ListItem, { role: "option", ref: useMultiRef([optionRef, ref]), "data-list": dataListName, "data-value": value || label, "aria-selected": isSelected, "aria-disabled": disabled, onClick: handleClick, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: cnDataList('Option', {
             disabled: disabled,
             highlighted: !disabled && isHighlighted && !keyboardHighlight,
-            outlined: !disabled && isHighlighted && keyboardHighlight
+            outlined: !disabled && isHighlighted && keyboardHighlight,
         }) },
         React.createElement(ListItemText, { className: cnDataList('Text', { disabled: disabled }), primary: label }),
         React.createElement("div", { className: cnDataList('IconWrapper', { size: iconSize }) }, isSelected && (React.createElement(ListItemIcon, null,

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

@@ -29,7 +29,7 @@ export function useDataListNavigation(_a) {
         if (listRef === null || listRef === void 0 ? void 0 : listRef.current) {
             scrollContainerToElement({
                 container: listRef.current,
-                element: item
+                element: item,
             });
         }
     };
@@ -51,6 +51,6 @@ export function useDataListNavigation(_a) {
         keyboardHighlight: keyboardHighlight,
         onKeyDown: onKeyDown,
         onMouseMove: onMouseMove,
-        onMouseLeave: onMouseLeave
+        onMouseLeave: onMouseLeave,
     };
 }

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

@@ -41,7 +41,7 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
      *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
     onClose?: (() => void) | undefined;
     /** Свойства кнопки закрытия диалогового окна */
-    closeButtonProps?: (Omit<IconButtonProps<"button">, "icon"> & {
+    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Признак по которому кнопка закрытия диалогового окна будет скрыта */

package/__inner__/esm/components/Dialog/Dialog.js

@@ -10,13 +10,13 @@ export var dialogSizeVariant = ['s', 'l'];
 export var dialogVariant = ['small', 'medium', 'large', 'fullsize'];
 var iconButtonSizeMapper = {
     l: 'm',
-    s: 's'
+    s: 's',
 };
 export var Dialog = forwardRef(function (_a, ref) {
     var open = _a.open, _b = _a.variant, variant = _b === void 0 ? 'medium' : _b, _c = _a.size, size = _c === void 0 ? 'l' : _c, onClose = _a.onClose, children = _a.children, className = _a.className, windowProps = _a.windowProps, closeButtonProps = _a.closeButtonProps, _d = _a.hideCloseButton, hideCloseButton = _d === void 0 ? false : _d, transitionProps = _a.transitionProps, other = __rest(_a, ["open", "variant", "size", "onClose", "children", "className", "windowProps", "closeButtonProps", "hideCloseButton", "transitionProps"]);
     var _e = closeButtonProps || {}, closeButtonClassName = _e.className, closeButtonRestProps = __rest(_e, ["className"]);
     return (React.createElement(Modal, __assign({}, other, { open: open, onClose: onClose, windowProps: __assign({ role: 'dialog' }, windowProps), className: cnDialog({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: __assign(__assign({}, (variant === 'fullsize' && {
-            classNames: cnDialog({ animation: 'fullsize' })
+            classNames: cnDialog({ animation: 'fullsize' }),
         })), transitionProps), ref: ref }),
         !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close", "aria-label": "\u0437\u0430\u043A\u0440\u044B\u0442\u044C" }, closeButtonRestProps, { className: cnDialog('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CloseIcon, compressed: true }))),
         React.createElement("div", { className: cnDialog('InnerContainer') }, children)));

package/__inner__/esm/components/Divider/Divider.js

@@ -16,7 +16,7 @@ export var cnDivider = cn('Divider');
 export var Divider = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Divider'
+        name: 'Divider',
     });
     var _a = props.color, color = _a === void 0 ? 'primary' : _a, _b = props.as, Tag = _b === void 0 ? 'hr' : _b, _c = props.size, size = _c === void 0 ? 's' : _c, _d = props.orientation, orientation = _d === void 0 ? 'horizontal' : _d, display = props.display, className = props.className, flexItem = props.flexItem, other = __rest(props, ["color", "as", "size", "orientation", "display", "className", "flexItem"]);
     return (React.createElement(Tag, __assign({ className: cnDivider({ display: display, size: size, orientation: orientation, flexItem: flexItem, color: color }, [

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

@@ -49,7 +49,7 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     /** Признак по которому кнопка закрытия шторки будет скрыта */
     hideCloseButton?: boolean | undefined;
     /** Свойства кнопки закрытия шторки */
-    closeButtonProps?: (Omit<IconButtonProps<"button">, "icon"> & {
+    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Кастомный класс контейнера шторки */

package/__inner__/esm/components/Drawer/Drawer.js

@@ -11,7 +11,7 @@ export var drawerSizeVariant = ['s', 'l'];
 export var drawerPlacementVariant = ['left', 'right'];
 var iconButtonSizeMapper = {
     l: 'm',
-    s: 's'
+    s: 's',
 };
 export var Drawer = forwardRef(function (_a, ref) {
     var open = _a.open, _b = _a.variant, variant = _b === void 0 ? 'medium' : _b, _c = _a.size, size = _c === void 0 ? 'l' : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, _e = _a.hideCloseButton, hideCloseButton = _e === void 0 ? false : _e, onClose = _a.onClose, children = _a.children, className = _a.className, transitionProps = _a.transitionProps, closeButtonProps = _a.closeButtonProps, other = __rest(_a, ["open", "variant", "size", "placement", "hideCloseButton", "onClose", "children", "className", "transitionProps", "closeButtonProps"]);

package/__inner__/esm/components/FieldControl/FieldControl.js

@@ -10,7 +10,7 @@ export var cnFieldControl = cn('FieldControl');
 export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'FieldControl'
+        name: 'FieldControl',
     });
     var _a = props.as, Tag = _a === void 0 ? FIELD_CONTROL_DEFAULT_TAG : _a, sizeProp = props.size, disabledProp = props.disabled, requiredProp = props.required, errorProp = props.error, fullWidthProp = props.fullWidth, filledProp = props.filled, focusedProp = props.focused, children = props.children, className = props.className, otherProp = __rest(props, ["as", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className"]);
     var focused = focusedProp;
@@ -27,7 +27,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
         disabled: disabled,
         required: required,
         error: error,
-        fullWidth: fullWidth
+        fullWidth: fullWidth,
     };
     var _b = __read(useState(initialState), 2), state = _b[0], setState = _b[1];
     var label = state.label, value = state.value;
@@ -60,7 +60,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
             size: size,
             filled: filled,
             focused: focused,
-            hasLabel: !!label
+            hasLabel: !!label,
         }, [className]) }, otherProp, { ref: ref }),
         React.createElement(FieldControlContext.Provider, { value: [
                 {
@@ -71,7 +71,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
                     size: size,
                     filled: filled,
                     focused: focused,
-                    value: value
+                    value: value,
                 },
                 setState,
             ] }, children)));

package/__inner__/esm/components/FieldInput/FieldInput.js

@@ -16,7 +16,7 @@ export var FieldInput = polymorphicComponentWithRef(function (_a, ref) {
         value: valueProp,
         name: 'FieldInput',
         state: 'value',
-        defaultValue: defaultValue
+        defaultValue: defaultValue,
     }), 2), valueState = _e[0], setValueState = _e[1];
     var filled = !!valueState || valueState === 0;
     var required = requiredProp;

package/__inner__/esm/components/FilePicker/FilePicker.js

@@ -16,7 +16,7 @@ export var cnFilePicker = cn('FilePicker');
 export var FilePicker = forwardRef(function (inProps, ref) {
     var _a = useThemeProps({
         props: inProps,
-        name: 'FilePicker'
+        name: 'FilePicker',
     }), _b = _a.size, size = _b === void 0 ? FILE_PICKER_DEFAULT_SIZE : _b, _c = _a.placeholder, placeholder = _c === void 0 ? FILE_PICKER_DEFAULT_PLACEHOLDER : _c, _d = _a.disabled, disabled = _d === void 0 ? FILE_PICKER_DEFAULT_DISABLED : _d, _e = _a.required, required = _e === void 0 ? FILE_PICKER_DEFAULT_REQUIRED : _e, _f = _a.fullWidth, fullWidth = _f === void 0 ? FILE_PICKER_DEFAULT_FULL_WIDTH : _f, _g = _a.disableTruncate, disableTruncate = _g === void 0 ? FILE_PICKER_DEFAULT_DISABLE_TRUNCATE : _g, _h = _a.multiple, multiple = _h === void 0 ? FILE_PICKER_DEFAULT_MULTIPLE : _h, _j = _a.clearText, clearText = _j === void 0 ? FILE_PICKER_DEFAULT_MULTIPLE_CLEAR_TEXT : _j, _k = _a.renderRight, renderRight = _k === void 0 ? AttachmentIcon : _k, renderValueProp = _a.renderValue, onChangeProp = _a.onChange, onClearProp = _a.onClear, inputRefProp = _a.inputRef, fileList = _a.fileList, accept = _a.accept, id = _a.id, name = _a.name, label = _a.label, autoFocus = _a.autoFocus, error = _a.error, hint = _a.hint, renderLeft = _a.renderLeft, labelProps = _a.labelProps, inputProps = _a.inputProps, labelRef = _a.labelRef, className = _a.className, other = __rest(_a, ["size", "placeholder", "disabled", "required", "fullWidth", "disableTruncate", "multiple", "clearText", "renderRight", "renderValue", "onChange", "onClear", "inputRef", "fileList", "accept", "id", "name", "label", "autoFocus", "error", "hint", "renderLeft", "labelProps", "inputProps", "labelRef", "className"]);
     var fieldRef = useRef(null);
     var inputRef = useRef(null);
@@ -60,7 +60,7 @@ export var FilePicker = forwardRef(function (inProps, ref) {
             focused: focused,
             disabled: disabled,
             required: required,
-            fullWidth: fullWidth
+            fullWidth: fullWidth,
         }, [className]), ref: useMultiRef([fieldRef, ref]) }),
         React.createElement("label", { className: cnFilePicker('Body') },
             React.createElement(FieldIcon, { className: cnFilePicker('RenderLeft'), icon: renderLeft, size: size }),

package/__inner__/esm/components/FormControlLabel/FormControlLabel.js

@@ -17,7 +17,7 @@ export var FormControlLabel = polymorphicComponentWithRef(function (_a, ref) {
             align: align,
             labelPlacement: labelPlacement,
             disabled: disabled,
-            size: size
+            size: size,
         }, [className]), ref: ref }, other),
         children,
         label !== null && label !== undefined && (React.createElement("span", { className: cnFormControlLabel('Content') }, label))));

package/__inner__/esm/components/FormGroup/FormGroup.js

@@ -9,7 +9,7 @@ export var cnFormGroup = cn('FormGroup');
 export var FormGroup = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'FormGroup'
+        name: 'FormGroup',
     });
     var _a = props.direction, direction = _a === void 0 ? FORM_GROUP_DEFAULT_DIRECTION : _a, _b = props.as, Tag = _b === void 0 ? FORM_GROUP_DEFAULT_AS : _b, _c = props.size, size = _c === void 0 ? FORM_GROUP_DEFAULT_SIZE : _c, children = props.children, className = props.className, other = __rest(props, ["direction", "as", "size", "children", "className"]);
     return (React.createElement(Tag, __assign({ className: cnFormGroup({ direction: direction, size: size }, [className]) }, other, { ref: ref }), children));

package/__inner__/esm/components/FormTitle/FormTitle.js

@@ -9,7 +9,7 @@ export var cnFormTitle = cn('FormTitle');
 export var FormTitle = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'FormTitle'
+        name: 'FormTitle',
     });
     var _a = props.size, size = _a === void 0 ? FORM_TITLE_DEFAULT_SIZE : _a, className = props.className, children = props.children, other = __rest(props, ["size", "className", "children"]);
     return (React.createElement("div", __assign({ className: cnFormTitle({ size: size }, [className]) }, other, { ref: ref }), children));

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

@@ -27,7 +27,7 @@ export var cnGrid = cn('Grid');
 export var Grid = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Grid'
+        name: 'Grid',
     });
     var _a = props.cols, cols = _a === void 0 ? GRID_DEFAULT_COLS : _a, _b = props.gap, gap = _b === void 0 ? GRID_DEFAULT_GAP : _b, _c = props.as, Tag = _c === void 0 ? GRID_DEFAULT_TAG : _c, colGap = props.colGap, rowGap = props.rowGap, children = props.children, className = props.className, other = __rest(props, ["cols", "gap", "as", "colGap", "rowGap", "children", "className"]);
     return (React.createElement(Tag, __assign({ className: classnames(cnGrid({}), useGenerateGridModsCn(cnGrid, { cols: cols, gap: gap, colGap: colGap, rowGap: rowGap }), className) }, other, { ref: ref }), children));

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

@@ -14,14 +14,14 @@ export var cnGridItem = cn('GridItem');
 export var GridItem = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'GridItem'
+        name: 'GridItem',
     });
     var children = props.children, className = props.className, col = props.col, colStart = props.colStart, row = props.row, rowStart = props.rowStart, _a = props.as, Tag = _a === void 0 ? 'div' : _a, other = __rest(props, ["children", "className", "col", "colStart", "row", "rowStart", "as"]);
     return (React.createElement(Tag, __assign({ className: classnames(cnGridItem({}), useGenerateGridModsCn(cnGridItem, {
             col: col,
             colStart: colStart,
             row: row,
-            rowStart: rowStart
+            rowStart: rowStart,
         }), className) }, other, { ref: ref }), children));
 });
 GridItem.displayName = 'GridItem';

package/__inner__/esm/components/IconButton/IconButton.css

@@ -177,11 +177,14 @@
     --icon-button-font-color: var(--color-content-disabled);
   }
 
+  .IconButton_variant_contained.IconButton_disabled svg, .IconButton_variant_contained.IconButton_loading svg, .IconButton_variant_outlined.IconButton_disabled svg, .IconButton_variant_outlined.IconButton_loading svg, .IconButton_variant_ghost.IconButton_disabled svg, .IconButton_variant_ghost.IconButton_loading svg, .IconButton_variant_function.IconButton_disabled svg, .IconButton_variant_function.IconButton_loading svg, .IconButton_variant_floating.IconButton_disabled svg, .IconButton_variant_floating.IconButton_loading svg {
+      color: currentcolor;
+    }
+
   .IconButton_variant_contained.IconButton_disabled,
   .IconButton_variant_contained.IconButton_loading,
   .IconButton_variant_floating.IconButton_disabled,
   .IconButton_variant_floating.IconButton_loading {
-    --icon-button-bg-color: var(--color-background-disabled);
     --icon-button-hover-bg-color: var(--color-background-disabled);
     --icon-button-active-bg-color: var(--color-background-disabled);
   }

package/__inner__/esm/components/IconButton/IconButton.js

@@ -22,12 +22,12 @@ var loaderSizeMapper = {
     xs: 's',
     s: 's',
     m: 'm',
-    l: 'l'
+    l: 'l',
 };
 export var IconButton = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'IconButton'
+        name: 'IconButton',
     });
     var _a = props.size, size = _a === void 0 ? ICON_BUTTON_DEFAULT_SIZE : _a, _b = props.variant, variant = _b === void 0 ? ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? ICON_BUTTON_DEFAULT_COLOR : _c, _d = props.as, Tag = _d === void 0 ? ICON_BUTTON_DEFAULT_TAG : _d, iconColor = props.iconColor, compressed = props.compressed, loading = props.loading, disabled = props.disabled, className = props.className, Icon = props.icon, onClick = props.onClick, rounded = props.rounded, other = __rest(props, ["size", "variant", "color", "as", "iconColor", "compressed", "loading", "disabled", "className", "icon", "onClick", "rounded"]);
     var iconSize = getIconSizeToFormElement(size);
@@ -53,7 +53,7 @@ export var IconButton = polymorphicComponentWithRef(function (inProps, ref) {
             disabled: disabled,
             loading: loading,
             compressed: compressed,
-            rounded: rounded
+            rounded: rounded,
         }, [className]), disabled: isInteractionPrevented, onClick: handleClick }, (isInteractionPrevented && { tabIndex: -1 }), other, { ref: ref }), resolvedChildren));
 });
 IconButton.displayName = 'IconButton';

package/__inner__/esm/components/Input/Input.js

@@ -16,7 +16,7 @@ export var cnInput = cn('Input');
 export var Input = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Input'
+        name: 'Input',
     });
     var _a = props.size, size = _a === void 0 ? INPUT_DEFAULT_SIZE : _a, label = props.label, error = props.error, autoFocus = props.autoFocus, placeholder = props.placeholder, id = props.id, name = props.name, type = props.type, renderLeft = props.renderLeft, renderRight = props.renderRight, inputRef = props.inputRef, fullWidth = props.fullWidth, disabled = props.disabled, hint = props.hint, required = props.required, className = props.className, inputProps = props.inputProps, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, labelProps = props.labelProps, labelRef = props.labelRef, other = __rest(props, ["size", "label", "error", "autoFocus", "placeholder", "id", "name", "type", "renderLeft", "renderRight", "inputRef", "fullWidth", "disabled", "hint", "required", "className", "inputProps", "value", "defaultValue", "onChange", "labelProps", "labelRef"]);
     var labelInnerRef = useRef(null);
@@ -35,7 +35,7 @@ export var Input = forwardRef(function (inProps, ref) {
                 e.preventDefault();
                 (_a = fieldInnerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
-        }
+        },
     });
     return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInput({}, [className]) }),
         React.createElement("label", { className: cnInput('Body'), ref: labelInnerRef },

package/__inner__/esm/components/InputNumber/InputNumber.js

@@ -19,7 +19,7 @@ export var cnInputNumber = cn('InputNumber');
 export var InputNumber = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'InputNumber'
+        name: 'InputNumber',
     });
     var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps"]);
     var _l = __read(useState(false), 2), focused = _l[0], setFocused = _l[1];
@@ -29,7 +29,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
         value: valueProp,
         name: 'InputNumber',
         state: 'value',
-        defaultValue: defaultValue
+        defaultValue: defaultValue,
     }), 2), valueState = _p[0], setValueState = _p[1];
     var labelElemRef = useRef(null);
     var fieldRef = useRef(null);
@@ -55,7 +55,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                 max: max,
                 step: step,
                 countDirection: countDirection,
-                value: valueState
+                value: valueState,
             });
             setValueState(nextValue);
             onChange === null || onChange === void 0 ? void 0 : onChange(e, { id: id, name: name, value: nextValue });
@@ -103,12 +103,12 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                 e.preventDefault();
                 (_a = fieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
-        }
+        },
     });
     useEventListener({
         active: focused,
         eventName: 'mouseup',
-        handler: handleMouseUp
+        handler: handleMouseUp,
     });
     useInterval(function () {
         if (countDirection) {
@@ -117,7 +117,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                 max: max,
                 step: step,
                 countDirection: countDirection,
-                value: valueState
+                value: valueState,
             });
             setValueState(value);
             onChange === null || onChange === void 0 ? void 0 : onChange(null, { id: id, name: name, value: value });
@@ -130,7 +130,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
             disabled: disabled,
             required: required,
             hasLabel: !!label,
-            focused: focused
+            focused: focused,
         }, [className]) }),
         React.createElement("label", { ref: labelElemRef, className: cnInputNumber('Body') },
             React.createElement(FieldIcon, { className: cnInputNumber('RenderLeft'), icon: renderLeft, size: size }),
@@ -141,8 +141,8 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                     ]), min: min, max: max, step: step }, inputProps, { type: "number", onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, ref: useMultiRef([inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, fieldRef]) }))),
             React.createElement(FieldIcon, { className: cnInputNumber('RenderRight'), icon: renderRight, size: size }),
             React.createElement("span", { className: cnInputNumber('Controls') },
-                React.createElement(IconButton, { tabIndex: -1, size: size, className: cnInputNumber('Increment'), icon: SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", variant: "ghost" }),
-                React.createElement(IconButton, { tabIndex: -1, size: size, icon: SortDownIcon, className: cnInputNumber('Decrement'), onMouseDown: handleMouseDown('decrement'), disabled: disabled, "aria-label": "decrement", variant: "ghost" })),
+                React.createElement(IconButton, { tabIndex: -1, size: size, className: cnInputNumber('Increment'), icon: SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", type: "button", variant: "ghost" }),
+                React.createElement(IconButton, { tabIndex: -1, size: size, icon: SortDownIcon, className: cnInputNumber('Decrement'), onMouseDown: handleMouseDown('decrement'), disabled: disabled, "aria-label": "decrement", type: "button", variant: "ghost" })),
             React.createElement(Fieldset, { className: cnInputNumber('Fieldset') })),
         React.createElement(FieldHint, { size: size, error: error, disabled: disabled }, hint)));
 });

package/__inner__/esm/components/Link/Link.js

@@ -10,7 +10,7 @@ var cnLink = cn('Link');
 export var Link = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Link'
+        name: 'Link',
     });
     var _a = props.variant, variant = _a === void 0 ? 'text-m' : _a, _b = props.as, Tag = _b === void 0 ? 'a' : _b, display = props.display, noWrap = props.noWrap, align = props.align, defaultMargin = props.defaultMargin, children = props.children, className = props.className, other = __rest(props, ["variant", "as", "display", "noWrap", "align", "defaultMargin", "children", "className"]);
     return (React.createElement(Tag, __assign({ className: classnames(cnLink(), cnTypography({
@@ -19,7 +19,7 @@ export var Link = polymorphicComponentWithRef(function (inProps, ref) {
             defaultMargin: defaultMargin,
             align: align,
             noWrap: noWrap,
-            link: true
+            link: true,
         }), className) }, other, { ref: ref }), children));
 });
 Link.displayName = 'Link';

package/__inner__/esm/components/List/ListContext.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { LIST_DEFAULT_SIZE } from './constants';
 export var ListContext = React.createContext({
-    size: LIST_DEFAULT_SIZE
+    size: LIST_DEFAULT_SIZE,
 });
 export var useListContext = function () { return useContext(ListContext); };
 // Именованный провайдер

package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.js

@@ -27,12 +27,12 @@ export var ListItemButton = polymorphicComponentWithRef(function (inProps, ref)
         if (Tag === 'button')
             return {
                 disabled: disabled,
-                onKeyDown: onKeyDownProp
+                onKeyDown: onKeyDownProp,
             };
         var commonAdditionalProps = {
             role: 'button',
             'aria-disabled': disabled,
-            onKeyDown: onKeyDownProp
+            onKeyDown: onKeyDownProp,
         };
         if (Tag === 'div') {
             return __assign(__assign({}, commonAdditionalProps), { onKeyDown: handleKeyDown });
@@ -40,7 +40,7 @@ export var ListItemButton = polymorphicComponentWithRef(function (inProps, ref)
         return commonAdditionalProps;
     }, [Tag, handleKeyDown]);
     return (React.createElement(Tag, __assign({ className: cnListItemButton({
-            disabled: disabled
+            disabled: disabled,
         }, [className]), onClick: handleClick, tabIndex: tabIndexProp || tabIndex }, additionalTagProps, other, { ref: ref }), children));
 });
 ListItemButton.displayName = 'ListItemButton';

package/__inner__/esm/components/List/components/ListItemText/ListItemText.js

@@ -10,7 +10,7 @@ var secondaryTextSizeMapper = {
     m: 'text-2xs',
     s: 'text-3xs',
     xs: 'text-3xs',
-    '2xs': 'text-3xs'
+    '2xs': 'text-3xs',
 };
 export var ListItemText = forwardRef(function (_a, ref) {
     var className = _a.className, primary = _a.primary, secondary = _a.secondary, primaryTypographyProps = _a.primaryTypographyProps, secondaryTypographyProps = _a.secondaryTypographyProps, other = __rest(_a, ["className", "primary", "secondary", "primaryTypographyProps", "secondaryTypographyProps"]);

package/__inner__/esm/components/Menu/Menu.js

@@ -21,7 +21,7 @@ var MenuContextConsumer = function (_a) {
             }
         },
         element: docRef,
-        active: isTop
+        active: isTop,
     });
     return (React.createElement(MenuList, __assign({}, menuListProps, { ref: menuListRef, autoFocus: true }), children));
 };

package/__inner__/esm/components/Menu/components/MenuList/MenuList.js

@@ -47,7 +47,7 @@ export var MenuList = forwardRef(function (inProps, ref) {
                 var _a, _b;
                 onKeyDown(event);
                 (_b = (_a = child.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            }
+            },
         };
         // eslint-disable-next-line react-hooks/rules-of-hooks
         var ref = useMultiRef([

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

@@ -97,7 +97,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Свойства по управлению анимацией перехода */
-    transitionProps?: (Partial<CSSTransitionProps<undefined>> & {
+    transitionProps?: (Partial<CSSTransitionProps> & {
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Свойства окна с контентом */

package/__inner__/esm/components/Modal/Modal.js

@@ -29,7 +29,7 @@ export var Modal = forwardRef(function (_a, ref) {
             isClickOutSide.current = true;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: !disableClickOutside
+        active: !disableClickOutside,
     });
     useEffect(function () {
         var _a;
@@ -44,7 +44,7 @@ export var Modal = forwardRef(function (_a, ref) {
     }, [open]);
     var trapRef = useFocusTrap({
         active: isTop,
-        focusinTrap: false
+        focusinTrap: false,
     });
     var onExited = useCallback(function () {
         var _a, _b;
@@ -65,9 +65,9 @@ export var Modal = forwardRef(function (_a, ref) {
             }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop && !disableEscapeKeyDown
+        active: isTop && !disableEscapeKeyDown,
     });
-    return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), timeout: 300 }, transitionProps, { "in": openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
+    return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
         React.createElement(Portal, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
             !hideBackdrop && (React.createElement(Backdrop, __assign({ zIndex: -1 }, backdropProps, { open: openState, className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
             React.createElement(ModalConsumer, __assign({}, windowProps, { open: openState && !disableScrollLock, ref: useMultiRef([modalInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));

package/__inner__/esm/components/Pagination/Pagination.js

@@ -25,7 +25,7 @@ export var Pagination = forwardRef(function (inProps, ref) {
         return {
             selected: selected,
             previous: selected - 1,
-            next: selected + 1
+            next: selected + 1,
         };
     }, [page]), selected = _f.selected, previous = _f.previous, next = _f.next;
     var range = useMemo(function () {
@@ -33,7 +33,7 @@ export var Pagination = forwardRef(function (inProps, ref) {
             page: selected,
             pageSize: pageSize,
             siblingCount: siblingCount,
-            totalCount: totalCount
+            totalCount: totalCount,
         });
     }, [selected, pageSize, siblingCount, totalCount]);
     var paginationPropsRange = useMemo(function () {
@@ -64,10 +64,10 @@ export var Pagination = forwardRef(function (inProps, ref) {
                 'aria-label': getItemAriaLabel({
                     page: mapper[type],
                     selected: isSelected,
-                    type: type
+                    type: type,
                 }),
                 onClick: onPageChange,
-                className: cnPaginationItem({ size: size, selected: isSelected })
+                className: cnPaginationItem({ size: size, selected: isSelected }),
             };
         });
     }, [range, selected, previous, next, size, getItemAriaLabel, onPageChange]);

package/__inner__/esm/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -19,12 +19,12 @@ export var cnPaginationItem = cn('PaginationItem');
 var sizeMapper = {
     l: {
         size: 'm',
-        textSize: 'text-l'
+        textSize: 'text-l',
     },
     s: {
         size: '2xs',
-        textSize: 'text-s'
-    }
+        textSize: 'text-s',
+    },
 };
 var iconsMapper = (_a = {},
     _a[PREVIOUS] = ChevronLeftIcon,

package/__inner__/esm/components/Pagination/helpers/createPaginationRange/calculateSiblingIndexes/calculateSiblingIndexes.js

@@ -9,6 +9,6 @@ export var calculateSiblingIndexes = function (_a) {
     var rightSiblingEndIndex = Math.min(page + siblingCount, totalPageCount);
     return {
         leftSiblingStartIndex: leftSiblingStartIndex,
-        rightSiblingEndIndex: rightSiblingEndIndex
+        rightSiblingEndIndex: rightSiblingEndIndex,
     };
 };

package/__inner__/esm/components/Pagination/helpers/createPaginationRange/createPaginationRange.js

@@ -17,7 +17,7 @@ export var createPaginationRange = function (_a) {
     var _c = shouldShowDots({
         leftSiblingStartIndex: leftSiblingStartIndex,
         rightSiblingEndIndex: rightSiblingEndIndex,
-        totalPageCount: totalPageCount
+        totalPageCount: totalPageCount,
     }), shouldShowLeftDots = _c.shouldShowLeftDots, shouldShowRightDots = _c.shouldShowRightDots;
     if (!shouldShowLeftDots && shouldShowRightDots) {
         var leftRange = range(1, itemsToShow);

package/__inner__/esm/components/Pagination/helpers/createPaginationRange/shouldShowDots.js

@@ -4,6 +4,6 @@ export var shouldShowDots = function (_a) {
     var shouldShowRightDots = rightSiblingEndIndex < totalPageCount - 2;
     return {
         shouldShowLeftDots: shouldShowLeftDots,
-        shouldShowRightDots: shouldShowRightDots
+        shouldShowRightDots: shouldShowRightDots,
     };
 };