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

Comparing version 12.3.0 to 12.4.0

components/base-form-control/Component.js

@@ -15,9 +15,9 @@ 'use strict';
 
-var defaultColors = {"component":"form-control__component_1hafd","label":"form-control__label_1hafd","hint":"form-control__hint_1hafd","inner":"form-control__inner_1hafd","disabled":"form-control__disabled_1hafd","hasError":"form-control__hasError_1hafd","focused":"form-control__focused_1hafd","error":"form-control__error_1hafd"};
+var defaultColors = {"component":"form-control__component_52t00","label":"form-control__label_52t00","hint":"form-control__hint_52t00","inner":"form-control__inner_52t00","disabled":"form-control__disabled_52t00","hasError":"form-control__hasError_52t00","focused":"form-control__focused_52t00","error":"form-control__error_52t00"};
 require('./default.css')
 
-var commonStyles = {"component":"form-control__component_hi0y6","inner":"form-control__inner_hi0y6","inputWrapper":"form-control__inputWrapper_hi0y6","input":"form-control__input_hi0y6","label":"form-control__label_hi0y6","labelInner":"form-control__labelInner_hi0y6","addons":"form-control__addons_hi0y6","leftAddons":"form-control__leftAddons_hi0y6","rightAddons":"form-control__rightAddons_hi0y6","sub":"form-control__sub_hi0y6","above":"form-control__above_hi0y6","block":"form-control__block_hi0y6","size-48":"form-control__size-48_hi0y6","hasInnerLabel":"form-control__hasInnerLabel_hi0y6","size-56":"form-control__size-56_hi0y6","size-64":"form-control__size-64_hi0y6","size-72":"form-control__size-72_hi0y6","hasLeftAddons":"form-control__hasLeftAddons_hi0y6","hasRightAddons":"form-control__hasRightAddons_hi0y6","disabled":"form-control__disabled_hi0y6","focused":"form-control__focused_hi0y6","hasError":"form-control__hasError_hi0y6","filled":"form-control__filled_hi0y6","hiddenLabel":"form-control__hiddenLabel_hi0y6"};
+var commonStyles = {"component":"form-control__component_1hpgj","inner":"form-control__inner_1hpgj","inputWrapper":"form-control__inputWrapper_1hpgj","input":"form-control__input_1hpgj","label":"form-control__label_1hpgj","labelInner":"form-control__labelInner_1hpgj","addons":"form-control__addons_1hpgj","leftAddons":"form-control__leftAddons_1hpgj","rightAddons":"form-control__rightAddons_1hpgj","sub":"form-control__sub_1hpgj","above":"form-control__above_1hpgj","block":"form-control__block_1hpgj","size-48":"form-control__size-48_1hpgj","hasInnerLabel":"form-control__hasInnerLabel_1hpgj","size-56":"form-control__size-56_1hpgj","size-64":"form-control__size-64_1hpgj","size-72":"form-control__size-72_1hpgj","hasLeftAddons":"form-control__hasLeftAddons_1hpgj","hasRightAddons":"form-control__hasRightAddons_1hpgj","disabled":"form-control__disabled_1hpgj","focused":"form-control__focused_1hpgj","hasError":"form-control__hasError_1hpgj","filled":"form-control__filled_1hpgj","hiddenLabel":"form-control__hiddenLabel_1hpgj"};
 require('./index.css')
 
-var invertedColors = {"component":"form-control__component_1ha36","label":"form-control__label_1ha36","hint":"form-control__hint_1ha36","inner":"form-control__inner_1ha36","disabled":"form-control__disabled_1ha36","hasError":"form-control__hasError_1ha36","focused":"form-control__focused_1ha36","error":"form-control__error_1ha36"};
+var invertedColors = {"component":"form-control__component_52gt7","label":"form-control__label_52gt7","hint":"form-control__hint_52gt7","inner":"form-control__inner_52gt7","disabled":"form-control__disabled_52gt7","hasError":"form-control__hasError_52gt7","focused":"form-control__focused_52gt7","error":"form-control__error_52gt7"};
 require('./inverted.css')
@@ -57,2 +57,3 @@
                 _c[colorCommonStyles[colors].focused] = focused,
+                _c[colorStyles[colors].focused] = focused,
                 _c[commonStyles.hasError] = error,
@@ -59,0 +60,0 @@ _c[colorCommonStyles[colors].hasError] = error,

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

@@ -53,2 +53,3 @@ 'use strict';
                 _c[colorCommonStyles[colors].focused] = focused,
+                _c[colorStyles[colors].focused] = focused,
                 _c[commonStyles__default.default.hasError] = error,
@@ -55,0 +56,0 @@ _c[colorCommonStyles[colors].hasError] = error,

desktop/Component.desktop.js

@@ -13,9 +13,9 @@ 'use strict';
 
-var defaultColors = {"inner":"form-control__inner_1qbai","hasError":"form-control__hasError_1qbai","disabled":"form-control__disabled_1qbai"};
+var defaultColors = {"inner":"form-control__inner_rhm1u","focused":"form-control__focused_rhm1u","hasError":"form-control__hasError_rhm1u","disabled":"form-control__disabled_rhm1u"};
 require('./default.desktop.css')
 
-var styles = {"above":"form-control__above_9zldn","sub":"form-control__sub_9zldn","error":"form-control__error_9zldn","size-48":"form-control__size-48_9zldn","inner":"form-control__inner_9zldn","size-56":"form-control__size-56_9zldn","size-64":"form-control__size-64_9zldn","size-72":"form-control__size-72_9zldn"};
+var styles = {"above":"form-control__above_18t9t","sub":"form-control__sub_18t9t","error":"form-control__error_18t9t","size-48":"form-control__size-48_18t9t","inner":"form-control__inner_18t9t","size-56":"form-control__size-56_18t9t","size-64":"form-control__size-64_18t9t","size-72":"form-control__size-72_18t9t"};
 require('./desktop.css')
 
-var invertedColors = {"inner":"form-control__inner_42fzy","hasError":"form-control__hasError_42fzy","disabled":"form-control__disabled_42fzy"};
+var invertedColors = {"inner":"form-control__inner_1ga2d","hasError":"form-control__hasError_1ga2d","disabled":"form-control__disabled_1ga2d"};
 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_1hafd","label":"form-control__label_1hafd","hint":"form-control__hint_1hafd","inner":"form-control__inner_1hafd","disabled":"form-control__disabled_1hafd","hasError":"form-control__hasError_1hafd","focused":"form-control__focused_1hafd","error":"form-control__error_1hafd"};
+var defaultColors = {"component":"form-control__component_52t00","label":"form-control__label_52t00","hint":"form-control__hint_52t00","inner":"form-control__inner_52t00","disabled":"form-control__disabled_52t00","hasError":"form-control__hasError_52t00","focused":"form-control__focused_52t00","error":"form-control__error_52t00"};
 require('./default.css')
 
-var commonStyles = {"component":"form-control__component_hi0y6","inner":"form-control__inner_hi0y6","inputWrapper":"form-control__inputWrapper_hi0y6","input":"form-control__input_hi0y6","label":"form-control__label_hi0y6","labelInner":"form-control__labelInner_hi0y6","addons":"form-control__addons_hi0y6","leftAddons":"form-control__leftAddons_hi0y6","rightAddons":"form-control__rightAddons_hi0y6","sub":"form-control__sub_hi0y6","above":"form-control__above_hi0y6","block":"form-control__block_hi0y6","size-48":"form-control__size-48_hi0y6","hasInnerLabel":"form-control__hasInnerLabel_hi0y6","size-56":"form-control__size-56_hi0y6","size-64":"form-control__size-64_hi0y6","size-72":"form-control__size-72_hi0y6","hasLeftAddons":"form-control__hasLeftAddons_hi0y6","hasRightAddons":"form-control__hasRightAddons_hi0y6","disabled":"form-control__disabled_hi0y6","focused":"form-control__focused_hi0y6","hasError":"form-control__hasError_hi0y6","filled":"form-control__filled_hi0y6","hiddenLabel":"form-control__hiddenLabel_hi0y6"};
+var commonStyles = {"component":"form-control__component_1hpgj","inner":"form-control__inner_1hpgj","inputWrapper":"form-control__inputWrapper_1hpgj","input":"form-control__input_1hpgj","label":"form-control__label_1hpgj","labelInner":"form-control__labelInner_1hpgj","addons":"form-control__addons_1hpgj","leftAddons":"form-control__leftAddons_1hpgj","rightAddons":"form-control__rightAddons_1hpgj","sub":"form-control__sub_1hpgj","above":"form-control__above_1hpgj","block":"form-control__block_1hpgj","size-48":"form-control__size-48_1hpgj","hasInnerLabel":"form-control__hasInnerLabel_1hpgj","size-56":"form-control__size-56_1hpgj","size-64":"form-control__size-64_1hpgj","size-72":"form-control__size-72_1hpgj","hasLeftAddons":"form-control__hasLeftAddons_1hpgj","hasRightAddons":"form-control__hasRightAddons_1hpgj","disabled":"form-control__disabled_1hpgj","focused":"form-control__focused_1hpgj","hasError":"form-control__hasError_1hpgj","filled":"form-control__filled_1hpgj","hiddenLabel":"form-control__hiddenLabel_1hpgj"};
 require('./index.css')
 
-var invertedColors = {"component":"form-control__component_1ha36","label":"form-control__label_1ha36","hint":"form-control__hint_1ha36","inner":"form-control__inner_1ha36","disabled":"form-control__disabled_1ha36","hasError":"form-control__hasError_1ha36","focused":"form-control__focused_1ha36","error":"form-control__error_1ha36"};
+var invertedColors = {"component":"form-control__component_52gt7","label":"form-control__label_52gt7","hint":"form-control__hint_52gt7","inner":"form-control__inner_52gt7","disabled":"form-control__disabled_52gt7","hasError":"form-control__hasError_52gt7","focused":"form-control__focused_52gt7","error":"form-control__error_52gt7"};
 require('./inverted.css')
@@ -48,2 +48,3 @@
                 _c[colorCommonStyles[colors].focused] = focused,
+                _c[colorStyles[colors].focused] = focused,
                 _c[commonStyles.hasError] = error,
@@ -50,0 +51,0 @@ _c[colorCommonStyles[colors].hasError] = error,

esm/desktop/Component.desktop.js

@@ -5,9 +5,9 @@ import { __assign } from 'tslib';
 
-var defaultColors = {"inner":"form-control__inner_1qbai","hasError":"form-control__hasError_1qbai","disabled":"form-control__disabled_1qbai"};
+var defaultColors = {"inner":"form-control__inner_rhm1u","focused":"form-control__focused_rhm1u","hasError":"form-control__hasError_rhm1u","disabled":"form-control__disabled_rhm1u"};
 require('./default.desktop.css')
 
-var styles = {"above":"form-control__above_9zldn","sub":"form-control__sub_9zldn","error":"form-control__error_9zldn","size-48":"form-control__size-48_9zldn","inner":"form-control__inner_9zldn","size-56":"form-control__size-56_9zldn","size-64":"form-control__size-64_9zldn","size-72":"form-control__size-72_9zldn"};
+var styles = {"above":"form-control__above_18t9t","sub":"form-control__sub_18t9t","error":"form-control__error_18t9t","size-48":"form-control__size-48_18t9t","inner":"form-control__inner_18t9t","size-56":"form-control__size-56_18t9t","size-64":"form-control__size-64_18t9t","size-72":"form-control__size-72_18t9t"};
 require('./desktop.css')
 
-var invertedColors = {"inner":"form-control__inner_42fzy","hasError":"form-control__hasError_42fzy","disabled":"form-control__disabled_42fzy"};
+var invertedColors = {"inner":"form-control__inner_1ga2d","hasError":"form-control__hasError_1ga2d","disabled":"form-control__disabled_1ga2d"};
 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_tmio6","disabled":"form-control__disabled_tmio6","hasError":"form-control__hasError_tmio6"};
+var defaultColors = {"inner":"form-control__inner_6t0zr","disabled":"form-control__disabled_6t0zr","hasError":"form-control__hasError_6t0zr"};
 require('./default.mobile.css')
 
-var invertedColors = {"inner":"form-control__inner_1dpuy","disabled":"form-control__disabled_1dpuy","hasError":"form-control__hasError_1dpuy"};
+var invertedColors = {"inner":"form-control__inner_ew6ht","disabled":"form-control__disabled_ew6ht","hasError":"form-control__hasError_ew6ht"};
 require('./inverted.mobile.css')
 
-var styles = {"above":"form-control__above_80auu","sub":"form-control__sub_80auu","error":"form-control__error_80auu","size-48":"form-control__size-48_80auu","inner":"form-control__inner_80auu","size-56":"form-control__size-56_80auu","size-64":"form-control__size-64_80auu","size-72":"form-control__size-72_80auu"};
+var styles = {"above":"form-control__above_pnpy4","sub":"form-control__sub_pnpy4","error":"form-control__error_pnpy4","size-48":"form-control__size-48_pnpy4","inner":"form-control__inner_pnpy4","size-56":"form-control__size-56_pnpy4","size-64":"form-control__size-64_pnpy4","size-72":"form-control__size-72_pnpy4"};
 require('./mobile.css')
@@ -14,0 +14,0 @@

mobile/Component.mobile.js

@@ -13,9 +13,9 @@ 'use strict';
 
-var defaultColors = {"inner":"form-control__inner_tmio6","disabled":"form-control__disabled_tmio6","hasError":"form-control__hasError_tmio6"};
+var defaultColors = {"inner":"form-control__inner_6t0zr","disabled":"form-control__disabled_6t0zr","hasError":"form-control__hasError_6t0zr"};
 require('./default.mobile.css')
 
-var invertedColors = {"inner":"form-control__inner_1dpuy","disabled":"form-control__disabled_1dpuy","hasError":"form-control__hasError_1dpuy"};
+var invertedColors = {"inner":"form-control__inner_ew6ht","disabled":"form-control__disabled_ew6ht","hasError":"form-control__hasError_ew6ht"};
 require('./inverted.mobile.css')
 
-var styles = {"above":"form-control__above_80auu","sub":"form-control__sub_80auu","error":"form-control__error_80auu","size-48":"form-control__size-48_80auu","inner":"form-control__inner_80auu","size-56":"form-control__size-56_80auu","size-64":"form-control__size-64_80auu","size-72":"form-control__size-72_80auu"};
+var styles = {"above":"form-control__above_pnpy4","sub":"form-control__sub_pnpy4","error":"form-control__error_pnpy4","size-48":"form-control__size-48_pnpy4","inner":"form-control__inner_pnpy4","size-56":"form-control__size-56_pnpy4","size-64":"form-control__size-64_pnpy4","size-72":"form-control__size-72_pnpy4"};
 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_1hafd","label":"form-control__label_1hafd","hint":"form-control__hint_1hafd","inner":"form-control__inner_1hafd","disabled":"form-control__disabled_1hafd","hasError":"form-control__hasError_1hafd","focused":"form-control__focused_1hafd","error":"form-control__error_1hafd"};
+const defaultColors = {"component":"form-control__component_52t00","label":"form-control__label_52t00","hint":"form-control__hint_52t00","inner":"form-control__inner_52t00","disabled":"form-control__disabled_52t00","hasError":"form-control__hasError_52t00","focused":"form-control__focused_52t00","error":"form-control__error_52t00"};
 require('./default.css')
 
-const commonStyles = {"component":"form-control__component_hi0y6","inner":"form-control__inner_hi0y6","inputWrapper":"form-control__inputWrapper_hi0y6","input":"form-control__input_hi0y6","label":"form-control__label_hi0y6","labelInner":"form-control__labelInner_hi0y6","addons":"form-control__addons_hi0y6","leftAddons":"form-control__leftAddons_hi0y6","rightAddons":"form-control__rightAddons_hi0y6","sub":"form-control__sub_hi0y6","above":"form-control__above_hi0y6","block":"form-control__block_hi0y6","size-48":"form-control__size-48_hi0y6","hasInnerLabel":"form-control__hasInnerLabel_hi0y6","size-56":"form-control__size-56_hi0y6","size-64":"form-control__size-64_hi0y6","size-72":"form-control__size-72_hi0y6","hasLeftAddons":"form-control__hasLeftAddons_hi0y6","hasRightAddons":"form-control__hasRightAddons_hi0y6","disabled":"form-control__disabled_hi0y6","focused":"form-control__focused_hi0y6","hasError":"form-control__hasError_hi0y6","filled":"form-control__filled_hi0y6","hiddenLabel":"form-control__hiddenLabel_hi0y6"};
+const commonStyles = {"component":"form-control__component_1hpgj","inner":"form-control__inner_1hpgj","inputWrapper":"form-control__inputWrapper_1hpgj","input":"form-control__input_1hpgj","label":"form-control__label_1hpgj","labelInner":"form-control__labelInner_1hpgj","addons":"form-control__addons_1hpgj","leftAddons":"form-control__leftAddons_1hpgj","rightAddons":"form-control__rightAddons_1hpgj","sub":"form-control__sub_1hpgj","above":"form-control__above_1hpgj","block":"form-control__block_1hpgj","size-48":"form-control__size-48_1hpgj","hasInnerLabel":"form-control__hasInnerLabel_1hpgj","size-56":"form-control__size-56_1hpgj","size-64":"form-control__size-64_1hpgj","size-72":"form-control__size-72_1hpgj","hasLeftAddons":"form-control__hasLeftAddons_1hpgj","hasRightAddons":"form-control__hasRightAddons_1hpgj","disabled":"form-control__disabled_1hpgj","focused":"form-control__focused_1hpgj","hasError":"form-control__hasError_1hpgj","filled":"form-control__filled_1hpgj","hiddenLabel":"form-control__hiddenLabel_1hpgj"};
 require('./index.css')
 
-const invertedColors = {"component":"form-control__component_1ha36","label":"form-control__label_1ha36","hint":"form-control__hint_1ha36","inner":"form-control__inner_1ha36","disabled":"form-control__disabled_1ha36","hasError":"form-control__hasError_1ha36","focused":"form-control__focused_1ha36","error":"form-control__error_1ha36"};
+const invertedColors = {"component":"form-control__component_52gt7","label":"form-control__label_52gt7","hint":"form-control__hint_52gt7","inner":"form-control__inner_52gt7","disabled":"form-control__disabled_52gt7","hasError":"form-control__hasError_52gt7","focused":"form-control__focused_52gt7","error":"form-control__error_52gt7"};
 require('./inverted.css')
@@ -45,2 +45,3 @@
                 [colorCommonStyles[colors].focused]: focused,
+                [colorStyles[colors].focused]: focused,
                 [commonStyles.hasError]: error,
@@ -47,0 +48,0 @@ [colorCommonStyles[colors].hasError]: error,

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_1qbai","hasError":"form-control__hasError_1qbai","disabled":"form-control__disabled_1qbai"};
+const defaultColors = {"inner":"form-control__inner_rhm1u","focused":"form-control__focused_rhm1u","hasError":"form-control__hasError_rhm1u","disabled":"form-control__disabled_rhm1u"};
 require('./default.desktop.css')
 
-const styles = {"above":"form-control__above_9zldn","sub":"form-control__sub_9zldn","error":"form-control__error_9zldn","size-48":"form-control__size-48_9zldn","inner":"form-control__inner_9zldn","size-56":"form-control__size-56_9zldn","size-64":"form-control__size-64_9zldn","size-72":"form-control__size-72_9zldn"};
+const styles = {"above":"form-control__above_18t9t","sub":"form-control__sub_18t9t","error":"form-control__error_18t9t","size-48":"form-control__size-48_18t9t","inner":"form-control__inner_18t9t","size-56":"form-control__size-56_18t9t","size-64":"form-control__size-64_18t9t","size-72":"form-control__size-72_18t9t"};
 require('./desktop.css')
 
-const invertedColors = {"inner":"form-control__inner_42fzy","hasError":"form-control__hasError_42fzy","disabled":"form-control__disabled_42fzy"};
+const invertedColors = {"inner":"form-control__inner_1ga2d","hasError":"form-control__hasError_1ga2d","disabled":"form-control__disabled_1ga2d"};
 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_tmio6","disabled":"form-control__disabled_tmio6","hasError":"form-control__hasError_tmio6"};
+const defaultColors = {"inner":"form-control__inner_6t0zr","disabled":"form-control__disabled_6t0zr","hasError":"form-control__hasError_6t0zr"};
 require('./default.mobile.css')
 
-const invertedColors = {"inner":"form-control__inner_1dpuy","disabled":"form-control__disabled_1dpuy","hasError":"form-control__hasError_1dpuy"};
+const invertedColors = {"inner":"form-control__inner_ew6ht","disabled":"form-control__disabled_ew6ht","hasError":"form-control__hasError_ew6ht"};
 require('./inverted.mobile.css')
 
-const styles = {"above":"form-control__above_80auu","sub":"form-control__sub_80auu","error":"form-control__error_80auu","size-48":"form-control__size-48_80auu","inner":"form-control__inner_80auu","size-56":"form-control__size-56_80auu","size-64":"form-control__size-64_80auu","size-72":"form-control__size-72_80auu"};
+const styles = {"above":"form-control__above_pnpy4","sub":"form-control__sub_pnpy4","error":"form-control__error_pnpy4","size-48":"form-control__size-48_pnpy4","inner":"form-control__inner_pnpy4","size-56":"form-control__size-56_pnpy4","size-64":"form-control__size-64_pnpy4","size-72":"form-control__size-72_pnpy4"};
 require('./mobile.css')
@@ -12,0 +12,0 @@

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

@@ -38,2 +38,3 @@ import React from 'react';
                 [colorCommonStyles[colors].focused]: focused,
+                [colorStyles[colors].focused]: focused,
                 [commonStyles.hasError]: error,
@@ -40,0 +41,0 @@ [colorCommonStyles[colors].hasError]: error,

package.json

 {
     "name": "@alfalab/core-components-form-control",
-    "version": "12.3.0",
+    "version": "12.4.0",
     "description": "FormControl component",
@@ -19,8 +19,8 @@ "keywords": [],
         "@alfalab/core-components-mq": "^4.3.0",
-        "@alfalab/core-components-shared": "^0.12.0",
+        "@alfalab/core-components-shared": "^0.12.1",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.1.0",
-    "varsVersion": "9.12.0"
+    "themesVersion": "13.2.0",
+    "varsVersion": "9.13.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

722713

increased by0.73%

Lines of code

7683

increased by1.32%

Dependency changes

• Updated@alfalab/core-components-shared@^0.12.1