@itcase/forms 1.1.96 → 1.1.98

package/dist/css/form/Form/css/__item/form__item_type_float.css

@@ -1,61 +0,0 @@
-.form {
-  &__item {
-    &&_type_float {
-      position: relative;
-      &^&_state_focus,
-      &^&_state_filled {
-        & .form {
-          &__item {
-            &-label {
-              top: 0;
-              transform: scale(0.7) translate(6px, 14px);
-            }
-          }
-        }
-        & .form-input,
-        & .form-textarea {
-          &__input {
-            &::placeholder {
-              color: var(--color-surface-text-secondary);
-            }
-          }
-        }
-      }
-      & .form {
-        &__item {
-          &-wrapper {
-            position: relative;
-          }
-          &-label {
-            pointer-events: none;
-            color: var(--color-surface-text-secondary);
-            position: absolute;
-            display: flex;
-            top: 28px;
-            z-index: 2;
-            transform: scale(1) translate(0, -50%);
-            transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-            transform-origin: top left;
-            @media (--mobile) {
-              top: 26px;
-            }
-            &-inner {
-              margin: 0 0 0 16px;
-              @mixin text-m;
-            }
-          }
-        }
-      }
-      & .form-input,
-      & .form-textarea {
-        &__input {
-          padding: 22px 16px 10px 16px;
-          &::placeholder {
-            color: transparent;
-            transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-          }
-        }
-      }
-    }
-  }
-}

package/dist/css/form/Form/css/__loader/form__loader.css

@@ -1,10 +0,0 @@
-.form {
-  &__loader {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 100;
-  }
-}

package/dist/css/form/Form/css/__text/form__text.css

@@ -1,6 +0,0 @@
-.form {
-  &__text {
-    width: 100%;
-    position: relative;
-  }
-}

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

@@ -1,15 +0,0 @@
-.form-notification {
-  &_sticky {
-    position: sticky;
-    left: 0;
-    top: 20px;
-    z-index: 100;
-  }
-  &_global {
-    margin: 0;
-  }
-  &__item {
-    text-align: center;
-    border-radius: 12px;
-  }
-}

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

@@ -1,178 +0,0 @@
-.form-field {
-  &_switch {
-    cursor: pointer;
-  }
-  &__content {
-    width: 100%;
-    &-inner {
-      position: relative;
-      display: flex;
-      & > input {
-        width: 100%;
-      }
-      & .input-password {
-        width: 100%;
-        & > input {
-          width: 100%;
-        }
-      }
-    }
-  }
-  &__message {
-    &-item {
-      display: block;
-    }
-  }
-  &__icon {
-    height: 100%;
-    position: absolute;
-    display: flex;
-    align-items: center;
-    top: 0;
-    right: 8px;
-  }
-}
-.form {
-  &^&-field_type_float {
-    padding: var(--form-field_type_float-padding);
-    position: relative;
-    gap: var(--form-field_type_float-gap);
-    &^&__item_state_focus,
-    &^&__item_state_filled {
-      & .form {
-        &-field {
-          &__label {
-            background: var(--color-palette-white);
-            transform: scale(1) translate(8px, -12px);
-          }
-        }
-      }
-      & .input {
-        &::placeholder {
-          opacity: 100%;
-        }
-      }
-      & .textarea {
-        &::placeholder {
-          opacity: 100%;
-        }
-      }
-    }
-    & .form {
-      &-field {
-        &__label {
-          padding: var(--form-field_type_float-label-padding);
-          position: absolute;
-          display: flex;
-          z-index: 2;
-          transform: scale(1.285) translate(8px, 4px);
-          transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-          pointer-events: none;
-          transform-origin: top left;
-        }
-        &__message {
-          padding: var(--form-field_type_float-message-padding);
-        }
-      }
-    }
-    & .input {
-      &::placeholder {
-        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-        opacity: 0%;
-      }
-    }
-    & .textarea {
-      &::placeholder {
-        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-        opacity: 0%;
-      }
-    }
-  }
-}
-.form-field {
-  &_type {
-    &_classic {
-      padding: var(--form-field_type_classic-padding);
-      position: relative;
-      gap: var(--form-field_type_classic-gap);
-      ^^&__label {
-        padding: var(--form-field_type_classic-label-padding);
-      }
-      ^^&__message {
-        padding: var(--form-field_type_classic-message-padding);
-      }
-    }
-  }
-}
-.form {
-  &^&-field_type_ifta {
-    margin: var(--form-field_type_ifta-margin);
-    position: relative;
-    gap: var(--form-field_type_ifta-gap);
-    &^&__item_state_focus,
-    &^&__item_state_filled {
-      & .form {
-        &-field {
-          &__label {
-            transform: scale(0.9) translate(0, 50%);
-          }
-        }
-      }
-      & .input {
-        &::placeholder {
-          opacity: 100%;
-        }
-      }
-    }
-    & .form {
-      &-field {
-        &__label {
-          position: absolute;
-          display: flex;
-          top: 0;
-          z-index: 2;
-          left: 16px;
-          transform: scale(1) translate(0, 100%);
-          transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
-          pointer-events: none;
-          transform-origin: top left;
-        }
-        &__message {
-          padding: var(--form-field-type-ifta-message-padding, 0 0 0 16px);
-        }
-      }
-    }
-    & .input {
-      padding: var(--form-field_type_ifta-padding, 24px 0 12px 16px);
-      &::placeholder {
-        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-        opacity: 0%;
-      }
-    }
-  }
-}
-.form-field {
-  &_state {
-    &_hidden {
-      visibility: hidden;
-      position: absolute;
-      z-index: -1;
-    }
-  }
-}
-.form-field {
-  &_state {
-    &_disabled {
-    }
-  }
-}
-:root {
-  --form-field_type_classic-padding: 8px 0;
-  --form-field_type_classic-gap: 4px;
-  --form-field_type_classic-label-padding: 4px;
-  --form-field_type_classic-message-padding: 4px 0 0 4px;
-
-  --form-field_type_float-padding: 12px 0;
-  --form-field_type_float-label-padding: 4px;
-  --form-field_type_float-message-padding: 4px 0 0 12px;
-}