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

package/input/modern/components/clear-button/index.css

@@ -63,7 +63,9 @@
     display: block;
     transition: opacity 0.2s ease;
 } .input__clearButton_1rhtk + * {
-    margin-left: var(--gap-4);
-} .input__clearButton_1rhtk + [data-addon='error-icon'] {
+        margin-left: var(--gap-4);
+    } .input__clearButton_1rhtk.input__size-40_1rhtk + * {
+        margin-left: 6px;
+    } .input__clearButton_1rhtk + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/input/modern/components/clear-button/index.js

@@ -3,3 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';

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

@@ -9,6 +9,7 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 
 const InputDesktop = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlDesktop, ref: ref })));
 

package/input/modern/desktop/index.js

@@ -10,3 +10,4 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';

package/input/modern/index.js

@@ -12,5 +12,6 @@ import '@alfalab/hooks';
 import './components/clear-button/Component.js';
 import '../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './mobile/Component.mobile.js';
 import '../../form-control/modern/mobile';

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

@@ -9,6 +9,7 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 
 const InputMobile = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlMobile, ref: ref })));
 

package/input/modern/mobile/index.js

@@ -10,3 +10,4 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';

package/input/modern/shared/index.js

@@ -4,4 +4,5 @@ import 'react';
 import 'classnames';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../../../shared/modern';

package/input/moderncssm/Component.responsive.js

@@ -12,6 +12,7 @@ import '@alfalab/hooks';
 import './components/clear-button/Component.js';
 import '../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './components/clear-button/default.module.css';
 import './components/clear-button/index.module.css';
 import './components/clear-button/inverted.module.css';

package/input/moderncssm/components/base-input/Component.d.ts

@@ -23,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;
     /**
      * Набор цветов для компонента
      */
@@ -161,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" | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Набор цветов для компонента
      */

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

@@ -10,6 +10,7 @@ import styles from './index.module.css';
 import invertedColors from './inverted.module.css';
 import '../../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../clear-button/default.module.css';
 import '../clear-button/index.module.css';
 import '../clear-button/inverted.module.css';
@@ -23,6 +24,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',
@@ -121,17 +123,17 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
     const renderRightAddons = () => {
         const addonsVisible = clearButtonVisible || rightAddons || error || success;
         return (addonsVisible && (React.createElement(Fragment, null,
-            clearButtonVisible && (React.createElement(ClearButton, { onClick: handleClear, disabled: disabled, colors: colors, dataTestId: getDataTestId(dataTestId, 'clear-icon') })),
+            clearButtonVisible && (React.createElement(ClearButton, { onClick: handleClear, disabled: disabled, colors: colors, dataTestId: getDataTestId(dataTestId, 'clear-icon'), size: size })),
             rightAddons,
-            error && (React.createElement("div", { className: styles.errorIcon, "data-addon": 'error-icon' },
-                React.createElement(StatusBadge, { view: 'negative-alert', size: 20, dataTestId: getDataTestId(dataTestId, 'error-icon') }))),
-            success && !error && (React.createElement("div", { className: styles.successIcon },
-                React.createElement(StatusBadge, { view: 'positive-checkmark', size: 20, dataTestId: getDataTestId(dataTestId, 'success-icon') }))))));
+            error && (React.createElement("div", { className: cn(styles.errorIcon, styles[`size-${size}`]), "data-addon": 'error-icon' },
+                React.createElement(StatusBadge, { view: 'negative-alert', size: size === 40 ? 16 : 20, dataTestId: getDataTestId(dataTestId, 'error-icon') }))),
+            success && !error && (React.createElement("div", { className: cn(styles.successIcon, styles[`size-${size}`]) },
+                React.createElement(StatusBadge, { view: 'positive-checkmark', size: size === 40 ? 16 : 20, dataTestId: getDataTestId(dataTestId, 'success-icon') }))))));
     };
     return FormControlComponent ? (React.createElement(FormControlComponent, { ref: wrapperRef, className: cn(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn(fieldClassName, {
             [styles.focusVisible]: focusVisible,
         }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
-        React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
+        React.createElement("input", { ...restProps, className: cn(styles.input, styles[`size-${size}`], colorCommonStyles[colors].input, {
                 [styles.disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].disableUserInput]: disableUserInput,
                 [colorCommonStyles[colors].error]: error,

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

@@ -8,6 +8,7 @@ import '@alfalab/hooks';
 import '../clear-button/Component.js';
 import '../../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../clear-button/default.module.css';
 import '../clear-button/index.module.css';
 import '../clear-button/inverted.module.css';

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

@@ -11,6 +11,7 @@
     /* error */
 
     /* height */
+    --form-control-40-min-height: var(--size-xs-height);
     --form-control-s-min-height: var(--size-s-height);
     --form-control-m-min-height: var(--size-m-height);
     --form-control-l-min-height: var(--size-l-height);
@@ -64,9 +65,16 @@
     outline: none;
     text-overflow: ellipsis;
     box-sizing: border-box;
-    -webkit-appearance: none;
+    -webkit-appearance: none
 }
 
+.input.size-40 {
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
+        padding: var(--gap-0) var(--gap-8);
+    }
+
 .input::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
@@ -75,6 +83,10 @@
         opacity: 0;
     }
 
+.hasInnerLabel.size-40 {
+        height: var(--form-control-40-min-height);
+    }
+
 .hasInnerLabel.size-48 {
         height: var(--form-control-s-min-height);
     }
@@ -103,6 +115,10 @@
         margin-left: var(--gap-4);
     }
 
+.errorIcon.size-40:not(:only-child) {
+        margin-left: 6px;
+    }
+
 * + .errorIcon {
     display: var(--input-error-icon-not-alone-display);
 }
@@ -119,6 +135,10 @@ button[class*='eye'] + .errorIcon {
         margin-left: var(--gap-4);
     }
 
+.successIcon.size-40:not(:only-child) {
+        margin-left: 6px;
+    }
+
 button[class*='eye'] + .successIcon {
     margin-right: var(--gap-12);
 }

package/input/moderncssm/components/clear-button/Component.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
+import { BaseInputProps } from "../base-input/index";
 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/input/moderncssm/components/clear-button/Component.js

@@ -2,6 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/moderncssm';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
+import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 import defaultColors from './default.module.css';
 import styles from './index.module.css';
 import invertedColors from './inverted.module.css';
@@ -11,7 +12,10 @@ const colorStyles = {
     inverted: invertedColors,
 };
 const preventDefault = (e) => e.preventDefault();
-const ClearButton = ({ colors, disabled, onClick, dataTestId, }) => (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: onClick, tabIndex: -1, onMouseDown: preventDefault, dataTestId: dataTestId },
-    React.createElement(CrossCircleMIcon, { className: cn(styles.clearIcon, colorStyles[colors].clearIcon) })));
+const ClearButton = ({ colors, disabled, onClick, dataTestId, size, }) => {
+    const IconComponent = size === 40 ? CrossCircleSIcon : CrossCircleMIcon;
+    return (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: cn(styles.clearButton, styles[`size-${size}`]), onClick: onClick, tabIndex: -1, onMouseDown: preventDefault, dataTestId: dataTestId },
+        React.createElement(IconComponent, { className: cn(styles.clearIcon, colorStyles[colors].clearIcon) })));
+};
 
 export { ClearButton };

package/input/moderncssm/components/clear-button/index.js

@@ -3,6 +3,7 @@ import 'react';
 import 'classnames';
 import '../../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './default.module.css';
 import './index.module.css';
 import './inverted.module.css';

package/input/moderncssm/components/clear-button/index.module.css

@@ -49,8 +49,12 @@
 }
 
 .clearButton + * {
-    margin-left: var(--gap-4);
-}
+        margin-left: var(--gap-4);
+    }
+
+.clearButton.size-40 + * {
+        margin-left: 6px;
+    }
 
 .clearButton + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);

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

@@ -9,6 +9,7 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/default.module.css';
 import '../components/clear-button/index.module.css';
 import '../components/clear-button/inverted.module.css';

package/input/moderncssm/desktop/index.js

@@ -10,6 +10,7 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/default.module.css';
 import '../components/clear-button/index.module.css';
 import '../components/clear-button/inverted.module.css';

package/input/moderncssm/index.js

@@ -12,6 +12,7 @@ import '@alfalab/hooks';
 import './components/clear-button/Component.js';
 import '../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './components/clear-button/default.module.css';
 import './components/clear-button/index.module.css';
 import './components/clear-button/inverted.module.css';

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

@@ -9,6 +9,7 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/default.module.css';
 import '../components/clear-button/index.module.css';
 import '../components/clear-button/inverted.module.css';

package/input/moderncssm/mobile/index.js

@@ -10,6 +10,7 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/default.module.css';
 import '../components/clear-button/index.module.css';
 import '../components/clear-button/inverted.module.css';

package/input/moderncssm/shared/index.js

@@ -4,6 +4,7 @@ import 'react';
 import 'classnames';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/default.module.css';
 import '../components/clear-button/index.module.css';
 import '../components/clear-button/inverted.module.css';

package/international-phone-input/{Component-a9c8f92e.d.ts → Component-55db088c.d.ts}

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

package/international-phone-input/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -27,15 +27,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-a9c8f92e").OptionShape | import("./typings-a9c8f92e").GroupShape)[];
+    options: (import("./typings-55db088c").OptionShape | import("./typings-55db088c").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-a9c8f92e").OptionShape | import("./typings-a9c8f92e").GroupShape)[];
+    options: (import("./typings-55db088c").OptionShape | import("./typings-55db088c").GroupShape)[];
 } & Omit<import("../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;

package/international-phone-input/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/{cssm/consts-ef43bf1b.d.ts → consts-98cfb385.d.ts}

@@ -4,6 +4,7 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     m: string;
     l: string;
     xl: string;
+    40: string;
     48: string;
     56: string;
     64: string;

package/international-phone-input/cssm/{Component-a9c8f92e.d.ts → Component-55db088c.d.ts}

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

package/international-phone-input/cssm/Component.responsive.d.ts

@@ -7,7 +7,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -27,15 +27,15 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("./typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("./typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
-    options: (import("./typings-a9c8f92e").OptionShape | import("./typings-a9c8f92e").GroupShape)[];
+    options: (import("./typings-55db088c").OptionShape | import("./typings-55db088c").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteCommonProps, "onChange" | "onInput"> & {
-    options: (import("./typings-a9c8f92e").OptionShape | import("./typings-a9c8f92e").GroupShape)[];
+    options: (import("./typings-55db088c").OptionShape | import("./typings-55db088c").GroupShape)[];
 } & Omit<import("../../input-autocomplete/types").InputAutocompleteMobileProps, "onChange" | "onInput"> & {
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;

package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts

@@ -9,7 +9,7 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clearableCountryCode?: boolean | "preserve" | undefined;
     countrySelectProps?: import("../country-select/index").SharedCountrySelectProps | undefined;
     clear?: boolean | undefined;
-    filterFn?: ((value: string | undefined, option: import("../../typings-a9c8f92e").OptionShape) => boolean) | undefined;
+    filterFn?: ((value: string | undefined, option: import("../../typings-55db088c").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
     onChange?: ((phone: string) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;

package/international-phone-input/{esm/consts-ef43bf1b.d.ts → cssm/consts-98cfb385.d.ts}

@@ -4,6 +4,7 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     m: string;
     l: string;
     xl: string;
+    40: string;
     48: string;
     56: string;
     64: string;

package/international-phone-input/cssm/index-ebda875c.d.ts

@@ -19,7 +19,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
      * Размер компонента
      * @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;
     /**
      * Набор цветов для компонента
      */
@@ -119,7 +119,7 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
 };
 declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     block?: boolean | undefined;
-    size?: "s" | "m" | "l" | "xl" | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "m" | "l" | "xl" | 40 | 48 | 56 | 64 | 72 | undefined;
     colors?: "default" | "inverted" | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;

package/international-phone-input/cssm/transformSize-ebda875c.d.ts

@@ -1,3 +1,3 @@
 import { IconButtonProps } from "./index-ebda875c";
-declare const transformSize: (size?: IconButtonProps['size']) => 48 | 56 | 24 | 32 | 40;
+declare const transformSize: (size?: IconButtonProps['size']) => 40 | 48 | 56 | 24 | 32;
 export { transformSize };

package/international-phone-input/cssm/types.d.ts

@@ -5,7 +5,7 @@ import { InputMobileProps } from "../../input/mobile";
 import { InputAutocompleteProps } from "../../input-autocomplete";
 import { InputAutocompleteDesktopProps } from "../../input-autocomplete/desktop";
 import { InputAutocompleteMobileProps } from "../../input-autocomplete/mobile";
-import { OptionShape } from "./typings-a9c8f92e";
+import { OptionShape } from "./typings-55db088c";
 import { SharedCountrySelectProps } from "./components/country-select/index";
 type Country = {
     name: string;