@itcase/ui 1.1.8 → 1.1.10

package/dist/components/Input.js

@@ -1,224 +1,11 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+export { I as Input, i as inputConfig } from '../Input-CYMKQ0qF.js';
+import '../jsx-runtime-C2uP7l8s.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-
-const inputConfig = {
-  state: {},
-  setState: newComponent => {
-    inputConfig.state = newComponent;
-  },
-  appearance: {},
-  setAppearance: newComponent => {
-    inputConfig.appearance = newComponent;
-  }
-};
-const Input = /*#__PURE__*/React__default.forwardRef(function Input(props, ref) {
-  const {
-    appearance,
-    state,
-    index,
-    id,
-    dataTestId,
-    type,
-    className,
-    name,
-    placeholder,
-    isDisabled,
-    value,
-    onBlur,
-    onChange,
-    onFocus,
-    onKeyDown
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'fill_disabled_',
-    propsKey: 'fillDisabled'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'input_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'input_shape_',
-    propsKey: 'shape'
-  });
-  const textSizeClass = useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'textSize'
-  });
-  const textColorClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const textColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_disabled_',
-    propsKey: 'textColor'
-  });
-  const caretClass = useDeviceTargetClass(props, {
-    prefix: 'caret-color_',
-    propsKey: 'caret'
-  });
-  const placeholderTextColorClass = useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_',
-    propsKey: 'placeholderTextColor'
-  });
-  const placeholderTextColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_disabled_',
-    propsKey: 'placeholderTextColorDisabled'
-  });
-  const weightClass = useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderWidthDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_disabled_',
-    propsKey: 'borderWidthDisabled'
-  });
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_disabled_',
-    propsKey: 'borderColorDisabled'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  return /*#__PURE__*/React__default.createElement("input", {
-    className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass || inputConfig.appearance[appearance]?.shape && `input_shape_${inputConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textSizeClass || inputConfig.appearance[appearance]?.textSize && `text_size_${inputConfig.appearance[appearance].textSize}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, widthClass, !isDisabled ? borderWidthClass : borderWidthDisabledClass, sizeClass || inputConfig.appearance[appearance]?.size && `input_size_${inputConfig.appearance[appearance].size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || inputConfig.appearance[appearance]?.borderColor && `border-color_${inputConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), placeholderTextColorClass || inputConfig.appearance[appearance]?.placeholderTextColor && `placeholder-text-color_${inputConfig.appearance[appearance].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorClass || inputConfig.appearance[appearance]?.textColor && `text-color_${inputConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), !isDisabled ? borderColorClass || inputConfig.state[state]?.borderColor && `border-color_${inputConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() : borderColorDisabledClass || inputConfig.state[state]?.borderColor && `border-color_disabled_${inputConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), !isDisabled ? placeholderTextColorClass || inputConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${inputConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() : placeholderTextColorDisabledClass || inputConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${inputConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), !isDisabled ? textColorClass || inputConfig.state[state]?.textColor && `text-color_${inputConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() : textColorDisabledClass || inputConfig.state[state]?.textColor && `text-color_${inputConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    "data-test-id": dataTestId || (name ? `${name}Input` : 'input'),
-    disabled: isDisabled,
-    id: id,
-    index: index,
-    placeholder: placeholder,
-    ref: ref,
-    type: type,
-    value: value,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown
-  });
-});
-Input.propTypes = {
-  checked: PropTypes.bool,
-  className: PropTypes.string,
-  id: PropTypes.string,
-  isDisabled: PropTypes.bool,
-  placeholder: PropTypes.string,
-  type: PropTypes.string,
-  value: PropTypes.string,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func
-};
-Input.defaultProps = {
-  size: 'm',
-  type: 'text'
-};
-Input.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Input",
-  "props": {
-    "size": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "required": false
-    },
-    "type": {
-      "defaultValue": {
-        "value": "'text'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "checked": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "isDisabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "placeholder": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "value": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "onBlur": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onChange": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onKeyDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
-
-export { Input, inputConfig };

package/dist/components/InputMask/Input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IInputConfig, IInputProps } from './Input.interface';
+declare const inputMaskConfig: IInputConfig;
+declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLDivElement>>;
+export { Input, inputMaskConfig };

package/dist/components/InputMask/Input.interface.d.ts

@@ -0,0 +1,53 @@
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, borderWidthPropsType, fillPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+import { stateKeysDefaultType } from '../../types/componentProps/stateKeys';
+export interface IInputThemeColor {
+    borderColor?: borderColorPropsType;
+    borderColorDisabled?: borderColorPropsType;
+    borderWidth?: borderWidthPropsType;
+    borderWidthDisabled?: borderWidthPropsType;
+    caret?: itemColorPropsType;
+    fill?: fillPropsType;
+    fillDisabled?: fillPropsType;
+    placeholderTextColor?: textColorPropsType;
+    placeholderTextColorDisabled?: textColorPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+    textWeight?: textWeightPropsType;
+    width?: widthPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type stateKeysType = stateKeysDefaultType & {};
+export type inputStateType = {
+    [key in stateKeysType]?: IInputThemeColor;
+};
+export type inputAppearanceType = {
+    [key in appearanceKeysType]?: IInputThemeColor;
+};
+export interface IInputConfig {
+    state: inputStateType | undefined;
+    setState: (newComponent: inputStateType) => void;
+    appearance: inputAppearanceType | undefined;
+    setAppearance: (newComponent: inputAppearanceType) => void;
+}
+export interface IInputProps extends IInputThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    className?: string;
+    dataTestId?: number | string;
+    id?: number | string;
+    index?: number | string;
+    isDisabled?: boolean;
+    name?: string;
+    placeholder?: string;
+    state?: stateKeysType;
+    type?: string;
+    value?: string;
+    onBlur?: () => void;
+    onChange?: () => void;
+    onFocus?: () => void;
+    onKeyDown?: () => void;
+}
+export {};

package/dist/components/InputMask/index.d.ts

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

package/dist/components/InputMask.js

@@ -1,224 +1,139 @@
-import React__default from 'react';
-import PropTypes from 'prop-types';
+import { j as jsxRuntimeExports } from '../jsx-runtime-C2uP7l8s.js';
+import React__default, { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
+import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
-const inputMaskConfig = {
-  state: {},
-  setState: newComponent => {
-    inputMaskConfig.state = newComponent;
-  },
-  appearance: {},
-  setAppearance: newComponent => {
-    inputMaskConfig.appearance = newComponent;
-  }
+var inputMaskConfig = {
+    state: undefined,
+    setState: function (newComponent) {
+        inputMaskConfig.state = newComponent;
+    },
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        inputMaskConfig.appearance = newComponent;
+    },
 };
-const Input = /*#__PURE__*/React__default.forwardRef(function Input(props, ref) {
-  const {
-    appearance,
-    state,
-    id,
-    index,
-    dataTestId,
-    type,
-    className,
-    name,
-    placeholder,
-    isDisabled,
-    value,
-    onBlur,
-    onChange,
-    onFocus,
-    onKeyDown
-  } = props;
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'fill_disabled_',
-    propsKey: 'fillDisabled'
-  });
-  const sizeClass = useDeviceTargetClass(props, {
-    prefix: 'input_size_',
-    propsKey: 'size'
-  });
-  const shapeClass = useDeviceTargetClass(props, {
-    prefix: 'input_shape_',
-    propsKey: 'shape'
-  });
-  const textSizeClass = useDeviceTargetClass(props, {
-    prefix: 'text_size_',
-    propsKey: 'textSize'
-  });
-  const textColorClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_',
-    propsKey: 'textColor'
-  });
-  const textColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'text-color_disabled_',
-    propsKey: 'textColor'
-  });
-  const caretClass = useDeviceTargetClass(props, {
-    prefix: 'caret-color_',
-    propsKey: 'caret'
-  });
-  const placeholderTextColorClass = useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_',
-    propsKey: 'placeholderTextColor'
-  });
-  const placeholderTextColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'placeholder-text-color_disabled_',
-    propsKey: 'placeholderTextColorDisabled'
-  });
-  const weightClass = useDeviceTargetClass(props, {
-    prefix: 'text-weight_',
-    propsKey: 'textWeight'
-  });
-  const borderWidthClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderWidthDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'border-width_disabled_',
-    propsKey: 'borderWidthDisabled'
-  });
-  const borderColorClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderColorDisabledClass = useDeviceTargetClass(props, {
-    prefix: 'border-color_disabled_',
-    propsKey: 'borderColorDisabled'
-  });
-  const widthClass = useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  return /*#__PURE__*/React__default.createElement("input", {
-    className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || weightClass) && 'text', caretClass, !isDisabled ? fillClass : fillDisabledClass, shapeClass || inputMaskConfig.appearance[appearance]?.shape && `input_shape_${inputMaskConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textSizeClass || inputMaskConfig.appearance[appearance]?.textSize && `text_size_${inputMaskConfig.appearance[appearance].textSize}`.replace(/([A-Z])/g, '-$1').toLowerCase(), weightClass, widthClass, !isDisabled ? borderWidthClass : borderWidthDisabledClass, sizeClass || inputMaskConfig.appearance[appearance]?.size && `input_size_${inputMaskConfig.appearance[appearance].size}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass || inputMaskConfig.appearance[appearance]?.borderColor && `border-color_${inputMaskConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), placeholderTextColorClass || inputMaskConfig.appearance[appearance]?.placeholderTextColor && `placeholder-text-color_${inputMaskConfig.appearance[appearance].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), textColorClass || inputMaskConfig.appearance[appearance]?.textColor && `text-color_${inputMaskConfig.appearance[appearance].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), !isDisabled ? borderColorClass || inputMaskConfig.state[state]?.borderColor && `border-color_${inputMaskConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() : borderColorDisabledClass || inputMaskConfig.state[state]?.borderColor && `border-color_disabled_${inputMaskConfig.state[state].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), !isDisabled ? placeholderTextColorClass || inputMaskConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${inputMaskConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() : placeholderTextColorDisabledClass || inputMaskConfig.state[state]?.placeholderTextColor && `placeholder-text-color_${inputMaskConfig.state[state].placeholderTextColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), !isDisabled ? textColorClass || inputMaskConfig.state[state]?.textColor && `text-color_${inputMaskConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase() : textColorDisabledClass || inputMaskConfig.state[state]?.textColor && `text-color_${inputMaskConfig.state[state].textColor}`.replace(/([A-Z])/g, '-$1').toLowerCase()),
-    type: type,
-    id: id,
-    index: index,
-    ref: ref,
-    disabled: isDisabled,
-    placeholder: placeholder,
-    "data-test-id": dataTestId || (name ? `${name}Input` : 'input'),
-    value: value,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown
-  });
+var Input = React__default.forwardRef(function Input(props, ref) {
+    var appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, id = props.id, index = props.index, isDisabled = props.isDisabled, name = props.name, placeholder = props.placeholder, state = props.state, type = props.type, 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 = useMemo(function () { return appearance && inputMaskConfig.appearance && inputMaskConfig.appearance[appearance]; }, [appearance, inputMaskConfig]);
+    var stateConfig = useMemo(function () { return state && inputMaskConfig.state && inputMaskConfig.state[state]; }, [state, inputMaskConfig]);
+    return (jsxRuntimeExports.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())), type: type, id: String(id), index: index, 
+        // @ts-expect-error
+        ref: ref, disabled: isDisabled, placeholder: placeholder, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
-Input.propTypes = {
-  id: PropTypes.string,
-  className: PropTypes.string,
-  placeholder: PropTypes.string,
-  value: PropTypes.string,
-  checked: PropTypes.bool,
-  isDisabled: PropTypes.bool,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  type: PropTypes.string
-};
 Input.defaultProps = {
-  size: 'm',
-  type: 'text'
-};
-Input.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Input",
-  "props": {
-    "size": {
-      "defaultValue": {
-        "value": "'m'",
-        "computed": false
-      },
-      "required": false
-    },
-    "type": {
-      "defaultValue": {
-        "value": "'text'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "placeholder": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "value": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "checked": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "isDisabled": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "onBlur": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onChange": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onKeyDown": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
+    size: 'm',
+    type: 'text',
 };
 
 export { Input, inputMaskConfig };

package/dist/components/InputPassword/InputPassword.d.ts

@@ -0,0 +1,10 @@
+import { IInputPasswordConfig, IInputPasswordProps } from './InputPassword.interface';
+declare const inputPasswordConfig: IInputPasswordConfig;
+declare function InputPassword(props: IInputPasswordProps): import("react/jsx-runtime").JSX.Element;
+declare namespace InputPassword {
+    var defaultProps: {
+        size: string;
+        type: string;
+    };
+}
+export { InputPassword, inputPasswordConfig };