@everchron/ec-shards 0.8.21 → 0.8.24

package/package.json

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

package/src/components/button-dialog/button-dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="ecs-dialog-footer-button" :class="[typeClass, loading ? `loading` : '']" @click="$emit('click', $event)" :disabled="disabled">
+  <button class="ecs-dialog-footer-button" :class="[typeClass, loading ? `loading` : '']" @click="$emit('click', $event)">
     <ecs-icon v-if="icon || loading" :type="iconType" />
     <slot></slot>
   </button>
@@ -23,8 +23,7 @@
         validator: v => ['danger', 'confirm', null].includes(v),
         default: null
       },
-      loading: Boolean,
-      disabled: Boolean
+      loading: Boolean
     },
 
     computed: {

package/src/components/party-entry/party-entry.vue

@@ -3,11 +3,14 @@
       :class="[
                 party,
                 shared ? 'shared' : '',
-                background ? 'ecs-party-entry-background' : ''
+                background ? 'ecs-party-entry-background' : '',
+                annotationColor ? 'annotation' : ''
               ]"
       :style="annotationStyles">
     <ecs-icon v-if="icon && iconPosition == 'left'" :type="iconType" :color="iconColor" :style="'margin-right:'+iconSpacing" :width="iconSize" :height="iconSize" />
-    <slot></slot>
+    <span>
+      <slot></slot>
+    </span>
     <ecs-icon v-if="icon && iconPosition == 'right'" :type="iconType" :color="iconColor" :style="'margin-left:'+iconSpacing" :width="iconSize" :height="iconSize" />
   </div>
 </template>
@@ -71,55 +74,79 @@
       annotationBackgroundColor() {
         switch (this.annotationColor){
           case 1:
-            return 'rgba(249, 223, 0, 0.5)'
+            return 'rgba(249, 223, 0, 0.2)'
           case 2:
-            return 'rgba(243, 161, 0, 0.5)'
+            return 'rgba(243, 161, 0, 0.2)'
           case 3:
-            return 'rgba(183, 234, 128, 0.5)'
+            return 'rgba(183, 234, 128, 0.2)'
           case 4:
-            return 'rgba(72, 228, 194, 0.5)'
+            return 'rgba(72, 228, 194, 0.2)'
           case 5:
-            return 'rgba(72, 157, 255, 0.5)'
+            return 'rgba(72, 157, 255, 0.2)'
           case 6:
-            return 'rgba(184, 119, 240, 0.5)'
+            return 'rgba(184, 119, 240, 0.2)'
           case 7:
-            return 'rgba(253, 120, 253, 0.5)'
+            return 'rgba(253, 120, 253, 0.2)'
           case 8:
-            return 'rgba(197, 148, 101, 0.5)'
+            return 'rgba(197, 148, 101, 0.2)'
           case 9:
-            return 'rgba(133, 142, 159, 0.5)'
+            return 'rgba(133, 142, 159, 0.2)'
+          case 10:
+            return 'rgba(238, 84, 82, 0.2)'
+          case 11:
+            return 'rgba(34, 127, 211, 0.2)'
+          case 12:
+            return 'rgba(93, 175, 0, 0.2)'
+          case 13:
+            return 'rgba(164, 146, 122, 0.2)'
+          case 14:
+            return 'rgba(149, 152, 156, 0.2)'
+          case 15:
+            return 'rgba(215, 139, 33, 0.2)'
           default:
-            return 'rgba(249, 223, 0, 0.5)'
+            return 'rgba(17, 17, 17, 0.2)'
         }
       },
 
       annotationIconColor() {
         switch (this.annotationColor){
           case 1:
-            return '#B57100'
+            return '#F9DF00'
           case 2:
-            return '#A95A00'
+            return '#F3A100'
           case 3:
-            return '#429700'
+            return '#B7EA80'
           case 4:
-            return '#06956E'
+            return '#48E4C2'
           case 5:
-            return '#0E4BBE'
+            return '#489DFF'
           case 6:
-            return '#6B1ABA'
+            return '#B877F0'
           case 7:
-            return '#BE15BF'
+            return '#FD78FD'
           case 8:
-            return '#7B3F1B'
+            return '#C59465'
           case 9:
-            return '#364258'
+            return '#858E9F'
+          case 10:
+            return '#EE5452'
+          case 11:
+            return '#227FD3'
+          case 12:
+            return '#5DAF00'
+          case 13:
+            return '#A4927A'
+          case 14:
+            return '#95989C'
+          case 15:
+            return '#D78B21'
           default:
-            return '#B57100'
+            return '#111111'
         }
       },
 
       iconColor() {
-        if( this.annotationColor ){
+        if (this.annotationColor){
           return this.annotationIconColor
         } else {
           switch (this.party){
@@ -166,6 +193,13 @@
     flex-shrink: 0;
   }
 
+  &.annotation{
+    > span,
+    .icon{
+      filter: brightness(65%);
+    }
+  }
+
   &:after{
     width: 11px;
     height: 11px;