@everchron/ec-shards 0.6.17 → 0.6.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "0.6.17",
+  "version": "0.6.21",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/data-card/data-card.vue

@@ -12,7 +12,7 @@
       <slot name="control"></slot>
     </div>
 
-    <ecs-icon v-if="icon" :type="icon" :color="iconColor" width="26" height="26" />
+    <ecs-icon v-if="icon" :type="icon" :color="iconColor" :spinning="spinning" width="26" height="26" />
     <ecs-skeleton-loader v-if="icon && loading" type="rect" :width="26" :height="26" />
 
     <div class="ecs-data-card-inner">
@@ -60,6 +60,10 @@
       loading: {
         type: Boolean,
         default: false
+      },
+      spinning: {
+        type: Boolean,
+        default: false
       }
     },
 
@@ -221,6 +225,20 @@
     white-space: pre-wrap;
     color: $gray-10;
   }
+
+  .chained{
+    > span{
+      &:after{
+        content: "•";
+        margin: 0 5px;
+        opacity: .7;
+      }
+
+      &:last-child:after{
+        content: "";
+      }
+    }
+  }
 }
 
 .ecs-data-card-actions{

package/src/components/input/input.vue

@@ -24,7 +24,6 @@
     @input="$emit('input', $event)"
     @change="$emit('change', $event)"
     :name="name"
-    :value="value"
     :disabled="disabled"
     :required="required"
     :readonly="readonly"

package/src/components/segment/segment.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ecs-segments" :class="[inline ? 'ecs-segments-inline' : '']">
     <label v-for="option in options" :key="option.id" :for="option.id">
-      <input type="radio" :name="name" :value="option.id.replace(name, '')" :id="option.id" :checked="value==option.id.replace(name, '')" @click="$emit('click', option.id)"><!-- v-model="selectedSegmentId" -->
+      <input type="radio" :name="name" :value="option.id" :id="option.id" :checked="value==option.id" @click="$emit('click', option.id)"><!-- v-model="selectedSegmentId" -->
       <span class="ecs-segment" :title="option.title">
         <ecs-icon v-if="option.icon" :class="[option.icon && option.label ? 'icon-spacing' : '']" :type="option.icon" width="20" height="20" color="#2F333C" />
         {{ option.label }}

package/src/stories/data-card/data-card.stories.js

@@ -77,7 +77,7 @@ export const doubleIcon = () => ({
                 <span>Added last 2 months</span>
                 <span class="subtle">4h ago</span>
                 <template slot="meta">
-                  <span class="subtle"><span class="color-venta-1">32 documents</span> added by Marie Walsh</span>
+                  <span class="subtle chained"><span class="color-venta-1">CE999</span><span class="color-venta-1">EC00000</span></span>
                 </template>
               </ecs-data-card>`
 });