@itcase/forms 1.1.16 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/css/form/Form/Form.css +8 -10
  2. package/dist/css/form/Form/css/form-notification/form-notification.css +8 -11
  3. package/dist/itcase-forms.cjs.js +12 -12
  4. package/dist/itcase-forms.esm.js +13 -13
  5. package/package.json +6 -6
package/dist/css/form/Form/Form.css CHANGED
@@ -97,16 +97,14 @@
97
97
  }
98
98
  }
99
99
  .form-notification {
100
- &_type {
101
- &_sticky {
102
- position: sticky;
103
- left: 0;
104
- top: 20px;
105
- z-index: 100;
106
- }
107
- &_global {
108
- margin: 0 0 16px 0;
109
- }
100
+ &_sticky {
101
+ position: sticky;
102
+ left: 0;
103
+ top: 20px;
104
+ z-index: 100;
105
+ }
106
+ &_global {
107
+ margin: 0 0 16px 0;
110
108
  }
111
109
  &__item {
112
110
  text-align: center;
package/dist/css/form/Form/css/form-notification/form-notification.css CHANGED
@@ -1,18 +1,15 @@
1
1
  .form-notification {
2
- &_type {
3
- &_sticky {
4
- position: sticky;
5
- left: 0;
6
- top: 20px;
7
- z-index: 100;
8
- }
9
- &_global {
10
- margin: 0 0 16px 0;
11
- }
2
+ &_sticky {
3
+ position: sticky;
4
+ left: 0;
5
+ top: 20px;
6
+ z-index: 100;
7
+ }
8
+ &_global {
9
+ margin: 0 0 16px 0;
12
10
  }
13
11
  &__item {
14
12
  text-align: center;
15
13
  border-radius: 12px;
16
14
  }
17
15
  }
18
-
package/dist/itcase-forms.cjs.js CHANGED
@@ -2646,6 +2646,8 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
2646
2646
  descSize,
2647
2647
  descTextColor,
2648
2648
  descTextWeight,
2649
+ dataTestIdPrimaryButton,
2650
+ dataTourPrimaryButton,
2649
2651
  primaryButton,
2650
2652
  primaryButtonFill,
2651
2653
  primaryButtonFillHover,
@@ -2654,6 +2656,9 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
2654
2656
  primaryButtonLabelTextColor,
2655
2657
  primaryButtonLabelTextWeight,
2656
2658
  primaryButtonSize,
2659
+ dataTestIdSecondaryButton,
2660
+ dataTourSecondaryButton,
2661
+ onClickSecondaryButton,
2657
2662
  secondaryButton,
2658
2663
  secondaryButtonFill,
2659
2664
  secondaryButtonFillHover,
@@ -2662,6 +2667,9 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
2662
2667
  secondaryButtonLabelTextColor,
2663
2668
  secondaryButtonLabelTextWeight,
2664
2669
  secondaryButtonSize,
2670
+ dataTestIdTertiaryButton,
2671
+ dataTourTertiaryButton,
2672
+ onClickTertiaryButton,
2665
2673
  tertiaryButton,
2666
2674
  tertiaryButtonFill,
2667
2675
  tertiaryButtonFillHover,
@@ -2670,14 +2678,6 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
2670
2678
  tertiaryButtonLabelTextColor,
2671
2679
  tertiaryButtonLabelTextWeight,
2672
2680
  tertiaryButtonSize,
2673
- dataTestIdPrimaryButton,
2674
- dataTourPrimaryButton,
2675
- dataTestIdSecondaryButton,
2676
- dataTourSecondaryButton,
2677
- onClickSecondaryButton,
2678
- dataTestIdTertiaryButton,
2679
- dataTourTertiaryButton,
2680
- onClickTertiaryButton,
2681
2681
  additionalProps = {},
2682
2682
  buttonDirection = 'vertical',
2683
2683
  buttonFill,
@@ -2764,14 +2764,14 @@ const FinalForm = /*#__PURE__*/React__default.default.forwardRef(function FinalF
2764
2764
  textColor: descTextColor,
2765
2765
  textWeight: descTextWeight
2766
2766
  }, desc), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React__default.default.createElement("div", {
2767
- className: clsx__default.default('notification', 'form-notification', notificationType ? `form-notification_type_${notificationType}` : 'form-notification_type_global')
2768
- }, /*#__PURE__*/React__default.default.createElement(Notification.NotificationItem, {
2767
+ className: clsx__default.default('notification', 'form-notification', notificationType ? `form-notification_${notificationType}` : 'form-notification_global')
2768
+ }, /*#__PURE__*/React__default.default.createElement(Notification.Notification, {
2769
2769
  className: "form-notification__item",
2770
+ appearance: "errorPrimary",
2770
2771
  title: form.getState().submitError,
2771
2772
  titleTextSize: "h6",
2772
2773
  status: "error",
2773
- closeButton: notificationCloseButton,
2774
- set: "form"
2774
+ closeButton: notificationCloseButton
2775
2775
  })), onChangeFormValues && /*#__PURE__*/React__default.default.createElement(reactFinalForm.FormSpy, {
2776
2776
  subscription: {
2777
2777
  values: true
package/dist/itcase-forms.esm.js CHANGED
@@ -33,7 +33,7 @@ import { Switch } from '@itcase/ui/components/Switch';
33
33
  import { Textarea } from '@itcase/ui/components/Textarea';
34
34
  import { useIMask } from 'react-imask';
35
35
  import { Chips } from '@itcase/ui/components/Chips';
36
- import { NotificationItem } from '@itcase/ui/components/Notification';
36
+ import { Notification } from '@itcase/ui/components/Notification';
37
37
  import createDecorator from 'final-form-focus';
38
38
 
39
39
  const phoneValidation = value => {
@@ -2635,6 +2635,8 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
2635
2635
  descSize,
2636
2636
  descTextColor,
2637
2637
  descTextWeight,
2638
+ dataTestIdPrimaryButton,
2639
+ dataTourPrimaryButton,
2638
2640
  primaryButton,
2639
2641
  primaryButtonFill,
2640
2642
  primaryButtonFillHover,
@@ -2643,6 +2645,9 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
2643
2645
  primaryButtonLabelTextColor,
2644
2646
  primaryButtonLabelTextWeight,
2645
2647
  primaryButtonSize,
2648
+ dataTestIdSecondaryButton,
2649
+ dataTourSecondaryButton,
2650
+ onClickSecondaryButton,
2646
2651
  secondaryButton,
2647
2652
  secondaryButtonFill,
2648
2653
  secondaryButtonFillHover,
@@ -2651,6 +2656,9 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
2651
2656
  secondaryButtonLabelTextColor,
2652
2657
  secondaryButtonLabelTextWeight,
2653
2658
  secondaryButtonSize,
2659
+ dataTestIdTertiaryButton,
2660
+ dataTourTertiaryButton,
2661
+ onClickTertiaryButton,
2654
2662
  tertiaryButton,
2655
2663
  tertiaryButtonFill,
2656
2664
  tertiaryButtonFillHover,
@@ -2659,14 +2667,6 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
2659
2667
  tertiaryButtonLabelTextColor,
2660
2668
  tertiaryButtonLabelTextWeight,
2661
2669
  tertiaryButtonSize,
2662
- dataTestIdPrimaryButton,
2663
- dataTourPrimaryButton,
2664
- dataTestIdSecondaryButton,
2665
- dataTourSecondaryButton,
2666
- onClickSecondaryButton,
2667
- dataTestIdTertiaryButton,
2668
- dataTourTertiaryButton,
2669
- onClickTertiaryButton,
2670
2670
  additionalProps = {},
2671
2671
  buttonDirection = 'vertical',
2672
2672
  buttonFill,
@@ -2753,14 +2753,14 @@ const FinalForm = /*#__PURE__*/React$1.forwardRef(function FinalForm(props, ref)
2753
2753
  textColor: descTextColor,
2754
2754
  textWeight: descTextWeight
2755
2755
  }, desc), submitError && !modifiedSinceLastSubmit && /*#__PURE__*/React$1.createElement("div", {
2756
- className: clsx('notification', 'form-notification', notificationType ? `form-notification_type_${notificationType}` : 'form-notification_type_global')
2757
- }, /*#__PURE__*/React$1.createElement(NotificationItem, {
2756
+ className: clsx('notification', 'form-notification', notificationType ? `form-notification_${notificationType}` : 'form-notification_global')
2757
+ }, /*#__PURE__*/React$1.createElement(Notification, {
2758
2758
  className: "form-notification__item",
2759
+ appearance: "errorPrimary",
2759
2760
  title: form.getState().submitError,
2760
2761
  titleTextSize: "h6",
2761
2762
  status: "error",
2762
- closeButton: notificationCloseButton,
2763
- set: "form"
2763
+ closeButton: notificationCloseButton
2764
2764
  })), onChangeFormValues && /*#__PURE__*/React$1.createElement(FormSpy, {
2765
2765
  subscription: {
2766
2766
  values: true
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/forms",
3
- "version": "1.1.16",
3
+ "version": "1.1.18",
4
4
  "description": "Forms fields, inputs, etc.",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -34,11 +34,11 @@
34
34
  "dependencies": {
35
35
  "@itcase/common": "^1.2.28",
36
36
  "@itcase/config": "^1.0.48",
37
- "@itcase/icons": "^1.1.4",
37
+ "@itcase/icons": "^1.2.6",
38
38
  "@itcase/storybook-config": "^1.1.14",
39
39
  "@itcase/tokens-am": "^1.1.9",
40
40
  "@itcase/tokens-baikal": "^1.1.9",
41
- "@itcase/ui": "^1.8.31",
41
+ "@itcase/ui": "^1.8.36",
42
42
  "axios": "^1.10.0",
43
43
  "clsx": "^2.1.1",
44
44
  "final-form": "4.20.10",
@@ -56,7 +56,7 @@
56
56
  "react-select": "^5.10.1"
57
57
  },
58
58
  "devDependencies": {
59
- "@itcase/lint": "^1.1.18",
59
+ "@itcase/lint": "^1.1.19",
60
60
  "@babel/core": "^7.27.4",
61
61
  "@babel/eslint-parser": "^7.27.5",
62
62
  "@babel/preset-env": "^7.27.2",
@@ -80,8 +80,8 @@
80
80
  "husky": "^9.1.7",
81
81
  "lint-staged": "^16.1.2",
82
82
  "postcss": "^8.5.6",
83
- "prettier": "3.5.3",
84
- "rollup": "^4.44.0",
83
+ "prettier": "3.6.1",
84
+ "rollup": "^4.44.1",
85
85
  "rollup-plugin-peer-deps-external": "^2.2.4",
86
86
  "semantic-release": "^24.2.5",
87
87
  "stylelint": "^16.21.0",