Release 0.9.18

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soramitsu/soramitsu-js-ui",
-  "version": "0.9.17",
+  "version": "0.9.18",
   "private": false,
   "publishConfig": {
     "registry": "https://nexus.iroha.tech/repository/npm-soramitsu/"

src/components/Button/SButtonGroup/SButtonGroup.vue

@@ -3,3 +3,15 @@
     <slot></slot>
   </el-button-group>
 </template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
+import ElButtonGroup from 'element-ui/lib/button-group'
+
+@Component({
+  components: {
+    ElButtonGroup
+  }
+})
+export default class SButtonGroup extends Vue {}
+</script>

src/components/Input/SInput/SInput.vue

@@ -44,8 +44,17 @@
           <slot slot="append" name="append"></slot>
         </el-input>
         <template v-if="type === InputType.TEXT_FILE">
-          <s-icon name="file-file-upload-24" />
-          <input :value="emptyValue" type="file" :accept="accept" @change="handleTextFileChange">
+          <s-icon
+            name="file-file-upload-24"
+            @click.native="handleFileIconClick"
+          />
+          <input
+            ref="file"
+            :value="emptyValue"
+            type="file"
+            :accept="accept"
+            @change="handleTextFileChange"
+          >
         </template>
       </div>
       <slot name="right" />
@@ -158,6 +167,7 @@ export default class SInput extends Mixins(BorderRadiusMixin, DesignSystemInject
   @Prop({ default: InputSize.BIG, type: String }) readonly size!: InputSize
 
   @Ref('el-input') input!: ElInput
+  @Ref('file') file!: HTMLElement
 
   @Inject({ default: '', from: 'elForm' }) elForm!: ElForm
 
@@ -283,6 +293,10 @@ export default class SInput extends Mixins(BorderRadiusMixin, DesignSystemInject
     fr.readAsText(file)
   }
 
+  handleFileIconClick () {
+    this.file.click()
+  }
+
   public focus (): void {
     this.input.focus()
   }