@itcase/forms 1.1.37 → 1.1.38

package/dist/css/form/Field/Switch/FormFieldSwitch.css

@@ -1,13 +1,17 @@
 .form-field {
   &-switch {
     width: 100%;
-    flex-direction: row;
     padding: 8px 0;
+    display: grid !important;
+    grid-template-columns: 1fr auto;
     ^&__label {
-      flex: 1;
       display: flex;
+      flex: 1;
       align-items: center;
     }
+    ^&__message {
+      grid-column: 1 / span 2;
+    }
   }
 }
 

package/dist/css/form/FormField/FormField.css

@@ -59,7 +59,7 @@
           padding: 0 4px;
           position: absolute;
           display: flex;
-          top: 0;
+          top: 4px;
           z-index: 2;
           transform: scale(1) translate(8px, 20px);
           transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);

package/dist/itcase-forms.cjs.js

@@ -1687,8 +1687,6 @@ const FormFieldInput = /*#__PURE__*/React__default.default.memo(function FormFie
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
     });
-    console.log('updatedInputProps');
-    console.log(updatedInputProps);
     return /*#__PURE__*/React__default.default.createElement(FieldWrapper, Object.assign({
       className: clsx__default.default('form-field_input', 'form__item_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1923,6 +1921,8 @@ const defaultSelectProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };
@@ -2045,6 +2045,8 @@ const defaultSwitchProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeL solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeL solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeL solid rounded'
 };
@@ -2128,6 +2130,8 @@ const defaultTextareaProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };

package/dist/itcase-forms.esm.js

@@ -1676,8 +1676,6 @@ const FormFieldInput = /*#__PURE__*/React.memo(function FormFieldInput(props) {
       inputProps: inputProps,
       validationStateKey: isErrorState ? errorKey : isValidState ? successKey : null
     });
-    console.log('updatedInputProps');
-    console.log(updatedInputProps);
     return /*#__PURE__*/React.createElement(FieldWrapper, Object.assign({
       className: clsx('form-field_input', 'form__item_input', classNameGroupItem),
       errorKey: errorKey,
@@ -1912,6 +1910,8 @@ const defaultSelectProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };
@@ -2034,6 +2034,8 @@ const defaultSwitchProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeL solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeL solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeL solid rounded'
 };
@@ -2117,6 +2119,8 @@ const defaultTextareaProps = {
   // useValidationAppearanceInputProps
   // Error
   errorAppearance: 'errorPrimary sizeM solid rounded',
+  // Success
+  successAppearance: 'successPrimary sizeM solid rounded',
   // Required
   requiredAppearance: 'requirePrimary sizeM solid rounded'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.1.37",
+  "version": "1.1.38",
   "description": "Forms fields, inputs, etc.",
   "keywords": [],
   "license": "MIT",