classcard-ui 0.2.405 → 0.2.408

package/package.json

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

package/src/components/CButton/CButton.vue

@@ -88,6 +88,10 @@ export default {
       type: String,
       default: "",
     },
+    iconCustomClasses: {
+      type: String,
+      default: "",
+    },
   },
 
   computed: {
@@ -117,8 +121,8 @@ export default {
       return classes;
     },
     iconClasses() {
-      return {
-        "h-5 w-5 mr-1": true,
+      let iconClasses = {
+        "h-5 w-5 mr-1": this.iconCustomClasses ? false : true,
         "text-indigo-400": this.type == "secondary",
         "text-white":
           this.type == "success" ||
@@ -128,6 +132,8 @@ export default {
         "text-gray-400": this.type == "secondary-gray" || this.type == "white",
         "text-red-400": this.type == "light-red",
       };
+      iconClasses[this.iconCustomClasses] = true;
+      return iconClasses;
     },
   },
 

package/src/components/CUpload/CUpload.vue

@@ -1,43 +1,44 @@
 <template>
   <div class="flex flex-col">
-    <div class="flex items-center justify-between text-sm font-normal">
-      <p>{{ label }}</p>
+    <div
+      v-if="isUploaded"
+      class="flex items-center justify-between text-sm font-light"
+    >
+      <p class="text-gray-600">{{ label }}</p>
       <p class="text-gray-400">{{ hint }}</p>
     </div>
-    <div>
-      <button
-        type="button"
-        class="inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
-        @click="initFilestack()"
-        v-if="displayMode == 'overlay' && icon"
-      >
-        <c-icon
-          :type="icon.type"
-          :class="icon.class"
-          :name="icon.name"
-          :viewBox="icon.viewBox"
-        ></c-icon>
-        {{ buttonText }}
-      </button>
-      <button
-        type="button"
-        class="flex w-auto items-center justify-center rounded-lg border-2 border-dashed border-gray-300 px-9 py-14 text-center hover:border-gray-400 focus:outline-none"
-        @click="initFilestack()"
-        v-if="displayMode == 'overlay' && !icon"
-      >
-        <c-icon
-          name="arrow-up"
-          type="solid"
-          class="m-1 h-5 w-5 text-indigo-600"
-          viewBox="0 0 20 20"
-        ></c-icon>
-        <span class="text-sm font-medium text-indigo-900"> Upload </span>
-      </button>
-      <div :class="filestackClasses" id="filestack-uploader"></div>
-      <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
-        {{ errorMessage }}
-      </p>
-    </div>
+    <button
+      type="button"
+      class="inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+      @click="initFilestack()"
+      v-if="displayMode == 'overlay' && icon"
+    >
+      <c-icon
+        :type="icon.type"
+        :class="icon.class"
+        :name="icon.name"
+        :viewBox="icon.viewBox"
+      ></c-icon>
+      {{ buttonText }}
+    </button>
+    <button
+      type="button"
+      class="flex w-auto items-center justify-center rounded-lg border-2 border-dashed border-gray-300 px-9 py-14 text-center hover:border-gray-400 focus:outline-none"
+      @click="initFilestack()"
+      v-if="displayMode == 'overlay' && !icon"
+    >
+      <c-icon
+        name="arrow-up"
+        type="solid"
+        class="m-1 h-5 w-5 text-indigo-600"
+        viewBox="0 0 20 20"
+      ></c-icon>
+      <span class="text-sm font-medium text-indigo-900"> Upload </span>
+    </button>
+    <div :class="filestackClasses" id="filestack-uploader"></div>
+    <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
+      {{ errorMessage }}
+    </p>
   </div>
 </template>
 
@@ -63,9 +64,11 @@ export default {
     },
     hint: {
       type: String,
+      default: "",
     },
     label: {
       type: String,
+      default: "",
     },
     isValidate: { type: Boolean },
     errorMessage: {
@@ -100,6 +103,10 @@ export default {
       type: String,
       default: "inline",
     },
+    isUploaded: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {};