classcard-ui 0.2.794 → 0.2.796

package/package.json

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

package/src/components/CSelect/CSelect.vue

@@ -147,7 +147,9 @@
                 >
                 </c-icon>
                 <span
-                  :class="option.photo || option.initials ? 'ml-3' : ''"
+                  :class="
+                    option.photo || option.initials ? 'ml-3' : 'text-left'
+                  "
                   class="list-options block break-words font-normal"
                   >{{ option[renderOptionName] }}
                 </span>
@@ -172,7 +174,7 @@
       <p v-if="!isValidate" class="mt-2 text-left text-sm text-red-600">
         {{ errorMessage }}
       </p>
-      <p v-if="helpText" class="mt-2 text-sm text-gray-500">
+      <p v-if="helpText" class="mt-2 text-left text-sm text-gray-500">
         {{ helpText }}
       </p>
     </div>

package/src/stories/CSelect.stories.js

@@ -48,6 +48,10 @@ Default.args = {
     { code: "one0", value: "onee54" },
     { code: "one34", value: "onee43" },
     { code: "one23", value: "onee32" },
+    {
+      code: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but als",
+      value: "onee33",
+    },
     { code: "two", value: "twoo", isDisabled: true },
   ],
   addAction: {