@itcase/forms 1.0.29 → 1.0.30

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.
@@ -0,0 +1,20 @@
1
+ .form-textarea {
2
+ position: relative;
3
+ &&_state {
4
+ &_success {
5
+ & .textarea {
6
+ border: solid 1px var(--color-success-border-primary);
7
+ }
8
+ }
9
+ &_error {
10
+ & .textarea {
11
+ border: solid 1px var(--color-error-border-primary);
12
+ }
13
+ }
14
+ &_focus {
15
+ & .textarea {
16
+ background: var(--color-surface-primary);
17
+ }
18
+ }
19
+ }
20
+ }
@@ -844,6 +844,7 @@ var ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceField(
844
844
  }, [change]);
845
845
  return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
846
846
  className: clsx__default.default('form-field_type_choice', 'form__item_type_choice', classNameGroupItem),
847
+ fieldClassName: "form-choice",
847
848
  inputName: input.name,
848
849
  inputValue: input.value || [],
849
850
  isRequired: isRequired,
@@ -858,6 +859,7 @@ var ChoiceField = /*#__PURE__*/React__default.default.memo(function ChoiceField(
858
859
  metaValid: meta.valid,
859
860
  hideMessage: hideMessage
860
861
  }, fieldProps), /*#__PURE__*/React__default.default.createElement(Choice.Choice, Object.assign({
862
+ className: clsx__default.default(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
861
863
  options: options,
862
864
  inputName: input.name,
863
865
  inputValue: input.value || [],
@@ -834,6 +834,7 @@ var ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
834
834
  }, [change]);
835
835
  return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
836
836
  className: clsx('form-field_type_choice', 'form__item_type_choice', classNameGroupItem),
837
+ fieldClassName: "form-choice",
837
838
  inputName: input.name,
838
839
  inputValue: input.value || [],
839
840
  isRequired: isRequired,
@@ -848,6 +849,7 @@ var ChoiceField = /*#__PURE__*/React.memo(function ChoiceField(props) {
848
849
  metaValid: meta.valid,
849
850
  hideMessage: hideMessage
850
851
  }, fieldProps), /*#__PURE__*/React.createElement(Choice, Object.assign({
852
+ className: clsx(meta.active && 'form-choice_state_focus', meta.error && meta.touched && 'form-choice_state_error'),
851
853
  options: options,
852
854
  inputName: input.name,
853
855
  inputValue: input.value || [],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/forms",
3
- "version": "1.0.29",
3
+ "version": "1.0.30",
4
4
  "description": "Forms fields, inputs, etc.",
5
5
  "keywords": [
6
6
  "forms",