classcard-ui 0.2.179 → 0.2.183

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.179",
+  "version": "0.2.183",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CAnchorTag/CAnchorTag.vue

@@ -1,10 +1,15 @@
 <template>
   <a
     :href="href"
-    :class="classes"
-    class="flex cursor-pointer text-sm text-indigo-800 hover:underline"
+    :class="`${classes} ${textColor}`"
+    class="flex cursor-pointer text-sm hover:underline"
     @click.prevent="action"
-    ><c-icon v-if="icon" :type="icon.type" :class="icon.class" :name="icon.name"></c-icon>
+    ><c-icon
+      v-if="icon"
+      :type="icon.type"
+      :class="icon.class"
+      :name="icon.name"
+    ></c-icon>
     {{ label }}
   </a>
 </template>
@@ -31,6 +36,19 @@ export default {
     action: {
       type: Function,
     },
+    color: {
+      type: String,
+      default: "blue",
+    },
+  },
+  computed: {
+    textColor() {
+      if (this.color === "red") {
+        return "text-red-800";
+      } else {
+        return "text-indigo-800";
+      }
+    },
   },
 };
 </script>

package/src/components/CSelect/CSelect.vue

@@ -181,7 +181,7 @@ export default {
   data() {
     return {
       toggleDropdown: false,
-      selectedValue: this.value ? this.value || this.value.option : "",
+      selectedValue: this.value !== null && this.value.option ? this.value.option : this.value,
       showSelectedValue: false,
       showFocus: false,
     };
@@ -214,7 +214,7 @@ export default {
   },
   watch: {
     value() {
-      this.selectedValue = this.value.option ? this.value.option : this.value;
+      this.selectedValue = this.value !== null && this.value.option ? this.value.option : this.value;
     },
   },
 };

package/src/stories/CAnchorTag.stories.js

@@ -8,6 +8,7 @@ export default {
     label: String,
     href: String,
     icon: { control: { type: "object" } },
+    color: { control: { type: "select", options: ["blue", "red"] } },
   },
 };
 
@@ -25,4 +26,5 @@ Default.args = {
     name: "download",
     type: "outline",
   },
+  color: "blue",
 };