@alfalab/core-components-form-control - npm Package Compare versions

Comparing version 10.0.1 to 10.1.0

Component.desktop.js

@@ -9,2 +9,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 
@@ -15,9 +16,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var defaultColors = {"inner":"form-control__inner_tufk8","disabled":"form-control__disabled_tufk8","hasError":"form-control__hasError_tufk8","focused":"form-control__focused_tufk8"};
+var defaultColors = {"inner":"form-control__inner_1bruz","disabled":"form-control__disabled_1bruz","hasError":"form-control__hasError_1bruz","focused":"form-control__focused_1bruz"};
 require('./default.desktop.css')
 
-var styles = {"above":"form-control__above_14p17","sub":"form-control__sub_14p17","error":"form-control__error_14p17","s":"form-control__s_14p17","inner":"form-control__inner_14p17","m":"form-control__m_14p17","l":"form-control__l_14p17","xl":"form-control__xl_14p17"};
+var styles = {"above":"form-control__above_d1vh9","sub":"form-control__sub_d1vh9","error":"form-control__error_d1vh9","s":"form-control__s_d1vh9","inner":"form-control__inner_d1vh9","m":"form-control__m_d1vh9","l":"form-control__l_d1vh9","xl":"form-control__xl_d1vh9"};
 require('./desktop.css')
 
-var invertedColors = {"inner":"form-control__inner_19wsj","disabled":"form-control__disabled_19wsj","hasError":"form-control__hasError_19wsj","focused":"form-control__focused_19wsj"};
+var invertedColors = {"inner":"form-control__inner_2bkf3","disabled":"form-control__disabled_2bkf3","hasError":"form-control__hasError_2bkf3","focused":"form-control__focused_2bkf3"};
 require('./inverted.desktop.css')
@@ -24,0 +25,0 @@

Component.mobile.js

@@ -9,2 +9,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 
@@ -15,9 +16,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var defaultColors = {"inner":"form-control__inner_1ksjs","disabled":"form-control__disabled_1ksjs","hasError":"form-control__hasError_1ksjs","focused":"form-control__focused_1ksjs"};
+var defaultColors = {"inner":"form-control__inner_1f3bk","disabled":"form-control__disabled_1f3bk","hasError":"form-control__hasError_1f3bk","focused":"form-control__focused_1f3bk"};
 require('./default.mobile.css')
 
-var invertedColors = {"inner":"form-control__inner_4xse6","disabled":"form-control__disabled_4xse6","hasError":"form-control__hasError_4xse6","focused":"form-control__focused_4xse6"};
+var invertedColors = {"inner":"form-control__inner_2aea1","disabled":"form-control__disabled_2aea1","hasError":"form-control__hasError_2aea1","focused":"form-control__focused_2aea1"};
 require('./inverted.mobile.css')
 
-var styles = {"above":"form-control__above_ppb50","sub":"form-control__sub_ppb50","error":"form-control__error_ppb50","s":"form-control__s_ppb50","inner":"form-control__inner_ppb50","m":"form-control__m_ppb50","l":"form-control__l_ppb50","xl":"form-control__xl_ppb50"};
+var styles = {"above":"form-control__above_1706b","sub":"form-control__sub_1706b","error":"form-control__error_1706b","s":"form-control__s_1706b","inner":"form-control__inner_1706b","m":"form-control__m_1706b","l":"form-control__l_1706b","xl":"form-control__xl_1706b"};
 require('./mobile.css')
@@ -24,0 +25,0 @@

Component.responsive.js

@@ -12,2 +12,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 
@@ -14,0 +15,0 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

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

@@ -90,2 +90,10 @@ /// <reference types="react" />
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -187,2 +195,10 @@ */
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -189,0 +205,0 @@ */

components/base-form-control/Component.js

@@ -8,2 +8,3 @@ 'use strict';
 var cn = require('classnames');
+var coreComponentsShared = require('@alfalab/core-components-shared');
 
@@ -15,9 +16,9 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var defaultColors = {"component":"form-control__component_juj1k","label":"form-control__label_juj1k","hint":"form-control__hint_juj1k","disabled":"form-control__disabled_juj1k","filled":"form-control__filled_juj1k","focused":"form-control__focused_juj1k","hasError":"form-control__hasError_juj1k","error":"form-control__error_juj1k"};
+var defaultColors = {"component":"form-control__component_z11k1","label":"form-control__label_z11k1","hint":"form-control__hint_z11k1","disabled":"form-control__disabled_z11k1","filled":"form-control__filled_z11k1","focused":"form-control__focused_z11k1","hasError":"form-control__hasError_z11k1","error":"form-control__error_z11k1"};
 require('./default.css')
 
-var commonStyles = {"component":"form-control__component_xx2d8","inner":"form-control__inner_xx2d8","inputWrapper":"form-control__inputWrapper_xx2d8","input":"form-control__input_xx2d8","label":"form-control__label_xx2d8","labelInner":"form-control__labelInner_xx2d8","addons":"form-control__addons_xx2d8","leftAddons":"form-control__leftAddons_xx2d8","rightAddons":"form-control__rightAddons_xx2d8","sub":"form-control__sub_xx2d8","above":"form-control__above_xx2d8","block":"form-control__block_xx2d8","s":"form-control__s_xx2d8","hasInnerLabel":"form-control__hasInnerLabel_xx2d8","m":"form-control__m_xx2d8","l":"form-control__l_xx2d8","xl":"form-control__xl_xx2d8","hasLeftAddons":"form-control__hasLeftAddons_xx2d8","hasRightAddons":"form-control__hasRightAddons_xx2d8","disabled":"form-control__disabled_xx2d8","focused":"form-control__focused_xx2d8","hasError":"form-control__hasError_xx2d8","filled":"form-control__filled_xx2d8","hiddenLabel":"form-control__hiddenLabel_xx2d8"};
+var commonStyles = {"component":"form-control__component_14gvq","inner":"form-control__inner_14gvq","inputWrapper":"form-control__inputWrapper_14gvq","input":"form-control__input_14gvq","label":"form-control__label_14gvq","labelInner":"form-control__labelInner_14gvq","addons":"form-control__addons_14gvq","leftAddons":"form-control__leftAddons_14gvq","rightAddons":"form-control__rightAddons_14gvq","sub":"form-control__sub_14gvq","above":"form-control__above_14gvq","block":"form-control__block_14gvq","s":"form-control__s_14gvq","hasInnerLabel":"form-control__hasInnerLabel_14gvq","m":"form-control__m_14gvq","l":"form-control__l_14gvq","xl":"form-control__xl_14gvq","hasLeftAddons":"form-control__hasLeftAddons_14gvq","hasRightAddons":"form-control__hasRightAddons_14gvq","disabled":"form-control__disabled_14gvq","focused":"form-control__focused_14gvq","hasError":"form-control__hasError_14gvq","filled":"form-control__filled_14gvq","hiddenLabel":"form-control__hiddenLabel_14gvq"};
 require('./index.css')
 
-var invertedColors = {"component":"form-control__component_xqvsi","label":"form-control__label_xqvsi","hint":"form-control__hint_xqvsi","disabled":"form-control__disabled_xqvsi","filled":"form-control__filled_xqvsi","focused":"form-control__focused_xqvsi","hasError":"form-control__hasError_xqvsi","error":"form-control__error_xqvsi"};
+var invertedColors = {"component":"form-control__component_z0pd8","label":"form-control__label_z0pd8","hint":"form-control__hint_z0pd8","disabled":"form-control__disabled_z0pd8","filled":"form-control__filled_z0pd8","focused":"form-control__focused_z0pd8","hasError":"form-control__hasError_z0pd8","error":"form-control__error_z0pd8"};
 require('./inverted.css')
@@ -31,3 +32,3 @@
     var _b, _c;
-    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, restProps = tslib.__rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles"]);
+    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, leftAddonsProps = _a.leftAddonsProps, rightAddonsProps = _a.rightAddonsProps, restProps = tslib.__rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles", "leftAddonsProps", "rightAddonsProps"]);
     var errorMessage = typeof error === 'boolean' ? '' : error;
@@ -54,3 +55,3 @@ return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(commonStyles.component, colorCommonStyles[colors].component, className, commonStyles[size], styles[size], (_b = {},
                 _c)), ref: ref }),
-            leftAddons && (React__default.default.createElement("div", { className: cn__default.default(commonStyles.addons, commonStyles.leftAddons, addonsClassName) }, leftAddons)),
+            leftAddons && (React__default.default.createElement("div", tslib.__assign({}, leftAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'left-addons'), className: cn__default.default(commonStyles.addons, commonStyles.leftAddons, addonsClassName, leftAddonsProps === null || leftAddonsProps === void 0 ? void 0 : leftAddonsProps.className) }), leftAddons)),
             React__default.default.createElement("div", { className: cn__default.default(commonStyles.inputWrapper, inputWrapperClassName) },
@@ -62,8 +63,8 @@ label && labelView === 'inner' && (React__default.default.createElement(React__default.default.Fragment, null,
                 React__default.default.createElement("div", { className: commonStyles.input }, children)),
-            rightAddons && (React__default.default.createElement("div", { className: cn__default.default(commonStyles.addons, commonStyles.rightAddons, addonsClassName) }, rightAddons))),
+            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", { className: cn__default.default(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { 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, 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))));
 });
 
 exports.BaseFormControl = BaseFormControl;

components/base-form-control/index.js

@@ -9,2 +9,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 
@@ -11,0 +12,0 @@

cssm/Component.desktop.js

@@ -12,2 +12,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./components/base-form-control/default.module.css');
@@ -14,0 +15,0 @@ require('./components/base-form-control/index.module.css');

cssm/Component.mobile.js

@@ -12,2 +12,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./components/base-form-control/default.module.css');
@@ -14,0 +15,0 @@ require('./components/base-form-control/index.module.css');

cssm/Component.responsive.js

@@ -12,2 +12,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./components/base-form-control/default.module.css');
@@ -14,0 +15,0 @@ require('./components/base-form-control/index.module.css');

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

@@ -90,2 +90,10 @@ /// <reference types="react" />
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -187,2 +195,10 @@ */
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -189,0 +205,0 @@ */

cssm/components/base-form-control/Component.js

@@ -8,2 +8,3 @@ 'use strict';
 var cn = require('classnames');
+var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
 var defaultColors = require('./default.module.css');
@@ -27,3 +28,3 @@ var commonStyles = require('./index.module.css');
     var _b, _c;
-    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, restProps = tslib.__rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles"]);
+    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, leftAddonsProps = _a.leftAddonsProps, rightAddonsProps = _a.rightAddonsProps, restProps = tslib.__rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles", "leftAddonsProps", "rightAddonsProps"]);
     var errorMessage = typeof error === 'boolean' ? '' : error;
@@ -50,3 +51,3 @@ return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(commonStyles__default.default.component, colorCommonStyles[colors].component, className, commonStyles__default.default[size], styles[size], (_b = {},
                 _c)), ref: ref }),
-            leftAddons && (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.addons, commonStyles__default.default.leftAddons, addonsClassName) }, leftAddons)),
+            leftAddons && (React__default.default.createElement("div", tslib.__assign({}, leftAddonsProps, { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'left-addons'), className: cn__default.default(commonStyles__default.default.addons, commonStyles__default.default.leftAddons, addonsClassName, leftAddonsProps === null || leftAddonsProps === void 0 ? void 0 : leftAddonsProps.className) }), leftAddons)),
             React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.inputWrapper, inputWrapperClassName) },
@@ -58,8 +59,8 @@ label && labelView === 'inner' && (React__default.default.createElement(React__default.default.Fragment, null,
                 React__default.default.createElement("div", { className: commonStyles__default.default.input }, children)),
-            rightAddons && (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.addons, commonStyles__default.default.rightAddons, addonsClassName) }, rightAddons))),
+            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", { className: cn__default.default(commonStyles__default.default.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React__default.default.createElement("span", { 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, 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))));
 });
 
 exports.BaseFormControl = BaseFormControl;

cssm/components/base-form-control/index.js

@@ -9,2 +9,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./default.module.css');
@@ -11,0 +12,0 @@ require('./index.module.css');

cssm/desktop.js

@@ -10,2 +10,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./components/base-form-control/default.module.css');
@@ -12,0 +13,0 @@ require('./components/base-form-control/index.module.css');

cssm/index.js

@@ -12,2 +12,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./components/base-form-control/default.module.css');
@@ -14,0 +15,0 @@ require('./components/base-form-control/index.module.css');

cssm/mobile.js

@@ -10,2 +10,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared/cssm');
 require('./components/base-form-control/default.module.css');
@@ -12,0 +13,0 @@ require('./components/base-form-control/index.module.css');

desktop.js

@@ -10,2 +10,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 
@@ -12,0 +13,0 @@

esm/Component.desktop.js

@@ -5,10 +5,11 @@ import { __assign } from 'tslib';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';
 
-var defaultColors = {"inner":"form-control__inner_tufk8","disabled":"form-control__disabled_tufk8","hasError":"form-control__hasError_tufk8","focused":"form-control__focused_tufk8"};
+var defaultColors = {"inner":"form-control__inner_1bruz","disabled":"form-control__disabled_1bruz","hasError":"form-control__hasError_1bruz","focused":"form-control__focused_1bruz"};
 require('./default.desktop.css')
 
-var styles = {"above":"form-control__above_14p17","sub":"form-control__sub_14p17","error":"form-control__error_14p17","s":"form-control__s_14p17","inner":"form-control__inner_14p17","m":"form-control__m_14p17","l":"form-control__l_14p17","xl":"form-control__xl_14p17"};
+var styles = {"above":"form-control__above_d1vh9","sub":"form-control__sub_d1vh9","error":"form-control__error_d1vh9","s":"form-control__s_d1vh9","inner":"form-control__inner_d1vh9","m":"form-control__m_d1vh9","l":"form-control__l_d1vh9","xl":"form-control__xl_d1vh9"};
 require('./desktop.css')
 
-var invertedColors = {"inner":"form-control__inner_19wsj","disabled":"form-control__disabled_19wsj","hasError":"form-control__hasError_19wsj","focused":"form-control__focused_19wsj"};
+var invertedColors = {"inner":"form-control__inner_2bkf3","disabled":"form-control__disabled_2bkf3","hasError":"form-control__hasError_2bkf3","focused":"form-control__focused_2bkf3"};
 require('./inverted.desktop.css')
@@ -15,0 +16,0 @@

esm/Component.mobile.js

@@ -5,10 +5,11 @@ import { __assign } from 'tslib';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';
 
-var defaultColors = {"inner":"form-control__inner_1ksjs","disabled":"form-control__disabled_1ksjs","hasError":"form-control__hasError_1ksjs","focused":"form-control__focused_1ksjs"};
+var defaultColors = {"inner":"form-control__inner_1f3bk","disabled":"form-control__disabled_1f3bk","hasError":"form-control__hasError_1f3bk","focused":"form-control__focused_1f3bk"};
 require('./default.mobile.css')
 
-var invertedColors = {"inner":"form-control__inner_4xse6","disabled":"form-control__disabled_4xse6","hasError":"form-control__hasError_4xse6","focused":"form-control__focused_4xse6"};
+var invertedColors = {"inner":"form-control__inner_2aea1","disabled":"form-control__disabled_2aea1","hasError":"form-control__hasError_2aea1","focused":"form-control__focused_2aea1"};
 require('./inverted.mobile.css')
 
-var styles = {"above":"form-control__above_ppb50","sub":"form-control__sub_ppb50","error":"form-control__error_ppb50","s":"form-control__s_ppb50","inner":"form-control__inner_ppb50","m":"form-control__m_ppb50","l":"form-control__l_ppb50","xl":"form-control__xl_ppb50"};
+var styles = {"above":"form-control__above_1706b","sub":"form-control__sub_1706b","error":"form-control__error_1706b","s":"form-control__s_1706b","inner":"form-control__inner_1706b","m":"form-control__m_1706b","l":"form-control__l_1706b","xl":"form-control__xl_1706b"};
 require('./mobile.css')
@@ -15,0 +16,0 @@

esm/Component.responsive.js

@@ -8,2 +8,3 @@ import { __rest, __assign } from 'tslib';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';
 
@@ -10,0 +11,0 @@ var FormControl = forwardRef(function (_a, ref) {

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

@@ -90,2 +90,10 @@ /// <reference types="react" />
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -187,2 +195,10 @@ */
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -189,0 +205,0 @@ */

esm/components/base-form-control/Component.js

 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
+import { getDataTestId } from '@alfalab/core-components-shared/esm';
 
-var defaultColors = {"component":"form-control__component_juj1k","label":"form-control__label_juj1k","hint":"form-control__hint_juj1k","disabled":"form-control__disabled_juj1k","filled":"form-control__filled_juj1k","focused":"form-control__focused_juj1k","hasError":"form-control__hasError_juj1k","error":"form-control__error_juj1k"};
+var defaultColors = {"component":"form-control__component_z11k1","label":"form-control__label_z11k1","hint":"form-control__hint_z11k1","disabled":"form-control__disabled_z11k1","filled":"form-control__filled_z11k1","focused":"form-control__focused_z11k1","hasError":"form-control__hasError_z11k1","error":"form-control__error_z11k1"};
 require('./default.css')
 
-var commonStyles = {"component":"form-control__component_xx2d8","inner":"form-control__inner_xx2d8","inputWrapper":"form-control__inputWrapper_xx2d8","input":"form-control__input_xx2d8","label":"form-control__label_xx2d8","labelInner":"form-control__labelInner_xx2d8","addons":"form-control__addons_xx2d8","leftAddons":"form-control__leftAddons_xx2d8","rightAddons":"form-control__rightAddons_xx2d8","sub":"form-control__sub_xx2d8","above":"form-control__above_xx2d8","block":"form-control__block_xx2d8","s":"form-control__s_xx2d8","hasInnerLabel":"form-control__hasInnerLabel_xx2d8","m":"form-control__m_xx2d8","l":"form-control__l_xx2d8","xl":"form-control__xl_xx2d8","hasLeftAddons":"form-control__hasLeftAddons_xx2d8","hasRightAddons":"form-control__hasRightAddons_xx2d8","disabled":"form-control__disabled_xx2d8","focused":"form-control__focused_xx2d8","hasError":"form-control__hasError_xx2d8","filled":"form-control__filled_xx2d8","hiddenLabel":"form-control__hiddenLabel_xx2d8"};
+var commonStyles = {"component":"form-control__component_14gvq","inner":"form-control__inner_14gvq","inputWrapper":"form-control__inputWrapper_14gvq","input":"form-control__input_14gvq","label":"form-control__label_14gvq","labelInner":"form-control__labelInner_14gvq","addons":"form-control__addons_14gvq","leftAddons":"form-control__leftAddons_14gvq","rightAddons":"form-control__rightAddons_14gvq","sub":"form-control__sub_14gvq","above":"form-control__above_14gvq","block":"form-control__block_14gvq","s":"form-control__s_14gvq","hasInnerLabel":"form-control__hasInnerLabel_14gvq","m":"form-control__m_14gvq","l":"form-control__l_14gvq","xl":"form-control__xl_14gvq","hasLeftAddons":"form-control__hasLeftAddons_14gvq","hasRightAddons":"form-control__hasRightAddons_14gvq","disabled":"form-control__disabled_14gvq","focused":"form-control__focused_14gvq","hasError":"form-control__hasError_14gvq","filled":"form-control__filled_14gvq","hiddenLabel":"form-control__hiddenLabel_14gvq"};
 require('./index.css')
 
-var invertedColors = {"component":"form-control__component_xqvsi","label":"form-control__label_xqvsi","hint":"form-control__hint_xqvsi","disabled":"form-control__disabled_xqvsi","filled":"form-control__filled_xqvsi","focused":"form-control__focused_xqvsi","hasError":"form-control__hasError_xqvsi","error":"form-control__error_xqvsi"};
+var invertedColors = {"component":"form-control__component_z0pd8","label":"form-control__label_z0pd8","hint":"form-control__hint_z0pd8","disabled":"form-control__disabled_z0pd8","filled":"form-control__filled_z0pd8","focused":"form-control__focused_z0pd8","hasError":"form-control__hasError_z0pd8","error":"form-control__error_z0pd8"};
 require('./inverted.css')
@@ -20,3 +21,3 @@
     var _b, _c;
-    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, restProps = __rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles"]);
+    var _d = _a.block, block = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 's' : _e, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, className = _a.className, fieldClassName = _a.fieldClassName, inputWrapperClassName = _a.inputWrapperClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, disabled = _a.disabled, readOnly = _a.readOnly, focused = _a.focused, filled = _a.filled, error = _a.error, hint = _a.hint, label = _a.label, _g = _a.labelView, labelView = _g === void 0 ? 'inner' : _g, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, children = _a.children, dataTestId = _a.dataTestId, styles = _a.styles, _h = _a.colorStyles, colorStyles = _h === void 0 ? { default: {}, inverted: {} } : _h, leftAddonsProps = _a.leftAddonsProps, rightAddonsProps = _a.rightAddonsProps, restProps = __rest(_a, ["block", "size", "colors", "className", "fieldClassName", "inputWrapperClassName", "labelClassName", "addonsClassName", "disabled", "readOnly", "focused", "filled", "error", "hint", "label", "labelView", "leftAddons", "rightAddons", "bottomAddons", "children", "dataTestId", "styles", "colorStyles", "leftAddonsProps", "rightAddonsProps"]);
     var errorMessage = typeof error === 'boolean' ? '' : error;
@@ -43,3 +44,3 @@ return (React.createElement("div", { "data-test-id": dataTestId, className: cn(commonStyles.component, colorCommonStyles[colors].component, className, commonStyles[size], styles[size], (_b = {},
                 _c)), ref: ref }),
-            leftAddons && (React.createElement("div", { className: cn(commonStyles.addons, commonStyles.leftAddons, addonsClassName) }, leftAddons)),
+            leftAddons && (React.createElement("div", __assign({}, leftAddonsProps, { "data-test-id": getDataTestId(dataTestId, 'left-addons'), className: cn(commonStyles.addons, commonStyles.leftAddons, addonsClassName, leftAddonsProps === null || leftAddonsProps === void 0 ? void 0 : leftAddonsProps.className) }), leftAddons)),
             React.createElement("div", { className: cn(commonStyles.inputWrapper, inputWrapperClassName) },
@@ -51,8 +52,8 @@ label && labelView === 'inner' && (React.createElement(React.Fragment, null,
                 React.createElement("div", { className: commonStyles.input }, children)),
-            rightAddons && (React.createElement("div", { className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName) }, rightAddons))),
+            rightAddons && (React.createElement("div", __assign({}, rightAddonsProps, { "data-test-id": getDataTestId(dataTestId, 'right-addons'), className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps === null || rightAddonsProps === void 0 ? void 0 : rightAddonsProps.className) }), rightAddons))),
         bottomAddons,
-        errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'error-message'), className: cn(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'hint'), className: cn(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
 export { BaseFormControl };

esm/components/base-form-control/index.js

@@ -5,1 +5,2 @@ export { BaseFormControl } from './Component.js';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';

esm/desktop.js

@@ -6,1 +6,2 @@ export { FormControlDesktop } from './Component.desktop.js';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';

esm/index.js

@@ -8,2 +8,3 @@ export { FormControl } from './Component.responsive.js';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';
 import './Component.mobile.js';

esm/mobile.js

@@ -6,1 +6,2 @@ export { FormControlMobile } from './Component.mobile.js';
 import 'classnames';
+import '@alfalab/core-components-shared/esm';

index.js

@@ -12,2 +12,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 require('./Component.mobile.js');
@@ -14,0 +15,0 @@

mobile.js

@@ -10,2 +10,3 @@ 'use strict';
 require('classnames');
+require('@alfalab/core-components-shared');
 
@@ -12,0 +13,0 @@

modern/Component.desktop.js

 import React, { forwardRef } from 'react';
 import { BaseFormControl } from './components/base-form-control/Component.js';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';
 
-const defaultColors = {"inner":"form-control__inner_tufk8","disabled":"form-control__disabled_tufk8","hasError":"form-control__hasError_tufk8","focused":"form-control__focused_tufk8"};
+const defaultColors = {"inner":"form-control__inner_1bruz","disabled":"form-control__disabled_1bruz","hasError":"form-control__hasError_1bruz","focused":"form-control__focused_1bruz"};
 require('./default.desktop.css')
 
-const styles = {"above":"form-control__above_14p17","sub":"form-control__sub_14p17","error":"form-control__error_14p17","s":"form-control__s_14p17","inner":"form-control__inner_14p17","m":"form-control__m_14p17","l":"form-control__l_14p17","xl":"form-control__xl_14p17"};
+const styles = {"above":"form-control__above_d1vh9","sub":"form-control__sub_d1vh9","error":"form-control__error_d1vh9","s":"form-control__s_d1vh9","inner":"form-control__inner_d1vh9","m":"form-control__m_d1vh9","l":"form-control__l_d1vh9","xl":"form-control__xl_d1vh9"};
 require('./desktop.css')
 
-const invertedColors = {"inner":"form-control__inner_19wsj","disabled":"form-control__disabled_19wsj","hasError":"form-control__hasError_19wsj","focused":"form-control__focused_19wsj"};
+const invertedColors = {"inner":"form-control__inner_2bkf3","disabled":"form-control__disabled_2bkf3","hasError":"form-control__hasError_2bkf3","focused":"form-control__focused_2bkf3"};
 require('./inverted.desktop.css')
@@ -13,0 +14,0 @@

modern/Component.mobile.js

 import React, { forwardRef } from 'react';
 import { BaseFormControl } from './components/base-form-control/Component.js';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';
 
-const defaultColors = {"inner":"form-control__inner_1ksjs","disabled":"form-control__disabled_1ksjs","hasError":"form-control__hasError_1ksjs","focused":"form-control__focused_1ksjs"};
+const defaultColors = {"inner":"form-control__inner_1f3bk","disabled":"form-control__disabled_1f3bk","hasError":"form-control__hasError_1f3bk","focused":"form-control__focused_1f3bk"};
 require('./default.mobile.css')
 
-const invertedColors = {"inner":"form-control__inner_4xse6","disabled":"form-control__disabled_4xse6","hasError":"form-control__hasError_4xse6","focused":"form-control__focused_4xse6"};
+const invertedColors = {"inner":"form-control__inner_2aea1","disabled":"form-control__disabled_2aea1","hasError":"form-control__hasError_2aea1","focused":"form-control__focused_2aea1"};
 require('./inverted.mobile.css')
 
-const styles = {"above":"form-control__above_ppb50","sub":"form-control__sub_ppb50","error":"form-control__error_ppb50","s":"form-control__s_ppb50","inner":"form-control__inner_ppb50","m":"form-control__m_ppb50","l":"form-control__l_ppb50","xl":"form-control__xl_ppb50"};
+const styles = {"above":"form-control__above_1706b","sub":"form-control__sub_1706b","error":"form-control__error_1706b","s":"form-control__s_1706b","inner":"form-control__inner_1706b","m":"form-control__m_1706b","l":"form-control__l_1706b","xl":"form-control__xl_1706b"};
 require('./mobile.css')
@@ -13,0 +14,0 @@

modern/Component.responsive.js

@@ -7,2 +7,3 @@ import React, { forwardRef } from 'react';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';
 
@@ -9,0 +10,0 @@ const FormControl = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {

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

@@ -90,2 +90,10 @@ /// <reference types="react" />
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -187,2 +195,10 @@ */
     /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
      * Идентификатор для систем автоматизированного тестирования
@@ -189,0 +205,0 @@ */

modern/components/base-form-control/Component.js

 import React from 'react';
 import cn from 'classnames';
+import { getDataTestId } from '@alfalab/core-components-shared/modern';
 
-const defaultColors = {"component":"form-control__component_juj1k","label":"form-control__label_juj1k","hint":"form-control__hint_juj1k","disabled":"form-control__disabled_juj1k","filled":"form-control__filled_juj1k","focused":"form-control__focused_juj1k","hasError":"form-control__hasError_juj1k","error":"form-control__error_juj1k"};
+const defaultColors = {"component":"form-control__component_z11k1","label":"form-control__label_z11k1","hint":"form-control__hint_z11k1","disabled":"form-control__disabled_z11k1","filled":"form-control__filled_z11k1","focused":"form-control__focused_z11k1","hasError":"form-control__hasError_z11k1","error":"form-control__error_z11k1"};
 require('./default.css')
 
-const commonStyles = {"component":"form-control__component_xx2d8","inner":"form-control__inner_xx2d8","inputWrapper":"form-control__inputWrapper_xx2d8","input":"form-control__input_xx2d8","label":"form-control__label_xx2d8","labelInner":"form-control__labelInner_xx2d8","addons":"form-control__addons_xx2d8","leftAddons":"form-control__leftAddons_xx2d8","rightAddons":"form-control__rightAddons_xx2d8","sub":"form-control__sub_xx2d8","above":"form-control__above_xx2d8","block":"form-control__block_xx2d8","s":"form-control__s_xx2d8","hasInnerLabel":"form-control__hasInnerLabel_xx2d8","m":"form-control__m_xx2d8","l":"form-control__l_xx2d8","xl":"form-control__xl_xx2d8","hasLeftAddons":"form-control__hasLeftAddons_xx2d8","hasRightAddons":"form-control__hasRightAddons_xx2d8","disabled":"form-control__disabled_xx2d8","focused":"form-control__focused_xx2d8","hasError":"form-control__hasError_xx2d8","filled":"form-control__filled_xx2d8","hiddenLabel":"form-control__hiddenLabel_xx2d8"};
+const commonStyles = {"component":"form-control__component_14gvq","inner":"form-control__inner_14gvq","inputWrapper":"form-control__inputWrapper_14gvq","input":"form-control__input_14gvq","label":"form-control__label_14gvq","labelInner":"form-control__labelInner_14gvq","addons":"form-control__addons_14gvq","leftAddons":"form-control__leftAddons_14gvq","rightAddons":"form-control__rightAddons_14gvq","sub":"form-control__sub_14gvq","above":"form-control__above_14gvq","block":"form-control__block_14gvq","s":"form-control__s_14gvq","hasInnerLabel":"form-control__hasInnerLabel_14gvq","m":"form-control__m_14gvq","l":"form-control__l_14gvq","xl":"form-control__xl_14gvq","hasLeftAddons":"form-control__hasLeftAddons_14gvq","hasRightAddons":"form-control__hasRightAddons_14gvq","disabled":"form-control__disabled_14gvq","focused":"form-control__focused_14gvq","hasError":"form-control__hasError_14gvq","filled":"form-control__filled_14gvq","hiddenLabel":"form-control__hiddenLabel_14gvq"};
 require('./index.css')
 
-const invertedColors = {"component":"form-control__component_xqvsi","label":"form-control__label_xqvsi","hint":"form-control__hint_xqvsi","disabled":"form-control__disabled_xqvsi","filled":"form-control__filled_xqvsi","focused":"form-control__focused_xqvsi","hasError":"form-control__hasError_xqvsi","error":"form-control__error_xqvsi"};
+const invertedColors = {"component":"form-control__component_z0pd8","label":"form-control__label_z0pd8","hint":"form-control__hint_z0pd8","disabled":"form-control__disabled_z0pd8","filled":"form-control__filled_z0pd8","focused":"form-control__focused_z0pd8","hasError":"form-control__hasError_z0pd8","error":"form-control__error_z0pd8"};
 require('./inverted.css')
@@ -17,3 +18,3 @@
 };
-const BaseFormControl = React.forwardRef(({ block = false, size = 's', colors = 'default', className, fieldClassName, inputWrapperClassName, labelClassName, addonsClassName, disabled, readOnly, focused, filled, error, hint, label, labelView = 'inner', leftAddons, rightAddons, bottomAddons, children, dataTestId, styles, colorStyles = { default: {}, inverted: {} }, ...restProps }, ref) => {
+const BaseFormControl = React.forwardRef(({ block = false, size = 's', colors = 'default', className, fieldClassName, inputWrapperClassName, labelClassName, addonsClassName, disabled, readOnly, focused, filled, error, hint, label, labelView = 'inner', leftAddons, rightAddons, bottomAddons, children, dataTestId, styles, colorStyles = { default: {}, inverted: {} }, leftAddonsProps, rightAddonsProps, ...restProps }, ref) => {
     const errorMessage = typeof error === 'boolean' ? '' : error;
@@ -40,3 +41,3 @@ return (React.createElement("div", { "data-test-id": dataTestId, className: cn(commonStyles.component, colorCommonStyles[colors].component, className, commonStyles[size], styles[size], {
             }), ref: ref },
-            leftAddons && (React.createElement("div", { className: cn(commonStyles.addons, commonStyles.leftAddons, addonsClassName) }, leftAddons)),
+            leftAddons && (React.createElement("div", { ...leftAddonsProps, "data-test-id": getDataTestId(dataTestId, 'left-addons'), className: cn(commonStyles.addons, commonStyles.leftAddons, addonsClassName, leftAddonsProps?.className) }, leftAddons)),
             React.createElement("div", { className: cn(commonStyles.inputWrapper, inputWrapperClassName) },
@@ -48,8 +49,8 @@ label && labelView === 'inner' && (React.createElement(React.Fragment, null,
                 React.createElement("div", { className: commonStyles.input }, children)),
-            rightAddons && (React.createElement("div", { className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName) }, rightAddons))),
+            rightAddons && (React.createElement("div", { ...rightAddonsProps, "data-test-id": getDataTestId(dataTestId, 'right-addons'), className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps?.className) }, rightAddons))),
         bottomAddons,
-        errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
-        hint && !errorMessage && (React.createElement("span", { className: cn(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
+        errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'error-message'), className: cn(commonStyles.sub, styles.error, colorCommonStyles[colors].error), role: 'alert' }, errorMessage)),
+        hint && !errorMessage && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'hint'), className: cn(commonStyles.sub, styles.sub, colorCommonStyles[colors].hint) }, hint))));
 });
 
 export { BaseFormControl };

modern/components/base-form-control/index.js

 export { BaseFormControl } from './Component.js';
 import 'react';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';

modern/desktop.js

@@ -5,1 +5,2 @@ export { FormControlDesktop } from './Component.desktop.js';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';

modern/index.js

@@ -7,2 +7,3 @@ export { FormControl } from './Component.responsive.js';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';
 import './Component.mobile.js';

modern/mobile.js

@@ -5,1 +5,2 @@ export { FormControlMobile } from './Component.mobile.js';
 import 'classnames';
+import '@alfalab/core-components-shared/modern';

package.json

 {
     "name": "@alfalab/core-components-form-control",
-    "version": "10.0.1",
+    "version": "10.1.0",
     "description": "FormControl component",
@@ -39,2 +39,3 @@ "keywords": [],
         "@alfalab/core-components-mq": "^4.2.0",
+        "@alfalab/core-components-shared": "^0.5.0",
         "classnames": "^2.3.1",
@@ -41,0 +42,0 @@ "tslib": "^2.4.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

265789

increased by2.86%

Lines of code

5663

increased by2.28%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Added@alfalab/core-components-shared@^0.5.0

• + Added@alfalab/core-components-shared@0.5.0(transitive)