kamotive_ui 13.2.26 → 14.5.26

package/dist/components/Button/Button.d.ts

@@ -3,4 +3,4 @@ import { ButtonProps } from '../../types';
 /**
  * Компонент Button представляет собой кнопку, которую можно настроить с помощью различных параметров (размер, иконки, стили, состояние).
  */
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -5,7 +5,7 @@ import { Typography } from '../Typography/Typography';
 /**
  * Компонент Button представляет собой кнопку, которую можно настроить с помощью различных параметров (размер, иконки, стили, состояние).
  */
-export const Button = ({ label, variant = 'fill', size = 'md', mode, style, condition, icon, disabled = false, onClick, children, error, color, name, type = 'button', form }) => {
+export const Button = React.forwardRef(({ label, variant = 'fill', size = 'md', mode, style, condition, icon, disabled = false, onClick, children, error, color, name, type = 'button', form, className, active, }, ref) => {
     const btnIcon = icon || typeof children === 'object' && children;
     let modeStyle = 'text';
     if (mode) {
@@ -15,9 +15,10 @@ export const Button = ({ label, variant = 'fill', size = 'md', mode, style, cond
         modeStyle = (!label && !children) ? 'icon' : 'default';
     }
     const buttonCondition = error ? 'error' : (condition || 'default');
-    const buttonClasses = classNames(styles['button'], styles[`button--${size}`], styles[`button--${modeStyle}`], {
+    const buttonClasses = classNames(styles['button'], styles[`button--${size}`], styles[`button--${modeStyle}`], className, {
         [styles[`button--${variant}-${buttonCondition}`]]: buttonCondition && !color,
-        [styles[`button--${variant}-custom`]]: color && !error
+        [styles[`button--${variant}-custom`]]: color && !error,
+        [styles[`button--${variant}-${buttonCondition}--active`]]: active && buttonCondition && !color,
     });
     const iconColorFn = () => {
         if (buttonCondition && !color) {
@@ -60,7 +61,7 @@ export const Button = ({ label, variant = 'fill', size = 'md', mode, style, cond
         return (React.createElement("button", { className: buttonClasses },
             React.createElement(Typography, { variant: "Body1" }, "\u041A\u043D\u043E\u043F\u043A\u0430")));
     }
-    return (React.createElement("button", { className: buttonClasses, style: Object.assign(Object.assign({}, style), (color && !error ? {
+    return (React.createElement("button", { className: buttonClasses, ref: ref, style: Object.assign(Object.assign({}, style), (color && !error ? {
             '--button-color': color,
             '--button-hover-color': variant === 'fill' || variant === 'link' ? `color-mix(in srgb, ${color} 90%, black)` : `color-mix(in srgb, ${color} 10%, transparent)`,
             '--button-active-color': variant === 'fill' || variant === 'link' ? `color-mix(in srgb, ${color} 80%, black)` : `color-mix(in srgb, ${color} 20%, transparent)`,
@@ -77,4 +78,4 @@ export const Button = ({ label, variant = 'fill', size = 'md', mode, style, cond
             });
         })(),
         (modeStyle === 'text' || modeStyle === 'default') && (React.createElement(Typography, { variant: "Body1" }, label ? label : typeof children === 'string' && children))));
-};
+});

package/dist/components/Button/Button.module.css

@@ -200,7 +200,8 @@
   color: var(--blue-main);
   border: 1px solid var(--blue-main);
 }
-.button--outline-default:hover {
+.button--outline-default:hover,
+.button--outline-default--active {
   background-color: rgba(13, 153, 255, 0.07);
   color: var(--blue-main);
   border: 1px solid var(--blue-main);

package/dist/components/Dialog/Dialog.module.css

@@ -24,6 +24,7 @@
     display: flex;
     flex-direction: column; 
     gap: 1rem;
+    min-height: 0;
 }
 
 .maxWidth--xs {

package/dist/components/Dropdown/Dropdown.d.ts

@@ -16,4 +16,4 @@ export interface DropdownListItemProps<T extends BaseOptions> {
     isChild?: boolean;
 }
 export declare const DropdownListItem: <T extends BaseOptions>({ item, getOptionLabel, size, selectedItem, variant, onChange, isActive, activeIndex, index, isChild, }: DropdownListItemProps<T>) => React.JSX.Element;
-export declare const Dropdown: <T extends BaseOptions>({ options, id, label, placeholder, required, value, defaultValue, onChange, showLoadMore, loadMore, getOptionLabel, variant, size, style, className, isLeftLabel, isDivider, disabled, readOnly, isOpened, error, helperText, onClick, onBlur, onFocus, onClose, clearable, enableAutocomplete, onSearch, isSearchLoading, noOptionsText, lng, multiple, limitTags, }: DropdownProps<T>) => React.JSX.Element;
+export declare const Dropdown: <T extends BaseOptions>({ options, id, label, placeholder, required, value, defaultValue, onChange, showLoadMore, loadMore, getOptionLabel, variant, size, style, className, isLeftLabel, isDivider, disabled, readOnly, isOpened, error, helperText, onOpen, onClick, onBlur, onFocus, onClose, clearable, enableAutocomplete, onSearch, isOptionsLoading, isSearchLoading, noOptionsText, lng, multiple, limitTags, }: DropdownProps<T>) => React.JSX.Element;