@expressms/smartapp-ui 1.1.7 → 1.1.9

package/build/main//321/201omponents/DragAndDrop/DragAndDrop.d.ts

@@ -1,4 +1,4 @@
 import { IDragAndDropProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const DragAndDrop: ({ placeholder, options, onDragEndFunction, onChangeIsCompletedOption, onChangeOption, onClickDeleteOption, width, checkboxColor, orderColor, deleteColor, }: IDragAndDropProps) => import("react/jsx-runtime").JSX.Element;
 export default DragAndDrop;

package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js

@@ -16,8 +16,9 @@ import { ReactComponent as OrderIcon } from '../../assets/icons/order.svg';
 import { ReactComponent as DeleteIcon } from '../../assets/icons/close.svg';
 import CheckBox from '../Checkbox';
 import { getColor } from '../../helpers';
-import { DEFAULT_BLUE_ICON_COLOR, DEFAULT_GRAY_ICON_COLOR } from '../../constants';
-import '../../styles/stories.module.scss';
+import { COLORS } from '../../constants';
+// import './dragAndDrop.scss'
+import '../../styles/styles.scss';
 var DragAndDrop = function (_a) {
     var placeholder = _a.placeholder, options = _a.options, onDragEndFunction = _a.onDragEndFunction, onChangeIsCompletedOption = _a.onChangeIsCompletedOption, onChangeOption = _a.onChangeOption, onClickDeleteOption = _a.onClickDeleteOption, width = _a.width, checkboxColor = _a.checkboxColor, orderColor = _a.orderColor, deleteColor = _a.deleteColor;
     var _b = useState(false), isOnDragStart = _b[0], setIsOnDragStart = _b[1];
@@ -50,6 +51,7 @@ var DragAndDrop = function (_a) {
         var newOptions = reorderOptions(options, result.source.index, result.destination.index);
         onDragEndFunction(newOptions);
     };
-    return (_jsx("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-drag-drop" }, { children: _jsx(DragDropContext, __assign({ onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: _jsx(Droppable, __assign({ droppableId: "droppable" }, { children: function (provided) { return (_jsx("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "smartapp-drag-drop__container" }, { children: options === null || options === void 0 ? void 0 : options.map(function (instanceOption, index) { return (_jsx(Draggable, __assign({ draggableId: instanceOption.id, index: index }, { children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "smartapp-drag-drop__container--instance" }, { children: [_jsxs("div", __assign({ className: "smartapp-drag-drop__container--instance__info" }, { children: [isCheckbox(instanceOption) && onChangeIsCompletedOption && (_jsx(CheckBox, { id: instanceOption.id, isChecked: instanceOption.isCompleted, checkedColor: checkboxColor, onChange: function () { return onChangeIsCompletedOption(instanceOption); } })), onChangeOption ? (_jsx("input", { onChange: function (e) { return onChangeOption && onChangeOption(e, instanceOption); }, defaultValue: instanceOption.defaultValue, className: "smartapp-drag-drop__container--instance__info--name", type: "text", enterKeyHint: "enter", placeholder: placeholder }, instanceOption === null || instanceOption === void 0 ? void 0 : instanceOption.id)) : (_jsx("p", __assign({ className: "smartapp-drag-drop__container--instance__info--name" }, { children: instanceOption.defaultValue })))] })), _jsxs("div", __assign({ className: "smartapp-drag-drop__container--instance__icons" }, { children: [_jsx(OrderIcon, { style: { color: getColor(orderColor, DEFAULT_GRAY_ICON_COLOR) } }), onClickDeleteOption && _jsx(DeleteIcon, { className: "cp", style: { color: getColor(deleteColor, DEFAULT_BLUE_ICON_COLOR) }, onClick: function () { return onClickDeleteOption(instanceOption); } })] }))] }))); } }), instanceOption.id)); }) }))); } })) })) })));
+    return (_jsx("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-drag-drop" }, { children: _jsx(DragDropContext, __assign({ onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: _jsx(Droppable, __assign({ droppableId: "droppable" }, { children: function (provided) { return (_jsx("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, className: "smartapp-drag-drop__container" }, { children: options === null || options === void 0 ? void 0 : options.map(function (instanceOption, index) { return (_jsx(Draggable, __assign({ draggableId: instanceOption.id, index: index }, { children: function (provided) { return (_jsxs("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { className: "smartapp-drag-drop__container--instance" }, { children: [_jsxs("div", __assign({ className: "smartapp-drag-drop__container--instance__info" }, { children: [isCheckbox(instanceOption) && onChangeIsCompletedOption && (_jsx(CheckBox, { id: instanceOption.id, isChecked: instanceOption.isCompleted, checkedColor: checkboxColor, onChange: function () { return onChangeIsCompletedOption(instanceOption); } })), onChangeOption ? (_jsx("input", { onChange: function (e) { return onChangeOption && onChangeOption(e, instanceOption); }, defaultValue: instanceOption.defaultValue, className: "smartapp-drag-drop__container--instance__info--name", type: "text", enterKeyHint: "enter", placeholder: placeholder }, instanceOption === null || instanceOption === void 0 ? void 0 : instanceOption.id)) : (_jsx("p", __assign({ className: "smartapp-drag-drop__container--instance__info--name" }, { children: instanceOption.defaultValue })))] })), _jsxs("div", __assign({ className: "smartapp-drag-drop__container--instance__icons" }, { children: [_jsx(OrderIcon, { style: { color: getColor(orderColor, COLORS.gray) } }), onClickDeleteOption && (_jsx(DeleteIcon, { className: "cp", style: { color: getColor(deleteColor, COLORS.blue) }, onClick: function () { return onClickDeleteOption(instanceOption); } }))] }))] }))); } }), instanceOption.id)); }) }))); } })) })) })));
 };
 export default DragAndDrop;
+//# sourceMappingURL=DragAndDrop.js.map

package/build/main//321/201omponents/DragAndDrop/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../../src/сomponents/DragAndDrop/DragAndDrop.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/DragAndDrop/index.js

@@ -1 +1,2 @@
 export { default } from './DragAndDrop';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/DragAndDrop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/DragAndDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/build/main//321/201omponents/DragAndDrop/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/DragAndDrop/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/DragAndDrop/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Error/Error.d.ts

@@ -1,4 +1,4 @@
 import { IErrorProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Error: ({ title, text, width, iconColor }: IErrorProps) => import("react/jsx-runtime").JSX.Element;
 export default Error;

package/build/main//321/201omponents/Error/Error.js

@@ -12,10 +12,12 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ReactComponent as ErrorIcon } from '../../assets/icons/error.svg';
 import { getColor } from '../../helpers';
-import { DEFAULT_GRAY_ICON_COLOR } from '../../constants';
-import '../../styles/stories.module.scss';
+import { COLORS } from '../../constants';
+// import './error.scss'
+import '../../styles/styles.scss';
 var Error = function (_a) {
     var _b = _a.title, title = _b === void 0 ? 'Ошибка' : _b, _c = _a.text, text = _c === void 0 ? 'Попробуйте еще раз' : _c, _d = _a.width, width = _d === void 0 ? 100 : _d, iconColor = _a.iconColor;
-    return (_jsxs("div", __assign({ className: "smartapp-error", style: { width: "".concat(width, "%") } }, { children: [_jsx("div", __assign({ className: "smartapp-error__icon" }, { children: _jsx(ErrorIcon, { style: { color: getColor(iconColor, DEFAULT_GRAY_ICON_COLOR) } }) })), _jsx("p", __assign({ className: "smartapp-error__title" }, { children: title })), _jsx("p", __assign({ className: "smartapp-error__text" }, { children: text }))] })));
+    return (_jsxs("div", __assign({ className: "smartapp-error", style: { width: "".concat(width, "%") } }, { children: [_jsx("div", __assign({ className: "smartapp-error__icon" }, { children: _jsx(ErrorIcon, { style: { color: getColor(iconColor, COLORS.gray) } }) })), _jsx("p", __assign({ className: "smartapp-error__title" }, { children: title })), _jsx("p", __assign({ className: "smartapp-error__text" }, { children: text }))] })));
 };
 export default Error;
+//# sourceMappingURL=Error.js.map

package/build/main//321/201omponents/Error/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../src/сomponents/Error/Error.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAE1E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,wBAAwB;AACxB,OAAO,0BAA0B,CAAA;AAEjC,IAAM,KAAK,GAAG,UAAC,EAAsF;QAApF,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAAE,YAA2B,EAA3B,IAAI,mBAAG,oBAAoB,KAAA,EAAE,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EAAE,SAAS,eAAA;IAAoB,OAAA,CACxG,wBAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,MAAG,EAAE,iBAC3D,uBAAK,SAAS,EAAC,sBAAsB,gBACnC,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAI,IAC7D,EACN,qBAAG,SAAS,EAAC,uBAAuB,gBAAE,KAAK,IAAK,EAChD,qBAAG,SAAS,EAAC,sBAAsB,gBAAE,IAAI,IAAK,KAC1C,CACP;AARyG,CAQzG,CAAA;AAED,eAAe,KAAK,CAAA"}

package/build/main//321/201omponents/Error/index.js

@@ -1 +1,2 @@
 export { default } from './Error';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/build/main//321/201omponents/Error/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Error/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Error/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Header/Header.d.ts

@@ -1,4 +1,4 @@
 import { IHeaderProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Header: ({ title, isBack, isRemove, refreshIcon, customIcon, onClickBack, onClickRemove, arrowColor, trashColor, platform, headerHeight, textSize, textColor, backgroundColor, }: IHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/build/main//321/201omponents/Header/Header.js

@@ -15,8 +15,9 @@ import { ReactComponent as ArrowBackIcon } from '../../assets/icons/arrow-back.s
 import { ReactComponent as TrashIcon } from '../../assets/icons/trash.svg';
 import { ReactComponent as RefreshIcon } from '../../assets/icons/refresh.svg';
 import { getColor } from '../../helpers';
-import { DEFAULT_BLACK_ICON_COLOR, DEFAULT_GRAY_ICON_COLOR, DEFAULT_HEADER_BACKGROUND_COLOR, DEFAULT_HEADER_TEXT_COLOR, DEFAULT_RED_ICON_COLOR, FONT_SIZE, LINE_HEIGHT, PLATFORM, } from '../../constants';
-import '../../styles/stories.module.scss';
+import { COLORS, FONT_SIZE, LINE_HEIGHT, PLATFORM } from '../../constants';
+// import './header.scss'
+import '../../styles/styles.scss';
 var Header = function (_a) {
     var _b;
     var _c = _a.title, title = _c === void 0 ? '' : _c, _d = _a.isBack, isBack = _d === void 0 ? false : _d, _e = _a.isRemove, isRemove = _e === void 0 ? false : _e, refreshIcon = _a.refreshIcon, customIcon = _a.customIcon, _f = _a.onClickBack, onClickBack = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onClickRemove, onClickRemove = _g === void 0 ? function () { return undefined; } : _g, arrowColor = _a.arrowColor, trashColor = _a.trashColor, _h = _a.platform, platform = _h === void 0 ? PLATFORM.web : _h, headerHeight = _a.headerHeight, _j = _a.textSize, textSize = _j === void 0 ? 'default' : _j, textColor = _a.textColor, backgroundColor = _a.backgroundColor;
@@ -24,13 +25,14 @@ var Header = function (_a) {
         height: headerHeight && "".concat(headerHeight - 29, "px"),
         fontSize: FONT_SIZE[textSize],
         lineHeight: LINE_HEIGHT[textSize],
-        color: getColor(textColor, DEFAULT_HEADER_TEXT_COLOR),
-        background: getColor(backgroundColor, DEFAULT_HEADER_BACKGROUND_COLOR),
+        color: getColor(textColor, COLORS.black),
+        background: getColor(backgroundColor, COLORS.white),
     }); };
     var renderRefreshIcon = function (_a) {
         var isEnabled = _a.isEnabled, color = _a.color, onClick = _a.onClick;
-        return (_jsx(RefreshIcon, { className: classNames({ 'smartapp-header__icons--refresh': isEnabled }), style: { color: getColor(color, DEFAULT_GRAY_ICON_COLOR) }, onClick: !isEnabled ? onClick : function () { } }));
+        return (_jsx(RefreshIcon, { className: classNames({ 'smartapp-header__icons--refresh': isEnabled }), style: { color: getColor(color, COLORS.gray) }, onClick: !isEnabled ? onClick : function () { } }));
     };
-    return (_jsxs("div", __assign({ className: classNames((_b = { 'smartapp-header': true }, _b["smartapp-header__".concat(platform)] = true, _b)), style: getHeaderStyles() }, { children: [_jsxs("div", __assign({ className: "smartapp-header__info" }, { children: [isBack && (_jsx(ArrowBackIcon, { style: { color: getColor(arrowColor, DEFAULT_BLACK_ICON_COLOR) }, onClick: onClickBack, className: "smartapp-header__info--arrow-back" })), title && _jsx("p", __assign({ className: "smartapp-header__info--title" }, { children: title }))] })), _jsxs("div", __assign({ className: "smartapp-header__icons" }, { children: [isRemove && (_jsx("div", __assign({ onClick: onClickRemove, className: "smartapp-header__icons--trash" }, { children: _jsx(TrashIcon, { style: { color: getColor(trashColor, DEFAULT_RED_ICON_COLOR) } }) }))), refreshIcon && renderRefreshIcon(refreshIcon), customIcon] }))] })));
+    return (_jsxs("div", __assign({ className: classNames((_b = { 'smartapp-header': true }, _b["smartapp-header__".concat(platform)] = true, _b)), style: getHeaderStyles() }, { children: [_jsxs("div", __assign({ className: "smartapp-header__info" }, { children: [isBack && (_jsx(ArrowBackIcon, { style: { color: getColor(arrowColor, COLORS.black) }, onClick: onClickBack, className: "smartapp-header__info--arrow-back" })), title && _jsx("p", __assign({ className: "smartapp-header__info--title" }, { children: title }))] })), _jsxs("div", __assign({ className: "smartapp-header__icons" }, { children: [isRemove && (_jsx("div", __assign({ onClick: onClickRemove, className: "smartapp-header__icons--trash" }, { children: _jsx(TrashIcon, { style: { color: getColor(trashColor, COLORS.red) } }) }))), refreshIcon && renderRefreshIcon(refreshIcon), customIcon] }))] })));
 };
 export default Header;
+//# sourceMappingURL=Header.js.map

package/build/main//321/201omponents/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/Header.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Header/index.js

@@ -1 +1,2 @@
 export { default } from './Header';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/build/main//321/201omponents/Header/types.d.ts

@@ -1,10 +1,11 @@
 import { ReactElement } from 'react';
+import { IPlatformProps } from '../../constants';
 export type TRefreshIcon = {
     isEnabled: boolean;
     color?: string;
     onClick: () => void;
 };
-export interface IHeaderProps {
+export interface IHeaderProps extends IPlatformProps {
     title?: string;
     isBack?: boolean;
     isRemove?: boolean;
@@ -14,7 +15,6 @@ export interface IHeaderProps {
     onClickRemove?: () => void;
     arrowColor?: string;
     trashColor?: string;
-    platform?: 'web' | 'ios' | 'android';
     headerHeight?: number;
     textSize?: 'small' | 'default' | 'large';
     textColor?: string;

package/build/main//321/201omponents/Header/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Header/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Input/Input.d.ts

@@ -1,4 +1,4 @@
 import { IInputProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Input: ({ isPassword, isClearable, autoFocus, title, placeholder, defaultValue, error, textSize, width, className, theme, onChange, onEnterPress, onClearClick, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
 export default Input;

package/build/main//321/201omponents/Input/Input.js

@@ -16,7 +16,8 @@ import { ReactComponent as IconEye } from '../../assets/icons/icon-eye.svg';
 import { ReactComponent as IconEyeClosed } from '../../assets/icons/icon-eye-off.svg';
 import { ReactComponent as ClearIcon } from '../../assets/icons/clear.svg';
 import { ENTER_KEY, FONT_SIZE, INPUT_TYPE_PASSWORD, INPUT_TYPE_TEXT, LINE_HEIGHT, THEME } from '../../constants';
-import '../../styles/stories.module.scss';
+// import './input.scss'
+import '../../styles/styles.scss';
 var Input = function (_a) {
     var _b;
     var _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, _e = _a.autoFocus, autoFocus = _e === void 0 ? false : _e, title = _a.title, placeholder = _a.placeholder, defaultValue = _a.defaultValue, error = _a.error, _f = _a.textSize, textSize = _f === void 0 ? 'small' : _f, _g = _a.width, width = _g === void 0 ? 100 : _g, _h = _a.className, className = _h === void 0 ? '' : _h, _j = _a.theme, theme = _j === void 0 ? THEME.default : _j, onChange = _a.onChange, onEnterPress = _a.onEnterPress, onClearClick = _a.onClearClick;
@@ -55,3 +56,4 @@ var Input = function (_a) {
     return (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: classNames('smartapp-input', "smartapp-input__".concat(theme), (_b = {}, _b[className] = className, _b)) }, { children: [title && _jsx("p", __assign({ className: "smartapp-input__title" }, { children: title })), _jsxs("div", __assign({ className: "smartapp-input__container" }, { children: [_jsx("input", { ref: inputRef, className: classNames('smartapp-input__container--field', { 'smartapp-input__container--field__with-clear-button': isClearable }), style: getTextStyles(), type: getInputType(), defaultValue: defaultValue, autoFocus: autoFocus, placeholder: placeholder, onKeyDown: handleKeyDown, onChange: function (e) { return onChange(e.target.value); } }), isPassword && (_jsx("button", __assign({ className: "smartapp-input__container--eye-button", type: "button", onClick: function () { return onClickButton(); } }, { children: isPasswordShown ? _jsx(IconEye, {}) : _jsx(IconEyeClosed, {}) }))), isClearable && _jsx(ClearIcon, { className: "smartapp-input__container--clear-icon", onClick: onClearClick })] })), error && _jsx("div", __assign({ className: "smartapp-input__error" }, { children: error }))] })));
 };
 export default Input;
+//# sourceMappingURL=Input.js.map

package/build/main//321/201omponents/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Input/index.js

@@ -1 +1,2 @@
 export { default } from './Input';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/build/main//321/201omponents/Input/types.d.ts

@@ -1,5 +1,6 @@
 import { IntRange } from '../types';
-export interface IInputProps {
+import { IThemeProps } from '../../constants';
+export interface IInputProps extends IThemeProps {
     isPassword?: boolean;
     isClearable?: boolean;
     autoFocus?: boolean;
@@ -10,7 +11,6 @@ export interface IInputProps {
     textSize?: 'small' | 'default' | 'large';
     width?: IntRange<1, 101>;
     className?: string;
-    theme?: 'default' | 'dark';
     onChange: (str: string) => void;
     onEnterPress?: () => void;
     onClearClick?: () => void;

package/build/main//321/201omponents/Input/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
 import { ILoaderProps } from './types';
-import '../../styles/stories.module.scss';
-declare const Loader: ({ isLoader, isFullScreen, isTextItalic, title, textSize, width, iconSize, backgroundColor, }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
+import '../../styles/styles.scss';
+declare const Loader: ({ isLoader, isFullScreen, isTextItalic, title, textSize, width, iconSize, backgroundColor, theme, }: ILoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Loader;

package/build/main//321/201omponents/Loader/Loader.js

@@ -12,23 +12,26 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ColorRing } from 'react-loader-spinner';
 import classNames from 'classnames';
-import { DEFAULT_GRAY_LOADER_BACKGROUND_COLOR, DEFAULT_WHITE_LOADER_BACKGROUND_COLOR, FONT_SIZE, LINE_HEIGHT, } from '../../constants';
+import { COLORS, FONT_SIZE, LINE_HEIGHT, THEME } from '../../constants';
 import { getColor } from '../../helpers';
-import '../../styles/stories.module.scss';
+// import './loader.scss'
+import '../../styles/styles.scss';
 var Loader = function (_a) {
-    var _b = _a.isLoader, isLoader = _b === void 0 ? false : _b, _c = _a.isFullScreen, isFullScreen = _c === void 0 ? true : _c, _d = _a.isTextItalic, isTextItalic = _d === void 0 ? false : _d, title = _a.title, _e = _a.textSize, textSize = _e === void 0 ? 'small' : _e, _f = _a.width, width = _f === void 0 ? 150 : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 32 : _g, backgroundColor = _a.backgroundColor;
+    var _b = _a.isLoader, isLoader = _b === void 0 ? false : _b, _c = _a.isFullScreen, isFullScreen = _c === void 0 ? true : _c, _d = _a.isTextItalic, isTextItalic = _d === void 0 ? false : _d, title = _a.title, _e = _a.textSize, textSize = _e === void 0 ? 'small' : _e, _f = _a.width, width = _f === void 0 ? 150 : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 32 : _g, backgroundColor = _a.backgroundColor, _h = _a.theme, theme = _h === void 0 ? THEME.default : _h;
+    var isDarkTheme = theme === THEME.dark;
     var getTextStyles = function () { return ({
         fontSize: FONT_SIZE[textSize],
         fontStyle: isTextItalic ? 'italic' : 'normal',
         lineHeight: LINE_HEIGHT[textSize],
     }); };
     var getBackgroundColor = function () {
-        var defaultColor = isFullScreen ? DEFAULT_GRAY_LOADER_BACKGROUND_COLOR : DEFAULT_WHITE_LOADER_BACKGROUND_COLOR;
+        var defaultColor = isDarkTheme ? COLORS.white3 : isFullScreen ? COLORS.lightGray : COLORS.white;
         return getColor(backgroundColor, defaultColor);
     };
     return (_jsx("div", __assign({ className: classNames({
             'smartapp-loader-wrapper': true,
             'smartapp-loader-wrapper__full-screen': isFullScreen,
-        }), style: { background: getBackgroundColor() } }, { children: _jsxs("div", __assign({ className: "smartapp-loader", style: { width: "".concat(width, "px") } }, { children: [_jsx(ColorRing, { visible: isLoader, height: iconSize, width: iconSize, ariaLabel: "blocks-loading", wrapperStyle: {}, wrapperClass: "blocks-wrapper", colors: ['#4799E3', '#4799E3', '#4799E3', '#4799E3', '#4799E3'] }), title && _jsx("p", __assign({ className: "smartapp-loader__title", style: getTextStyles() }, { children: title }))] })) })));
+        }), style: { background: getBackgroundColor() } }, { children: _jsxs("div", __assign({ className: "smartapp-loader", style: { width: "".concat(width, "px") } }, { children: [_jsx(ColorRing, { visible: isLoader, height: iconSize, width: iconSize, ariaLabel: "blocks-loading", wrapperStyle: {}, wrapperClass: "blocks-wrapper", colors: ['#4799E3', '#4799E3', '#4799E3', '#4799E3', '#4799E3'] }), title && (_jsx("p", __assign({ className: "smartapp-loader__title", style: getTextStyles() }, { children: title })))] })) })));
 };
 export default Loader;
+//# sourceMappingURL=Loader.js.map

package/build/main//321/201omponents/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,yBAAyB;AACzB,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAUD;QATb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,KAAK,WAAA,EACL,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,eAAe,qBAAA,EACf,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA;IAErB,IAAM,WAAW,GAAG,KAAK,KAAK,KAAK,CAAC,IAAI,CAAA;IAExC,IAAM,aAAa,GAAG,cAAM,OAAA,CAAC;QAC3B,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC;QAC7B,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QAC7C,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC;KAClC,CAAC,EAJ0B,CAI1B,CAAA;IAEF,IAAM,kBAAkB,GAAG;QACzB,IAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAEjG,OAAO,QAAQ,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;IAChD,CAAC,CAAA;IAED,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC;YACpB,yBAAyB,EAAE,IAAI;YAC/B,sCAAsC,EAAE,YAAY;SACrD,CAAC,EACF,KAAK,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,gBAE3C,wBAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,iBAC7D,KAAC,SAAS,IACR,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAE,QAAQ,EAChB,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,gBAAgB,EAC1B,YAAY,EAAE,EAAE,EAChB,YAAY,EAAC,gBAAgB,EAC7B,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,GAC/D,EACD,KAAK,IAAI,CACR,qBAAG,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,aAAa,EAAE,gBACzD,KAAK,IACJ,CACL,KACG,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/build/main//321/201omponents/Loader/index.js

@@ -1 +1,2 @@
 export { default } from './Loader';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/build/main//321/201omponents/Loader/types.d.ts

@@ -1,4 +1,5 @@
-export interface ILoaderProps {
+import { IThemeProps } from '../../constants';
+export interface ILoaderProps extends IThemeProps {
     isLoader: boolean;
     isFullScreen?: boolean;
     isTextItalic?: boolean;

package/build/main//321/201omponents/Loader/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Loader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
 import { IModalProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Modal: ({ isModalOpen, content, handleCloseModal, title, theme, platform, iconColor, backgroundColor, }: IModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/build/main//321/201omponents/Modal/Modal.js

@@ -13,14 +13,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import Popup from 'reactjs-popup';
 import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
-import { DEFAULT_POPUP_BACKGROUND_COLOR, PLATFORM, THEME } from '../../constants';
+import { COLORS, PLATFORM, THEME } from '../../constants';
 import { getClassNames, getColor, getDefaultColorForCloseIcon } from '../../helpers';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 var Modal = function (_a) {
     var isModalOpen = _a.isModalOpen, content = _a.content, handleCloseModal = _a.handleCloseModal, title = _a.title, _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor;
     var ref = useRef(null);
     useEffect(function () {
-        document.documentElement.style.setProperty('--modal-background', getColor(backgroundColor, DEFAULT_POPUP_BACKGROUND_COLOR));
+        document.documentElement.style.setProperty('--modal-background', getColor(backgroundColor, COLORS.lightBlue));
     }, [backgroundColor]);
     useEffect(function () {
         var checkIfClickedOutside = function (e) {
@@ -28,11 +28,12 @@ var Modal = function (_a) {
                 handleCloseModal();
             }
         };
-        document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
+        document === null || document === void 0 ? void 0 : document.addEventListener('mousedown', checkIfClickedOutside, true);
         return function () {
-            document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
+            document === null || document === void 0 ? void 0 : document.removeEventListener('mousedown', checkIfClickedOutside, true);
         };
     }, [isModalOpen, handleCloseModal]);
     return (_jsx(Popup, __assign({ className: getClassNames('modal', '-', platform), closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: getClassNames('smartapp-modal', '__', [theme, platform]) }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-modal__content', '--', platform) }, { children: [title && _jsx("p", __assign({ className: "smartapp-modal__content--title" }, { children: title })), _jsx("div", __assign({ onClick: handleCloseModal, className: "smartapp-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: getColor(iconColor, getDefaultColorForCloseIcon(theme)) } }) })), content] })) })) })));
 };
 export default Modal;
+//# sourceMappingURL=Modal.js.map

package/build/main//321/201omponents/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAA;AACjF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAA;AAEpF,OAAO,0BAA0B,CAAA;AAEjC,IAAM,KAAK,GAAG,UAAC,EASD;QARZ,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,SAAS,eAAA,EACT,eAAe,qBAAA;IAEf,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAA;IAC/G,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,SAAS,CAAC;QACR,IAAM,qBAAqB,GAAG,UAAC,CAAkB;YAC/C,IAAI,WAAW,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;gBACjE,gBAAgB,EAAE,CAAA;aACnB;QACH,CAAC,CAAA;QAED,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,WAAW,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;QAEpE,OAAO;YACL,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,mBAAmB,CAAC,WAAW,EAAE,qBAAqB,EAAE,IAAI,CAAC,CAAA;QACzE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,KAAC,KAAK,aAAC,SAAS,EAAE,aAAa,CAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,oBAAoB,QAAC,KAAK,QAAC,IAAI,EAAE,WAAW,gBACnG,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,gBAChF,wBAAK,SAAS,EAAE,aAAa,CAAC,yBAAyB,EAAE,IAAI,EAAE,QAAQ,CAAC,iBACrE,KAAK,IAAI,qBAAG,SAAS,EAAC,gCAAgC,gBAAE,KAAK,IAAK,EACnE,uBAAK,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAC,qCAAqC,gBAC7E,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAAK,CAAC,CAAC,EAAE,GAAI,IACpF,EACL,OAAO,KACJ,IACF,IACA,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/build/main//321/201omponents/Modal/index.js

@@ -1 +1,2 @@
 export { default } from './Modal';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/build/main//321/201omponents/Modal/types.d.ts

@@ -1,11 +1,10 @@
 import { ReactElement } from 'react';
-export interface IModalProps {
+import { ICommonProps } from '../../constants';
+export interface IModalProps extends ICommonProps {
     isModalOpen: boolean;
     content: ReactElement;
     handleCloseModal: () => void;
     title?: string;
-    theme?: 'default' | 'dark';
-    platform?: 'web' | 'ios' | 'android';
     iconColor?: string;
     backgroundColor?: string;
 }

package/build/main//321/201omponents/Modal/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Modal/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Notification/Notification.d.ts

@@ -1,4 +1,4 @@
 import { INotificationProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Notification: ({ isShown, type, isAutoHidden, hideDuration, platform, message, action, hideNotification, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
 export default Notification;

package/build/main//321/201omponents/Notification/Notification.js

@@ -18,7 +18,8 @@ import { ReactComponent as NotificationWarningIcon } from '../../assets/icons/no
 import { ReactComponent as NotificationErrorIcon } from '../../assets/icons/notification-error.svg';
 import { CANCEL_ACTION_TEXT, PLATFORM } from '../../constants';
 import { getClassNames } from '../../helpers';
-import '../../styles/stories.module.scss';
+// import './notification.scss'
+import '../../styles/styles.scss';
 var NOTIFICATION_ICONS = {
     success: _jsx(NotificationSuccessIcon, {}),
     info: _jsx(NotificationInfoIcon, {}),
@@ -38,3 +39,4 @@ var Notification = function (_a) {
     return (_jsx(Popup, __assign({ className: getClassNames('notification', '-', platform), open: isShown, closeOnDocumentClick: false, closeOnEscape: false }, { children: _jsxs("div", __assign({ className: getClassNames('smartapp-notification', '__', type) }, { children: [NOTIFICATION_ICONS[type], _jsxs("div", __assign({ className: "smartapp-notification__content" }, { children: [_jsx("div", { children: message }), action && (_jsx("div", __assign({ className: "smartapp-notification__content--action", onClick: action.onClick }, { children: action.text || CANCEL_ACTION_TEXT })))] }))] })) })));
 };
 export default Notification;
+//# sourceMappingURL=Notification.js.map

package/build/main//321/201omponents/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,MAAM,eAAe,CAAA;AACjC,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,6CAA6C,CAAA;AACvG,OAAO,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,2CAA2C,CAAA;AACnG,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,+BAA+B;AAC/B,OAAO,0BAA0B,CAAA;AAEjC,IAAM,kBAAkB,GAAG;IACzB,OAAO,EAAE,KAAC,uBAAuB,KAAG;IACpC,IAAI,EAAE,KAAC,oBAAoB,KAAG;IAC9B,OAAO,EAAE,KAAC,uBAAuB,KAAG;IACpC,KAAK,EAAE,KAAC,qBAAqB,KAAG;CACjC,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,EASD;QARnB,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,gBAAuB,EAAvB,QAAQ,mBAAG,QAAQ,CAAC,GAAG,KAAA,EACvB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,gBAAgB,sBAAA;IAEhB,SAAS,CAAC;QACR,IAAI,OAAO,IAAI,YAAY,EAAE;YAC3B,IAAM,SAAO,GAAG,UAAU,CAAC;gBACzB,gBAAgB,EAAE,CAAA;YACpB,CAAC,EAAE,YAAY,CAAC,CAAA;YAEhB,OAAO,cAAM,OAAA,YAAY,CAAC,SAAO,CAAC,EAArB,CAAqB,CAAA;SACnC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAE3D,OAAO,CACL,KAAC,KAAK,aAAC,SAAS,EAAE,aAAa,CAAC,cAAc,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,gBAC9H,wBAAK,SAAS,EAAE,aAAa,CAAC,uBAAuB,EAAE,IAAI,EAAE,IAAI,CAAC,iBAC/D,kBAAkB,CAAC,IAAI,CAAC,EACzB,wBAAK,SAAS,EAAC,gCAAgC,iBAC7C,wBAAM,OAAO,GAAO,EACnB,MAAM,IAAI,CACT,uBAAK,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,gBAC5E,MAAM,CAAC,IAAI,IAAI,kBAAkB,IAC9B,CACP,KACG,KACF,IACA,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/build/main//321/201omponents/Notification/index.js

@@ -1 +1,2 @@
 export { default } from './Notification';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/build/main//321/201omponents/Notification/types.d.ts

@@ -1,10 +1,10 @@
 import { ReactElement } from 'react';
-export interface INotificationProps {
+import { IPlatformProps } from '../../constants';
+export interface INotificationProps extends IPlatformProps {
     isShown: boolean;
     type?: 'success' | 'info' | 'warning' | 'error';
     isAutoHidden?: boolean;
     hideDuration?: number;
-    platform?: 'web' | 'ios' | 'android';
     message: string | ReactElement;
     action?: {
         text?: string;

package/build/main//321/201omponents/Notification/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Notification/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Notification/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/Profile/Profile.d.ts

@@ -1,4 +1,4 @@
 import { IProfileProps } from './types';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 declare const Profile: ({ username, email, isShowProfile, onChange, onClickLogout, isMultipleProfile, onClickAddProfile, width, logoutColor, addProfileColor, addProfileBackgroundColor, }: IProfileProps) => import("react/jsx-runtime").JSX.Element;
 export default Profile;

package/build/main//321/201omponents/Profile/Profile.js

@@ -14,8 +14,8 @@ import { useEffect, useRef } from 'react';
 import { ReactComponent as LogoutIcon } from '../../assets/icons/logout.svg';
 import { ReactComponent as AddProfileIcon } from '../../assets/icons/plus.svg';
 import { getColor } from '../../helpers';
-import { DEFAULT_BLUE_ICON_COLOR, DEFAULT_BLUE_LIGHT_ICON_COLOR } from '../../constants';
-import '../../styles/stories.module.scss';
+import { COLORS } from '../../constants';
+import '../../styles/styles.scss';
 var Profile = function (_a) {
     var _b, _c, _d;
     var username = _a.username, email = _a.email, _e = _a.isShowProfile, isShowProfile = _e === void 0 ? false : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { return undefined; } : _f, onClickLogout = _a.onClickLogout, isMultipleProfile = _a.isMultipleProfile, onClickAddProfile = _a.onClickAddProfile, _g = _a.width, width = _g === void 0 ? 100 : _g, logoutColor = _a.logoutColor, addProfileColor = _a.addProfileColor, addProfileBackgroundColor = _a.addProfileBackgroundColor;
@@ -33,9 +33,10 @@ var Profile = function (_a) {
             document.removeEventListener('mousedown', checkIfClickedOutside);
         };
     }, [isShowProfile, onChange]);
-    return (_jsxs("div", __assign({ ref: ref, className: "smartapp-profile__container" }, { children: [_jsx("div", __assign({ onClick: function () { return onChange(!isShowProfile); }, className: "smartapp-profile__avatar" }, { children: initials })), isShowProfile && (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile--info" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__avatar" }, { children: initials })), _jsxs("div", __assign({ className: "smartapp-profile__current-profile--info__data" }, { children: [_jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--username" }, { children: username })), email && _jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--email" }, { children: email }))] }))] })), _jsx("div", __assign({ onClick: onClickLogout, className: "smartapp-profile__current-profile--logout" }, { children: _jsx(LogoutIcon, { style: { color: getColor(logoutColor, DEFAULT_BLUE_ICON_COLOR) } }) }))] })), isMultipleProfile && (_jsxs("div", __assign({ onClick: onClickAddProfile, className: "smartapp-profile__add-profile" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__add-profile--icon" }, { children: _jsx(AddProfileIcon, { style: {
-                                        stroke: getColor(addProfileColor, DEFAULT_BLUE_ICON_COLOR),
-                                        color: getColor(addProfileBackgroundColor, DEFAULT_BLUE_LIGHT_ICON_COLOR)
+    return (_jsxs("div", __assign({ ref: ref, className: "smartapp-profile__container" }, { children: [_jsx("div", __assign({ onClick: function () { return onChange(!isShowProfile); }, className: "smartapp-profile__avatar" }, { children: initials })), isShowProfile && (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: "smartapp-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile" }, { children: [_jsxs("div", __assign({ className: "smartapp-profile__current-profile--info" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__avatar" }, { children: initials })), _jsxs("div", __assign({ className: "smartapp-profile__current-profile--info__data" }, { children: [_jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--username" }, { children: username })), email && _jsx("p", __assign({ className: "smartapp-profile__current-profile--info__data--email" }, { children: email }))] }))] })), _jsx("div", __assign({ onClick: onClickLogout, className: "smartapp-profile__current-profile--logout" }, { children: _jsx(LogoutIcon, { style: { color: getColor(logoutColor, COLORS.blue) } }) }))] })), isMultipleProfile && (_jsxs("div", __assign({ onClick: onClickAddProfile, className: "smartapp-profile__add-profile" }, { children: [_jsx("div", __assign({ className: "smartapp-profile__add-profile--icon" }, { children: _jsx(AddProfileIcon, { style: {
+                                        stroke: getColor(addProfileColor, COLORS.blue),
+                                        color: getColor(addProfileBackgroundColor, COLORS.lighterBlue),
                                     } }) })), _jsx("p", __assign({ className: "smartapp-profile__add-profile--title" }, { children: "\u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u0430\u043A\u043A\u0430\u0443\u043D\u0442" }))] })))] })))] })));
 };
 export default Profile;
+//# sourceMappingURL=Profile.js.map

package/build/main//321/201omponents/Profile/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/Profile.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/Profile/index.js

@@ -1 +1,2 @@
 export { default } from './Profile';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/Profile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/build/main//321/201omponents/Profile/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/Profile/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/Profile/types.ts"],"names":[],"mappings":""}

package/build/main//321/201omponents/RadioButton/RadioButton.d.ts

@@ -1,4 +1,4 @@
 import { IRadioButtonProps } from './types';
-import '../../styles/stories.module.scss';
-declare const RadioButton: ({ id, isDisabled, isChecked, checkedColor, checkedHoverColor, onChange, }: IRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+import '../../styles/styles.scss';
+declare const RadioButton: ({ id, isDisabled, isChecked, checkedColor, checkedHoverColor, onChange }: IRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

package/build/main//321/201omponents/RadioButton/RadioButton.js

@@ -11,15 +11,16 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { DEFAULT_BLUE_ICON_COLOR, DEFAULT_BLUE_ICON_HOVER_COLOR } from '../../constants';
+import { COLORS } from '../../constants';
 import { getColor } from '../../helpers';
-import '../../styles/stories.module.scss';
+import '../../styles/styles.scss';
 var RadioButton = function (_a) {
     var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isChecked, isChecked = _c === void 0 ? false : _c, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, onChange = _a.onChange;
     useEffect(function () {
-        document.documentElement.style.setProperty('--radio-button-color', getColor(checkedColor, DEFAULT_BLUE_ICON_COLOR));
-        document.documentElement.style.setProperty('--radio-button-hover-color', getColor(checkedHoverColor, DEFAULT_BLUE_ICON_HOVER_COLOR));
+        document.documentElement.style.setProperty('--radio-button-color', getColor(checkedColor, COLORS.blue));
+        document.documentElement.style.setProperty('--radio-button-hover-color', getColor(checkedHoverColor, COLORS.darkBlue));
     }, [checkedColor, checkedHoverColor]);
     return (_jsx("div", __assign({ className: "smartapp-radio-button" }, { children: _jsx("label", __assign({ htmlFor: "smartapp-radio-button-".concat(id), onClick: onChange }, { children: _jsx("input", { type: "radio", id: "smartapp-radio-button-".concat(id), checked: isChecked, disabled: isDisabled }) })) })));
 };
 export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map