@itcase/ui 1.9.55 → 1.9.57

package/dist/components/Pagination/appearance/paginationStyle.js

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

package/dist/components/Pagination/appearance/paginationSurface.js

@@ -0,0 +1,35 @@
+const paginationAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillActive: 'accentPrimary',
+        fillActiveHover: 'accentPrimary',
+        fillHover: 'surfaceHoverTertiary',
+        fillInput: 'surfacePrimary',
+        fillInputHover: 'surfaceHoverTertiary',
+        textColor: 'surfaceTextPrimary',
+        textColorActive: 'accentTextPrimary',
+        textColorActiveHover: 'accentTextPrimary',
+        textColorHover: 'surfaceTextPrimary',
+        builderIconFillIcon: 'surfaceItemPrimary',
+        nextIconFillIcon: 'surfaceItemPrimary',
+        pageCountDescTextColor: 'surfaceTextPrimary',
+        pageCountDropdownAlignment: 'topCenter',
+        pageCountDropdownElevation: '8',
+        pageCountDropdownFill: 'surfacePrimary',
+        pageCountDropdownFillHover: 'surfaceHoverTertiary',
+        pageCountDropdownItemDividerFill: 'surfaceSecondary',
+        pageCountDropdownItemFill: 'surfacePrimary',
+        pageCountDropdownItemFillActive: 'accentPrimary',
+        pageCountDropdownItemFillActiveHover: 'accentPrimary',
+        pageCountDropdownItemFillHover: 'surfaceHoverSecondary',
+        pageCountDropdownItemLabelAlign: 'center',
+        pageCountDropdownItemLabelColor: 'surfaceTextPrimary',
+        pageCountDropdownItemLabelColorActive: 'accentTextPrimary',
+        pageCountDropdownItemLabelColorActiveHover: 'accentTextPrimary',
+        pageCountDropdownItemLabelColorHover: 'surfaceTextPrimary',
+        pageCountInputIconColor: 'surfaceItemPrimary',
+        pageCountInputTextColor: 'surfaceTextPrimary',
+        previousIconFillIcon: 'surfaceItemPrimary',
+    },
+};
+export { paginationAppearanceSurface };

package/dist/components/Pagination/index.js

@@ -0,0 +1,2 @@
+export { Pagination, paginationConfig } from './Pagination';
+export { paginationAppearance } from './Pagination.appearance';

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

@@ -0,0 +1,19 @@
+import { radioAppearanceDefault } from './appearance/radioDefault';
+import { radioAppearanceDisabled } from './appearance/radioDisabled';
+import { radioAppearanceError } from './appearance/radioError';
+import { radioAppearanceRequire } from './appearance/radioRequire';
+import { radioAppearanceShape } from './appearance/radioShape';
+import { radioAppearanceSize } from './appearance/radioSize';
+import { radioAppearanceStyle } from './appearance/radioStyle';
+import { radioAppearanceSuccess } from './appearance/radioSuccess';
+const radioAppearance = {
+    ...radioAppearanceDefault,
+    ...radioAppearanceError,
+    ...radioAppearanceSuccess,
+    ...radioAppearanceRequire,
+    ...radioAppearanceDisabled,
+    ...radioAppearanceSize,
+    ...radioAppearanceShape,
+    ...radioAppearanceStyle,
+};
+export { radioAppearance };

package/dist/components/Radio/Radio.interface.js

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

package/dist/components/Radio/Radio.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { Text } from 'src/components/Text';
+import { radioAppearance } from './Radio.appearance';
+const radioConfig = {
+    appearance: radioAppearance,
+    setAppearance: (appearanceConfig) => {
+        radioConfig.appearance = appearanceConfig;
+    },
+};
+function Radio(props) {
+    const { id, appearance, className, dataTestId, dataTour, label, desc, checked, tag: Tag = 'label', value, isActive, isDisabled, isSkeleton, onChange, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, radioConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillCheckmarkClass, fillClass, fillHoverClass, fillRadioActiveClass, fillRadioActiveHoverClass, fillRadioClass, fillRadioHoverClass, labelTextColor, labelTextSize, labelTextWeight, descTextColor, descTextSize, descTextWeight, borderRadioColorActiveClass, borderRadioColorActiveHoverClass, borderRadioColorClass, borderRadioColorHoverClass, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    return (_jsxs(Tag, { className: clsx(className, 'radio', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_${fillHoverClass}`, isSkeleton && 'radio_skeleton', sizeClass && `radio_size_${sizeClass}`, !checked || !isActive
+            ? fillRadioClass && `radio_fill_${fillRadioClass}`
+            : fillRadioActiveClass && `radio_fill_active_${fillRadioActiveClass}`, !checked || !isActive
+            ? fillRadioHoverClass && `radio_fill_hover_${fillRadioHoverClass}`
+            : fillRadioActiveHoverClass &&
+                `radio_fill_active_hover_${fillRadioActiveHoverClass}`, !checked || !isActive
+            ? borderRadioColorClass &&
+                `radio_border-color_${borderRadioColorClass}`
+            : borderRadioColorActiveClass &&
+                `radio_border-color_active_${borderRadioColorActiveClass}`, !checked || !isActive
+            ? borderRadioColorHoverClass &&
+                `radio_border-color_hover_${borderRadioColorHoverClass}`
+            : borderRadioColorActiveHoverClass &&
+                `radio_border-color_active_hover_${borderRadioColorActiveHoverClass}`), "data-testid": dataTestId, "data-tour": dataTour, htmlFor: id, children: [_jsxs("div", { className: clsx('radio__item'), children: [_jsx("input", { id: String(id), className: "radio__input", type: "radio", checked: checked, disabled: isDisabled, value: value, onChange: onChange }), _jsx("div", { className: clsx('radio__state', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: "\u00A0" }), _jsx("div", { className: clsx('radio__state-checkmark', checked && fillCheckmarkClass && `fill_${fillCheckmarkClass}`), children: "\u00A0" })] }), label && (_jsx(Text, { className: "radio__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (_jsx(Text, { className: "radio__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] }));
+}
+export { Radio, radioConfig };

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

@@ -0,0 +1,17 @@
+const radioAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
+        fillCheckmark: 'surfaceQuaternary',
+        fillRadio: 'surfaceSecondary',
+        fillRadioHover: 'surfaceTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderQuaternary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+        shape: 'circular',
+    },
+};
+export { radioAppearanceDefault };

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

@@ -0,0 +1,14 @@
+const radioAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceDisabled',
+        fillCheckmark: 'surfaceQuaternary',
+        labelTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+        borderColor: 'surfaceBorderPrimary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderActiveQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderHoverQuaternary',
+        borderRadioColorHover: 'surfaceBorderHoverQuaternary',
+    },
+};
+export { radioAppearanceDisabled };

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

@@ -0,0 +1,14 @@
+const radioAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        fillCheckmark: 'errorPrimary',
+        labelTextColor: 'surfaceTextPrimary',
+        descTextColor: 'surfaceTextPrimary',
+        borderColor: 'errorBorderQuaternary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderActiveQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderHoverQuaternary',
+        borderRadioColorHover: 'surfaceBorderHoverQuaternary',
+    },
+};
+export { radioAppearanceError };

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 };