kamotive_ui 1.2.21 → 1.2.22

package/dist/Icons/IconWarning/IconWarning.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const IconWarning = ({ color = 'inherit', htmlColor, strokeWidth = '0.3', style }) => {
+    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, style: style },
+        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', style: { strokeWidth: strokeWidth }, strokeLinejoin: "round", d: "M1,21L11.5,2.81L22,21H1M20.27,20L11.5,4.81L2.73,20H20.27M11,14V10H12V14H11M11,16H12V18H11V16Z" })));
+};

package/dist/Icons/index.d.ts

@@ -1,21 +1,21 @@
-export { ChevronDown10 } from './ChevronDown/ChevronDown10';
+export { ChevronDown } from './ChevronDown/ChevronDown';
 export { ChevronRight } from './ChevronRight/ChevronRight';
 export { ChevronLeft } from './ChevronLeft/ChevronLeft';
-export { ChevronUp10 } from './ChevronUp/ChevronUp10';
-export { IconAlarm10 } from './IconAlarm/IconAlarm10';
-export { IconAccount10 } from './IconAccount/IconAccount10';
-export { IconBank10 } from './IconBank/IconBank10';
-export { IconBell10 } from './IconBell/IconBell10';
-export { IconBriefcase10 } from './IconBriefcase/IconBriefcase10';
-export { IconCalendar10 } from './IconCalendar/IconCalendar10';
-export { IconCheck10 } from './IconCheck/IconCheck10';
-export { IconEyeOff10 } from './IconEyeOff/IconEyeOff10';
-export { IconSuccess10 } from './IconSuccess/IconSuccess10';
-export { IconInfo10 } from './IconInfo/IconInfo10';
-export { IconWarning10 } from './IconWarning/IconWarning10';
-export { IconError10 } from './IconError/IconError10';
-export { IconClose10 } from './IconClose/IconClose10';
-export { IconColorPicker10 } from './IconColorPicker/IconColorPicker10';
+export { ChevronUp } from './ChevronUp/ChevronUp';
+export { IconAlarm } from './IconAlarm/IconAlarm';
+export { IconAccount } from './IconAccount/IconAccount';
+export { IconAddress } from './IconAddress/IconAddress';
+export { IconBell } from './IconBell/IconBell';
+export { IconBriefcase } from './IconBriefcase/IconBriefcase';
+export { IconCalendar } from './IconCalendar/IconCalendar';
+export { IconCheck } from './IconCheck/IconCheck';
+export { IconEyeOff } from './IconEyeOff/IconEyeOff';
+export { IconSuccess } from './IconSuccess/IconSuccess';
+export { IconInfo } from './IconInfo/IconInfo';
+export { IconWarning } from './IconWarning/IconWarning';
+export { IconError } from './IconError/IconError';
+export { IconClose } from './IconClose/IconClose';
+export { IconColorPicker } from './IconColorPicker/IconColorPicker';
 export { IconFile } from './IconFile/IconFile';
 export { IconUpload } from './IconUpload/IconUpload';
 export { IconDownload } from './IconDownload/IconDownload';
@@ -23,5 +23,10 @@ export { IconAdd } from './IconAdd/IconAdd';
 export { IconPhone } from './IconPhone/IconPhone';
 export { IconLocation } from './IconLocation/IconLocation';
 export { IconEmail } from './IconEmail/IconEmail';
-export { IconEye10 } from './IconEye/IconEye10';
+export { IconEye } from './IconEye/IconEye';
 export { IconPencil } from './IconPencil/IconPencil';
+export { IconDelete } from './IconDelete/IconDelete';
+export { IconDublicate } from './IconDublicate/IconDublicate';
+export { IconSpaceChange } from './IconSpaceChange/IconSpaceChange';
+export { IconGoTo } from './IconGoTo/IconGoTo';
+export { IconHome } from './IconHome/IconHome';

package/dist/Icons/index.js

@@ -1,21 +1,21 @@
-export { ChevronDown10 } from './ChevronDown/ChevronDown10';
+export { ChevronDown } from './ChevronDown/ChevronDown';
 export { ChevronRight } from './ChevronRight/ChevronRight';
 export { ChevronLeft } from './ChevronLeft/ChevronLeft';
-export { ChevronUp10 } from './ChevronUp/ChevronUp10';
-export { IconAlarm10 } from './IconAlarm/IconAlarm10';
-export { IconAccount10 } from './IconAccount/IconAccount10';
-export { IconBank10 } from './IconBank/IconBank10';
-export { IconBell10 } from './IconBell/IconBell10';
-export { IconBriefcase10 } from './IconBriefcase/IconBriefcase10';
-export { IconCalendar10 } from './IconCalendar/IconCalendar10';
-export { IconCheck10 } from './IconCheck/IconCheck10';
-export { IconEyeOff10 } from './IconEyeOff/IconEyeOff10';
-export { IconSuccess10 } from './IconSuccess/IconSuccess10';
-export { IconInfo10 } from './IconInfo/IconInfo10';
-export { IconWarning10 } from './IconWarning/IconWarning10';
-export { IconError10 } from './IconError/IconError10';
-export { IconClose10 } from './IconClose/IconClose10';
-export { IconColorPicker10 } from './IconColorPicker/IconColorPicker10';
+export { ChevronUp } from './ChevronUp/ChevronUp';
+export { IconAlarm } from './IconAlarm/IconAlarm';
+export { IconAccount } from './IconAccount/IconAccount';
+export { IconAddress } from './IconAddress/IconAddress';
+export { IconBell } from './IconBell/IconBell';
+export { IconBriefcase } from './IconBriefcase/IconBriefcase';
+export { IconCalendar } from './IconCalendar/IconCalendar';
+export { IconCheck } from './IconCheck/IconCheck';
+export { IconEyeOff } from './IconEyeOff/IconEyeOff';
+export { IconSuccess } from './IconSuccess/IconSuccess';
+export { IconInfo } from './IconInfo/IconInfo';
+export { IconWarning } from './IconWarning/IconWarning';
+export { IconError } from './IconError/IconError';
+export { IconClose } from './IconClose/IconClose';
+export { IconColorPicker } from './IconColorPicker/IconColorPicker';
 export { IconFile } from './IconFile/IconFile';
 export { IconUpload } from './IconUpload/IconUpload';
 export { IconDownload } from './IconDownload/IconDownload';
@@ -23,5 +23,10 @@ export { IconAdd } from './IconAdd/IconAdd';
 export { IconPhone } from './IconPhone/IconPhone';
 export { IconLocation } from './IconLocation/IconLocation';
 export { IconEmail } from './IconEmail/IconEmail';
-export { IconEye10 } from './IconEye/IconEye10';
+export { IconEye } from './IconEye/IconEye';
 export { IconPencil } from './IconPencil/IconPencil';
+export { IconDelete } from './IconDelete/IconDelete';
+export { IconDublicate } from './IconDublicate/IconDublicate';
+export { IconSpaceChange } from './IconSpaceChange/IconSpaceChange';
+export { IconGoTo } from './IconGoTo/IconGoTo';
+export { IconHome } from './IconHome/IconHome';

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -13,5 +13,5 @@ export const Breadcrumb = ({ onClick, active, label, icon, children }) => {
     const iconClassNames = classNames(childrenClassNames, styles.icon);
     return (React.createElement("button", { className: classNames(styles.breadcrumb), onClick: handleClick },
         icon && React.createElement("span", { className: iconClassNames }, icon),
-        React.createElement(Typography, { variant: "Body2-Medium", style: { fontWeight: '500' }, className: childrenClassNames }, label || children)));
+        React.createElement(Typography, { variant: "Body1-Medium", className: childrenClassNames }, label || children)));
 };

package/dist/components/ColorPicker/ColorPicker.js

@@ -4,7 +4,7 @@ import classNames from 'classnames';
 import { Chrome } from '@uiw/react-color';
 import EditableInput from '@uiw/react-color-editable-input';
 import { GithubPlacement } from '@uiw/react-color-github';
-import { IconColorPicker10 } from '../../Icons';
+import { IconColorPicker } from '../../Icons';
 ;
 // Функция для преобразования HEXA в HEX
 const hexaToHex = (hexa = 'fff') => {
@@ -149,7 +149,7 @@ export const ColorPicker = ({ color = '#ffffff', mainColor, recentColors, setIsH
                     height: `${height}px`,
                 } }),
             isOpen && (React.createElement("div", { ref: popoverRef, className: popoverClassess },
-                isOpen && React.createElement(IconColorPicker10, { className: styles.colorPickerIcon, htmlColor: 'var(--white)' }),
+                isOpen && React.createElement(IconColorPicker, { className: styles.colorPickerIcon, htmlColor: 'var(--white)' }),
                 React.createElement(Chrome, { color: selectedColor, placement: GithubPlacement.Right, onChange: colorChangeHandler, className: styles.customChrome, showEyeDropper: false }),
                 React.createElement("div", { className: styles.hex, style: { padding: '0 10px 0 20px' } },
                     React.createElement(EditableInput, { value: hexaToHex(selectedColor), style: { width: 68, alignItems: 'flex-start' }, onChange: (e, color) => {

package/dist/components/ColorPicker/ColorPicker.module.css

@@ -218,9 +218,14 @@
 .colorPickerIcon {
   position: absolute;
   top: 69%;
-  left: 8px;
+  left: 7px;
   z-index: 200;
   padding: 10px;
+  
+}
+.colorPicker  svg {
+    width: 16px;
+    height: 16px;
 }
 
 .hex {

package/dist/components/DateInput/DateInput.js

@@ -3,7 +3,7 @@ import styles from './DateInput.module.css';
 import classNames from 'classnames';
 import { Typography } from '../Typography/Typography';
 import DatePicker from 'react-datepicker';
-import { IconCalendar10 } from '../../Icons/IconCalendar/IconCalendar10';
+import { IconCalendar } from '../../Icons/IconCalendar/IconCalendar';
 import 'react-datepicker/dist/react-datepicker.css';
 import { registerLocale } from 'react-datepicker';
 import { ru } from 'date-fns/locale/ru';
@@ -325,7 +325,7 @@ export const DateInput = ({ id, label = 'Выберите дату', size = 'lg'
     };
     return (React.createElement("div", { className: wrapperClassess, style: style },
         label && (React.createElement(Typography, { variant: "Caption", className: labelClasses }, label)),
-        React.createElement("div", { className: styles.icon, onClick: () => { var _a; return (_a = datePickerRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(true); } }, icon || React.createElement(IconCalendar10, null)),
+        React.createElement("div", { className: styles.icon, onClick: () => { var _a; return (_a = datePickerRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(true); } }, icon || React.createElement(IconCalendar, null)),
         React.createElement(DatePicker, Object.assign({ id: id, ref: datePickerRef, selected: selectedDate, onChange: handleDateChange, onBlur: onBlur, dateFormat: dateFormat, locale: "ru", readOnly: readOnly, disabled: disabled, showPopperArrow: false, calendarClassName: classNames(styles.calendar, calendarClassName), popperClassName: styles.calendarPopper, onCalendarClose: () => setIsMonthPickerOpen(false), minDate: minDate, maxDate: maxDate, inline: false, calendarStartDay: 1, dayClassName: (date) => {
                 return date.getMonth() === (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getMonth()) && date.getFullYear() === (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.getFullYear())
                     ? 'current-month-day'

package/dist/components/Dropdown/Dropdown.js

@@ -1,46 +1,47 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import styles from './Dropdown.module.css';
 import classNames from 'classnames';
-import { ChevronDown10 } from '../../Icons/ChevronDown/ChevronDown10';
-import { ChevronUp10 } from '../../Icons/ChevronUp/ChevronUp10';
-import { IconClose10 } from '../../Icons/IconClose/IconClose10';
-import { IconCheck10 } from '../../Icons/IconCheck/IconCheck10';
+import { ChevronDown } from '../../Icons/ChevronDown/ChevronDown';
+import { ChevronUp } from '../../Icons/ChevronUp/ChevronUp';
+import { IconClose } from '../../Icons/IconClose/IconClose';
+import { IconCheck } from '../../Icons/IconCheck/IconCheck';
 ;
 import { Typography } from '../Typography/Typography';
 function checkItem(item, getOptionLabel, disabled, isDivider) {
     if (typeof item === 'object' && item !== null) {
+        const itemCopy = Object.assign({}, item);
         //проверка на вложенные объекты с таким же типом
-        Object.keys(item).forEach((key) => {
-            const value = item[key];
+        Object.keys(itemCopy).forEach((key) => {
+            const value = itemCopy[key];
             if (typeof value === 'object' && value !== null && !React.isValidElement(value)) {
                 const nestedItem = checkItem(value, getOptionLabel, disabled, isDivider);
                 if (nestedItem) {
-                    if (!item.children) {
-                        item.children = [];
+                    if (!itemCopy.children) {
+                        itemCopy.children = [];
                     }
-                    item.children.push(nestedItem);
-                    delete item[key];
+                    itemCopy.children.push(nestedItem);
+                    delete itemCopy[key];
                 }
             }
         });
         // проверка на наличие пользовательского поля для вывода(передаваемой функции getOptionLabel)
         if (getOptionLabel) {
-            return Object.assign(Object.assign({}, item), { value: getOptionLabel(item), disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
+            return Object.assign(Object.assign({}, itemCopy), { value: getOptionLabel(itemCopy), disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
         }
-        if ('value' in item) {
-            return Object.assign(Object.assign({}, item), { disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
+        if ('value' in itemCopy) {
+            return Object.assign(Object.assign({}, itemCopy), { disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
         }
-        else if ('name' in item && !('value' in item)) {
-            return Object.assign(Object.assign({}, item), { value: item.name, disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
+        else if ('name' in itemCopy && !('value' in itemCopy)) {
+            return Object.assign(Object.assign({}, itemCopy), { value: itemCopy.name, disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
         }
-        else if ('description' in item && !('value' in item)) {
-            return Object.assign(Object.assign({}, item), { value: item.description, disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
+        else if ('description' in itemCopy && !('value' in itemCopy)) {
+            return Object.assign(Object.assign({}, itemCopy), { value: itemCopy.description, disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
         }
         else {
-            const keys = Object.keys(item);
+            const keys = Object.keys(itemCopy);
             if (keys.length) {
-                const firstValue = item[keys[0]];
-                return Object.assign(Object.assign({}, item), { value: firstValue, disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
+                const firstValue = itemCopy[keys[0]];
+                return Object.assign(Object.assign({}, itemCopy), { value: firstValue, disabled: disabled !== null && disabled !== void 0 ? disabled : false, isDivider: isDivider !== null && isDivider !== void 0 ? isDivider : false });
             }
         }
     }
@@ -76,7 +77,7 @@ export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedIt
                     }),
                 React.createElement("div", { className: styles.item },
                     React.createElement("span", null, item === null || item === void 0 ? void 0 : item.value)),
-                (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === (item === null || item === void 0 ? void 0 : item.value) && (React.createElement(IconCheck10, { strokeWidth: size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0', htmlColor: "#0D99FF" }))),
+                (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === (item === null || item === void 0 ? void 0 : item.value) && (React.createElement(IconCheck, { strokeWidth: size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0', htmlColor: "#0D99FF" }))),
             (item === null || item === void 0 ? void 0 : item.isDivider) && React.createElement("div", { className: styles.divider })),
         (item === null || item === void 0 ? void 0 : item.children) && (React.createElement("div", { className: styles.nestedMenu }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child, childIndex) => {
             var _a;
@@ -340,8 +341,8 @@ export const Dropdown = ({ options, id, label, placeholder, required = false, va
         React.createElement("button", { className: buttonClassess, onClick: readOnly ? undefined : handleToggle, disabled: disabled, tabIndex: 0, onKeyDown: handleKeyDown },
             getTextField(),
             clearable && !readOnly && !disabled && (selectedItem || enableAutocomplete && searchValue) && (React.createElement("div", { className: styles.resetButton },
-                React.createElement(IconClose10, { strokeWidth: "0.2", htmlColor: "var(--text-light)", onClick: handleReset }))),
-            React.createElement("div", { className: styles.dropdownIcon }, !isOpen ? (React.createElement(ChevronDown10, { strokeWidth: size === 'lg' ? '0.5' : '0.3' })) : (React.createElement(ChevronUp10, { strokeWidth: size === 'lg' ? '0.5' : '0.3' }))),
+                React.createElement(IconClose, { strokeWidth: "0.2", htmlColor: "var(--text-light)", onClick: handleReset }))),
+            React.createElement("div", { className: styles.dropdownIcon }, !isOpen ? (React.createElement(ChevronDown, { strokeWidth: size === 'lg' ? '0.5' : '0.3' })) : (React.createElement(ChevronUp, { strokeWidth: size === 'lg' ? '0.5' : '0.3' }))),
             getDropdownMenu()),
         errorInput && errorInputHelperText && (React.createElement(Typography, { variant: "Caption", className: classNames(styles.helperText, styles[size]) }, helperText !== null && helperText !== void 0 ? helperText : errorInputHelperText))));
 };

package/dist/components/FileItem/FileItem.js

@@ -3,7 +3,7 @@ import styles from './FileItem.module.css';
 import { Typography } from '../Typography/Typography';
 import { ProgressBar } from '../ProgressBar/ProgressBar';
 import { IconButton } from '../IconButton/IconButton';
-import { IconClose10, IconDownload, IconFile } from '../../Icons';
+import { IconClose, IconDownload, IconFile } from '../../Icons';
 import { Tooltip } from '../Tooltip/Tooltip';
 import classNames from 'classnames';
 export const FileItem = ({ file, loading = false, error = '', onDownload, onDelete, canDelete = true, canDownload = true, style, isAddedFile, isRejectedFile, }) => {
@@ -104,8 +104,8 @@ export const FileItem = ({ file, loading = false, error = '', onDownload, onDele
                         React.createElement(Typography, { variant: "Body1", color: "var(--text-dark)" }, croppedName(file.filename)))) : (React.createElement(Typography, { variant: "Body1", color: "var(--text-dark)" }, croppedName(file.filename))),
                     file.size !== 0 && (React.createElement(Typography, { variant: "Caption", color: "var(--grey-medium)" }, `${file.size ? (file.size / 1024).toFixed(1) : 0} кБ`)))),
             React.createElement("div", { className: styles['fileItemActions'] },
-                !(isAddedFile || isRejectedFile) && canDownload && (React.createElement(IconButton, { icon: React.createElement(IconDownload, null), onClick: (e) => handleDownloadClick(e, file), color: "var(--icons-grey)" })),
-                canDelete && (React.createElement(IconButton, { icon: React.createElement(IconClose10, null), onClick: (e) => handleDeleteClick(e, file.id || ''), color: "var(--icons-grey)" })))),
+                !(isAddedFile || isRejectedFile) && canDownload && (React.createElement(IconButton, { className: styles.fileIcon, icon: React.createElement(IconDownload, null), onClick: (e) => handleDownloadClick(e, file), color: "var(--icons-grey)", size: "sm" })),
+                canDelete && (React.createElement(IconButton, { className: styles.fileIcon, icon: React.createElement(IconClose, null), onClick: (e) => handleDeleteClick(e, file.id || ''), color: "var(--icons-grey)", size: "sm" })))),
         loading && !isLoadingFinished && (React.createElement(ProgressBar, { animated: true, size: "sm", value: 100, setIsLoadingFinished: setIsLoadingFinished, animationDuration: animationDuration })),
         error && (React.createElement(Typography, { variant: "Caption", color: "var(--error-main)" }, error))));
 };

package/dist/components/FileItem/FileItem.module.css

@@ -21,7 +21,7 @@
   flex-direction: row;
   gap: 5px;
   flex-grow: 1;
-  align-items: flex-start;
+  align-items: center;
   overflow: hidden;
 }
 
@@ -38,7 +38,7 @@
 }
 
 .fileIcon svg path {
-  stroke-width: 0.8;
+  stroke-width: 0.5 !important;
 }
 
 .fileItem_attached {

package/dist/components/FileLoader/FileLoader.js

@@ -154,7 +154,7 @@ export const FileLoader = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
     return (React.createElement("section", { className: classNames(styles['fileLoader'], className), style: style },
         React.createElement("div", Object.assign({}, getRootProps({ className: `${styles['dropzone']} ${!canAdd ? styles['disabled'] : ''}` })),
             React.createElement("input", Object.assign({}, getInputProps())),
-            React.createElement(IconUpload, { htmlColor: !canAdd ? 'var(--grey-medium)' : 'var(--icons-grey)' }),
+            React.createElement(IconUpload, { htmlColor: !canAdd ? 'var(--grey-medium)' : 'var(--icons-grey)', width: '34', height: '34' }),
             React.createElement(Typography, { variant: "Body1", color: !canAdd ? 'var(--grey-medium)' : 'var(--icons-grey)', style: { textAlign: 'center' } }, lng === 'ru' || lng.includes('ru') ? (React.createElement(React.Fragment, null,
                 React.createElement("span", { style: { textDecoration: 'underline' } }, "\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u043D\u0430 \u043E\u0431\u043B\u0430\u0441\u0442\u044C"),
                 " ",

package/dist/components/IconButton/IconButton.module.css

@@ -10,18 +10,18 @@
 }
 
 .iconButton--sm svg {
-  width: 14px;
-  height: 14px;
+  width: 16px;
+  height: 16px;
 }
 
 .iconButton--md svg {
-  width: 16px;
-  height: 16px;
+  width: 24px;
+  height: 24px;
 }
 
 .iconButton--lg svg {
-  width: 18px;
-  height: 18px;
+  width: 30px;
+  height: 30px;
 }
 
 .iconButton:disabled {

package/dist/components/List/List.js

@@ -4,7 +4,7 @@ import styles from './List.module.css';
 import { Typography } from '../Typography/Typography';
 import { Checkbox } from '../Checkbox/Checkbox';
 import { RadioButton } from '../RadioButton/RadioButton';
-import { ChevronDown10 } from '../../Icons';
+import { ChevronDown } from '../../Icons';
 export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selected = false, disabled = false, label, id, style, className, collapsible = false, open = false, withCheckbox = false, checkboxColor, checkboxFilled, withRadioButton = false, customBullet, customItemBullet, bulletClassName, children, isHeader = false, parentChecked = false, }) => {
     const [isOpen, setIsOpen] = useState(open);
     const [isChecked, setIsChecked] = useState(checked || parentChecked);
@@ -65,7 +65,7 @@ export const List = ({ onClick, onCheck, onRadioSelect, checked = false, selecte
                     React.createElement(RadioButton, { checked: selected, value: id, disabled: disabled }))),
                 customBullet && React.createElement("span", { className: classNames(styles.bullet, bulletClassName) }, customBullet))),
             React.createElement(Typography, { variant: "Body1" }, label),
-            collapsible && (React.createElement("span", { className: styles.indicator }, isOpen ? React.createElement(ChevronDown10, null) : React.createElement(ChevronDown10, { rotation: 270 }))))),
+            collapsible && (React.createElement("span", { className: styles.indicator }, isOpen ? React.createElement(ChevronDown, null) : React.createElement(ChevronDown, { rotation: 270 }))))),
         React.createElement("div", { className: collapsible ? contentClassNames : styles.content, style: { paddingLeft: !label ? 0 : '16px' } }, React.Children.map(children, (child) => {
             if (React.isValidElement(child)) {
                 return React.cloneElement(child, {

package/dist/components/Snackbar/Snackbar.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { IconClose10, IconError10, IconInfo10, IconSuccess10, IconWarning10 } from '../../Icons';
+import { IconClose, IconError, IconInfo, IconSuccess, IconWarning } from '../../Icons';
 import { Typography } from '../Typography/Typography';
 import styles from './Snackbar.module.css';
 import classNames from 'classnames';
@@ -15,10 +15,10 @@ import classNames from 'classnames';
 Операция выполнена успешно
 @returns {JSX.Element | null} Возвращает компонент уведомления или null если оно скрыто */
 export const icons = {
-    success: React.createElement(IconSuccess10, { htmlColor: "#34c759" }),
-    error: React.createElement(IconError10, { htmlColor: "#ff3b30" }),
-    warning: React.createElement(IconWarning10, { htmlColor: "#ff9500" }),
-    info: React.createElement(IconInfo10, { htmlColor: "#6F6F6F" }),
+    success: React.createElement(IconSuccess, { htmlColor: "#34c759" }),
+    error: React.createElement(IconError, { htmlColor: "#ff3b30" }),
+    warning: React.createElement(IconWarning, { htmlColor: "#ff9500" }),
+    info: React.createElement(IconInfo, { htmlColor: "#6F6F6F" }),
 };
 export const title = {
     success: 'Успешно',
@@ -51,5 +51,5 @@ export const Snackbar = ({ children, type, duration = 10000, icon = true, onClos
                 React.createElement(Typography, { variant: "Body1-Medium", color: 'var(--text-dark)' }, title[type]),
                 React.createElement(Typography, { variant: "Body1", color: 'var(--text-btn-light)' }, children))),
         React.createElement("button", { className: styles.button, onClick: handleClose },
-            React.createElement(IconClose10, { htmlColor: 'var(--text-btn-light)' }))));
+            React.createElement(IconClose, { htmlColor: 'var(--text-btn-light)' }))));
 };

package/dist/components/Snackbar/Snackbar.module.css

@@ -26,6 +26,8 @@
 }
 .snackbar-textAndIcon svg {
   padding-top: 5px;
+  width: 24px;
+  height: 24px;
 }
 .snackbar-text {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kamotive_ui",
-  "version": "1.2.21",
+  "version": "1.2.22",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [

package/dist/Icons/ChevronDown/ChevronDown10.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export declare const ChevronDown10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-    rotation?: number;
-}>;

package/dist/Icons/ChevronDown/ChevronDown10.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export const ChevronDown10 = ({ color = 'inherit', htmlColor, strokeWidth, rotation = 0, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("g", { transform: `rotate(${rotation}, 12, 12)` },
-            React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5.84,9.59L11.5,15.25L17.16,9.59L16.45,8.89L11.5,13.84L6.55,8.89L5.84,9.59Z" }))));
-};

package/dist/Icons/ChevronUp/ChevronUp10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const ChevronUp10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/ChevronUp/ChevronUp10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const ChevronUp10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5.84,15.41L11.5,9.75L17.16,15.41L16.45,16.11L11.5,11.16L6.55,16.11L5.84,15.41Z" })));
-};

package/dist/Icons/IconAccount/IconAccount10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconAccount10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconAccount/IconAccount10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconAccount10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11.5,14C15.64,14 19,15.57 19,17.5V20H4V17.5C4,15.57 7.36,14 11.5,14M18,17.5C18,16.12 15.09,15 11.5,15C7.91,15 5,16.12 5,17.5V19H18V17.5M11.5,5C13.43,5 15,6.57 15,8.5C15,10.43 13.43,12 11.5,12C9.57,12 8,10.43 8,8.5C8,6.57 9.57,5 11.5,5M11.5,6C10.12,6 9,7.12 9,8.5C9,9.88 10.12,11 11.5,11C12.88,11 14,9.88 14,8.5C14,7.12 12.88,6 11.5,6Z" })));
-};

package/dist/Icons/IconAlarm/IconAlarm10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconAlarm10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconAlarm/IconAlarm10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconAlarm10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11.5,6C15.64,6 19,9.36 19,13.5C19,17.64 15.64,21 11.5,21C7.36,21 4,17.64 4,13.5C4,9.36 7.36,6 11.5,6M11.5,7C7.91,7 5,9.91 5,13.5C5,17.09 7.91,20 11.5,20C15.09,20 18,17.09 18,13.5C18,9.91 15.09,7 11.5,7M11,9H12V13.36L15.05,14.78L14.63,15.69L11,14V9M15.25,5.25L15.89,4.5L19.72,7.7L19.08,8.46L15.25,5.25M7.75,5.25L3.92,8.46L3.28,7.7L7.11,4.5L7.75,5.25Z" })));
-};

package/dist/Icons/IconBank/IconBank10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconBank10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconBank/IconBank10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconBank10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M11,2.5L20,7V9H2V7L11,2.5M15,10H19V18H15V10M2,22V19H20V22H2M9,10H13V18H9V10M3,10H7V18H3V10M3,20V21H19V20H3M4,11V17H6V11H4M10,11V17H12V11H10M16,11V17H18V11H16M3,8H19V7.6L11,3.58L3,7.6V8Z" })));
-};

package/dist/Icons/IconBell/IconBell10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconBell10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconBell/IconBell10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconBell10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', color: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M12,4.5C12,4.22 11.78,4 11.5,4C11.22,4 11,4.22 11,4.5V6.03C8.75,6.28 7,8.18 7,10.5V16.41L5.41,18H17.59L16,16.41V10.5C16,8.18 14.25,6.28 12,6.03V4.5M11.5,3C12.33,3 13,3.67 13,4.5V5.21C15.31,5.86 17,8 17,10.5V16L20,19H3L6,16V10.5C6,8 7.69,5.86 10,5.21V4.5C10,3.67 10.67,3 11.5,3M11.5,22C10.29,22 9.28,21.14 9.05,20H10.09C10.29,20.58 10.85,21 11.5,21C12.15,21 12.71,20.58 12.91,20H13.95C13.72,21.14 12.71,22 11.5,22Z" })));
-};

package/dist/Icons/IconBriefcase/IconBriefcase10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconBriefcase10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconBriefcase/IconBriefcase10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconBriefcase10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M5,7H8V5L10,3H13L15,5V7H18C19.66,7 21,8.34 21,10V18C21,19.66 19.66,21 18,21H5C3.34,21 2,19.66 2,18V10C2,8.34 3.34,7 5,7M10.41,4L9,5.41V7H14V5.41L12.59,4H10.41M5,8C3.9,8 3,8.9 3,10V18C3,19.1 3.9,20 5,20H18C19.1,20 20,19.1 20,18V10C20,8.9 19.1,8 18,8H5Z" })));
-};

package/dist/Icons/IconCalendar/IconCalendar10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconCalendar10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconCalendar/IconCalendar10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconCalendar10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M7,2H8C8.55,2 9,2.45 9,3V4H14V3C14,2.45 14.45,2 15,2H16C16.55,2 17,2.45 17,3V4C18.66,4 20,5.34 20,7V18C20,19.66 18.66,21 17,21H6C4.34,21 3,19.66 3,18V7C3,5.34 4.34,4 6,4V3C6,2.45 6.45,2 7,2M15,4H16V3H15V4M8,4V3H7V4H8M6,5C4.9,5 4,5.9 4,7V8H19V7C19,5.9 18.1,5 17,5H6M4,18C4,19.1 4.9,20 6,20H17C18.1,20 19,19.1 19,18V9H4V18M12,13H17V18H12V13M13,14V17H16V14H13Z" })));
-};

package/dist/Icons/IconCheck/IconCheck10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconCheck10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconCheck/IconCheck10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconCheck10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M18.9,8.1L9,18L4.05,13.05L4.76,12.34L9,16.59L18.19,7.39L18.9,8.1Z" })));
-};

package/dist/Icons/IconClose/IconClose10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconClose10 = ({ color = 'inherit', htmlColor, strokeWidth, onClick }) => {
-    return (React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color, onClick: onClick },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" })));
-};

package/dist/Icons/IconColorPicker/IconColorPicker10.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export declare const IconColorPicker10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-    className?: string;
-}>;

package/dist/Icons/IconColorPicker/IconColorPicker10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconColorPicker10 = ({ color = 'inherit', htmlColor, strokeWidth, className, }) => {
-    return (React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: `${color} ${className}` },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: 0, strokeLinejoin: "round", d: "M6.92,19L5,17.08L13.06,9L15,10.94M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L13.84,6.41L11.91,4.5L10.5,5.91L11.92,7.33L3,16.25V21H7.75L16.67,12.08L18.09,13.5L19.5,12.09L17.58,10.17L20.7,7.05C21.1,6.65 21.1,6 20.71,5.63Z" })));
-};

package/dist/Icons/IconError/IconError10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconError10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;

package/dist/Icons/IconError/IconError10.js

@@ -1,5 +0,0 @@
-import React from 'react';
-export const IconError10 = ({ color = 'inherit', htmlColor, strokeWidth, }) => {
-    return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: color },
-        React.createElement("path", { fill: htmlColor || 'currentColor', stroke: htmlColor || 'currentColor', strokeWidth: strokeWidth || '0', strokeLinejoin: "round", d: "M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" })));
-};

package/dist/Icons/IconEyeOff/IconEyeOff10.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export declare const IconEyeOff10: FC<{
-    color?: string;
-    htmlColor?: string;
-    strokeWidth?: string;
-}>;