@tagplus/components 2.0.2 → 2.0.3

package/package.json

@@ -8,7 +8,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "2.0.2",
+  "version": "2.0.3",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"

package/src/components/Autosuggest/Autosuggest.vue

@@ -56,7 +56,7 @@
           v-else
           slot="prepend"
         >
-          <i class="far fa-search" />
+          <em class="far fa-search" />
         </template>
       </template>
 
@@ -73,7 +73,7 @@
           :justify="selectedLabel ? 'space-between' : 'end'"
           align="middle"
         >
-          <i
+          <em
             v-if="selectedLabel && !selectDisabled"
             :id="`${_id}-btn-clear`"
             class="fa fa-times-circle icon-close"
@@ -90,7 +90,7 @@
               class="dividerSuggest"
             />
 
-            <i
+            <em
               v-show="!showClose && !selectDisabled"
               :id="`${_id}-btn-close`"
               :class="['el-select__caret', 'el-input__icon', 'el-icon-' + iconClass]"
@@ -129,7 +129,7 @@
             :class="{'created': item.created}"
           >
             <template v-if="item.created">
-              <a :id="`${_id}-btn-create`"><i class="far fa-plus" /> {{ newItem }}</a>
+              <a :id="`${_id}-btn-create`"><em class="far fa-plus" /> {{ newItem }}</a>
             </template>
             <slot
               v-else

package/src/components/Dialog/Dialog.vue

@@ -29,7 +29,7 @@
             aria-label="Close"
             @click="handleClose"
           >
-            <i class="el-dialog__close el-icon el-icon-close" />
+            <em class="el-dialog__close el-icon el-icon-close" />
           </button>
         </div>
         <div

package/src/components/InputNumber/InputNumber.vue

@@ -17,7 +17,7 @@
       :class="{'is-disabled': minDisabled}"
       @keydown.enter="decrease"
     >
-      <i :class="`el-icon-${controlsAtRight ? 'arrow-down' : 'minus'}`" />
+      <em :class="`el-icon-${controlsAtRight ? 'arrow-down' : 'minus'}`" />
     </span>
     <span
       v-if="controls"
@@ -27,7 +27,7 @@
       :class="{'is-disabled': maxDisabled}"
       @keydown.enter="increase"
     >
-      <i :class="`el-icon-${controlsAtRight ? 'arrow-up' : 'plus'}`" />
+      <em :class="`el-icon-${controlsAtRight ? 'arrow-up' : 'plus'}`" />
     </span>
     <el-input
       ref="input"

package/src/components/Loader/Loader.vue

@@ -22,7 +22,7 @@
       </svg>
 
       <div class="icones">
-        <i v-for="(icon, k) in icons" :key="k" :class="icon" :style="`--iconsItem:${k}`" />
+        <em v-for="(icon, k) in icons" :key="k" :class="icon" :style="`--iconsItem:${k}`" />
       </div>
 
       <div class="texto">

package/src/components/Multisuggest/Multisuggest.vue

@@ -13,7 +13,7 @@
         style="visibility: hidden;"
         class="el-input-group__prepend"
       >
-        <i class="far fa-search" />
+        <em class="far fa-search" />
       </div>
       <span v-if="collapseTags && selected.length">
         <el-tooltip placement="top">
@@ -124,7 +124,7 @@
           v-else
           slot="prepend"
         >
-          <i class="far fa-search" />
+          <em class="far fa-search" />
         </template>
       </template>
       <template
@@ -139,7 +139,7 @@
           :justify="selected.length ? 'space-between' : 'end'"
           align="middle"
         >
-          <i
+          <em
             v-if="selected.length && !selectDisabled"
             :id="`${_id}-btn-clear`"
             class="fa fa-times-circle icon-close"
@@ -156,7 +156,7 @@
               class="dividerSuggest"
             />
 
-            <i
+            <em
               v-show="!showClose && !selectDisabled"
               :id="`${_id}-btn-close`"
               :class="['el-select__caret', 'el-input__icon', 'el-icon-' + iconClass]"
@@ -195,7 +195,7 @@
             :class="{'created': item.created}"
           >
             <template v-if="item.created">
-              <a :id="`${_id}-btn-create`"><i class="far fa-plus" /> Cadastrar {{ query ? `"${query}"` : "novo item" }}</a>
+              <a :id="`${_id}-btn-create`"><em class="far fa-plus" /> Cadastrar {{ query ? `"${query}"` : "novo item" }}</a>
             </template>
             <slot
               v-else

package/src/components/OptionsListItem/OptionsListItem.vue

@@ -7,7 +7,7 @@
     @keyup.enter="updateOption"
   >
     <div :class="['icon', direction]">
-      <i :class="[icon, 'options-icon']" />
+      <em :class="[icon, 'options-icon']" />
       <p class="text">
         <span
           v-for="(text, index) in texts"
@@ -97,8 +97,8 @@ export default {
   margin-top: 15px;
 
   &.entrada {
-    @include option-list-item-hover(#67c23a);
-    @include option-list-item-checked(#67c23a);
+    @include option-list-item-hover(#08a19e);
+    @include option-list-item-checked(#08a19e);
   }
 
   &.saida {
@@ -118,6 +118,10 @@ export default {
     }
   }
 
+  &:focus{
+    border: 1px solid #437cf9;
+  }
+
   .icon {
     color: #565b66;
     display: flex;
@@ -132,7 +136,7 @@ export default {
       min-width: 130px;
 
       .text {
-        text-align: left;
+        text-align: center;
         width: 70px;
 
         span {
@@ -173,10 +177,6 @@ export default {
 
 }
 
-  .tp-options-list-item:focus{
-    border: 1px solid #437cf9;
-  }
-
 .option-item-badge{
     background-color: #F56C6C;
     border: 1px solid #FFF;

package/src/components/Step/Step.vue

@@ -17,7 +17,7 @@
         class="el-step__line"
         :style="isLast ? '' : { marginRight: $parent.stepOffset + 'px' }"
       >
-        <i class="el-step__line-inner" :style="lineStyle" />
+        <em class="el-step__line-inner" :style="lineStyle" />
       </div>
 
       <div class="el-step__icon" :class="`is-${icon ? 'icon' : 'text'}`">
@@ -25,12 +25,12 @@
           v-if="currentStatus !== 'success' && currentStatus !== 'error'"
           name="icon"
         >
-          <i v-if="icon" class="el-step__icon-inner" :class="[icon]" />
+          <em v-if="icon" class="el-step__icon-inner" :class="[icon]" />
           <div v-if="!icon && !isSimple" class="el-step__icon-inner">
             {{ index + 1 }}
           </div>
         </slot>
-        <i
+        <em
           v-else
           :class="['el-icon-' + (currentStatus === 'success' ? 'check' : 'close')]"
           class="el-step__icon-inner is-status"