npm - @everchron/ec-shards - Versions diffs - 0.6.51 → 0.6.55 - Mend

@everchron/ec-shards 0.6.51 → 0.6.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/ec-shards.common.js +95 -83
package/dist/ec-shards.common.js.map +1 -1
package/dist/ec-shards.css +1 -1
package/dist/ec-shards.umd.js +95 -83
package/dist/ec-shards.umd.js.map +1 -1
package/dist/ec-shards.umd.min.js +2 -2
package/dist/ec-shards.umd.min.js.map +1 -1
package/dist/img/transcript-highlights.489d72c7.svg +1 -0
package/dist/img/transcript-mini-highlights.7173b638.svg +1 -0
package/package.json +1 -1
package/src/assets/images/file-icons/transcript-highlights.svg +1 -0
package/src/assets/images/file-icons/transcript-mini-highlights.svg +1 -0
package/src/components/button/button.vue +3 -2
package/src/components/button-table/button-table.vue +12 -4
package/src/components/file-icon/file-icon.vue +10 -0
package/src/stories/button-table/button-table.stories.js +1 -1
package/src/stories/radiobutton/radiobutton.stories.mdx +6 -4

package/dist/img/transcript-highlights.489d72c7.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/img/transcript-mini-highlights.7173b638.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g fill="none" fill-rule="evenodd" transform="translate(4 2)"><rect width="22" height="26" y="1" fill="#9599AF" fill-opacity=".12" rx="2"/><rect width="22" height="26" fill="#9599AF" fill-opacity=".25" rx="2"/><rect width="20" height="24" x="1" y="1" fill="#FFF" rx="1"/><rect width="20" height="1" x="1" y="13" fill="#DFE0E7"/><rect width="1" height="24" x="10.5" y="1" fill="#DFE0E7"/><rect width="4" height="1" x="5" y="16" fill="#6BAFFF" rx=".5"/><rect width="2" height="1" x="2" y="16" fill="#A7CFFF" rx=".5"/><rect width="2" height="1" x="2" y="18" fill="#A7CFFF" rx=".5"/><rect width="2" height="1" x="2" y="20" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="3" height="1" x="5" y="18" fill="#6BAFFF" rx=".5"/><rect width="3" height="1" x="5" y="20" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="2" height="1" x="2" y="22" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="3" height="1" x="5" y="22" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="4" height="1" x="16" y="16" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="2" height="1" x="13" y="16" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="2" height="1" x="13" y="18" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="2" height="1" x="13" y="20" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="3" height="1" x="16" y="18" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="3" height="1" x="16" y="20" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="2" height="1" x="13" y="22" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="3" height="1" x="16" y="22" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="4" height="1" x="16" y="3" fill="#9599AF" fill-opacity=".5" rx=".5"/><rect width="2" height="1" x="13" y="3" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="2" height="1" x="13" y="5" fill="#ACEDCD" rx=".5"/><rect width="2" height="1" x="13" y="7" fill="#ACEDCD" rx=".5"/><rect width="3" height="1" x="16" y="5" fill="#76E2AD" rx=".5"/><rect width="3" height="1" x="16" y="7" fill="#76E2AD" rx=".5"/><rect width="2" height="1" x="13" y="9" fill="#9599AF" fill-opacity=".3" rx=".5"/><rect width="3" height="1" x="16" y="9" fill="#9599AF" fill-opacity=".5" rx=".5"/><polygon fill="#9599AF" fill-rule="nonzero" points="6.41 9 6.41 4.516 8.039 4.516 8.039 3.363 3.355 3.363 3.355 4.516 4.98 4.516 4.98 9"/></g></svg>

package/package.json CHANGED Viewed

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

package/src/assets/images/file-icons/transcript-highlights.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/assets/images/file-icons/transcript-mini-highlights.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/components/button/button.vue CHANGED Viewed

@@ -384,13 +384,14 @@
   &:disabled{
     opacity: .5;
-    cursor: not-allowed;
+    cursor: default;
+    filter: saturate(0);
     &:after{
       opacity: 0;
     }
   }
   &.loading{
     opacity: .7;
     cursor: wait;

package/src/components/button-table/button-table.vue CHANGED Viewed

@@ -1,13 +1,17 @@
 <template>
   <button
     class="ecs-button-table"
-    :class="[ active ? 'active' : '', hasLabel, subtle ? 'subtle' : '' ]"
+    :class="[
+      active ? 'active' : '', hasLabel,
+      subtle ? 'subtle' : ''
+    ]"
+    :disabled="disabled"
     @click="$emit('click', $event)"
     @mouseover="$emit('mouseover', $event)"
     @mouseleave="$emit('mouseleave', $event)">
     <ecs-icon v-if="icon" :type="icon" width="20" height="20" />
-    <div v-if="label">{{ label }}</div>
+    <div v-if="label != null">{{ label }}</div>
   </button>
 </template>
@@ -29,7 +33,11 @@
         type: String
       },
       label: {
-        type: String
+        type: [String, Number]
+      },
+      disabled: {
+        type: Boolean,
+        default: false
       }
     },
@@ -52,7 +60,7 @@
   align-items: center;
   border-radius: 3px;
   background: rgba($gray-7, .1);
-  color: $gray-12;
+  color: $gray-14;
   transition: .2s;
   font-size: 14px;
   padding: 1px;

package/src/components/file-icon/file-icon.vue CHANGED Viewed

@@ -20,6 +20,8 @@
           'rtf',
           'transcript-mini',
           'transcript',
+          'transcript-mini-highlights',
+          'transcript-highlights',
           'video',
           'xls',
           'zip'
@@ -99,6 +101,14 @@
     background-image: url('../../assets/images/file-icons/transcript.svg');
   }
+  &-transcript-mini-highlights{
+    background-image: url('../../assets/images/file-icons/transcript-mini-highlights.svg');
+  }
+  &-transcript-highlights{
+    background-image: url('../../assets/images/file-icons/transcript-highlights.svg');
+  }
   &-video{
     background-image: url('../../assets/images/file-icons/video.svg');
   }

package/src/stories/button-table/button-table.stories.js CHANGED Viewed

@@ -7,7 +7,7 @@ export default {
 export const text = () => ({
   components: { EcsButtonTable },
-  template: `<ecs-button-table icon="parties" label="4"></ecs-button-table>`,
+  template: `<ecs-button-table icon="parties" :label="0"></ecs-button-table>`,
 });
 export const iconOnly = () => ({

package/src/stories/radiobutton/radiobutton.stories.mdx CHANGED Viewed

@@ -17,7 +17,9 @@ Radiobuttons are used for selecting a single value from several options.
 </Canvas>
 ```js
+<ecs-radiobutton name="fruits" v-model="selected" value="orange">Label</ecs-radiobutton>
+<ecs-radiobutton name="fruits" v-model="selected" value="apple" checked>Checked</ecs-radiobutton>
+<ecs-radiobutton name="fruits" v-model="selected" value="grape" disabled>Disabled</ecs-radiobutton>
 ```
 ## Inline
@@ -31,10 +33,10 @@ If more than one radiobutton should be placed within one row, use the `inline` a
 </Canvas>
 ```js
-<ecs-checkbox inline name="fruits">Apple</ecs-checkbox>
-<ecs-checkbox inline name="fruits" checked>Orange</ecs-checkbox>
+<ecs-radiobutton inline name="fruity" v-model="selected" value="apples">Apples</ecs-radiobutton>
+<ecs-radiobutton inline name="fruity" v-model="selected" value="oranges">Oranges</ecs-radiobutton>
 ```
 ## Props, Slots and Events
-<ArgsTable of={EcsRadiobutton} />
+<ArgsTable of={EcsRadiobutton} />