@itcase/forms 1.1.17 → 1.1.19

package/dist/css/form/Form/Form.css

@@ -97,16 +97,14 @@
   }
 }
 .form-notification {
-  &_type {
-    &_sticky {
-      position: sticky;
-      left: 0;
-      top: 20px;
-      z-index: 100;
-    }
-    &_global {
-      margin: 0 0 16px 0;
-    }
+  &_sticky {
+    position: sticky;
+    left: 0;
+    top: 20px;
+    z-index: 100;
+  }
+  &_global {
+    margin: 0 0 16px 0;
   }
   &__item {
     text-align: center;

package/dist/css/form/Form/css/form-notification/form-notification.css

@@ -1,18 +1,15 @@
 .form-notification {
-  &_type {
-    &_sticky {
-      position: sticky;
-      left: 0;
-      top: 20px;
-      z-index: 100;
-    }
-    &_global {
-      margin: 0 0 16px 0;
-    }
+  &_sticky {
+    position: sticky;
+    left: 0;
+    top: 20px;
+    z-index: 100;
+  }
+  &_global {
+    margin: 0 0 16px 0;
   }
   &__item {
     text-align: center;
     border-radius: 12px;
   }
 }
-

package/dist/itcase-forms.cjs.js

@@ -1546,10 +1546,10 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       }
     }, [onChange, input.onChange]);
     const {
-      isErrorState,
-      isValidState,
       errorKey,
-      errorMessage
+      errorMessage,
+      isErrorState,
+      isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
       input: input,
@@ -1559,6 +1559,7 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : 'success'
     });
+    const isIconRevealableString = typeof iconRevealableHide === 'string' && typeof iconRevealableShow === 'string';
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_type_input', 'form__item_type_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1589,18 +1590,18 @@ const InputField = /*#__PURE__*/React__default.default.memo(function InputField(
       size: iconSize,
       iconFill: iconFill,
       iconFillHover: iconFillHover,
-      imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow,
+      imageSrc: isRevealed && isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       shape: iconShape,
-      SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow,
+      SvgImage: isRevealed && !isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       onClick: onClickIconReveal
     }), clearIcon && /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
       className: "form-field__icon",
       size: clearIconSize,
       iconFill: clearIconFill,
       iconFillHover: clearIconFillHover,
-      imageSrc: clearIcon,
+      imageSrc: typeof clearIcon === 'string' && clearIcon,
       shape: clearIconShape,
-      SvgImage: clearIcon,
+      SvgImage: typeof clearIcon !== 'string' && clearIcon,
       onClick: onClickClearIcon
     }));
   });
@@ -2764,14 +2765,14 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
         textColor: descTextColor,
         textWeight: descTextWeight
       }, desc), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React__default.default.createElement("div", {
-        className: clsx__default.default('notification', 'form-notification', notificationType ? `form-notification_type_${notificationType}` : 'form-notification_type_global')
+        className: clsx__default.default('notification', 'form-notification', notificationType ? `form-notification_${notificationType}` : 'form-notification_global')
       }, /*#__PURE__*/React__default.default.createElement(Notification.Notification, {
         className: "form-notification__item",
+        appearance: "errorPrimary",
         title: form.getState().submitError,
         titleTextSize: "h6",
         status: "error",
-        closeButton: notificationCloseButton,
-        set: "form"
+        closeButton: notificationCloseButton
       })), onChangeFormValues && /*#__PURE__*/React__default.default.createElement(reactFinalForm.FormSpy, {
         subscription: {
           values: true

package/dist/itcase-forms.esm.js

@@ -1535,10 +1535,10 @@ const InputField = /*#__PURE__*/React$1.memo(function InputField(props) {
       }
     }, [onChange, input.onChange]);
     const {
-      isErrorState,
-      isValidState,
       errorKey,
-      errorMessage
+      errorMessage,
+      isErrorState,
+      isValidState
     } = useFieldValidationState({
       fieldProps: fieldProps,
       input: input,
@@ -1548,6 +1548,7 @@ const InputField = /*#__PURE__*/React$1.memo(function InputField(props) {
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : 'success'
     });
+    const isIconRevealableString = typeof iconRevealableHide === 'string' && typeof iconRevealableShow === 'string';
     return /*#__PURE__*/React$1.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_type_input', 'form__item_type_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1578,18 +1579,18 @@ const InputField = /*#__PURE__*/React$1.memo(function InputField(props) {
       size: iconSize,
       iconFill: iconFill,
       iconFillHover: iconFillHover,
-      imageSrc: isRevealed ? iconRevealableHide : iconRevealableShow,
+      imageSrc: isRevealed && isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       shape: iconShape,
-      SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow,
+      SvgImage: isRevealed && !isIconRevealableString ? iconRevealableHide : iconRevealableShow,
       onClick: onClickIconReveal
     }), clearIcon && /*#__PURE__*/React$1.createElement(Icon, {
       className: "form-field__icon",
       size: clearIconSize,
       iconFill: clearIconFill,
       iconFillHover: clearIconFillHover,
-      imageSrc: clearIcon,
+      imageSrc: typeof clearIcon === 'string' && clearIcon,
       shape: clearIconShape,
-      SvgImage: clearIcon,
+      SvgImage: typeof clearIcon !== 'string' && clearIcon,
       onClick: onClickClearIcon
     }));
   });
@@ -2753,14 +2754,14 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
         textColor: descTextColor,
         textWeight: descTextWeight
       }, desc), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React$1.createElement("div", {
-        className: clsx('notification', 'form-notification', notificationType ? `form-notification_type_${notificationType}` : 'form-notification_type_global')
+        className: clsx('notification', 'form-notification', notificationType ? `form-notification_${notificationType}` : 'form-notification_global')
       }, /*#__PURE__*/React$1.createElement(Notification, {
         className: "form-notification__item",
+        appearance: "errorPrimary",
         title: form.getState().submitError,
         titleTextSize: "h6",
         status: "error",
-        closeButton: notificationCloseButton,
-        set: "form"
+        closeButton: notificationCloseButton
       })), onChangeFormValues && /*#__PURE__*/React$1.createElement(FormSpy, {
         subscription: {
           values: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -34,11 +34,11 @@
   "dependencies": {
     "@itcase/common": "^1.2.28",
     "@itcase/config": "^1.0.48",
-    "@itcase/icons": "^1.1.6",
+    "@itcase/icons": "^1.2.6",
     "@itcase/storybook-config": "^1.1.14",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
-    "@itcase/ui": "^1.8.32",
+    "@itcase/ui": "^1.8.39",
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
     "final-form": "4.20.10",
@@ -56,10 +56,10 @@
     "react-select": "^5.10.1"
   },
   "devDependencies": {
-    "@itcase/lint": "^1.1.18",
-    "@babel/core": "^7.27.4",
-    "@babel/eslint-parser": "^7.27.5",
-    "@babel/preset-env": "^7.27.2",
+    "@itcase/lint": "^1.1.19",
+    "@babel/core": "^7.28.0",
+    "@babel/eslint-parser": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
@@ -76,15 +76,15 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^9.0.0",
-    "eslint": "9.29.0",
+    "eslint": "9.30.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.2",
     "postcss": "^8.5.6",
-    "prettier": "3.5.3",
-    "rollup": "^4.44.0",
+    "prettier": "3.6.2",
+    "rollup": "^4.44.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^24.2.5",
-    "stylelint": "^16.21.0",
+    "semantic-release": "^24.2.6",
+    "stylelint": "^16.21.1",
     "typescript": "^5.8.3",
     "yup": "^1.6.1"
   }