@alfalab/core-components 48.8.0-beta.0 → 48.8.0

package/number-input/modern/components/steppers/Component.js

@@ -3,7 +3,9 @@ import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
 import { getDataTestId } from '../../../../shared/modern';
 import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
+import { MinusSIcon } from '@alfalab/icons-glyph/MinusSIcon';
 import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
+import { PlusSIcon } from '@alfalab/icons-glyph/PlusSIcon';
 
 const defaultColors = {"separator":"number-input__separator_ivd3j"};
 require('./default.css');
@@ -21,13 +23,15 @@ const colorStyles = {
 function preventDefault(e) {
     e.preventDefault();
 }
-const Steppers = ({ className, onIncrement, onDecrement, value, min, max, disabled, dataTestId, colors, }) => {
+const Steppers = ({ className, onIncrement, onDecrement, value, min, max, disabled, dataTestId, colors, size, }) => {
     const decButtonDisabled = disabled || value <= min;
     const incButtonDisabled = disabled || value >= max;
+    const MinusIconComponent = size === 40 ? MinusSIcon : MinusMIcon;
+    const PlusIconComponent = size === 40 ? PlusSIcon : PlusMediumMIcon;
     return (React.createElement("div", { className: cn(styles.component, className) },
-        React.createElement(IconButton, { colors: colors, disabled: decButtonDisabled, className: styles.button, icon: React.createElement(MinusMIcon, null), "aria-label": '\u0443\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onDecrement, dataTestId: getDataTestId(dataTestId, 'decrement-button'), view: 'secondary' }),
+        React.createElement(IconButton, { colors: colors, disabled: decButtonDisabled, className: styles.button, icon: React.createElement(MinusIconComponent, null), "aria-label": '\u0443\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onDecrement, dataTestId: getDataTestId(dataTestId, 'decrement-button'), view: 'secondary' }),
         React.createElement("div", { className: cn(styles.separator, colorStyles[colors].separator) }),
-        React.createElement(IconButton, { colors: colors, disabled: incButtonDisabled, className: styles.button, icon: React.createElement(PlusMediumMIcon, null), "aria-label": '\u0443\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onIncrement, dataTestId: getDataTestId(dataTestId, 'increment-button'), view: 'secondary' })));
+        React.createElement(IconButton, { colors: colors, disabled: incButtonDisabled, className: styles.button, icon: React.createElement(PlusIconComponent, null), "aria-label": '\u0443\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onIncrement, dataTestId: getDataTestId(dataTestId, 'increment-button'), view: 'secondary' })));
 };
 
 export { Steppers };

package/number-input/modern/components/steppers/index.js

@@ -4,4 +4,6 @@ import 'classnames';
 import '../../../../icon-button/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';

package/number-input/modern/desktop/Component.desktop.js

@@ -10,7 +10,9 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 
 const NumberInputDesktop = forwardRef((props, ref) => React.createElement(NumberInput, { ...props, Input: InputDesktop, ref: ref, view: 'desktop' }));
 

package/number-input/modern/desktop/index.js

@@ -11,4 +11,6 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';

package/number-input/modern/index.js

@@ -12,4 +12,6 @@ import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';

package/number-input/modern/mobile/Component.mobile.js

@@ -10,7 +10,9 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 
 const NumberInputMobile = forwardRef((props, ref) => React.createElement(NumberInput, { ...props, Input: InputMobile, ref: ref, view: 'mobile' }));
 

package/number-input/modern/mobile/index.js

@@ -11,4 +11,6 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/modern';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';

package/number-input/moderncssm/Component.responsive.js

@@ -11,7 +11,9 @@ import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import './components/steppers/default.module.css';
 import './components/steppers/index.module.css';
 import './components/steppers/inverted.module.css';

package/number-input/moderncssm/components/number-input/Component.js

@@ -11,7 +11,9 @@ import styles from './index.module.css';
 import invertedColors from './inverted.module.css';
 import '../../../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import '../steppers/default.module.css';
 import '../steppers/index.module.css';
 import '../steppers/inverted.module.css';
@@ -25,6 +27,7 @@ const SIZE_TO_CLASSNAME_MAP = {
     m: 'size-56',
     l: 'size-64',
     xl: 'size-72',
+    40: 'size-40',
     48: 'size-48',
     56: 'size-56',
     64: 'size-64',
@@ -108,7 +111,7 @@ const NumberInput = forwardRef(({ value: propValue, onChange, separator = ',', f
             React.createElement(Steppers, { colors: colors, dataTestId: dataTestId, disabled: disabled, value: parseNumber(value), min: min, max: max, className: cn(colorStyles[colors].steppers, styles[SIZE_TO_CLASSNAME_MAP[size]], {
                     [colorStyles[colors].steppersFocused]: focused,
                     [colorStyles[colors].steppersDisabled]: disabled,
-                }), onIncrement: handleIncrement, onDecrement: handleDecrement }))) : (rightAddons) }));
+                }), onIncrement: handleIncrement, onDecrement: handleDecrement, size: size }))) : (rightAddons) }));
 });
 
 export { NumberInput };

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

@@ -9,7 +9,9 @@ import '../../utils.js';
 import '../steppers/Component.js';
 import '../../../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import '../steppers/default.module.css';
 import '../steppers/index.module.css';
 import '../steppers/inverted.module.css';

package/number-input/moderncssm/components/number-input/index.module.css

@@ -1,5 +1,10 @@
 /* */
 
+.size-40 {
+    margin-right: var(--gap-8-neg);
+    height: 32px;
+}
+
 .size-48 {
     margin-right: var(--gap-8-neg);
 }

package/number-input/moderncssm/components/steppers/Component.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
+import { InputProps } from "../../../../input";
 type SteppersProps = {
     value: number;
     min: number;
@@ -10,6 +11,7 @@ type SteppersProps = {
     onDecrement: () => void;
     dataTestId?: string;
     colors: 'default' | 'inverted';
+    size: InputProps['size'];
 };
 declare const Steppers: React.FC<SteppersProps>;
 export { SteppersProps, Steppers };

package/number-input/moderncssm/components/steppers/Component.js

@@ -3,7 +3,9 @@ import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/moderncssm';
 import { getDataTestId } from '../../../../shared/moderncssm';
 import { MinusMIcon } from '@alfalab/icons-glyph/MinusMIcon';
+import { MinusSIcon } from '@alfalab/icons-glyph/MinusSIcon';
 import { PlusMediumMIcon } from '@alfalab/icons-glyph/PlusMediumMIcon';
+import { PlusSIcon } from '@alfalab/icons-glyph/PlusSIcon';
 import defaultColors from './default.module.css';
 import styles from './index.module.css';
 import invertedColors from './inverted.module.css';
@@ -15,13 +17,15 @@ const colorStyles = {
 function preventDefault(e) {
     e.preventDefault();
 }
-const Steppers = ({ className, onIncrement, onDecrement, value, min, max, disabled, dataTestId, colors, }) => {
+const Steppers = ({ className, onIncrement, onDecrement, value, min, max, disabled, dataTestId, colors, size, }) => {
     const decButtonDisabled = disabled || value <= min;
     const incButtonDisabled = disabled || value >= max;
+    const MinusIconComponent = size === 40 ? MinusSIcon : MinusMIcon;
+    const PlusIconComponent = size === 40 ? PlusSIcon : PlusMediumMIcon;
     return (React.createElement("div", { className: cn(styles.component, className) },
-        React.createElement(IconButton, { colors: colors, disabled: decButtonDisabled, className: styles.button, icon: React.createElement(MinusMIcon, null), "aria-label": '\u0443\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onDecrement, dataTestId: getDataTestId(dataTestId, 'decrement-button'), view: 'secondary' }),
+        React.createElement(IconButton, { colors: colors, disabled: decButtonDisabled, className: styles.button, icon: React.createElement(MinusIconComponent, null), "aria-label": '\u0443\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onDecrement, dataTestId: getDataTestId(dataTestId, 'decrement-button'), view: 'secondary' }),
         React.createElement("div", { className: cn(styles.separator, colorStyles[colors].separator) }),
-        React.createElement(IconButton, { colors: colors, disabled: incButtonDisabled, className: styles.button, icon: React.createElement(PlusMediumMIcon, null), "aria-label": '\u0443\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onIncrement, dataTestId: getDataTestId(dataTestId, 'increment-button'), view: 'secondary' })));
+        React.createElement(IconButton, { colors: colors, disabled: incButtonDisabled, className: styles.button, icon: React.createElement(PlusIconComponent, null), "aria-label": '\u0443\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C', onMouseDown: preventDefault, onClick: onIncrement, dataTestId: getDataTestId(dataTestId, 'increment-button'), view: 'secondary' })));
 };
 
 export { Steppers };

package/number-input/moderncssm/components/steppers/index.js

@@ -4,7 +4,9 @@ import 'classnames';
 import '../../../../icon-button/moderncssm';
 import '../../../../shared/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import './default.module.css';
 import './index.module.css';
 import './inverted.module.css';

package/number-input/moderncssm/desktop/Component.desktop.js

@@ -10,7 +10,9 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import '../components/steppers/default.module.css';
 import '../components/steppers/index.module.css';
 import '../components/steppers/inverted.module.css';

package/number-input/moderncssm/desktop/index.js

@@ -11,7 +11,9 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import '../components/steppers/default.module.css';
 import '../components/steppers/index.module.css';
 import '../components/steppers/inverted.module.css';

package/number-input/moderncssm/index.js

@@ -12,7 +12,9 @@ import './utils.js';
 import './components/steppers/Component.js';
 import '../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import './components/steppers/default.module.css';
 import './components/steppers/index.module.css';
 import './components/steppers/inverted.module.css';

package/number-input/moderncssm/mobile/Component.mobile.js

@@ -10,7 +10,9 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import '../components/steppers/default.module.css';
 import '../components/steppers/index.module.css';
 import '../components/steppers/inverted.module.css';

package/number-input/moderncssm/mobile/index.js

@@ -11,7 +11,9 @@ import '../utils.js';
 import '../components/steppers/Component.js';
 import '../../../icon-button/moderncssm';
 import '@alfalab/icons-glyph/MinusMIcon';
+import '@alfalab/icons-glyph/MinusSIcon';
 import '@alfalab/icons-glyph/PlusMediumMIcon';
+import '@alfalab/icons-glyph/PlusSIcon';
 import '../components/steppers/default.module.css';
 import '../components/steppers/index.module.css';
 import '../components/steppers/inverted.module.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "48.8.0-beta.0",
+  "version": "48.8.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -54,16 +54,16 @@
   "dependencies": {
     "@alfalab/data": "^1.9.1",
     "@alfalab/hooks": "^1.13.1",
-    "@alfalab/icons-glyph": "^2.189.0",
+    "@alfalab/icons-glyph": "^2.210.0",
     "@alfalab/icons-logotype": "^2.27.0",
     "@alfalab/react-canvas-pattern-lock": "^2.0.7",
     "@alfalab/utils": "^1.17.1",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^7.0.2",
-    "@floating-ui/react-dom": "^2.1.2",
     "@juggle/resize-observer": "^3.3.1",
     "@maskito/core": "^1.7.0",
     "@maskito/react": "^1.7.0",
+    "@popperjs/core": "^2.11.8",
     "@types/deep-equal": "^1.0.4",
     "@types/react-transition-group": "^4.4.5",
     "can-use-dom": "^0.1.0",
@@ -79,12 +79,14 @@
     "mdast-util-gfm-strikethrough": "^0.2.3",
     "micromark-extension-gfm-strikethrough": "^0.6.5",
     "nouislider": "^15.6.0",
+    "popper-max-size-modifier": "^0.2.0",
     "react-canvas-pattern-lock": "^2.0.6",
     "react-div-100vh": "^0.7.0",
     "react-fast-compare": "^3.2.2",
     "react-focus-lock": "^2.12.1",
     "react-markdown": "6.0.2",
     "react-merge-refs": "^1.1.0",
+    "react-popper": "^2.3.0",
     "react-swipeable": "^7.0.0",
     "react-textarea-autosize": "^8.3.4",
     "react-transition-group": "^4.4.5",
@@ -113,11 +115,11 @@
     "@storybook/preset-create-react-app": "^7.6.2",
     "@storybook/react": "^7.6.2",
     "@storybook/react-webpack5": "^7.6.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/dom": "^8.17.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.3.0",
     "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/user-event": "^14.4.3",
     "@types/element-closest": "^3.0.0",
     "@types/jest": "^26.0.15",
     "@types/jest-image-snapshot": "^6.1.0",
@@ -163,6 +165,7 @@
     "husky": "^4.3.8",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
+    "jest-environment-jsdom-sixteen": "^1.0.3",
     "jest-image-snapshot": "^6.1.0",
     "json": "^10.0.0",
     "lerna": "^6.1.0",
@@ -287,6 +290,9 @@
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },
+  "jest": {
+    "testEnvironment": "jest-environment-jsdom-sixteen"
+  },
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"

package/password-input/component.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { InputProps } from "../input";
-type PasswordInputProps = InputProps & {
+type PasswordInputProps = Omit<InputProps, 'size'> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */
@@ -11,11 +16,12 @@ type PasswordInputProps = InputProps & {
      */
     onPasswordVisibleChange?: (visible: boolean) => void;
 };
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<import("../input/components/base-input").BaseInputProps, "FormControlComponent"> & {
-    breakpoint?: number | undefined;
-    client?: "desktop" | "mobile" | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "size"> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */

package/password-input/cssm/component.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { InputProps } from "../../input";
-type PasswordInputProps = InputProps & {
+type PasswordInputProps = Omit<InputProps, 'size'> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */
@@ -11,11 +16,12 @@ type PasswordInputProps = InputProps & {
      */
     onPasswordVisibleChange?: (visible: boolean) => void;
 };
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<import("../../input/components/base-input").BaseInputProps, "FormControlComponent"> & {
-    breakpoint?: number | undefined;
-    client?: "desktop" | "mobile" | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "size"> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */

package/password-input/esm/component.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { InputProps } from "../../input";
-type PasswordInputProps = InputProps & {
+type PasswordInputProps = Omit<InputProps, 'size'> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */
@@ -11,11 +16,12 @@ type PasswordInputProps = InputProps & {
      */
     onPasswordVisibleChange?: (visible: boolean) => void;
 };
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<import("../../input/components/base-input").BaseInputProps, "FormControlComponent"> & {
-    breakpoint?: number | undefined;
-    client?: "desktop" | "mobile" | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "size"> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */

package/password-input/modern/component.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { InputProps } from "../../input";
-type PasswordInputProps = InputProps & {
+type PasswordInputProps = Omit<InputProps, 'size'> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */
@@ -11,11 +16,12 @@ type PasswordInputProps = InputProps & {
      */
     onPasswordVisibleChange?: (visible: boolean) => void;
 };
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<import("../../input/components/base-input").BaseInputProps, "FormControlComponent"> & {
-    breakpoint?: number | undefined;
-    client?: "desktop" | "mobile" | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "size"> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */

package/password-input/moderncssm/component.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
 import { InputProps } from "../../input";
-type PasswordInputProps = InputProps & {
+type PasswordInputProps = Omit<InputProps, 'size'> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */
@@ -11,11 +16,12 @@ type PasswordInputProps = InputProps & {
      */
     onPasswordVisibleChange?: (visible: boolean) => void;
 };
-declare const PasswordInput: React.ForwardRefExoticComponent<Omit<import("../../input/components/base-input").BaseInputProps, "FormControlComponent"> & {
-    breakpoint?: number | undefined;
-    client?: "desktop" | "mobile" | undefined;
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & {
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "size"> & {
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: Exclude<InputProps['size'], 40>;
     /**
      * Управление видимостью пароля (controlled)
      */

package/picker-button/Component-55db088c.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-55db088c";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/Component-c44170fe.d.ts

@@ -1,14 +1,7 @@
 /// <reference types="react" />
-import React from "react";
+import React from 'react';
 import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
 import { FormControlProps } from "./index-c44170fe";
-interface ClearButtonProps {
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    colors: "default" | "inverted";
-    dataTestId?: string;
-}
-declare const ClearButton: React.FC<ClearButtonProps>;
 type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
     /**
      * Значение поля ввода
@@ -30,7 +23,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Набор цветов для компонента
      */
@@ -147,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */
@@ -168,7 +161,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "m" | "l" | "xl" | 48 | 40 | 56 | 64 | 72 | undefined;
     /**
      * Набор цветов для компонента
      */
@@ -289,4 +282,5 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export { ClearButton, BaseInputProps, BaseInput };
+export * from "./Component-ebda875c";
+export { BaseInputProps, BaseInput };

package/picker-button/Component-ebda875c.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseInputProps } from "./index-ebda875c";
+interface ClearButtonProps {
+    disabled?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    colors: 'default' | 'inverted';
+    dataTestId?: string;
+    size?: BaseInputProps['size'];
+}
+declare const ClearButton: React.FC<ClearButtonProps>;
+export { ClearButton };

package/picker-button/consts-98cfb385.d.ts

@@ -0,0 +1,13 @@
+declare const DEFAULT_VISIBLE_OPTIONS = 5;
+declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    40: string;
+    48: string;
+    56: string;
+    64: string;
+    72: string;
+};
+export { DEFAULT_VISIBLE_OPTIONS, SIZE_TO_CLASSNAME_MAP };

package/picker-button/cssm/Component-55db088c.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-55db088c";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };