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

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-a5996b4a.js';
+import '../countdown-section-28ca4361.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/date-range-input/components/date-range-input/Component.js

@@ -216,7 +216,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
                     _c[styles.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-range-input/cssm/components/date-range-input/Component.js

@@ -215,7 +215,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
                     _c[styles__default.default.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-range-input/esm/components/date-range-input/Component.js

@@ -207,7 +207,7 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn(styles.calendarContainer, (_c = {},
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
                     _c[styles.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-range-input/modern/components/date-range-input/Component.js

@@ -201,7 +201,7 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn(styles.calendarContainer, {
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
                     [styles.calendarResponsive]: calendarResponsive,
                 }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-range-input/moderncssm/components/date-range-input/Component.js

@@ -199,7 +199,7 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn(styles.calendarContainer, {
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
                     [styles.calendarResponsive]: calendarResponsive,
                 }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-time-input/components/date-time-input/Component.js

@@ -147,7 +147,7 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
                     _c[styles.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-time-input/cssm/components/date-time-input/Component.js

@@ -146,7 +146,7 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
                     _c[styles__default.default.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-time-input/esm/components/date-time-input/Component.js

@@ -141,7 +141,7 @@ var DateTimeInput = React.forwardRef(function (_a, ref) {
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }))) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn(styles.calendarContainer, (_c = {},
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
                     _c[styles.calendarResponsive] = calendarResponsive,
                     _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-time-input/modern/components/date-time-input/Component.js

@@ -135,7 +135,7 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn(styles.calendarContainer, {
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
                     [styles.calendarResponsive]: calendarResponsive,
                 }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/date-time-input/moderncssm/components/date-time-input/Component.js

@@ -133,7 +133,7 @@ const DateTimeInput = React.forwardRef(({ className, inputClassName, popoverClas
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
         picker &&
-            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef, popperClassName: cn(styles.calendarContainer, {
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
                     [styles.calendarResponsive]: calendarResponsive,
                 }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });

package/{accordion → file-upload-item}/@alfalab/icons-glyph/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/icons-glyph",
-    "version": "2.140.0",
+    "version": "2.190.0",
     "license": "MIT",
     "peerDependencies": {
         "react": ">=16.8.0",

package/file-upload-item/components/actions-control/actions.js

@@ -5,7 +5,7 @@ var context_fileUploadItemContext = require('../../context/file-upload-item-cont
 var components_actionsControl_components_deleteButton_deleteButton = require('./components/delete-button/delete-button.js');
 var components_actionsControl_components_downloadButton_downloadButton = require('./components/download-button/download-button.js');
 var components_actionsControl_components_restoreButton_restoreButton = require('./components/restore-button/restore-button.js');
-var actionsControl_module = require('../../actions-control.module-11513cd5.js');
+var actionsControl_module = require('../../actions-control.module-08aa18cf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/file-upload-item/components/actions-control/components/delete-button/delete-button.js

@@ -4,7 +4,7 @@ var React = require('react');
 var coreComponentsIconButton = require('../../../../../icon-button');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 var context_fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
-var actionsControl_module = require('../../../../actions-control.module-11513cd5.js');
+var actionsControl_module = require('../../../../actions-control.module-08aa18cf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/file-upload-item/components/actions-control/components/download-button/download-button.js

@@ -4,7 +4,7 @@ var React = require('react');
 var coreComponentsIconButton = require('../../../../../icon-button');
 var ArrowDownLineDownCompactMIcon = require('@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon');
 var context_fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
-var actionsControl_module = require('../../../../actions-control.module-11513cd5.js');
+var actionsControl_module = require('../../../../actions-control.module-08aa18cf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/file-upload-item/components/actions-control/components/restore-button/restore-button.js

@@ -4,7 +4,7 @@ var React = require('react');
 var coreComponentsIconButton = require('../../../../../icon-button');
 var ArrowsCwCompactMIcon = require('@alfalab/icons-glyph/ArrowsCwCompactMIcon');
 var context_fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
-var actionsControl_module = require('../../../../actions-control.module-11513cd5.js');
+var actionsControl_module = require('../../../../actions-control.module-08aa18cf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/file-upload-item/esm/Component.js

@@ -7,7 +7,7 @@ import { FileUploadItemContext } from './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-37da45ca.js';
+import './actions-control.module-080be48c.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/esm/components/actions-control/actions.js

@@ -3,7 +3,7 @@ import { FileUploadItemContext } from '../../context/file-upload-item-context.js
 import { DeleteButton } from './components/delete-button/delete-button.js';
 import { DownloadButton } from './components/download-button/download-button.js';
 import { RestoreButton } from './components/restore-button/restore-button.js';
-import { s as styles } from '../../actions-control.module-37da45ca.js';
+import { s as styles } from '../../actions-control.module-080be48c.js';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';

package/file-upload-item/esm/components/actions-control/components/delete-button/delete-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-37da45ca.js';
+import { s as styles } from '../../../../actions-control.module-080be48c.js';
 
 var DeleteButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onDelete = _a.onDelete;

package/file-upload-item/esm/components/actions-control/components/delete-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-37da45ca.js';
+import '../../../../actions-control.module-080be48c.js';

package/file-upload-item/esm/components/actions-control/components/download-button/download-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-37da45ca.js';
+import { s as styles } from '../../../../actions-control.module-080be48c.js';
 
 var DownloadButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, downloadLink = _a.downloadLink, download = _a.download, disableButtons = _a.disableButtons, target = _a.target, onDownload = _a.onDownload;

package/file-upload-item/esm/components/actions-control/components/download-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-37da45ca.js';
+import '../../../../actions-control.module-080be48c.js';

package/file-upload-item/esm/components/actions-control/components/restore-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-37da45ca.js';
+import '../../../../actions-control.module-080be48c.js';

package/file-upload-item/esm/components/actions-control/components/restore-button/restore-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-37da45ca.js';
+import { s as styles } from '../../../../actions-control.module-080be48c.js';
 
 var RestoreButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onRestore = _a.onRestore;

package/file-upload-item/esm/components/actions-control/index.js

@@ -4,7 +4,7 @@ import '../../context/file-upload-item-context.js';
 import './components/delete-button/delete-button.js';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../actions-control.module-37da45ca.js';
+import '../../actions-control.module-080be48c.js';
 import './components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/restore-button/restore-button.js';

package/file-upload-item/esm/index.js

@@ -6,7 +6,7 @@ import './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-37da45ca.js';
+import './actions-control.module-080be48c.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/modern/Component.js

@@ -7,7 +7,7 @@ import { FileUploadItemContext } from './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-4ec3560a.js';
+import './actions-control.module-ecd25df3.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/modern/components/actions-control/actions.js

@@ -3,7 +3,7 @@ import { FileUploadItemContext } from '../../context/file-upload-item-context.js
 import { DeleteButton } from './components/delete-button/delete-button.js';
 import { DownloadButton } from './components/download-button/download-button.js';
 import { RestoreButton } from './components/restore-button/restore-button.js';
-import { s as styles } from '../../actions-control.module-4ec3560a.js';
+import { s as styles } from '../../actions-control.module-ecd25df3.js';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';

package/file-upload-item/modern/components/actions-control/components/delete-button/delete-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-4ec3560a.js';
+import { s as styles } from '../../../../actions-control.module-ecd25df3.js';
 
 const DeleteButton = () => {
     const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/components/delete-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-4ec3560a.js';
+import '../../../../actions-control.module-ecd25df3.js';

package/file-upload-item/modern/components/actions-control/components/download-button/download-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-4ec3560a.js';
+import { s as styles } from '../../../../actions-control.module-ecd25df3.js';
 
 const DownloadButton = () => {
     const { id = '0', downloadLink, download, disableButtons, target, onDownload, } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/components/download-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-4ec3560a.js';
+import '../../../../actions-control.module-ecd25df3.js';

package/file-upload-item/modern/components/actions-control/components/restore-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-4ec3560a.js';
+import '../../../../actions-control.module-ecd25df3.js';

package/file-upload-item/modern/components/actions-control/components/restore-button/restore-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-4ec3560a.js';
+import { s as styles } from '../../../../actions-control.module-ecd25df3.js';
 
 const RestoreButton = () => {
     const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/index.js

@@ -4,7 +4,7 @@ import '../../context/file-upload-item-context.js';
 import './components/delete-button/delete-button.js';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../actions-control.module-4ec3560a.js';
+import '../../actions-control.module-ecd25df3.js';
 import './components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/restore-button/restore-button.js';

package/file-upload-item/modern/index.js

@@ -6,7 +6,7 @@ import './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-4ec3560a.js';
+import './actions-control.module-ecd25df3.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/form-control/components/base-form-control/Component.d.ts

@@ -18,7 +18,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;
     /**
      * Набор цветов для компонента
      */
@@ -125,7 +125,7 @@ declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttribu
      * Размер компонента
      * @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/form-control/components/base-form-control/Component.js

@@ -13,7 +13,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var defaultColors = {"component":"form-control__component_nrq9y","label":"form-control__label_nrq9y","hint":"form-control__hint_nrq9y","inner":"form-control__inner_nrq9y","disabled":"form-control__disabled_nrq9y","hasError":"form-control__hasError_nrq9y","focused":"form-control__focused_nrq9y","error":"form-control__error_nrq9y"};
 require('./default.css');
 
-var commonStyles = {"component":"form-control__component_1xsgz","inner":"form-control__inner_1xsgz","inputWrapper":"form-control__inputWrapper_1xsgz","input":"form-control__input_1xsgz","label":"form-control__label_1xsgz","labelInner":"form-control__labelInner_1xsgz","addons":"form-control__addons_1xsgz","leftAddons":"form-control__leftAddons_1xsgz","rightAddons":"form-control__rightAddons_1xsgz","sub":"form-control__sub_1xsgz","above":"form-control__above_1xsgz","block":"form-control__block_1xsgz","size-48":"form-control__size-48_1xsgz","hasInnerLabel":"form-control__hasInnerLabel_1xsgz","size-56":"form-control__size-56_1xsgz","size-64":"form-control__size-64_1xsgz","size-72":"form-control__size-72_1xsgz","hasLeftAddons":"form-control__hasLeftAddons_1xsgz","hasRightAddons":"form-control__hasRightAddons_1xsgz","disabled":"form-control__disabled_1xsgz","focused":"form-control__focused_1xsgz","hasError":"form-control__hasError_1xsgz","filled":"form-control__filled_1xsgz","hiddenLabel":"form-control__hiddenLabel_1xsgz"};
+var commonStyles = {"component":"form-control__component_1xsgz","inner":"form-control__inner_1xsgz","inputWrapper":"form-control__inputWrapper_1xsgz","input":"form-control__input_1xsgz","size-40":"form-control__size-40_1xsgz","label":"form-control__label_1xsgz","labelInner":"form-control__labelInner_1xsgz","addons":"form-control__addons_1xsgz","leftAddons":"form-control__leftAddons_1xsgz","rightAddons":"form-control__rightAddons_1xsgz","sub":"form-control__sub_1xsgz","above":"form-control__above_1xsgz","block":"form-control__block_1xsgz","hasInnerLabel":"form-control__hasInnerLabel_1xsgz","size-48":"form-control__size-48_1xsgz","size-56":"form-control__size-56_1xsgz","size-64":"form-control__size-64_1xsgz","size-72":"form-control__size-72_1xsgz","hasLeftAddons":"form-control__hasLeftAddons_1xsgz","hasRightAddons":"form-control__hasRightAddons_1xsgz","disabled":"form-control__disabled_1xsgz","focused":"form-control__focused_1xsgz","hasError":"form-control__hasError_1xsgz","filled":"form-control__filled_1xsgz","hiddenLabel":"form-control__hiddenLabel_1xsgz"};
 require('./index.css');
 
 var invertedColors = {"component":"form-control__component_i6ofn","label":"form-control__label_i6ofn","hint":"form-control__hint_i6ofn","inner":"form-control__inner_i6ofn","disabled":"form-control__disabled_i6ofn","hasError":"form-control__hasError_i6ofn","focused":"form-control__focused_i6ofn","error":"form-control__error_i6ofn"};
@@ -28,6 +28,7 @@ var 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',
@@ -42,7 +43,7 @@ var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
             _b[commonStyles.hasLeftAddons] = leftAddons,
             _b[commonStyles.hasRightAddons] = rightAddons || error,
             _b)) },
-        label && labelView === 'outer' && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: cn__default.default(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
+        label && labelView === 'outer' && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: cn__default.default(commonStyles.above, commonStyles["size-".concat(size)], styles.above, colorCommonStyles[colors].label) }, label)),
         React__default.default.createElement("div", tslib.__assign({ "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'inner') }, restProps, { className: cn__default.default(fieldClassName, commonStyles.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, (_c = {},
                 _c[commonStyles.disabled] = disabled || readOnly,
                 _c[colorCommonStyles[colors].disabled] = disabled || readOnly,
@@ -62,11 +63,11 @@ var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
                     React__default.default.createElement("span", { className: commonStyles.hiddenLabel, "aria-hidden": true }, label),
                     React__default.default.createElement("div", { className: cn__default.default(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
                         React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: commonStyles.labelInner }, label)))),
-                React__default.default.createElement("div", { className: commonStyles.input }, children)),
+                React__default.default.createElement("div", { className: cn__default.default(commonStyles.input, commonStyles["size-".concat(size)]) }, children)),
             rightAddons && (React__default.default.createElement("div", tslib.__assign({}, rightAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'right-addons'), className: cn__default.default(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps === null || rightAddonsProps === void 0 ? void 0 : rightAddonsProps.className) }), rightAddons))),
         bottomAddons,
-        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles.sub, commonStyles["size-".concat(size)], styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles.sub, commonStyles["size-".concat(size)], styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
 exports.BaseFormControl = BaseFormControl;

package/form-control/components/base-form-control/index.css

@@ -33,6 +33,7 @@
 } :root {
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
+    --size-xs-height: 40px;
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
@@ -48,6 +49,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);
@@ -57,6 +59,7 @@
     /* paddings */
     --form-control-paddings: var(--gap-0) var(--gap-12);
     --form-control-xl-paddings: var(--gap-0) var(--gap-16);
+    --form-control-labeled-40-paddings: 19px var(--gap-8) 3px;
     --form-control-labeled-s-paddings: var(--gap-24) var(--gap-12) var(--gap-4);
     --form-control-labeled-m-paddings: 28px var(--gap-12) var(--gap-8);
     --form-control-labeled-l-paddings: var(--gap-32) var(--gap-12) var(--gap-12);
@@ -112,6 +115,8 @@
 } .form-control__input_1xsgz > * {
     padding: var(--form-control-paddings);
     font-family: var(--form-control-font-family);
+} .form-control__input_1xsgz.form-control__size-40_1xsgz > * {
+    padding: 0 var(--gap-8);
 } .form-control__label_1xsgz {
     font-size: 16px;
     line-height: 20px;
@@ -146,8 +151,13 @@
     font-weight: 400;
     display: block;
     /* adjusting overall height 👌 */
-    margin-top: 6px;
-} .form-control__above_1xsgz {
+    margin-top: 6px
+} .form-control__sub_1xsgz.form-control__size-40_1xsgz {
+        font-size: 12px;
+        line-height: 16px;
+        font-weight: 400;
+        margin-top: var(--gap-4);
+    } .form-control__above_1xsgz {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -156,10 +166,30 @@
     margin-bottom: calc(var(--gap-12) / 2);
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;
-} .form-control__block_1xsgz {
+    text-overflow: ellipsis
+} .form-control__above_1xsgz.form-control__size-40_1xsgz {
+        font-size: 12px;
+        line-height: 16px;
+        font-weight: 400;
+        margin-bottom: var(--gap-4);
+    } .form-control__block_1xsgz {
     width: 100%;
-} /* SIZES */ .form-control__size-48_1xsgz .form-control__inner_1xsgz {
+} /* SIZES */ .form-control__size-40_1xsgz .form-control__inner_1xsgz {
+        min-height: var(--form-control-40-min-height);
+        padding: var(--gap-0) var(--gap-4);
+    } .form-control__size-40_1xsgz .form-control__hasInnerLabel_1xsgz .form-control__input_1xsgz > * {
+        padding: var(--form-control-labeled-40-paddings);
+    } .form-control__size-40_1xsgz .form-control__label_1xsgz {
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
+        top: calc(var(--form-control-40-min-height) / 2);
+        left: var(--gap-8);
+    } .form-control__size-40_1xsgz .form-control__addons_1xsgz.form-control__rightAddons_1xsgz {
+            padding-right: var(--gap-8);
+        } .form-control__size-40_1xsgz .form-control__addons_1xsgz.form-control__leftAddons_1xsgz {
+            padding-left: var(--gap-8);
+        } .form-control__size-48_1xsgz .form-control__inner_1xsgz {
     min-height: var(--form-control-s-min-height);
 } .form-control__size-48_1xsgz .form-control__hasInnerLabel_1xsgz .form-control__input_1xsgz > * {
     padding: var(--form-control-labeled-s-paddings);

package/form-control/cssm/components/base-form-control/Component.d.ts

@@ -18,7 +18,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;
     /**
      * Набор цветов для компонента
      */
@@ -125,7 +125,7 @@ declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttribu
      * Размер компонента
      * @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/form-control/cssm/components/base-form-control/Component.js

@@ -25,6 +25,7 @@ var 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',
@@ -39,7 +40,7 @@ var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
             _b[commonStyles__default.default.hasLeftAddons] = leftAddons,
             _b[commonStyles__default.default.hasRightAddons] = rightAddons || error,
             _b)) },
-        label && labelView === 'outer' && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: cn__default.default(commonStyles__default.default.above, styles.above, colorCommonStyles[colors].label) }, label)),
+        label && labelView === 'outer' && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: cn__default.default(commonStyles__default.default.above, commonStyles__default.default["size-".concat(size)], styles.above, colorCommonStyles[colors].label) }, label)),
         React__default.default.createElement("div", tslib.__assign({ "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'inner') }, restProps, { className: cn__default.default(fieldClassName, commonStyles__default.default.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, (_c = {},
                 _c[commonStyles__default.default.disabled] = disabled || readOnly,
                 _c[colorCommonStyles[colors].disabled] = disabled || readOnly,
@@ -59,11 +60,11 @@ var BaseFormControl = React__default.default.forwardRef(function (_a, ref) {
                     React__default.default.createElement("span", { className: commonStyles__default.default.hiddenLabel, "aria-hidden": true }, label),
                     React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.label, colorCommonStyles[colors].label, labelClassName) },
                         React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'label'), className: commonStyles__default.default.labelInner }, label)))),
-                React__default.default.createElement("div", { className: commonStyles__default.default.input }, children)),
+                React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.input, commonStyles__default.default["size-".concat(size)]) }, children)),
             rightAddons && (React__default.default.createElement("div", tslib.__assign({}, rightAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'right-addons'), className: cn__default.default(commonStyles__default.default.addons, commonStyles__default.default.rightAddons, addonsClassName, rightAddonsProps === null || rightAddonsProps === void 0 ? void 0 : rightAddonsProps.className) }), rightAddons))),
         bottomAddons,
-        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles__default.default.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles__default.default.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error-message'), className: cn__default.default(commonStyles__default.default.sub, commonStyles__default.default["size-".concat(size)], styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React__default.default.createElement("span", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'hint'), className: cn__default.default(commonStyles__default.default.sub, commonStyles__default.default["size-".concat(size)], styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
 exports.BaseFormControl = BaseFormControl;