kamotive_ui 1.2.4 → 1.2.6

package/dist/Intro/Welcome.module.css

@@ -1,5 +1,5 @@
 .h1{
-  font-family: 'Raleway';
+  font-family: var(--font-family);
   font-style: normal;
   font-weight: 600;
   line-height: 16.5px;
@@ -8,7 +8,7 @@
   margin: 20px;
 }
 .body {
-  font-family: 'Raleway';
+  font-family: var(--font-family);
   font-style: normal;
   font-weight: 400;
   line-height: 16.5px;

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

@@ -163,7 +163,7 @@
 }
 /* Для всех инпутов в пикере */
 :global(.w-color-chrome) :global(.w-color-editable-input) input {
-  font-family: 'Raleway' !important;
+  font-family: var(--font-family) !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 14px !important;
@@ -204,7 +204,7 @@ border-left: none !important;
 }
 /* Для лейблов */
 :global(.w-color-chrome-fields) :global(.w-color-editable-input) label {
-  font-family: 'Raleway' !important;
+  font-family: var(--font-family) !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 16.5px !important;
@@ -240,7 +240,7 @@ border-left: none !important;
 .hex > :global(.w-color-editable-input) > input {
   /* padding: 0 !important; */
   font-size: 12px !important;
-  font-family: 'Raleway' !important;
+  font-family: var(--font-family) !important;
   padding: 5px !important;
   width: 70px !important;
   height: 45px !important;

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

@@ -8,7 +8,7 @@ export interface DropdownListItemProps {
     getOptionLabel?: ((option: TOptions) => string);
     size: 'md' | 'lg';
     selectedItem: TOptions | null;
-    style?: 'icons' | 'text';
+    variant?: 'icons' | 'text';
     onChange: (event: React.MouseEvent<HTMLElement>, item: TOptions | null) => void;
     isActive?: boolean;
     activeIndex?: number;

package/dist/components/Dropdown/Dropdown.js

@@ -51,7 +51,7 @@ function checkItem(item, getOptionLabel, disabled, isDivider) {
         return null;
     }
 }
-export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedItem, style, onChange, isActive, activeIndex, index, }) => {
+export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedItem, variant, onChange, isActive, activeIndex, index, }) => {
     var _a;
     const handleItemClick = useCallback((event) => {
         event.preventDefault();
@@ -65,11 +65,11 @@ export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedIt
         [styles['item-block--disabled']]: item === null || item === void 0 ? void 0 : item.disabled,
         [styles['item-block--active']]: isActive,
     });
-    const itemBlock = classNames(styles[`item-block`], styles[`item-block-${style}`], { [styles[`item-block-${style}--selected`]]: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === (item === null || item === void 0 ? void 0 : item.value) }, { [styles['item-block--disabled']]: item === null || item === void 0 ? void 0 : item.disabled });
+    const itemBlock = classNames(styles[`item-block`], styles[`item-block-${variant}`], { [styles[`item-block-${variant}--selected`]]: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === (item === null || item === void 0 ? void 0 : item.value) }, { [styles['item-block--disabled']]: item === null || item === void 0 ? void 0 : item.disabled });
     return (React.createElement("div", { className: itemContainerClasses, onClick: handleItemClick },
         React.createElement("div", { className: itemClassess },
             React.createElement("div", { className: itemBlock },
-                style === 'icons' &&
+                variant === 'icons' &&
                     (item === null || item === void 0 ? void 0 : item.icon) &&
                     React.cloneElement(item.icon, {
                         strokeWidth: size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0',
@@ -83,7 +83,7 @@ export const DropdownListItem = ({ item, getOptionLabel, size = 'md', selectedIt
             return (React.createElement(DropdownListItem, { key: (_a = child === null || child === void 0 ? void 0 : child.key) !== null && _a !== void 0 ? _a : childIndex, item: child, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, onChange: onChange, isActive: activeIndex === index, activeIndex: activeIndex, index: childIndex }));
         })))));
 };
-export const Dropdown = ({ id, label, placeholder, size = 'lg', options, getOptionLabel, value, defaultValue, style = 'text', className, disabled = false, readOnly = false, isOpened = false, noOptionsText = 'Нет вариатов для выбора', isLeftLabel = false, error = false, helperText, onChange, onClose, clearable = true, required = false, isDivider = false, }) => {
+export const Dropdown = ({ id, label, placeholder, size = 'lg', options, getOptionLabel, value, defaultValue, variant = 'text', style, className, disabled = false, readOnly = false, isOpened = false, noOptionsText = 'Нет вариатов для выбора', isLeftLabel = false, error = false, helperText, onChange, onClose, clearable = true, required = false, isDivider = false, }) => {
     var _a;
     const [isOpen, setIsOpen] = useState(isOpened);
     const [modifiedOptions, setModifiedOptions] = useState([]);
@@ -170,13 +170,13 @@ export const Dropdown = ({ id, label, placeholder, size = 'lg', options, getOpti
             setErrorInputHelperText(helperText !== null && helperText !== void 0 ? helperText : 'Поле обязательно для заполнения');
         }
     };
-    const wrapperClassess = classNames({
+    const wrapperClassess = classNames(className, {
         [styles['dropdown--container']]: !isLeftLabel,
         [styles['dropdown--container-left']]: isLeftLabel,
         [styles['dropdown--container-label']]: label && !isLeftLabel && !required,
         [styles['dropdown--container-helperText']]: errorInput,
     });
-    const buttonClassess = classNames(styles.button, className, styles[`button--${size}`], {
+    const buttonClassess = classNames(styles.button, styles[`button--${size}`], {
         [styles['button-item--selected']]: (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !disabled,
         [styles['button--readOnly']]: readOnly,
         [styles['button--disabled']]: disabled,
@@ -193,12 +193,12 @@ export const Dropdown = ({ id, label, placeholder, size = 'lg', options, getOpti
     const selectedItemClassess = classNames({
         [styles['item-selected']]: selectedItem,
         [styles['item-placeholder']]: !selectedItem && ((placeholder !== null && placeholder !== void 0 ? placeholder : label) || (!placeholder && !label)),
-        [styles['button--icons--item-selected']]: style === 'icons' && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon),
+        [styles['button--icons--item-selected']]: variant === 'icons' && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon),
     });
     const getDropdownMenu = () => {
         const menu = isOpen && (React.createElement("div", { className: dropdownClassess }, modifiedOptions && modifiedOptions.length > 0 ? (modifiedOptions.map((modifiedOption, index) => {
             var _a;
-            return (React.createElement(DropdownListItem, { key: (_a = modifiedOption === null || modifiedOption === void 0 ? void 0 : modifiedOption.key) !== null && _a !== void 0 ? _a : index, item: modifiedOption, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, style: style, onChange: onChangeHandler, isActive: activeIndex === index, activeIndex: activeIndex, index: index }));
+            return (React.createElement(DropdownListItem, { key: (_a = modifiedOption === null || modifiedOption === void 0 ? void 0 : modifiedOption.key) !== null && _a !== void 0 ? _a : index, item: modifiedOption, getOptionLabel: getOptionLabel, size: size, selectedItem: selectedItem, variant: variant, onChange: onChangeHandler, isActive: activeIndex === index, activeIndex: activeIndex, index: index }));
         })) : (React.createElement("div", { className: styles['no-options'] }, noOptionsText))));
         return isOpen ? menu : null;
     };
@@ -258,11 +258,11 @@ export const Dropdown = ({ id, label, placeholder, size = 'lg', options, getOpti
     useEffect(() => {
         setErrorInput(error);
     }, [error]);
-    return (React.createElement("div", { id: id, className: wrapperClassess, ref: containerRef, style: { width: isLeftLabel && containerWidth ? `${containerWidth}px` : '100%' } },
+    return (React.createElement("div", { id: id, className: wrapperClassess, ref: containerRef, style: style ? style : { width: isLeftLabel && containerWidth ? `${containerWidth}px` : '100%' } },
         label && (React.createElement(Typography, { variant: "Caption", className: labelClasses }, label)),
         React.createElement("button", { className: buttonClassess, onClick: readOnly ? undefined : handleToggle, disabled: disabled, tabIndex: 0, onKeyDown: handleKeyDown },
             React.createElement("div", { className: selectedItemClassess },
-                style === 'icons' &&
+                variant === 'icons' &&
                     (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon) &&
                     React.cloneElement(selectedItem.icon, {
                         strokeWidth: size === 'lg' ? '0.5' : size === 'md' ? '0.3' : '0.0',

package/dist/components/Dropdown/Dropdown.module.css

@@ -29,7 +29,7 @@
 }
 
 .button {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-style: normal;
   font-weight: 400;
   line-height: 16.5px;

package/dist/components/FileAttach/FileAttach.js

@@ -4,11 +4,12 @@ import styles from './FileAttach.module.css';
 import { Typography } from '../Typography/Typography';
 import { IconUpload } from '../../Icons';
 import { Loader } from '../Loader/Loader';
+import classNames from 'classnames';
 export const FileAttach = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats = {
     'image/*': ['.png', '.gif', '.jpeg', '.jpg'],
     'application/pdf': ['.pdf'],
     'application/msword': ['.doc', '.docx'],
-}, addedFiles, setAddedFiles, disabled = false, }) => {
+}, addedFiles, setAddedFiles, disabled = false, className, style, }) => {
     const [errorFiles, setErrorFiles] = useState([]);
     const fileValidator = (file) => {
         if (file.size > maxFileSize * 1024 * 1024 * 1024) {
@@ -59,7 +60,7 @@ export const FileAttach = ({ maxFileSize = 2, maxFileCount = 10, acceptedFormats
         }
         return formats.join(', ');
     };
-    return (React.createElement("section", { className: styles['fileAttach'] },
+    return (React.createElement("section", { className: classNames(styles['fileAttach'], className), style: style },
         React.createElement("div", Object.assign({}, getRootProps({ className: `${styles['dropzone']} ${disabled ? styles['disabled'] : ''}` })),
             React.createElement("input", Object.assign({}, getInputProps())),
             React.createElement(IconUpload, { htmlColor: disabled ? 'var(--grey-medium)' : 'var(--icons-grey)' }),

package/dist/components/Input/Input.js

@@ -6,7 +6,7 @@ import { Typography } from '../Typography/Typography';
 /**
  * Компонент Input для создания текстовых полей ввода различных стилей и размеров.
  */
-export const Input = ({ id, label, placeholder, size = 'lg', value, className, multiline = false, rows = 4, resize = false, disabled = false, readOnly = false, isLeftLabel = false, icon, error = false, helperText, onChange, required = false, }) => {
+export const Input = ({ id, label, placeholder, size = 'lg', value, style, className, multiline = false, rows = 4, resize = false, disabled = false, readOnly = false, isLeftLabel = false, icon, error = false, helperText, onChange, required = false, }) => {
     const [inputLabel, setInputLabel] = useState(label);
     const handleChange = (event) => {
         event.stopPropagation();
@@ -21,12 +21,12 @@ export const Input = ({ id, label, placeholder, size = 'lg', value, className, m
             setInputLabel('');
         }
     };
-    const wrapperClassess = classNames(styles['wrapper--input'], {
+    const wrapperClassess = classNames(styles['wrapper--input'], className, {
         [styles['wrapper--left']]: isLeftLabel,
         [styles['wrapper--input-label']]: label && !isLeftLabel && !required,
         [styles['wrapper--input-helperText']]: error,
     });
-    const inputClassess = classNames(styles.input, styles[size], className, {
+    const inputClassess = classNames(styles.input, styles[size], {
         [styles['input--error']]: error,
         [styles['readOnly']]: readOnly,
         [styles['input--withIcon']]: icon,
@@ -40,7 +40,7 @@ export const Input = ({ id, label, placeholder, size = 'lg', value, className, m
         [styles['label--left']]: isLeftLabel,
         [styles['label--required']]: required,
     });
-    return (React.createElement("div", { className: wrapperClassess },
+    return (React.createElement("div", { className: wrapperClassess, style: style },
         inputLabel && (React.createElement(Typography, { variant: "Caption", className: labelClasses }, inputLabel)),
         icon && React.createElement("div", { className: styles.icon }, icon),
         multiline ? (React.createElement("textarea", { id: id, className: inputClassess, value: value, placeholder: placeholder, onChange: handleChange, disabled: disabled, style: { height: `${rows * 20}px` } })) : (React.createElement("input", { id: id, className: inputClassess, value: value, placeholder: placeholder, onChange: handleChange, disabled: disabled, readOnly: readOnly })),

package/dist/components/Input/Input.module.css

@@ -19,7 +19,7 @@
 }
 
 .input {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-style: normal;
   font-weight: 400;
   position: relative;

package/dist/components/ProgressBar/ProgressBar.module.css

@@ -39,7 +39,7 @@
 .progress-bar-percentage {
   /* position: absolute; */
   /* top: 50%; */
-  /* font-family: var(--font-family-main);
+  /* font-family: var(--font-family);
   font-weight: 300;
   font-size: 11px;
   line-height: 13; */

package/dist/components/Tabs/Tabs.module.css

@@ -18,7 +18,7 @@
   background-color: var(--tab-extraLight);
   border: none;
 
-  font-family: 'Raleway';
+  font-family: var(--font-family);
   font-style: normal;
   font-weight: 400;
   font-size: 13px;

package/dist/components/Tag/Tag.module.css

@@ -7,7 +7,7 @@
   align-items: center;
   gap: 10px;
 
-  font-family: 'Raleway';
+  font-family: var(--font-family);
   font-style: normal;
   font-weight: 500;
   font-size: 12px;

package/dist/components/ToggleButton/ToggleButton.module.css

@@ -4,7 +4,7 @@
     justify-content: left;
     gap: 5px;
 
-    font-family: 'Raleway';
+    font-family: var(--font-family);
     font-style: normal;
     font-weight: 400;
     font-size: 14px;

package/dist/components/Typography/Typography.module.css

@@ -1,6 +1,6 @@
 
 .typography--variant-Heading1 {
-    font-family: var(--font-family-main);
+    font-family: var(--font-family);
     font-size: var(--font-size-48);
     font-weight: var(--font-weight-bold);
     line-height: var(--lineHeight-48);
@@ -8,7 +8,7 @@
     text-decoration: none;
 }
 .typography--variant-Heading2 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-36);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-36);
@@ -16,7 +16,7 @@
   text-decoration: none;
 }
 .typography--variant-Heading3 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-24);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-24);
@@ -24,7 +24,7 @@
   text-decoration: none;
 }
 .typography--variant-Heading4 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-20);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-20);
@@ -32,7 +32,7 @@
   text-decoration: none;
 }
 .typography--variant-Subheading1 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-36);
   font-weight: var(--font-weight-medium);
   line-height: var(--lineHeight-36);
@@ -40,7 +40,7 @@
   text-decoration: none;
 }
 .typography--variant-Subheading2 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-24);
   font-weight: var(--font-weight-regular);
   line-height: var(--lineHeight-24);
@@ -48,7 +48,7 @@
   text-decoration: none;
 }
 .typography--variant-Subheading2-Medium {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-24);
   font-weight: var(--font-weight-medium);
   line-height: var(--lineHeight-24);
@@ -56,7 +56,7 @@
   text-decoration: none;
 }
 .typography--variant-Subheading3 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-20);
   font-weight: var(--font-weight-regular);
   line-height: var(--lineHeight-20);
@@ -64,7 +64,7 @@
   text-decoration: none;
 }
 .typography--variant-Subheading3-Medium {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-20);
   font-weight: var(--font-weight-medium);
   line-height: var(--lineHeight-20);
@@ -72,7 +72,7 @@
   text-decoration: none;
 }
 .typography--variant-Body {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-18);
   font-weight: var(--font-weight-regular);
   line-height: var(--lineHeight-18);
@@ -80,7 +80,7 @@
   text-decoration: none;
 }
 .typography--variant-Body-Medium {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-18);
   font-weight: var(--font-weight-meduim);
   line-height: var(--lineHeight-18);
@@ -88,7 +88,7 @@
   text-decoration: none;
 }
 .typography--variant-Body-Bold{
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-18);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-18);
@@ -96,7 +96,7 @@
   text-decoration: none;
 }
 .typography--variant-Body1-Light {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-light);
   line-height: var(--lineHeight-16);
@@ -104,7 +104,7 @@
   text-decoration: none;
 }
 .typography--variant-Body1 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-regular);
   line-height: var(--lineHeight-16);
@@ -112,7 +112,7 @@
   text-decoration: none;
 }
 .typography--variant-Body1-Medium {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-medium);
   line-height: var(--lineHeight-16);
@@ -120,7 +120,7 @@
   text-decoration: none;
 }
 .typography--variant-Body1-SemiBold{
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-semiBold);
   line-height: var(--lineHeight-16);
@@ -128,31 +128,15 @@
   text-decoration: none;
 }
 .typography--variant-Body1-Bold{
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-16);
   letter-spacing: var(--letterSpacing);
   text-decoration: none;
 }
-.typography--variant-Body1Mono-Regular {
-  font-family: var(--font-family-secondary);
-  font-size: var(--font-size-16);
-  font-weight: var(--font-weight-regular);
-  line-height: var(--lineHeight-16);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
-.typography--variant-Body1Mono-Bold {
-  font-family: var(--font-family-secondary);
-  font-size: var(--font-size-16);
-  font-weight: var(--font-weight-semiBold);
-  line-height: var(--lineHeight-16);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
 .typography--variant-Body2-Light {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-14);
   font-weight: var(--font-weight-light);
   line-height: var(--lineHeight-14);
@@ -160,7 +144,7 @@
   text-decoration: none;
 }
 .typography--variant-Body2 {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-14);
   font-weight: var(--font-weight-regular);
   line-height: var(--lineHeight-14);
@@ -168,7 +152,7 @@
   text-decoration: none;
 }
 .typography--variant-Body2-Medium {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-14);
   font-weight: var(--font-weight-meduim);
   line-height: var(--lineHeight-14);
@@ -176,7 +160,7 @@
   text-decoration: none;
 }
 .typography--variant-Body2-SemiBold{
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-14);
   font-weight: var(--font-weight-semiBold);
   line-height: var(--lineHeight-14);
@@ -184,23 +168,7 @@
   text-decoration: none;
 }
 .typography--variant-Body2-Bold{
-  font-family: var(--font-family-main);
-  font-size: var(--font-size-14);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--lineHeight-14);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
-.typography--variant-Body2Mono-Medium {
-  font-family: var(--font-family-secondary);
-  font-size: var(--font-size-14);
-  font-weight: var(--font-weight-medium);
-  line-height: var(--lineHeight-14);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
-.typography--variant-Body2Mono-Bold {
-  font-family: var(--font-family-secondary);
+  font-family: var(--font-family);
   font-size: var(--font-size-14);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-14);
@@ -208,7 +176,7 @@
   text-decoration: none;
 }
 .typography--variant-Caption {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-12);
   font-weight: var(--font-weight-regular);
   line-height: var(--lineHeight-12);
@@ -216,7 +184,7 @@
   text-decoration: none;
 }
 .typography--variant-Caption-Medium {
-  font-family: var(--font-family-main);
+  font-family: var(--font-family);
   font-size: var(--font-size-12);
   font-weight: var(--font-weight-meduim);
   line-height: var(--lineHeight-12);
@@ -224,36 +192,10 @@
   text-decoration: none;
 }
 .typography--variant-Caption-Bold{
-  font-family: var(--font-family-main);
-  font-size: var(--font-size-12);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--lineHeight-12);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
-
-.typography--variant-CaptionMono {
-  font-family: var(--font-family-secondary);
-  font-size: var(--font-size-12);
-  font-weight: var(--font-weight-regular);
-  line-height: var(--lineHeight-12);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
-.typography--variant-CaptionMono-Medium {
-  font-family: var(--font-family-secondary);
-  font-size: var(--font-size-12);
-  font-weight: var(--font-weight-meduim);
-  line-height: var(--lineHeight-12);
-  letter-spacing: var(--letterSpacing);
-  text-decoration: none;
-}
-.typography--variant-CaptionMono-Bold{
-  font-family: var(--font-family-secondary);
+  font-family: var(--font-family);
   font-size: var(--font-size-12);
   font-weight: var(--font-weight-bold);
   line-height: var(--lineHeight-12);
   letter-spacing: var(--letterSpacing);
   text-decoration: none;
 }
-

package/dist/components/Typography/enums.d.ts

@@ -5,14 +5,18 @@ export declare enum ETypographyVariants {
     'Heading4' = "Heading4",
     'Subheading1' = "Subheading1",
     'Subheading2' = "Subheading2",
+    'Subheading2-Medium' = "Subheading2-Medium",
     'Subheading3' = "Subheading3",
+    'Subheading3-Medium' = "Subheading3-Medium",
     'Body' = "Body",
     'Body-Medium' = "Body-Medium",
     'Body-Bold' = "Body-Bold",
+    'Body1-Light' = "Body1-Light",
     'Body1' = "Body1",
     'Body1-Medium' = "Body1-Medium",
     'Body1-SemiBold' = "Body1-SemiBold",
     'Body1-Bold' = "Body1-Bold",
+    'Body2-Light' = "Body2-Light",
     'Body2' = "Body2",
     'Body2-Medium' = "Body2-Medium",
     'Body2-SemiBold' = "Body2-SemiBold",

package/dist/components/Typography/enums.js

@@ -6,14 +6,18 @@ export var ETypographyVariants;
     ETypographyVariants["Heading4"] = "Heading4";
     ETypographyVariants["Subheading1"] = "Subheading1";
     ETypographyVariants["Subheading2"] = "Subheading2";
+    ETypographyVariants["Subheading2-Medium"] = "Subheading2-Medium";
     ETypographyVariants["Subheading3"] = "Subheading3";
+    ETypographyVariants["Subheading3-Medium"] = "Subheading3-Medium";
     ETypographyVariants["Body"] = "Body";
     ETypographyVariants["Body-Medium"] = "Body-Medium";
     ETypographyVariants["Body-Bold"] = "Body-Bold";
+    ETypographyVariants["Body1-Light"] = "Body1-Light";
     ETypographyVariants["Body1"] = "Body1";
     ETypographyVariants["Body1-Medium"] = "Body1-Medium";
     ETypographyVariants["Body1-SemiBold"] = "Body1-SemiBold";
     ETypographyVariants["Body1-Bold"] = "Body1-Bold";
+    ETypographyVariants["Body2-Light"] = "Body2-Light";
     ETypographyVariants["Body2"] = "Body2";
     ETypographyVariants["Body2-Medium"] = "Body2-Medium";
     ETypographyVariants["Body2-SemiBold"] = "Body2-SemiBold";

package/dist/fonts.css

@@ -1,7 +1,6 @@
-@import url('https://fonts.googleapis.com/css2?family=Quicksand&family=Raleway:wght@100..900&display=swap'); 
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 :root {
-  --font-family-main: 'Raleway', sans-serif; 
-  --font-family-secondary: 'Quicksand', sans-serif; 
+  --font-family: 'Montserrat', sans-serif; 
 
   --font-size-48: 48px;
   --font-size-36: 36px;
@@ -23,6 +22,8 @@
   --lineHeight-12: 16px;
   --lineHeight-10: 14px;
 
+  --font-weight-black: 900;
+  --font-weight-extraBold: 800;
   --font-weight-bold: 700;
   --font-weight-semiBold: 600;
   --font-weight-medium:500;

package/dist/types/index.d.ts

@@ -45,6 +45,8 @@ export interface InputProps {
     size?: 'sm' | 'md' | 'lg';
     /** Знчение */
     value?: string;
+    /** Стили передаваемые напрямую */
+    style?: CSSProperties;
     /** Дополнительный класс */
     className?: string;
     /** Многострочное поле */
@@ -134,8 +136,10 @@ export interface DropdownProps {
     value?: string | number | TOptions | null;
     /** Значение по умолчанию */
     defaultValue?: string | number | TOptions | null;
-    /** Стиль выпадающего списка(текст+иконка, текст) */
-    style?: 'icons' | 'text';
+    /** Вариaнты выпадающего списка(текст + иконка, текст)' */
+    variant?: 'icons' | 'text';
+    /** Стили передаваемые напрямую */
+    style?: CSSProperties;
     /**Дополнительный класс */
     className?: string;
     /** Заблокированный */
@@ -307,4 +311,8 @@ export interface FileAttachProps {
     setAddedFiles: (addedFiles: File[]) => void;
     /**Заблокировано добавление файлов*/
     disabled?: boolean;
+    /** Дополнительный класс */
+    className?: string;
+    /** Стили передаваемые напрямую */
+    style?: CSSProperties;
 }

package/package.json

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