@itcase/ui 1.9.56 → 1.9.58

package/dist/components/Radio/appearance/radioRequire.js

@@ -0,0 +1,14 @@
+const radioAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        fillCheckmark: 'warningPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+        borderColor: 'warningBorderSecondary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+    },
+};
+export { radioAppearanceRequire };

package/dist/components/Radio/appearance/radioShape.js

@@ -0,0 +1,25 @@
+const radioAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+export { radioAppearanceShape };

package/dist/components/Radio/appearance/radioSize.js

@@ -0,0 +1,18 @@
+const radioAppearanceSize = {
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+        descTextSize: 'xs',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'm',
+        descTextSize: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        labelTextSize: 'm',
+        descTextSize: 'xs',
+    },
+};
+export { radioAppearanceSize };

package/dist/components/Radio/appearance/radioStyle.js

@@ -0,0 +1,24 @@
+const radioAppearanceStyle = {
+    solid: {
+        fill: 'none',
+        fillHover: 'none',
+        borderColor: 'none',
+        borderColorHover: 'none',
+        borderRadioColor: 'none',
+        borderRadioColorActive: 'none',
+        borderRadioColorActiveHover: 'none',
+        borderRadioColorHover: 'none',
+    },
+    outlined: {
+        fill: 'none',
+        fillHover: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        fillHover: 'none',
+        borderColor: 'none',
+        borderColorHover: 'none',
+    },
+};
+export { radioAppearanceStyle };

package/dist/components/Radio/appearance/radioSuccess.js

@@ -0,0 +1,14 @@
+const radioAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        fillCheckmark: 'accentSecondary',
+        labelTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+        borderColor: 'accentBorderSecondary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderActiveQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderHoverQuaternary',
+        borderRadioColorHover: 'surfaceBorderHoverQuaternary',
+    },
+};
+export { radioAppearanceSuccess };

package/dist/components/Radio/index.js

@@ -0,0 +1,2 @@
+export { Radio, radioConfig } from './Radio';
+export { radioAppearance } from './Radio.appearance';

package/dist/components/RangeSlider/RangeSlider.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/RangeSlider/RangeSlider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import Slider from 'rc-slider';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+function RangeSlider(props) {
+    const { className, dataTestId, dataTour, min, max, disabled, pushable, range, step, value, vertical, before, after, set, onChangeSlider, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { fillClass, fillHandleClass, fillHandleDraggingClass, fillHandleDraggingHoverClass, fillHandleHoverClass, fillRailClass, fillTrackClass, shapeClass, widthClass, } = propsGenerator;
+    const { styles: rangeSliderStyles } = useStyles(props);
+    return (_jsxs("div", { className: clsx(className, 'range-slider', set && `range-slider_set_${set}`, fillClass && `fill_${fillClass}`, fillTrackClass && `range-slider-track-fill_${fillTrackClass}`, fillRailClass && `range-slider-rail-fill_${fillRailClass}`, fillHandleClass && `range-slider-handle-fill_${fillHandleClass}`, fillHandleHoverClass &&
+            `range-slider-handle-fill-hover_${fillHandleHoverClass}`, fillHandleDraggingClass &&
+            `range-slider-handle-dragging-fill_${fillHandleDraggingClass}`, fillHandleDraggingHoverClass &&
+            `range-slider-handle-dragging-fill-hover_${fillHandleDraggingHoverClass}`, shapeClass && `range-slider_shape_${shapeClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: rangeSliderStyles, children: [before && _jsx("div", { className: "range-slider__before", children: before }), _jsx(Slider, { className: "range-slider__wrapper", min: min, max: max, disabled: disabled, pushable: pushable, range: range, step: step, value: value, vertical: vertical, onChange: onChangeSlider }), children, after && _jsx("div", { className: "range-slider__after", children: after })] }));
+}
+export { RangeSlider };

package/dist/components/RangeSlider/index.js

@@ -0,0 +1 @@
+export { RangeSlider } from './RangeSlider';

package/dist/components/Response/Response.appearance.js

@@ -0,0 +1,25 @@
+import { responseAppearanceConfirm } from './appearance/responseConfirm';
+import { responseAppearanceDanger } from './appearance/responseDanger';
+import { responseAppearanceEmpty } from './appearance/responseEmpty';
+import { responseAppearanceError } from './appearance/responseError';
+import { responseAppearanceFail } from './appearance/responseFail';
+import { responseAppearanceNothingFound } from './appearance/responseNothingFound';
+import { responseAppearanceRefresh } from './appearance/responseRefresh';
+import { responseAppearanceStyle } from './appearance/responseStyle';
+import { responseAppearanceSuccess } from './appearance/responseSuccess';
+import { responseAppearanceUnableLoadData } from './appearance/responseUnableLoadData';
+import { responseAppearanceWarning } from './appearance/responseWarning';
+const responseAppearance = {
+    ...responseAppearanceConfirm,
+    ...responseAppearanceEmpty,
+    ...responseAppearanceDanger,
+    ...responseAppearanceRefresh,
+    ...responseAppearanceUnableLoadData,
+    ...responseAppearanceNothingFound,
+    ...responseAppearanceFail,
+    ...responseAppearanceError,
+    ...responseAppearanceSuccess,
+    ...responseAppearanceWarning,
+    ...responseAppearanceStyle,
+};
+export { responseAppearance };

package/dist/components/Response/Response.constant.js

@@ -0,0 +1,68 @@
+import { responseIcon } from './index';
+const RESPONSE_MESSAGES = {
+    error: {
+        appearance: 'error ghost',
+        title: 'Ошибка',
+        desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
+        // code: '500',
+        primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
+    },
+    errorAccessDenied: {
+        appearance: 'unableLoadData ghost',
+        title: 'Доступ ограничен',
+        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
+        code: '401/403',
+        imageSrc: responseIcon.UnableLoadData,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
+    },
+    errorNetwork: {
+        appearance: 'unableLoadData ghost',
+        title: 'Ошибка соединения',
+        desc: 'Не удалось подключиться. Проверьте интернет-соединение и повторите попытку',
+        // code: null,
+        imageSrc: responseIcon.UnableLoadData,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'Обновить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
+    },
+    fail: {
+        appearance: 'fail ghost',
+        // code: '500',
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
+    nothingFound: {
+        appearance: 'nothingFound ghost',
+        title: 'Ничего не найдено',
+        desc: 'Нет данных по заданным параметрам',
+        // code: '500',
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'Сбросить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
+    },
+    empty: {
+        appearance: 'empty ghost',
+        title: 'Список пуст',
+        desc: 'Нет данных по заданным параметрам',
+        code: '200',
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
+    warning: {
+        appearance: 'warning ghost',
+        title: 'Внимание',
+        primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
+    },
+};
+export { RESPONSE_MESSAGES };

package/dist/components/Response/Response.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Response/Response.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo } from 'react';
+import clsx from 'clsx';
+import { urlWithAssetPrefix } from 'src/hoc/urlWithAssetPrefix';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Button } from 'src/components/Button';
+import { Group } from 'src/components/Group';
+import { Text } from 'src/components/Text';
+import { responseAppearance } from './Response.appearance';
+const responseConfig = {
+    appearance: responseAppearance,
+    setAppearance: (appearanceConfig) => {
+        responseConfig.appearance = appearanceConfig;
+    },
+};
+const Response = urlWithAssetPrefix(forwardRef(function Response(props, ref) {
+    const { appearance, className, dataTestId, dataTour, width, height, title, desc, primaryButton, secondaryButton, showPrimaryButton = true, showSecondaryButton = true, before, after, isSkeleton, isBottomButton, onClickPrimaryButton, onClickSecondaryButton, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, responseConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, fillHoverClass, titleTextColor, titleTextSize, titleTextWeight, descTextColor, descTextSize, descTextWeight, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, heightClass, imageSrc, primaryButtonAfter, primaryButtonAppearance, primaryButtonBefore, primaryButtonFill, primaryButtonFillHover, primaryButtonLabel, primaryButtonLabelTextColor, primaryButtonLabelTextSize, primaryButtonShape, primaryButtonSize, primaryButtonWidth, secondaryButtonAfter, secondaryButtonAppearance, secondaryButtonBefore, secondaryButtonFill, secondaryButtonFillHover, secondaryButtonLabel, secondaryButtonLabelTextColor, secondaryButtonLabelTextSize, secondaryButtonShape, secondaryButtonSize, secondaryButtonWidth, shapeClass, shapeStrengthClass, svgFillClass, SvgImage, svgPathFillClass, svgSrc, widthClass, } = propsGenerator;
+    const ImageComponent = useMemo(() => {
+        const src = imageSrc || svgSrc;
+        const Image = SvgImage;
+        if (Image) {
+            const sizes = {};
+            if (width) {
+                sizes.width = width;
+            }
+            if (height) {
+                sizes.height = height;
+            }
+            return _jsx(Image, { ...sizes });
+        }
+        if (src) {
+            return _jsx("img", { src: src });
+        }
+        return null;
+    }, [imageSrc, svgSrc, SvgImage, width, height]);
+    const { styles: responseStyles, wrapper: wrapperStyles } = useStyles(props);
+    return (_jsxs("div", { className: clsx(className, 'response', isBottomButton && `response_bottom-button`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass &&
+            `border-color_hover_${borderColorHoverClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, heightClass && `height_${heightClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, isSkeleton && `response_skeleton`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, _jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (_jsx("div", { className: clsx('response__image', svgFillClass && `svg_fill_${svgFillClass}`, svgPathFillClass && `svg_path_fill_${svgPathFillClass}`), children: ImageComponent })), _jsxs("div", { className: "response__wrapper-inner", children: [title && (_jsx(Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (_jsx(Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
+                primaryButton ||
+                secondaryButtonLabel ||
+                secondaryButton ||
+                appearanceConfig) && (_jsxs(Group, { className: "response__button", width: "fill", children: [primaryButtonLabel && showPrimaryButton ? (_jsx(Button, { appearance: primaryButtonAppearance, className: "response__button-item", width: primaryButtonWidth || 'fill', size: primaryButtonSize, fill: primaryButtonFill, fillHover: primaryButtonFillHover, label: primaryButtonLabel, labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize, shape: primaryButtonShape, before: primaryButtonBefore, after: primaryButtonAfter, onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel && showSecondaryButton ? (_jsx(Button, { appearance: secondaryButtonAppearance, className: "response__button-item", width: secondaryButtonWidth || 'fill', size: secondaryButtonSize, fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, label: secondaryButtonLabel, labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize, shape: secondaryButtonShape, before: secondaryButtonBefore, after: secondaryButtonAfter, onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
+}));
+export { Response, responseConfig };

package/dist/components/Response/appearance/responseConfirm.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceConfirm = {
+    confirm: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Confirm),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'surfaceTertiary',
+        svgPathFill: 'surfaceQuaternary',
+    },
+};
+export { responseAppearanceConfirm };

package/dist/components/Response/appearance/responseDanger.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceDanger = {
+    danger: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Danger),
+        primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'dangerPrimary',
+        svgPathFill: 'dangerPrimary',
+    },
+};
+export { responseAppearanceDanger };

package/dist/components/Response/appearance/responseEmpty.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceEmpty = {
+    empty: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Empty),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'surfaceTertiary',
+        svgPathFill: 'surfaceQuaternary',
+    },
+};
+export { responseAppearanceEmpty };

package/dist/components/Response/appearance/responseError.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceError = {
+    error: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Error),
+        primaryButtonAppearance: 'errorPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'errorPrimary',
+        svgPathFill: 'errorPrimary',
+    },
+};
+export { responseAppearanceError };

package/dist/components/Response/appearance/responseFail.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceFail = {
+    fail: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Fail),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'surfaceTertiary',
+        svgPathFill: 'surfaceQuaternary',
+    },
+};
+export { responseAppearanceFail };

package/dist/components/Response/appearance/responseNothingFound.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceNothingFound = {
+    nothingFound: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.NothingFound),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'surfaceTertiary',
+        svgPathFill: 'surfaceQuaternary',
+    },
+};
+export { responseAppearanceNothingFound };

package/dist/components/Response/appearance/responseRefresh.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceRefresh = {
+    refresh: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Refresh),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'surfaceTertiary',
+        svgPathFill: 'surfaceQuaternary',
+    },
+};
+export { responseAppearanceRefresh };

package/dist/components/Response/appearance/responseStyle.js

@@ -0,0 +1,14 @@
+const responseAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { responseAppearanceStyle };

package/dist/components/Response/appearance/responseSuccess.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceSuccess = {
+    success: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Success),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'accentPrimary',
+        svgPathFill: 'accentPrimary',
+    },
+};
+export { responseAppearanceSuccess };

package/dist/components/Response/appearance/responseUnableLoadData.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceUnableLoadData = {
+    unableLoadData: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.UnableLoadData),
+        primaryButtonAppearance: 'accentPrimary sizeXXL solid',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        svgFill: 'surfaceTertiary',
+        svgPathFill: 'surfaceQuaternary',
+    },
+};
+export { responseAppearanceUnableLoadData };

package/dist/components/Response/appearance/responseWarning.js

@@ -0,0 +1,15 @@
+import { responseIcon } from '../img';
+const responseAppearanceWarning = {
+    warning: {
+        fill: 'surfacePrimary',
+        titleTextColor: 'surfaceTextPrimary',
+        titleTextSize: 'xxl',
+        descTextSize: 'm',
+        imageSrc: String(responseIcon.Warning),
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
+        secondaryButtonAppearance: 'warningPrimary sizeXXL solid',
+        svgFill: 'warningPrimary',
+        svgPathFill: 'warningPrimary',
+    },
+};
+export { responseAppearanceWarning };

package/dist/components/Response/img/index.js

@@ -0,0 +1,25 @@
+import Confirm from './Confirm.svg';
+import Danger from './Danger.svg';
+import Empty from './Empty.svg';
+import Error from './Error.svg';
+import Fail from './Fail.svg';
+import NothingFound from './NothingFound.svg';
+import Refresh from './Refresh.svg';
+import Search from './Search.svg';
+import Success from './Success.svg';
+import UnableLoadData from './UnableLoadData.svg';
+import Warning from './Warning.svg';
+const responseIcon = {
+    Confirm: Confirm,
+    Danger: Danger,
+    Empty: Empty,
+    Error: Error,
+    Fail: Fail,
+    NothingFound: NothingFound,
+    Refresh: Refresh,
+    Search: Search,
+    Success: Success,
+    UnableLoadData: UnableLoadData,
+    Warning: Warning,
+};
+export { responseIcon };

package/dist/components/Response/index.js

@@ -0,0 +1,5 @@
+import { responseIcon } from './img';
+import { Response, responseConfig } from './Response';
+import { responseAppearance } from './Response.appearance';
+import { RESPONSE_MESSAGES } from './Response.constant';
+export { Response, RESPONSE_MESSAGES, responseAppearance, responseConfig, responseIcon, };

package/dist/components/Response.js

@@ -7,7 +7,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { B as Button } from '../Button_es_DAzeb-vJ.js';
-import { G as Group } from '../Group_es_C_WChp2_.js';
+import { G as Group } from '../Group_es_CP-uIchb.js';
 import { T as Text } from '../Text_es_DVNvU0m0.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';

package/dist/components/SVGContent/SVGContent.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/SVGContent/SVGContent.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import SVG from 'react-inlinesvg';
+import { urlWithAssetPrefix } from 'src/hoc/urlWithAssetPrefix';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+const SVGContent = urlWithAssetPrefix(forwardRef(function SVGContent(props, ref) {
+    const { className, dataTestId, dataTour, src, SvgImage } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { svgFillClass, svgFillHoverClass } = propsGenerator;
+    const { styles: svgContentStyles } = useStyles(props);
+    return (_jsxs("div", { className: clsx(className, 'svg-content', svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: svgContentStyles, children: [src && _jsx(SVG, { src: src }), SvgImage && _jsx(SvgImage, {})] }));
+}));
+export { SVGContent };

package/dist/components/SVGContent/index.js

@@ -0,0 +1 @@
+export { SVGContent } from './SVGContent';

package/dist/components/ScrollOnDrag/ScrollOnDrag.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ScrollOnDrag/ScrollOnDrag.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import clsx from 'clsx';
+import ScrollContainer, { useScrollContainer } from 'react-indiana-drag-scroll';
+import SimpleBar from 'simplebar-react';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+function ScrollOnDrag(props) {
+    const { className, dataTestId, dataTour, scrollContainerProps, isScrollbar, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { ref } = useScrollContainer();
+    const { fillClass, fillHoverClass, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, heightClass, widthClass = 'fill', } = propsGenerator;
+    const { scrollContainer: scrollContainerStyles, styles: styles } = useStyles(props);
+    const ScrollOnDragWrapper = isScrollbar ? SimpleBar : React.Fragment;
+    const fixedProps = isScrollbar ? { scrollableNodeProps: { ref } } : {};
+    return (_jsx(ScrollOnDragWrapper, { ...fixedProps, children: _jsx("div", { className: clsx('scroll-on-drag', className, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, heightClass && `height_${heightClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: styles, children: _jsx(ScrollContainer, { className: clsx(!isScrollbar && 'scroll-on-drag__wrapper'), ref: ref, ...scrollContainerProps, style: scrollContainerStyles, children: children }) }) }));
+}
+export { ScrollOnDrag };

package/dist/components/ScrollOnDrag/index.js

@@ -0,0 +1 @@
+export { ScrollOnDrag } from './ScrollOnDrag';

package/dist/components/ScrollToView/ScrollToView.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/ScrollToView/ScrollToView.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { ScrollLink } from 'react-scroll';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+const ScrollToView = ScrollLink(function ScrollToView(props) {
+    const { id, className, dataTestId, dataTour, styles, tag: Tag = 'div', onClick, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { directionClass, justifyContentClass, alignClass, alignDirectionClass, alignItemsClass, alignSelfClass, textColorActiveClass, textColorClass, textColorHoverClass, heightClass, widthClass, } = propsGenerator;
+    const { styles: scrollToViewStyles } = useStyles(props);
+    return (_jsx(Tag, { id: id, className: clsx(className, 'scroll-to-view', alignItemsClass && `align-items_${alignItemsClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, textColorClass && `scroll-to-view_text-color_${textColorClass}`, textColorActiveClass &&
+            `scroll-to-view_text-color_active_${textColorActiveClass}`, textColorHoverClass &&
+            `scroll-to-view_text-color_hover_${textColorHoverClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, directionClass && `direction_${directionClass}`, alignSelfClass && `align-self_${alignSelfClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: Object.assign({}, scrollToViewStyles, styles), onClick: onClick, children: children }));
+});
+export { ScrollToView };

package/dist/components/ScrollToView/index.js

@@ -0,0 +1 @@
+export { ScrollToView } from './ScrollToView';

package/dist/components/Scrollbar/Scrollbar.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Scrollbar/Scrollbar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Scrollbar as ScrollbarJS } from 'react-scrollbars-custom';
+function Scrollbar(props) {
+    const { className, dataTestId, dataTour, noDefaultStyles, scrollbarWidth, scrollHeight = '200', onScroll, children, } = props;
+    return (_jsx(ScrollbarJS, { className: clsx('scrollbar', className), contentProps: {
+            className: 'scrollbar__scroll-content',
+        }, "data-testid": dataTestId, "data-tour": dataTour, noDefaultStyles: noDefaultStyles, scrollbarWidth: scrollbarWidth, scrollerProps: {
+            className: 'scrollbar__scroll',
+        }, style: { height: scrollHeight + 'px' }, thumbXProps: {
+            className: 'scrollbar__track-x-item',
+        }, thumbYProps: {
+            className: 'scrollbar__track-y-item',
+        }, trackXProps: {
+            className: 'scrollbar__track-x',
+        }, trackYProps: {
+            className: 'scrollbar__track-y',
+        }, wrapperProps: {
+            className: 'scrollbar__wrapper',
+        }, onScroll: onScroll, children: children }));
+}
+export { Scrollbar };

package/dist/components/Scrollbar/index.js

@@ -0,0 +1 @@
+export { Scrollbar } from './Scrollbar';

package/dist/components/Search/Search.appearance.js

@@ -0,0 +1,19 @@
+import { searchAppearanceDefault } from './appearance/searchDefault';
+import { searchAppearanceDisabled } from './appearance/searchDisabled';
+import { searchAppearanceError } from './appearance/searchError';
+import { searchAppearanceRequire } from './appearance/searchRequire';
+import { searchAppearanceShape } from './appearance/searchShape';
+import { searchAppearanceSize } from './appearance/searchSize';
+import { searchAppearanceStyle } from './appearance/searchStyle';
+import { searchAppearanceSuccess } from './appearance/searchSuccess';
+const searchAppearance = {
+    ...searchAppearanceSize,
+    ...searchAppearanceStyle,
+    ...searchAppearanceDefault,
+    ...searchAppearanceError,
+    ...searchAppearanceSuccess,
+    ...searchAppearanceRequire,
+    ...searchAppearanceDisabled,
+    ...searchAppearanceShape,
+};
+export { searchAppearance };