@itcase/ui 1.2.34 → 1.3.0

package/dist/Icon-C8ACV9r7.js

@@ -1,122 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var SVG = require('react-inlinesvg');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-var Link = require('./Link-CqWzwh8V.js');
-var Tooltip = require('./Tooltip-BswHy19O.js');
-
-var iconAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        fillSize: 40,
-        iconFill: 'accentItemPrimary',
-        iconSize: 24,
-        imageSrc: 'img/filter.svg',
-    },
-};
-
-var iconConfig = {
-    appearance: iconAppearance,
-    setAppearance: function (newComponent) {
-        iconConfig.appearance = newComponent;
-    },
-};
-var Icon = React.forwardRef(function Icon(props, ref) {
-    // TODO: Tooltip doesn't work that anymore
-    // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, width = props.width, height = props.height, after = props.after, Badge = props.Badge, before = props.before, className = props.className, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
-    var ImageComponent = React.useMemo(function () {
-        if (SvgImage) {
-            var sizes = {};
-            if (width) {
-                sizes.width = width;
-            }
-            if (height) {
-                sizes.height = height;
-            }
-            return jsxRuntime.jsx(SvgImage, tslib_es6.__assign({}, sizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsxRuntime.jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
-            }
-            return jsxRuntime.jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, width, height, imageSrc]);
-    var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var fillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var fillSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'icon_fill_size_',
-        propsKey: 'fillSize',
-    });
-    var iconFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'icon_fill_',
-        propsKey: 'iconFill',
-    });
-    var iconFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'icon_fill_hover_',
-        propsKey: 'iconFillHover',
-    });
-    var iconFillDisabledClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'icon_fill_disabled_',
-        propsKey: 'iconFillDisabled',
-    });
-    var iconSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'icon_size_',
-        propsKey: 'iconSize',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'icon_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'borderColorHover',
-    });
-    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var alignmentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'alignment_',
-        propsKey: 'alignment',
-    });
-    // @ts-expect-error
-    var iconStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, Badge && 'icon_type_with-badge', onClick && cursorClass), ref: ref, "data-tour": dataTour, id: id, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxRuntime.jsxs(Link.LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [ImageComponent, Badge, showTooltip && (jsxRuntime.jsx(Tooltip.Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass), appearance: tooltipAppearance, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }), after] }));
-});
-var removeFillStroke = function (code) {
-    return code.replace(/fill=".*?"/g, 'fill=""').replace(/stroke=".*?"/g, 'stroke=""');
-};
-
-exports.Icon = Icon;
-exports.iconConfig = iconConfig;

package/dist/Icon-DptCmI_y.js

@@ -1,119 +0,0 @@
-import { _ as __assign } from './tslib.es6-5FtW-kfi.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useMemo } from 'react';
-import clsx from 'clsx';
-import SVG from 'react-inlinesvg';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-import { a as LinkWrapper } from './Link-CeQuavin.js';
-import { T as Tooltip } from './Tooltip--c-4Qp04.js';
-
-var iconAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        fillSize: 40,
-        iconFill: 'accentItemPrimary',
-        iconSize: 24,
-        imageSrc: 'img/filter.svg',
-    },
-};
-
-var iconConfig = {
-    appearance: iconAppearance,
-    setAppearance: function (newComponent) {
-        iconConfig.appearance = newComponent;
-    },
-};
-var Icon = React.forwardRef(function Icon(props, ref) {
-    // TODO: Tooltip doesn't work that anymore
-    // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, width = props.width, height = props.height, after = props.after, Badge = props.Badge, before = props.before, className = props.className, dataTour = props.dataTour, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, showTooltip = props.showTooltip, SvgImage = props.SvgImage, tooltipAppearance = props.tooltipAppearance, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
-    var ImageComponent = useMemo(function () {
-        if (SvgImage) {
-            var sizes = {};
-            if (width) {
-                sizes.width = width;
-            }
-            if (height) {
-                sizes.height = height;
-            }
-            return jsx(SvgImage, __assign({}, sizes));
-        }
-        if (imageSrc) {
-            if (imageSrc.endsWith('.svg')) {
-                return jsx(SVG, { preProcessor: removeFillStroke, src: imageSrc });
-            }
-            return jsx("img", { src: imageSrc });
-        }
-        return null;
-    }, [SvgImage, width, height, imageSrc]);
-    var cursorClass = useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    var fillDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var fillSizeClass = useDeviceTargetClass(props, {
-        prefix: 'icon_fill_size_',
-        propsKey: 'fillSize',
-    });
-    var iconFillClass = useDeviceTargetClass(props, {
-        prefix: 'icon_fill_',
-        propsKey: 'iconFill',
-    });
-    var iconFillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'icon_fill_hover_',
-        propsKey: 'iconFillHover',
-    });
-    var iconFillDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'icon_fill_disabled_',
-        propsKey: 'iconFillDisabled',
-    });
-    var iconSizeClass = useDeviceTargetClass(props, {
-        prefix: 'icon_size_',
-        propsKey: 'iconSize',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'icon_shape_',
-        propsKey: 'shape',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorHoverClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_hover_',
-        propsKey: 'borderColorHover',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderTypeClass = useDeviceTargetClass(props, {
-        prefix: 'border_type_',
-        propsKey: 'borderType',
-    });
-    var alignmentClass = useDeviceTargetClass(props, {
-        prefix: 'alignment_',
-        propsKey: 'alignment',
-    });
-    // @ts-expect-error
-    var iconStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'icon', fillClass, fillHoverClass, fillSizeClass, fillDisabledClass, iconFillClass, iconFillHoverClass, iconFillDisabledClass, shapeClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, Badge && 'icon_type_with-badge', onClick && cursorClass), ref: ref, "data-tour": dataTour, id: id, style: iconStyles, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [before, jsxs(LinkWrapper, { className: clsx((link || href || onClick) && 'cursor_type_pointer', link || href ? 'icon__link' : 'icon__item', iconSizeClass), DefaultComponent: "div", href: link || href, rel: linkRel, target: linkTarget, children: [ImageComponent, Badge, showTooltip && (jsx(Tooltip, { className: clsx(className, 'icon__tooltip', alignmentClass), appearance: tooltipAppearance, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize }))] }), after] }));
-});
-var removeFillStroke = function (code) {
-    return code.replace(/fill=".*?"/g, 'fill=""').replace(/stroke=".*?"/g, 'stroke=""');
-};
-
-export { Icon as I, iconConfig as i };

package/dist/Image-8t6PvsaZ.js

@@ -1,65 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-import { useStyles } from './hooks/useStyles.js';
-
-function Image(props) {
-    var after = props.after, alt = props.alt, before = props.before, caption = props.caption, children = props.children, className = props.className, imageWrapperClassName = props.imageWrapperClassName, imageClassName = props.imageClassName, mode = props.mode, overlay = props.overlay, src = props.src, title = props.title, type = props.type, onClick = props.onClick, onError = props.onError;
-    var cursorClass = useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    var horizontalAlignClass = useDeviceTargetClass(props, {
-        prefix: 'image_horizontal-align_',
-        propsKey: 'horizontalAlign',
-    });
-    var verticalAlignClass = useDeviceTargetClass(props, {
-        prefix: 'image_vertical-align_',
-        propsKey: 'verticalContentAlign',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'image_shape_',
-        propsKey: 'shape',
-    });
-    var resizeModeClass = useDeviceTargetClass(props, {
-        prefix: 'image_resize-mode_',
-        propsKey: 'resizeMode',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    var imageWidthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'imageWidth',
-    });
-    var imageHeightClass = useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'imageHeight',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorImageClass = useDeviceTargetClass(props, {
-        prefix: 'border-color-image_',
-        propsKey: 'borderColorImage',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    // @ts-expect-error
-    var _a = useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper, imageStyles = _a.image;
-    return (jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass), onClick: onClick, style: styles, children: [before, jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsx("img", { alt: alt, src: src, style: imageStyles, title: title, className: clsx('image__item', imageWidthClass, imageHeightClass, imageClassName, borderColorClass, borderColorImageClass), onError: onError }), overlay, caption, children] }), after] }));
-}
-
-export { Image as I };

package/dist/Image-DrUlRMHa.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-
-function Image(props) {
-    var after = props.after, alt = props.alt, before = props.before, caption = props.caption, children = props.children, className = props.className, imageWrapperClassName = props.imageWrapperClassName, imageClassName = props.imageClassName, mode = props.mode, overlay = props.overlay, src = props.src, title = props.title, type = props.type, onClick = props.onClick, onError = props.onError;
-    var cursorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'cursor_',
-        propsKey: 'cursor',
-    });
-    var horizontalAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'image_horizontal-align_',
-        propsKey: 'horizontalAlign',
-    });
-    var verticalAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'image_vertical-align_',
-        propsKey: 'verticalContentAlign',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'image_shape_',
-        propsKey: 'shape',
-    });
-    var resizeModeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'image_resize-mode_',
-        propsKey: 'resizeMode',
-    });
-    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'height',
-    });
-    var imageWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'imageWidth',
-    });
-    var imageHeightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'height_',
-        propsKey: 'imageHeight',
-    });
-    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorImageClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'border-color-image_',
-        propsKey: 'borderColorImage',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    // @ts-expect-error
-    var _a = useStyles.useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper, imageStyles = _a.image;
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'image', mode && "image_mode_".concat(mode), type && "image_type_".concat(type), cursorClass, horizontalAlignClass, verticalAlignClass, shapeClass, fillClass, fillHoverClass, resizeModeClass, widthClass, heightClass), onClick: onClick, style: styles, children: [before, jsxRuntime.jsxs("div", { className: clsx('image__wrapper', imageWrapperClassName), style: wrapperStyles, children: [jsxRuntime.jsx("img", { alt: alt, src: src, style: imageStyles, title: title, className: clsx('image__item', imageWidthClass, imageHeightClass, imageClassName, borderColorClass, borderColorImageClass), onError: onError }), overlay, caption, children] }), after] }));
-}
-
-exports.Image = Image;

package/dist/Input-CgjHxZmK.js

@@ -1,188 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
-
-var inputAppearance = {
-    dev: {
-        borderColor: 'surfaceBorderTertiary',
-        placeholderTextColor: 'surfaceTextSecondary',
-        shape: 'rounded',
-        size: 'm',
-        textColor: 'surfaceTextPrimary',
-        textSize: 'm',
-    },
-};
-var inputState = {
-    active: {
-        borderColor: 'surfaceBorderActive',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    activeFilled: {
-        borderColor: 'surfaceBorderActive',
-        textColor: 'surfaceTextPrimary',
-    },
-    disabled: {
-        borderColor: 'surfaceBorderDisabled',
-        borderColorHover: 'surfaceBorderDisabled',
-        placeholderTextColor: 'surfaceTextDisabled',
-        textColor: 'surfaceTextPrimary',
-    },
-    error: {
-        borderColor: 'errorBorderPrimary',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    errorFilled: {
-        borderColor: 'errorBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    filled: {
-        borderColor: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
-    },
-    normal: {
-        borderColor: 'surfaceBorderQuaternary',
-        placeholderTextColor: 'secondaryTextSecondary',
-    },
-    readonly: {
-        borderColor: 'surfaceBorderDisabled',
-        textColor: 'surfaceTextPrimary',
-    },
-    require: {
-        borderColor: 'surfaceBorderActive',
-        textColor: 'surfaceTextPrimary',
-    },
-    success: {
-        borderColor: 'successBorderPrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-};
-
-var inputConfig = {
-    appearance: inputAppearance,
-    setAppearance: function (newComponent) {
-        inputConfig.appearance = newComponent;
-    },
-    state: inputState,
-    // eslint-disable-next-line perfectionist/sort-objects
-    setState: function (newComponent) {
-        inputConfig.state = newComponent;
-    },
-};
-var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, isDisabled = props.isDisabled, appearance = props.appearance, autocomplete = props.autocomplete, className = props.className, dataTestId = props.dataTestId, index = props.index, name = props.name, placeholder = props.placeholder, state = props.state, _a = props.type, type = _a === void 0 ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'fill_disabled_',
-        propsKey: 'fillDisabled',
-    });
-    var sizeClass = useDeviceTargetClass(props, {
-        prefix: 'input_size_',
-        propsKey: 'size',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'input_shape_',
-        propsKey: 'shape',
-    });
-    var textSizeClass = useDeviceTargetClass(props, {
-        prefix: 'text_size_',
-        propsKey: 'textSize',
-    });
-    var textColorClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_',
-        propsKey: 'textColor',
-    });
-    var textColorDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'text-color_disabled_',
-        propsKey: 'textColor',
-    });
-    var caretClass = useDeviceTargetClass(props, {
-        prefix: 'caret-color_',
-        propsKey: 'caret',
-    });
-    var placeholderTextColorClass = useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_',
-        propsKey: 'placeholderTextColor',
-    });
-    var placeholderTextColorDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'placeholder-text-color_disabled_',
-        propsKey: 'placeholderTextColorDisabled',
-    });
-    var weightClass = useDeviceTargetClass(props, {
-        prefix: 'text-weight_',
-        propsKey: 'textWeight',
-    });
-    var borderWidthClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_',
-        propsKey: 'borderWidth',
-    });
-    var borderWidthDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'border-width_disabled_',
-        propsKey: 'borderWidthDisabled',
-    });
-    var borderColorClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_',
-        propsKey: 'borderColor',
-    });
-    var borderColorDisabledClass = useDeviceTargetClass(props, {
-        prefix: 'border-color_disabled_',
-        propsKey: 'borderColorDisabled',
-    });
-    var widthClass = useDeviceTargetClass(props, {
-        prefix: 'width_',
-        propsKey: 'width',
-    });
-    var appearanceConfig = appearance && inputConfig.appearance && inputConfig.appearance[appearance];
-    var stateConfig = state && inputConfig.state && inputConfig.state[state];
-    return (jsx("input", { className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.shape) &&
-                "input_shape_".concat(appearanceConfig.shape).replace(/([A-Z])/g, '-$1').toLowerCase()), textSizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize) &&
-                "text_size_".concat(appearanceConfig.textSize).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass, !isDisabled ? borderWidthClass : borderWidthDisabledClass, sizeClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
-                "input_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), borderColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
-                "border-color_".concat(appearanceConfig.borderColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), placeholderTextColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.placeholderTextColor) &&
-                "placeholder-text-color_".concat(appearanceConfig.placeholderTextColor)
-                    .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), textColorClass ||
-            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), !isDisabled
-            ? borderColorClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
-                    "border-color_".concat(stateConfig.borderColor).replace(/([A-Z])/g, '-$1').toLowerCase())
-            : borderColorDisabledClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.borderColor) &&
-                    "border-color_disabled_".concat(stateConfig.borderColor)
-                        .replace(/([A-Z])/g, '-$1')
-                        .toLowerCase()), !isDisabled
-            ? placeholderTextColorClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
-                    "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
-                        .replace(/([A-Z])/g, '-$1')
-                        .toLowerCase())
-            : placeholderTextColorDisabledClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.placeholderTextColor) &&
-                    "placeholder-text-color_".concat(stateConfig.placeholderTextColor)
-                        .replace(/([A-Z])/g, '-$1')
-                        .toLowerCase()), !isDisabled
-            ? textColorClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())
-            : textColorDisabledClass ||
-                ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
-                    "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase())), ref: ref, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), disabled: isDisabled, id: String(id), 
-        // @ts-ignore
-        index: index, placeholder: placeholder, type: type, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
-});
-Input.defaultProps = {
-    size: 'm',
-};
-
-export { Input as I, inputConfig as i };