classcard-ui 0.2.661 → 0.2.665

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.661",
+  "version": "0.2.665",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CMultiselect/CMultiselect.vue

@@ -310,7 +310,7 @@ export default {
   @apply rounded-b-md;
 }
 .vs__selected {
-  @apply m-0 mr-1 border-none py-0 pl-0 pr-1.5;
+  @apply m-0 mr-1 border-none py-0 pl-1.5 pr-1.5;
   margin-bottom: 2px;
 }
 .vs__selected-options {

package/src/components/CRadio/CRadio.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
-    <div class="-space-y-px rounded-md bg-white">
+    <div class="-space-y-px rounded-md bg-white" :class="customWrapperClasses">
       <div
         v-for="(item, index) in items"
         class="relative pb-4 first:rounded-t-md last:rounded-b-md"
-        v-bind:key="item.label"
+        v-bind:key="item[labelName]"
         :class="customClasses ? classes(item, index) : ''"
       >
         <div class="flex items-start">
@@ -17,26 +17,17 @@
             class="mt-0.5 h-4 w-4 cursor-pointer border-gray-300 text-indigo-600 focus:ring-indigo-500 disabled:opacity-50"
             :disabled="isDisabled"
           />
-          <label
-            class="ml-3 flex cursor-pointer flex-col"
-            @click="onChange(item.value)"
-          >
+          <label class="ml-3 flex cursor-pointer flex-col" @click="onChange(item.value)">
             <span
               class="block text-sm font-medium text-gray-900"
-              :class="
-                customClasses && item.value === selectedItem
-                  ? 'text-indigo-900'
-                  : ''
-              "
+              :class="customClasses && item.value === selectedItem ? 'text-indigo-900' : ''"
             >
-              {{ item.label }}
+              {{ item[labelName] }}
             </span>
             <span
               class="block text-sm"
               :class="
-                customClasses && item.value === selectedItem
-                  ? 'text-indigo-700'
-                  : 'text-gray-500'
+                customClasses && item.value === selectedItem ? 'text-indigo-700' : 'text-gray-500'
               "
             >
               {{ item.description }}
@@ -67,10 +58,17 @@ export default {
       type: Boolean,
       default: false,
     },
+    customWrapperClasses: {
+      type: String,
+    },
     name: {
       type: String,
       required: true,
     },
+    labelName: {
+      type: String,
+      default: "label",
+    },
   },
   data() {
     return {
@@ -87,18 +85,10 @@ export default {
     classes(item, index) {
       let classForRadio = "";
       if (item.value === this.selectedItem && index === 0) {
-        classForRadio =
-          "border p-4 border-indigo-200 rounded-t-md bg-indigo-50";
-      } else if (
-        item.value === this.selectedItem &&
-        index === this.items.length - 1
-      ) {
-        classForRadio =
-          "border p-4 border-indigo-200 rounded-b-md bg-indigo-50";
-      } else if (
-        item.value === this.selectedItem &&
-        0 < index < this.items.length - 1
-      ) {
+        classForRadio = "border p-4 border-indigo-200 rounded-t-md bg-indigo-50";
+      } else if (item.value === this.selectedItem && index === this.items.length - 1) {
+        classForRadio = "border p-4 border-indigo-200 rounded-b-md bg-indigo-50";
+      } else if (item.value === this.selectedItem && 0 < index < this.items.length - 1) {
         classForRadio = "border p-4 border-indigo-200 bg-indigo-50";
       } else {
         classForRadio = "border p-4 border-gray-200";

package/src/components/CTextarea/CTextarea.vue

@@ -24,12 +24,12 @@
         :disabled="disabled"
         class="block w-full rounded-md text-gray-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 disabled:opacity-50 sm:text-sm"
       ></textarea>
-      <div
+      <!-- <div
         v-if="!isValidate"
         class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-600"
       >
         <c-icon name="exclamation-circle" type="solid" class="h-5 w-5"></c-icon>
-      </div>
+      </div> -->
     </div>
     <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
       {{ errorMessage }}
@@ -40,10 +40,10 @@
   </div>
 </template>
 <script>
-import CIcon from "../CIcon/CIcon.vue";
+// import CIcon from "../CIcon/CIcon.vue";
 export default {
   name: "CTextarea",
-  components: { CIcon },
+  // components: { CIcon },
   props: {
     label: {
       type: String,

package/src/stories/CRadio.stories.js

@@ -20,12 +20,12 @@ export const Default = Template.bind({});
 Default.args = {
   items: [
     {
-      label: "Public access",
+      text: "Public access",
       description: "This project would be available to anyone who has the link",
       value: "value1",
     },
     {
-      label: "Private to Project Members",
+      text: "Private to Project Members",
       description: "Only members of this project would be able to access",
       value: "value2",
     },