@alfalab/core-components-number-input 1.1.2 → 1.2.1

package/Component-2abb571d.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { BaseButtonProps } from "./typings-9211a437";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NumberInputProps } from "./components/number-input/index";
+type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint'>;
+declare const NumberInputDesktop: React.ForwardRefExoticComponent<NumberInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInputDesktopProps, NumberInputDesktop };

package/Component.desktop.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var desktop = require('@alfalab/core-components-input/desktop');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, props, { Input: desktop.InputDesktop, ref: ref })); });
+
+exports.NumberInputDesktop = NumberInputDesktop;

package/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/Component.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NumberInputProps } from "./components/number-input/index";
+type NumberInputMobileProps = Omit<NumberInputProps, 'Input' | 'breakpoint'>;
+declare const NumberInputMobile: React.ForwardRefExoticComponent<NumberInputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInputMobileProps, NumberInputMobile };

package/Component.mobile.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('@alfalab/core-components-input/mobile');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, props, { Input: mobile.InputMobile, ref: ref })); });
+
+exports.NumberInputMobile = NumberInputMobile;

package/Component.responsive.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NumberInputProps } from "./components/number-input/index";
+type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input'>;
+declare const NumberInputResponsive: React.ForwardRefExoticComponent<NumberInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInputResponsiveProps, NumberInputResponsive };

package/Component.responsive.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('@alfalab/core-components-input');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputResponsive = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, props, { Input: coreComponentsInput.Input, ref: ref })); });
+
+exports.NumberInputResponsive = NumberInputResponsive;

package/{Component.d.ts → components/number-input/Component.d.ts}

@@ -18,6 +18,12 @@ type NumberInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
      * Количество символов после разделителя
      */
     fractionLength?: number;
+    /**
+     *  Компонент инпута
+     */
+    Input: React.FC<InputProps & {
+        ref?: React.Ref<HTMLInputElement>;
+    }>;
     /**
      * Обработчик события изменения значения
      */
@@ -33,7 +39,7 @@ type NumberInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
         valueString: string;
     }) => void;
 };
-declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "value"> & {
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange" | "type" | "value"> & {
     /**
      * Значение поля ввода
      */
@@ -50,6 +56,12 @@ declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "typ
      * Количество символов после разделителя
      */
     fractionLength?: number | undefined;
+    /**
+     *  Компонент инпута
+     */
+    Input: React.FC<InputProps & {
+        ref?: React.Ref<HTMLInputElement>;
+    }>;
     /**
      * Обработчик события изменения значения
      */

package/{Component.js → components/number-input/Component.js}

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
-var coreComponentsInput = require('@alfalab/core-components-input');
-var utils = require('./utils.js');
+var utils = require('../../utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
 var NumberInput = React__default.default.forwardRef(function (_a, ref) {
-    var propValue = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _b = _a.allowSigns, allowSigns = _b === void 0 ? true : _b, _c = _a.separator, separator = _c === void 0 ? ',' : _c, fractionLength = _a.fractionLength, defaultValue = _a.defaultValue, restProps = tslib.__rest(_a, ["value", "onChange", "onBlur", "allowSigns", "separator", "fractionLength", "defaultValue"]);
+    var propValue = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _b = _a.allowSigns, allowSigns = _b === void 0 ? true : _b, _c = _a.separator, separator = _c === void 0 ? ',' : _c, fractionLength = _a.fractionLength, defaultValue = _a.defaultValue, Input = _a.Input, restProps = tslib.__rest(_a, ["value", "onChange", "onBlur", "allowSigns", "separator", "fractionLength", "defaultValue", "Input"]);
     var uncontrolled = propValue === undefined;
     var inputRef = React.useRef(null);
     var _d = React.useState(defaultValue || ''), value = _d[0], setValue = _d[1];
@@ -105,7 +104,7 @@ var NumberInput = React__default.default.forwardRef(function (_a, ref) {
             onBlur(event);
     };
     var visibleValue = uncontrolled ? value : propValue === null || propValue === void 0 ? void 0 : propValue.toString();
-    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({ ref: mergeRefs__default.default([ref, inputRef]), value: visibleValue, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, inputMode: 'decimal' }, restProps)));
+    return (React__default.default.createElement(Input, tslib.__assign({ ref: mergeRefs__default.default([ref, inputRef]), value: visibleValue, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, inputMode: 'decimal' }, restProps)));
 });
 
 exports.NumberInput = NumberInput;

package/components/number-input/index.d.ts

@@ -0,0 +1 @@
+export { NumberInput, NumberInputProps } from "./Component";

package/components/number-input/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_numberInput_Component = require('./Component.js');
+require('tslib');
+require('react');
+require('react-merge-refs');
+require('../../utils.js');
+
+
+
+exports.NumberInput = components_numberInput_Component.NumberInput;

package/cssm/Component-2abb571d.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { BaseButtonProps } from "./typings-9211a437";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/cssm/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NumberInputProps } from "./components/number-input/index";
+type NumberInputDesktopProps = Omit<NumberInputProps, 'Input' | 'breakpoint'>;
+declare const NumberInputDesktop: React.ForwardRefExoticComponent<NumberInputDesktopProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInputDesktopProps, NumberInputDesktop };

package/cssm/Component.desktop.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var desktop = require('@alfalab/core-components-input/cssm/desktop');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, props, { Input: desktop.InputDesktop, ref: ref })); });
+
+exports.NumberInputDesktop = NumberInputDesktop;

package/cssm/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/cssm/Component.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NumberInputProps } from "./components/number-input/index";
+type NumberInputMobileProps = Omit<NumberInputProps, 'Input' | 'breakpoint'>;
+declare const NumberInputMobile: React.ForwardRefExoticComponent<NumberInputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInputMobileProps, NumberInputMobile };

package/cssm/Component.mobile.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mobile = require('@alfalab/core-components-input/cssm/mobile');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputMobile = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, props, { Input: mobile.InputMobile, ref: ref })); });
+
+exports.NumberInputMobile = NumberInputMobile;

package/cssm/Component.responsive.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { NumberInputProps } from "./components/number-input/index";
+type NumberInputResponsiveProps = Omit<NumberInputProps, 'Input'>;
+declare const NumberInputResponsive: React.ForwardRefExoticComponent<NumberInputResponsiveProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInputResponsiveProps, NumberInputResponsive };

package/cssm/Component.responsive.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('@alfalab/core-components-input/cssm');
+var components_numberInput_Component = require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var NumberInputResponsive = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_numberInput_Component.NumberInput, tslib.__assign({}, props, { Input: coreComponentsInput.Input, ref: ref })); });
+
+exports.NumberInputResponsive = NumberInputResponsive;

package/{esm → cssm/components/number-input}/Component.d.ts

@@ -18,6 +18,12 @@ type NumberInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
      * Количество символов после разделителя
      */
     fractionLength?: number;
+    /**
+     *  Компонент инпута
+     */
+    Input: React.FC<InputProps & {
+        ref?: React.Ref<HTMLInputElement>;
+    }>;
     /**
      * Обработчик события изменения значения
      */
@@ -33,7 +39,7 @@ type NumberInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
         valueString: string;
     }) => void;
 };
-declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange" | "value"> & {
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange" | "type" | "value"> & {
     /**
      * Значение поля ввода
      */
@@ -50,6 +56,12 @@ declare const NumberInput: React.ForwardRefExoticComponent<Omit<InputProps, "typ
      * Количество символов после разделителя
      */
     fractionLength?: number | undefined;
+    /**
+     *  Компонент инпута
+     */
+    Input: React.FC<InputProps & {
+        ref?: React.Ref<HTMLInputElement>;
+    }>;
     /**
      * Обработчик события изменения значения
      */

package/cssm/{Component.js → components/number-input/Component.js}

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
-var coreComponentsInput = require('@alfalab/core-components-input/cssm');
-var utils = require('./utils.js');
+var utils = require('../../utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -14,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
 var NumberInput = React__default.default.forwardRef(function (_a, ref) {
-    var propValue = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _b = _a.allowSigns, allowSigns = _b === void 0 ? true : _b, _c = _a.separator, separator = _c === void 0 ? ',' : _c, fractionLength = _a.fractionLength, defaultValue = _a.defaultValue, restProps = tslib.__rest(_a, ["value", "onChange", "onBlur", "allowSigns", "separator", "fractionLength", "defaultValue"]);
+    var propValue = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _b = _a.allowSigns, allowSigns = _b === void 0 ? true : _b, _c = _a.separator, separator = _c === void 0 ? ',' : _c, fractionLength = _a.fractionLength, defaultValue = _a.defaultValue, Input = _a.Input, restProps = tslib.__rest(_a, ["value", "onChange", "onBlur", "allowSigns", "separator", "fractionLength", "defaultValue", "Input"]);
     var uncontrolled = propValue === undefined;
     var inputRef = React.useRef(null);
     var _d = React.useState(defaultValue || ''), value = _d[0], setValue = _d[1];
@@ -105,7 +104,7 @@ var NumberInput = React__default.default.forwardRef(function (_a, ref) {
             onBlur(event);
     };
     var visibleValue = uncontrolled ? value : propValue === null || propValue === void 0 ? void 0 : propValue.toString();
-    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({ ref: mergeRefs__default.default([ref, inputRef]), value: visibleValue, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, inputMode: 'decimal' }, restProps)));
+    return (React__default.default.createElement(Input, tslib.__assign({ ref: mergeRefs__default.default([ref, inputRef]), value: visibleValue, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, inputMode: 'decimal' }, restProps)));
 });
 
 exports.NumberInput = NumberInput;

package/cssm/components/number-input/index.d.ts

@@ -0,0 +1 @@
+export { NumberInput, NumberInputProps } from "./Component";

package/cssm/components/number-input/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_numberInput_Component = require('./Component.js');
+require('tslib');
+require('react');
+require('react-merge-refs');
+require('../../utils.js');
+
+
+
+exports.NumberInput = components_numberInput_Component.NumberInput;

package/cssm/desktop.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputDesktop, NumberInputDesktopProps } from "./Component.desktop";
+export {};

package/cssm/desktop.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('@alfalab/core-components-input/cssm/desktop');
+require('./components/number-input/Component.js');
+require('react-merge-refs');
+require('./utils.js');
+
+
+
+exports.NumberInputDesktop = Component_desktop.NumberInputDesktop;

package/cssm/index-2abb571d.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import React from "react";
+import { PaddingType } from "./index-72dda473";
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
+declare const inputUtils: {
+    disableUserInput: typeof disableUserInput;
+};
+export { createPaddingStyle, isClient, getDataTestId, easingFns, inputUtils };

package/cssm/index-72dda473.d.ts

@@ -0,0 +1,12 @@
+type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
+type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
+type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
+type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };

package/cssm/index-ebda875c.d.ts

@@ -0,0 +1,135 @@
+/// <reference types="react" />
+import React from "react";
+import { HTMLAttributes, ReactNode } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer";
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+};
+declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    block?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    error?: ReactNode | boolean;
+    hint?: ReactNode;
+    label?: ReactNode;
+    labelView?: "inner" | "outer" | undefined;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    inputWrapperClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: ReactNode;
+    styles: {
+        [key: string]: string;
+    };
+    colorStyles?: StyleColors | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { StyleColors, BaseFormControlProps, BaseFormControl };

package/cssm/index.d.ts

@@ -1 +1,2 @@
-export * from "./Component";
+export { NumberInputResponsive as NumberInput, NumberInputResponsiveProps as NumberInputProps } from "./Component.responsive";
+export {};

package/cssm/index.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component.js');
+var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
-require('react-merge-refs');
 require('@alfalab/core-components-input/cssm');
+require('./components/number-input/Component.js');
+require('react-merge-refs');
 require('./utils.js');
 
 
 
-exports.NumberInput = Component.NumberInput;
+exports.NumberInput = Component_responsive.NumberInputResponsive;

package/cssm/mobile.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputMobile, NumberInputMobileProps } from "./Component.mobile";
+export {};