@ozen-ui/kit 0.35.0 → 0.36.0

package/__inner__/cjs/components/Alert/Alert.js

@@ -52,6 +52,6 @@ exports.Alert = (0, react_1.forwardRef)(function (inProps, ref) {
             react_1.default.createElement("div", { className: (0, exports.cnAlert)('Title') }, title),
             children && react_1.default.createElement("div", { className: (0, exports.cnAlert)('Body') }, children),
             action && react_1.default.createElement("div", { className: (0, exports.cnAlert)('Action') }, action)),
-        onClose && (react_1.default.createElement(IconButton_1.IconButton, { size: "s", variant: "function", icon: icons_1.CloseIcon, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, className: (0, exports.cnAlert)('CloseButton') }))));
+        onClose && (react_1.default.createElement(IconButton_1.IconButton, { size: "s", variant: "function", icon: icons_1.CrossIcon, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, className: (0, exports.cnAlert)('CloseButton') }))));
 });
 exports.Alert.displayName = 'Alert';

package/__inner__/cjs/components/Autocomplete/components/AutocompleteRenderRight/AutocompleteRenderRight.js

@@ -18,7 +18,7 @@ var AutocompleteRenderRight = function (_a) {
                 onClear === null || onClear === void 0 ? void 0 : onClear(e);
             }, className: (0, index_1.cnAutocomplete)('ClearButton', {
                 visibility: isVisibleClearButton,
-            }), title: clearText, "aria-label": clearText, size: size, icon: icons_1.CloseIcon, compressed: true })),
+            }), title: clearText, "aria-label": clearText, size: size, icon: icons_1.CrossIcon, compressed: true })),
         react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderRight }),
         !disableShowChevron && (react_1.default.createElement(IconButton_1.IconButton, { type: "button", variant: "ghost", tabIndex: -1, onClick: function (e) {
                 e.preventDefault();

package/__inner__/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -11,7 +11,7 @@ var BreadcrumbsContext_1 = require("./BreadcrumbsContext");
 var constants_1 = require("./constants");
 exports.cnBreadcrumbs = (0, classname_1.cn)('Breadcrumbs');
 exports.Breadcrumbs = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? constants_1.BREADCRUMBS_DEFAULT_SIZE : _b, _c = _a.separator, Separator = _c === void 0 ? icons_1.ChevronSmallRightIcon : _c, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["size", "separator", "children", "className"]);
+    var _b = _a.size, size = _b === void 0 ? constants_1.BREADCRUMBS_DEFAULT_SIZE : _b, _c = _a.separator, Separator = _c === void 0 ? icons_1.ChevronRightSmallIcon : _c, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["size", "separator", "children", "className"]);
     var resolvedChildren = (0, react_is_1.isFragment)(children)
         ? children.props.children
         : children;

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

@@ -11,6 +11,6 @@ var cnDataListCheckIcon = (0, classname_1.cn)('DataListCheckIcon');
 var DataListCheckIcon = function (_a) {
     var size = _a.size, selected = _a.selected;
     return (react_1.default.createElement("div", { className: cnDataListCheckIcon('', { size: size }) }, selected && (react_1.default.createElement(List_1.ListItemIcon, null,
-        react_1.default.createElement(icons_1.TickIcon, { size: size })))));
+        react_1.default.createElement(icons_1.CheckIcon, { size: size })))));
 };
 exports.DataListCheckIcon = DataListCheckIcon;

package/__inner__/cjs/components/Dialog/Dialog.js

@@ -27,7 +27,7 @@ exports.Dialog = (0, react_1.forwardRef)(function (inProps, ref) {
     return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, windowProps: tslib_1.__assign({ role: 'dialog' }, windowProps), className: (0, exports.cnDialog)({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign(tslib_1.__assign({}, (variant === 'fullsize' && {
             classNames: (0, exports.cnDialog)({ animation: 'fullsize' }),
         })), transitionProps), ref: ref }),
-        !hideCloseButton && (react_1.default.createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: (0, exports.cnDialog)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CloseIcon, compressed: true }))),
+        !hideCloseButton && (react_1.default.createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: (0, exports.cnDialog)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CrossIcon, compressed: true }))),
         react_1.default.createElement("div", { className: (0, exports.cnDialog)('InnerContainer') }, children)));
 });
 exports.Dialog.displayName = 'Dialog';

package/__inner__/cjs/components/Drawer/Drawer.js

@@ -26,7 +26,7 @@ exports.Drawer = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = props.variant, variant = _a === void 0 ? constants_1.DRAWER_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? constants_1.DRAWER_DEFAULT_SIZE : _b, _c = props.placement, placement = _c === void 0 ? constants_1.DRAWER_DEFAULT_PLACEMENT : _c, _d = props.hideCloseButton, hideCloseButton = _d === void 0 ? constants_1.DRAWER_DEFAULT_HIDE_CLOSE_BUTTON : _d, open = props.open, onClose = props.onClose, children = props.children, className = props.className, transitionProps = props.transitionProps, closeButtonProps = props.closeButtonProps, other = tslib_1.__rest(props, ["variant", "size", "placement", "hideCloseButton", "open", "onClose", "children", "className", "transitionProps", "closeButtonProps"]);
     var _e = closeButtonProps || {}, closeButtonClassName = _e.className, closeButtonRestProps = tslib_1.__rest(_e, ["className"]);
     return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, className: (0, exports.cnDrawer)({ variant: variant, size: size, placement: placement, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign({ classNames: (0, exports.cnDrawer)({ animation: true }) }, transitionProps), ref: ref }),
-        !hideCloseButton && (react_1.default.createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: (0, exports.cnDrawer)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CloseIcon, compressed: true }))),
+        !hideCloseButton && (react_1.default.createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: (0, exports.cnDrawer)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CrossIcon, compressed: true }))),
         react_1.default.createElement("div", { className: (0, exports.cnDrawer)('InnerContainer') }, children)));
 });
 exports.Drawer.displayName = 'Drawer';

package/__inner__/cjs/components/FilePicker/FilePicker.js

@@ -71,7 +71,7 @@ exports.FilePicker = (0, react_1.forwardRef)(function (inProps, ref) {
                 label && (react_1.default.createElement(FieldLabel_1.FieldLabel, tslib_1.__assign({ filled: !!(fileList === null || fileList === void 0 ? void 0 : fileList.length), focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: (0, exports.cnFilePicker)('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label)),
                 react_1.default.createElement("input", tslib_1.__assign({ id: id, name: name, autoFocus: autoFocus, onFocus: handleFocus, onBlur: handleBlur, className: (0, exports.cnFilePicker)('Input'), required: required, disabled: disabled, accept: accept, multiple: multiple }, inputProps, { onChange: onChange, onKeyDown: onKeyDown, ref: (0, useMultiRef_1.useMultiRef)([inputRef, inputRefProp]), type: "file" })),
                 (fileList === null || fileList === void 0 ? void 0 : fileList.length) ? (react_1.default.createElement("span", { className: (0, exports.cnFilePicker)('FileName') }, renderValue(fileList, disableTruncate))) : (react_1.default.createElement("span", { "aria-placeholder": placeholder, className: (0, exports.cnFilePicker)('Placeholder') }, placeholder))),
-            !!(fileList === null || fileList === void 0 ? void 0 : fileList.length) && onClearProp && (react_1.default.createElement(IconButton_1.IconButton, { tabIndex: -1, variant: "function", "aria-label": clearText, ref: clearRef, onClick: onClear, size: size, icon: icons_1.CloseIcon })),
+            !!(fileList === null || fileList === void 0 ? void 0 : fileList.length) && onClearProp && (react_1.default.createElement(IconButton_1.IconButton, { tabIndex: -1, variant: "function", "aria-label": clearText, ref: clearRef, onClick: onClear, size: size, icon: icons_1.CrossIcon })),
             react_1.default.createElement(FieldIcon_1.FieldIcon, { className: (0, exports.cnFilePicker)('RenderRight'), icon: renderRight, size: size }),
             react_1.default.createElement(Fieldset_1.Fieldset, { className: (0, exports.cnFilePicker)('Fieldset') })),
         react_1.default.createElement(FieldHint_1.FieldHint, { size: size, error: error, disabled: disabled }, hint)));

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

@@ -116,7 +116,7 @@
   --color-border-secondary: #2c2c33;
   --color-border-secondary-hover: #474853;
   --color-border-secondary-pressed: #636574;
-  --color-border-disabled: #2c2c33;
+  --color-border-disabled: #474853;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #0d1841;
   --color-border-action: #0534d0;

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

@@ -47,7 +47,7 @@
   --color-background-tertiary: #d7d8e1;
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
-  --color-background-disabled: #ebecf0;
+  --color-background-disabled: #d7d8e1;
   --color-background-action: #023dff;
   --color-background-action-hover: #0534d0;
   --color-background-action-pressed: #082ba0;
@@ -116,7 +116,7 @@
   --color-border-secondary: #d7d8e1;
   --color-border-secondary-hover: #c2c5d3;
   --color-border-secondary-pressed: #aeb1c4;
-  --color-border-disabled: #aeb1c4;
+  --color-border-disabled: #c2c5d3;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #9ab1ff;
   --color-border-action: #023dff;

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

@@ -116,7 +116,7 @@
   --color-border-secondary: #2c2c33;
   --color-border-secondary-hover: #474853;
   --color-border-secondary-pressed: #636574;
-  --color-border-disabled: #2c2c33;
+  --color-border-disabled: #474853;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #0d310e;
   --color-border-action: #039904;

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

@@ -104,7 +104,7 @@
   --color-background-accent-info-light: #082ba0;
   --color-background-accent-info-light-hover: #0a2171;
   --color-background-accent-info-light-pressed: #0d1841;
-  --color-background-main-inverse: #1e1d22;
+  --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%);
@@ -113,10 +113,10 @@
   --color-border-main: #c2c5d3;
   --color-border-main-hover: #aeb1c4;
   --color-border-main-pressed: #9a9eb5;
-  --color-border-secondary: #ebecf0;
-  --color-border-secondary-hover: #d7d8e1;
-  --color-border-secondary-pressed: #c2c5d3;
-  --color-border-disabled: #c2c5d3;
+  --color-border-secondary: #d7d8e1;
+  --color-border-secondary-hover: #c2c5d3;
+  --color-border-secondary-pressed: #aeb1c4;
+  --color-border-disabled: #d7d8e1;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #99e499;
   --color-border-action: #0b0;
@@ -138,7 +138,7 @@
   --color-accent-primary-hover: #252732;
   --color-accent-primary-pressed: #2f3240;
   --color-accent-secondary: #252732;
-  --color-accent-secondary-hover: #393c4d;
+  --color-accent-secondary-hover: #2f3240;
   --color-accent-secondary-pressed: #393c4d;
   --color-accent-tertiary: #2f3240;
   --color-accent-tertiary-hover: #393c4d;

package/__inner__/esm/components/Alert/Alert.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './Alert.css';
 import React, { forwardRef, useMemo } from 'react';
-import { CloseIcon, InfoCircleFilledIcon, CheckCircleFilledIcon, WarningTriangleFilledIcon, WarningCircleFilledIcon, } from '@ozen-ui/icons';
+import { CrossIcon, InfoCircleFilledIcon, CheckCircleFilledIcon, WarningTriangleFilledIcon, WarningCircleFilledIcon, } from '@ozen-ui/icons';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { IconButton } from '../IconButton';
@@ -49,6 +49,6 @@ export var Alert = forwardRef(function (inProps, ref) {
             React.createElement("div", { className: cnAlert('Title') }, title),
             children && React.createElement("div", { className: cnAlert('Body') }, children),
             action && React.createElement("div", { className: cnAlert('Action') }, action)),
-        onClose && (React.createElement(IconButton, { size: "s", variant: "function", icon: CloseIcon, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, className: cnAlert('CloseButton') }))));
+        onClose && (React.createElement(IconButton, { size: "s", variant: "function", icon: CrossIcon, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose, className: cnAlert('CloseButton') }))));
 });
 Alert.displayName = 'Alert';

package/__inner__/esm/components/Autocomplete/components/AutocompleteRenderRight/AutocompleteRenderRight.js

@@ -1,6 +1,6 @@
 import { __read } from "tslib";
 import React from 'react';
-import { ChevronDownIcon, ChevronUpIcon, CloseIcon } from '@ozen-ui/icons';
+import { ChevronDownIcon, ChevronUpIcon, CrossIcon } from '@ozen-ui/icons';
 import { useFieldControl } from '../../../FieldControl';
 import { FieldIcon } from '../../../FieldIcon';
 import { IconButton } from '../../../IconButton';
@@ -15,7 +15,7 @@ export var AutocompleteRenderRight = function (_a) {
                 onClear === null || onClear === void 0 ? void 0 : onClear(e);
             }, className: cnAutocomplete('ClearButton', {
                 visibility: isVisibleClearButton,
-            }), title: clearText, "aria-label": clearText, size: size, icon: CloseIcon, compressed: true })),
+            }), title: clearText, "aria-label": clearText, size: size, icon: CrossIcon, compressed: true })),
         React.createElement(FieldIcon, { icon: renderRight }),
         !disableShowChevron && (React.createElement(IconButton, { type: "button", variant: "ghost", tabIndex: -1, onClick: function (e) {
                 e.preventDefault();

package/__inner__/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,14 +1,14 @@
 import { __assign, __rest } from "tslib";
 import './Breadcrumbs.css';
 import React, { Fragment, isValidElement, Children, forwardRef } from 'react';
-import { ChevronSmallRightIcon } from '@ozen-ui/icons';
+import { ChevronRightSmallIcon } from '@ozen-ui/icons';
 import { isFragment } from 'react-is';
 import { cn } from '../../utils/classname';
 import { BreadcrumbsContext } from './BreadcrumbsContext';
 import { BREADCRUMBS_DEFAULT_SIZE } from './constants';
 export var cnBreadcrumbs = cn('Breadcrumbs');
 export var Breadcrumbs = forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? BREADCRUMBS_DEFAULT_SIZE : _b, _c = _a.separator, Separator = _c === void 0 ? ChevronSmallRightIcon : _c, children = _a.children, className = _a.className, other = __rest(_a, ["size", "separator", "children", "className"]);
+    var _b = _a.size, size = _b === void 0 ? BREADCRUMBS_DEFAULT_SIZE : _b, _c = _a.separator, Separator = _c === void 0 ? ChevronRightSmallIcon : _c, children = _a.children, className = _a.className, other = __rest(_a, ["size", "separator", "children", "className"]);
     var resolvedChildren = isFragment(children)
         ? children.props.children
         : children;

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

@@ -1,11 +1,11 @@
 import './DataListCheckIcon.css';
 import React from 'react';
-import { TickIcon } from '@ozen-ui/icons';
+import { CheckIcon } from '@ozen-ui/icons';
 import { cn } from '../../../../utils/classname';
 import { ListItemIcon } from '../../../List';
 var cnDataListCheckIcon = cn('DataListCheckIcon');
 export var DataListCheckIcon = function (_a) {
     var size = _a.size, selected = _a.selected;
     return (React.createElement("div", { className: cnDataListCheckIcon('', { size: size }) }, selected && (React.createElement(ListItemIcon, null,
-        React.createElement(TickIcon, { size: size })))));
+        React.createElement(CheckIcon, { size: size })))));
 };

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

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './Dialog.css';
 import React, { forwardRef } from 'react';
-import { CloseIcon } from '@ozen-ui/icons';
+import { CrossIcon } from '@ozen-ui/icons';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { IconButton } from '../IconButton';
@@ -24,7 +24,7 @@ export var Dialog = forwardRef(function (inProps, ref) {
     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' }),
         })), transitionProps), ref: ref }),
-        !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: cnDialog('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CloseIcon, compressed: true }))),
+        !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: cnDialog('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CrossIcon, compressed: true }))),
         React.createElement("div", { className: cnDialog('InnerContainer') }, children)));
 });
 Dialog.displayName = 'Dialog';

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

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './Drawer.css';
 import React, { forwardRef } from 'react';
-import { CloseIcon } from '@ozen-ui/icons';
+import { CrossIcon } from '@ozen-ui/icons';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { IconButton } from '../IconButton';
@@ -23,7 +23,7 @@ export var Drawer = forwardRef(function (inProps, ref) {
     var _a = props.variant, variant = _a === void 0 ? DRAWER_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? DRAWER_DEFAULT_SIZE : _b, _c = props.placement, placement = _c === void 0 ? DRAWER_DEFAULT_PLACEMENT : _c, _d = props.hideCloseButton, hideCloseButton = _d === void 0 ? DRAWER_DEFAULT_HIDE_CLOSE_BUTTON : _d, open = props.open, onClose = props.onClose, children = props.children, className = props.className, transitionProps = props.transitionProps, closeButtonProps = props.closeButtonProps, other = __rest(props, ["variant", "size", "placement", "hideCloseButton", "open", "onClose", "children", "className", "transitionProps", "closeButtonProps"]);
     var _e = closeButtonProps || {}, closeButtonClassName = _e.className, closeButtonRestProps = __rest(_e, ["className"]);
     return (React.createElement(Modal, __assign({}, other, { open: open, onClose: onClose, className: cnDrawer({ variant: variant, size: size, placement: placement, hasCloseButton: !hideCloseButton }, [className]), transitionProps: __assign({ classNames: cnDrawer({ animation: true }) }, transitionProps), ref: ref }),
-        !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: cnDrawer('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CloseIcon, compressed: true }))),
+        !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: cnDrawer('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CrossIcon, compressed: true }))),
         React.createElement("div", { className: cnDrawer('InnerContainer') }, children)));
 });
 Drawer.displayName = 'Drawer';

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

@@ -1,7 +1,7 @@
 import { __assign, __read, __rest } from "tslib";
 import './FilePicker.css';
 import React, { forwardRef, useState, useRef } from 'react';
-import { AttachmentIcon, CloseIcon } from '@ozen-ui/icons';
+import { AttachmentIcon, CrossIcon } from '@ozen-ui/icons';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
@@ -68,7 +68,7 @@ export var FilePicker = forwardRef(function (inProps, ref) {
                 label && (React.createElement(FieldLabel, __assign({ filled: !!(fileList === null || fileList === void 0 ? void 0 : fileList.length), focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: cnFilePicker('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label)),
                 React.createElement("input", __assign({ id: id, name: name, autoFocus: autoFocus, onFocus: handleFocus, onBlur: handleBlur, className: cnFilePicker('Input'), required: required, disabled: disabled, accept: accept, multiple: multiple }, inputProps, { onChange: onChange, onKeyDown: onKeyDown, ref: useMultiRef([inputRef, inputRefProp]), type: "file" })),
                 (fileList === null || fileList === void 0 ? void 0 : fileList.length) ? (React.createElement("span", { className: cnFilePicker('FileName') }, renderValue(fileList, disableTruncate))) : (React.createElement("span", { "aria-placeholder": placeholder, className: cnFilePicker('Placeholder') }, placeholder))),
-            !!(fileList === null || fileList === void 0 ? void 0 : fileList.length) && onClearProp && (React.createElement(IconButton, { tabIndex: -1, variant: "function", "aria-label": clearText, ref: clearRef, onClick: onClear, size: size, icon: CloseIcon })),
+            !!(fileList === null || fileList === void 0 ? void 0 : fileList.length) && onClearProp && (React.createElement(IconButton, { tabIndex: -1, variant: "function", "aria-label": clearText, ref: clearRef, onClick: onClear, size: size, icon: CrossIcon })),
             React.createElement(FieldIcon, { className: cnFilePicker('RenderRight'), icon: renderRight, size: size }),
             React.createElement(Fieldset, { className: cnFilePicker('Fieldset') })),
         React.createElement(FieldHint, { size: size, error: error, disabled: disabled }, hint)));

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

@@ -116,7 +116,7 @@
   --color-border-secondary: #2c2c33;
   --color-border-secondary-hover: #474853;
   --color-border-secondary-pressed: #636574;
-  --color-border-disabled: #2c2c33;
+  --color-border-disabled: #474853;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #0d1841;
   --color-border-action: #0534d0;

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

@@ -47,7 +47,7 @@
   --color-background-tertiary: #d7d8e1;
   --color-background-tertiary-hover: #c2c5d3;
   --color-background-tertiary-pressed: #aeb1c4;
-  --color-background-disabled: #ebecf0;
+  --color-background-disabled: #d7d8e1;
   --color-background-action: #023dff;
   --color-background-action-hover: #0534d0;
   --color-background-action-pressed: #082ba0;
@@ -116,7 +116,7 @@
   --color-border-secondary: #d7d8e1;
   --color-border-secondary-hover: #c2c5d3;
   --color-border-secondary-pressed: #aeb1c4;
-  --color-border-disabled: #aeb1c4;
+  --color-border-disabled: #c2c5d3;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #9ab1ff;
   --color-border-action: #023dff;

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

@@ -116,7 +116,7 @@
   --color-border-secondary: #2c2c33;
   --color-border-secondary-hover: #474853;
   --color-border-secondary-pressed: #636574;
-  --color-border-disabled: #2c2c33;
+  --color-border-disabled: #474853;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #0d310e;
   --color-border-action: #039904;

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

@@ -104,7 +104,7 @@
   --color-background-accent-info-light: #082ba0;
   --color-background-accent-info-light-hover: #0a2171;
   --color-background-accent-info-light-pressed: #0d1841;
-  --color-background-main-inverse: #1e1d22;
+  --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%);
@@ -113,10 +113,10 @@
   --color-border-main: #c2c5d3;
   --color-border-main-hover: #aeb1c4;
   --color-border-main-pressed: #9a9eb5;
-  --color-border-secondary: #ebecf0;
-  --color-border-secondary-hover: #d7d8e1;
-  --color-border-secondary-pressed: #c2c5d3;
-  --color-border-disabled: #c2c5d3;
+  --color-border-secondary: #d7d8e1;
+  --color-border-secondary-hover: #c2c5d3;
+  --color-border-secondary-pressed: #aeb1c4;
+  --color-border-disabled: #d7d8e1;
   --color-border-ghost-disabled: rgb(255 255 255 / 40%);
   --color-border-focused: #99e499;
   --color-border-action: #0b0;
@@ -138,7 +138,7 @@
   --color-accent-primary-hover: #252732;
   --color-accent-primary-pressed: #2f3240;
   --color-accent-secondary: #252732;
-  --color-accent-secondary-hover: #393c4d;
+  --color-accent-secondary-hover: #2f3240;
   --color-accent-secondary-pressed: #393c4d;
   --color-accent-tertiary: #2f3240;
   --color-accent-tertiary-hover: #393c4d;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "React component library",
   "files": [
     "*"
   ],
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },

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"
-}

package/DatePicker/package.json

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