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

package/tabs/components/primary-tablist/Component.desktop.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-163bc49a.js');
+var index_module = require('../../index.module-1f030191.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/primary-tablist/Component.mobile.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-163bc49a.js');
+var index_module = require('../../index.module-1f030191.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.desktop.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('../../../tag/desktop');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-6533839a.js');
+var index_module = require('../../index.module-711dbae8.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.mobile.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('../../../tag/mobile');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-6533839a.js');
+var index_module = require('../../index.module-711dbae8.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/esm/collapsible/index.js

@@ -18,5 +18,5 @@ import '../../../shared/esm';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-df1f102a.js';
+import '../index.module-61c54151.js';
 import '../components/tabs/Component.js';

package/tabs/esm/components/primary-tablist/Component.collapsible.js

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/esm/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-df1f102a.js';
+import { s as styles } from '../../index.module-61c54151.js';
 import '../../../../mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/esm/components/primary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-df1f102a.js';
+import { s as styles } from '../../index.module-61c54151.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-df1f102a.js';
+import { s as styles$1 } from '../../index.module-61c54151.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.responsive.js

@@ -20,7 +20,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-df1f102a.js';
+import '../../index.module-61c54151.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, breakpoint = _a.breakpoint, client = _a.client, fullWidthScroll = _a.fullWidthScroll, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = __rest(_a, ["size", "breakpoint", "client", "fullWidthScroll", "defaultMatchMediaValue"]);

package/tabs/esm/components/secondary-tablist/Component.desktop.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-7a080628.js';
+import { c as commonStyles } from '../../index.module-94deefe6.js';
 import 'classnames';
 import '../../../../skeleton/esm';
 import '../../hooks/use-tabs.js';

package/tabs/esm/components/secondary-tablist/Component.mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/esm/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-7a080628.js';
+import { c as commonStyles } from '../../index.module-94deefe6.js';
 import '../../../../skeleton/esm';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/esm/components/secondary-tablist/Component.responsive.js

@@ -18,7 +18,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-7a080628.js';
+import '../../index.module-94deefe6.js';
 import '../../../../tag/esm/mobile';
 
 var SecondaryTabListResponsive = function (_a) {

package/tabs/esm/components/tabs/Component.collapsible.js

@@ -17,7 +17,7 @@ import '../../../../shared/esm';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-df1f102a.js';
+import '../../index.module-61c54151.js';
 
 var TabsCollapsible = function (_a) {
     var restProps = __rest(_a, []);

package/tabs/esm/components/tabs/Component.desktop.js

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-df1f102a.js';
+import '../../index.module-61c54151.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-7a080628.js';
+import '../../index.module-94deefe6.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

package/tabs/esm/components/tabs/Component.mobile.js

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-df1f102a.js';
+import '../../index.module-61c54151.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-7a080628.js';
+import '../../index.module-94deefe6.js';
 
 var views = {
     primary: PrimaryTabListMobile,

package/tabs/esm/components/tabs/Component.responsive.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-df1f102a.js';
+import '../../index.module-61c54151.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-7a080628.js';
+import '../../index.module-94deefe6.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

package/tabs/esm/desktop/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-df1f102a.js';
+import '../index.module-61c54151.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-7a080628.js';
+import '../index.module-94deefe6.js';
 import '../components/tabs/Component.js';

package/tabs/esm/index.js

@@ -23,12 +23,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/esm';
-import './index.module-df1f102a.js';
+import './index.module-61c54151.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/esm/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-7a080628.js';
+import './index.module-94deefe6.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/tabs/Component.js';

package/tabs/esm/mobile/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-df1f102a.js';
+import '../index.module-61c54151.js';
 import '../../../tag/esm/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-7a080628.js';
+import '../index.module-94deefe6.js';
 import '../components/tabs/Component.js';

package/tabs/modern/collapsible/index.js

@@ -17,5 +17,5 @@ import '../../../shared/modern';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-a2bcf546.js';
+import '../index.module-f7973b64.js';
 import '../components/tabs/Component.js';

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -6,7 +6,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/modern/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-a2bcf546.js';
+import { s as styles } from '../../index.module-f7973b64.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-a2bcf546.js';
+import { s as styles } from '../../index.module-f7973b64.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-a2bcf546.js';
+import { s as styles$1 } from '../../index.module-f7973b64.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-a2bcf546.js';
+import '../../index.module-f7973b64.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {
     const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-a212d00f.js';
+import { c as commonStyles } from '../../index.module-0c0d9972.js';
 import 'classnames';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-a212d00f.js';
+import { c as commonStyles } from '../../index.module-0c0d9972.js';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-a212d00f.js';
+import '../../index.module-0c0d9972.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ fullWidthScroll, breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-a2bcf546.js';
+import '../../index.module-f7973b64.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-a2bcf546.js';
+import '../../index.module-f7973b64.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-a212d00f.js';
+import '../../index.module-0c0d9972.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-a2bcf546.js';
+import '../../index.module-f7973b64.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-a212d00f.js';
+import '../../index.module-0c0d9972.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-a2bcf546.js';
+import '../../index.module-f7973b64.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-a212d00f.js';
+import '../../index.module-0c0d9972.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-a2bcf546.js';
+import '../index.module-f7973b64.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-a212d00f.js';
+import '../index.module-0c0d9972.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-a2bcf546.js';
+import './index.module-f7973b64.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-a212d00f.js';
+import './index.module-0c0d9972.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-a2bcf546.js';
+import '../index.module-f7973b64.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-a212d00f.js';
+import '../index.module-0c0d9972.js';
 import '../components/tabs/Component.js';

package/textarea/Component.js

@@ -9,7 +9,7 @@ var coreComponentsFormControl = require('../form-control');
 var coreComponentsMq = require('../mq');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-76a8c5dd.js');
+var components_PseudoTextArea = require('./PseudoTextArea-f264f9ca.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -115,6 +115,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
     };
     return (React__default.default.createElement(coreComponentsFormControl.FormControl, { ref: wrapperRef, className: cn__default.default(className), fieldClassName: cn__default.default(fieldClassName, (_c = {},
             _c[components_PseudoTextArea.styles.focusVisible] = focusVisible,
+            _c[components_PseudoTextArea.styles['resizable-40']] = resize === 'vertical' && size === 40,
             _c)), inputWrapperClassName: cn__default.default(components_PseudoTextArea.styles.wrapper, components_PseudoTextArea.styles[consts.SIZE_TO_CLASSNAME_MAP[size]], (_d = {},
             _d[components_PseudoTextArea.styles.hasInnerLabel] = hasInnerLabel,
             _d[components_PseudoTextArea.styles.resizeVertical] = resize === 'vertical',

package/textarea/{PseudoTextArea-76a8c5dd.js → PseudoTextArea-f264f9ca.js}

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"textarea":"textarea__textarea_1ed2q","overflow":"textarea__overflow_1ed2q","overflowHidden":"textarea__overflowHidden_1ed2q","customScrollbar":"textarea__customScrollbar_1ed2q","hasInnerLabel":"textarea__hasInnerLabel_1ed2q","pseudoTextarea":"textarea__pseudoTextarea_1ed2q","sub":"textarea__sub_1ed2q","focusVisible":"textarea__focusVisible_1ed2q","filled":"textarea__filled_1ed2q","size-48":"textarea__size-48_1ed2q","size-56":"textarea__size-56_1ed2q","size-64":"textarea__size-64_1ed2q","size-72":"textarea__size-72_1ed2q","wrapper":"textarea__wrapper_1ed2q","resizeVertical":"textarea__resizeVertical_1ed2q"};
+var styles = {"textarea":"textarea__textarea_1ed2q","overflow":"textarea__overflow_1ed2q","size-40":"textarea__size-40_1ed2q","overflowHidden":"textarea__overflowHidden_1ed2q","customScrollbar":"textarea__customScrollbar_1ed2q","hasInnerLabel":"textarea__hasInnerLabel_1ed2q","pseudoTextarea":"textarea__pseudoTextarea_1ed2q","sub":"textarea__sub_1ed2q","focusVisible":"textarea__focusVisible_1ed2q","filled":"textarea__filled_1ed2q","size-48":"textarea__size-48_1ed2q","size-56":"textarea__size-56_1ed2q","size-64":"textarea__size-64_1ed2q","size-72":"textarea__size-72_1ed2q","wrapper":"textarea__wrapper_1ed2q","resizeVertical":"textarea__resizeVertical_1ed2q","resizable-40":"textarea__resizable-40_1ed2q"};
 require('./index.css');
 
 var PseudoTextArea = React.forwardRef(function (_a, ref) {

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-76a8c5dd.js');
+var components_PseudoTextArea = require('../PseudoTextArea-f264f9ca.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-76a8c5dd";
+export * from "../PseudoTextArea-f264f9ca";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-76a8c5dd.js');
+var components_PseudoTextArea = require('../PseudoTextArea-f264f9ca.js');
 
 
 

package/textarea/consts.d.ts

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

package/textarea/consts.js

@@ -5,6 +5,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',

package/textarea/cssm/Component.js

@@ -115,6 +115,7 @@ var Textarea = React.forwardRef(function (_a, ref) {
     };
     return (React__default.default.createElement(coreComponentsFormControl.FormControl, { ref: wrapperRef, className: cn__default.default(className), fieldClassName: cn__default.default(fieldClassName, (_c = {},
             _c[styles__default.default.focusVisible] = focusVisible,
+            _c[styles__default.default['resizable-40']] = resize === 'vertical' && size === 40,
             _c)), inputWrapperClassName: cn__default.default(styles__default.default.wrapper, styles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]], (_d = {},
             _d[styles__default.default.hasInnerLabel] = hasInnerLabel,
             _d[styles__default.default.resizeVertical] = resize === 'vertical',

package/textarea/cssm/consts.d.ts

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

package/textarea/cssm/consts.js

@@ -5,6 +5,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',

package/textarea/cssm/index.module.css

@@ -27,6 +27,7 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
+    --size-xs-height: 40px;
     --size-s-height: 48px;
     --size-m-height: 56px;
     --size-l-height: 64px;
@@ -42,6 +43,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);
@@ -77,6 +79,7 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 } :root {
     /* min-height */
+    --textarea-40-min-height: var(--form-control-40-min-height);
     --textarea-s-min-height: var(--form-control-s-min-height);
     --textarea-m-min-height: var(--form-control-m-min-height);
     --textarea-l-min-height: var(--form-control-l-min-height);
@@ -84,24 +87,31 @@
 
     /* spacer */
     --textarea-spacer-style: solid transparent;
+    --textarea-40-spacer: 11px;
     --textarea-s-spacer: 14px;
     --textarea-m-spacer: 18px;
     --textarea-l-spacer: 22px;
     --textarea-xl-spacer: 24px;
 
     /* filled spacer-top */
+    --textarea-40-filled-spacer-top: 19px;
     --textarea-s-filled-spacer-top: 24px;
     --textarea-m-filled-spacer-top: 24px;
     --textarea-l-filled-spacer-top: 32px;
     --textarea-xl-filled-spacer-top: 34px;
 
     /* filled spacer-bottom */
+    --textarea-40-filled-spacer-bottom: 3px;
     --textarea-s-filled-spacer-bottom: 4px;
     --textarea-m-filled-spacer-bottom: 8px;
     --textarea-l-filled-spacer-bottom: 12px;
     --textarea-xl-filled-spacer-bottom: 14px;
 
     /* filled min-height */
+    --textarea-40-filled-min-height: calc(
+        var(--textarea-40-min-height) - var(--textarea-40-filled-spacer-top) -
+            var(--textarea-40-filled-spacer-bottom)
+    );
     --textarea-s-filled-min-height: calc(
         var(--textarea-s-min-height) - var(--textarea-s-filled-spacer-top) -
             var(--textarea-s-filled-spacer-bottom)
@@ -137,6 +147,10 @@
 } .textarea.overflow {
         color: transparent;
         caret-color: var(--input-color);
+    } .textarea.size-40 {
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
     } .overflowHidden.overflowHidden {
     overflow: hidden;
 } .customScrollbar {
@@ -219,7 +233,9 @@
     outline-offset: 2px;
 } /* FILLED STATE */ .textarea.filled.hasInnerLabel {
     padding-top: var(--gap-0)
-} .textarea.filled.hasInnerLabel.size-48 {
+} .textarea.filled.hasInnerLabel.size-40 {
+        min-height: var(--textarea-40-filled-min-height);
+    } .textarea.filled.hasInnerLabel.size-48 {
         min-height: var(--textarea-s-filled-min-height);
     } .textarea.filled.hasInnerLabel.size-56 {
         min-height: var(--textarea-m-filled-min-height);
@@ -227,7 +243,9 @@
         min-height: var(--textarea-l-filled-min-height);
     } .textarea.filled.hasInnerLabel.size-72 {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .pseudoTextarea.filled.hasInnerLabel.size-48 {
+    } /* Correct pseudoTextarea size */ .pseudoTextarea.filled.hasInnerLabel.size-40 {
+        min-height: calc(100% - var(--textarea-40-filled-spacer-top));
+    } .pseudoTextarea.filled.hasInnerLabel.size-48 {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
     } .pseudoTextarea.filled.hasInnerLabel.size-56 {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
@@ -237,8 +255,13 @@
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
     } .wrapper.resizeVertical {
         resize: vertical;
-        min-height: 48px;
-    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea.textarea.size-48 {
+        min-height: 48px
+    } .wrapper.resizeVertical.size-40 {
+            min-height: 40px;
+        } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea.textarea.size-40 {
+        border-top: var(--textarea-40-spacer) var(--textarea-spacer-style);
+        border-bottom: var(--textarea-40-spacer) var(--textarea-spacer-style);
+    } .textarea.textarea.size-48 {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
     } .textarea.textarea.size-56 {
@@ -250,7 +273,10 @@
     } .textarea.textarea.size-72 {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea.textarea.hasInnerLabel.size-48 {
+    } .textarea.textarea.hasInnerLabel.size-40 {
+            border-top: var(--textarea-40-filled-spacer-top) var(--textarea-spacer-style);
+            border-bottom: var(--textarea-40-filled-spacer-bottom) var(--textarea-spacer-style);
+        } .textarea.textarea.hasInnerLabel.size-48 {
             border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
         } .textarea.textarea.hasInnerLabel.size-56 {
@@ -262,4 +288,6 @@
         } .textarea.textarea.hasInnerLabel.size-72 {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
-        }
+        } /** Нужно чтобы нативная икона resize была прижата к краю */ .resizable-40.resizable-40 {
+    padding-right: 0;
+}