classcard-ui 0.2.327 → 0.2.330

package/package.json

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

package/src/components/CButtonSelect/CButtonSelect.vue

@@ -24,9 +24,8 @@
       >
         <ul class="py-1" tabindex="-1" role="listbox" aria-labelledby="listbox-label">
           <li
-            v-for="(item, index) in items"
+            v-for="(item) in items"
             :key="item.text"
-            :class="index !== Object.keys(items).length - 1 ? 'border-b border-gray-200' : ''"
             class="flex px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900 cursor-pointer"
             @mousedown="emitOptionAction(item.action)"
           >

package/src/components/CIconDropdown/CIconDropdown.vue

@@ -7,43 +7,20 @@
           type="white"
           @click.stop="toggleDropdown = !toggleDropdown"
           @blur="close()"
-          class="
-            inline-flex
-            justify-center
-            w-full
-            rounded-full
-            border-none
-            p-2
-            focus:outline-none
-            focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600
-          "
+          class="focus:outline-none inline-flex w-full justify-center rounded-full border-none p-2 focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2"
           aria-haspopup="true"
           aria-expanded="true"
         >
-          <c-icon
-            :name="icon.name"
-            :type="icon.type"
-            :class="icon.class"
-          ></c-icon>
+          <c-icon :name="icon.name" :type="icon.type" :class="icon.class"></c-icon>
         </button>
       </div>
       <div
         v-show="toggleDropdown"
         :class="classes"
-        class="
-          origin-top-right
-          z-10
-          absolute
-          mt-2
-          -mr-1
-          rounded-md
-          shadow-lg
-          bg-white
-          ring-1 ring-gray-900 ring-opacity-5
-        "
+        class="absolute z-10 mt-2 -mr-1 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-gray-900 ring-opacity-5"
       >
         <div
-          class="py-2 w-max"
+          class="w-max py-2"
           role="menu"
           aria-orientation="vertical"
           aria-labelledby="option-menu"
@@ -51,25 +28,17 @@
           <a
             v-for="(item, index) in items"
             v-bind:key="item.text"
-            @mousedown.stop="dropdownAction(item)"
-            class="
-              flex
-              px-4
-              py-2
-              text-sm text-gray-700
-              hover:bg-gray-100
-              hover:text-gray-900
-              cursor-pointer
-            "
+            @mousedown.stop.prevent="dropdownAction(item)"
+            class="flex cursor-pointer px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900"
             :class="item.class"
             role="menuitem"
           >
-          <c-icon
-           v-if="item.icon"
-            :name="dropdownIcons[index].name"
-            :type="dropdownIcons[index].type"
-            :class="dropdownIcons[index].class"
-          ></c-icon>
+            <c-icon
+              v-if="item.icon"
+              :name="dropdownIcons[index].name"
+              :type="dropdownIcons[index].type"
+              :class="dropdownIcons[index].class"
+            ></c-icon>
             {{ item.text }}
           </a>
         </div>

package/src/stories/CButtonSelect.stories.js

@@ -23,8 +23,8 @@ const Template = (args, { argTypes }) => ({
 export const Default = Template.bind({});
 Default.args = {
   items: [
-    { icon: "check", text: "one", action: "first" },
-    { icon: "check", text: "two", action: "second" },
+    { icon: "check", text: "one", action: "first", iconType: "solid" },
+    { icon: "check", text: "two", action: "second", iconType: "solid" },
   ],
   type: "primary",
   label: "Button",