From 9f9b98215779788d301bc108401d32c195f215b1 Mon Sep 17 00:00:00 2001
From: Nikita-Polyakov <polyakov@soramitsu.co.jp>
Date: Wed, 24 Feb 2021 11:15:12 +0300
Subject: [PATCH 1/2] add styles for select prefix slot

---
 src/components/Select/SSelect.vue |  1 +
 src/styles/select.scss            | 52 ++++++++++++++++++++++++-------
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/components/Select/SSelect.vue b/src/components/Select/SSelect.vue
index 04fdcccc..885e4c63 100644
--- a/src/components/Select/SSelect.vue
+++ b/src/components/Select/SSelect.vue
@@ -18,6 +18,7 @@
       @visible-change="handleVisibleChange"
       @clear="handleClear"
     >
+      <slot name="prefix" slot="prefix"></slot>
       <slot name="empty" slot="empty"></slot>
       <slot></slot>
     </el-select>
diff --git a/src/styles/select.scss b/src/styles/select.scss
index cbf72ac3..f66d5f4d 100644
--- a/src/styles/select.scss
+++ b/src/styles/select.scss
@@ -45,6 +45,16 @@
       .el-select__caret {
         color: var(--s-color-base-content-tertiary);
       }
+      &--prefix {
+        .el-input__prefix {
+          bottom: 0;
+          left: 12px;
+          width: $s-size-mini;
+          height: $s-size-mini;
+          margin: auto;
+          overflow: hidden;
+        }
+      }
     }
   }
   &.s-input-type {
@@ -71,8 +81,19 @@
       }
     }
     .s-placeholder + .el-select {
-      .el-input__inner {
-        padding-top: 12px;
+      .el-input {
+        &--prefix {
+          .el-input__inner{
+            padding-left: 44px;
+          }
+
+          .el-input__prefix {
+            top: 12px;
+          }
+        }
+        .el-input__inner{
+          padding-top: 12px;
+        }
       }
       .el-input__validateIcon {
         padding-top: 11px;
@@ -127,18 +148,25 @@
   }
   &.s-select-type {
     .el-select {
-      .el-input__inner {
-        padding-left: 12px;
-        font-weight: bold;
-        &:hover {
-          border-color: var(--s-color-base-border-primary);
+      .el-input {
+        &.el-input--prefix {
+          .el-input__inner {
+            padding-left: 44px;
+          }
         }
-        &::placeholder {
-          color: var(--s-color-base-content-tertiary);
+        .el-input__inner {
+          padding-left: 12px;
           font-weight: bold;
-        }
-        &:focus {
-          border-color: var(--s-color-base-border-primary);
+          &:hover {
+            border-color: var(--s-color-base-border-primary);
+          }
+          &::placeholder {
+            color: var(--s-color-base-content-tertiary);
+            font-weight: bold;
+          }
+          &:focus {
+            border-color: var(--s-color-base-border-primary);
+          }
         }
       }
       .el-select__caret {

From b3ab8be36a739d66953199f93cafec06cfb0e02e Mon Sep 17 00:00:00 2001
From: Nikita-Polyakov <polyakov@soramitsu.co.jp>
Date: Wed, 24 Feb 2021 11:32:16 +0300
Subject: [PATCH 2/2] increase version in package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 85235b9e..f21a6683 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu-private/"