classcard-ui 0.2.217 → 0.2.223

package/package.json

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

package/src/components/CButton/CButton.vue

@@ -83,6 +83,8 @@ export default {
           this.type == "danger",
         "text-white hover:bg-green-800 bg-green-700 focus:ring-green-600":
           this.type == "success",
+        "text-green-800 border border-solid border-gray-300 bg-white hover:bg-gray-50 focus:ring-indigo-600":
+          this.type == "secondary-success",
         "text-gray-700 hover:bg-gray-200 bg-gray-100":
           this.type == "secondary-gray",
         "bg-red-100 text-red-800 hover:bg-red-200 focus:ring-red-200":

package/src/components/CCheckbox/CCheckbox.vue

@@ -25,7 +25,7 @@ export default {
   props: {
     label: { type: String },
     description: { type: String },
-    value: { type: Number },
+    value: [Boolean, Number],
     isDisabled: {
       type: Boolean,
     },

package/src/components/CCollapsibleSection/CCollapsibleSection.vue

@@ -35,7 +35,7 @@
     </div>
     <!-- content to render in collapsible section -->
     <div class="text-sm text-gray-500 mt-5"
-      :class="divider || showSection ? 'border-b border-gray-200 pb-2' : ''"
+      :class="divider || showSection ? 'border-b border-gray-200 pb-8' : ''"
       v-if="showSection">
       <slot></slot>
     </div>

package/src/components/CMultiselect/CMultiselect.vue

@@ -13,6 +13,7 @@
       @input="setSelectedOptions"
       @search="fetchOptions"
       :label="optionLabel"
+      :clearable="clearable"
     >
       <template #open-indicator="{ attributes }">
         <span v-bind="attributes">
@@ -116,6 +117,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
   },
   computed: {},
   data() {

package/src/components/CTable/CTable.vue

@@ -12,11 +12,10 @@
             <!-- button to show list of columns to show  hide in table -->
             <div>
               <button
-                @click="toggleDropdown = !toggleDropdown"
+                @click="handleToggle"
                 class="inline-flex justify-center w-full rounded-md border border-gray-200 shadow-sm px-2 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600"
                 aria-haspopup="true"
                 aria-expanded="true"
-                @blur="toggleDropdown = false"
               >
                 <c-icon name="view-board" type="solid" class="text-gray-400 h-5 w-5"></c-icon>
                 <c-icon
@@ -28,9 +27,11 @@
             </div>
             <!-- dropdown having list of all columns to show hide -->
             <div
-              v-show="toggleDropdown"
+              v-if="toggleDropdown"
               class="origin-top-right absolute right-0 mt-2 -mr-1 w-56 rounded-md shadow-lg bg-white ring-1 ring-gray-900 ring-opacity-5 z-100 overflow-y-auto max-h-96"
-            >
+              tabindex="0"
+              @blur="handleToggle"
+              >
               <div
                 class="py-1"
                 role="menu"
@@ -303,6 +304,9 @@ export default {
     };
   },
   methods: {
+    handleToggle() {
+      this.toggleDropdown = !this.toggleDropdown;
+    },
     showHideColumn(value, name) {
       this.$emit("hideCols", value, name);
     },

package/src/icons.js

@@ -191,5 +191,7 @@ export default {
   "check-circle-outline": "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
   "play-solid":
     "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z",
+  "phone-outgoing-solid":
+    "M17.924 2.617a.997.997 0 00-.215-.322l-.004-.004A.997.997 0 0017 2h-4a1 1 0 100 2h1.586l-3.293 3.293a1 1 0 001.414 1.414L16 5.414V7a1 1 0 102 0V3a.997.997 0 00-.076-.383z M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z",
   save: "M7.707 10.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V6h5a2 2 0 012 2v7a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2h5v5.586l-1.293-1.293zM9 4a1 1 0 012 0v2H9V4z",
 };

package/src/stories/CButton.stories.js

@@ -18,6 +18,7 @@ export default {
           "secondary-gray",
           "light-red",
           "dark-blue",
+          "secondary-success"
         ],
       },
     },