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

Comparing version 12.2.5 to 12.2.6

components/base-form-control/Component.js

@@ -15,9 +15,9 @@ 'use strict';
 
-var defaultColors = {"component":"form-control__component_113ur","label":"form-control__label_113ur","hint":"form-control__hint_113ur","inner":"form-control__inner_113ur","disabled":"form-control__disabled_113ur","hasError":"form-control__hasError_113ur","focused":"form-control__focused_113ur","error":"form-control__error_113ur"};
+var defaultColors = {"component":"form-control__component_1oiow","label":"form-control__label_1oiow","hint":"form-control__hint_1oiow","inner":"form-control__inner_1oiow","disabled":"form-control__disabled_1oiow","hasError":"form-control__hasError_1oiow","focused":"form-control__focused_1oiow","error":"form-control__error_1oiow"};
 require('./default.css')
 
-var commonStyles = {"component":"form-control__component_1wzjq","inner":"form-control__inner_1wzjq","inputWrapper":"form-control__inputWrapper_1wzjq","input":"form-control__input_1wzjq","label":"form-control__label_1wzjq","labelInner":"form-control__labelInner_1wzjq","addons":"form-control__addons_1wzjq","leftAddons":"form-control__leftAddons_1wzjq","rightAddons":"form-control__rightAddons_1wzjq","sub":"form-control__sub_1wzjq","above":"form-control__above_1wzjq","block":"form-control__block_1wzjq","size-48":"form-control__size-48_1wzjq","hasInnerLabel":"form-control__hasInnerLabel_1wzjq","size-56":"form-control__size-56_1wzjq","size-64":"form-control__size-64_1wzjq","size-72":"form-control__size-72_1wzjq","hasLeftAddons":"form-control__hasLeftAddons_1wzjq","hasRightAddons":"form-control__hasRightAddons_1wzjq","disabled":"form-control__disabled_1wzjq","focused":"form-control__focused_1wzjq","hasError":"form-control__hasError_1wzjq","filled":"form-control__filled_1wzjq","hiddenLabel":"form-control__hiddenLabel_1wzjq"};
+var commonStyles = {"component":"form-control__component_om4sx","inner":"form-control__inner_om4sx","inputWrapper":"form-control__inputWrapper_om4sx","input":"form-control__input_om4sx","label":"form-control__label_om4sx","labelInner":"form-control__labelInner_om4sx","addons":"form-control__addons_om4sx","leftAddons":"form-control__leftAddons_om4sx","rightAddons":"form-control__rightAddons_om4sx","sub":"form-control__sub_om4sx","above":"form-control__above_om4sx","block":"form-control__block_om4sx","size-48":"form-control__size-48_om4sx","hasInnerLabel":"form-control__hasInnerLabel_om4sx","size-56":"form-control__size-56_om4sx","size-64":"form-control__size-64_om4sx","size-72":"form-control__size-72_om4sx","hasLeftAddons":"form-control__hasLeftAddons_om4sx","hasRightAddons":"form-control__hasRightAddons_om4sx","disabled":"form-control__disabled_om4sx","focused":"form-control__focused_om4sx","hasError":"form-control__hasError_om4sx","filled":"form-control__filled_om4sx","hiddenLabel":"form-control__hiddenLabel_om4sx"};
 require('./index.css')
 
-var invertedColors = {"component":"form-control__component_jmz7j","label":"form-control__label_jmz7j","hint":"form-control__hint_jmz7j","inner":"form-control__inner_jmz7j","disabled":"form-control__disabled_jmz7j","hasError":"form-control__hasError_jmz7j","focused":"form-control__focused_jmz7j","error":"form-control__error_jmz7j"};
+var invertedColors = {"component":"form-control__component_171tc","label":"form-control__label_171tc","hint":"form-control__hint_171tc","inner":"form-control__inner_171tc","disabled":"form-control__disabled_171tc","hasError":"form-control__hasError_171tc","focused":"form-control__focused_171tc","error":"form-control__error_171tc"};
 require('./inverted.css')
@@ -48,3 +48,3 @@
             _b)) },
-        label && labelView === 'outer' && (React__default.default.createElement("span", { 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, 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 = {},
@@ -67,3 +67,3 @@ _c[commonStyles.disabled] = disabled || readOnly,
                     React__default.default.createElement("div", { className: cn__default.default(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
-                        React__default.default.createElement("span", { className: commonStyles.labelInner }, label)))),
+                        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)),
@@ -70,0 +70,0 @@ 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))),

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

@@ -44,3 +44,3 @@ 'use strict';
             _b)) },
-        label && labelView === 'outer' && (React__default.default.createElement("span", { 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, 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 = {},
@@ -63,3 +63,3 @@ _c[commonStyles__default.default.disabled] = disabled || readOnly,
                     React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.label, colorCommonStyles[colors].label, labelClassName) },
-                        React__default.default.createElement("span", { className: commonStyles__default.default.labelInner }, label)))),
+                        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)),
@@ -66,0 +66,0 @@ 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))),

cssm/utils.d.ts

@@ -8,3 +8,4 @@ declare function getFormControlTestIds(dataTestId: string): {
     hint: string;
+    label: string;
 };
 export { getFormControlTestIds };

cssm/utils.js

@@ -15,2 +15,3 @@ 'use strict';
         hint: coreComponentsShared.getDataTestId(dataTestId, 'hint'),
+        label: coreComponentsShared.getDataTestId(dataTestId, 'label'),
     };
@@ -17,0 +18,0 @@ }

desktop/Component.desktop.js

@@ -13,9 +13,9 @@ 'use strict';
 
-var defaultColors = {"inner":"form-control__inner_ceeki","hasError":"form-control__hasError_ceeki","disabled":"form-control__disabled_ceeki"};
+var defaultColors = {"inner":"form-control__inner_zt8ps","hasError":"form-control__hasError_zt8ps","disabled":"form-control__disabled_zt8ps"};
 require('./default.desktop.css')
 
-var styles = {"above":"form-control__above_sxwuj","sub":"form-control__sub_sxwuj","error":"form-control__error_sxwuj","size-48":"form-control__size-48_sxwuj","inner":"form-control__inner_sxwuj","size-56":"form-control__size-56_sxwuj","size-64":"form-control__size-64_sxwuj","size-72":"form-control__size-72_sxwuj"};
+var styles = {"above":"form-control__above_2x0e0","sub":"form-control__sub_2x0e0","error":"form-control__error_2x0e0","size-48":"form-control__size-48_2x0e0","inner":"form-control__inner_2x0e0","size-56":"form-control__size-56_2x0e0","size-64":"form-control__size-64_2x0e0","size-72":"form-control__size-72_2x0e0"};
 require('./desktop.css')
 
-var invertedColors = {"inner":"form-control__inner_jy9ks","hasError":"form-control__hasError_jy9ks","disabled":"form-control__disabled_jy9ks"};
+var invertedColors = {"inner":"form-control__inner_1ppm7","hasError":"form-control__hasError_1ppm7","disabled":"form-control__disabled_1ppm7"};
 require('./inverted.desktop.css')
@@ -22,0 +22,0 @@

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

@@ -6,9 +6,9 @@ import { __rest, __assign } from 'tslib';
 
-var defaultColors = {"component":"form-control__component_113ur","label":"form-control__label_113ur","hint":"form-control__hint_113ur","inner":"form-control__inner_113ur","disabled":"form-control__disabled_113ur","hasError":"form-control__hasError_113ur","focused":"form-control__focused_113ur","error":"form-control__error_113ur"};
+var defaultColors = {"component":"form-control__component_1oiow","label":"form-control__label_1oiow","hint":"form-control__hint_1oiow","inner":"form-control__inner_1oiow","disabled":"form-control__disabled_1oiow","hasError":"form-control__hasError_1oiow","focused":"form-control__focused_1oiow","error":"form-control__error_1oiow"};
 require('./default.css')
 
-var commonStyles = {"component":"form-control__component_1wzjq","inner":"form-control__inner_1wzjq","inputWrapper":"form-control__inputWrapper_1wzjq","input":"form-control__input_1wzjq","label":"form-control__label_1wzjq","labelInner":"form-control__labelInner_1wzjq","addons":"form-control__addons_1wzjq","leftAddons":"form-control__leftAddons_1wzjq","rightAddons":"form-control__rightAddons_1wzjq","sub":"form-control__sub_1wzjq","above":"form-control__above_1wzjq","block":"form-control__block_1wzjq","size-48":"form-control__size-48_1wzjq","hasInnerLabel":"form-control__hasInnerLabel_1wzjq","size-56":"form-control__size-56_1wzjq","size-64":"form-control__size-64_1wzjq","size-72":"form-control__size-72_1wzjq","hasLeftAddons":"form-control__hasLeftAddons_1wzjq","hasRightAddons":"form-control__hasRightAddons_1wzjq","disabled":"form-control__disabled_1wzjq","focused":"form-control__focused_1wzjq","hasError":"form-control__hasError_1wzjq","filled":"form-control__filled_1wzjq","hiddenLabel":"form-control__hiddenLabel_1wzjq"};
+var commonStyles = {"component":"form-control__component_om4sx","inner":"form-control__inner_om4sx","inputWrapper":"form-control__inputWrapper_om4sx","input":"form-control__input_om4sx","label":"form-control__label_om4sx","labelInner":"form-control__labelInner_om4sx","addons":"form-control__addons_om4sx","leftAddons":"form-control__leftAddons_om4sx","rightAddons":"form-control__rightAddons_om4sx","sub":"form-control__sub_om4sx","above":"form-control__above_om4sx","block":"form-control__block_om4sx","size-48":"form-control__size-48_om4sx","hasInnerLabel":"form-control__hasInnerLabel_om4sx","size-56":"form-control__size-56_om4sx","size-64":"form-control__size-64_om4sx","size-72":"form-control__size-72_om4sx","hasLeftAddons":"form-control__hasLeftAddons_om4sx","hasRightAddons":"form-control__hasRightAddons_om4sx","disabled":"form-control__disabled_om4sx","focused":"form-control__focused_om4sx","hasError":"form-control__hasError_om4sx","filled":"form-control__filled_om4sx","hiddenLabel":"form-control__hiddenLabel_om4sx"};
 require('./index.css')
 
-var invertedColors = {"component":"form-control__component_jmz7j","label":"form-control__label_jmz7j","hint":"form-control__hint_jmz7j","inner":"form-control__inner_jmz7j","disabled":"form-control__disabled_jmz7j","hasError":"form-control__hasError_jmz7j","focused":"form-control__focused_jmz7j","error":"form-control__error_jmz7j"};
+var invertedColors = {"component":"form-control__component_171tc","label":"form-control__label_171tc","hint":"form-control__hint_171tc","inner":"form-control__inner_171tc","disabled":"form-control__disabled_171tc","hasError":"form-control__hasError_171tc","focused":"form-control__focused_171tc","error":"form-control__error_171tc"};
 require('./inverted.css')
@@ -39,3 +39,3 @@
             _b)) },
-        label && labelView === 'outer' && (React.createElement("span", { className: cn(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
+        label && labelView === 'outer' && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: cn(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
         React.createElement("div", __assign({ "data-test-id": getDataTestId(dataTestId, 'inner') }, restProps, { className: cn(fieldClassName, commonStyles.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, (_c = {},
@@ -58,3 +58,3 @@ _c[commonStyles.disabled] = disabled || readOnly,
                     React.createElement("div", { className: cn(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
-                        React.createElement("span", { className: commonStyles.labelInner }, label)))),
+                        React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: commonStyles.labelInner }, label)))),
                 React.createElement("div", { className: commonStyles.input }, children)),
@@ -61,0 +61,0 @@ 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))),

esm/desktop/Component.desktop.js

@@ -5,9 +5,9 @@ import { __assign } from 'tslib';
 
-var defaultColors = {"inner":"form-control__inner_ceeki","hasError":"form-control__hasError_ceeki","disabled":"form-control__disabled_ceeki"};
+var defaultColors = {"inner":"form-control__inner_zt8ps","hasError":"form-control__hasError_zt8ps","disabled":"form-control__disabled_zt8ps"};
 require('./default.desktop.css')
 
-var styles = {"above":"form-control__above_sxwuj","sub":"form-control__sub_sxwuj","error":"form-control__error_sxwuj","size-48":"form-control__size-48_sxwuj","inner":"form-control__inner_sxwuj","size-56":"form-control__size-56_sxwuj","size-64":"form-control__size-64_sxwuj","size-72":"form-control__size-72_sxwuj"};
+var styles = {"above":"form-control__above_2x0e0","sub":"form-control__sub_2x0e0","error":"form-control__error_2x0e0","size-48":"form-control__size-48_2x0e0","inner":"form-control__inner_2x0e0","size-56":"form-control__size-56_2x0e0","size-64":"form-control__size-64_2x0e0","size-72":"form-control__size-72_2x0e0"};
 require('./desktop.css')
 
-var invertedColors = {"inner":"form-control__inner_jy9ks","hasError":"form-control__hasError_jy9ks","disabled":"form-control__disabled_jy9ks"};
+var invertedColors = {"inner":"form-control__inner_1ppm7","hasError":"form-control__hasError_1ppm7","disabled":"form-control__disabled_1ppm7"};
 require('./inverted.desktop.css')
@@ -14,0 +14,0 @@

esm/mobile/Component.mobile.js

@@ -5,9 +5,9 @@ import { __assign } from 'tslib';
 
-var defaultColors = {"inner":"form-control__inner_1ab1n","disabled":"form-control__disabled_1ab1n","hasError":"form-control__hasError_1ab1n"};
+var defaultColors = {"inner":"form-control__inner_h1a85","disabled":"form-control__disabled_h1a85","hasError":"form-control__hasError_h1a85"};
 require('./default.mobile.css')
 
-var invertedColors = {"inner":"form-control__inner_1cuxa","disabled":"form-control__disabled_1cuxa","hasError":"form-control__hasError_1cuxa"};
+var invertedColors = {"inner":"form-control__inner_18ndz","disabled":"form-control__disabled_18ndz","hasError":"form-control__hasError_18ndz"};
 require('./inverted.mobile.css')
 
-var styles = {"above":"form-control__above_tg4ud","sub":"form-control__sub_tg4ud","error":"form-control__error_tg4ud","size-48":"form-control__size-48_tg4ud","inner":"form-control__inner_tg4ud","size-56":"form-control__size-56_tg4ud","size-64":"form-control__size-64_tg4ud","size-72":"form-control__size-72_tg4ud"};
+var styles = {"above":"form-control__above_fff5s","sub":"form-control__sub_fff5s","error":"form-control__error_fff5s","size-48":"form-control__size-48_fff5s","inner":"form-control__inner_fff5s","size-56":"form-control__size-56_fff5s","size-64":"form-control__size-64_fff5s","size-72":"form-control__size-72_fff5s"};
 require('./mobile.css')
@@ -14,0 +14,0 @@

esm/utils.d.ts

@@ -8,3 +8,4 @@ declare function getFormControlTestIds(dataTestId: string): {
     hint: string;
+    label: string;
 };
 export { getFormControlTestIds };

esm/utils.js

@@ -11,2 +11,3 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
         hint: getDataTestId(dataTestId, 'hint'),
+        label: getDataTestId(dataTestId, 'label'),
     };
@@ -13,0 +14,0 @@ }

mobile/Component.mobile.js

@@ -13,9 +13,9 @@ 'use strict';
 
-var defaultColors = {"inner":"form-control__inner_1ab1n","disabled":"form-control__disabled_1ab1n","hasError":"form-control__hasError_1ab1n"};
+var defaultColors = {"inner":"form-control__inner_h1a85","disabled":"form-control__disabled_h1a85","hasError":"form-control__hasError_h1a85"};
 require('./default.mobile.css')
 
-var invertedColors = {"inner":"form-control__inner_1cuxa","disabled":"form-control__disabled_1cuxa","hasError":"form-control__hasError_1cuxa"};
+var invertedColors = {"inner":"form-control__inner_18ndz","disabled":"form-control__disabled_18ndz","hasError":"form-control__hasError_18ndz"};
 require('./inverted.mobile.css')
 
-var styles = {"above":"form-control__above_tg4ud","sub":"form-control__sub_tg4ud","error":"form-control__error_tg4ud","size-48":"form-control__size-48_tg4ud","inner":"form-control__inner_tg4ud","size-56":"form-control__size-56_tg4ud","size-64":"form-control__size-64_tg4ud","size-72":"form-control__size-72_tg4ud"};
+var styles = {"above":"form-control__above_fff5s","sub":"form-control__sub_fff5s","error":"form-control__error_fff5s","size-48":"form-control__size-48_fff5s","inner":"form-control__inner_fff5s","size-56":"form-control__size-56_fff5s","size-64":"form-control__size-64_fff5s","size-72":"form-control__size-72_fff5s"};
 require('./mobile.css')
@@ -22,0 +22,0 @@

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

@@ -5,9 +5,9 @@ import React from 'react';
 
-const defaultColors = {"component":"form-control__component_113ur","label":"form-control__label_113ur","hint":"form-control__hint_113ur","inner":"form-control__inner_113ur","disabled":"form-control__disabled_113ur","hasError":"form-control__hasError_113ur","focused":"form-control__focused_113ur","error":"form-control__error_113ur"};
+const defaultColors = {"component":"form-control__component_1oiow","label":"form-control__label_1oiow","hint":"form-control__hint_1oiow","inner":"form-control__inner_1oiow","disabled":"form-control__disabled_1oiow","hasError":"form-control__hasError_1oiow","focused":"form-control__focused_1oiow","error":"form-control__error_1oiow"};
 require('./default.css')
 
-const commonStyles = {"component":"form-control__component_1wzjq","inner":"form-control__inner_1wzjq","inputWrapper":"form-control__inputWrapper_1wzjq","input":"form-control__input_1wzjq","label":"form-control__label_1wzjq","labelInner":"form-control__labelInner_1wzjq","addons":"form-control__addons_1wzjq","leftAddons":"form-control__leftAddons_1wzjq","rightAddons":"form-control__rightAddons_1wzjq","sub":"form-control__sub_1wzjq","above":"form-control__above_1wzjq","block":"form-control__block_1wzjq","size-48":"form-control__size-48_1wzjq","hasInnerLabel":"form-control__hasInnerLabel_1wzjq","size-56":"form-control__size-56_1wzjq","size-64":"form-control__size-64_1wzjq","size-72":"form-control__size-72_1wzjq","hasLeftAddons":"form-control__hasLeftAddons_1wzjq","hasRightAddons":"form-control__hasRightAddons_1wzjq","disabled":"form-control__disabled_1wzjq","focused":"form-control__focused_1wzjq","hasError":"form-control__hasError_1wzjq","filled":"form-control__filled_1wzjq","hiddenLabel":"form-control__hiddenLabel_1wzjq"};
+const commonStyles = {"component":"form-control__component_om4sx","inner":"form-control__inner_om4sx","inputWrapper":"form-control__inputWrapper_om4sx","input":"form-control__input_om4sx","label":"form-control__label_om4sx","labelInner":"form-control__labelInner_om4sx","addons":"form-control__addons_om4sx","leftAddons":"form-control__leftAddons_om4sx","rightAddons":"form-control__rightAddons_om4sx","sub":"form-control__sub_om4sx","above":"form-control__above_om4sx","block":"form-control__block_om4sx","size-48":"form-control__size-48_om4sx","hasInnerLabel":"form-control__hasInnerLabel_om4sx","size-56":"form-control__size-56_om4sx","size-64":"form-control__size-64_om4sx","size-72":"form-control__size-72_om4sx","hasLeftAddons":"form-control__hasLeftAddons_om4sx","hasRightAddons":"form-control__hasRightAddons_om4sx","disabled":"form-control__disabled_om4sx","focused":"form-control__focused_om4sx","hasError":"form-control__hasError_om4sx","filled":"form-control__filled_om4sx","hiddenLabel":"form-control__hiddenLabel_om4sx"};
 require('./index.css')
 
-const invertedColors = {"component":"form-control__component_jmz7j","label":"form-control__label_jmz7j","hint":"form-control__hint_jmz7j","inner":"form-control__inner_jmz7j","disabled":"form-control__disabled_jmz7j","hasError":"form-control__hasError_jmz7j","focused":"form-control__focused_jmz7j","error":"form-control__error_jmz7j"};
+const invertedColors = {"component":"form-control__component_171tc","label":"form-control__label_171tc","hint":"form-control__hint_171tc","inner":"form-control__inner_171tc","disabled":"form-control__disabled_171tc","hasError":"form-control__hasError_171tc","focused":"form-control__focused_171tc","error":"form-control__error_171tc"};
 require('./inverted.css')
@@ -36,3 +36,3 @@
         }) },
-        label && labelView === 'outer' && (React.createElement("span", { className: cn(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
+        label && labelView === 'outer' && (React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: cn(commonStyles.above, styles.above, colorCommonStyles[colors].label) }, label)),
         React.createElement("div", { "data-test-id": getDataTestId(dataTestId, 'inner'), ...restProps, className: cn(fieldClassName, commonStyles.inner, styles.inner, colorCommonStyles[colors].inner, colorStyles[colors].inner, {
@@ -55,3 +55,3 @@ [commonStyles.disabled]: disabled || readOnly,
                     React.createElement("div", { className: cn(commonStyles.label, colorCommonStyles[colors].label, labelClassName) },
-                        React.createElement("span", { className: commonStyles.labelInner }, label)))),
+                        React.createElement("span", { "data-test-id": getDataTestId(dataTestId, 'label'), className: commonStyles.labelInner }, label)))),
                 React.createElement("div", { className: commonStyles.input }, children)),
@@ -58,0 +58,0 @@ rightAddons && (React.createElement("div", { ...rightAddonsProps, "data-test-id": getDataTestId(dataTestId, 'right-addons'), className: cn(commonStyles.addons, commonStyles.rightAddons, addonsClassName, rightAddonsProps?.className) }, rightAddons))),

modern/desktop/Component.desktop.js

 import React, { forwardRef } from 'react';
 import { BaseFormControl } from '../components/base-form-control/Component.js';
 
-const defaultColors = {"inner":"form-control__inner_ceeki","hasError":"form-control__hasError_ceeki","disabled":"form-control__disabled_ceeki"};
+const defaultColors = {"inner":"form-control__inner_zt8ps","hasError":"form-control__hasError_zt8ps","disabled":"form-control__disabled_zt8ps"};
 require('./default.desktop.css')
 
-const styles = {"above":"form-control__above_sxwuj","sub":"form-control__sub_sxwuj","error":"form-control__error_sxwuj","size-48":"form-control__size-48_sxwuj","inner":"form-control__inner_sxwuj","size-56":"form-control__size-56_sxwuj","size-64":"form-control__size-64_sxwuj","size-72":"form-control__size-72_sxwuj"};
+const styles = {"above":"form-control__above_2x0e0","sub":"form-control__sub_2x0e0","error":"form-control__error_2x0e0","size-48":"form-control__size-48_2x0e0","inner":"form-control__inner_2x0e0","size-56":"form-control__size-56_2x0e0","size-64":"form-control__size-64_2x0e0","size-72":"form-control__size-72_2x0e0"};
 require('./desktop.css')
 
-const invertedColors = {"inner":"form-control__inner_jy9ks","hasError":"form-control__hasError_jy9ks","disabled":"form-control__disabled_jy9ks"};
+const invertedColors = {"inner":"form-control__inner_1ppm7","hasError":"form-control__hasError_1ppm7","disabled":"form-control__disabled_1ppm7"};
 require('./inverted.desktop.css')
@@ -12,0 +12,0 @@

modern/mobile/Component.mobile.js

 import React, { forwardRef } from 'react';
 import { BaseFormControl } from '../components/base-form-control/Component.js';
 
-const defaultColors = {"inner":"form-control__inner_1ab1n","disabled":"form-control__disabled_1ab1n","hasError":"form-control__hasError_1ab1n"};
+const defaultColors = {"inner":"form-control__inner_h1a85","disabled":"form-control__disabled_h1a85","hasError":"form-control__hasError_h1a85"};
 require('./default.mobile.css')
 
-const invertedColors = {"inner":"form-control__inner_1cuxa","disabled":"form-control__disabled_1cuxa","hasError":"form-control__hasError_1cuxa"};
+const invertedColors = {"inner":"form-control__inner_18ndz","disabled":"form-control__disabled_18ndz","hasError":"form-control__hasError_18ndz"};
 require('./inverted.mobile.css')
 
-const styles = {"above":"form-control__above_tg4ud","sub":"form-control__sub_tg4ud","error":"form-control__error_tg4ud","size-48":"form-control__size-48_tg4ud","inner":"form-control__inner_tg4ud","size-56":"form-control__size-56_tg4ud","size-64":"form-control__size-64_tg4ud","size-72":"form-control__size-72_tg4ud"};
+const styles = {"above":"form-control__above_fff5s","sub":"form-control__sub_fff5s","error":"form-control__error_fff5s","size-48":"form-control__size-48_fff5s","inner":"form-control__inner_fff5s","size-56":"form-control__size-56_fff5s","size-64":"form-control__size-64_fff5s","size-72":"form-control__size-72_fff5s"};
 require('./mobile.css')
@@ -12,0 +12,0 @@

modern/utils.d.ts

@@ -8,3 +8,4 @@ declare function getFormControlTestIds(dataTestId: string): {
     hint: string;
+    label: string;
 };
 export { getFormControlTestIds };

modern/utils.js

@@ -11,2 +11,3 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
         hint: getDataTestId(dataTestId, 'hint'),
+        label: getDataTestId(dataTestId, 'label'),
     };
@@ -13,0 +14,0 @@ }

package.json

 {
     "name": "@alfalab/core-components-form-control",
-    "version": "12.2.5",
+    "version": "12.2.6",
     "description": "FormControl component",
@@ -22,3 +22,5 @@ "keywords": [],
         "tslib": "^2.4.0"
-    }
+    },
+    "themesVersion": "13.0.1",
+    "varsVersion": "9.10.0"
 }

src/utils.ts

@@ -11,3 +11,4 @@ import { getDataTestId } from '@alfalab/core-components-shared';
         hint: getDataTestId(dataTestId, 'hint'),
+        label: getDataTestId(dataTestId, 'label'),
     };
 }

utils.d.ts

@@ -8,3 +8,4 @@ declare function getFormControlTestIds(dataTestId: string): {
     hint: string;
+    label: string;
 };
 export { getFormControlTestIds };

utils.js

@@ -15,2 +15,3 @@ 'use strict';
         hint: coreComponentsShared.getDataTestId(dataTestId, 'hint'),
+        label: coreComponentsShared.getDataTestId(dataTestId, 'label'),
     };
@@ -17,0 +18,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

676411

increased by3.36%

Lines of code

6533

increased by1.4%

No dependency changes