@itcase/forms 1.0.31 → 1.0.33

package/dist/css/form/Field/Choice/Choice.css

@@ -1,13 +1,21 @@
 .form-choice {
   &&_state {
     &_success {
-      border: solid 1px var(--color-success-border-primary);
+      & .choice {
+        /* border: solid 1px var(--color-success-border-primary); */
+      }
     }
     &_error {
-      border: solid 1px var(--color-error-border-primary);
+      & .choice {
+        border: solid 1px var(--color-error-border-primary);
+      }
     }
     &_focus {
       /* border: solid 1px var(--color-error-border-primary); */
     }
   }
 }
+.form-field {
+  &_type_choice {
+  }
+}

package/dist/css/form/Field/Group/Group.css

@@ -1,7 +1,7 @@
 .form {
   &__group {
     width: 100%;
-    margin: 0;
+    margin: 0 0 12px 0;
     &-wrapper {
       display: flex;
       flex-flow: column nowrap;

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

@@ -156,45 +156,6 @@
     position: relative;
   }
 }
-.form-response {
-  background: var(--color-surface-primary);
-  padding: 30px;
-  display: flex;
-  flex-flow: column nowrap;
-  align-items: center;
-  @mixin elevation-2;
-  &__icon {
-    width: 100px;
-    height: 100px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    & svg {
-      fill: var(--color-surface-item-accent);
-      transform: scale(4.18);
-    }
-  }
-  &__title {
-    max-width: 240px;
-    color: var(--color-surface-text-primary);
-    text-align: center;
-    padding: 0;
-    margin: 0 0 8px 0;
-    @mixin h5;
-  }
-  &__text {
-    max-width: 240px;
-    color: var(--color-surface-text-primary);
-    text-align: center;
-    padding: 0;
-    margin: 0;
-    @mixin text-l;
-  }
-  &__button {
-    width: 100%;
-    margin: 30px 0 0 0;
-  }
-}
 .form-notification {
   &_type {
     &_sticky {

package/dist/itcase-forms.cjs.js

@@ -1746,7 +1746,10 @@ var Group = /*#__PURE__*/React__default.default.memo(function Group(props) {
       size: messageTextSize,
       textWeight: messageTextWeight,
       textColor: messageTextColor
-    }, message));
+    }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React__default.default.createElement(Text.Text, {
+      className: "form__group-message",
+      size: messageTextSize
+    }, "\xA0"));
   });
 });
 Group.defaultProps = {

package/dist/itcase-forms.esm.js

@@ -1736,7 +1736,10 @@ var Group = /*#__PURE__*/React.memo(function Group(props) {
       size: messageTextSize,
       textWeight: messageTextWeight,
       textColor: messageTextColor
-    }, message));
+    }, message), Boolean(!showError) && Boolean(!message) && /*#__PURE__*/React.createElement(Text, {
+      className: "form__group-message",
+      size: messageTextSize
+    }, "\xA0"));
   });
 });
 Group.defaultProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/forms",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "Forms fields, inputs, etc.",
   "keywords": [
     "forms",

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

@@ -1,39 +0,0 @@
-.form-response {
-  background: var(--color-surface-primary);
-  padding: 30px;
-  display: flex;
-  flex-flow: column nowrap;
-  align-items: center;
-  @mixin elevation-2;
-  &__icon {
-    width: 100px;
-    height: 100px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    & svg {
-      fill: var(--color-surface-item-accent);
-      transform: scale(4.18);
-    }
-  }
-  &__title {
-    max-width: 240px;
-    color: var(--color-surface-text-primary);
-    text-align: center;
-    padding: 0;
-    margin: 0 0 8px 0;
-    @mixin h5;
-  }
-  &__text {
-    max-width: 240px;
-    color: var(--color-surface-text-primary);
-    text-align: center;
-    padding: 0;
-    margin: 0;
-    @mixin text-l;
-  }
-  &__button {
-    width: 100%;
-    margin: 30px 0 0 0;
-  }
-}