@itcase/forms 1.1.20 → 1.1.22

package/dist/itcase-forms.cjs.js

@@ -871,8 +871,10 @@ const defaultDropzoneProps = {
   hintTitle: 'Перетащите изображение или выберите файл с компьютера',
   hintTitleTextColor: 'surfaceTextPrimary',
   hintTitleTextSize: 'm',
-  removeThumbAppearance: 'dangerPrimary sizeM',
-  removeThumbShape: 'rounded',
+  removeThumbText: 'удалить',
+  removeThumbTextColor: 'errorTextPrimary',
+  removeThumbTextHoverColor: 'errorTextPrimaryHover',
+  removeThumbTextSize: 's',
   shape: 'rounded',
   showFilename: true,
   thumbBorderColor: 'surfaceBorderTertiary',
@@ -1071,7 +1073,7 @@ const FileInputDropzone = /*#__PURE__*/React__default.default.memo(function File
   }), /*#__PURE__*/React__default.default.createElement("input", Object.assign({}, getInputProps(), {
     name: inputName
   })), /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('form-dropzone__dropzone-wrapper', thumbColumn && `form-dropzone__dropzone-wrapper_column_${thumbColumn}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass)
+    className: clsx__default.default('form-dropzone__dropzone-wrapper', thumbColumn && `form-dropzone__dropzone-wrapper_column_${thumbColumn}`, fillClass, fillHoverClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderTypeClass)
   }, filesList.map((file, index) => /*#__PURE__*/React__default.default.createElement("aside", {
     className: clsx__default.default('form-dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass),
     key: file.id || `${file.name}_${index}`
@@ -2655,8 +2657,11 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     dataTestIdPrimaryButton,
     dataTourPrimaryButton,
     primaryButton,
+    primaryButtonAppearance,
     primaryButtonFill,
     primaryButtonFillHover,
+    primaryButtonIsDisabled,
+    primaryButtonIsLoading,
     primaryButtonLabel,
     primaryButtonLabelSize,
     primaryButtonLabelTextColor,
@@ -2666,8 +2671,11 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     dataTourSecondaryButton,
     onClickSecondaryButton,
     secondaryButton,
+    secondaryButtonAppearance,
     secondaryButtonFill,
     secondaryButtonFillHover,
+    secondaryButtonIsDisabled,
+    secondaryButtonIsLoading,
     secondaryButtonLabel,
     secondaryButtonLabelSize,
     secondaryButtonLabelTextColor,
@@ -2701,12 +2709,13 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
     groupGap,
     language,
     loader,
+    loaderAppearance = 'surfacePrimary sizeM ghost',
     loaderFill,
     loaderItemFill,
     loaderShape,
     loaderSize,
     loaderText,
-    loaderType,
+    loaderType = 'simple',
     mutators,
     notificationCloseButton,
     notificationType,
@@ -2793,6 +2802,7 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
       }, additionalProps[config[key].name])), isLoading && (loader || /*#__PURE__*/React__default.default.createElement(Loader.Loader, {
         className: "form__loader",
         type: loaderType,
+        appearance: loaderAppearance,
         size: loaderSize,
         fill: loaderFill,
         text: loaderText,
@@ -2809,6 +2819,7 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
         dataTour: dataTourButtons
       }, primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
         className: "form__button-item",
+        appearance: primaryButtonAppearance,
         width: "fill",
         size: primaryButtonSize,
         fill: primaryButtonFill,
@@ -2817,10 +2828,13 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
         labelTextColor: primaryButtonLabelTextColor,
         labelTextSize: primaryButtonLabelSize,
         labelTextWeight: primaryButtonLabelTextWeight,
+        isDisabled: primaryButtonIsDisabled,
         dataTestId: dataTestIdPrimaryButton,
-        dataTour: dataTourPrimaryButton
+        dataTour: dataTourPrimaryButton,
+        loading: primaryButtonIsLoading
       }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
         className: "form__button-item",
+        appearance: secondaryButtonAppearance,
         width: "fill",
         size: secondaryButtonSize,
         fill: secondaryButtonFill,
@@ -2829,8 +2843,10 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
         labelTextColor: secondaryButtonLabelTextColor,
         labelTextSize: secondaryButtonLabelSize,
         labelTextWeight: secondaryButtonLabelTextWeight,
+        isDisabled: secondaryButtonIsDisabled,
         dataTestId: dataTestIdSecondaryButton,
         dataTour: dataTourSecondaryButton,
+        loading: secondaryButtonIsLoading,
         onClick: onClickSecondaryButton
       }) : secondaryButton, tertiaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
         className: "form__button-item",

package/dist/itcase-forms.esm.js

@@ -860,8 +860,10 @@ const defaultDropzoneProps = {
   hintTitle: 'Перетащите изображение или выберите файл с компьютера',
   hintTitleTextColor: 'surfaceTextPrimary',
   hintTitleTextSize: 'm',
-  removeThumbAppearance: 'dangerPrimary sizeM',
-  removeThumbShape: 'rounded',
+  removeThumbText: 'удалить',
+  removeThumbTextColor: 'errorTextPrimary',
+  removeThumbTextHoverColor: 'errorTextPrimaryHover',
+  removeThumbTextSize: 's',
   shape: 'rounded',
   showFilename: true,
   thumbBorderColor: 'surfaceBorderTertiary',
@@ -1060,7 +1062,7 @@ const FileInputDropzone = /*#__PURE__*/React$1.memo(function FileInputDropzone(p
   }), /*#__PURE__*/React$1.createElement("input", Object.assign({}, getInputProps(), {
     name: inputName
   })), /*#__PURE__*/React$1.createElement("div", {
-    className: clsx('form-dropzone__dropzone-wrapper', thumbColumn && `form-dropzone__dropzone-wrapper_column_${thumbColumn}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass)
+    className: clsx('form-dropzone__dropzone-wrapper', thumbColumn && `form-dropzone__dropzone-wrapper_column_${thumbColumn}`, fillClass, fillHoverClass, borderWidthClass, borderColorClass, borderColorHoverClass, borderTypeClass)
   }, filesList.map((file, index) => /*#__PURE__*/React$1.createElement("aside", {
     className: clsx('form-dropzone__thumb', fillClass, thumbDirectionClass, thumbBorderWidthClass, thumbBorderColorClass, thumbBorderColorHoverClass, thumbBorderTypeClass),
     key: file.id || `${file.name}_${index}`
@@ -2644,8 +2646,11 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
     dataTestIdPrimaryButton,
     dataTourPrimaryButton,
     primaryButton,
+    primaryButtonAppearance,
     primaryButtonFill,
     primaryButtonFillHover,
+    primaryButtonIsDisabled,
+    primaryButtonIsLoading,
     primaryButtonLabel,
     primaryButtonLabelSize,
     primaryButtonLabelTextColor,
@@ -2655,8 +2660,11 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
     dataTourSecondaryButton,
     onClickSecondaryButton,
     secondaryButton,
+    secondaryButtonAppearance,
     secondaryButtonFill,
     secondaryButtonFillHover,
+    secondaryButtonIsDisabled,
+    secondaryButtonIsLoading,
     secondaryButtonLabel,
     secondaryButtonLabelSize,
     secondaryButtonLabelTextColor,
@@ -2690,12 +2698,13 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
     groupGap,
     language,
     loader,
+    loaderAppearance = 'surfacePrimary sizeM ghost',
     loaderFill,
     loaderItemFill,
     loaderShape,
     loaderSize,
     loaderText,
-    loaderType,
+    loaderType = 'simple',
     mutators,
     notificationCloseButton,
     notificationType,
@@ -2782,6 +2791,7 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
       }, additionalProps[config[key].name])), isLoading && (loader || /*#__PURE__*/React$1.createElement(Loader, {
         className: "form__loader",
         type: loaderType,
+        appearance: loaderAppearance,
         size: loaderSize,
         fill: loaderFill,
         text: loaderText,
@@ -2798,6 +2808,7 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
         dataTour: dataTourButtons
       }, primaryButtonLabel ? /*#__PURE__*/React$1.createElement(Button, {
         className: "form__button-item",
+        appearance: primaryButtonAppearance,
         width: "fill",
         size: primaryButtonSize,
         fill: primaryButtonFill,
@@ -2806,10 +2817,13 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
         labelTextColor: primaryButtonLabelTextColor,
         labelTextSize: primaryButtonLabelSize,
         labelTextWeight: primaryButtonLabelTextWeight,
+        isDisabled: primaryButtonIsDisabled,
         dataTestId: dataTestIdPrimaryButton,
-        dataTour: dataTourPrimaryButton
+        dataTour: dataTourPrimaryButton,
+        loading: primaryButtonIsLoading
       }) : primaryButton, secondaryButtonLabel ? /*#__PURE__*/React$1.createElement(Button, {
         className: "form__button-item",
+        appearance: secondaryButtonAppearance,
         width: "fill",
         size: secondaryButtonSize,
         fill: secondaryButtonFill,
@@ -2818,8 +2832,10 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
         labelTextColor: secondaryButtonLabelTextColor,
         labelTextSize: secondaryButtonLabelSize,
         labelTextWeight: secondaryButtonLabelTextWeight,
+        isDisabled: secondaryButtonIsDisabled,
         dataTestId: dataTestIdSecondaryButton,
         dataTour: dataTourSecondaryButton,
+        loading: secondaryButtonIsLoading,
         onClick: onClickSecondaryButton
       }) : secondaryButton, tertiaryButtonLabel ? /*#__PURE__*/React$1.createElement(Button, {
         className: "form__button-item",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",
@@ -33,19 +33,19 @@
   },
   "dependencies": {
     "@itcase/common": "^1.2.28",
-    "@itcase/config": "^1.0.48",
-    "@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.39",
+    "@itcase/config": "^1.0.54",
+    "@itcase/icons": "^1.2.16",
+    "@itcase/storybook-config": "^1.1.53",
+    "@itcase/tokens-am": "^1.1.19",
+    "@itcase/tokens-baikal": "^1.1.17",
+    "@itcase/ui": "^1.8.62",
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
     "final-form": "4.20.10",
     "final-form-focus": "1.1.2",
-    "libphonenumber-js": "^1.12.9",
+    "libphonenumber-js": "^1.12.10",
     "lodash": "^4.17.21",
-    "luxon": "^3.6.1",
+    "luxon": "^3.7.1",
     "react": "^18.3.1",
     "react-date-range": "^2.0.1",
     "react-datepicker": "^8.4.0",
@@ -53,10 +53,10 @@
     "react-dropzone": "^14.3.8",
     "react-final-form": "6.5.9",
     "react-imask": "^7.6.1",
-    "react-select": "^5.10.1"
+    "react-select": "^5.10.2"
   },
   "devDependencies": {
-    "@itcase/lint": "^1.1.19",
+    "@itcase/lint": "^1.1.26",
     "@babel/core": "^7.28.0",
     "@babel/eslint-parser": "^7.28.0",
     "@babel/preset-env": "^7.28.0",
@@ -75,16 +75,16 @@
     "@types/react-dom": "^18.3.1",
     "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.30.1",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
+    "eslint": "9.31.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.1.2",
     "postcss": "^8.5.6",
     "prettier": "3.6.2",
-    "rollup": "^4.44.1",
+    "rollup": "^4.45.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^24.2.6",
-    "stylelint": "^16.21.1",
+    "semantic-release": "^24.2.7",
+    "stylelint": "^16.22.0",
     "typescript": "^5.8.3",
     "yup": "^1.6.1"
   }