adata-ui 0.3.65 → 0.3.66

package/src/assets/_text_field.scss

@@ -1,224 +1,224 @@
-*:focus {
-  outline: none;
-}
-.adt-text-block {
-  $self: &;
-  position: relative;
-  width: 100%;
-
-  &.magnifier {
-    #{$self}__input {
-      padding: 19px 40px 5px 40px;
-    }
-
-    #{$self}__label {
-      left: 40px;
-    }
-  }
-
-  &.magnifier-mobile {
-    #{$self}__magnifier {
-      display: block;
-    }
-
-    #{$self}__input {
-      padding: 19px 8px 5px 11px;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-      -webkit-appearance: none;
-    }
-
-    #{$self}__label {
-      left: 12px;
-    }
-  }
-
-  &__input-mob-search {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    -webkit-appearance: none;
-  }
-
-  &__field {
-    position: relative;
-    overflow: hidden;
-    @media (max-width: 1025px) {
-      width: 100%;
-      display: flex;
-    }
-  }
-
-  &__input,
-  &__textarea textarea {
-    background: #ffffff;
-    border: 0.5px solid #c4c4c4;
-    box-sizing: border-box;
-    border-radius: 2px;
-    width: 100%;
-    height: 40px;
-    font-size: 14px;
-    color: #1a2030;
-    padding: 19px 40px 5px 16px;
-    transition: 0.3s all;
-    @media (max-width: 1025px) {
-      padding: 19px 36px 7px 12px;
-      height: 40px;
-      font-size: 12px;
-    }
-
-    &:focus ~ #{$self}__label,
-    &:not(:focus):valid ~ #{$self}__label,
-    &:-webkit-autofill ~ #{$self}__label,
-    &:not(:-webkit-autofill):valid ~ #{$self}__label {
-      top: 12px;
-      font-size: 10px;
-      color: #71757a;
-      text-overflow: inherit;
-      width: 100%;
-      @media (max-width: 1025px) {
-        font-size: 8px;
-      }
-    }
-    &:hover {
-      border: 0.5px solid #2c3e50;
-    }
-
-    &:focus {
-      border: 0.5px solid #2c3e50;
-    }
-
-    &::placeholder {
-      font-size: 12px;
-    }
-
-    &.error {
-      border-color: #ff2e43;
-    }
-  }
-
-  &__textarea {
-    border: 0.5px solid #c4c4c4;
-    height: 120px;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    position: relative;
-    overflow: hidden;
-    &--error {
-      border: none;
-      border: 0.5px solid #ff2e43;
-      background: #ff2e431f;
-      textarea {
-        background: transparent;
-      }
-    }
-    &:focus,
-    &:hover {
-      border: 0.5px solid #2c3e50;
-    }
-    textarea {
-      border: none;
-      height: 100%;
-      padding: 24px 40px 5px 16px;
-      resize: none;
-      &:focus,
-      &:hover {
-        border: none;
-      }
-    }
-    .adt-text-block__label {
-      top: 20px;
-    }
-  }
-
-  &__label {
-    position: absolute;
-    pointer-events: none;
-    left: 16px;
-    top: 50%;
-    transform: translateY(-50%);
-    white-space: nowrap;
-    overflow: hidden;
-    line-height: 40px;
-    transition: 0.3s;
-    color: #71757a;
-    font-size: 14px;
-    @media (max-width: 1025px) {
-      left: 12px;
-      font-size: 14px;
-      line-height: 16px;
-      color: #71757a;
-    }
-  }
-
-  &__textarea + label {
-    top: 20px;
-  }
-
-  &--ellipsis {
-    width: calc(100% - 56px);
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-
-  &__icon {
-    position: absolute;
-    right: 16px;
-    height: 100%;
-    top: 0;
-    display: flex;
-    align-items: center;
-
-    &:hover {
-      cursor: pointer;
-    }
-  }
-
-  &__required {
-    color: #ff2e43;
-  }
-
-  &__options {
-    position: absolute;
-    top: calc(100% + 4px);
-    left: 0;
-    width: 100%;
-    background: #fff;
-    z-index: 1000;
-    border-radius: 2px;
-    padding: 8px 0;
-    max-height: 250px;
-    overflow: auto;
-
-    #searchVariant {
-      background: #eef0f5;
-    }
-  }
-
-  .search-options {
-    &__item {
-      padding: 5px 16px;
-      line-height: 16px;
-      font-size: 14px;
-      color: #71757a;
-      transition: 0.3s all;
-      cursor: pointer;
-      @media (max-width: 1025px) {
-        font-size: 12px;
-      }
-
-      &:hover {
-        background: #eef0f5;
-      }
-    }
-    &::-webkit-scrollbar {
-      width: 4px;
-      &-thumb {
-        background: #c4c4c4;
-      }
-      &-track {
-        background: #fff;
-      }
-    }
-  }
-}
+*:focus {
+  outline: none;
+}
+.adt-text-block {
+  $self: &;
+  position: relative;
+  width: 100%;
+
+  &.magnifier {
+    #{$self}__input {
+      padding: 19px 40px 5px 40px;
+    }
+
+    #{$self}__label {
+      left: 40px;
+    }
+  }
+
+  &.magnifier-mobile {
+    #{$self}__magnifier {
+      display: block;
+    }
+
+    #{$self}__input {
+      padding: 19px 8px 5px 11px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+      -webkit-appearance: none;
+    }
+
+    #{$self}__label {
+      left: 12px;
+    }
+  }
+
+  &__input-mob-search {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    -webkit-appearance: none;
+  }
+
+  &__field {
+    position: relative;
+    overflow: hidden;
+    @media (max-width: 1025px) {
+      width: 100%;
+      display: flex;
+    }
+  }
+
+  &__input,
+  &__textarea textarea {
+    background: #ffffff;
+    border: 0.5px solid #c4c4c4;
+    box-sizing: border-box;
+    border-radius: 2px;
+    width: 100%;
+    height: 40px;
+    font-size: 14px;
+    color: #1a2030;
+    padding: 19px 40px 5px 16px;
+    transition: 0.3s all;
+    @media (max-width: 1025px) {
+      padding: 19px 36px 7px 12px;
+      height: 40px;
+      font-size: 12px;
+    }
+
+    &:focus ~ #{$self}__label,
+    &:not(:focus):valid ~ #{$self}__label,
+    &:-webkit-autofill ~ #{$self}__label,
+    &:not(:-webkit-autofill):valid ~ #{$self}__label {
+      top: 12px;
+      font-size: 10px;
+      color: #71757a;
+      text-overflow: inherit;
+      width: 100%;
+      @media (max-width: 1025px) {
+        font-size: 8px;
+      }
+    }
+    &:hover {
+      border: 0.5px solid #2c3e50;
+    }
+
+    &:focus {
+      border: 0.5px solid #2c3e50;
+    }
+
+    &::placeholder {
+      font-size: 12px;
+    }
+
+    &.error {
+      border-color: #ff2e43;
+    }
+  }
+
+  &__textarea {
+    border: 0.5px solid #c4c4c4;
+    height: 120px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    position: relative;
+    overflow: hidden;
+    &--error {
+      border: none;
+      border: 0.5px solid #ff2e43;
+      background: #ff2e431f;
+      textarea {
+        background: transparent;
+      }
+    }
+    &:focus,
+    &:hover {
+      border: 0.5px solid #2c3e50;
+    }
+    textarea {
+      border: none;
+      height: 100%;
+      padding: 24px 40px 5px 16px;
+      resize: none;
+      &:focus,
+      &:hover {
+        border: none;
+      }
+    }
+    .adt-text-block__label {
+      top: 20px;
+    }
+  }
+
+  &__label {
+    position: absolute;
+    pointer-events: none;
+    left: 16px;
+    top: 50%;
+    transform: translateY(-50%);
+    white-space: nowrap;
+    overflow: hidden;
+    line-height: 40px;
+    transition: 0.3s;
+    color: #71757a;
+    font-size: 14px;
+    @media (max-width: 1025px) {
+      left: 12px;
+      font-size: 14px;
+      line-height: 16px;
+      color: #71757a;
+    }
+  }
+
+  &__textarea + label {
+    top: 20px;
+  }
+
+  &--ellipsis {
+    width: calc(100% - 56px);
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  &__icon {
+    position: absolute;
+    right: 16px;
+    height: 100%;
+    top: 0;
+    display: flex;
+    align-items: center;
+
+    &:hover {
+      cursor: pointer;
+    }
+  }
+
+  &__required {
+    color: #ff2e43;
+  }
+
+  &__options {
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    width: 100%;
+    background: #fff;
+    z-index: 1000;
+    border-radius: 2px;
+    padding: 8px 0;
+    max-height: 250px;
+    overflow: auto;
+
+    #searchVariant {
+      background: #eef0f5;
+    }
+  }
+
+  .search-options {
+    &__item {
+      padding: 5px 16px;
+      line-height: 16px;
+      font-size: 14px;
+      color: #71757a;
+      transition: 0.3s all;
+      cursor: pointer;
+      @media (max-width: 1025px) {
+        font-size: 12px;
+      }
+
+      &:hover {
+        background: #eef0f5;
+      }
+    }
+    &::-webkit-scrollbar {
+      width: 4px;
+      &-thumb {
+        background: #c4c4c4;
+      }
+      &-track {
+        background: #fff;
+      }
+    }
+  }
+}

package/src/assets/facebook.svg

@@ -1,4 +1,4 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="14" cy="14" r="14" fill="white"/>
-<path d="M19.2137 18.2816L19.8356 14.3301H15.9452V11.767C15.9452 10.6857 16.4877 9.63107 18.2302 9.63107H20V6.26699C20 6.26699 18.3945 6 16.8603 6C13.6548 6 11.5617 7.89294 11.5617 11.3184V14.3301H8V18.2816H11.5617V27.8345C12.2767 27.944 13.0082 28 13.7534 28C14.4986 28 15.2302 27.944 15.9452 27.8345V18.2816H19.2137Z" fill="#2C3E50"/>
-</svg>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="14" cy="14" r="14" fill="white"/>
+<path d="M19.2137 18.2816L19.8356 14.3301H15.9452V11.767C15.9452 10.6857 16.4877 9.63107 18.2302 9.63107H20V6.26699C20 6.26699 18.3945 6 16.8603 6C13.6548 6 11.5617 7.89294 11.5617 11.3184V14.3301H8V18.2816H11.5617V27.8345C12.2767 27.944 13.0082 28 13.7534 28C14.4986 28 15.2302 27.944 15.9452 27.8345V18.2816H19.2137Z" fill="#2C3E50"/>
+</svg>

package/src/assets/instagram.svg

@@ -1,6 +1,6 @@
-<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="28" height="28" rx="14" fill="white"/>
-<path d="M20.125 9.1875C20.125 9.91237 19.5374 10.5 18.8125 10.5C18.0876 10.5 17.5 9.91237 17.5 9.1875C17.5 8.46263 18.0876 7.875 18.8125 7.875C19.5374 7.875 20.125 8.46263 20.125 9.1875Z" fill="#2C3E50"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 18.375C16.4162 18.375 18.375 16.4162 18.375 14C18.375 11.5838 16.4162 9.625 14 9.625C11.5838 9.625 9.625 11.5838 9.625 14C9.625 16.4162 11.5838 18.375 14 18.375ZM14 16.625C15.4497 16.625 16.625 15.4497 16.625 14C16.625 12.5503 15.4497 11.375 14 11.375C12.5503 11.375 11.375 12.5503 11.375 14C11.375 15.4497 12.5503 16.625 14 16.625Z" fill="#2C3E50"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 13.65C5.25 10.7097 5.25 9.23959 5.82222 8.11655C6.32555 7.1287 7.1287 6.32555 8.11655 5.82222C9.23959 5.25 10.7097 5.25 13.65 5.25H14.35C17.2903 5.25 18.7604 5.25 19.8835 5.82222C20.8713 6.32555 21.6744 7.1287 22.1778 8.11655C22.75 9.23959 22.75 10.7097 22.75 13.65V14.35C22.75 17.2903 22.75 18.7604 22.1778 19.8835C21.6744 20.8713 20.8713 21.6744 19.8835 22.1778C18.7604 22.75 17.2903 22.75 14.35 22.75H13.65C10.7097 22.75 9.23959 22.75 8.11655 22.1778C7.1287 21.6744 6.32555 20.8713 5.82222 19.8835C5.25 18.7604 5.25 17.2903 5.25 14.35V13.65ZM13.65 7H14.35C15.849 7 16.868 7.00136 17.6557 7.06572C18.4229 7.1284 18.8153 7.24202 19.089 7.38148C19.7475 7.71703 20.283 8.25247 20.6185 8.91103C20.758 9.18473 20.8716 9.57709 20.9343 10.3443C20.9986 11.132 21 12.151 21 13.65V14.35C21 15.849 20.9986 16.868 20.9343 17.6557C20.8716 18.4229 20.758 18.8153 20.6185 19.089C20.283 19.7475 19.7475 20.283 19.089 20.6185C18.8153 20.758 18.4229 20.8716 17.6557 20.9343C16.868 20.9986 15.849 21 14.35 21H13.65C12.151 21 11.132 20.9986 10.3443 20.9343C9.57709 20.8716 9.18473 20.758 8.91103 20.6185C8.25247 20.283 7.71703 19.7475 7.38148 19.089C7.24202 18.8153 7.1284 18.4229 7.06572 17.6557C7.00136 16.868 7 15.849 7 14.35V13.65C7 12.151 7.00136 11.132 7.06572 10.3443C7.1284 9.57709 7.24202 9.18473 7.38148 8.91103C7.71703 8.25247 8.25247 7.71703 8.91103 7.38148C9.18473 7.24202 9.57709 7.1284 10.3443 7.06572C11.132 7.00136 12.151 7 13.65 7Z" fill="#2C3E50"/>
-</svg>
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="28" rx="14" fill="white"/>
+<path d="M20.125 9.1875C20.125 9.91237 19.5374 10.5 18.8125 10.5C18.0876 10.5 17.5 9.91237 17.5 9.1875C17.5 8.46263 18.0876 7.875 18.8125 7.875C19.5374 7.875 20.125 8.46263 20.125 9.1875Z" fill="#2C3E50"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 18.375C16.4162 18.375 18.375 16.4162 18.375 14C18.375 11.5838 16.4162 9.625 14 9.625C11.5838 9.625 9.625 11.5838 9.625 14C9.625 16.4162 11.5838 18.375 14 18.375ZM14 16.625C15.4497 16.625 16.625 15.4497 16.625 14C16.625 12.5503 15.4497 11.375 14 11.375C12.5503 11.375 11.375 12.5503 11.375 14C11.375 15.4497 12.5503 16.625 14 16.625Z" fill="#2C3E50"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 13.65C5.25 10.7097 5.25 9.23959 5.82222 8.11655C6.32555 7.1287 7.1287 6.32555 8.11655 5.82222C9.23959 5.25 10.7097 5.25 13.65 5.25H14.35C17.2903 5.25 18.7604 5.25 19.8835 5.82222C20.8713 6.32555 21.6744 7.1287 22.1778 8.11655C22.75 9.23959 22.75 10.7097 22.75 13.65V14.35C22.75 17.2903 22.75 18.7604 22.1778 19.8835C21.6744 20.8713 20.8713 21.6744 19.8835 22.1778C18.7604 22.75 17.2903 22.75 14.35 22.75H13.65C10.7097 22.75 9.23959 22.75 8.11655 22.1778C7.1287 21.6744 6.32555 20.8713 5.82222 19.8835C5.25 18.7604 5.25 17.2903 5.25 14.35V13.65ZM13.65 7H14.35C15.849 7 16.868 7.00136 17.6557 7.06572C18.4229 7.1284 18.8153 7.24202 19.089 7.38148C19.7475 7.71703 20.283 8.25247 20.6185 8.91103C20.758 9.18473 20.8716 9.57709 20.9343 10.3443C20.9986 11.132 21 12.151 21 13.65V14.35C21 15.849 20.9986 16.868 20.9343 17.6557C20.8716 18.4229 20.758 18.8153 20.6185 19.089C20.283 19.7475 19.7475 20.283 19.089 20.6185C18.8153 20.758 18.4229 20.8716 17.6557 20.9343C16.868 20.9986 15.849 21 14.35 21H13.65C12.151 21 11.132 20.9986 10.3443 20.9343C9.57709 20.8716 9.18473 20.758 8.91103 20.6185C8.25247 20.283 7.71703 19.7475 7.38148 19.089C7.24202 18.8153 7.1284 18.4229 7.06572 17.6557C7.00136 16.868 7 15.849 7 14.35V13.65C7 12.151 7.00136 11.132 7.06572 10.3443C7.1284 9.57709 7.24202 9.18473 7.38148 8.91103C7.71703 8.25247 8.25247 7.71703 8.91103 7.38148C9.18473 7.24202 9.57709 7.1284 10.3443 7.06572C11.132 7.00136 12.151 7 13.65 7Z" fill="#2C3E50"/>
+</svg>